/* Light "store" look for the shop pages (Apple / Samsung style). Scoped to main.lt so the rest of the site stays dark. */
body:has(main.lt){background:#f5f5f7;color:#1d1d1f}
body:has(main.lt) .top{background:rgba(250,250,252,.8);border-color:rgba(0,0,0,.08);color:#1d1d1f}
body:has(main.lt) .top .brand .bt small{color:#6e6e73}
body:has(main.lt) .top .nav a{color:#1d1d1f;opacity:.75}
body:has(main.lt) .top .nav a:hover,body:has(main.lt) .top .nav a[aria-current=page]{opacity:1;color:#000}
body:has(main.lt) .acctbtn,body:has(main.lt) .cartbtn{color:#1d1d1f;border-color:rgba(0,0,0,.14)}
body:has(main.lt) .acctbtn:hover,body:has(main.lt) .cartbtn:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.3)}

.lt{--t1:#1d1d1f;--t2:#6e6e73;--card:#fff;--hair:rgba(0,0,0,.08);font-family:'Figtree',-apple-system,'Segoe UI',sans-serif;color:var(--t1);background:#f5f5f7;padding-top:68px}
.lt h1,.lt h2,.lt h3,.lt b{font-family:'Figtree',-apple-system,'Segoe UI',sans-serif;color:var(--t1)}
.lt a{color:inherit}

/* store home */
.ls-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;padding-top:64px;padding-bottom:34px}
.ls-hero h1{font-size:clamp(34px,4.4vw,56px);font-weight:700;letter-spacing:-.025em;line-height:1.07;max-width:760px}
.ls-hero h1 span{color:var(--t2)}
.ls-help{display:flex;flex-direction:column;gap:14px;min-width:240px}
.ls-help a{display:flex;flex-direction:column;font-size:14px;color:#0066cc;text-decoration:none}
.ls-help a b{font-size:14px;font-weight:600;color:var(--t1)}
.ls-help a:hover{text-decoration:underline}

.ls-strip{display:flex;gap:6px;overflow-x:auto;padding-top:6px;padding-bottom:30px;scrollbar-width:none}
.ls-strip::-webkit-scrollbar{display:none}
.ls-strip a{flex:none;width:118px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:13.5px;font-weight:600;line-height:1.25;text-decoration:none;padding:8px 4px;border-radius:14px;transition:background .2s}
.ls-strip a span{width:104px;height:78px;display:grid;place-items:center}
.ls-strip img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.ls-strip a:hover img{transform:scale(1.08)}

.ls-sec{padding-top:34px;padding-bottom:36px}
.ls-sec h2{font-size:clamp(24px,2.6vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:24px}
.ls-sec h2 span{color:var(--t2)}

.ls-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ls-card{position:relative;display:flex;flex-direction:column;background:var(--card);border-radius:22px;padding:28px 28px 22px;text-decoration:none;box-shadow:0 2px 12px rgba(0,0,0,.05);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.ls-card:hover{transform:scale(1.015);box-shadow:0 14px 40px rgba(0,0,0,.1)}
.ls-eyebrow{font-size:12px;font-weight:700;letter-spacing:.02em;color:#DA0D12;text-transform:uppercase}
.ls-card b{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.12;margin-top:6px}
.ls-line{color:var(--t2);font-size:15px;margin-top:6px}
.ls-img{display:block;aspect-ratio:4/3;margin:10px -8px 0;position:relative}
.ls-img::after{content:"";position:absolute;left:18%;right:18%;bottom:7%;height:9%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.16),transparent 70%)}
.ls-img img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ls-card:hover .ls-img img{transform:scale(1.04)}
.ls-foot{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--t2);padding-top:10px;border-top:1px solid var(--hair)}
.ls-foot em{font-style:normal;color:#0066cc;font-weight:600}

.ls-brands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.ls-brands a{height:86px;border-radius:16px;background:var(--card);display:grid;place-items:center;text-decoration:none;padding:0 14px;box-shadow:0 1px 6px rgba(0,0,0,.04);transition:box-shadow .3s,transform .3s}
.ls-brands a:hover{box-shadow:0 10px 30px rgba(0,0,0,.09);transform:translateY(-2px)}
.ls-brands img{height:30px;width:100%;max-width:110px;object-fit:contain;filter:brightness(0);opacity:.85}
.ls-brands span{font-size:16.5px;font-weight:700;letter-spacing:-.01em;color:#1d1d1f;text-align:center}

.ls-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-bottom:60px}
.ls-why div{background:var(--card);border-radius:22px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.ls-why svg{color:#DA0D12}
.ls-why b{display:block;font-size:19px;font-weight:700;letter-spacing:-.01em;margin:16px 0 8px}
.ls-why p{color:var(--t2);font-size:15px;line-height:1.5}

/* category page */
.lc-hero{display:grid;grid-template-columns:1fr minmax(0,520px);align-items:center;gap:30px;padding-top:48px;padding-bottom:22px}
.lc-crumb{font-size:14px;color:var(--t2)}.lc-crumb a{color:#0066cc;text-decoration:none}.lc-crumb a:hover{text-decoration:underline}
.lc-hero h1{font-size:clamp(40px,5.4vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1.02;margin:10px 0 14px}
.lc-sub{font-size:19px;color:var(--t2);line-height:1.45;max-width:560px}
.lc-hero img{width:100%;height:auto}

.lt .cb-bar{top:68px;background:rgba(245,245,247,.82);border-color:var(--hair);border-top:1px solid var(--hair)}
.lt .cb-pill{border:0;background:#fff;color:var(--t1);box-shadow:0 1px 4px rgba(0,0,0,.06);font-family:'Figtree',sans-serif}
.lt .cb-pill:hover{box-shadow:0 2px 10px rgba(0,0,0,.12)}
.lt .cb-pill.dim{color:#86868b}
.lt .cb-pill small{background:#f0f0f2;color:#1d1d1f}
.lt .cb-pill[aria-selected="true"]{background:#1d1d1f;color:#fff}
.lt .cb-pill[aria-selected="true"] small{background:#DA0D12;color:#fff}
.lt .cb-pills{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
.lt .cb-tools select{background:#fff;color:var(--t1);border:1px solid rgba(0,0,0,.12)}
.lt .cb-tog{color:var(--t2)}
.lt .cb-body{padding-top:30px;padding-bottom:90px}
.lt .cb-brandhead h2{color:var(--t1)}.lt .cb-brandhead p{color:var(--t2)}
.lt .cb-mark{background:#fff;border:0;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.lt .cb-mark img{filter:brightness(0)}
.lt .cb-mark .wm{color:var(--t1)}

.lt .pgrid{gap:22px}
.lt .pc{background:#fff;border:0;border-radius:22px;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.lt .pc:hover{transform:scale(1.015);box-shadow:0 14px 40px rgba(0,0,0,.1);border:0}
.lt .pc-img{background:#fff}
.lt .pc-img img{object-fit:contain;padding:10%}
.lt .pc-img img.fb{padding:12%;opacity:1}
.lt .pc-tag{background:none;backdrop-filter:none;left:18px;top:16px;padding:0;font-size:12px;font-weight:700;color:#86868b}
.lt .pc-tag.ok{color:#1a8a3f}.lt .pc-tag.sale{color:#DA0D12;background:none}
.lt .pc-b{padding:4px 22px 22px}
.lt .pc-br{font-family:'Figtree',sans-serif;letter-spacing:.02em;font-size:12px;font-weight:700;color:#DA0D12}
.lt .pc-b h3{font-size:19px;font-weight:700;letter-spacing:-.01em}
.lt .pc-ln{color:var(--t2);font-size:14px}
.lt .pc-pr{color:var(--t1);font-weight:600;font-size:17px}
.lt .pc-f button{background:#1d1d1f;border-radius:980px;height:38px;padding:0 18px;font-family:'Figtree',sans-serif;font-weight:600}
.lt .pc-f button:hover{background:#DA0D12}
.lt .pc-f button:disabled{background:#e8e8ed;color:#86868b}

.lt .cb-empty{background:#fff;border:0;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.lt .cb-empty .label{color:#DA0D12;font-family:'Figtree',sans-serif;font-weight:700;letter-spacing:.02em;font-size:12.5px}
.lt .cb-empty h3{color:var(--t1)}.lt .cb-empty p{color:var(--t2)}
.lt .cb-empty .btn{border-radius:980px;font-family:'Figtree',sans-serif}
.lt .cb-empty .btn.solid{background:#1d1d1f;border-color:#1d1d1f;color:#fff}
.lt .cb-empty .btn.solid:hover{background:#DA0D12;border-color:#DA0D12}
.lt .cb-empty .btn.hollow{background:none;border:1px solid rgba(0,0,0,.2);color:var(--t1)}
.lt .cb-alt button{color:#0066cc;text-decoration:none}

@media (max-width:1000px){.ls-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ls-brands{grid-template-columns:repeat(4,minmax(0,1fr))}.ls-why{grid-template-columns:1fr 1fr}.lt .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.lc-hero{grid-template-columns:1fr;padding-top:30px;gap:0}.lc-hero img{max-width:420px;margin:0 auto}.lt .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width:560px){.lt{padding-top:60px}.ls-hero{padding-top:34px;padding-bottom:20px}.ls-help{display:none}.ls-cards{grid-template-columns:1fr 1fr;gap:12px}.ls-card{padding:16px 14px 12px;border-radius:18px}.ls-card b{font-size:17px}.ls-line{display:none}.ls-foot{font-size:12px}.ls-foot em{display:none}
  .ls-brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ls-brands a{height:64px}.ls-brands span{font-size:14px}.ls-why{grid-template-columns:1fr}.ls-strip a{width:92px;font-size:12px}.ls-strip a span{width:84px;height:62px}
  .lc-sub{font-size:16px}.lt .cb-bar{top:60px}.lt .pc-b{padding:2px 14px 14px}.lt .pc-b h3{font-size:16px}}

/* ===== Shop pages in the site's graphite palette (same layout as the light store) ===== */
body:has(main.lt){background:#0E0F11;color:#F2F3F5}
body:has(main.lt) .top{background:rgba(11,12,14,.78);border-color:rgba(255,255,255,.07);color:#F2F3F5}
body:has(main.lt) .top .brand .bt small{color:#80858E}
body:has(main.lt) .top .nav a{color:#F2F3F5;opacity:.7}
body:has(main.lt) .top .nav a:hover,body:has(main.lt) .top .nav a[aria-current=page]{opacity:1;color:#fff}
body:has(main.lt) .acctbtn,body:has(main.lt) .cartbtn{color:#F2F3F5;border-color:rgba(255,255,255,.16)}
body:has(main.lt) .acctbtn:hover,body:has(main.lt) .cartbtn:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3)}
.lt{--t1:#F2F3F5;--t2:#A4A9B0;--card:#17191C;--hair:rgba(255,255,255,.07);background:radial-gradient(60% 30% at 0% 0%,rgba(255,255,255,.035),transparent 60%),#0E0F11}
.lt .ls-help a,.lt .lc-crumb a,.lt .ls-foot em,.lt .cb-alt button{color:#FF5A60}
.ls-card,.ls-brands a,.ls-why div,.lt .pc,.lt .cb-empty,.lt .cb-mark{background:#17191C;box-shadow:none;border:1px solid rgba(255,255,255,.06)}
.ls-card:hover,.lt .pc:hover{border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 60px -36px rgba(0,0,0,.9)}
.ls-brands a:hover{border-color:rgba(255,255,255,.2);box-shadow:none}
.ls-brands span{color:#E4E6E9}
.ls-brands img{filter:brightness(0) invert(1)}
.ls-img::after{background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.45),transparent 70%)}
.lt .pc-img{background:radial-gradient(60% 55% at 50% 50%,#202227,#17191C)}
.lt .lc-hero img{filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
.lt .cb-bar{background:rgba(14,15,17,.85);border-color:rgba(255,255,255,.07)}
.lt .cb-pill{background:#17191C;color:#F2F3F5;box-shadow:none;border:1px solid rgba(255,255,255,.08)}
.lt .cb-pill:hover{border-color:rgba(255,255,255,.22);box-shadow:none}
.lt .cb-pill.dim{color:#80858E}
.lt .cb-pill small{background:rgba(255,255,255,.08);color:#F2F3F5}
.lt .cb-pill[aria-selected="true"]{background:#F2F3F5;color:#0E0F11;border-color:#F2F3F5}
.lt .cb-pill[aria-selected="true"] small{background:#D7141B;color:#fff}
.lt .cb-tools select{background:#17191C;color:#F2F3F5;border-color:rgba(255,255,255,.12)}
.lt .pc-f button,.lt .cb-empty .btn.solid{background:#D7141B;border-color:#D7141B}
.lt .pc-f button:hover,.lt .cb-empty .btn.solid:hover{background:#B30F15;border-color:#B30F15}
.lt .pc-f button:disabled{background:#26292E;color:#80858E}
.lt .cb-empty .btn.hollow{border-color:rgba(255,255,255,.2);color:#F2F3F5}
.lt .pc-tag.ok{color:#4CC97A}
.lt .pc-br,.ls-eyebrow,.lt .cb-empty .label{color:#FF5A60}
.ls-why svg{color:#FF5A60}
.lt .cb-mark img{filter:brightness(0) invert(1)}