/* ── HOMEPAGE: EDITORIAL DROPS ── */
.drops-layout {display:grid;grid-template-columns:1fr;gap:12px;margin-top:28px;}
.drop-hero-card {position:relative;overflow:hidden;aspect-ratio:4/3;cursor:pointer;background:var(--cream);}
.drop-hero-card img {width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.23,1,.32,1);filter:brightness(.75);}
.drop-hero-card:hover img {transform:scale(1.04);}
.drop-hero-card::after {content:'';position:absolute;inset:0;background:linear-gradient(to top, rgba(26,23,20,.75) 0%, transparent 55%);}
.drop-info {position:absolute;bottom:0;left:0;right:0;padding:20px;z-index:2;}
.drop-cat {font-family:var(--font-mono);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent2);margin-bottom:6px;}
.drop-name {font-family:var(--font-d);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;line-height:.95;color:var(--cream);}
.drop-meta {font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sand);margin-top:4px;}

.drops-side {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.drop-small {position:relative;overflow:hidden;aspect-ratio:3/4;cursor:pointer;background:var(--cream);}
.drop-small img {width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.23,1,.32,1);filter:brightness(.7);}
.drop-small:hover img {transform:scale(1.05);}
.drop-small::after {content:'';position:absolute;inset:0;background:linear-gradient(to top, rgba(26,23,20,.7) 0%, transparent 50%);}
.drop-small .drop-info {padding:14px;}
.drop-small .drop-name {font-size:1.1rem;}

/* ── HOMEPAGE: NEW ARRIVALS ── */
.arrivals-section {padding-top:0;}
.arrivals-scroll {display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:28px;padding-bottom:4px;}
.arrivals-scroll::-webkit-scrollbar {display:none;}
.arrivals-scroll .a-card {flex:0 0 68vw;max-width:258px;scroll-snap-align:start;}

/* ── HOMEPAGE: BRAND STORY TEASER ── */
.story-section {background:var(--cream);padding:64px 20px;}
.story-grid {display:grid;grid-template-columns:1fr;gap:40px;margin-top:32px;}
.story-text .manifesto {font-family:var(--font-d);font-weight:800;font-size:clamp(1.5rem, 6vw, 2.8rem);letter-spacing:-.02em;line-height:1.1;color:var(--ink);margin-bottom:20px;}
.story-text .manifesto em {color:var(--accent);font-style:italic;}
.story-text .manifesto .dim {color:var(--bark);}
.story-para {font-family:var(--font-ser);font-size:.85rem;line-height:1.85;color:var(--bark);margin-bottom:16px;}
.story-para b {color:var(--ink);font-weight:500;font-style:italic;}
.btn-story {display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--cream);padding:13px 24px;font-family:var(--font-d);font-weight:700;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;margin-top:8px;}
.btn-story:hover {background:var(--espresso);}
.story-stats {display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#DED5C8;border:1px solid #DED5C8;}
.st-cell {background:var(--paper);padding:22px 18px;}
.st-num {font-family:var(--font-d);font-weight:800;font-size:2.4rem;color:var(--accent);letter-spacing:-.02em;line-height:1;margin-bottom:4px;}
.st-label {font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}

/* ── HOMEPAGE: TRUST BAR ── */
.trust-bar {background:var(--ink);padding:36px 20px;}
.trust-bar-grid {display:grid;grid-template-columns:repeat(2, 1fr);gap:1px;background:var(--mocha);border:1px solid var(--mocha);}
.tb-item {background:var(--espresso);padding:20px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.tb-icon {color:var(--accent2);}
.tb-title {font-family:var(--font-d);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--cream);}
.tb-desc {font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;color:var(--tan);line-height:1.5;}

/* ── HOMEPAGE: TESTIMONIALS ── */
.testi-scroll {display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:28px;}
.testi-scroll::-webkit-scrollbar {display:none;}
.t-card {flex:0 0 82vw;max-width:320px;scroll-snap-align:start;background:var(--cream);border:1px solid #E0D5C8;padding:24px 20px;}
.t-stars {color:var(--accent);font-size:.78rem;letter-spacing:3px;margin-bottom:12px;}
.t-text {font-family:var(--font-ser);font-style:italic;font-size:.84rem;line-height:1.75;color:var(--bark);margin-bottom:16px;}
.t-author {display:flex;align-items:center;gap:12px;}
.t-avatar {width:36px;height:36px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-weight:800;font-size:.85rem;color:var(--accent2);flex-shrink:0;}
.t-name {font-weight:700;font-size:.78rem;color:var(--ink);}
.t-meta {font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}

/* ── HOMEPAGE: INSTAGRAM GRID ── */
.insta-section {background:var(--cream);padding:64px 20px;}
.insta-grid {display:grid;grid-template-columns:repeat(3, 1fr);gap:6px;margin-top:24px;}
.insta-cell {aspect-ratio:1/1;overflow:hidden;position:relative;background:var(--sand);cursor:pointer;}
.insta-cell img {width:100%;height:100%;object-fit:cover;transition:transform .5s, filter .3s;filter:saturate(.85);}
.insta-cell:hover img {transform:scale(1.06);filter:saturate(1);}
.insta-cell::after {content:'';position:absolute;inset:0;background:rgba(26,23,20,0);transition:background .3s;}
.insta-cell:hover::after {background:rgba(26,23,20,.18);}
.insta-handle {margin-top:18px;text-align:center;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);}
.insta-handle a {color:var(--accent);}

/* ── HOMEPAGE: NEWSLETTER ── */
.nl-section {background:var(--accent);padding:64px 20px;text-align:center;}
.nl-label {font-family:var(--font-mono);font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:10px;}
.nl-title {font-family:var(--font-d);font-weight:800;font-size:clamp(2.2rem, 10vw, 5rem);letter-spacing:-.02em;line-height:.93;color:var(--white);margin-bottom:14px;}
.nl-title em {font-style:italic;color:var(--ink);}
.nl-sub {font-family:var(--font-ser);font-style:italic;font-size:.85rem;line-height:1.7;color:rgba(255,255,255,.8);margin-bottom:28px;max-width:360px;margin-left:auto;margin-right:auto;}
.nl-form {display:flex;flex-direction:column;gap:10px;max-width:400px;margin:0 auto;}
.nl-input {background:var(--ink);border:none;color:var(--cream);padding:14px 18px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;outline:none;}
.nl-input::placeholder {color:var(--bark);}
.nl-btn {background:var(--ink);color:var(--accent2);padding:14px;font-family:var(--font-d);font-weight:700;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;}
.nl-btn:hover {background:var(--espresso);}
.nl-note {font-family:var(--font-mono);font-size:.58rem;letter-spacing:.12em;color:rgba(255,255,255,.55);margin-top:10px;text-transform:uppercase;}

/* ── SHOP PAGE LAYOUT ── */
.page-header {background:var(--ink);padding:40px 20px 32px;position:relative;overflow:hidden;}
.page-header::before {content:attr(data-wm);position:absolute;top:-10px;right:-10px;font-family:var(--font-d);font-weight:800;font-size:clamp(5rem,20vw,14rem);letter-spacing:-.04em;line-height:1;color:rgba(255,255,255,.03);pointer-events:none;white-space:nowrap;}
.ph-eyebrow {font-family:var(--font-mono);font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;gap:10px;}
.ph-eyebrow::before {content:'';width:24px;height:1px;background:var(--accent);}
.ph-title {font-family:var(--font-d);font-weight:800;font-size:clamp(2.2rem,9vw,5rem);letter-spacing:-.03em;line-height:.93;color:var(--cream);margin-bottom:10px;}
.ph-title em {font-style:italic;color:var(--accent2);}
.ph-meta {font-family:var(--font-mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tan);}

.filter-topbar {background:var(--paper);border-bottom:1px solid var(--border);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:var(--nav-h);z-index:90;}
.filter-btn {display:flex;align-items:center;gap:7px;background:var(--ink);color:var(--cream);padding:9px 16px;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;}
.filter-badge {background:var(--accent);color:var(--white);width:16px;height:16px;border-radius:50%;font-size:.6rem;display:flex;align-items:center;justify-content:center;}
.active-chips {display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;}
.active-chips::-webkit-scrollbar {display:none;}
.chip {display:inline-flex;align-items:center;gap:5px;background:var(--cream);border:1px solid var(--border);padding:5px 10px;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bark);white-space:nowrap;cursor:pointer;}
.chip .remove {color:var(--muted);font-size:.7rem;}
.chip-clear {color:var(--muted);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;}
.topbar-right {display:flex;align-items:center;gap:8px;flex-shrink:0;}
.sort-select {background:none;border:1px solid var(--border);color:var(--bark);padding:7px 10px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;outline:none;}
.view-toggle {display:flex;gap:1px;}
.vt-btn {width:32px;height:32px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);}
.vt-btn.on {background:var(--ink);border-color:var(--ink);color:var(--accent2);}

.shop-layout {display:grid;grid-template-columns:1fr;min-height:60vh;}
.sidebar {display:none;}
.sb-section {border-bottom:1px solid var(--border);padding:20px 0;}
.sb-title {font-family:var(--font-d);font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;}
.sb-options {display:flex;flex-direction:column;gap:8px;}
.sb-option {display:flex;align-items:center;gap:9px;padding:3px 0;}
.sb-option input[type=checkbox] {width:15px;height:15px;accent-color:var(--accent);}
.sb-option label {font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bark);flex:1;}
.sb-option .count {font-size:.58rem;color:var(--muted);}
.sb-colors {display:flex;flex-wrap:wrap;gap:8px;}
.sb-swatch {width:26px;height:26px;border-radius:50%;border:2px solid transparent;}
.sb-swatch.on {border-color:var(--accent);}

.products-area {padding:20px;}
.results-count {font-family:var(--font-mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;}
.results-count span {color:var(--ink);font-weight:600;}

.load-more-wrap {text-align:center;padding:40px 0 20px;}
.btn-load {border:1.5px solid var(--ink);color:var(--ink);padding:14px 40px;font-family:var(--font-d);font-weight:700;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;}
.load-progress {font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:12px;}
.prog-bar {height:2px;background:var(--border);margin-top:8px;max-width:200px;margin-left:auto;margin-right:auto;}
.prog-fill {height:100%;background:var(--accent);width:40%;}

/* Shop filter drawer mobile */
.drawer-overlay {position:fixed;inset:0;background:rgba(26,23,20,.6);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(3px);}
.drawer-overlay.on {opacity:1;pointer-events:all;}
.filter-drawer {position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-radius:16px 16px 0 0;border-top:2px solid var(--accent);z-index:201;padding:0 20px 48px;transform:translateY(100%);transition:transform .4s cubic-bezier(.23,1,.32,1);max-height:88svh;overflow-y:auto;}
.filter-drawer.on {transform:translateY(0);}

.rv-section {background:var(--cream);padding:48px 20px;border-top:1px solid var(--border);}
.rv-scroll {display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:22px;}
.rv-scroll::-webkit-scrollbar {display:none;}
.rv-card {flex:0 0 44vw;max-width:170px;scroll-snap-align:start;}
.rv-img {aspect-ratio:3/4;overflow:hidden;background:var(--paper);border:1px solid var(--border);margin-bottom:8px;}
.rv-img img {width:100%;height:100%;object-fit:cover;}
.rv-name {font-size:.76rem;font-weight:600;color:var(--ink);margin-bottom:2px;}
.rv-price {font-family:var(--font-mono);font-size:.7rem;color:var(--muted);}

/* Desktop Breakpoints */
@media(min-width:768px) {
  .drops-layout {grid-template-columns:1fr 1fr;gap:20px;}
  .story-grid {grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
  .trust-bar-grid {grid-template-columns:repeat(4,1fr);}
  .insta-grid {grid-template-columns:repeat(6,1fr);}
  
  .filter-topbar {padding:12px 36px;}
  .shop-layout {grid-template-columns:var(--sidebar-w) 1fr;}
  .sidebar {display:block;border-right:1px solid var(--border);padding:24px 24px 60px;position:sticky;top:calc(var(--nav-h) + 49px);height:calc(100vh - var(--nav-h) - 49px);overflow-y:auto;}
  .products-area {padding:24px 28px;}
  .filter-btn {display:none;}
}