html{color-scheme: light only;}
  html,body{overflow-x:hidden; max-width:100%;}
  /* ---------- Category focused "page" mode ---------- */
  body.category-focus .hero, body.category-focus .cat-section, body.category-focus .trust-bar, body.category-focus .block, body.category-focus .live-banner-section, body.category-focus .promo-banners-section{display:none !important;}
  .cat-page-header{display:none; align-items:center; gap:10px; padding:16px 24px 4px; max-width:1280px; margin:0 auto;}
  body.category-focus .cat-page-header{display:flex;}
  .cat-page-back{display:flex; align-items:center; gap:6px; font-size:13.5px; font-weight:700; color:var(--brand); padding:6px 4px;}
  .cat-page-back:hover{text-decoration:underline;}
  /* ---------- Premium micro-interactions ---------- */
  .pp-img-fade{animation:ppImgFade .35s ease;}
  @keyframes ppImgFade{ from{opacity:0; transform:scale(1.03);} to{opacity:1; transform:scale(1);} }
  @keyframes addToCartPop{ 0%{transform:scale(1);} 40%{transform:scale(0.94);} 100%{transform:scale(1);} }
  .added-pop{animation:addToCartPop .32s ease;}
  .card, .cat-card, .promo-card{transition:transform .2s ease, box-shadow .2s ease;}
  :root{
    --bg:#FFFFFF;
    --bg-soft:#F6F7FB;
    --bg-tint:#E4F3E1;
    --bg-soft2:#F0F2F8;
    --ink:#12131A;
    --ink-muted:#5B6172;
    --ink-dim:#9AA0B4;
    --border:#E7E9F0;
    --border-soft:#F0F1F6;
    --brand:#0B6FC1;
    --brand-dark:#095A9E;
    --brand-soft:#E8F2FB;
    --sale:#C10000;
    --sale-soft:#FDECEC;
    --new:#0F9A28;
    --new-soft:#E7F7ED;
    --featured:#7C3AED;
    --featured-soft:#F2ECFE;
    --radius-sm:8px;
    --radius:14px;
    --radius-lg:20px;
    --shadow-sm:0 1px 2px rgba(16,20,40,0.04), 0 1px 3px rgba(16,20,40,0.06);
    --shadow-md:0 8px 24px rgba(16,20,40,0.08);
    --shadow-lg:0 20px 48px rgba(16,20,40,0.14);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--bg); color:var(--ink); font-family:'Inter',sans-serif; -webkit-font-smoothing:antialiased;}
  .disp{font-family:'Plus Jakarta Sans',sans-serif;}
  a{color:inherit; text-decoration:none;}
  button{font-family:inherit; cursor:pointer; border:none; background:none; color:inherit;}
  input,select{font-family:inherit;}
  img{max-width:100%; display:block;}
  :focus-visible{outline:2px solid var(--brand); outline-offset:2px;}
  .wrap{max-width:1280px; margin:0 auto; padding:0 24px;}
  .visually-hidden{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap;}
  ::-webkit-scrollbar{height:0; width:8px;}
  ::-webkit-scrollbar-thumb{background:var(--border); border-radius:10px;}

  /* fade-in on scroll */
  .fade-up{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;}
  .fade-up.in{opacity:1; transform:translateY(0);}

  /* ---------- Promo strip ---------- */
  .promo-strip{background:linear-gradient(90deg, #1A1B23, #2A2D3D); color:#fff; font-weight:700; font-size:12.5px; letter-spacing:0.01em;}
  .promo-strip-inner{display:flex; align-items:center; justify-content:center; gap:14px; padding:9px 24px; flex-wrap:wrap; text-align:center;}
  .promo-strip .dot{opacity:0.6; font-weight:400;}
  .promo-strip strong{color:#F5C563;}
  @media (max-width:600px){ .promo-strip .dot:nth-of-type(2), .promo-strip span:nth-child(5){display:none;} }
  @media (max-width:420px){ .promo-strip-inner{gap:8px; padding:9px 16px; font-size:11.5px;} }

  /* ---------- Top utility bar ---------- */
  .topbar{background:var(--brand-dark); color:#C7D3F5; font-size:12.5px;}
  .topbar .wrap{display:flex; align-items:center; justify-content:space-between; padding:7px 24px; gap:16px;}
  .topbar-left{display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
  .topbar-left span{display:flex; align-items:center; gap:6px; white-space:nowrap;}
  .topbar a:hover{color:#fff;}
  @media (max-width:760px){ .topbar-left span:not(:first-child){display:none;} }

  /* ---------- Header ---------- */
  header{position:sticky; top:0; z-index:60; background:rgba(255,255,255,0.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--border); transition:box-shadow .2s;}
  header.scrolled{box-shadow:var(--shadow-sm);}
  .header-inner{display:flex; align-items:center; gap:28px; padding:14px 24px;}
  .header-actions{margin-left:auto;}
  #currencySelect{background:var(--bg-soft); border:1px solid var(--border); border-radius:10px; padding:0 10px; height:42px; font-size:13px; font-weight:600; color:var(--ink); max-width:100px;}
  .mobile-currency{margin:0 0 16px; padding:12px; background:var(--bg-soft); border-radius:10px;}
  .mobile-currency label{display:block; font-size:11.5px; color:var(--ink-muted); font-weight:600; margin-bottom:6px;}
  .mobile-currency select{width:100%; height:38px; border-radius:8px; border:1px solid var(--border); background:#fff; padding:0 10px; font-size:13.5px; font-weight:600;}
  .logo{display:flex; align-items:center; gap:10px; font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:20px; letter-spacing:-0.01em; flex-shrink:0;}
  .logo-mark{width:32px; height:32px; border-radius:9px; background:linear-gradient(135deg, var(--brand), #4C7CFF); position:relative; flex-shrink:0;}
  .logo-mark::after{content:'✦'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; font-size:15px;}
  .logo small{display:block; font-family:'Inter',sans-serif; font-weight:600; font-size:9px; letter-spacing:0.1em; color:var(--ink-dim); margin-top:1px;}
  .header-search-inline{
    display:flex; align-items:center; gap:10px; flex:1; max-width:460px;
    background:var(--bg-soft); border:1px solid var(--border); border-radius:10px; padding:10px 16px;
    color:var(--ink-dim); transition:border-color .15s;
  }
  .header-search-inline:focus-within{border-color:var(--brand);}
  .header-search-inline input{flex:1; background:none; border:none; font-size:14px; color:var(--ink);}
  .header-actions{display:flex; align-items:center; gap:8px; flex-shrink:0;}
  .icon-btn{
    position:relative; width:42px; height:42px; border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    background:var(--bg-soft); border:1px solid var(--border); color:var(--ink);
    transition:background .15s, border-color .15s, transform .1s;
  }
  .icon-btn:hover{background:var(--brand-soft); border-color:var(--brand);}
  .icon-btn:active{transform:scale(0.94);}
  .icon-btn.mobile-only-search{display:none;}
  .cart-count{
    position:absolute; top:-6px; right:-6px; background:var(--sale); color:#fff;
    font-size:10.5px; font-weight:700; width:18px; height:18px; border-radius:50%;
    display:flex; align-items:center; justify-content:center; transition:transform .2s;
  }
  .cart-count.bump{transform:scale(1.35);}
  .search-drop{
    position:absolute; top:100%; left:0; right:0; background:#fff; border-bottom:1px solid var(--border);
    box-shadow:var(--shadow-md); padding:16px 24px; display:none;
  }
  .search-drop.open{display:block;}
  .hamburger{display:none; width:42px; height:42px; border-radius:10px; align-items:center; justify-content:center; background:var(--bg-soft); border:1px solid var(--border);}

  /* Search suggestions dropdown */
  .search-suggest{
    position:absolute; top:calc(100% + 6px); left:0; right:0; background:#fff; border:1px solid var(--border);
    border-radius:12px; box-shadow:var(--shadow-lg); max-height:70vh; overflow-y:auto; z-index:60; display:none;
  }
  .search-suggest.open{display:block;}
  .suggest-item{display:flex; align-items:center; gap:12px; padding:10px 14px; cursor:pointer; transition:background .12s;}
  .suggest-item:hover, .suggest-item.active{background:var(--bg-soft);}
  .suggest-item .thumb{width:42px; height:42px; border-radius:8px; background:var(--bg-soft); flex-shrink:0; overflow:hidden; display:flex; align-items:center; justify-content:center;}
  .suggest-item .thumb img{width:100%; height:100%; object-fit:contain;}
  .suggest-item .info{flex:1; min-width:0;}
  .suggest-item .info .nm{font-size:13.5px; font-weight:600; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .suggest-item .info .pr{font-size:12px; color:var(--brand-dark); font-weight:700; margin-top:1px;}
  .suggest-empty{padding:18px; text-align:center; color:var(--ink-dim); font-size:13px;}
  .suggest-footer{padding:10px 14px; border-top:1px solid var(--border-soft); font-size:12.5px; font-weight:700; color:var(--brand); cursor:pointer; text-align:center;}
  .suggest-footer:hover{background:var(--bg-soft);}

  /* Category bar */
  .catbar{border-top:1px solid var(--border-soft); background:#fff;}
  .catbar-inner{display:flex; gap:4px; overflow-x:auto; padding:10px 24px; scrollbar-width:none;}
  .catbar-inner::-webkit-scrollbar{display:none;}
  .catbar-link{flex-shrink:0; padding:8px 16px; border-radius:100px; font-size:13.5px; font-weight:600; color:var(--ink-muted); transition:background .15s, color .15s;}
  .catbar-link:hover{background:var(--bg-soft); color:var(--ink);}
  .catbar-link.active{background:var(--brand); color:#fff;}

  @media (max-width:980px){ .hamburger{display:flex;} }
  @media (max-width:760px){
    .header-search-inline{display:none;}
    .icon-btn.mobile-only-search{display:flex;}
  }
  @media (max-width:520px){
    .header-inner{gap:8px; padding:12px 14px;}
    .logo{font-size:15px; gap:6px;}
    .logo small{display:none;}
    .logo-mark{width:24px; height:24px;}
    .desktop-only-currency, .desktop-only-orders{display:none;}
    .header-actions{gap:6px;}
    .icon-btn{width:40px; height:40px;}
    .catbar-inner{padding:8px 14px;}
  }

  /* Smooth view transitions */
  #shopView, #checkoutScreen, #productPage{animation:viewFadeIn .32s cubic-bezier(.22,.61,.36,1);}
  @keyframes viewFadeIn{ from{opacity:0; transform:translateY(10px) scale(0.99);} to{opacity:1; transform:translateY(0) scale(1);} }

  /* Mobile menu */
  .mobile-menu-overlay{position:fixed; inset:0; background:rgba(16,20,40,0.45); z-index:98; opacity:0; pointer-events:none; transition:opacity .2s;}
  .mobile-menu-overlay.open{opacity:1; pointer-events:auto;}
  .mobile-menu{
    position:fixed; top:0; left:0; height:100%; width:min(320px,84%); background:#fff; z-index:99;
    transform:translateX(-100%); transition:transform .28s ease; display:flex; flex-direction:column; padding:20px;
  }
  .mobile-menu.open{transform:translateX(0);}
  .mobile-menu a{display:block; padding:14px 8px; font-size:16px; font-weight:600; border-bottom:1px solid var(--border-soft);}
  .mobile-menu-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;}

  /* ---------- Hero slider ---------- */
  /* ---------- Hero peek slider — bold promo-banner style ---------- */
  .hero{position:relative; background:var(--bg-tint); padding:20px 0 26px; overflow:hidden;}
  .hero-viewport{overflow:hidden; max-width:1280px; margin:0 auto; padding:0 16px;}
  .hero-track{display:flex; gap:14px; transition:transform .55s cubic-bezier(.22,.61,.36,1); will-change:transform;}
  .hero-slide{
    flex:0 0 100%; max-width:1180px; border-radius:18px; overflow:hidden; position:relative;
    display:grid; grid-template-columns:1fr 1.1fr; align-items:center; box-shadow:var(--shadow-md);
    min-height:230px; cursor:pointer;
  }
  .hero-slide::after{content:''; position:absolute; inset:0; background:radial-gradient(circle at 15% 20%, rgba(255,255,255,0.16), transparent 55%); pointer-events:none;}
  .hero-img-wrap{display:flex; align-items:center; justify-content:center; height:100%; padding:18px 10px;}
  .hero-img-wrap img{max-height:190px; width:100%; object-fit:contain; filter:drop-shadow(0 14px 22px rgba(0,0,0,0.28));}
  .hero-text{padding:20px 24px; text-align:start; position:relative; z-index:1;}
  .hero-eyebrow{display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:800; letter-spacing:0.06em; text-transform:uppercase; padding:6px 13px; border-radius:100px; margin-bottom:14px;}
  .hero-title{font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:clamp(20px,3vw,30px); line-height:1.15; letter-spacing:-0.02em; margin-bottom:10px;}
  .hero-sub{font-size:12.5px; line-height:1.5; margin-bottom:14px; opacity:0.85; font-weight:600;}
  .hero-price{font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:23px; letter-spacing:-0.01em; margin-bottom:14px;}
  .hero-price s{font-size:13px; font-weight:500; margin-left:8px; opacity:0.65;}
  .hero-buy{display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:800; padding:10px 20px; border-radius:100px; transition:transform .15s;}
  .hero-slide:hover .hero-buy{transform:translateX(3px);}
  .hero-dots{display:flex; gap:7px; justify-content:center; margin-top:16px;}
  .hero-dot{width:8px; height:8px; border-radius:50%; background:rgba(18,19,26,0.22); transition:all .25s; padding:0;}
  .hero-dot.active{width:26px; border-radius:100px; background:var(--ink);}
  .hero-arrow{position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:40px; height:40px; border-radius:50%; background:#fff; border:1px solid var(--border); box-shadow:var(--shadow-md); display:flex; align-items:center; justify-content:center; transition:background .15s;}
  .hero-arrow:hover{background:var(--brand-soft);}
  .hero-arrow.prev{left:14px;} .hero-arrow.next{right:14px;}
  @media (max-width:760px){
    .hero-slide{grid-template-columns:1fr; min-height:0;}
    .hero-img-wrap{padding:22px 16px 6px;}
    .hero-img-wrap img{max-height:160px;}
    .hero-text{padding:16px 20px 22px;}
    .hero-arrow{display:none;}
  }

  /* ---------- Multi-product spotlight banner (matches premium retailer promo style) ---------- */
  .hero-slide-multi{display:flex; flex-direction:column; padding:22px 22px 20px; min-height:220px; gap:16px;}
  .hero-multi-ribbon{position:absolute; top:16px; right:-34px; background:#E23744; color:#fff; font-size:10.5px; font-weight:800; letter-spacing:0.04em; padding:5px 42px; transform:rotate(38deg); box-shadow:0 3px 8px rgba(0,0,0,0.25); z-index:2;}
  .hero-multi-ribbon::before, .hero-multi-ribbon::after{content:''; position:absolute; width:5px; height:5px; background:#E23744; top:50%; transform:translateY(-50%);}
  .hero-multi-ribbon::before{left:-3px; clip-path:polygon(0 50%, 100% 0, 100% 100%);}
  .hero-multi-ribbon::after{right:-3px; clip-path:polygon(0 0, 100% 50%, 0 100%);}
  .hero-multi-header{position:relative; z-index:1;}
  .hero-multi-products{display:flex; align-items:flex-end; justify-content:space-around; gap:14px; flex:1; position:relative; z-index:1;}
  .hero-multi-item{display:flex; flex-direction:column; align-items:center; gap:9px; cursor:pointer; transition:transform .22s ease; flex:1; min-width:0;}
  .hero-multi-item:hover{transform:translateY(-5px);}
  .hero-multi-imgwrap{width:100%; aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.16); border-radius:14px; padding:8px;}
  .hero-multi-imgwrap img{max-width:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 8px 12px rgba(0,0,0,0.25));}
  .hero-multi-price{font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:19px; letter-spacing:-0.02em; white-space:nowrap;}
  @media (max-width:480px){
    .hero-multi-price{font-size:15px;}
  }

  /* ---------- Section header with VIEW ALL ---------- */
  .sec-head{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:0 20px; max-width:1280px; margin:0 auto 16px;}
  .sec-head h2{font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(19px,2.4vw,25px); font-weight:800; letter-spacing:-0.01em;}
  .sec-head p{color:var(--ink-muted); font-size:12.5px; margin-top:3px;}
  .view-all{display:flex; align-items:center; gap:10px; flex-shrink:0; font-size:13px; font-weight:700; letter-spacing:0.03em; color:var(--ink);}
  .view-all .circle{width:38px; height:38px; border-radius:50%; background:var(--brand); color:#fff; display:flex; align-items:center; justify-content:center; transition:transform .15s, background .15s;}
  .view-all:hover .circle{background:var(--brand-dark); transform:translateX(2px);}

  /* ---------- Category cards (2x2 thumbs) ---------- */
  .cat-section{background:var(--bg-tint); padding:28px 0 34px;}
  .cat-rail-wrap{position:relative; max-width:1280px; margin:0 auto;}
  .cat-rail{display:flex; gap:14px; overflow-x:auto; padding:4px 20px 6px; scroll-snap-type:x proximity; scrollbar-width:none;}
  .cat-rail::-webkit-scrollbar{display:none;}
  .cat-card{
    flex:0 0 250px; scroll-snap-align:start; background:#fff; border-radius:16px; padding:14px;
    box-shadow:var(--shadow-sm); transition:transform .18s, box-shadow .18s; cursor:pointer; border:1px solid transparent;
  }
  .cat-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-md); border-color:#DCE3F5;}
  .cat-grid{display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-bottom:14px;}
  .cat-tile{aspect-ratio:1; border-radius:11px; display:flex; align-items:center; justify-content:center; overflow:hidden; padding:8px;}
  .cat-tile img{width:100%; height:100%; object-fit:contain;}
  .cat-tile:nth-child(1){background:#F7EAE1;}
  .cat-tile:nth-child(2){background:#EFF1F4;}
  .cat-tile:nth-child(3){background:#E6F1FB;}
  .cat-tile:nth-child(4){background:#FBF3E2;}
  .cat-card h3{font-family:'Plus Jakarta Sans',sans-serif; font-size:16px; font-weight:700; margin-bottom:10px;}
  .cat-count{display:inline-block; font-size:12.5px; font-weight:700; color:var(--brand-dark); background:var(--brand-soft); padding:5px 13px; border-radius:8px;}
  /* ---------- Simple category icon-tiles (row of colorful rounded tiles) ---------- */
  .cat-tile-wrap{flex:0 0 84px; display:flex; flex-direction:column; align-items:center; gap:8px; cursor:pointer; scroll-snap-align:start;}
  .cat-tile-icon{width:84px; height:84px; border-radius:20px; display:flex; align-items:center; justify-content:center; overflow:hidden; padding:14px; transition:transform .18s;}
  .cat-tile-wrap:hover .cat-tile-icon{transform:translateY(-3px) scale(1.03);}
  .cat-tile-icon img{width:100%; height:100%; object-fit:contain;}
  .cat-tile-label{font-size:12.5px; font-weight:700; color:var(--ink); text-align:center; white-space:nowrap;}
  .rail-arrow{position:absolute; top:38%; z-index:4; width:44px; height:44px; border-radius:50%; background:#fff; border:1px solid var(--border); box-shadow:var(--shadow-md); display:flex; align-items:center; justify-content:center; transition:background .15s;}
  .rail-arrow:hover{background:var(--brand-soft);}
  .rail-arrow.prev{left:4px;} .rail-arrow.next{right:4px;}
  @media (max-width:600px){ .cat-card{flex:0 0 78%;} }

  /* ---------- Promo banner strip ---------- */
  .promo-rail{display:flex; gap:14px; overflow-x:auto; padding:0 20px 4px; max-width:1280px; margin:0 auto 34px; scrollbar-width:none;}
  .promo-rail::-webkit-scrollbar{display:none;}
  .promo-card{
    flex:0 0 76%; max-width:520px; min-height:150px; border-radius:16px; padding:22px 24px; color:#fff;
    display:flex; flex-direction:column; justify-content:center; cursor:pointer; transition:transform .18s;
  }
  .promo-card:hover{transform:translateY(-3px);}
  .promo-card h3{font-family:'Plus Jakarta Sans',sans-serif; font-size:20px; font-weight:800; margin-bottom:7px; line-height:1.25;}
  .promo-card p{font-size:13px; opacity:0.92; margin-bottom:14px; line-height:1.5;}
  .promo-card span.pill{display:inline-block; align-self:flex-start; background:rgba(255,255,255,0.22); padding:7px 15px; border-radius:100px; font-size:12.5px; font-weight:700;}
  .promo-a{background:linear-gradient(120deg,#0F2E7A,#2563EB);}
  .promo-b{background:linear-gradient(120deg,#B91C1C,#F97316);}
  .promo-c{background:linear-gradient(120deg,#065F46,#10B981);}
  .promo-d{background:linear-gradient(120deg,#7C2D12,#EA580C);}
  .promo-e{background:linear-gradient(120deg,#1E1B4B,#6366F1);}

  /* Live advertising banner (homepage, auto-rotating) */
  .live-banner{position:relative; max-width:1280px; margin:0 auto 34px; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-md);}
  .live-banner-track{display:flex; transition:transform .5s ease;}
  .live-slide{flex:0 0 100%; display:flex; align-items:center; min-height:150px; cursor:pointer; color:#fff; padding:22px 26px; gap:18px;}
  .live-slide img{width:96px; height:96px; object-fit:contain; background:rgba(255,255,255,0.14); border-radius:14px; padding:8px; flex-shrink:0;}
  .live-slide .lb-eyebrow{font-size:11.5px; font-weight:800; letter-spacing:0.04em; text-transform:uppercase; opacity:0.85;}
  .live-slide .lb-title{font-family:'Plus Jakarta Sans',sans-serif; font-size:19px; font-weight:800; margin:4px 0 6px; line-height:1.25;}
  .live-slide .lb-sub{font-size:13px; opacity:0.92; margin-bottom:10px;}
  .live-slide .lb-cta{display:inline-block; background:rgba(255,255,255,0.95); color:#12131A; font-size:12.5px; font-weight:800; padding:8px 16px; border-radius:100px;}
  .live-banner-dots{position:absolute; bottom:10px; left:0; right:0; display:flex; gap:6px; justify-content:center;}
  .live-banner-dots .dot{width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,0.55); transition:all .2s;}
  .live-banner-dots .dot.active{width:18px; border-radius:100px; background:#fff;}
  @media (min-width:700px){ .live-slide{min-height:190px; padding:32px 48px;} .live-slide img{width:130px; height:130px;} .live-slide .lb-title{font-size:26px;} }
  @media (min-width:900px){ .promo-card{flex:0 0 32%;} }

  /* ---------- Trust bar ---------- */
  .trust-bar{background:#fff; border-bottom:1px solid var(--border);}
  .trust-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:16px; padding:28px 24px;}
  .trust-item{display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px;}
  .trust-item .ic{width:44px; height:44px; border-radius:50%; background:var(--brand-soft); color:var(--brand); display:flex; align-items:center; justify-content:center;}
  .trust-item span{font-size:12.5px; font-weight:600; color:var(--ink-muted);}
  @media (max-width:900px){ .trust-grid{grid-template-columns:repeat(3,1fr);} .trust-item:nth-child(4), .trust-item:nth-child(5){display:none;} }

  /* ---------- Section shared ---------- */
  section.block{padding:52px 0;}
  .section-head{display:flex; align-items:flex-end; justify-content:space-between; padding:0 24px; margin-bottom:22px; max-width:1280px; margin-left:auto; margin-right:auto; gap:16px;}
  .section-head h2{font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(20px,2.4vw,26px); font-weight:800; letter-spacing:-0.01em;}
  .section-head p{color:var(--ink-muted); font-size:13.5px; margin-top:4px;}
  .section-nav{display:flex; gap:8px; flex-shrink:0;}
  .carousel-arrow{width:38px; height:38px; border-radius:50%; background:#fff; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; transition:background .15s, border-color .15s;}
  .carousel-arrow:hover{background:var(--brand-soft); border-color:var(--brand);}

  /* ---------- Carousel ---------- */
  .carousel-track{
    display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x proximity; padding:4px 24px 14px;
    scrollbar-width:none;
  }
  .carousel-track::-webkit-scrollbar{display:none;}
  .carousel-track .card{flex:0 0 auto; width:220px; scroll-snap-align:start;}
  @media (max-width:640px){ .carousel-track .card{width:168px;} }

  /* ---------- Product card ---------- */
  .card{
    background:#fff; border:1px solid var(--border); border-radius:var(--radius);
    padding:14px; display:flex; flex-direction:column; gap:9px; position:relative; cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .card:hover{transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:#DCE3F5;}
  .card:active{transform:translateY(-1px);}
  .card-badge{
    position:absolute; top:12px; left:12px; z-index:2; font-size:10.5px; font-weight:700; letter-spacing:0.02em;
    padding:4px 10px; border-radius:100px; color:#fff;
  }
  .card-badge.sale{background:var(--sale);}
  .card-badge.new{background:#0B6FC1;}
  .card-badge.featured{background:var(--featured);}
  .wish-btn{
    position:absolute; top:12px; right:12px; z-index:2; width:32px; height:32px; border-radius:50%;
    background:rgba(255,255,255,0.9); border:1px solid var(--border); color:var(--ink-muted);
    display:flex; align-items:center; justify-content:center; transition:all .15s;
  }
  .wish-btn:hover{color:var(--sale); border-color:var(--sale);}
  .wish-btn.active{color:var(--sale); border-color:var(--sale); background:var(--sale-soft);}
  .card-visual{height:140px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:40px; background:var(--bg-soft); overflow:hidden;}
  .card-visual img{width:100%; height:100%; object-fit:contain; padding:8px;}
  .card-brand{font-size:10.5px; color:var(--ink-dim); text-transform:uppercase; letter-spacing:0.05em; font-weight:700;}
  .card-name{font-size:13.5px; font-weight:600; line-height:1.35; color:var(--ink); min-height:36px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
  .card-price-row{display:flex; align-items:baseline; gap:6px; margin-top:auto; flex-wrap:wrap;}
  .card-price{font-family:'Plus Jakarta Sans',sans-serif; font-size:15.5px; font-weight:800; color:#C10000;}
  .card-price-old{font-size:11.5px; color:var(--ink-dim); text-decoration:line-through;}
  .card-price-off{font-size:11.5px; font-weight:700; color:#0F9A28;}
  .add-btn{
    margin-top:2px; width:100%; padding:10px; border-radius:9px; background:var(--ink); color:#fff;
    font-weight:600; font-size:13px; transition:background .15s, transform .1s;
  }
  .add-btn:hover{background:var(--brand);}
  .add-btn:active{transform:scale(0.98);}
  .add-btn.added{background:var(--new);}

  /* ---------- Shop section ---------- */
  #shop{background:var(--bg-soft); padding:52px 0 60px;}
  .shop-toolbar{display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; padding:0 24px; margin-bottom:20px; max-width:1280px; margin-left:auto; margin-right:auto;}
  .filters-toggle-btn{display:none; align-items:center; gap:7px; background:#fff; border:1px solid var(--border); border-radius:9px; padding:10px 14px; font-size:13.5px; font-weight:600; color:var(--ink);}
  .filters-toggle-btn.active{background:var(--ink); color:#fff; border-color:var(--ink);}
  @media (max-width:900px){
    .filters-toggle-btn{display:flex;}
    #shopSidebar{display:none;}
    #shopSidebar.open{display:block;}
  }
  .shop-search{display:flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--border); border-radius:9px; padding:10px 14px; width:260px;}
  .shop-search input{flex:1; border:none; background:none; font-size:13.5px;}
  select#sortSelect{background:#fff; border:1px solid var(--border); border-radius:9px; padding:10px 14px; font-size:13.5px; font-weight:500; color:var(--ink);}
  .shop-layout{max-width:1280px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:240px 1fr; gap:24px; align-items:start;}
  .sidebar{position:sticky; top:88px; display:flex; flex-direction:column; gap:20px; background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow-sm);}
  .sidebar-title{font-family:'Plus Jakarta Sans',sans-serif; font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; color:var(--ink); margin-bottom:10px;}
  .sidebar-list{list-style:none; display:flex; flex-direction:column; gap:2px;}
  .sidebar-item{display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; text-align:left; padding:8px 10px; border-radius:7px; font-size:13.5px; color:var(--ink-muted); font-weight:500; transition:background .15s, color .15s;}
  .sidebar-item:hover{background:var(--bg-soft); color:var(--ink);}
  .sidebar-item.active{background:var(--brand-soft); color:var(--brand-dark); font-weight:700;}
  .sidebar-item .count{font-size:11px; color:var(--ink-dim); font-weight:600;}
  .grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:16px;}
  #resultCount{font-size:12.5px; font-weight:600; color:var(--ink-muted);}
  @media (max-width:900px){
    .shop-layout{grid-template-columns:1fr;}
    .sidebar{position:static; flex-direction:row; flex-wrap:wrap;}
    .sidebar-block{flex:1; min-width:160px;}
  }

  /* ---------- Product modal ---------- */
  .modal-overlay{position:fixed; inset:0; background:rgba(12,14,26,0.55); z-index:150; opacity:0; pointer-events:none; transition:opacity .2s;}
  .modal-overlay.open{opacity:1; pointer-events:auto;}
  .modal{
    position:fixed; top:50%; left:50%; transform:translate(-50%,-46%); z-index:151;
    width:min(880px,92vw); max-height:88vh; overflow-y:auto; background:#fff; border-radius:var(--radius-lg);
    box-shadow:var(--shadow-lg); opacity:0; pointer-events:none; transition:opacity .22s, transform .22s;
  }
  .modal.open{opacity:1; pointer-events:auto; transform:translate(-50%,-50%);}
  .modal-close{position:absolute; top:16px; right:16px; width:38px; height:38px; border-radius:50%; background:var(--bg-soft); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; z-index:2;}
  .modal-body{display:grid; grid-template-columns:1fr 1fr; gap:0;}
  .modal-img{background:var(--bg-soft); display:flex; align-items:center; justify-content:center; padding:40px; border-radius:var(--radius-lg) 0 0 var(--radius-lg);}
  .modal-img img{max-height:340px; object-fit:contain;}
  .modal-info{padding:36px 32px;}
  .modal-info .card-brand{margin-bottom:6px;}
  .modal-info h2{font-family:'Plus Jakarta Sans',sans-serif; font-size:22px; font-weight:800; margin-bottom:12px; line-height:1.3;}
  .modal-price-row{display:flex; align-items:baseline; gap:10px; margin-bottom:18px; flex-wrap:wrap;}
  .modal-price{font-family:'Plus Jakarta Sans',sans-serif; font-size:26px; font-weight:800; color:#C10000;}
  .modal-price-old{font-size:14px; color:var(--ink-dim); text-decoration:line-through;}
  .modal-price-off{font-size:13.5px; font-weight:700; color:#0F9A28;}
  .modal-specs{list-style:none; display:flex; flex-direction:column; gap:8px; margin-bottom:24px; padding:16px; background:var(--bg-soft); border-radius:10px;}
  .modal-specs li{display:flex; justify-content:space-between; font-size:13px; color:var(--ink-muted);}
  .modal-specs li b{color:var(--ink); font-weight:600;}
  .modal-qty{display:flex; align-items:center; gap:14px; margin-bottom:20px;}
  .qty-box{display:flex; align-items:center; gap:14px; background:var(--bg-soft); border:1px solid var(--border); border-radius:9px; padding:8px 14px;}
  .qty-box button{font-size:16px; color:var(--ink-muted); width:20px;}
  .modal-cta{width:100%; padding:14px; border-radius:10px; background:var(--brand); color:#fff; font-weight:700; font-size:14.5px; transition:background .15s;}
  .modal-cta:hover{background:var(--brand);}
  .modal-related{padding:0 32px 32px;}
  .modal-related h3{font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; margin-bottom:12px;}
  @media (max-width:720px){
    .modal-body{grid-template-columns:1fr;}
    .modal-img{border-radius:var(--radius-lg) var(--radius-lg) 0 0; padding:28px;}
    .modal-related{padding:0 20px 24px;}
    .modal-info{padding:24px 20px;}
  }

  /* ---------- Product page (full page, Xcite/Alghanim style) ---------- */
  .product-page-screen{display:none; background:#fff; min-height:70vh; padding-bottom:60px;}
  .product-page-screen.open{display:block;}
  .pp-breadcrumb{display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--ink-dim); margin-bottom:22px; flex-wrap:wrap;}
  .pp-breadcrumb a{color:var(--ink-muted); font-weight:500;}
  .pp-breadcrumb a:hover{color:var(--brand);}
  .pp-layout{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start;}
  .pp-img{background:var(--bg-soft); border-radius:var(--radius-lg); overflow:hidden; display:flex; align-items:center; justify-content:center; padding:36px; position:sticky; top:88px;}
  .pp-img img{max-height:440px; width:100%; object-fit:contain; display:block;}
  .pp-thumbs{display:flex; gap:10px; margin-top:14px; flex-wrap:wrap;}
  .pp-thumb{width:64px; height:64px; border-radius:10px; background:var(--bg-soft); border:2px solid transparent; overflow:hidden; cursor:pointer; padding:6px; transition:border-color .15s;}
  .pp-thumb img{width:100%; height:100%; object-fit:contain;}
  .pp-thumb.active{border-color:var(--brand);}
  #ppImgInner{width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
  #ppImgInner img{max-height:440px; width:100%; object-fit:contain; display:block; user-select:none; -webkit-user-drag:none;}
  .pp-img-nav{
    position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:38px; height:38px; border-radius:50%;
    background:rgba(255,255,255,0.92); border:1px solid var(--border); box-shadow:var(--shadow-md);
    font-size:22px; line-height:1; color:var(--ink); display:flex; align-items:center; justify-content:center;
  }
  .pp-img-nav.prev{left:12px;} .pp-img-nav.next{right:12px;}
  .pp-img-nav:hover{background:var(--brand-soft);}
  .pp-img-nav[hidden]{display:none;}
  .pp-dots{display:flex; gap:6px; justify-content:center; margin-top:10px;}
  .pp-dot{width:7px; height:7px; border-radius:50%; background:var(--border); transition:all .2s; padding:0;}
  .pp-dot.active{width:20px; border-radius:100px; background:var(--brand);}
  .pp-color-row{display:flex; align-items:center; gap:12px; margin:14px 0; font-size:13.5px; color:var(--ink-muted);}
  .pp-color-swatches{display:flex; gap:8px;}
  .pp-swatch{width:30px; height:30px; border-radius:50%; border:2px solid var(--border); cursor:pointer; position:relative; transition:border-color .15s;}
  .pp-swatch.active{border-color:var(--brand);}
  .pp-swatch.active::after{content:''; position:absolute; inset:-4px; border:1.5px solid var(--brand); border-radius:50%;}
  .pp-info h1{font-family:'Plus Jakarta Sans',sans-serif; font-size:26px; font-weight:800; line-height:1.3; margin:6px 0 16px;}
  .pp-actions{display:flex; align-items:center; gap:12px; margin:22px 0 20px; flex-wrap:wrap;}
  .btn-outline{padding:14px 22px; border-radius:10px; border:1.5px solid var(--brand); background:#fff; color:var(--brand); font-weight:700; font-size:14.5px; transition:background .15s;}
  .btn-outline:hover{background:var(--bg-soft);}
  .pp-trust{display:flex; flex-direction:column; gap:8px; font-size:13px; color:var(--ink-muted); border-top:1px solid var(--border-soft); padding-top:16px;}
  .pp-faq{margin-top:18px; border-top:1px solid var(--border-soft); padding-top:16px;}
  .pp-faq-item{border-bottom:1px solid var(--border-soft);}
  .pp-faq-q{width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:13px 2px; text-align:start; font-size:13.5px; font-weight:600; color:var(--ink);}
  .pp-faq-chevron{transition:transform .2s; color:var(--ink-dim); flex-shrink:0;}
  .pp-faq-item.open .pp-faq-chevron{transform:rotate(180deg);}
  .pp-faq-a{max-height:0; overflow:hidden; transition:max-height .25s ease;}
  .pp-faq-item.open .pp-faq-a{max-height:120px;}
  .pp-faq-a p{font-size:13px; line-height:1.6; color:var(--ink-muted); padding:0 2px 13px;}
  .pp-related{margin-top:60px; border-top:1px solid var(--border); padding-top:36px;}
  .pp-related h3{font-family:'Plus Jakarta Sans',sans-serif; font-size:19px; font-weight:700; margin-bottom:16px;}
  @media (max-width:860px){
    .pp-layout{grid-template-columns:1fr; gap:24px;}
    .pp-img{position:static; padding:24px;}
    .pp-info h1{font-size:21px;}
  }

  /* ---------- Cart / Orders drawer ---------- */
  .overlay{position:fixed; inset:0; background:rgba(12,14,26,0.45); z-index:90; opacity:0; pointer-events:none; transition:opacity .2s;}
  .overlay.open{opacity:1; pointer-events:auto;}
  .drawer{position:fixed; top:0; right:0; height:100%; width:min(420px,100%); background:#fff; border-left:1px solid var(--border); z-index:100; transform:translateX(100%); transition:transform .28s ease; display:flex; flex-direction:column;}
  .drawer.open{transform:translateX(0);}
  .drawer-head{display:flex; align-items:center; justify-content:space-between; padding:20px 22px; border-bottom:1px solid var(--border);}
  .drawer-head h3{font-family:'Plus Jakarta Sans',sans-serif; font-size:17px;}
  .drawer-body{flex:1; overflow-y:auto; padding:16px 22px; display:flex; flex-direction:column; gap:14px;}
  .empty-note{color:var(--ink-dim); font-size:13.5px; text-align:center; padding:40px 0; line-height:1.6;}
  .cart-item{display:flex; gap:12px; align-items:center;}
  .cart-item .thumb{width:54px; height:54px; border-radius:8px; background:var(--bg-soft); display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; overflow:hidden;}
  .cart-item .thumb img{width:100%; height:100%; object-fit:contain;}
  .cart-item .info{flex:1; min-width:0;}
  .cart-item .info .nm{font-size:13.5px; font-weight:600; margin-bottom:2px; color:var(--ink);}
  .cart-item .info .pr{font-size:12.5px; color:#C10000; font-weight:700;}
  .qty-ctrl{display:flex; align-items:center; gap:8px; background:var(--bg-soft); border:1px solid var(--border); border-radius:100px; padding:4px 8px;}
  .qty-ctrl button{width:20px; height:20px; display:flex; align-items:center; justify-content:center; font-size:14px; color:var(--ink-muted);}
  .qty-ctrl button:hover{color:var(--brand);}
  .qty-ctrl span{font-size:12.5px; min-width:14px; text-align:center; font-weight:600;}
  .remove-x{color:var(--ink-dim); font-size:16px; padding:4px;}
  .remove-x:hover{color:var(--sale);}
  .drawer-foot{padding:18px 22px 22px; border-top:1px solid var(--border);}
  .subtotal-row{display:flex; justify-content:space-between; font-size:13.5px; color:var(--ink-muted); margin-bottom:6px;}
  .total-row{display:flex; justify-content:space-between; font-size:17px; font-weight:700; margin-bottom:16px;}
  .total-row .amt{color:#C10000;}
  .full-btn{width:100%; padding:14px; border-radius:9px; background:var(--brand); color:#fff; font-weight:700; font-size:14.5px; transition:background .15s;}
  .full-btn:hover{background:var(--brand);}
  .full-btn:disabled{opacity:0.5; cursor:not-allowed;}

  /* ---------- Checkout ---------- */
  .checkout-screen{display:none; padding:44px 24px 80px; background:var(--bg-soft); min-height:70vh;}
  .checkout-screen.open{display:block;}
  .checkout-inner{max-width:620px; margin:0 auto;}
  .in-app-warning{background:#FFF4E5; border:1px solid #F5C563; color:#7A4A00; font-size:13px; line-height:1.5; padding:12px 14px; border-radius:10px; margin:16px 0;}
  .site-in-app-warning{position:sticky; top:0; z-index:200; background:#F5C563; color:#3D2600; font-size:12.5px; font-weight:600; line-height:1.4; text-align:center; padding:10px 16px;}
  .site-in-app-warning.hide{display:none;}
  .in-app-warning.hide{display:none;}
  .orbit-steps{display:flex; align-items:center; justify-content:space-between; margin-bottom:40px; position:relative;}
  .orbit-steps::before{content:''; position:absolute; top:17px; left:17px; right:17px; height:2px; background:var(--border); z-index:0;}
  .orbit-steps .track-fill{position:absolute; top:17px; left:17px; height:2px; background:var(--brand); z-index:1; transition:width .3s ease;}
  .step{position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; gap:7px;}
  .step .node{width:36px; height:36px; border-radius:50%; background:#fff; border:2px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; color:var(--ink-dim); transition:all .25s;}
  .step.done .node{background:var(--new); border-color:var(--new); color:#fff;}
  .step.active .node{border-color:var(--brand); box-shadow:0 0 0 5px var(--brand-soft); color:var(--brand);}
  .step span.lbl{font-size:11.5px; color:var(--ink-muted); font-weight:500;}
  .step.active span.lbl{color:var(--ink); font-weight:600;}
  .panel{background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:28px; box-shadow:var(--shadow-sm);}
  .panel h3{font-family:'Plus Jakarta Sans',sans-serif; font-size:18px; margin-bottom:20px;}
  .field-row{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px;}
  @media (max-width:420px){ .field-row{grid-template-columns:1fr;} }
  .field{display:flex; flex-direction:column; gap:6px;}
  .field.full{grid-column:1/-1;}
  .field label{font-size:12.5px; color:var(--ink-muted); font-weight:500;}
  .field input, .field select{background:var(--bg-soft); border:1px solid var(--border); border-radius:8px; padding:11px 13px; color:var(--ink); font-size:14px;}
  .field input:focus, .field select:focus{border-color:var(--brand); background:#fff;}
  .pay-opt{border:1.5px solid var(--brand); border-radius:10px; padding:16px; text-align:center; font-size:14px; font-weight:600; color:var(--ink); background:var(--brand-soft); margin-bottom:16px;}
  .demo-note{font-size:12.5px; color:var(--ink-muted); background:var(--bg-soft); border:1px dashed var(--border); border-radius:8px; padding:11px 13px; margin-top:2px; line-height:1.55;}

  /* ---------- Checkout trust badges ---------- */
  .trust-section{margin:18px 0; border:1px solid var(--border); border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 2px 10px rgba(18,19,26,0.04);}
  .trust-block{padding:16px 18px;}
  .trust-block + .trust-block{border-top:1px solid var(--border);}
  .trust-section-v2{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border); border:1px solid var(--border); border-radius:14px; overflow:hidden; margin:18px 0; box-shadow:0 2px 10px rgba(18,19,26,0.04);}
  .trust-box{background:#fff; padding:16px 8px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; color:var(--ink);}
  .trust-box svg{color:var(--brand);}
  .trust-box-label{font-size:11px; font-weight:600; line-height:1.3; color:var(--ink-muted);}
  @media (max-width:480px){
    .trust-section-v2{grid-template-columns:repeat(2,1fr);}
    .trust-box{padding:14px 6px;}
  }
  .trust-title{display:flex; align-items:center; gap:8px; font-weight:800; font-size:14.5px; color:#0F8A4B; margin-bottom:12px;}
  .trust-title svg{flex-shrink:0;}
  .trust-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px 14px;}
  .trust-item{display:flex; align-items:flex-start; gap:8px; font-size:12.5px; color:var(--ink); line-height:1.4;}
  .trust-item svg{flex-shrink:0; margin-top:1px; color:#0F8A4B;}
  .trust-sub{font-size:12px; color:var(--ink-muted); margin-top:2px;}
  .payment-badges-row{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;}
  .alt-payment-divider{display:flex; align-items:center; gap:10px; margin:16px 0; color:var(--ink-dim); font-size:12px; font-weight:600;}
  .alt-payment-divider::before, .alt-payment-divider::after{content:''; flex:1; height:1px; background:var(--border);}
  .alt-payment-btn{display:flex; align-items:center; justify-content:center; gap:9px; width:100%; padding:13px 20px; border-radius:10px; font-weight:700; font-size:14px; margin-bottom:10px; transition:transform .15s, box-shadow .15s; box-shadow:0 2px 8px rgba(18,19,26,0.1);}
  .alt-payment-btn:hover{transform:translateY(-1px); box-shadow:0 6px 14px rgba(18,19,26,0.16);}
  .whatsapp-btn{background:#25D366; color:#fff;}
  .cod-btn{background:#fff; color:var(--ink); border:1.5px solid var(--border);}
  .alt-payment-btn.hide{display:none;}
  .alt-payment-note{font-size:12px; color:var(--ink-muted); text-align:center; margin:-2px 0 4px;}
  .payment-badge-chip{font-size:11.5px; font-weight:700; color:var(--ink-muted); background:var(--bg-soft); border:1px solid var(--border); border-radius:7px; padding:6px 10px;}
  @media (max-width:480px){ .trust-grid{grid-template-columns:1fr;} }

  /* ---------- Order tracking timeline ---------- */
  .order-card{border:1px solid var(--border); border-radius:12px; margin-bottom:12px; overflow:hidden; background:#fff;}
  .order-card-head{display:flex; align-items:center; gap:12px; padding:14px; cursor:pointer; transition:background .15s;}
  .order-card-head:hover{background:var(--bg-soft);}
  .order-card-head .thumb{width:40px; height:40px; border-radius:9px; background:var(--bg-soft); display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0;}
  .order-card-head .info{flex:1; min-width:0;}
  .order-status-pill{display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:800; padding:3px 9px; border-radius:100px; margin-top:3px;}
  .order-status-pill.status-placed{background:var(--brand-soft); color:var(--brand-dark);}
  .order-status-pill.status-transit{background:#FFF4E5; color:#8A5300;}
  .order-status-pill.status-delivered{background:var(--new-soft); color:var(--new);}
  .order-card-chevron{transition:transform .2s; color:var(--ink-dim); flex-shrink:0;}
  .order-card.expanded .order-card-chevron{transform:rotate(180deg);}
  .order-tracking-body{max-height:0; overflow:hidden; transition:max-height .3s ease;}
  .order-card.expanded .order-tracking-body{max-height:600px;}
  .order-tracking-inner{padding:6px 18px 18px 18px; border-top:1px solid var(--border-soft);}
  .track-timeline{margin-top:14px;}
  .track-step{display:flex; gap:12px; position:relative; padding-bottom:22px;}
  .track-step:last-child{padding-bottom:0;}
  .track-step::before{content:''; position:absolute; left:11px; top:26px; bottom:0; width:2px; background:var(--border);}
  .track-step:last-child::before{display:none;}
  .track-step.done::before{background:var(--new);}
  .track-dot{width:24px; height:24px; border-radius:50%; background:var(--bg-soft); border:2px solid var(--border); display:flex; align-items:center; justify-content:center; flex-shrink:0; z-index:1; transition:all .2s;}
  .track-step.done .track-dot{background:var(--new); border-color:var(--new); color:#fff;}
  .track-step.current .track-dot{background:var(--brand); border-color:var(--brand); color:#fff; box-shadow:0 0 0 4px var(--brand-soft);}
  .track-step.pending .track-dot{color:var(--ink-dim);}
  .track-label{font-size:13.5px; font-weight:700; color:var(--ink-dim); padding-top:2px;}
  .track-step.done .track-label, .track-step.current .track-label{color:var(--ink);}
  .track-time{font-size:11.5px; color:var(--ink-dim); margin-top:2px;}
  .track-current-badge{display:inline-block; font-size:10px; font-weight:800; color:var(--brand); background:var(--brand-soft); padding:2px 7px; border-radius:100px; margin-left:6px; vertical-align:middle;}
  .track-disclaimer{font-size:11.5px; color:var(--ink-dim); margin-top:14px; padding-top:12px; border-top:1px dashed var(--border); line-height:1.5;}
  .review-line{display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--border-soft); font-size:14px;}
  .review-line:last-of-type{border-bottom:none;}
  .review-line .nm{color:var(--ink-muted);}
  .review-line .val{font-weight:600;}
  .panel-actions{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:22px;}
  .btn-back{color:var(--ink-muted); font-size:13.5px; font-weight:600; padding:12px 8px;}
  .btn-back:hover{color:var(--ink);}
  .btn-primary{padding:13px 26px; border-radius:9px; font-weight:700; font-size:14px; background:var(--brand); color:#fff; transition:background .15s, transform .15s, box-shadow .15s; box-shadow:0 2px 8px rgba(18,19,26,0.15);}
  .btn-primary:hover{transform:translateY(-1px); box-shadow:0 6px 16px rgba(18,19,26,0.22);}
  .btn-primary:active{transform:translateY(0); box-shadow:0 2px 6px rgba(18,19,26,0.18);}
  .btn-primary:hover{background:var(--brand);}
  .confirm-wrap{text-align:center; padding:16px 10px;}
  .confirm-orb{width:78px; height:78px; margin:0 auto 20px; border-radius:50%; background:var(--new); display:flex; align-items:center; justify-content:center; font-size:32px; color:#fff;}
  .confirm-wrap h3{font-family:'Plus Jakarta Sans',sans-serif; font-size:21px; margin-bottom:10px;}
  .confirm-wrap p{color:var(--ink-muted); font-size:14.5px; margin-bottom:4px;}
  .order-id{font-weight:700; color:var(--brand-dark); font-size:15px; margin:16px 0 24px;}

  /* ---------- Footer ---------- */
  footer{background:#0C0F1F; color:#A9B0CC; padding:56px 24px 22px; margin-top:20px;}
  .footer-grid{max-width:1280px; margin:0 auto; display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:32px; padding-bottom:32px; border-bottom:1px solid rgba(255,255,255,0.08);}
  .footer-grid h3{font-family:'Plus Jakarta Sans',sans-serif; font-size:14px; color:#fff; margin-bottom:14px;}
  .footer-grid p{font-size:13px; line-height:1.7; color:#8891B3;}
  .footer-grid ul{list-style:none; display:flex; flex-direction:column; gap:9px;}
  .footer-grid a{font-size:13px; color:#A9B0CC;}
  .footer-grid a:hover{color:#fff;}
  .social-row{display:flex; gap:10px; margin-top:14px;}
  .social-row a{width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,0.06); display:flex; align-items:center; justify-content:center;}
  .social-row a:hover{background:var(--brand);}
  .footer-bottom{max-width:1280px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; padding-top:18px; font-size:12.5px; color:#6B7396;}
  @media (max-width:860px){ .footer-grid{grid-template-columns:1fr 1fr;} }

  .hide{display:none !important;}
  .paypal-loading-skel{
    height:48px; border-radius:10px; background:linear-gradient(90deg, var(--bg-soft) 25%, var(--border) 50%, var(--bg-soft) 75%);
    background-size:200% 100%; animation:skelShimmer 1.3s infinite; display:flex; align-items:center; justify-content:center;
    font-size:13px; color:var(--ink-muted);
  }
  @keyframes skelShimmer{ 0%{background-position:200% 0;} 100%{background-position:-200% 0;} }

  /* ---------- Language toggle button ---------- */
  .lang-toggle{
    padding:9px 14px; border-radius:10px; background:var(--bg-soft); border:1px solid var(--border);
    font-size:13px; font-weight:700; color:var(--ink); cursor:pointer; white-space:nowrap;
  }
  .lang-toggle:hover{background:var(--brand-soft); border-color:var(--brand);}

  /* ---------- RTL (Arabic) support ---------- */
  html[dir="rtl"] body{ font-family:'Cairo','Plus Jakarta Sans',sans-serif; }
  html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] .hero-title,
  html[dir="rtl"] .card-name, html[dir="rtl"] .cat-card h3, html[dir="rtl"] .promo-card h3,
  html[dir="rtl"] #ppName, html[dir="rtl"] .logo{ font-family:'Cairo',sans-serif; }
  html[dir="rtl"] .wish-btn{ right:auto; left:12px; }
  html[dir="rtl"] .card-badge{ left:auto; right:12px; }
  html[dir="rtl"] .hero-arrow.prev{ left:auto; right:14px; }
  html[dir="rtl"] .hero-arrow.next{ right:auto; left:14px; }
  html[dir="rtl"] .rail-arrow.prev{ left:auto; right:4px; }
  html[dir="rtl"] .rail-arrow.next{ right:auto; left:4px; }
  html[dir="rtl"] .pp-img-nav.prev{ left:auto; right:12px; }
  html[dir="rtl"] .pp-img-nav.next{ right:auto; left:12px; }
  html[dir="rtl"] .modal-close, html[dir="rtl"] .policy-close{ right:auto; left:16px; }
  html[dir="rtl"] .drawer{ right:auto; left:0; transform:translateX(-100%); }
  html[dir="rtl"] .drawer.open{ transform:translateX(0); }
  html[dir="rtl"] .suggest-item, html[dir="rtl"] .cart-item{ direction:rtl; }
  html[dir="rtl"] .hero-arrow, html[dir="rtl"] .rail-arrow, html[dir="rtl"] .pp-img-nav{ transform:translateY(-50%) scaleX(-1); }
  html[dir="rtl"] .catbar-inner, html[dir="rtl"] .cat-rail, html[dir="rtl"] .promo-rail{ direction:rtl; }
/* ---------- Multi-page site safety net ---------- */
/* Guarantees the product page content is visible even before/without JS
   toggling the .open class — belt-and-braces so Add to Cart/Buy is never
   accidentally hidden. */
body[data-page="product"] .product-page-screen{display:block;}
body[data-page="checkout"] .checkout-screen{display:block;}

/* ===== Trikart-style header search row ===== */
.header-search-row{padding:0 24px 14px;}
.header-search-row .header-search-inline{display:flex; max-width:none; width:100%;}
.header-search-row .header-search-inline input{font-size:15px;}
.icon-btn.mobile-only-search{display:none !important;}
.lang-toggle{height:40px; padding:0 12px; border-radius:10px; border:1px solid var(--border); background:var(--bg-soft); font-weight:700; font-size:12.5px; color:var(--ink);}
@media (max-width:760px){
  .header-search-row{padding:0 14px 12px;}
  .header-search-row .header-search-inline{display:flex;}
}
@media (max-width:520px){
  .header-inner{gap:6px; padding:12px 12px;}
  .logo{font-size:13px;}
  .icon-btn{width:36px; height:36px;}
  .lang-toggle{height:36px; padding:0 7px; font-size:11px;}
  #currencySelect{height:36px; font-size:11px; max-width:66px;}
  .header-actions{gap:5px;}
}

/* ===== WhatsApp floating button ===== */
.wa-float-btn{position:fixed; bottom:20px; right:16px; z-index:70; width:56px; height:56px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(0,0,0,0.25);}
@media (max-width:760px){ body[data-page="product"] .wa-float-btn{bottom:96px;} }

/* ===== Sticky Add to Cart / Buy Now on product pages (mobile) ===== */
@media (max-width:760px){
  .pp-actions{position:fixed; bottom:0; left:0; right:0; z-index:80; margin:0; background:#fff; padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px)); box-shadow:0 -4px 16px rgba(18,19,26,0.1); flex-wrap:nowrap;}
  .pp-actions .qty-box{padding:8px 10px; gap:8px;}
  .pp-actions .btn-outline{padding:13px 14px;}
  body[data-page="product"] .product-page-screen{padding-bottom:82px;}
}

/* ===== Exit-intent offer ===== */
.exit-offer-modal{max-width:380px; width:92%; text-align:center; z-index:160;}
.modal-overlay#exitOfferOverlay{z-index:155;}
.exit-offer-body{padding:30px 24px 22px;}
.exit-offer-body h3{font-family:'Plus Jakarta Sans',sans-serif; font-size:20px; font-weight:800; margin:8px 0 6px;}
.exit-offer-body p{font-size:14px; color:var(--ink-muted); margin-bottom:10px;}
.exit-offer-list{list-style:none; padding:0; margin:0 0 14px; font-size:14px; display:flex; flex-direction:column; gap:6px; align-items:center;}
.exit-offer-discount{background:#E8F7EC; color:#0F9A28; font-weight:800; border-radius:10px; padding:10px; margin-bottom:14px; font-size:15px;}
.exit-offer-dismiss{display:block; width:100%; margin-top:12px; font-size:13px; color:var(--ink-dim); text-decoration:underline; background:none; border:0;}

.pp-wa-order{display:flex; align-items:center; justify-content:center; gap:10px; background:#25D366; color:#fff; font-weight:800; font-size:15.5px; padding:15px 16px; border-radius:12px; margin:14px 0 0; text-decoration:none;}
@media (max-width:760px){ .pp-wa-order{margin-bottom:6px;} }