:root{
    /* Clay & Cream (default) */
    --bg:#F2EDE5;
    --bg-2:#EBE4D8;
    --paper:#FBF8F2;
    --ink:#171513;
    --ink-2:#3D362F;
    --mute:#7B7167;
    --line:#DDD3C3;
    --line-2:#E9E1D2;
    --forest:#2B3A2E;
    --clay:#C4724E;
    --clay-2:#A95C3A;
    --sand:#E7D9C2;
    --cream:#F7F0E1;
    --tile-a-1:#F5DCC0; --tile-a-2:#D69A73; --tile-a-3:#A85F3D;
    --tile-b-1:#C7CFB8; --tile-b-2:#7B8A6B; --tile-b-3:#3E4B36;
    --tile-c-1:#F1E1C5; --tile-c-2:#D8B486; --tile-c-3:#8C5A33;
    --tile-d-1:#EFCFC2; --tile-d-2:#C68876; --tile-d-3:#7A4338;
    --tile-e-1:#E2D9CD; --tile-e-2:#9C8E7B; --tile-e-3:#4F4538;
    --tile-f-1:#F4E6CB; --tile-f-2:#C9A671; --tile-f-3:#7A5A30;
    --r:14px; --r-lg:22px; --r-xl:32px;
    --shadow-sm:0 1px 0 rgba(23,21,19,.04), 0 1px 2px rgba(23,21,19,.04);
    --shadow:0 8px 24px -16px rgba(23,21,19,.18), 0 2px 6px -2px rgba(23,21,19,.06);
    --shadow-lg:0 24px 60px -28px rgba(23,21,19,.28), 0 6px 16px -8px rgba(23,21,19,.08);
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:"Rubik",system-ui,sans-serif;font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .35s ease,color .35s ease}
  /* secret-mode ambience — only visible in dark mode */
  body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(60% 50% at 14% 6%,rgba(196,114,78,.10),transparent 70%),radial-gradient(50% 40% at 92% 100%,rgba(196,114,78,.07),transparent 65%);opacity:0;transition:opacity .4s ease;mix-blend-mode:screen}
  body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%);opacity:0;transition:opacity .4s ease}
  body.is-dark::before,body.is-dark::after{opacity:1}
  body.is-dark{background-image:radial-gradient(80% 60% at 80% 0%,color-mix(in oklab,var(--clay) 8%,transparent),transparent 60%),radial-gradient(50% 40% at 0% 100%,color-mix(in oklab,var(--clay) 6%,transparent),transparent 70%)}
  .wrap,.nav,header,section,footer,.tweaks{position:relative;z-index:3}
  /* The hero owns the search dropdown, so it must sit above sections below
     it — otherwise the .pop (z-index:60 inside hero's stacking context) is
     still capped by the hero's parent z-index of 3 and gets covered by the
     next section's content. */
  .hero{z-index:20}
  img{display:block;max-width:100%}
  a{color:inherit;text-decoration:none}
  button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
  .wrap{max-width:1320px;margin:0 auto;padding:0 32px}
  .eyebrow{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);font-weight:600}

  /* ── NAV ────────────────────────────────────────── */
  .nav{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--bg) 78%,transparent);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid color-mix(in oklab,var(--line) 70%,transparent)}
  body.is-dark .nav{background:color-mix(in oklab,#0a0907 78%,transparent);border-bottom-color:rgba(247,238,226,.07)}
  .nav-in{display:flex;align-items:center;gap:36px;height:68px}
  .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:-.02em}
  .logo-mark{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--tile-a-1),var(--clay) 60%,var(--clay-2));position:relative}
  .logo-mark::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--bg);mix-blend-mode:soft-light}
  body.is-dark .logo-mark{box-shadow:0 0 0 1px rgba(196,114,78,.4),0 0 20px rgba(196,114,78,.35)}
  .nav-links{display:flex;gap:24px;font-size:14.5px;color:var(--ink-2);font-weight:500}
  .nav-links a:hover{color:var(--ink)}
  .nav-sp{flex:1}
  .nav-act{display:flex;gap:8px}
  .pill{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:99px;font-size:14px;font-weight:600;border:1px solid var(--line);background:var(--paper);transition:.15s}
  .pill:hover{border-color:var(--ink);background:#fff}
  .pill.dark{background:var(--ink);color:var(--cream);border-color:var(--ink)}
  .pill.dark:hover{background:#000}
  body.is-dark .pill.dark{background:var(--clay-2);border-color:var(--clay-2);color:#0d0a08}
  body.is-dark .pill.dark:hover{background:var(--clay)}
  body.is-dark .pill{background:transparent;border-color:rgba(247,238,226,.14)}
  body.is-dark .pill:hover{border-color:var(--clay);background:transparent;color:var(--clay)}
  .pill svg{width:15px;height:15px}

  /* ── HERO ────────────────────────────────────────── */
  .hero{padding:36px 0 28px;position:relative;overflow:visible}
  .hero-in{max-width:1000px;margin:0 auto;text-align:center}
  .hero h1{font-weight:800;font-size:clamp(40px,5.4vw,76px);line-height:1.02;letter-spacing:-.035em;margin:16px 0 14px;text-align:center}
  .hero h1 .accent{color:var(--clay-2)}
  body.is-dark .hero h1 .accent{color:var(--clay);text-shadow:0 0 30px color-mix(in oklab,var(--clay) 35%,transparent)}
  .hero h1 .ital{font-weight:500;font-family:"Rubik",serif;font-style:italic;letter-spacing:-.03em}
  .hero .lede{font-size:17px;color:var(--ink-2);max-width:620px;margin:0 auto 28px;line-height:1.45;text-align:center}
  .hero .discreet-banner{margin:0 auto 22px}

  /* Trust strip across top of hero */
  .trust-strip{display:flex;flex-wrap:wrap;gap:0;align-items:stretch;justify-content:center;background:var(--paper);border:1px solid var(--line-2);border-radius:99px;padding:6px;width:max-content;max-width:100%;margin:0 auto 22px;box-shadow:var(--shadow-sm)}
  .trust-strip .ts{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;font-size:13px;font-weight:500;color:var(--ink-2);white-space:nowrap}
  .trust-strip .ts b{font-weight:700;color:var(--ink)}
  .trust-strip .ts svg{width:14px;height:14px;color:var(--clay-2);flex-shrink:0}
  .trust-strip .ts+.ts{box-shadow:-1px 0 0 var(--line-2)}
  body.is-dark .trust-strip{background:rgba(255,255,255,.025);border-color:rgba(247,238,226,.08);backdrop-filter:blur(8px)}
  body.is-dark .trust-strip .ts+.ts{box-shadow:-1px 0 0 rgba(247,238,226,.08)}
  body.is-dark .trust-strip .ts svg{color:var(--clay)}

  /* Quick-pick treatment chips under search */
  .quick-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px auto 0;max-width:920px}
  .quick-chips .qc{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:99px;background:var(--paper);border:1px solid var(--line-2);font-size:13px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:.15s}
  .quick-chips .qc:hover{border-color:var(--clay);color:var(--ink);background:#fff}
  .quick-chips .qc svg{width:13px;height:13px;color:var(--clay-2);opacity:.85}
  .quick-chips .qc .n{font-size:11px;color:var(--mute);font-weight:600;background:var(--bg-2);padding:1px 6px;border-radius:99px;margin-inline-start:2px}
  body.is-dark .quick-chips .qc{background:rgba(255,255,255,.025);border-color:rgba(247,238,226,.08)}
  body.is-dark .quick-chips .qc:hover{background:rgba(196,114,78,.08);color:var(--cream);border-color:var(--clay)}
  body.is-dark .quick-chips .qc svg{color:var(--clay)}
  body.is-dark .quick-chips .qc .n{background:rgba(247,238,226,.06)}
  .search{margin:0 auto}

  /* Mini map graphic */
  .mini-map{width:90px;height:120px;flex-shrink:0;align-self:start}
  .mini-map svg{width:100%;height:100%;display:block}

  /* Wavy section divider */
  .wave-div{height:32px;display:block;color:var(--line-2);opacity:.7}
  .wave-div svg{display:block;width:100%;height:100%}

  /* SEARCH BAR */
  .search{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:8px;display:grid;grid-template-columns:1fr 1fr auto;align-items:stretch;box-shadow:var(--shadow);position:relative;max-width:880px}
  .search .field{padding:14px 22px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;gap:3px;cursor:pointer;position:relative;text-align:start;border:0;background:transparent;transition:.15s}
  .search .field+.field{box-shadow:-1px 0 0 var(--line-2)}
  .search .field:hover,.search .field.open{background:var(--bg-2)}
  .search .field .lab{font-size:11.5px;font-weight:700;color:var(--ink);letter-spacing:.04em;text-transform:uppercase}
  .search .field .val{font-size:18px;color:var(--ink);font-weight:600;letter-spacing:-.015em}
  .search .field .chev{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--mute);transition:.15s}
  .search .field.open .chev{transform:translateY(-50%) rotate(180deg);color:var(--ink)}
  .pop{position:absolute;top:calc(100% + 10px);right:0;min-width:520px;max-width:700px;max-height:min(60vh,440px);overflow-y:auto;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-6px);pointer-events:none;transition:.18s;z-index:60;scrollbar-width:thin}
  .pop::-webkit-scrollbar{width:8px}
  .pop::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--ink) 30%,transparent);border-radius:99px}
  body.is-dark .pop::-webkit-scrollbar-thumb{background:rgba(247,238,226,.18)}
  .field.open .pop{opacity:1;transform:translateY(0);pointer-events:auto}
  .pop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}
  .pop-grid.cities{grid-template-columns:repeat(3,1fr)}
  .opt{text-align:start;padding:11px 14px;border-radius:11px;font-size:14.5px;color:var(--ink-2);transition:.12s;cursor:pointer;font-weight:500;display:block}
  .opt:hover{background:var(--bg-2);color:var(--ink)}
  .opt.sel{background:var(--ink);color:var(--cream)}
  .search-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:var(--cream);border-radius:16px;padding:0 30px;height:auto;min-width:168px;font-weight:700;font-size:15px;transition:.15s}
  .search-btn:hover{background:#000}
  .search-btn svg{width:18px;height:18px}

  /* ── BIG CATEGORIES (tile grid) ────────────────── */
  .sec{padding:80px 0}
  .sec-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}
  .sec-head .ttl{max-width:680px}
  .sec-head h2{font-weight:800;font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-.025em;margin:6px 0 0}
  .sec-head .sub{color:var(--mute);max-width:380px;font-size:15px;margin-top:8px}
  .sec-head .right{color:var(--ink);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}

  .cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
  .cat-tile{position:relative;aspect-ratio:3/4;border-radius:22px;overflow:hidden;cursor:pointer;transition:.22s ease;color:#fff}
  .cat-tile:hover{transform:translateY(-3px)}
  .cat-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(23,21,19,.7));z-index:1}
  .cat-tile .grain{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:overlay;opacity:.5;z-index:2}
  .cat-tile .body{position:absolute;bottom:18px;right:18px;left:18px;z-index:3;display:flex;flex-direction:column;gap:4px}
  .cat-tile .body .label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.8;font-weight:600}
  .cat-tile .body h3{font-weight:700;font-size:23px;letter-spacing:-.02em;line-height:1.1;margin:0}
  .cat-tile .body .row{display:flex;justify-content:space-between;align-items:end;margin-top:6px;font-size:13px}
  .cat-tile .body .row b{font-weight:700}
  .cat-tile .arrow{position:absolute;top:14px;left:14px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:3;transition:.18s}
  .cat-tile:hover .arrow{background:#fff;color:#000}
  .cat-tile .arrow svg{width:16px;height:16px;color:#fff;transition:.18s}
  .cat-tile:hover .arrow svg{color:#000}
  .cat-tile .motif{position:absolute;top:50%;right:50%;transform:translate(50%,-58%);z-index:2;width:62%;height:auto;color:rgba(255,255,255,.32);transition:.22s ease}
  .cat-tile:hover .motif{transform:translate(50%,-62%) scale(1.04);color:rgba(255,255,255,.42)}

  .v-a{background:radial-gradient(110% 100% at 30% 25%,var(--tile-a-1),var(--tile-a-2) 55%,var(--tile-a-3))}
  .v-b{background:radial-gradient(110% 100% at 70% 25%,var(--tile-b-1),var(--tile-b-2) 55%,var(--tile-b-3))}
  .v-c{background:radial-gradient(110% 100% at 50% 30%,var(--tile-c-1),var(--tile-c-2) 55%,var(--tile-c-3))}
  .v-d{background:radial-gradient(110% 100% at 30% 60%,var(--tile-d-1),var(--tile-d-2) 55%,var(--tile-d-3))}
  .v-e{background:radial-gradient(110% 100% at 60% 30%,var(--tile-e-1),var(--tile-e-2) 55%,var(--tile-e-3))}
  .v-f{background:radial-gradient(110% 100% at 40% 50%,var(--tile-f-1),var(--tile-f-2) 55%,var(--tile-f-3))}

  /* ── DISTRICTS (regions map-ish) ────────────────── */
  .dist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .dist{background:var(--paper);border:1px solid var(--line-2);border-radius:18px;padding:20px 22px;transition:.18s;cursor:pointer;position:relative;overflow:hidden}
  .dist:hover{border-color:var(--ink);background:#fff;transform:translateY(-2px);box-shadow:var(--shadow)}
  .dist .num{font-weight:800;font-size:32px;letter-spacing:-.025em;color:var(--clay-2);line-height:1}
  .dist h3{font-weight:700;font-size:19px;letter-spacing:-.015em;margin:10px 0 4px}
  .dist .cities{font-size:13px;color:var(--mute);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
  .dist .corner{position:absolute;top:18px;left:18px;width:32px;height:32px;border-radius:50%;background:var(--bg);display:grid;place-items:center;color:var(--mute);transition:.18s}
  .dist:hover .corner{background:var(--ink);color:var(--cream)}
  .dist .corner svg{width:14px;height:14px}

  /* ── FEATURED ADS (listings) ────────────────────── */
  .ads{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .ad{background:var(--paper);border:1px solid var(--line-2);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:.22s ease}
  .ad:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line)}
  .ad-ph{aspect-ratio:4/5;position:relative;overflow:hidden}
  .ad-ph .silh{position:absolute;left:0;right:0;bottom:0;top:0;z-index:1;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
  .ad-ph .silh svg{height:96%;width:auto;color:rgba(0,0,0,.32);filter:blur(.4px);transform:translateY(2%)}
  body.is-dark .ad-ph .silh svg{color:rgba(0,0,0,.55)}
  .ad-ph image-slot{position:absolute;inset:0;width:100%;height:100%;z-index:1}
  .ad-ph image-slot::part(frame){border:0}
  .ad-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(23,21,19,.7));z-index:1}
  .ad-ph .grain{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:overlay;opacity:.5;z-index:2}
  .ad-ph .tag{position:absolute;top:14px;right:14px;z-index:3;background:var(--paper);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:99px}
  .ad-ph .tag.hot{background:var(--ink);color:var(--cream)}
  .ad-ph .tag.wa{background:#25D366;color:#062f17}
  .ad-ph .save{position:absolute;top:14px;left:14px;z-index:3;width:34px;height:34px;border-radius:50%;background:rgba(251,248,242,.86);backdrop-filter:blur(8px);display:grid;place-items:center;cursor:pointer;transition:.15s}
  .ad-ph .save:hover{background:#fff}
  .ad-ph .save svg{width:15px;height:15px;color:var(--ink-2)}
  .ad-ph .live{position:absolute;bottom:84px;right:14px;z-index:3;display:flex;align-items:center;gap:6px;color:#fff;font-size:11.5px;font-weight:600;background:rgba(0,0,0,.32);backdrop-filter:blur(6px);padding:4px 9px;border-radius:99px}
  .ad-ph .live .dot{width:6px;height:6px;border-radius:50%;background:#7CC76F;box-shadow:0 0 0 3px rgba(124,199,111,.35);animation:pulse 1.6s infinite}
  @keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(124,199,111,.35)}50%{box-shadow:0 0 0 5px rgba(124,199,111,.18)}}
  .ad-ph .ovl{position:absolute;bottom:14px;right:14px;left:14px;z-index:3;color:#fff}
  .ad-ph .ovl .name{font-weight:700;font-size:21px;letter-spacing:-.02em;line-height:1.1;display:flex;align-items:center;gap:6px}
  .ad-ph .ovl .name .v{width:18px;height:18px;border-radius:50%;background:var(--clay);display:grid;place-items:center;flex-shrink:0}
  .ad-ph .ovl .name .v svg{width:11px;height:11px;color:#fff}
  .ad-ph .ovl .meta{font-size:13px;opacity:.92;display:flex;align-items:center;gap:5px;margin-top:3px;font-weight:500}
  .ad-ph .ovl .meta svg{width:12px;height:12px;flex-shrink:0}

  .ad-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}
  .ad-stats{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--mute);font-weight:500;padding-bottom:2px}
  .ad-stats b{color:var(--ink);font-weight:700}
  .ad-stats i{width:3px;height:3px;border-radius:50%;background:var(--line);display:inline-block}
  .ad-ph .ovl .age{font-weight:400;opacity:.85;margin-inline-start:2px}
  .ad-ph .blur-tag{position:absolute;bottom:84px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:#fff;background:rgba(0,0,0,.46);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:3px 9px;letter-spacing:.03em}
  .ad-ph .blur-tag svg{width:11px;height:11px}
  body.is-dark .ad-stats i{background:rgba(247,238,226,.15)}
  .ad-tags{display:flex;flex-wrap:wrap;gap:5px}
  .ad-tags span{font-size:11.5px;color:var(--ink-2);background:var(--bg-2);border-radius:99px;padding:4px 10px;font-weight:500}
  .ad-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}
  .ad-rate{display:flex;align-items:center;gap:4px;font-size:13.5px;font-weight:700;color:var(--ink)}
  .ad-rate svg{width:13px;height:13px;color:var(--clay)}
  .ad-rate .o{color:var(--mute);font-weight:500}
  .ad-price{font-size:12px;color:var(--mute);font-weight:500}
  .ad-price b{font-weight:800;color:var(--ink);font-size:18px;letter-spacing:-.01em}
  .ad-cta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:4px}
  .ad-cta button{height:38px;border-radius:10px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.12s;cursor:pointer;border:1px solid transparent}
  .ad-cta .wa{background:#25D366;color:#062f17}
  .ad-cta .wa:hover{background:#1eb858}
  .ad-cta .ph{background:var(--ink);color:var(--cream)}
  .ad-cta .ph:hover{background:#000}
  .ad-cta .more{background:var(--paper);border-color:var(--line);color:var(--ink)}
  .ad-cta .more:hover{border-color:var(--ink)}
  .ad-cta svg{width:14px;height:14px}

  /* ── INFO BAR ────────────────────────────────── */
  .info-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--paper);border:1px solid var(--line-2);border-radius:20px;overflow:hidden;margin-top:18px}
  .info-bar .item{display:flex;align-items:center;gap:14px;padding:20px 22px;border-inline-start:1px dashed var(--line-2)}
  .info-bar .item:first-child{border-inline-start:0}
  .info-bar .item .ico{width:40px;height:40px;border-radius:12px;background:var(--bg-2);display:grid;place-items:center;color:var(--forest);flex-shrink:0}
  .info-bar .item .ico svg{width:20px;height:20px}
  .info-bar .item h4{font-weight:700;font-size:14.5px;margin:0;letter-spacing:-.01em}
  .info-bar .item p{font-size:12.5px;color:var(--mute);margin:1px 0 0}

  /* ── CHIP CLOUDS ────────────────────────────── */
  .chip-cloud{display:flex;flex-wrap:wrap;gap:7px}
  .chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;background:var(--paper);border:1px solid var(--line-2);font-size:13.5px;color:var(--ink-2);transition:.12s;cursor:pointer;font-weight:500}
  .chip:hover{border-color:var(--ink);color:var(--ink);background:#fff}
  .chip .n{font-size:11.5px;color:var(--mute);font-weight:600}

  .browse-cols{display:grid;grid-template-columns:1fr 1fr;gap:48px}
  .browse-cols h3{font-weight:800;font-size:26px;letter-spacing:-.025em;margin:0 0 14px;line-height:1.1}

  /* ── SEO grid ────────────────────────────── */
  .seo{background:var(--paper);border:1px solid var(--line-2);border-radius:22px;overflow:hidden}
  .seo-head{padding:24px 28px;border-bottom:1px solid var(--line-2);display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}
  .seo-head h3{font-weight:800;font-size:22px;letter-spacing:-.02em;margin:0}
  .seo-head p{font-size:13.5px;color:var(--mute);margin:4px 0 0}
  .seo-grid{display:grid;grid-template-columns:repeat(4,1fr)}
  .seo-cell{padding:16px 22px;border-inline-end:1px solid var(--line-2);border-bottom:1px solid var(--line-2);font-size:13.5px;color:var(--ink-2);display:flex;align-items:center;justify-content:space-between;gap:8px;transition:.12s;cursor:pointer;font-weight:500}
  .seo-grid > *:nth-child(4n){border-inline-end:0}
  .seo-grid > *:nth-last-child(-n+4){border-bottom:0}
  .seo-cell:hover{background:var(--bg-2);color:var(--ink)}
  .seo-cell .lead{display:flex;align-items:center;gap:8px}
  .seo-cell .lead svg{width:12px;height:12px;color:var(--clay)}
  .seo-cell .nbr{font-size:11.5px;color:var(--mute);font-weight:600}

  /* ── JOIN CTA ────────────────────────── */
  .join{background:var(--ink);color:var(--cream);border-radius:24px;padding:48px 56px;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;position:relative;overflow:hidden}
  .join::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--clay) 35%,transparent),transparent 60%);left:-180px;top:-200px;filter:blur(24px)}
  .join h3{position:relative;font-weight:800;font-size:36px;letter-spacing:-.025em;line-height:1.05;margin:0 0 14px}
  .join p{position:relative;color:rgba(247,240,225,.7);font-size:15px;margin:0;max-width:480px;line-height:1.55}
  .join .actions{position:relative;display:flex;gap:10px;justify-content:end;flex-wrap:wrap}
  .join .actions .pill{height:48px;padding:0 22px}
  .join .actions .pill.dark{background:var(--cream);color:var(--ink);border-color:var(--cream)}
  .join .actions .pill.dark:hover{background:#fff}
  .join .actions .pill.ghost{background:transparent;border-color:rgba(247,240,225,.32);color:var(--cream)}
  .join .actions .pill.ghost:hover{border-color:var(--cream)}

  /* ── SPA PACKAGES ────────────────────────────── */
  .pkg-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}
  .pkg{position:relative;border-radius:24px;overflow:hidden;color:#fff;min-height:380px;display:flex;flex-direction:column;justify-content:end;padding:28px;transition:.22s ease}
  .pkg:hover{transform:translateY(-3px)}
  .pkg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(23,21,19,.78));z-index:1}
  .pkg .grain{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:overlay;opacity:.45;z-index:2}
  .pkg-hero{font-size:0;position:absolute;inset:0;z-index:0}
  .pkg .top{position:absolute;top:22px;right:22px;left:22px;z-index:3;display:flex;justify-content:space-between;align-items:start;gap:10px}
  .pkg .top .badge{background:rgba(255,255,255,.18);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.32);border-radius:99px;padding:5px 12px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
  .pkg .top .save{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);display:grid;place-items:center}
  .pkg .top .save svg{width:15px;height:15px;color:#fff}
  .pkg .meta-r{position:absolute;top:74px;right:22px;z-index:3;display:flex;flex-direction:column;gap:6px}
  .pkg .meta-r .pill-r{background:rgba(255,255,255,.16);backdrop-filter:blur(6px);border-radius:99px;padding:4px 10px;font-size:11px;font-weight:600;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;align-self:start}
  .pkg .meta-r .pill-r svg{width:11px;height:11px}
  .pkg .body{position:relative;z-index:3}
  .pkg h3{font-weight:800;font-size:32px;letter-spacing:-.025em;line-height:1.02;margin:0 0 10px}
  .pkg .descr{font-size:14px;opacity:.9;max-width:380px;line-height:1.45;margin:0 0 16px}
  .pkg .includes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
  .pkg .includes span{font-size:11.5px;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:4px 10px;backdrop-filter:blur(4px);font-weight:500}
  .pkg .foot{display:flex;justify-content:flex-end;align-items:end;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18)}
  .pkg .foot .price b{font-weight:800;font-size:30px;letter-spacing:-.025em;display:block;line-height:1}
  .pkg .foot .price em{font-style:normal;opacity:.85;font-size:12px;font-weight:500}
  .pkg .foot .cta{background:#fff;color:var(--ink);border-radius:99px;padding:10px 18px;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:.15s}
  .pkg .foot .cta:hover{background:var(--cream)}
  .pkg .foot .cta svg{width:13px;height:13px}

  /* Package backdrops */
  .pkg-a{background:radial-gradient(120% 100% at 25% 25%,var(--tile-a-1),var(--tile-a-2) 50%,var(--tile-a-3))}
  .pkg-b{background:radial-gradient(120% 100% at 70% 30%,var(--tile-b-1),var(--tile-b-2) 50%,var(--tile-b-3))}
  .pkg-c{background:radial-gradient(120% 100% at 50% 30%,var(--tile-d-1),var(--tile-d-2) 50%,var(--tile-d-3))}

  /* ── AMENITIES STRIP ────────────────────────── */
  .amen-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:0;background:var(--paper);border:1px solid var(--line-2);border-radius:24px;overflow:hidden}
  .amen{padding:26px 22px;border-inline-start:1px dashed var(--line-2);display:flex;flex-direction:column;gap:12px;transition:.18s;cursor:pointer;text-align:center;align-items:center;position:relative}
  .amen:first-child{border-inline-start:0}
  .amen:hover{background:var(--bg-2)}
  .amen .ico-c{width:54px;height:54px;border-radius:50%;background:var(--bg);display:grid;place-items:center;color:var(--forest);position:relative;transition:.18s}
  .amen:hover .ico-c{background:var(--ink);color:var(--cream);transform:rotate(-6deg)}
  .amen .ico-c svg{width:26px;height:26px}
  .amen h4{font-weight:700;font-size:15px;margin:0;letter-spacing:-.01em}
  .amen p{font-size:12px;color:var(--mute);margin:0;line-height:1.4}
  .amen .count{position:absolute;top:14px;left:14px;font-size:10.5px;font-weight:700;color:var(--mute);letter-spacing:.04em}

  /* ── SCENTS ─────────────────────────────────── */
  .scents-section{position:relative}
  .scents-bg{position:absolute;inset:auto -64px -32px;height:280px;background:radial-gradient(60% 100% at 80% 100%,color-mix(in oklab,var(--clay) 18%,transparent),transparent);pointer-events:none;z-index:0}
  .scents-head{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:24px;margin-bottom:24px;position:relative;z-index:1}
  .scents-head h2{font-weight:800;font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.025em;margin:6px 0 8px}
  .scents-head p{color:var(--ink-2);max-width:520px;margin:0;font-size:15px}
  .scents{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative;z-index:1}
  .scent{background:var(--paper);border:1px solid var(--line-2);border-radius:18px;padding:20px 16px;text-align:center;cursor:pointer;transition:.22s ease;position:relative;overflow:hidden}
  .scent:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line)}
  .scent .drop{width:48px;height:48px;margin:0 auto 14px;border-radius:0 50% 50% 50%;transform:rotate(-135deg);position:relative}
  .scent .drop::after{content:"";position:absolute;top:14px;right:10px;width:6px;height:12px;border-radius:50%;background:rgba(255,255,255,.45);transform:rotate(35deg)}
  .scent h4{font-weight:700;font-size:15px;margin:0 0 2px;letter-spacing:-.01em}
  .scent .latin{font-size:11px;color:var(--mute);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
  .scent .note{font-size:11.5px;color:var(--mute);line-height:1.45}
  .scent-a .drop{background:linear-gradient(160deg,#D7B4F0,#7C5AA8)}
  .scent-b .drop{background:linear-gradient(160deg,#BFD9B0,#4A7340)}
  .scent-c .drop{background:linear-gradient(160deg,#F2CE9A,#A56A2D)}
  .scent-d .drop{background:linear-gradient(160deg,#F4B9A2,#A14A38)}
  .scent-e .drop{background:linear-gradient(160deg,#C5E5DC,#3F8472)}
  .scent-f .drop{background:linear-gradient(160deg,#F2D2D8,#A75566)}

  /* ── SECRET / DISCREET BADGES ────────────────────── */
  .discreet-banner{display:flex;align-items:center;gap:14px;padding:10px 18px;border-radius:99px;background:color-mix(in oklab,var(--paper) 80%,transparent);border:1px solid var(--line-2);max-width:max-content;font-size:12.5px;color:var(--ink-2);font-weight:500;margin-bottom:22px}
  .discreet-banner .dot{width:7px;height:7px;border-radius:50%;background:var(--clay-2);box-shadow:0 0 0 4px color-mix(in oklab,var(--clay-2) 22%,transparent);animation:emberPulse 2.4s ease-in-out infinite}
  .discreet-banner b{font-weight:700;color:var(--ink)}
  .discreet-banner em{font-style:normal;color:var(--mute)}
  @keyframes emberPulse{0%,100%{box-shadow:0 0 0 3px color-mix(in oklab,var(--clay-2) 18%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklab,var(--clay-2) 10%,transparent)}}
  body.is-dark .discreet-banner{background:rgba(255,255,255,.025);border-color:rgba(247,238,226,.08);backdrop-filter:blur(8px)}

  /* dark-mode jewel tones for tiles + cards */
  body.is-dark{color-scheme:dark}
  body.is-dark .cat-tile,body.is-dark .ad,body.is-dark .pkg{box-shadow:0 24px 60px -28px rgba(0,0,0,.8),0 0 0 1px rgba(247,238,226,.04)}
  body.is-dark .cat-tile::after,body.is-dark .ad-ph::after,body.is-dark .pkg::after{background:linear-gradient(180deg,transparent 18%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.92))}
  body.is-dark .cat-tile .body h3,body.is-dark .ad-ph .ovl .name{text-shadow:0 1px 12px rgba(0,0,0,.6)}
  body.is-dark .dist,body.is-dark .scent,body.is-dark .chip,body.is-dark .ad,body.is-dark .seo,body.is-dark .info-bar,body.is-dark .amen-strip,body.is-dark .search,body.is-dark .hero-stack,body.is-dark .pop{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));border-color:rgba(247,238,226,.08);box-shadow:0 1px 0 rgba(255,255,255,.02) inset,0 18px 50px -28px rgba(0,0,0,.6)}
  body.is-dark .dist:hover,body.is-dark .scent:hover,body.is-dark .chip:hover{border-color:var(--clay);background:rgba(196,114,78,.06);color:var(--cream)}
  body.is-dark .dist .corner{background:rgba(247,238,226,.06);color:var(--clay)}
  body.is-dark .dist:hover .corner{background:var(--clay);color:#0d0a08}
  body.is-dark .dist .num{color:var(--clay)}
  body.is-dark .ad-tags span,body.is-dark .ad-cta .more{background:rgba(247,238,226,.05);color:var(--ink-2);border-color:rgba(247,238,226,.08)}
  body.is-dark .ad-cta .ph{background:var(--clay-2);color:#0d0a08}
  body.is-dark .ad-cta .ph:hover{background:var(--clay)}
  body.is-dark .info-bar .item .ico{background:rgba(196,114,78,.12);color:var(--clay)}
  body.is-dark .amen .ico-c{background:rgba(247,238,226,.06);color:var(--clay)}
  body.is-dark .amen:hover .ico-c{background:var(--clay);color:#0d0a08}
  body.is-dark .seo-cell:hover{background:rgba(196,114,78,.06);color:var(--cream)}
  body.is-dark .seo-cell .lead svg{color:var(--clay)}
  body.is-dark .ad-rate svg{color:var(--clay)}
  body.is-dark .ad-ph .tag{background:rgba(10,9,7,.7);color:var(--cream);backdrop-filter:blur(6px)}
  body.is-dark .ad-ph .tag.hot{background:var(--clay-2);color:#0d0a08}
  body.is-dark .ad-ph .save{background:rgba(10,9,7,.6);color:var(--cream)}
  body.is-dark .ad-ph .save svg{color:var(--cream)}
  body.is-dark .ad-ph .live{background:rgba(0,0,0,.55);border:1px solid rgba(124,199,111,.4)}
  body.is-dark .search{box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 24px 60px -28px rgba(0,0,0,.85),0 0 0 1px rgba(247,238,226,.05)}
  body.is-dark .search .field:hover,body.is-dark .search .field.open{background:rgba(247,238,226,.05)}
  body.is-dark .search-btn{background:var(--clay-2);color:#0d0a08}
  body.is-dark .search-btn:hover{background:var(--clay)}
  body.is-dark .opt.sel{background:var(--clay-2);color:#0d0a08}
  body.is-dark .opt:hover{background:rgba(196,114,78,.12);color:var(--cream)}
  body.is-dark .pill-r,body.is-dark .pkg .top .badge,body.is-dark .pkg .top .save,body.is-dark .pkg .foot .cta{backdrop-filter:blur(8px)}
  body.is-dark .join{background:linear-gradient(140deg,#1a1612,#0d0a08);box-shadow:0 0 0 1px rgba(196,114,78,.18),0 30px 80px -40px rgba(0,0,0,.9)}
  body.is-dark .join::before{background:radial-gradient(circle,color-mix(in oklab,var(--clay) 55%,transparent),transparent 60%);opacity:.7}
  body.is-dark .stat-row .div{background:rgba(247,238,226,.12)}
  body.is-dark footer{background:#0a0907;border-top-color:rgba(247,238,226,.06)}
  body.is-dark .foot-bottom{border-top-color:rgba(247,238,226,.06)}
  body.is-dark .foot-bottom .socials a{border-color:rgba(247,238,226,.12);color:var(--ink-2)}
  body.is-dark .foot-bottom .socials a:hover{border-color:var(--clay);color:var(--clay)}
  body.is-dark .disclaimer{background:rgba(247,238,226,.03);color:var(--mute);border:1px solid rgba(247,238,226,.06)}
  body.is-dark .pop{background:rgba(20,17,14,.97);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-color:rgba(247,238,226,.12);box-shadow:0 30px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(247,238,226,.06)}
  body.is-dark .pop .opt{color:var(--cream)}
  body.is-dark .pop .opt:hover{background:rgba(196,114,78,.18);color:#fff}
  body.is-dark .pop .opt.sel{background:var(--clay);color:#0d0a08}
  body.is-dark .logo-mark::after{display:none}
  body.is-dark .nav-act .pill.dark::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#0d0a08;margin-inline-end:6px;box-shadow:0 0 6px rgba(13,10,8,.6)}
  body.is-dark .hero-mark{opacity:.22;color:var(--clay)}
  body.is-dark .hero-mark-2{color:var(--clay);opacity:.5}
  body.is-dark .hero-mark-3{opacity:.1}

  /* ── FOOTER ────────────────────────── */
  footer{padding:72px 0 32px;background:var(--paper);border-top:1px solid var(--line-2);margin-top:56px}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px}
  .foot-grid h5{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:0 0 14px;font-weight:700}
  .foot-grid ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--ink-2)}
  .foot-grid ul a:hover{color:var(--ink)}
  .foot-about{font-size:13.5px;color:var(--ink-2);line-height:1.6;max-width:300px;margin:14px 0 0}
  .foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--line-2);font-size:13px;color:var(--mute)}
  .foot-bottom .socials{display:flex;gap:8px}
  .foot-bottom .socials a{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);transition:.15s}
  .foot-bottom .socials a:hover{border-color:var(--ink);color:var(--ink)}
  .disclaimer{font-size:11.5px;color:var(--mute);text-align:center;padding:16px 28px;background:var(--bg-2);border-radius:12px;margin:24px 0;line-height:1.55}

  /* ── TWEAKS panel ────────────────────────── */
  .tweaks{position:fixed;bottom:24px;inset-inline-end:24px;width:300px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);padding:18px;z-index:90;display:none;direction:rtl}
  .tweaks.show{display:block;animation:tweak-in .2s ease}
  @keyframes tweak-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
  .tweaks .hd{display:flex;align-items:center;justify-content:space-between}
  .tweaks h4{margin:0;font-size:18px;font-weight:800;letter-spacing:-.01em}
  .tweaks .hd .close{width:28px;height:28px;border-radius:50%;background:var(--bg-2);display:grid;place-items:center;color:var(--ink-2);cursor:pointer;font-size:14px;border:0}
  .tweaks .hd .close:hover{background:var(--ink);color:var(--cream)}
  .tweaks .sec-t{margin-top:18px}
  .tweaks .lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:700;margin-bottom:10px}
  .pals{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
  .pal{aspect-ratio:1/1;border-radius:12px;cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden;transition:.15s;background:#000}
  .pal:hover{transform:translateY(-1px)}
  .pal.active{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--ink)}
  .pal .s1,.pal .s2,.pal .s3{position:absolute;inset:0}
  .pal .s2{clip-path:polygon(0 55%,100% 30%,100% 100%,0 100%)}
  .pal .s3{clip-path:polygon(0 86%,100% 68%,100% 100%,0 100%)}
  .modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg-2);border-radius:10px;padding:3px}
  .mode{padding:7px 10px;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;text-align:center;color:var(--ink-2);transition:.12s;border:0;background:transparent;font-family:inherit}
  .mode.active{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm)}

  /* ── AVAILABLE THERAPISTS STRIP ─────────────────── */
  .avail-rail{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:18px}
  .avail{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;cursor:pointer;color:#fff;transition:.2s ease}
  .avail:hover{transform:translateY(-3px)}
  .avail::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.78));z-index:1}
  .avail .grain{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:3px 3px;mix-blend-mode:overlay;opacity:.5;z-index:2}
  .avail .silh{position:absolute;left:50%;bottom:-6%;transform:translateX(-50%);width:78%;height:auto;z-index:2;color:rgba(0,0,0,.28);filter:blur(1.5px)}
  .avail .live-dot{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:#7CC76F;box-shadow:0 0 0 4px rgba(124,199,111,.28);z-index:3;animation:pulse 1.6s infinite}
  .avail .lock{position:absolute;top:10px;left:10px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);display:grid;place-items:center;color:#fff;z-index:3}
  .avail .lock svg{width:11px;height:11px}
  .avail .info{position:absolute;bottom:10px;right:10px;left:10px;z-index:3}
  .avail .info .n{font-weight:700;font-size:14.5px;letter-spacing:-.01em;display:flex;align-items:baseline;gap:4px}
  .avail .info .n em{font-style:normal;font-weight:400;opacity:.75;font-size:12px}
  .avail .info .l{font-size:11px;opacity:.78;margin-top:1px}

  /* ── DISCRETION PANEL ──────────────────────────── */
  .discreet-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:14px}
  .disc{position:relative;background:var(--paper);border:1px solid var(--line-2);border-radius:18px;padding:22px 22px 24px;overflow:hidden;transition:.18s}
  .disc:hover{border-color:var(--clay);transform:translateY(-2px)}
  .disc .ico-d{width:42px;height:42px;border-radius:12px;background:color-mix(in oklab,var(--clay) 14%,transparent);color:var(--clay-2);display:grid;place-items:center;margin-bottom:14px}
  .disc .ico-d svg{width:20px;height:20px}
  .disc h4{font-weight:700;font-size:16px;letter-spacing:-.01em;margin:0 0 4px}
  .disc p{font-size:13px;color:var(--mute);line-height:1.5;margin:0}
  .disc::after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle at 60% 40%,color-mix(in oklab,var(--clay) 18%,transparent),transparent 60%);opacity:0;transition:.2s}
  .disc:hover::after{opacity:1}

  @media (max-width:1200px){
    .avail-rail{grid-template-columns:repeat(4,1fr)}
    .discreet-grid{grid-template-columns:1fr 1fr}
  }
  @media (max-width:560px){
    .avail-rail{grid-template-columns:repeat(2,1fr)}
    .discreet-grid{grid-template-columns:1fr}
  }
  @media (max-width:1200px){
    .cat-grid{grid-template-columns:repeat(3,1fr)}
    .ads{grid-template-columns:repeat(3,1fr)}
    .dist-grid{grid-template-columns:repeat(2,1fr)}
    .seo-grid{grid-template-columns:repeat(3,1fr)}
    .seo-grid > *:nth-child(4n){border-inline-end:1px solid var(--line-2)}
    .seo-grid > *:nth-child(3n){border-inline-end:0}
    .pkg-grid{grid-template-columns:1fr 1fr}
    .pkg:first-child{grid-column:1/-1;min-height:340px}
    .amen-strip{grid-template-columns:repeat(3,1fr)}
    .amen:nth-child(4){border-inline-start:0}
    .scents{grid-template-columns:repeat(3,1fr)}
  }
  @media (max-width:900px){
    .nav-links{display:none}
    .cat-grid{grid-template-columns:repeat(2,1fr)}
    .ads{grid-template-columns:repeat(2,1fr)}
    .info-bar{grid-template-columns:repeat(2,1fr)}
    .info-bar .item:nth-child(2){border-inline-start:0}
    .browse-cols,.join,.foot-grid{grid-template-columns:1fr;gap:24px}
    .join{padding:36px 28px}
    .seo-grid{grid-template-columns:repeat(2,1fr)}
    .seo-grid > *:nth-child(3n){border-inline-end:1px solid var(--line-2)}
    .seo-grid > *:nth-child(2n){border-inline-end:0}
    .search{grid-template-columns:1fr 1fr}
    .search .field+.field{box-shadow:none}
    .search-btn{grid-column:1/-1;min-height:52px}
    .pop{min-width:auto;width:calc(100vw - 56px);right:auto;left:50%;transform:translate(50%,-6px)}
    .field.open .pop{transform:translate(50%,0)}
    .sec{padding:56px 0}
    .wrap{padding:0 20px}
    .trust-strip{border-radius:18px;flex-direction:column}
    .trust-strip .ts+.ts{box-shadow:0 -1px 0 var(--line-2)}
    body.is-dark .trust-strip .ts+.ts{box-shadow:0 -1px 0 rgba(247,238,226,.08)}
    .pkg-grid{grid-template-columns:1fr}
    .pkg:first-child{min-height:300px}
    .amen-strip{grid-template-columns:repeat(2,1fr)}
    .amen{border-inline-start:0 !important;border-bottom:1px dashed var(--line-2)}
    .scents{grid-template-columns:repeat(2,1fr)}
    .mini-map{display:none}
  }
  @media (max-width:560px){
    .cat-grid{grid-template-columns:1fr 1fr;gap:10px}
    .ads,.dist-grid{grid-template-columns:1fr}
    .seo-grid{grid-template-columns:1fr}
    .seo-cell{border-inline-end:0 !important}
    .foot-grid{grid-template-columns:1fr 1fr}
  }