/* Baraa Store — retail design system, 2026-11. No changes to commerce calculations. */
.bs-retail{--ret-ink:#172133;--ret-muted:#66758b;--ret-line:#e4e8ef;--ret-surface:#fff;--ret-soft:#f5f7fa;--ret-accent:#087f71;--ret-radius:16px;background:#f6f7f9!important;color:var(--ret-ink)}
.bs-retail *, .bs-retail *::before,.bs-retail *::after{box-sizing:border-box}
.bs-retail :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #0d9488!important;outline-offset:3px!important}
.bs-retail a{text-underline-offset:3px}
.bs-skip-link{position:fixed;z-index:200;inset-inline-start:12px;top:-100px;border-radius:10px;background:#172133;color:white;padding:12px 18px;font-weight:800;transition:top .15s}
.bs-skip-link:focus{top:12px}
#bs-retail-header{background:#fff!important;border-color:var(--ret-line)!important;box-shadow:0 3px 16px #15243c09!important}
#bs-retail-header .bs-store-nav{gap:4px}
#bs-retail-header .bs-store-nav a,#bs-retail-header .bs-store-nav button{border-radius:9px;transition:background-color .15s,color .15s}
#bs-retail-header .bs-store-nav a:hover,#bs-retail-header .bs-store-nav button:hover{background:#f3f6f9!important}
#bs-retail-header [data-live-search] input{border-color:#dce3eb;background:#f8fafc}
#bs-retail-header [data-live-search] input:focus{background:#fff;border-color:#0d9488}
#bs-retail-header [data-search-panel]{box-shadow:0 22px 46px #17213320;border:1px solid #e4e8ef}
#bs-retail-header [data-search-row]:focus-visible{background:#ecfdf5}
#bs-retail-header .group:focus-within>div{visibility:visible;opacity:1}
.bs-retail main{min-height:35svh}
.bs-retail footer{margin-top:48px;border-color:var(--ret-line);background:#fff}
.bs-retail footer a:hover{color:#087f71;text-decoration:underline}
.bs-retail :is(button,a)[disabled],.bs-retail :is(button,a)[aria-disabled="true"]{cursor:not-allowed}
.bs-retail-quicklinks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100% - 24px,1696px);margin:18px auto 8px}
.bs-retail-quicklinks a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;padding:13px 16px;background:#fff;border:1px solid var(--ret-line);border-radius:14px;color:#263548;font-size:13px;font-weight:800;box-shadow:0 2px 9px #16223606;transition:border-color .15s,box-shadow .15s,transform .15s}
.bs-retail-quicklinks a:hover{border-color:#9bcfc6;box-shadow:0 10px 24px #1325400d;transform:translateY(-2px)}
.bs-retail-quicklinks .bs-ql-arrow{font-size:18px;color:#078476;flex:none}
.bs-retail .bs-product-card{background:#fff!important;border:1px solid var(--ret-line);border-radius:15px!important;box-shadow:0 2px 8px #17213308!important;transform:none!important;transition:border-color .16s,box-shadow .16s}
.bs-retail .bs-product-card:hover{border-color:#c8d8da;box-shadow:0 9px 24px #17213312!important}
.bs-retail .bs-product-card [data-retail-card-image]{background:#fff}
.bs-retail .bs-product-card [data-retail-card-image] :is(img,picture){object-fit:contain!important}
.bs-retail .bs-product-card [data-retail-card-price]{color:#132438!important;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.bs-retail .bs-product-card [data-retail-card-controls] button{min-height:40px;border-radius:9px;font-size:11px}
.bs-retail .bs-product-card [data-retail-card-controls] button:hover{border-color:#9acdc5;color:#08685f}
.bs-retail .bs-product-card [data-retail-add]{min-height:43px;box-shadow:none!important;border-radius:10px!important;background:#102435!important}
.bs-retail .bs-product-card [data-retail-add]:hover{background:#164e63!important;transform:none!important}
.bs-retail .bs-product-card [data-retail-add]:active{transform:scale(.985)!important}
.bs-retail .bs-product-card [data-retail-stock]{background:#fff8e6;border:1px solid #f2e3ad;color:#88611c}
.bs-retail .bs-product-card [data-retail-discount]{background:#a3263d!important;box-shadow:none!important}
.bs-retail #catalog-products-grid{align-items:stretch}
.bs-retail-catalog-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;margin-bottom:14px;background:#fff;border:1px solid var(--ret-line);border-radius:14px}
.bs-retail-catalog-tools .bs-retail-sort-links{display:flex;gap:6px;flex-wrap:wrap}
.bs-retail-catalog-tools .bs-retail-sort-links a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e3e8ee;border-radius:9px;padding:9px 11px;color:#526074;font-size:12px;font-weight:800;min-height:39px}
.bs-retail-catalog-tools .bs-retail-sort-links a[aria-current="true"]{background:#e8f6f2;color:#087f71;border-color:#89c8b8}
.bs-retail-filters{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:14px}
.bs-retail-filters a{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:7px 11px;background:#fff;border:1px solid #dce6ea;border-radius:999px;color:#244154;font-size:12px;font-weight:700}
.bs-retail-filters a:hover{border-color:#3b988e;background:#f2faf8}
.bs-retail-filters .bs-clear-all{background:transparent;border-color:transparent;color:#b42336}
.bs-retail-catalog-tools strong{font-variant-numeric:tabular-nums}
.bs-retail main :is(input,select,textarea){min-width:0}
.bs-retail main button:active{transform:scale(.993)}
.bs-retail .bs-cart .bs-cart-hero{background:#14293a!important}
.bs-retail .bs-cart .bs-cart-title{background:none!important;color:#14293a!important;-webkit-text-fill-color:#14293a}
.bs-retail .bs-cart .bs-glass{background:#fff!important;border-color:var(--ret-line)!important;box-shadow:0 2px 14px #1721330a!important}
.bs-retail .bs-cart .bs-cart-cta{background:#14293a!important;box-shadow:none!important}
.bs-retail .bs-cart .bs-cart-price,.bs-retail .bs-cart .bs-cart-line-total{color:#163c46!important}
.bs-retail .bs-pdp-shell,.bs-retail .bs-pdp-details{border-color:var(--ret-line);box-shadow:0 4px 18px #17213309}
.bs-retail .bs-pdp-purchase{background:#fff;border-color:var(--ret-line)}
.bs-retail .bs-pdp-jumps{border-color:var(--ret-line)}
.bs-retail .bs4-trust{background:#fff;border-color:var(--ret-line);box-shadow:0 3px 16px #17213306}
.bs-retail .bs4-trust-icon{background:#e9f3f2;color:#0b756b}
.bs-retail-mobile-nav{display:none}
@media(max-width:1023px){.bs-retail-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr))}.bs-retail-quicklinks a{min-height:55px}}
@media(max-width:767px){
 #bs-retail-header{box-shadow:0 2px 10px #1721330a!important}
 #bs-retail-header [data-live-search] input{height:46px}
 .bs-retail-quicklinks{gap:7px;width:calc(100% - 20px);margin-top:10px}
 .bs-retail-quicklinks a{padding:10px 11px;min-height:52px;font-size:11px}
 .bs-retail .bs-product-card{border-radius:12px!important}
 .bs-retail .bs-product-card [data-retail-card-price]{font-size:17px}
 .bs-retail .bs-product-card [data-retail-card-controls]{gap:5px}
 .bs-retail .bs-product-card [data-retail-card-controls] button{padding:6px 2px}
 .bs-retail-catalog-tools{padding:11px}
 .bs-retail-catalog-tools .bs-retail-sort-links{flex-wrap:nowrap;max-width:100%;overflow-x:auto}
 .bs-retail-catalog-tools .bs-retail-sort-links a{white-space:nowrap;padding:8px}
 .bs-retail-with-nav main{padding-bottom:75px}
 .bs-retail-mobile-nav{display:grid;position:fixed;z-index:48;inset-inline:0;bottom:0;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;box-shadow:0 -5px 20px #17213317;border-top:1px solid var(--ret-line);padding:7px 4px max(7px,env(safe-area-inset-bottom));}
 .bs-retail-mobile-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:50px;border-radius:10px;color:#64748b;font-size:10px;font-weight:800}
 .bs-retail-mobile-nav a[aria-current="page"]{color:#086f66;background:#eaf8f5}
 .bs-retail-mobile-nav svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
 .bs-retail-mobile-nav .bs-mobile-count{position:absolute;inset-inline-start:calc(50% + 10px);top:0;border-radius:30px;background:#15263a;color:#fff;padding:1px 5px;font-size:10px}
 .bs-retail-with-nav footer{margin-bottom:5px}
}
@media(prefers-reduced-motion:reduce){
 .bs-retail *, .bs-retail *::before, .bs-retail *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media print{.bs-retail-mobile-nav,.bs-skip-link{display:none!important}}