/* NepalTechHub homepage styles — extracted from front-page.php in v5.38.14. */
  /* Phase 13A+ homepage-only structure. Extracted to a cacheable asset in v5.38.14. */
  .nth-home-section-intro{margin:-4px 0 14px;color:var(--muted,#64748b);font-size:14px;line-height:1.55}
  .nth-home-explore{padding-top:4px}
  .nth-home-explore .nth-cat-nav{margin-top:10px}
  .nth-home-explore .nth-stats-bar{margin-top:12px}

  .nth-home-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .nth-home-tool{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 14px;border:1px solid var(--line,#e2e8f0);border-radius:14px;background:#fff;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
  .nth-home-tool:hover{transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 7px 20px rgba(15,23,42,.06)}
  .nth-home-tool-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#eff6ff;color:#1d4ed8}
  .nth-home-tool-icon svg{display:block}
  .nth-home-tool-copy{min-width:0}
  .nth-home-tool-copy strong{display:block;color:var(--ink,#0f172a);font-size:13px;line-height:1.3}
  .nth-home-tool-copy span{display:block;margin-top:2px;color:var(--muted,#64748b);font-size:11px;line-height:1.35}

  .nth-home-phone-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px}
  .nth-home-phone-controls .nth-price-chips{margin:0}
  .nth-home-phone-controls .nth-sort-row{margin-left:auto}

  .nth-home-reviews-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;align-items:start}
  .nth-home-review-feature{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1.1fr);align-self:start;overflow:hidden;border:1px solid var(--line,#e2e8f0);border-radius:16px;background:#fff}
  .nth-home-review-feature .nth-review-thumb{display:block;align-self:start;min-height:0;aspect-ratio:4/3;background:#f8fafc}
  .nth-home-review-feature .nth-review-thumb img{display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;object-position:center}
  .nth-home-review-feature .nth-review-body{padding:18px}
  .nth-home-review-feature .nth-review-title{font-size:20px}
  .nth-home-review-list{display:grid;align-self:start;gap:9px}
  .nth-home-review-mini{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;padding:9px;border:1px solid var(--line,#e2e8f0);border-radius:13px;background:#fff}
  .nth-home-review-mini .nth-review-thumb{height:78px;border-radius:9px;overflow:hidden}
  .nth-home-review-mini .nth-review-thumb img{width:100%;height:100%;object-fit:cover}
  .nth-home-review-mini h3{margin:3px 0 0;font-size:13px;line-height:1.35}
  .nth-home-review-mini h3 a{color:var(--ink,#0f172a);text-decoration:none}
  .nth-home-review-mini .nth-review-meta{font-size:10px}

  .nth-home-across{display:grid;gap:18px}
  .nth-home-group-section{padding-top:4px}
  .nth-home-group-section + .nth-home-group-section{padding-top:18px;border-top:1px solid var(--line,#e2e8f0)}
  .nth-home-group-title{margin:0;font-size:18px;line-height:1.3;color:var(--ink,#0f172a)}

  .nth-home-compare-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:16px;align-items:center;padding:20px;border:1px solid #bfdbfe;border-radius:18px;background:linear-gradient(135deg,#eff6ff 0%,#fff 70%)}
  .nth-home-compare-panel h2{margin:0 0 7px;font-size:24px;color:#0f172a}
  .nth-home-compare-panel p{margin:0;color:#475569;line-height:1.6}
  .nth-home-compare-points{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none;color:#334155;font-size:12px}
  .nth-home-compare-points li{position:relative;padding-left:18px}
  .nth-home-compare-points li:before{content:"✓";position:absolute;left:0;color:#047857;font-weight:900}
  .nth-home-compare-action{display:flex;justify-content:flex-end}
  .nth-home-primary-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:11px;background:#1d4ed8;color:#fff;text-decoration:none;font-size:13px;font-weight:900}

  .nth-home-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .nth-home-launch-card{padding:13px;border:1px solid var(--line,#e2e8f0);border-radius:14px;background:#fff}
  .nth-home-launch-card h3{margin:0 0 4px;font-size:15px;color:#0f172a}
  .nth-home-launch-card>p{margin:0 0 8px;color:#64748b;font-size:11px;line-height:1.4}
  .nth-home-launch-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
  .nth-home-launch-item{border-top:1px solid #f1f5f9}
  .nth-home-launch-item:first-child{border-top:0}
  .nth-home-launch-item a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;text-decoration:none}
  .nth-home-launch-main{min-width:0}
  .nth-home-launch-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:11px}
  .nth-home-launch-main small{display:block;margin-top:2px;color:#64748b;font-size:10px}
  .nth-home-launch-price{white-space:nowrap;color:#047857;font-size:10px;font-weight:900}

  .nth-home-discovery-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px}
  .nth-home-discovery-box{padding:15px;border:1px solid var(--line,#e2e8f0);border-radius:15px;background:#fff}
  .nth-home-discovery-box h3{margin:0 0 5px;font-size:17px;color:#0f172a}
  .nth-home-discovery-box>p{margin:0 0 11px;color:#64748b;font-size:12px}
  .nth-home-brand-extra{margin-top:12px}

  .nth-home-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
  .nth-home-trust-card{padding:13px;border:1px solid var(--line,#e2e8f0);border-radius:13px;background:#fff}
  .nth-home-trust-card strong{display:block;margin-bottom:3px;color:#0f172a;font-size:13px}
  .nth-home-trust-card span{color:#64748b;font-size:11px;line-height:1.45}

  @media(max-width:900px){
    .nth-home-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
    .nth-home-reviews-layout,.nth-home-compare-panel,.nth-home-discovery-split{grid-template-columns:1fr}
    .nth-home-compare-action{justify-content:flex-start}
    .nth-home-launch-grid{grid-template-columns:1fr}
  }
  @media(max-width:620px){
    .nth-home-tools{grid-template-columns:1fr}
    .nth-home-phone-controls{display:block}
    .nth-home-phone-controls .nth-sort-row{margin:10px 0 0}
    .nth-home-review-feature{grid-template-columns:1fr}
    .nth-home-review-feature .nth-review-thumb{aspect-ratio:16/9}
    .nth-home-review-feature .nth-review-thumb img{min-height:0;max-height:none}
    .nth-home-review-mini{grid-template-columns:88px minmax(0,1fr)}
    .nth-home-review-mini .nth-review-thumb{height:68px}
    .nth-home-trust-grid{grid-template-columns:1fr}
  }

  /* ── Phase 13B — visual rhythm / density / mobile polish ──────────── */
  #nth-home{
    margin-top:20px;
    margin-bottom:34px;
  }

  #nth-home .nth-hero{
    padding:38px 32px 26px;
    border-color:#dbe4f0;
    background:
      radial-gradient(circle at 92% 4%,rgba(37,99,235,.10),transparent 30%),
      linear-gradient(145deg,#ffffff 0%,#f8fbff 100%);
    box-shadow:0 14px 40px rgba(15,23,42,.055);
  }
  #nth-home .nth-hero::before{opacity:.7}
  #nth-home .nth-hero-text{max-width:940px}
  #nth-home .nth-hero-eyebrow{
    margin-bottom:12px;
    font-size:11px;
    letter-spacing:.07em;
  }
  #nth-home .nth-hero h1{
    max-width:900px;
    margin-bottom:10px;
    font-size:clamp(30px,3.1vw,43px);
    line-height:1.08;
    letter-spacing:-.035em;
    text-wrap:balance;
  }
  #nth-home .nth-hero-text>p{
    max-width:880px;
    font-size:15px;
    line-height:1.65;
  }

  #nth-home .nth-search-form{
    max-width:980px;
    gap:7px;
    margin-top:22px;
    padding:6px;
    border:1px solid #dbe4f0;
    border-radius:16px;
    background:rgba(255,255,255,.94);
    box-shadow:0 8px 24px rgba(15,23,42,.07);
  }
  #nth-home .nth-search-form .nth-search-input{
    min-height:48px;
    padding:12px 15px;
    border:0;
    border-radius:11px;
    box-shadow:none;
    background:transparent;
  }
  #nth-home .nth-search-form .nth-search-input:focus{
    box-shadow:0 0 0 3px rgba(29,78,216,.10);
  }
  #nth-home .nth-search-form .nth-search-btn{
    min-width:108px;
    min-height:48px;
    padding:11px 18px;
    border-radius:11px;
  }
  #nth-home .nth-search-dropdown{
    top:calc(100% + 10px);
    border-color:#dbe4f0;
    box-shadow:0 18px 44px rgba(15,23,42,.14);
  }

  #nth-home .nth-live-strip{margin-top:20px}
  #nth-home .nth-live-strip-items{
    gap:8px;
    scroll-snap-type:x proximity;
  }
  #nth-home .nth-live-item{
    scroll-snap-align:start;
    max-width:220px;
  }

  #nth-home .nth-section{
    margin-top:40px;
    scroll-margin-top:90px;
  }
  #nth-home .nth-section-head{
    margin-bottom:12px;
  }
  #nth-home .nth-section-title{
    font-size:clamp(21px,2vw,27px);
    line-height:1.2;
    letter-spacing:-.02em;
  }
  #nth-home .nth-home-section-intro{
    max-width:820px;
    margin:-1px 0 14px;
    font-size:13px;
    line-height:1.55;
  }
  #nth-home .nth-viewall{
    font-size:12.5px;
  }
  #nth-home .nth-home-head-links{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    flex-wrap:wrap;
    color:#94a3b8;
  }

  #nth-home .nth-cat-nav{
    gap:9px;
    margin:12px 0 0;
  }
  #nth-home .nth-cat-item{
    min-height:92px;
    justify-content:center;
    padding:12px 6px;
    border-color:#e2e8f0;
    box-shadow:0 2px 10px rgba(15,23,42,.025);
  }
  #nth-home .nth-cat-item:hover{
    box-shadow:0 8px 20px rgba(15,23,42,.06);
  }
  #nth-home .nth-stats-bar{
    justify-content:flex-start;
    gap:0;
    margin:12px 0 0;
    padding:0;
    overflow:hidden;
    border-color:#e2e8f0;
  }
  #nth-home .nth-stat-item{
    flex:1 1 160px;
    min-width:140px;
    padding:15px 18px;
    border-left:1px solid #eef2f7;
  }
  #nth-home .nth-stat-item:first-child{border-left:0}

  #nth-home .nth-home-tools{gap:9px}
  #nth-home .nth-home-tool{
    min-height:82px;
    padding:12px 13px;
  }
  #nth-home .nth-home-tool-copy strong{font-size:12.5px}
  #nth-home .nth-home-tool-copy span{font-size:10.5px}

  #nth-home .nth-prod-grid{gap:14px}
  #nth-home .nth-prod-card{
    border-radius:14px;
    box-shadow:0 2px 12px rgba(15,23,42,.025);
  }
  #nth-home .nth-card-body{padding:12px}
  #nth-home .nth-card-name{
    font-size:14.5px;
    -webkit-line-clamp:2;
    min-height:2.8em;
  }
  #nth-home .nth-card-sub{-webkit-line-clamp:1}
  #nth-home .nth-card-img{background:#fbfcfe}
  #nth-home .nth-card-img-missing{
    display:grid;
    grid-template-rows:1fr auto;
    place-items:center;
    gap:7px;
    padding:15px 10px 12px;
    background:linear-gradient(145deg,#f8fafc 0%,#f1f5f9 100%);
  }
  #nth-home .nth-card-img-missing img[data-nth-placeholder="1"]{
    align-self:end;
    width:58px !important;
    height:58px !important;
    max-width:58px !important;
    max-height:58px !important;
    object-fit:contain !important;
    opacity:.48;
    filter:grayscale(1);
    transform:none !important;
  }
  #nth-home .nth-card-img-missing::after{
    content:"Image not listed";
    align-self:start;
    color:#94a3b8;
    font-size:10px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:.01em;
  }
  #nth-home .nth-prod-card:hover .nth-card-img-missing img[data-nth-placeholder="1"]{
    transform:none !important;
  }

  /* Phase 21A-5 — Product Card + Image Normalization.
   * Keep every homepage card on one media/body rhythm regardless of source
   * aspect ratio, title boilerplate, missing submeta or suppressed price. */
  #nth-home .nth-prod-card{
    min-width:0;
    height:100%;
  }
  #nth-home .nth-card-img{
    display:grid;
    place-items:center;
    aspect-ratio:4/3;
    min-height:0;
    overflow:hidden;
    isolation:isolate;
    border-bottom:1px solid #eef2f7;
    background:#fff;
  }
  #nth-home .nth-card-img img:not([data-nth-placeholder="1"]){
    display:block;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
    image-rendering:auto;
  }
  #nth-home .nth-prod-card:hover .nth-card-img img:not([data-nth-placeholder="1"]){
    transform:none !important;
  }
  #nth-home .nth-card-body{
    min-width:0;
    height:100%;
  }
  #nth-home .nth-card-brand{
    min-height:1.25em;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  #nth-home .nth-card-brand--empty,
  #nth-home .nth-card-sub--empty{
    visibility:hidden;
  }
  #nth-home .nth-card-name{
    line-height:1.32;
    min-height:2.64em;
    max-height:2.64em;
    overflow:hidden;
  }
  #nth-home .nth-card-name a{
    overflow-wrap:anywhere;
  }
  #nth-home .nth-card-sub{
    min-height:1.4em;
    max-height:1.4em;
    line-height:1.4;
    overflow:hidden;
  }
  #nth-home .nth-card-price{
    display:flex;
    align-items:center;
    min-height:1.4em;
    line-height:1.4;
    margin-top:auto;
  }
  #nth-home .nth-card-price--missing{
    color:#94a3b8;
    font-size:11.5px;
    font-weight:700;
    letter-spacing:.005em;
  }
  #nth-home .nth-card-foot{
    margin-top:4px;
  }
  #nth-home .nth-card-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    box-sizing:border-box;
  }
  #nth-home .nth-prod-card .nth-iconbtn{
    width:38px;
    height:38px;
    min-width:38px;
    min-height:38px;
  }
  #nth-home .nth-card-img:focus-visible,
  #nth-home .nth-card-name a:focus-visible,
  #nth-home .nth-card-btn:focus-visible,
  #nth-home .nth-prod-card .nth-iconbtn:focus-visible{
    outline:3px solid rgba(37,99,235,.2);
    outline-offset:2px;
  }

  #nth-home .nth-home-phone-controls{
    padding:10px 12px;
    border:1px solid #e2e8f0;
    border-radius:13px;
    background:#f8fafc;
  }
  #nth-home .nth-price-chips{gap:6px}
  #nth-home .nth-chip{
    padding:7px 11px;
    font-size:11.5px;
    background:#fff;
  }
  #nth-home .nth-sort-select{
    min-height:36px;
    padding:7px 10px;
  }

  #nth-home .nth-home-reviews-layout{gap:10px}
  #nth-home .nth-home-review-feature{
    box-shadow:0 6px 22px rgba(15,23,42,.04);
  }
  #nth-home .nth-home-review-feature .nth-review-body{padding:16px}
  #nth-home .nth-home-review-feature .nth-review-title{
    font-size:clamp(18px,1.8vw,22px);
    line-height:1.28;
  }
  #nth-home .nth-home-review-mini{
    padding:8px;
    box-shadow:0 2px 10px rgba(15,23,42,.025);
  }

  #nth-home .nth-home-across{
    gap:16px;
    padding:15px;
    border:1px solid #e2e8f0;
    border-radius:17px;
    background:#fbfcfe;
  }
  #nth-home .nth-home-group-section+ .nth-home-group-section{
    padding-top:16px;
  }
  #nth-home .nth-home-group-title{
    font-size:16px;
    letter-spacing:-.01em;
  }

  #nth-home .nth-home-compare-panel{
    padding:22px;
    border-radius:17px;
    box-shadow:0 10px 30px rgba(29,78,216,.05);
  }
  #nth-home .nth-home-compare-panel h2{
    font-size:clamp(22px,2vw,28px);
    letter-spacing:-.025em;
  }

  #nth-home .nth-home-launch-card,
  #nth-home .nth-home-discovery-box,
  #nth-home .nth-home-trust-card{
    box-shadow:0 2px 12px rgba(15,23,42,.025);
  }

  #nth-home .nth-browse-chip{
    font-size:11.5px;
  }
  #nth-home .nth-brand-shop-grid{
    gap:9px;
  }
  #nth-home .nth-brand-shop-item{
    padding:12px 7px;
  }

  #nth-home .nth-about-section{
    max-width:1050px;
  }
  #nth-home .nth-about-body{max-width:820px}

  /* Keyboard focus — visible on all custom homepage actions. */
  #nth-home a:focus-visible,
  #nth-home button:focus-visible,
  #nth-home select:focus-visible,
  #nth-home input:focus-visible{
    outline:3px solid rgba(37,99,235,.28);
    outline-offset:2px;
  }

  @media(max-width:900px){
    #nth-home .nth-hero{padding:30px 24px 22px}
    #nth-home .nth-section{margin-top:34px}
    #nth-home .nth-stats-bar{display:grid;grid-template-columns:repeat(3,1fr)}
    #nth-home .nth-stat-item{min-width:0;border-left:1px solid #eef2f7}
    #nth-home .nth-stat-item:first-child{border-left:0}
  }

  @media(max-width:620px){
    #nth-home{
      margin-top:12px;
      padding-left:12px;
      padding-right:12px;
    }
    #nth-home .nth-hero{
      padding:22px 16px 17px;
      border-radius:16px;
    }
    #nth-home .nth-hero h1{
      font-size:28px;
      line-height:1.1;
    }
    #nth-home .nth-hero-text>p{
      font-size:13.5px;
      line-height:1.55;
    }
    #nth-home .nth-search-form{
      display:grid;
      grid-template-columns:1fr;
      margin-top:17px;
      padding:5px;
      border-radius:13px;
    }
    #nth-home .nth-search-form .nth-search-btn{
      width:100%;
      min-height:43px;
    }
    #nth-home .nth-live-strip{margin-top:16px;padding-top:13px}
    #nth-home .nth-live-item{max-width:190px}

    #nth-home .nth-section{margin-top:30px}
    #nth-home .nth-section-title{font-size:21px}
    #nth-home .nth-section-head{
      gap:5px;
      margin-bottom:9px;
    }
    #nth-home .nth-home-section-intro{
      margin-bottom:11px;
      font-size:12px;
    }

    /* 2x2 utility tools instead of four tall mobile rows. */
    #nth-home .nth-home-tools{
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:8px;
    }
    #nth-home .nth-home-tool{
      display:block;
      min-height:0;
      padding:11px;
    }
    #nth-home .nth-home-tool-icon{
      width:34px;
      height:34px;
      margin-bottom:8px;
    }
    #nth-home .nth-home-tool-copy span{display:none}

    #nth-home .nth-home-phone-controls{
      padding:9px;
    }
    #nth-home .nth-price-chips{
      display:flex;
      flex-wrap:nowrap;
      overflow-x:auto;
      padding-bottom:3px;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    #nth-home .nth-price-chips::-webkit-scrollbar{display:none}
    #nth-home .nth-chip{flex:0 0 auto}
    #nth-home .nth-home-phone-controls .nth-sort-row{
      justify-content:space-between;
    }

    /* Latest Across Tech becomes compact swipe rails on mobile. */
    #nth-home .nth-home-across{
      padding:12px;
      gap:14px;
    }
    #nth-home .nth-home-group-section .nth-prod-grid{
      display:flex;
      gap:10px;
      overflow-x:auto;
      padding:2px 2px 8px;
      scroll-snap-type:x mandatory;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    #nth-home .nth-home-group-section .nth-prod-grid::-webkit-scrollbar{display:none}
    #nth-home .nth-home-group-section .nth-prod-card{
      flex:0 0 min(76%,270px);
      max-width:100%;
      box-sizing:border-box;
      scroll-snap-align:start;
    }
    #nth-home .nth-group-archive-links{
      justify-content:flex-start;
    }

    #nth-home .nth-home-review-feature .nth-review-thumb{
      aspect-ratio:16/9;
    }
    #nth-home .nth-home-review-feature .nth-review-thumb img{
      min-height:0;
      max-height:none;
    }
    #nth-home .nth-home-compare-panel{padding:17px}
    #nth-home .nth-home-primary-cta{width:100%}

    #nth-home .nth-stats-bar{
      grid-template-columns:repeat(3,minmax(0,1fr));
    }
    #nth-home .nth-stat-item{
      padding:11px 5px;
    }
    #nth-home .nth-stat-num{font-size:17px}
    #nth-home .nth-stat-label{
      font-size:8.5px;
      text-align:center;
    }
  }

  @media(max-width:390px){
    #nth-home .nth-cat-nav{
      grid-template-columns:repeat(3,minmax(0,1fr));
    }
    #nth-home .nth-home-tools{
      grid-template-columns:1fr 1fr;
    }
  }

  /* ── Phase 13C — cross-device screenshot-driven micro polish ─────── */

  .nth-home-curated-budget-chips{
    gap:8px;
  }
  .nth-home-curated-budget-chips .nth-browse-chip{
    white-space:nowrap;
  }

  /* Phase 18B-4: contain public homepage geometry without disabling intentional swipe rails. */
  body.home{overflow-x:clip}
  #nth-home{width:100%;max-width:1400px;box-sizing:border-box;min-width:0}
  #nth-home .nth-section,
  #nth-home .nth-home-group-section,
  #nth-home .nth-home-trending,
  #nth-home .nth-home-launch-grid,
  #nth-home .nth-prod-grid{min-width:0;max-width:100%;box-sizing:border-box}

  @supports not (overflow:clip){
    body.home{overflow-x:hidden}
  }

  @media(max-width:900px){
    /*
     * The global theme intentionally made .site-header sticky.
     * On the homepage screenshots this left a white logo block floating
     * over product cards while scrolling. On smaller screens the homepage
     * header now remains in normal document flow and scrolls away.
     *
     * Desktop keeps the existing sticky header.
     */
    body.home .site-header,
    body.home.admin-bar .site-header{
      position:relative !important;
      top:auto !important;
    }

    /* Group headings should not fight the archive-link row for width. */
    #nth-home .nth-home-group-head{
      flex-direction:column;
      align-items:flex-start;
      gap:5px;
    }
    #nth-home .nth-home-group-head .nth-group-archive-links{
      justify-content:flex-start;
    }

    /*
     * Make Latest Across Tech a real swipe rail on phones AND compact
     * tablets. Phase 13B used 620px; screenshots showed that threshold
     * was too narrow for the actual iPhone rendering state.
     */
    #nth-home .nth-home-group-section .nth-prod-grid{
      display:flex !important;
      grid-template-columns:none !important;
      gap:10px !important;
      overflow-x:auto;
      overflow-y:hidden;
      padding:2px 2px 9px;
      scroll-snap-type:x mandatory;
      overscroll-behavior-inline:contain;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    #nth-home .nth-home-group-section .nth-prod-grid::-webkit-scrollbar{
      display:none;
    }
    #nth-home .nth-home-group-section .nth-prod-card{
      flex:0 0 min(72%,280px) !important;
      width:min(72%,280px);
      min-width:min(72%,280px);
      max-width:100%;
      box-sizing:border-box;
      scroll-snap-align:start;
    }

    /*
     * Trending was a tall 2-column wall on iPhone. It is discovery,
     * not a primary catalogue, so keep all items but put them in one
     * swipe rail instead of several vertical rows.
     */
    #nth-home .nth-home-trending .nth-prod-grid{
      display:flex !important;
      grid-template-columns:none !important;
      gap:10px !important;
      overflow-x:auto;
      overflow-y:hidden;
      padding:2px 2px 9px;
      scroll-snap-type:x mandatory;
      overscroll-behavior-inline:contain;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    #nth-home .nth-home-trending .nth-prod-grid::-webkit-scrollbar{
      display:none;
    }
    #nth-home .nth-home-trending .nth-prod-card{
      flex:0 0 min(70%,275px) !important;
      width:min(70%,275px);
      min-width:min(70%,275px);
      max-width:100%;
      box-sizing:border-box;
      scroll-snap-align:start;
    }

    /*
     * Preserve the three Launch Tracker intents but avoid stacking three
     * tall boxes before Budget/Brand on mobile.
     */
    #nth-home .nth-home-launch-grid{
      display:flex !important;
      grid-template-columns:none !important;
      gap:10px;
      overflow-x:auto;
      overflow-y:hidden;
      padding:2px 2px 9px;
      scroll-snap-type:x mandatory;
      overscroll-behavior-inline:contain;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    #nth-home .nth-home-launch-grid::-webkit-scrollbar{
      display:none;
    }
    #nth-home .nth-home-launch-card{
      flex:0 0 min(82%,340px);
      width:min(82%,340px);
      min-width:min(82%,340px);
      max-width:100%;
      box-sizing:border-box;
      scroll-snap-align:start;
    }
  }

  @media(max-width:767px){
    /* Reviews: preserve editorial hierarchy but reduce dead vertical space. */
    #nth-home .nth-home-review-feature .nth-review-thumb{
      aspect-ratio:16/9 !important;
      min-height:0 !important;
    }
    #nth-home .nth-home-review-feature .nth-review-thumb img{
      height:100% !important;
      min-height:0 !important;
      max-height:none !important;
    }
    #nth-home .nth-home-review-feature .nth-review-body{
      padding:13px;
    }
    #nth-home .nth-home-review-feature .nth-review-excerpt{
      font-size:12px;
      line-height:1.5;
      display:-webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:3;
      overflow:hidden;
    }
    #nth-home .nth-home-review-mini{
      grid-template-columns:72px minmax(0,1fr);
      gap:8px;
      padding:7px;
    }
    #nth-home .nth-home-review-mini .nth-review-thumb{
      height:58px;
    }
    #nth-home .nth-home-review-mini h3{
      font-size:12px;
      line-height:1.3;
      display:-webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:2;
      overflow:hidden;
    }

    /* Budget chips become one clean swipe row rather than overlapping bands. */
    #nth-home .nth-home-curated-budget-chips{
      display:flex;
      flex-wrap:nowrap;
      overflow-x:auto;
      padding-bottom:4px;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    #nth-home .nth-home-curated-budget-chips::-webkit-scrollbar{
      display:none;
    }
    #nth-home .nth-home-curated-budget-chips .nth-browse-chip{
      flex:0 0 auto;
    }

    /* Keep the Compare CTA strong but compact. */
    #nth-home .nth-home-compare-points{
      gap:5px;
      margin-top:9px;
    }
  }

  /* ── Phase 21A-1 — resilient buying-tools geometry ───────────────
   * Screenshot audit showed the tool cards collapsing into ultra-narrow
   * columns in compact desktop/tablet rendering. Keep the section in normal
   * document flow and let the grid wrap by usable card width, not by a fixed
   * four-column assumption. Mobile intentionally remains a compact 2x2.
   */
  #nth-home .nth-home-tools-section{
    display:block;
    width:100%;
    min-width:0;
    clear:both;
  }
  #nth-home .nth-home-tools{
    width:100%;
    min-width:0;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
    align-items:stretch;
  }
  #nth-home .nth-home-tool{
    width:100%;
    min-width:0;
    max-width:none;
    box-sizing:border-box;
  }
  #nth-home .nth-home-tool-copy{
    width:100%;
    min-width:0;
  }
  #nth-home .nth-home-tool-copy strong{
    word-break:normal;
    overflow-wrap:normal;
    hyphens:none;
    text-wrap:balance;
  }

  @media(min-width:621px) and (max-width:1100px){
    #nth-home .nth-home-tools{
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
    }
    #nth-home .nth-home-tool{
      min-height:78px;
    }
  }

  @media(max-width:620px){
    #nth-home .nth-home-tools{
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:9px;
    }
    #nth-home .nth-home-tool{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      justify-content:flex-start;
      gap:0;
      min-height:108px;
      padding:12px;
    }
    #nth-home .nth-home-tool-icon{
      flex:0 0 34px;
    }
    #nth-home .nth-home-tool-copy strong{
      font-size:12.5px;
      line-height:1.3;
    }
  }

  @media(max-width:340px){
    #nth-home .nth-home-tools{
      grid-template-columns:1fr;
    }
    #nth-home .nth-home-tool{
      min-height:0;
      flex-direction:row;
      align-items:center;
      gap:10px;
    }
    #nth-home .nth-home-tool-icon{margin-bottom:0}
  }


  /* ── Phase 21A-3 — brand logo visibility + mobile containment ───────
   * Keep the featured brand set as a real grid at every breakpoint so
   * mobile never degrades into a partly-visible horizontal strip. Extra
   * brands retain the compact chip treatment, but now show an uploaded
   * logo when one exists.
   */
  #nth-home .nth-brand-shop-grid{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr));
    width:100%;
    max-width:100%;
    min-width:0;
    gap:9px;
    overflow:visible !important;
  }
  #nth-home .nth-brand-shop-item{
    width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  #nth-home .nth-brand-shop-name{
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  #nth-home .nth-home-brand-extra{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    width:100%;
    max-width:100%;
    overflow:visible;
  }
  #nth-home .nth-home-brand-extra .nth-browse-chip{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-width:0;
  }
  #nth-home .nth-mini-brand-logo{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    flex:0 0 22px;
    overflow:hidden;
    border-radius:6px;
    background:#fff;
    border:1px solid #eef2f7;
  }
  #nth-home .nth-mini-brand-logo img{
    display:block;
    max-width:18px;
    max-height:18px;
    width:auto;
    height:auto;
    object-fit:contain;
  }

  @media(max-width:900px){
    #nth-home .nth-brand-shop-grid{
      grid-template-columns:repeat(4,minmax(0,1fr));
    }
  }
  @media(max-width:620px){
    /* Phase 21A-3.1: fully reset the legacy swipe/rail geometry. Some older
       homepage CSS still gives these children rail sizing/auto-flow rules;
       without clearing those rules only every third brand can remain visible. */
    #nth-home .nth-brand-shop-grid{
      display:grid !important;
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      grid-auto-flow:row !important;
      grid-auto-columns:minmax(0,1fr) !important;
      grid-auto-rows:auto !important;
      column-gap:8px !important;
      row-gap:8px !important;
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
      height:auto !important;
      overflow:visible !important;
      overflow-x:visible !important;
      scroll-snap-type:none !important;
      transform:none !important;
    }
    #nth-home .nth-brand-shop-grid::before,
    #nth-home .nth-brand-shop-grid::after{
      content:none !important;
      display:none !important;
    }
    #nth-home .nth-brand-shop-item{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      gap:6px !important;
      grid-column:auto !important;
      grid-row:auto !important;
      flex:0 1 auto !important;
      flex-basis:auto !important;
      width:auto !important;
      max-width:none !important;
      min-width:0 !important;
      min-height:88px !important;
      height:auto !important;
      margin:0 !important;
      padding:10px 4px !important;
      scroll-snap-align:none !important;
      transform:none !important;
      box-sizing:border-box !important;
    }
    #nth-home .nth-brand-shop-logo{
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      width:40px !important;
      height:40px !important;
      min-width:40px !important;
      min-height:40px !important;
      margin:0 auto !important;
    }
    #nth-home .nth-brand-shop-logo img{
      display:block !important;
      width:auto !important;
      height:auto !important;
      max-width:30px !important;
      max-height:30px !important;
      object-fit:contain !important;
      margin:auto !important;
    }
    #nth-home .nth-brand-shop-name{
      display:block !important;
      width:100% !important;
      max-width:100% !important;
      margin:0 !important;
      text-align:center !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      line-height:1.25 !important;
    }
    #nth-home .nth-home-brand-extra{
      gap:7px;
    }
  }
  @media(max-width:350px){
    #nth-home .nth-brand-shop-grid{
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
  }

  /* Phase 21A-3.3 — isolated brand layout + final visual polish.
   * This intentionally uses brand-new class names so no legacy homepage rail,
   * slider or nth-child rule can affect the featured brand cards on mobile.
   * 3.3 keeps the 3.2 isolation, but tightens card/logo height, adds keyboard
   * focus polish and keeps the extra-brand chips visually subordinate. */
  #nth-home .nth21a-brand-grid{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    transform:none !important;
    scroll-snap-type:none !important;
    box-sizing:border-box !important;
  }
  #nth-home .nth21a-brand-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    position:relative !important;
    float:none !important;
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:80px !important;
    height:auto !important;
    margin:0 !important;
    padding:9px 6px !important;
    border:1px solid var(--line,#e2e8f0) !important;
    border-radius:13px !important;
    background:#fff !important;
    color:var(--ink,#0f172a) !important;
    text-decoration:none !important;
    overflow:hidden !important;
    transform:none !important;
    box-shadow:0 1px 2px rgba(15,23,42,.025) !important;
    transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease !important;
    box-sizing:border-box !important;
    -webkit-tap-highlight-color:transparent !important;
  }
  #nth-home .nth21a-brand-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 36px !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    margin:0 auto !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    overflow:hidden !important;
  }
  #nth-home .nth21a-brand-logo img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:29px !important;
    max-height:29px !important;
    object-fit:contain !important;
    margin:auto !important;
  }
  #nth-home .nth21a-brand-logo-text{
    color:#64748b !important;
    font-size:20px !important;
    font-weight:900 !important;
  }
  #nth-home .nth21a-brand-name{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    color:var(--ink,#0f172a) !important;
    font-size:11.5px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  #nth-home .nth21a-brand-card:focus-visible{
    outline:3px solid rgba(37,99,235,.22) !important;
    outline-offset:2px !important;
    border-color:#93c5fd !important;
    box-shadow:0 0 0 1px #bfdbfe !important;
  }
  @media(hover:hover) and (pointer:fine){
    #nth-home .nth21a-brand-card:hover{
      border-color:#bfdbfe !important;
      background:#fbfdff !important;
      box-shadow:0 5px 16px rgba(15,23,42,.06) !important;
    }
  }

  #nth-home .nth-home-brand-extra{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:7px !important;
    margin-top:10px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  #nth-home .nth-brand-extra-chip{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    min-width:0 !important;
    min-height:34px !important;
    padding:6px 10px !important;
    border-radius:999px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
  }
  #nth-home .nth-brand-extra-chip .nth-mini-brand-logo{
    width:20px !important;
    height:20px !important;
    flex:0 0 20px !important;
    border-radius:5px !important;
  }
  #nth-home .nth-brand-extra-chip .nth-mini-brand-logo img{
    max-width:16px !important;
    max-height:16px !important;
  }
  #nth-home .nth-brand-extra-chip .nth-chip-count{
    opacity:.78 !important;
  }

  @media(max-width:900px){
    #nth-home .nth21a-brand-grid{
      grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }
  }
  @media(max-width:620px){
    #nth-home .nth21a-brand-grid{
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      gap:7px !important;
    }
    #nth-home .nth21a-brand-card{
      min-height:76px !important;
      padding:7px 4px !important;
      border-radius:12px !important;
    }
    #nth-home .nth21a-brand-logo{
      flex-basis:34px !important;
      width:34px !important;
      height:34px !important;
      min-width:34px !important;
      min-height:34px !important;
    }
    #nth-home .nth21a-brand-logo img{
      max-width:27px !important;
      max-height:27px !important;
    }
    #nth-home .nth21a-brand-logo-text{
      font-size:19px !important;
    }
    #nth-home .nth21a-brand-name{
      font-size:11px !important;
    }
    #nth-home .nth-home-brand-extra{
      gap:6px !important;
      margin-top:9px !important;
    }
    #nth-home .nth-brand-extra-chip{
      min-height:32px !important;
      padding:5px 8px !important;
      font-size:11px !important;
    }
  }
  @media(max-width:330px){
    #nth-home .nth21a-brand-grid{
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
  }
  @media(prefers-reduced-motion:reduce){
    #nth-home .nth21a-brand-card{
      transition:none !important;
    }
  }

  @media(max-width:430px){
    #nth-home .nth-home-group-section .nth-prod-card{
      flex-basis:min(78%,275px) !important;
      width:min(78%,275px);
      min-width:min(78%,275px);
    }
    #nth-home .nth-home-trending .nth-prod-card{
      flex-basis:min(76%,270px) !important;
      width:min(76%,270px);
      min-width:min(76%,270px);
    }
    #nth-home .nth-home-launch-card{
      flex-basis:min(88%,330px);
      width:min(88%,330px);
      min-width:min(88%,330px);
    }
  }

  /* ── Phase 21A-6 — Latest Across Tech mobile/tablet final polish ──
   * Keep the section compact at intermediate widths instead of squeezing
   * four catalogue cards into a tablet/request-desktop viewport. No JS is
   * required: native horizontal scrolling + scroll snap remain accessible
   * with touch, trackpad and keyboard. Full desktop keeps the existing grid. */
  #nth-home .nth-home-across{
    overflow:hidden;
  }
  #nth-home .nth-home-group-section{
    min-width:0;
  }
  #nth-home .nth-home-group-head{
    min-width:0;
  }
  #nth-home .nth-group-archive-links{
    min-width:0;
  }

  /* Tablet / compact desktop: one premium discovery rail per category group. */
  @media(min-width:768px) and (max-width:1100px){
    #nth-home .nth-home-across{
      padding:14px;
      gap:15px;
    }
    #nth-home .nth-home-group-section + .nth-home-group-section{
      padding-top:15px;
    }
    #nth-home .nth-home-group-head{
      display:flex;
      flex-direction:row;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:9px;
    }
    #nth-home .nth-home-group-title{
      flex:0 0 auto;
      font-size:15.5px;
    }
    #nth-home .nth-group-archive-links{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      flex-wrap:nowrap;
      gap:3px;
      max-width:68%;
      overflow-x:auto;
      padding:2px 0 3px;
      white-space:nowrap;
      scrollbar-width:none;
      -webkit-overflow-scrolling:touch;
    }
    #nth-home .nth-group-archive-links::-webkit-scrollbar{display:none}
    #nth-home .nth-group-archive-links .nth-viewall{
      flex:0 0 auto;
      font-size:10.5px;
      line-height:1.25;
    }
    #nth-home .nth-home-group-section .nth-prod-grid{
      display:flex !important;
      grid-template-columns:none !important;
      gap:10px !important;
      overflow-x:auto !important;
      overflow-y:hidden !important;
      margin:0 !important;
      padding:2px 14px 9px 2px !important;
      scroll-padding-inline:2px 14px;
      scroll-snap-type:x proximity;
      overscroll-behavior-inline:contain;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    #nth-home .nth-home-group-section .nth-prod-grid::-webkit-scrollbar{display:none}
    #nth-home .nth-home-group-section .nth-prod-card{
      flex:0 0 clamp(190px,27vw,245px) !important;
      width:clamp(190px,27vw,245px) !important;
      min-width:clamp(190px,27vw,245px) !important;
      max-width:245px !important;
      scroll-snap-align:start;
      scroll-snap-stop:normal;
    }
  }

  /* Phones: slightly denser cards than the old 72–78% rail, leaving an
   * obvious next-card peek without making product copy cramped. */
  @media(max-width:767px){
    #nth-home .nth-home-across{
      padding:12px 10px;
      gap:14px;
      border-radius:15px;
    }
    #nth-home .nth-home-group-section + .nth-home-group-section{
      padding-top:14px;
    }
    #nth-home .nth-home-group-head{
      gap:6px;
      margin-bottom:8px;
    }
    #nth-home .nth-home-group-title{
      font-size:15px;
      line-height:1.3;
    }
    #nth-home .nth-group-archive-links{
      display:flex;
      width:100%;
      max-width:100%;
      align-items:center;
      justify-content:flex-start;
      flex-wrap:nowrap;
      gap:2px;
      overflow-x:auto;
      padding:1px 0 3px;
      white-space:nowrap;
      scrollbar-width:none;
      -webkit-overflow-scrolling:touch;
    }
    #nth-home .nth-group-archive-links::-webkit-scrollbar{display:none}
    #nth-home .nth-group-archive-links .nth-viewall{
      flex:0 0 auto;
      font-size:10px;
      line-height:1.25;
    }
    #nth-home .nth-home-group-section .nth-prod-grid{
      gap:9px !important;
      margin:0 !important;
      padding:2px 14px 9px 1px !important;
      scroll-padding-inline:1px 14px;
      scroll-snap-type:x mandatory;
    }
    #nth-home .nth-home-group-section .nth-prod-card{
      flex:0 0 clamp(190px,62vw,240px) !important;
      width:clamp(190px,62vw,240px) !important;
      min-width:clamp(190px,62vw,240px) !important;
      max-width:240px !important;
      scroll-snap-align:start;
    }
  }

  @media(max-width:360px){
    #nth-home .nth-home-group-section .nth-prod-card{
      flex-basis:clamp(184px,64vw,225px) !important;
      width:clamp(184px,64vw,225px) !important;
      min-width:clamp(184px,64vw,225px) !important;
      max-width:225px !important;
    }
  }

  @media(prefers-reduced-motion:reduce){
    #nth-home .nth-home-group-section .nth-prod-grid{
      scroll-behavior:auto !important;
    }
  }

  /* ── Phase 21A-7 — Launch Tracker + discovery rails + back-to-top ──
   * Final homepage polish for the lower discovery area. The Launch Tracker
   * remains a native no-JS rail on phones, budget chips get reliable scroll
   * containment, secondary brand chips stay reachable without forcing the
   * featured 12-brand grid back into a slider, and GeneratePress' back-to-top
   * control is reduced so it no longer masks product/review content. */
  #nth-home .nth-home-launch-grid,
  #nth-home .nth-home-curated-budget-chips,
  #nth-home .nth-home-brand-extra{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }

  #nth-home .nth-home-launch-card{
    min-width:0;
    overflow:hidden;
    border-color:#e2e8f0;
    box-shadow:0 3px 14px rgba(15,23,42,.035);
  }
  #nth-home .nth-home-launch-card h3{
    letter-spacing:-.012em;
  }
  #nth-home .nth-home-launch-item a{
    min-width:0;
    border-radius:8px;
    transition:background-color .15s ease,color .15s ease;
  }
  #nth-home .nth-home-launch-main{
    flex:1 1 auto;
    min-width:0;
  }
  #nth-home .nth-home-launch-price{
    flex:0 0 auto;
  }
  #nth-home .nth-home-launch-item a:focus-visible{
    outline:3px solid rgba(37,99,235,.2);
    outline-offset:1px;
  }
  @media(hover:hover) and (pointer:fine){
    #nth-home .nth-home-launch-item a:hover{
      background:#f8fafc;
    }
  }

  /* Budget chips: wrapping is retained on wide screens; phones get a clean,
   * contained one-line rail with an intentional next-chip peek. */
  #nth-home .nth-home-curated-budget-chips{
    align-items:center;
  }
  #nth-home .nth-home-curated-budget-chips .nth-browse-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    line-height:1.15;
  }

  /* The featured 12 brands remain the isolated responsive grid from 21A-3.
   * Only the lower secondary-brand chips become a compact rail on phones. */
  #nth-home .nth-home-brand-extra .nth-brand-extra-chip{
    box-sizing:border-box;
  }

  @media(max-width:767px){
    #nth-home .nth-home-launch-grid{
      display:flex !important;
      grid-template-columns:none !important;
      gap:10px !important;
      overflow-x:auto !important;
      overflow-y:hidden !important;
      margin:0 !important;
      padding:2px 32px 9px 1px !important;
      scroll-padding-inline:1px 32px;
      scroll-snap-type:x mandatory;
      overscroll-behavior-inline:contain;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    #nth-home .nth-home-launch-grid::-webkit-scrollbar{display:none}
    #nth-home .nth-home-launch-card{
      flex:0 0 clamp(250px,82vw,330px) !important;
      width:clamp(250px,82vw,330px) !important;
      min-width:clamp(250px,82vw,330px) !important;
      max-width:330px !important;
      min-height:0;
      padding:12px;
      scroll-snap-align:start;
      scroll-snap-stop:always;
    }
    #nth-home .nth-home-launch-card h3{font-size:14.5px}
    #nth-home .nth-home-launch-card>p{
      min-height:2.8em;
      margin-bottom:6px;
    }
    #nth-home .nth-home-launch-item a{padding:7px 2px}
    #nth-home .nth-home-launch-main strong{font-size:11.5px}

    #nth-home .nth-home-curated-budget-chips{
      display:flex !important;
      flex-wrap:nowrap !important;
      gap:7px !important;
      overflow-x:auto !important;
      overflow-y:hidden !important;
      margin-inline:0 !important;
      padding:2px 28px 6px 1px !important;
      scroll-padding-inline:1px 28px;
      scroll-snap-type:x proximity;
      overscroll-behavior-inline:contain;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    #nth-home .nth-home-curated-budget-chips::-webkit-scrollbar{display:none}
    #nth-home .nth-home-curated-budget-chips .nth-browse-chip{
      flex:0 0 auto !important;
      min-height:34px;
      padding:7px 12px;
      scroll-snap-align:start;
    }

    #nth-home .nth-home-brand-extra{
      display:flex !important;
      flex-wrap:nowrap !important;
      gap:7px !important;
      overflow-x:auto !important;
      overflow-y:hidden !important;
      margin-top:9px !important;
      padding:2px 28px 5px 1px !important;
      scroll-padding-inline:1px 28px;
      scroll-snap-type:x proximity;
      overscroll-behavior-inline:contain;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
    }
    #nth-home .nth-home-brand-extra::-webkit-scrollbar{display:none}
    #nth-home .nth-home-brand-extra .nth-brand-extra-chip{
      flex:0 0 auto !important;
      scroll-snap-align:start;
    }
  }

  @media(max-width:390px){
    #nth-home .nth-home-launch-card{
      flex-basis:clamp(238px,84vw,310px) !important;
      width:clamp(238px,84vw,310px) !important;
      min-width:clamp(238px,84vw,310px) !important;
      max-width:310px !important;
    }
  }

  /* GeneratePress back-to-top: keep the existing functionality and colour,
   * but reduce its footprint and respect iPhone/Android safe-area insets. */
  body.home .generate-back-to-top{
    right:16px !important;
    bottom:16px !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    padding:0 !important;
    border-radius:11px !important;
    line-height:42px !important;
    text-align:center !important;
    font-size:15px !important;
    box-sizing:border-box !important;
    opacity:.86;
    box-shadow:0 8px 22px rgba(15,23,42,.16) !important;
    transition:opacity .15s ease,box-shadow .15s ease,transform .15s ease;
  }
  body.home .generate-back-to-top:hover,
  body.home .generate-back-to-top:focus-visible{
    opacity:1;
    box-shadow:0 10px 24px rgba(15,23,42,.2) !important;
  }
  body.home .generate-back-to-top:focus-visible{
    outline:3px solid rgba(37,99,235,.25) !important;
    outline-offset:2px !important;
  }

  @media(max-width:767px){
    body.home .generate-back-to-top{
      right:12px !important;
      bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
      width:42px !important;
      height:42px !important;
      min-width:42px !important;
      min-height:42px !important;
      line-height:42px !important;
      border-radius:10px !important;
      opacity:.8;
    }
  }

  @media(prefers-reduced-motion:reduce){
    #nth-home .nth-home-launch-grid,
    #nth-home .nth-home-curated-budget-chips,
    #nth-home .nth-home-brand-extra{
      scroll-behavior:auto !important;
    }
    body.home .generate-back-to-top{
      transition:none !important;
    }
  }


  /* =========================================================
   * Phase 23A-1.6 — Homepage Mobile Premium Final Polish
   * ---------------------------------------------------------
   * Screenshot-driven cleanup for the public homepage only.
   * Goals:
   * - stop product cards/images looking "cut" at the viewport edge;
   * - keep every mobile product image fully contained and centred;
   * - remove touch-stuck desktop hover outlines;
   * - reduce oversized mobile navigation chrome;
   * - strengthen hierarchy without changing catalogue truth/data.
   * ======================================================= */

  @media(max-width:767px){
    /* Compact the separate GeneratePress navigation row. The brand/logo row
     * remains untouched; only the giant full-width Menu pill is reduced. */
    body.home .main-navigation{
      background:#fff !important;
      border-bottom:1px solid #e2e8f0 !important;
      box-shadow:0 6px 18px rgba(15,23,42,.035) !important;
    }
    body.home .main-navigation .inside-navigation{
      min-height:54px !important;
      padding:6px 14px !important;
      justify-content:flex-end !important;
      align-items:center !important;
    }
    body.home .main-navigation .menu-toggle{
      flex:0 0 auto !important;
      width:auto !important;
      min-width:116px !important;
      max-width:170px !important;
      min-height:42px !important;
      margin:0 !important;
      padding:8px 16px !important;
      border:1px solid #dbe4f0 !important;
      border-radius:999px !important;
      background:#fff !important;
      box-shadow:0 5px 14px rgba(15,23,42,.05) !important;
      color:#0f172a !important;
      font-weight:800 !important;
    }
    body.home .main-navigation.toggled .menu-toggle{
      border-color:#bfdbfe !important;
      background:#eff6ff !important;
      color:#1d4ed8 !important;
    }
    body.home .main-navigation .main-nav{
      flex:0 0 100% !important;
      width:100% !important;
    }

    /* Slightly tighter premium hero rhythm after compacting the menu row. */
    #nth-home{
      margin-top:10px;
      padding-left:14px;
      padding-right:14px;
    }
    #nth-home .nth-hero{
      padding:21px 16px 17px;
      border:1px solid #dbe5f1;
      border-radius:18px;
      box-shadow:0 10px 30px rgba(15,23,42,.045);
    }
    #nth-home .nth-hero h1{
      font-size:clamp(26px,7.1vw,30px);
      line-height:1.08;
      letter-spacing:-.035em;
      text-wrap:balance;
    }
    #nth-home .nth-hero-text>p{
      max-width:34rem;
    }

    /* Full-card mobile presentation.
     * Phase 18B intentionally used partial next-card peeks. Real screenshots
     * showed those peeks read as clipped/broken cards, especially when the
     * second product image landed on the viewport edge. Use a proper two-card
     * grid on phone widths instead; horizontal swipe remains for compact chip
     * rows and Launch Tracker, where a peek is semantically clear. */
    #nth-home .nth-home-group-section .nth-prod-grid,
    #nth-home .nth-home-trending .nth-prod-grid{
      display:grid !important;
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      gap:10px !important;
      width:100% !important;
      max-width:100% !important;
      overflow:visible !important;
      padding:2px 0 4px !important;
      scroll-snap-type:none !important;
      overscroll-behavior:auto !important;
    }
    #nth-home .nth-home-group-section .nth-prod-card,
    #nth-home .nth-home-trending .nth-prod-card{
      flex:none !important;
      width:auto !important;
      min-width:0 !important;
      max-width:none !important;
      scroll-snap-align:none !important;
    }

    /* Every homepage product card gets one consistent premium media well.
     * Source images are never cropped by CSS; object-fit:contain plus inner
     * breathing room keeps phones, laptops and accessory pack-shots intact. */
    #nth-home .nth-prod-card{
      overflow:hidden;
      border:1px solid #dbe4ee;
      border-radius:16px;
      background:#fff;
      box-shadow:0 5px 18px rgba(15,23,42,.035);
    }
    #nth-home .nth-card-img{
      box-sizing:border-box;
      aspect-ratio:1/1 !important;
      min-height:0 !important;
      padding:11px !important;
      background:linear-gradient(180deg,#fbfdff 0%,#f8fafc 100%) !important;
      border-bottom:1px solid #edf2f7;
    }
    #nth-home .nth-prod-card--laptops .nth-card-img,
    #nth-home .nth-prod-card--tvs .nth-card-img{
      aspect-ratio:4/3 !important;
      padding:9px !important;
    }
    #nth-home .nth-card-img img:not([data-nth-placeholder="1"]){
      width:100% !important;
      height:100% !important;
      max-width:100% !important;
      max-height:100% !important;
      object-fit:contain !important;
      object-position:center center !important;
      transform:none !important;
    }
    #nth-home .nth-card-img-missing{
      padding:12px 8px 10px !important;
    }
    #nth-home .nth-card-body{
      padding:11px !important;
      gap:5px;
    }
    #nth-home .nth-card-brand{
      font-size:10.5px;
      letter-spacing:.045em;
    }
    #nth-home .nth-card-name{
      font-size:13.5px;
      line-height:1.3;
      min-height:2.6em;
      max-height:2.6em;
    }
    #nth-home .nth-card-sub{
      font-size:11.5px;
    }
    #nth-home .nth-card-price{
      font-size:13.5px;
    }
    #nth-home .nth-card-foot{
      gap:7px;
      margin-top:5px;
    }
    #nth-home .nth-card-btn{
      min-height:39px;
      border-radius:11px;
      font-size:12.5px;
    }
    #nth-home .nth-prod-card .nth-iconbtn{
      width:39px;
      height:39px;
      min-width:39px;
      min-height:39px;
    }

    /* The grouped discovery shell should frame complete cards, not crop them. */
    #nth-home .nth-home-across{
      padding:13px;
      border-radius:18px;
      background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
      box-shadow:0 8px 26px rgba(15,23,42,.03);
    }
    #nth-home .nth-home-group-title{
      font-size:18px;
      letter-spacing:-.02em;
    }

    /* Editorial cards: preserve aspect ratio and avoid thumbnail edge crops. */
    #nth-home .nth-home-review-feature .nth-review-thumb,
    #nth-home .nth-home-review-mini .nth-review-thumb{
      background:#f8fafc;
    }
    #nth-home .nth-home-review-feature .nth-review-thumb img{
      object-fit:cover;
      object-position:center;
    }

    /* A round utility reads as a floating control rather than another card. */
    body.home .generate-back-to-top{
      width:44px !important;
      height:44px !important;
      min-width:44px !important;
      min-height:44px !important;
      line-height:44px !important;
      border-radius:999px !important;
      right:14px !important;
      bottom:calc(14px + env(safe-area-inset-bottom,0px)) !important;
      opacity:.78;
    }
  }

  /* Safari/iOS can keep :hover after a tap. That produced random blue card
   * borders in real screenshots. Desktop hover remains unchanged. */
  @media(hover:none), (pointer:coarse){
    #nth-home .nth-prod-card:hover{
      transform:none !important;
      border-color:#dbe4ee !important;
      box-shadow:0 5px 18px rgba(15,23,42,.035) !important;
    }
    #nth-home .nth-prod-card:hover .nth-card-img img{
      transform:none !important;
    }
  }

  @media(max-width:370px){
    #nth-home{
      padding-left:11px;
      padding-right:11px;
    }
    #nth-home .nth-home-group-section .nth-prod-grid,
    #nth-home .nth-home-trending .nth-prod-grid,
    #nth-home #nth-listed-grid{
      gap:8px !important;
    }
    #nth-home .nth-card-img{
      padding:9px !important;
    }
    #nth-home .nth-card-body{
      padding:9px !important;
    }
    #nth-home .nth-card-name{
      font-size:13px;
    }
  }

/* -------------------------------------------------------------------------
 * v5.38.14 — homepage trust/navigation polish
 * ---------------------------------------------------------------------- */
#nth-home .nth-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
#nth-home .nth-hero-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;
}
#nth-home .nth-hero-cta.is-primary{
  background:#fff;
  color:#1d4ed8;
  box-shadow:0 8px 22px -14px rgba(15,23,42,.45);
}
#nth-home .nth-hero-cta.is-secondary{
  background:rgba(255,255,255,.10);
  color:#fff;
}
#nth-home .nth-hero-cta:focus-visible{
  outline:3px solid rgba(255,255,255,.55);
  outline-offset:3px;
}
@media (hover:hover){
  #nth-home .nth-hero-cta:hover{transform:translateY(-1px)}
  #nth-home .nth-hero-cta.is-secondary:hover{background:rgba(255,255,255,.17)}
}

#nth-home .nth-search-result[aria-selected="true"]{
  background:#eff6ff;
  box-shadow:inset 3px 0 0 #2563eb;
}

#nth-home .nth-home-trust-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #e2e8f0;
}
#nth-home .nth-home-trust-actions a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:8px 12px;
  border:1px solid #dbe4ef;
  border-radius:999px;
  background:#fff;
  color:#1d4ed8;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
}
#nth-home .nth-home-trust-actions a.is-report{
  border-color:#bfdbfe;
  background:#eff6ff;
}
#nth-home .nth-home-trust-actions a:focus-visible{
  outline:3px solid rgba(37,99,235,.22);
  outline-offset:2px;
}
@media (hover:hover){
  #nth-home .nth-home-trust-actions a:hover{border-color:#93c5fd;background:#f8fbff}
}

@media (max-width:767px){
  #nth-home .nth-hero-actions{gap:8px;margin-top:15px}
  #nth-home .nth-hero-cta{flex:1 1 150px;min-height:44px;padding-inline:13px}
  #nth-home .nth-home-trust-actions{display:grid;grid-template-columns:1fr 1fr}
  #nth-home .nth-home-trust-actions a{justify-content:center;text-align:center;border-radius:12px}
}
@media (max-width:420px){
  #nth-home .nth-home-trust-actions{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  #nth-home .nth-hero-cta{transition:none}
}


/* ==========================================================================
 * Phase 27A — Homepage Visual System + Media/Card Polish
 * Screenshot-driven pass, 2026-09-06.
 * Goals:
 * - richer but restrained NepalTechHub colour hierarchy;
 * - useful emoji accents without turning the UI into decoration;
 * - four-column desktop product rhythm so 8/12-item sections close cleanly;
 * - reliable image wells and post-type geometry;
 * - homepage quick-compare parity with archive cards;
 * - move ads out of the decision-tool block and visually separate inventory;
 * - turn the hero's empty right side into evidence-backed live-price context.
 * ======================================================================= */

#nth-home{
  --nth-blue:#2563eb;
  --nth-indigo:#4f46e5;
  --nth-emerald:#059669;
  --nth-cyan:#0891b2;
  --nth-amber:#d97706;
  --nth-rose:#e11d48;
  --nth-violet:#7c3aed;
  --nth-soft-blue:#eff6ff;
  --nth-soft-indigo:#eef2ff;
  --nth-soft-emerald:#ecfdf5;
  --nth-soft-cyan:#ecfeff;
  --nth-soft-amber:#fffbeb;
  --nth-soft-rose:#fff1f2;
  --nth-soft-violet:#f5f3ff;
}

/* Heading emoji is decorative, compact, and visually anchored. */
#nth-home .nth-heading-emoji{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  margin-right:2px;
  border:1px solid #e2e8f0;
  border-radius:11px;
  background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);
  box-shadow:0 4px 12px rgba(15,23,42,.04);
  font-size:18px;
  line-height:1;
}
#nth-home .nth-home-compare-panel .nth-heading-emoji{
  width:36px;
  height:36px;
  display:inline-grid;
  vertical-align:middle;
  margin-right:7px;
}

/* Hero: use the previously empty right side for current, evidence-backed data. */
#nth-home .nth-hero{
  padding:28px;
  border:1px solid #dbe6f3;
  background:
    radial-gradient(circle at 92% 10%,rgba(79,70,229,.12),transparent 28%),
    radial-gradient(circle at 70% 92%,rgba(5,150,105,.08),transparent 28%),
    linear-gradient(145deg,#ffffff 0%,#f8fbff 55%,#f7f9ff 100%);
  box-shadow:0 18px 52px rgba(15,23,42,.07);
}
#nth-home .nth-hero::before{
  width:520px;
  height:520px;
  top:-240px;
  right:-180px;
  opacity:.75;
}
#nth-home .nth-hero-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
  align-items:stretch;
}
#nth-home .nth-hero-layout.has-pulse{
  grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);
}
#nth-home .nth-hero-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
#nth-home .nth-hero-text{
  max-width:800px;
}
#nth-home .nth-hero-eyebrow{
  gap:7px;
  color:#1d4ed8;
  background:rgba(239,246,255,.82);
  border:1px solid #dbeafe;
  border-radius:999px;
  padding:6px 10px;
  width:max-content;
  max-width:100%;
}
#nth-home .nth-hero h1{
  max-width:780px;
  font-size:clamp(32px,3.25vw,46px);
}
#nth-home .nth-hero-text>p{
  max-width:760px;
  color:#475569;
}
#nth-home .nth-hero-actions{
  gap:9px;
}
#nth-home .nth-hero-cta{
  gap:7px;
  min-height:44px;
  border-radius:12px;
}
#nth-home .nth-hero-cta.is-primary{
  border-color:#2563eb;
  background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);
  color:#fff;
  box-shadow:0 10px 24px rgba(37,99,235,.18);
}
#nth-home .nth-hero-cta.is-secondary{
  border-color:#dbe4f0;
  background:#fff;
  color:#1e40af;
}
@media(hover:hover){
  #nth-home .nth-hero-cta.is-primary:hover{
    box-shadow:0 12px 28px rgba(37,99,235,.24);
  }
  #nth-home .nth-hero-cta.is-secondary:hover{
    border-color:#bfdbfe;
    background:#eff6ff;
  }
}

#nth-home .nth-search-form{
  max-width:820px;
  margin-top:20px;
  border-color:#d8e2ef;
  box-shadow:0 10px 30px rgba(15,23,42,.07);
}
#nth-home .nth-search-form .nth-search-btn{
  background:linear-gradient(135deg,#2563eb,#4f46e5);
  border-color:#2563eb;
  box-shadow:0 7px 16px rgba(37,99,235,.16);
}

/* Live price pulse: replaces the long horizontal chip strip on wide screens. */
#nth-home .nth-hero-pulse{
  min-width:0;
  padding:16px;
  border:1px solid rgba(191,219,254,.9);
  border-radius:18px;
  background:rgba(255,255,255,.82);
  box-shadow:0 14px 36px rgba(15,23,42,.07);
  backdrop-filter:blur(10px);
}
#nth-home .nth-hero-pulse-head{
  display:grid;
  gap:2px;
  margin-bottom:10px;
}
#nth-home .nth-pulse-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  color:#047857;
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
#nth-home .nth-hero-pulse-head>strong{
  color:#0f172a;
  font-size:17px;
  letter-spacing:-.02em;
}
#nth-home .nth-hero-pulse-head>span:last-child{
  color:#64748b;
  font-size:11px;
}
#nth-home .nth-hero-pulse-list{
  display:grid;
  gap:7px;
}
#nth-home .nth-hero-pulse-item{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-width:0;
  padding:8px;
  border:1px solid #edf2f7;
  border-radius:12px;
  background:#fff;
  text-decoration:none;
  transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;
}
#nth-home .nth-hero-pulse-item img{
  display:block;
  width:44px;
  height:44px;
  padding:3px;
  box-sizing:border-box;
  object-fit:contain;
  border-radius:9px;
  background:#f8fafc;
}
#nth-home .nth-hero-pulse-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
#nth-home .nth-hero-pulse-title{
  overflow:hidden;
  color:#0f172a;
  font-size:11.5px;
  font-weight:800;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#nth-home .nth-hero-pulse-meta{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  color:#64748b;
  font-size:10.5px;
}
#nth-home .nth-hero-pulse-meta strong{
  color:#047857;
  font-size:11.5px;
}
#nth-home .nth-hero-pulse-link{
  display:inline-flex;
  margin-top:10px;
  color:#1d4ed8;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}
@media(hover:hover){
  #nth-home .nth-hero-pulse-item:hover{
    transform:translateY(-1px);
    border-color:#bfdbfe;
    box-shadow:0 8px 18px rgba(15,23,42,.06);
  }
  #nth-home .nth-hero-pulse-link:hover{text-decoration:underline}
}

/* Discovery/tool blocks get a real visual container rather than floating text. */
#nth-home .nth-home-explore,
#nth-home .nth-home-tools-section{
  padding:22px;
  border:1px solid #e2e8f0;
  border-radius:20px;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 10px 28px rgba(15,23,42,.035);
}
#nth-home .nth-home-tools-section{
  background:
    radial-gradient(circle at 100% 0%,rgba(79,70,229,.06),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fbfcff 100%);
}

/* Category cards: multi-accent, but all stay within the same visual system. */
#nth-home .nth-cat-item{
  --cat:#2563eb;
  --cat-soft:#eff6ff;
  border-color:#e5eaf1;
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);
}
#nth-home .nth-cat-item:nth-child(1),
#nth-home .nth-cat-item:nth-child(2),
#nth-home .nth-cat-item:nth-child(3){--cat:#2563eb;--cat-soft:#eff6ff}
#nth-home .nth-cat-item:nth-child(4){--cat:#4f46e5;--cat-soft:#eef2ff}
#nth-home .nth-cat-item:nth-child(5),
#nth-home .nth-cat-item:nth-child(6),
#nth-home .nth-cat-item:nth-child(7){--cat:#7c3aed;--cat-soft:#f5f3ff}
#nth-home .nth-cat-item:nth-child(8){--cat:#e11d48;--cat-soft:#fff1f2}
#nth-home .nth-cat-item:nth-child(9){--cat:#d97706;--cat-soft:#fffbeb}
#nth-home .nth-cat-item:nth-child(10),
#nth-home .nth-cat-item:nth-child(11),
#nth-home .nth-cat-item:nth-child(12){--cat:#059669;--cat-soft:#ecfdf5}
#nth-home .nth-cat-icon{
  color:var(--cat);
  background:var(--cat-soft);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat) 14%,transparent);
}
#nth-home .nth-cat-label{font-weight:800}
@media(hover:hover){
  #nth-home .nth-cat-item:hover{
    border-color:color-mix(in srgb,var(--cat) 34%,#e2e8f0);
    background:var(--cat-soft);
    box-shadow:0 10px 22px color-mix(in srgb,var(--cat) 10%,transparent);
  }
}

/* Tool cards use distinct accents so the four actions are scannable. */
#nth-home .nth-home-tool{--tool:#2563eb;--tool-soft:#eff6ff}
#nth-home .nth-home-tool:nth-child(2){--tool:#e11d48;--tool-soft:#fff1f2}
#nth-home .nth-home-tool:nth-child(3){--tool:#d97706;--tool-soft:#fffbeb}
#nth-home .nth-home-tool:nth-child(4){--tool:#059669;--tool-soft:#ecfdf5}
#nth-home .nth-home-tool-icon{
  color:var(--tool);
  background:var(--tool-soft);
}
@media(hover:hover){
  #nth-home .nth-home-tool:hover{
    border-color:color-mix(in srgb,var(--tool) 28%,#e2e8f0);
    background:linear-gradient(180deg,#fff,var(--tool-soft));
  }
}

/* Desktop grids: 4 columns gives 8/12-card sections complete rows and larger media. */
@media(min-width:1101px){
  #nth-home .nth-prod-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
  }
}
@media(min-width:768px) and (max-width:1100px){
  #nth-home .nth-prod-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
  }
}

/* Product media well: consistent frame, no CSS crop, post-type tuned breathing room. */
#nth-home .nth-prod-card{
  border-color:#dfe6ee;
  border-radius:17px;
  box-shadow:0 7px 22px rgba(15,23,42,.04);
}
#nth-home .nth-card-img{
  padding:13px;
  box-sizing:border-box;
  border-bottom:1px solid #edf2f7;
  background:
    radial-gradient(circle at 50% 42%,#ffffff 0%,#fbfdff 55%,#f5f8fc 100%);
}
#nth-home .nth-prod-card--phones .nth-card-img,
#nth-home .nth-prod-card--smartwatches .nth-card-img{
  padding:10px 12px;
}
#nth-home .nth-prod-card--laptops .nth-card-img,
#nth-home .nth-prod-card--tvs .nth-card-img,
#nth-home .nth-prod-card--cameras .nth-card-img{
  padding:15px;
}
#nth-home .nth-prod-card--refrigerators .nth-card-img,
#nth-home .nth-prod-card--washing-machines .nth-card-img,
#nth-home .nth-prod-card--air-conditioners .nth-card-img{
  padding:17px;
}
#nth-home .nth-card-img img:not([data-nth-placeholder="1"]){
  border-radius:9px;
  object-fit:contain !important;
  object-position:center !important;
}
#nth-home .nth-card-body{
  gap:6px;
  padding:13px;
}
#nth-home .nth-card-brand--empty,
#nth-home .nth-card-sub--empty{
  visibility:hidden;
}
#nth-home .nth-card-price{
  min-height:1.5em;
  color:#047857;
}
#nth-home .nth-card-price--missing{
  width:max-content;
  max-width:100%;
  padding:3px 7px;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:#f8fafc;
  color:#64748b;
  font-size:11px;
  line-height:1.2;
}
#nth-home .nth-card-foot{
  gap:7px;
  padding-top:2px;
}
#nth-home .nth-card-btn{
  min-width:0;
  border-color:#dbe4ee;
  background:#f8fafc;
}
@media(hover:hover){
  #nth-home .nth-prod-card:hover{
    transform:translateY(-3px);
    border-color:#bfdbfe;
    box-shadow:0 15px 34px rgba(15,23,42,.09);
  }
  #nth-home .nth-card-btn:hover{
    background:linear-gradient(135deg,#2563eb,#4f46e5);
    border-color:#2563eb;
  }
}

/* Quick compare = compact third card action; existing compare-bar JS owns state. */
#nth-home .nth-card-compare{
  position:relative;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 38px;
  margin:0;
  cursor:pointer;
}
#nth-home .nth-card-compare input{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}
#nth-home .nth-card-compare-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  box-sizing:border-box;
  border:1px solid #dbe4ee;
  border-radius:50%;
  background:#fff;
  color:#64748b;
  transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease;
}
#nth-home .nth-card-compare input:checked + .nth-card-compare-icon{
  border-color:#93c5fd;
  background:#eff6ff;
  color:#1d4ed8;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.08);
}
#nth-home .nth-card-compare input:focus-visible + .nth-card-compare-icon{
  outline:3px solid rgba(37,99,235,.22);
  outline-offset:2px;
}
@media(hover:hover){
  #nth-home .nth-card-compare:hover .nth-card-compare-icon{
    border-color:#93c5fd;
    color:#1d4ed8;
    background:#f8fbff;
  }
}

/* Compare CTA becomes a stronger conversion block without looking like an ad. */
#nth-home .nth-home-compare-panel{
  border-color:#c7d2fe;
  background:
    radial-gradient(circle at 94% 20%,rgba(79,70,229,.10),transparent 25%),
    linear-gradient(135deg,#eef2ff 0%,#eff6ff 55%,#fff 100%);
  box-shadow:0 12px 30px rgba(30,64,175,.06);
}
#nth-home .nth-home-primary-cta{
  min-height:46px;
  border-radius:12px;
  background:linear-gradient(135deg,#2563eb,#4f46e5);
  box-shadow:0 10px 24px rgba(37,99,235,.18);
}

/* Manual homepage ad inventory stays monetized, but no longer masquerades as content. */
#nth-home .nth-adsense-wrap--home_top,
#nth-home .nth-adsense-wrap--home_mid{
  position:relative;
  margin:28px 0 34px;
  padding-top:18px;
  border-top:1px solid #eef2f7;
}
#nth-home .nth-adsense-wrap--home_top::before,
#nth-home .nth-adsense-wrap--home_mid::before{
  content:"Advertisement";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  color:#94a3b8;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Editorial feature image gets a softer, more intentional crop frame. */
#nth-home .nth-home-review-feature,
#nth-home .nth-home-review-mini{
  border-color:#dfe6ee;
  box-shadow:0 7px 20px rgba(15,23,42,.035);
}
#nth-home .nth-home-review-feature .nth-review-thumb,
#nth-home .nth-home-review-mini .nth-review-thumb{
  background:#f8fafc;
}
#nth-home .nth-home-review-feature .nth-review-thumb img,
#nth-home .nth-home-review-mini .nth-review-thumb img{
  object-position:center center;
}

/* Responsive hero and card controls. */
@media(max-width:1100px){
  #nth-home .nth-hero-layout.has-pulse{
    grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);
  }
}
@media(max-width:900px){
  #nth-home .nth-hero-layout.has-pulse{
    grid-template-columns:1fr;
  }
  #nth-home .nth-hero-pulse{
    display:grid;
    grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);
    gap:12px;
    align-items:start;
  }
  #nth-home .nth-hero-pulse-head{margin-bottom:0}
  #nth-home .nth-hero-pulse-link{grid-column:1/-1;margin-top:0}
}
@media(max-width:767px){
  #nth-home .nth-home-explore,
  #nth-home .nth-home-tools-section{
    padding:16px 14px;
    border-radius:17px;
  }
  #nth-home .nth-heading-emoji{
    width:30px;
    height:30px;
    flex-basis:30px;
    border-radius:9px;
    font-size:16px;
  }
  #nth-home .nth-hero{
    padding:19px 15px 15px;
  }
  #nth-home .nth-hero-eyebrow{
    width:auto;
    font-size:9.5px;
    line-height:1.35;
  }
  #nth-home .nth-hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  #nth-home .nth-hero-cta{
    width:100%;
    min-width:0;
    padding-inline:10px;
    font-size:12px;
  }
  #nth-home .nth-hero-pulse{
    display:block;
    padding:13px;
  }
  #nth-home .nth-hero-pulse-head{margin-bottom:8px}
  #nth-home .nth-hero-pulse-list{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  #nth-home .nth-hero-pulse-item{
    grid-template-columns:36px minmax(0,1fr);
    gap:7px;
    padding:7px;
  }
  #nth-home .nth-hero-pulse-item img{
    width:36px;
    height:36px;
  }
  #nth-home .nth-hero-pulse-title{font-size:10.5px}
  #nth-home .nth-hero-pulse-meta{font-size:9.5px}
  #nth-home .nth-hero-pulse-meta strong{font-size:10.5px}
  #nth-home .nth-card-img{
    padding:10px !important;
  }
  #nth-home .nth-card-foot{
    gap:6px;
  }
  #nth-home .nth-card-btn{
    padding-inline:8px;
    font-size:11.5px;
  }
  #nth-home .nth-card-compare,
  #nth-home .nth-card-compare-icon,
  #nth-home .nth-prod-card .nth-iconbtn{
    width:36px;
    height:36px;
    min-width:36px;
    min-height:36px;
    flex-basis:36px;
  }
  #nth-home .nth-adsense-wrap--home_top,
  #nth-home .nth-adsense-wrap--home_mid{
    margin:22px 0 26px;
  }
}
@media(max-width:420px){
  #nth-home .nth-hero-actions{grid-template-columns:1fr}
  #nth-home .nth-hero-pulse-list{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  #nth-home .nth-hero-pulse-item,
  #nth-home .nth-card-compare-icon{transition:none}
}
/* ==========================================================================
 * Phase 27B — Price Trust + Media Scale + Lower Homepage Hierarchy
 * Screenshot-driven regression pass, 2026-09-06.
 * ======================================================================= */

/* Product-card truth signal: use the canonical public Price Truth state already
 * resolved for the displayed price. This is informational only and never
 * exposes suppressed/stale/raw values. */
#nth-home .nth-card-verification{
  display:flex;
  align-items:center;
  gap:5px;
  min-height:20px;
  margin-top:-1px;
  color:#047857;
  font-size:10.5px;
  font-weight:800;
  line-height:1.25;
}
#nth-home .nth-card-verification>span:first-child{
  display:inline-grid;
  place-items:center;
  width:16px;
  height:16px;
  flex:0 0 16px;
  border-radius:50%;
  background:#ecfdf5;
  color:#047857;
  font-size:10px;
}
#nth-home .nth-card-verification.is-review-due{
  color:#92400e;
}
#nth-home .nth-card-verification.is-review-due>span:first-child{
  background:#fffbeb;
  color:#b45309;
}
#nth-home .nth-card-verification.is-muted{
  color:#94a3b8;
  font-weight:700;
}
#nth-home .nth-card-verification.is-muted>span:first-child{
  background:#f8fafc;
  color:#94a3b8;
}

/* Screenshot showed laptops with too much empty canvas. Keep phones unchanged;
 * only wide-device categories get a shallower media well and a conservative
 * visual zoom. Actual image pixels are still fully contained. */
#nth-home .nth-prod-card--laptops .nth-card-img,
#nth-home .nth-prod-card--tvs .nth-card-img{
  aspect-ratio:16/10;
  padding:9px 12px;
}
#nth-home .nth-prod-card--cameras .nth-card-img{
  aspect-ratio:4/3;
  padding:10px 13px;
}
#nth-home .nth-prod-card--laptops .nth-card-img img:not([data-nth-placeholder="1"]),
#nth-home .nth-prod-card--tvs .nth-card-img img:not([data-nth-placeholder="1"]){
  transform:scale(1.06) !important;
  filter:drop-shadow(0 7px 8px rgba(15,23,42,.08));
}
#nth-home .nth-prod-card--cameras .nth-card-img img:not([data-nth-placeholder="1"]){
  transform:scale(1.03) !important;
}
@media(hover:hover){
  #nth-home .nth-prod-card--laptops:hover .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--tvs:hover .nth-card-img img:not([data-nth-placeholder="1"]){
    transform:scale(1.075) !important;
  }
}

/* Lower-home sections need stronger grouping than the screenshot's white-on-
 * white blocks. These backgrounds remain restrained and keep content contrast. */
#nth-home .nth-home-launch-section,
#nth-home .nth-home-discovery-section,
#nth-home .nth-about-section{
  padding:22px;
  border:1px solid #e2e8f0;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,23,42,.035);
}
#nth-home .nth-home-launch-section{
  background:
    radial-gradient(circle at 98% 0%,rgba(217,119,6,.055),transparent 26%),
    linear-gradient(180deg,#fff 0%,#fffdf8 100%);
}
#nth-home .nth-home-discovery-section{
  background:
    radial-gradient(circle at 100% 0%,rgba(37,99,235,.055),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fbfdff 100%);
}
#nth-home .nth-about-section{
  background:
    radial-gradient(circle at 4% 0%,rgba(5,150,105,.06),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fbfefc 100%);
}

/* Launch Tracker becomes scannable status cards rather than a pale data table. */
#nth-home .nth-home-launch-card{
  --launch:#64748b;
  --launch-soft:#f8fafc;
  position:relative;
  padding:15px;
  border-color:#e2e8f0;
  background:linear-gradient(180deg,#fff 0%,var(--launch-soft) 155%);
}
#nth-home .nth-home-launch-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  border-radius:14px 0 0 14px;
  background:var(--launch);
}
#nth-home .nth-home-launch-card.is-coming{--launch:#d97706;--launch-soft:#fffbeb}
#nth-home .nth-home-launch-card.is-recent{--launch:#2563eb;--launch-soft:#eff6ff}
#nth-home .nth-home-launch-card.is-not-listed{--launch:#64748b;--launch-soft:#f8fafc}
#nth-home .nth-home-launch-card h3{
  display:flex;
  align-items:center;
  gap:7px;
  color:#0f172a;
}
#nth-home .nth-launch-icon{
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border:1px solid color-mix(in srgb,var(--launch) 18%,transparent);
  border-radius:9px;
  background:var(--launch-soft);
  font-size:14px;
}
#nth-home .nth-home-launch-card>p{
  padding-left:35px;
}
#nth-home .nth-home-launch-item a{
  padding:8px 7px;
}
#nth-home .nth-home-launch-item a:hover{
  background:rgba(255,255,255,.78);
}
#nth-home .nth-home-launch-price{
  color:#047857;
  font-size:11px;
}

/* Discovery blocks: stronger price chips + more legible manufacturer logos. */
#nth-home .nth-home-discovery-box{
  padding:18px;
  border-color:#dfe6ee;
  box-shadow:0 5px 18px rgba(15,23,42,.025);
}
#nth-home .nth-home-curated-budget-chips .nth-browse-chip{
  border-color:#dbe4ef;
  background:#fff;
  color:#334155;
  font-weight:800;
}
#nth-home .nth-home-curated-budget-chips .nth-browse-chip:first-child{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
}
@media(hover:hover){
  #nth-home .nth-home-curated-budget-chips .nth-browse-chip:hover{
    border-color:#93c5fd;
    background:#eff6ff;
    color:#1d4ed8;
  }
}
#nth-home .nth21a-brand-card{
  min-height:86px !important;
  border-color:#dfe6ee !important;
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%) !important;
}
#nth-home .nth21a-brand-logo{
  flex-basis:40px !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  background:#fff !important;
  box-shadow:inset 0 0 0 1px #eef2f7 !important;
}
#nth-home .nth21a-brand-logo img{
  max-width:32px !important;
  max-height:32px !important;
}

/* Trust block: each promise gets a visual anchor. */
#nth-home .nth-about-body{
  max-width:960px;
}
#nth-home .nth-home-trust-grid{
  gap:12px;
  margin-top:16px;
}
#nth-home .nth-home-trust-card{
  position:relative;
  min-height:126px;
  padding:16px;
  border-color:#dfe6ee;
  background:rgba(255,255,255,.88);
  box-shadow:0 5px 18px rgba(15,23,42,.025);
}
#nth-home .nth-trust-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:9px;
  border:1px solid #dbeafe;
  border-radius:10px;
  background:#f8fbff;
  font-size:17px;
}
#nth-home .nth-home-trust-card strong{
  font-size:14px;
}
#nth-home .nth-home-trust-card span:not(.nth-trust-icon){
  font-size:11.5px;
  line-height:1.55;
}

/* Keep lower-page containers compact on phones. */
@media(max-width:767px){
  #nth-home .nth-home-launch-section,
  #nth-home .nth-home-discovery-section,
  #nth-home .nth-about-section{
    padding:16px 14px;
    border-radius:17px;
  }
  #nth-home .nth-home-launch-card>p{
    padding-left:0;
  }
  #nth-home .nth-prod-card--laptops .nth-card-img,
  #nth-home .nth-prod-card--tvs .nth-card-img{
    aspect-ratio:4/3;
    padding:8px !important;
  }
  #nth-home .nth-prod-card--laptops .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--tvs .nth-card-img img:not([data-nth-placeholder="1"]){
    transform:scale(1.035) !important;
    filter:none;
  }
  #nth-home .nth-card-verification{
    font-size:9.75px;
  }
}

@media(prefers-reduced-motion:reduce){
  #nth-home .nth-prod-card--laptops .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--tvs .nth-card-img img:not([data-nth-placeholder="1"]){
    transform:none !important;
  }
}
/* ==========================================================================
 * Phase 27C — Compact Media + Truth-Safe Homepage Cards
 * Screenshot regression pass, 2026-09-06.
 *
 * Goal: product photography stays clear but stops consuming most of the
 * viewport. Images remain object-fit:contain and are never CSS-cropped.
 * ======================================================================= */

/* Desktop / large tablet: fixed, category-aware media wells instead of
 * width-driven aspect-ratio boxes. This prevents 4-column cards from growing
 * vertically as the content container gets wider. */
@media (min-width: 1101px) {
  #nth-home .nth-card-img {
    aspect-ratio: auto !important;
    height: 170px !important;
    min-height: 170px !important;
    padding: 10px 12px !important;
  }

  #nth-home .nth-prod-card--phones .nth-card-img,
  #nth-home .nth-prod-card--tablets .nth-card-img {
    height: 184px !important;
    min-height: 184px !important;
  }

  #nth-home .nth-prod-card--laptops .nth-card-img,
  #nth-home .nth-prod-card--tvs .nth-card-img {
    height: 148px !important;
    min-height: 148px !important;
    padding: 9px 14px !important;
  }

  #nth-home .nth-prod-card--cameras .nth-card-img {
    height: 158px !important;
    min-height: 158px !important;
  }

  #nth-home .nth-prod-card--earbuds .nth-card-img,
  #nth-home .nth-prod-card--headphones .nth-card-img,
  #nth-home .nth-prod-card--speakers .nth-card-img,
  #nth-home .nth-prod-card--smartwatches .nth-card-img {
    height: 148px !important;
    min-height: 148px !important;
  }

  #nth-home .nth-prod-card--refrigerators .nth-card-img,
  #nth-home .nth-prod-card--washing-machines .nth-card-img,
  #nth-home .nth-prod-card--air-conditioners .nth-card-img {
    height: 158px !important;
    min-height: 158px !important;
    padding: 10px 14px !important;
  }

  /* Keep pack-shots from visually touching card edges. Source images that
   * already include whitespace remain fully visible. */
  #nth-home .nth-prod-card--phones .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--tablets .nth-card-img img:not([data-nth-placeholder="1"]) {
    width: 86% !important;
    height: 90% !important;
    max-width: 86% !important;
    max-height: 90% !important;
  }

  #nth-home .nth-prod-card--laptops .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--tvs .nth-card-img img:not([data-nth-placeholder="1"]) {
    width: 88% !important;
    height: 88% !important;
    max-width: 88% !important;
    max-height: 88% !important;
    transform: none !important;
    filter: drop-shadow(0 5px 7px rgba(15,23,42,.07));
  }

  #nth-home .nth-prod-card--cameras .nth-card-img img:not([data-nth-placeholder="1"]) {
    width: 84% !important;
    height: 88% !important;
    max-width: 84% !important;
    max-height: 88% !important;
    transform: none !important;
  }

  #nth-home .nth-prod-card--earbuds .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--headphones .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--speakers .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--smartwatches .nth-card-img img:not([data-nth-placeholder="1"]) {
    width: 76% !important;
    height: 82% !important;
    max-width: 76% !important;
    max-height: 82% !important;
  }

  #nth-home .nth-prod-card--refrigerators .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--washing-machines .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--air-conditioners .nth-card-img img:not([data-nth-placeholder="1"]) {
    width: 80% !important;
    height: 84% !important;
    max-width: 80% !important;
    max-height: 84% !important;
  }

  /* Phase 27B hover zoom was useful when images were too small, but after
   * fixed media wells it makes the card feel jumpy and oversized. */
  #nth-home .nth-prod-card:hover .nth-card-img img:not([data-nth-placeholder="1"]) {
    transform: none !important;
  }
}

/* Medium/tablet widths: three cards per row, still compact. */
@media (min-width: 768px) and (max-width: 1100px) {
  #nth-home .nth-card-img {
    aspect-ratio: auto !important;
    height: 154px !important;
    min-height: 154px !important;
    padding: 9px 10px !important;
  }

  #nth-home .nth-prod-card--phones .nth-card-img,
  #nth-home .nth-prod-card--tablets .nth-card-img {
    height: 166px !important;
    min-height: 166px !important;
  }

  #nth-home .nth-prod-card--laptops .nth-card-img,
  #nth-home .nth-prod-card--tvs .nth-card-img {
    height: 136px !important;
    min-height: 136px !important;
  }

  #nth-home .nth-card-img img:not([data-nth-placeholder="1"]) {
    width: 88% !important;
    height: 88% !important;
    max-width: 88% !important;
    max-height: 88% !important;
    transform: none !important;
  }
}

/* Phone: preserve the successful 2-column layout but shorten the media well.
 * A square media well made two rows feel like a full-screen image gallery. */
@media (max-width: 767px) {
  #nth-home .nth-card-img {
    aspect-ratio: auto !important;
    height: clamp(118px, 34vw, 140px) !important;
    min-height: clamp(118px, 34vw, 140px) !important;
    padding: 8px !important;
  }

  #nth-home .nth-prod-card--laptops .nth-card-img,
  #nth-home .nth-prod-card--tvs .nth-card-img,
  #nth-home .nth-prod-card--cameras .nth-card-img {
    aspect-ratio: auto !important;
    height: clamp(104px, 30vw, 124px) !important;
    min-height: clamp(104px, 30vw, 124px) !important;
  }

  #nth-home .nth-card-img img:not([data-nth-placeholder="1"]) {
    width: 88% !important;
    height: 88% !important;
    max-width: 88% !important;
    max-height: 88% !important;
    transform: none !important;
    filter: none !important;
  }

  #nth-home .nth-prod-card--earbuds .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--headphones .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--speakers .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--smartwatches .nth-card-img img:not([data-nth-placeholder="1"]) {
    width: 78% !important;
    height: 82% !important;
    max-width: 78% !important;
    max-height: 82% !important;
  }

  #nth-home .nth-card-body {
    padding: 10px !important;
  }
}

/* Slightly denser desktop card body after media compaction. Keeps the product
 * name, truth signal and actions readable without restoring the old tall card. */
@media (min-width: 768px) {
  #nth-home .nth-card-body {
    padding: 11px 12px;
    gap: 5px;
  }

  #nth-home .nth-card-verification {
    min-height: 18px;
    font-size: 10px;
  }

  #nth-home .nth-card-verification > span:first-child {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
  }
}

/* Lower homepage sections were visually improved in 27B; trim their vertical
 * footprint slightly so discovery continues without large blank pauses. */
@media (min-width: 768px) {
  #nth-home .nth-home-launch-section,
  #nth-home .nth-home-discovery-section,
  #nth-home .nth-about-section {
    padding: 18px 20px;
  }

  #nth-home .nth-home-launch-card {
    padding: 13px 14px;
  }

  #nth-home .nth-home-discovery-box {
    padding: 15px 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #nth-home .nth-card-img img:not([data-nth-placeholder="1"]) {
    transform: none !important;
  }
}
/* ==========================================================================
 * Phase 27D — Card Truth State + Seller Context + Homepage Price Guard
 * 2026-09-06
 * ======================================================================= */

#nth-home .nth-card-state-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  min-height:21px;
  margin-top:1px;
}
#nth-home .nth-card-state-pill{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  min-height:20px;
  padding:3px 7px;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:#f8fafc;
  color:#475569;
  font-size:9.5px;
  font-weight:800;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#nth-home .nth-card-state-pill.is-success{
  border-color:#bbf7d0;
  background:#f0fdf4;
  color:#047857;
}
#nth-home .nth-card-state-pill.is-warning{
  border-color:#fde68a;
  background:#fffbeb;
  color:#92400e;
}
#nth-home .nth-card-state-pill.is-info{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
}
#nth-home .nth-card-state-pill.is-muted{
  border-color:#e2e8f0;
  background:#f8fafc;
  color:#64748b;
}
#nth-home .nth-card-state-pill.is-seller{
  border-color:#c7d2fe;
  background:#eef2ff;
  color:#4338ca;
}
#nth-home .nth-card-state-pill.is-review{
  border-color:#fecaca;
  background:#fef2f2;
  color:#b91c1c;
}

#nth-home .nth-card-price-block{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:46px;
  gap:1px;
}
#nth-home .nth-card-price-caption{
  display:block;
  color:#64748b;
  font-size:9.5px;
  font-weight:700;
  line-height:1.2;
}
#nth-home .nth-card-price-caption.is-muted{
  color:#94a3b8;
}
#nth-home .nth-card-price{
  margin:0;
}
#nth-home .nth-card-price--missing.is-review{
  color:#b91c1c;
}

#nth-home .nth-card-verification{
  overflow:hidden;
}
#nth-home .nth-card-verification-copy{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#nth-home .nth-card-verification.is-seller-ready{
  color:#4338ca;
}
#nth-home .nth-card-verification.is-seller-ready>span:first-child{
  background:#eef2ff;
  color:#4338ca;
}

/* Contextual CTAs still share one visual language so card grids remain calm. */
#nth-home .nth-card-btn{
  min-width:0;
  font-weight:800;
}

/* Keep truth metadata compact after adding one extra state row. */
@media(min-width:768px){
  #nth-home .nth-card-body{
    gap:4px;
  }
  #nth-home .nth-card-state-row{
    min-height:20px;
  }
  #nth-home .nth-card-price-block{
    min-height:43px;
  }
}

/* Two-column mobile cards need terse badges and single-line provenance. */
@media(max-width:767px){
  #nth-home .nth-card-state-row{
    gap:4px;
    min-height:19px;
  }
  #nth-home .nth-card-state-pill{
    min-height:18px;
    padding:2px 6px;
    font-size:8.75px;
  }
  #nth-home .nth-card-state-pill.is-seller{
    display:none;
  }
  #nth-home .nth-card-price-block{
    min-height:41px;
  }
  #nth-home .nth-card-price-caption{
    font-size:8.75px;
  }
  #nth-home .nth-card-verification-copy{
    max-width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  #nth-home .nth-card-state-pill,
  #nth-home .nth-card-verification{
    transition:none!important;
  }
}

/* ==========================================================================
 * Phase 27E — Active Card Renderer + Ranked Trending + Editorial Review Polish
 * 2026-09-06
 * ======================================================================= */

/* Hero value rotator: one calm line, no layout shift. */
#nth-home .nth-hero-rotator{
  display:flex;align-items:center;gap:7px;min-height:24px;margin:10px 0 0;
  color:#334155;font-size:12px;font-weight:800;line-height:1.35
}
#nth-home .nth-hero-rotator-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.10);flex:0 0 7px}
#nth-home .nth-hero-rotator-static{color:#0f172a}
#nth-home .nth-hero-rotator-sep{color:#cbd5e1}
#nth-home .nth-hero-rotator-text{color:#1d4ed8;transition:opacity .17s ease,transform .17s ease;min-width:230px}
#nth-home .nth-hero-rotator-text.is-changing{opacity:0;transform:translateY(3px)}

/* Ranked Trending: 3-column desktop hierarchy, top-three badges are distinct
 * but deliberately calmer than ecommerce discount badges. */
#nth-home .nth-home-trending{position:relative}
#nth-home .nth-trending-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#nth-home .nth-prod-card--trending{border-color:#dbe4ef;box-shadow:0 8px 24px rgba(15,23,42,.035)}
#nth-home .nth-prod-card--trending .nth-card-img{background:linear-gradient(180deg,#fbfdff 0%,#f7f9fc 100%)}
#nth-home .nth-trending-rank{
  position:absolute;z-index:3;top:10px;left:10px;display:inline-flex;align-items:center;justify-content:center;
  min-width:34px;height:28px;padding:0 8px;border:1px solid #dbe4ef;border-radius:999px;
  background:rgba(255,255,255,.94);color:#475569;font-size:11px;font-weight:950;box-shadow:0 5px 14px rgba(15,23,42,.08)
}
#nth-home .nth-trending-rank.is-top-1{border-color:#f6d365;background:#fff9db;color:#8a5b00}
#nth-home .nth-trending-rank.is-top-2{border-color:#cbd5e1;background:#f8fafc;color:#475569}
#nth-home .nth-trending-rank.is-top-3{border-color:#e6b98a;background:#fff7ed;color:#9a4f14}

/* Real active card renderer now emits these truth/seller elements. */
#nth-home .nth-card-state-row{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-height:20px;margin-top:1px}
#nth-home .nth-card-state-pill{display:inline-flex;align-items:center;max-width:100%;min-height:19px;padding:2px 7px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#475569;font-size:9.25px;font-weight:850;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nth-home .nth-card-state-pill.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#047857}
#nth-home .nth-card-state-pill.is-warning{border-color:#fde68a;background:#fffbeb;color:#92400e}
#nth-home .nth-card-state-pill.is-info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
#nth-home .nth-card-state-pill.is-muted{border-color:#e2e8f0;background:#f8fafc;color:#64748b}
#nth-home .nth-card-state-pill.is-seller{border-color:#c7d2fe;background:#eef2ff;color:#4338ca}
#nth-home .nth-card-state-pill.is-review{border-color:#fecaca;background:#fef2f2;color:#b91c1c}
#nth-home .nth-card-price-block{display:flex;flex-direction:column;justify-content:flex-end;min-height:43px;gap:1px}
#nth-home .nth-card-price-caption{display:block;color:#64748b;font-size:9.25px;font-weight:750;line-height:1.2}
#nth-home .nth-card-price-caption.is-muted{color:#94a3b8}
#nth-home .nth-card-price-block .nth-card-price{margin:0}
#nth-home .nth-card-price--missing.is-review{color:#b91c1c}
#nth-home .nth-card-verification{overflow:hidden}
#nth-home .nth-card-verification-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nth-home .nth-card-verification.is-seller-ready{color:#4338ca}
#nth-home .nth-card-verification.is-seller-ready>span:first-child{background:#eef2ff;color:#4338ca}

/* Editorial section: clearer feature story + compact research list. */
#nth-home .nth-home-review-feature{position:relative;border-color:#dbe4ef;background:linear-gradient(135deg,#fff 0%,#fbfdff 75%);box-shadow:0 10px 28px rgba(15,23,42,.04);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
#nth-home .nth-home-review-feature:hover{transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 14px 30px rgba(15,23,42,.065)}
#nth-home .nth-home-review-feature .nth-review-thumb{position:relative;overflow:hidden}
#nth-home .nth-review-feature-badge{position:absolute;z-index:2;top:12px;left:12px;padding:5px 9px;border-radius:999px;background:rgba(15,23,42,.88);color:#fff;font-size:9.5px;font-weight:900;letter-spacing:.02em}
#nth-home .nth-review-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#64748b}
#nth-home .nth-review-cat{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:850}
#nth-home .nth-review-read{display:inline-flex;align-items:center;gap:5px;margin-top:11px;color:#1d4ed8;text-decoration:none;font-size:11px;font-weight:900}
#nth-home .nth-review-read:hover{text-decoration:underline}
#nth-home .nth-home-review-mini{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
#nth-home .nth-home-review-mini:hover{transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 8px 18px rgba(15,23,42,.045)}
#nth-home .nth-home-review-mini h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Image cards: preserve the compact 27C height but let actual products use
 * more of the safe contain box. Source artwork remains uncropped. */
@media(min-width:1101px){
  #nth-home .nth-prod-card--laptops .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--tvs .nth-card-img img:not([data-nth-placeholder="1"]){width:94%!important;height:91%!important;max-width:94%!important;max-height:91%!important}
  #nth-home .nth-prod-card--earbuds .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--headphones .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--speakers .nth-card-img img:not([data-nth-placeholder="1"]),
  #nth-home .nth-prod-card--smartwatches .nth-card-img img:not([data-nth-placeholder="1"]){width:82%!important;height:86%!important;max-width:82%!important;max-height:86%!important}
}

@media(max-width:1100px){#nth-home .nth-trending-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
  #nth-home .nth-hero-rotator{align-items:flex-start;flex-wrap:wrap;font-size:11px;gap:5px 7px}
  #nth-home .nth-hero-rotator-text{min-width:0;width:100%;padding-left:14px}
  #nth-home .nth-trending-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #nth-home .nth-trending-rank{top:7px;left:7px;min-width:30px;height:24px;font-size:10px}
  #nth-home .nth-card-state-pill{font-size:8.5px;padding:2px 6px}
  #nth-home .nth-card-state-pill.is-seller{display:none}
  #nth-home .nth-home-review-feature:hover,#nth-home .nth-home-review-mini:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  #nth-home .nth-hero-rotator-text,#nth-home .nth-home-review-feature,#nth-home .nth-home-review-mini{transition:none!important;transform:none!important}
}

/* ==========================================================================
 * Phase 26B — Product Card + Image + Review + Trending Final Polish
 * Screenshot regression closeout, 2026-09-06.
 *
 * These are intentionally final overrides because home.css contains the
 * historical phase layers that produced the current live layout. The rules
 * below fix only screenshot-proven regressions without changing catalogue data.
 * ======================================================================= */

/* Card geometry: let flexbox equalize a row; do not make the body itself 100%
 * tall on top of a fixed media well. */
#nth-home .nth-prod-card .nth-card-body{
  height:auto !important;
  min-width:0;
}

/* Verification provenance stays complete on wider cards. On two-column phone
 * cards the source name is still available in the title tooltip, but the
 * visible line stops before the ugly mid-word ellipsis seen in screenshots. */
#nth-home .nth-card-verification-copy{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#nth-home .nth-card-verification-main,
#nth-home .nth-card-verification-source{
  display:inline;
}

/* Reviews: style.css has a generic mobile `.nth-review-thumb{min-height:180px}`.
 * That rule was stretching the supposedly compact homepage list into tall
 * portrait-image cards. Scope the homepage list back to its intended size. */
#nth-home .nth-home-review-mini{
  align-items:start;
  min-height:0;
}
#nth-home .nth-home-review-mini>div{min-width:0}
#nth-home .nth-home-review-mini .nth-review-thumb{
  align-self:start !important;
  min-height:0 !important;
  max-height:78px;
  height:78px;
  aspect-ratio:auto !important;
}
#nth-home .nth-home-review-mini .nth-review-thumb img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Launch Tracker is a swipe rail on phones. Cards should size to their own
 * content instead of stretching to the tallest sibling and leaving dead space. */
@media(max-width:767px){
  #nth-home .nth-home-launch-grid{align-items:flex-start !important}
  #nth-home .nth-home-launch-card{height:auto !important;align-self:flex-start !important}

  #nth-home .nth-home-review-mini{
    grid-template-columns:76px minmax(0,1fr) !important;
    gap:9px;
    padding:8px;
  }
  #nth-home .nth-home-review-mini .nth-review-thumb{
    width:76px;
    height:70px !important;
    max-height:70px !important;
    border-radius:9px;
  }
  #nth-home .nth-home-review-mini .nth-review-meta{
    gap:4px 6px;
    font-size:9.5px;
    line-height:1.25;
  }
  #nth-home .nth-home-review-mini h3{
    margin-top:4px;
    font-size:11.5px;
    line-height:1.32;
    -webkit-line-clamp:2;
  }

  #nth-home .nth-card-verification-source{display:none}
}

/* Trending is deliberately Top 3. On phones #1 becomes the lead result, with
 * #2 and #3 remaining the familiar two-column card pattern below it. This
 * avoids an orphan third card without returning to clipped horizontal peeks. */
@media(min-width:340px) and (max-width:767px){
  #nth-home .nth-home-trending .nth-trending-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  #nth-home .nth-home-trending .nth-prod-card--trending[data-rank="1"]{
    grid-column:1 / -1;
    display:grid !important;
    grid-template-columns:minmax(124px,38%) minmax(0,1fr);
    align-items:stretch;
  }
  #nth-home .nth-home-trending .nth-prod-card--trending[data-rank="1"] .nth-card-img{
    width:100%;
    height:100% !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    padding:10px !important;
    border-right:1px solid #edf2f7;
    border-bottom:0;
    border-radius:0;
  }
  #nth-home .nth-home-trending .nth-prod-card--trending[data-rank="1"] .nth-card-img img:not([data-nth-placeholder="1"]){
    width:90% !important;
    height:90% !important;
    max-width:90% !important;
    max-height:90% !important;
  }
  #nth-home .nth-home-trending .nth-prod-card--trending[data-rank="1"] .nth-card-body{
    height:auto !important;
    min-width:0;
    padding:11px !important;
  }
}

/* Genuine narrow-screen fallback: one complete card per row. */
@media(max-width:339px){
  #nth-home .nth-home-trending .nth-trending-grid{
    grid-template-columns:1fr !important;
  }
  #nth-home .nth-home-trending .nth-prod-card--trending[data-rank="1"]{
    grid-column:auto;
    display:flex !important;
  }
}

/* ==========================================================================
 * Phase 26B.1 — Competitor-benchmark mobile density closeout
 * 2026-09-06
 *
 * Hukut/GadgetByte-style discovery principle: homepage category groups should
 * preview a small, complete set and then hand off to their archive links.
 * Truth states remain unchanged; only redundant presentation is reduced.
 * ======================================================================= */

/* Keep the primary action row anchored consistently even when an unverified
 * listed product no longer needs a duplicate second status sentence. */
#nth-home .nth-prod-card .nth-card-foot{
  margin-top:auto;
}

@media(max-width:767px){
  /* Launch Tracker: one nearly complete card plus a narrow next-card cue.
   * The old 82vw card exposed enough of the next card to look clipped. */
  #nth-home .nth-home-launch-grid{
    padding-right:28px !important;
    scroll-padding-inline:1px 28px !important;
  }
  #nth-home .nth-home-launch-card{
    flex:0 0 calc(100% - 28px) !important;
    width:calc(100% - 28px) !important;
    min-width:calc(100% - 28px) !important;
    max-width:none !important;
  }

  /* Price-band chips are intentionally scrollable; snap softly so the final
   * visible chip does not stop in a random half-cut position after a swipe. */
  #nth-home .nth-price-chips{
    scroll-snap-type:x proximity;
    scroll-padding-inline:1px 18px;
  }
  #nth-home .nth-price-chips > *{
    scroll-snap-align:start;
  }
}

/* ==========================================================================
 * Phase 26B.2 — Mobile Product Image Full-Frame Fix
 * Screenshot regression pass, 2026-09-06.
 *
 * Problem: portrait product artwork on two-column mobile cards could visually
 * run into the media/body divider and appear cropped. The previous compact
 * media pass forced both width and height percentages on the replaced image.
 * This final override lets the browser preserve the attachment's intrinsic
 * aspect ratio while constraining BOTH axes with max-width/max-height.
 * ======================================================================= */
@media (max-width: 767px) {
  #nth-home .nth-prod-card .nth-card-img {
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
  }

  /* Full image must remain inside the media well. Width/height are automatic;
   * the two max constraints choose whichever axis reaches the limit first. */
  #nth-home .nth-prod-card .nth-card-img img:not([data-nth-placeholder="1"]) {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 92% !important;
    max-height: 92% !important;
    margin: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
  }

  /* Portrait phone/tablet pack-shots need a little more vertical room than
   * laptops/accessories. This is still much shorter than the old square well. */
  #nth-home .nth-prod-card--phones .nth-card-img,
  #nth-home .nth-prod-card--tablets .nth-card-img {
    aspect-ratio: auto !important;
    height: clamp(146px, 41vw, 168px) !important;
    min-height: clamp(146px, 41vw, 168px) !important;
    padding: 8px !important;
  }

  /* Keep the ranked #1 lead card on the same no-crop rule even though its
   * media column uses a different layout from the standard two-up cards. */
  #nth-home .nth-home-trending .nth-prod-card--trending[data-rank="1"] .nth-card-img img:not([data-nth-placeholder="1"]) {
    width: auto !important;
    height: auto !important;
    max-width: 92% !important;
    max-height: 92% !important;
    margin: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
  }
}


/* ==========================================================================
 * Phase 26B.3 — Mobile Density & Brand Discovery Final Closeout
 * Screenshot-driven closeout, 2026-09-06.
 *
 * Scope is intentionally narrow:
 * 1) top-brand discovery becomes a compact native swipe rail on phones;
 * 2) lower trust/about content is compressed without removing trust links;
 * 3) secondary brand chips are removed from the phone viewport to avoid two
 *    competing brand navigators;
 * 4) GeneratePress back-to-top keeps its function but occupies less content;
 * 5) Phase 26B.2 full-frame product-image rules remain authoritative.
 * ======================================================================= */

/* Brand count is secondary information; it should aid scanning without
 * competing with the manufacturer name. */
#nth-home .nth21a-brand-meta{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  color:#94a3b8 !important;
  font-size:9.5px !important;
  font-weight:750 !important;
  line-height:1.15 !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Desktop/tablet keep a compact multi-column discovery grid. */
@media (min-width: 768px){
  #nth-home .nth21a-brand-card{
    min-height:82px !important;
    padding:8px 6px !important;
  }
  #nth-home .nth21a-brand-logo{
    flex-basis:36px !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
  }
  #nth-home .nth21a-brand-logo img{
    max-width:29px !important;
    max-height:29px !important;
  }
}

@media (max-width: 767px){
  /* One clear brand navigator: ~2.5–3 cards visible, native swipe, no JS. */
  #nth-home .nth21a-brand-grid{
    display:flex !important;
    grid-template-columns:none !important;
    grid-auto-flow:initial !important;
    align-items:stretch !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:2px 30px 7px 1px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-inline:contain !important;
    scroll-padding-inline:1px 30px !important;
    scroll-snap-type:x proximity !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
  }
  #nth-home .nth21a-brand-grid::-webkit-scrollbar{display:none !important}

  #nth-home .nth21a-brand-card{
    flex:0 0 clamp(104px,31vw,124px) !important;
    width:clamp(104px,31vw,124px) !important;
    max-width:124px !important;
    min-width:104px !important;
    min-height:88px !important;
    padding:9px 7px 8px !important;
    gap:4px !important;
    border-radius:13px !important;
    scroll-snap-align:start !important;
    scroll-snap-stop:normal !important;
  }
  #nth-home .nth21a-brand-logo{
    flex:0 0 36px !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
  }
  #nth-home .nth21a-brand-logo img{
    max-width:29px !important;
    max-height:29px !important;
  }
  #nth-home .nth21a-brand-name{
    font-size:11px !important;
    line-height:1.18 !important;
  }
  #nth-home .nth21a-brand-meta{
    font-size:9px !important;
  }

  /* The top-12 rail already gives useful brand discovery. Hiding the second
   * chip rail on phones cuts vertical noise and prevents mixed interaction
   * patterns. It remains available on tablet/desktop. */
  #nth-home .nth-home-brand-extra{
    display:none !important;
  }

  /* The discovery wrapper itself should read as two compact tools, not two
   * oversized nested panels. */
  #nth-home .nth-home-discovery-section{
    padding:14px 12px !important;
  }
  #nth-home .nth-home-discovery-box{
    padding:14px !important;
    border-radius:14px !important;
  }
  #nth-home .nth-home-discovery-box h3{
    margin-bottom:4px !important;
    font-size:16px !important;
    line-height:1.25 !important;
  }
  #nth-home .nth-home-discovery-box>p{
    margin-bottom:9px !important;
    font-size:11px !important;
    line-height:1.42 !important;
  }

  /* Trust section: icon at left, compact promise copy at right. This keeps all
   * three trust signals while reducing the section by roughly one screen. */
  #nth-home .nth-about-section{
    padding:14px 12px !important;
  }
  #nth-home .nth-about-body{
    margin-top:7px !important;
  }
  #nth-home .nth-about-body p{
    margin:0 !important;
    font-size:12px !important;
    line-height:1.48 !important;
  }
  #nth-home .nth-home-trust-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:11px !important;
  }
  #nth-home .nth-home-trust-card{
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:10px !important;
    row-gap:2px !important;
    align-items:center !important;
    min-height:0 !important;
    padding:11px 12px !important;
    border-radius:12px !important;
  }
  #nth-home .nth-home-trust-card .nth-trust-icon{
    grid-column:1 !important;
    grid-row:1 / 3 !important;
    align-self:center !important;
    width:34px !important;
    height:34px !important;
    margin:0 !important;
  }
  #nth-home .nth-home-trust-card strong{
    grid-column:2 !important;
    grid-row:1 !important;
    margin:0 !important;
    font-size:12.5px !important;
    line-height:1.25 !important;
  }
  #nth-home .nth-home-trust-card span:not(.nth-trust-icon){
    grid-column:2 !important;
    grid-row:2 !important;
    margin:0 !important;
    font-size:10.5px !important;
    line-height:1.38 !important;
  }
  #nth-home .nth-home-trust-actions{
    gap:7px !important;
    margin-top:10px !important;
  }
  #nth-home .nth-home-trust-actions a{
    min-height:38px !important;
    padding:8px 9px !important;
    font-size:10.5px !important;
    line-height:1.2 !important;
  }
  #nth-home .nth-home-trust-actions a:last-child:nth-child(odd){
    grid-column:1 / -1 !important;
  }

  /* Keep the utility reachable but pull it into the outer gutter. The 40px
   * target remains comfortably tappable while masking less card copy. */
  body.home .generate-back-to-top{
    right:7px !important;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    line-height:40px !important;
    border-radius:12px !important;
    opacity:.68 !important;
    box-shadow:0 6px 18px rgba(15,23,42,.13) !important;
  }
  body.home .generate-back-to-top:hover,
  body.home .generate-back-to-top:focus-visible{
    opacity:.94 !important;
  }
}

@media (max-width: 390px){
  #nth-home .nth21a-brand-card{
    flex-basis:clamp(100px,32vw,116px) !important;
    width:clamp(100px,32vw,116px) !important;
    max-width:116px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  #nth-home .nth21a-brand-grid{
    scroll-behavior:auto !important;
  }
}


/* ========================================================================== 
 * Phase 26B.3.1 — Final Mobile Hotfix / Closeout
 * 2026-09-06
 * - Launch Tracker exposes only the next card's edge, never clipped copy.
 * - Back-to-top stays usable while masking less card content.
 * ======================================================================= */
@media (max-width: 767px){
  #nth-home .nth-home-launch-grid{
    gap:8px !important;
    padding-right:20px !important;
    scroll-padding-inline:1px 20px !important;
  }
  #nth-home .nth-home-launch-card{
    flex:0 0 calc(100% - 20px) !important;
    width:calc(100% - 20px) !important;
    min-width:calc(100% - 20px) !important;
    max-width:none !important;
  }

  body.home .generate-back-to-top{
    right:0 !important;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    line-height:38px !important;
    border-radius:12px !important;
    opacity:.56 !important;
    box-shadow:0 5px 15px rgba(15,23,42,.11) !important;
  }
  body.home .generate-back-to-top:hover,
  body.home .generate-back-to-top:focus-visible{
    opacity:.9 !important;
  }
}