/* =========================================================================== NEW LOOK — preview layer (features: newlook, admin-only) Loaded AFTER style.css and home-ama.css, and only for a visitor the switch allows, so nothing here reaches a customer until the switch goes live. Everything is scoped to body.next. Source of truth for the look is the homepage at /adminmockup (server/adminmockup.html). Pass 1: the shared chrome. home-ama.css deliberately held the promo bar, header, menu and footer on the old warm palette and Inter/Outfit; that is the seam between the mockup and every real page. This puts them on the same cool tokens and faces as the page bodies. =========================================================================== */ body.ama.next .promo,body.ama.next .util,body.ama.next .head,body.ama.next .site-header, body.ama.next .nav,body.ama.next .site-footer,body.ama.next .sug{ --ink:#252B36; --ink-soft:#4A566D; --line:#DBDFE6; --bone:#F6F6F6; --muted:#6E6E6E; --paper:#fff; --chestnut:#9C3B22; --chestnut-dk:#7C2C17; font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif; } /* Top bar: black with Jost capitals, as the mockup's. */ body.ama.next .promo{background:#141414;font-family:Jost,'Nunito Sans',sans-serif; font-size:11.5px;letter-spacing:.16em} body.ama.next .util{background:#141414} /* Search box: square, hairline, light placeholder. */ body.ama.next .search input{border-radius:2px;border-color:var(--line);font-family:inherit;font-weight:300} /* Menu: Nunito Sans semibold links, Jost column heads. */ body.ama.next .nav{border-top:1px solid var(--line)} body.ama.next .nav-link{font-family:'Nunito Sans',system-ui,sans-serif;font-weight:600;font-size:14.5px;letter-spacing:0} body.ama.next .nav-col-head{font-family:Jost,'Nunito Sans',sans-serif;font-weight:600} body.ama.next .nav-badge{font-family:Jost,'Nunito Sans',sans-serif;font-weight:500;letter-spacing:.12em} /* Footer: white with a hairline, Jost column titles. */ body.ama.next .site-footer{background:#fff} body.ama.next .site-footer h1,body.ama.next .site-footer h2, body.ama.next .site-footer h3,body.ama.next .site-footer h4{ font-family:Jost,'Nunito Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:.2em;color:var(--ink)} /* Buttons and prices that still named Outfit directly. */ body.ama.next .btn-hero,body.ama.next .card-price .now{font-family:Jost,'Nunito Sans',sans-serif} /* Pass 2 ------------------------------------------------------------------ One black bar, as the mockup has. The second (utility) bar's links all live in the footer too; on the new look the top of the page is the message bar alone. */ body.ama.next .util{display:none} /* Header: a little more air, hairline under it, the mockup's 48px search box. */ body.ama.next .head{border-bottom:0} body.ama.next .search input{height:48px} /* Menu sits between two hairlines, links a touch closer together so nine groups and the outlet fit one line on a laptop. */ body.ama.next .nav{border-bottom:1px solid var(--line)} body.ama.next .nav-link{padding:0 14px} /* Product cards across the shop: hairline box, brand line in Jost capitals, bold tabular price — the card the new homepage uses. */ body.ama.next .card-brand{font-family:Jost,'Nunito Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:.16em;color:#4A566D} body.ama.next .card-price .now{font-family:'Nunito Sans',system-ui,sans-serif;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums} body.ama.next .card{transition:box-shadow .25s,transform .25s} body.ama.next .card:hover{box-shadow:0 14px 34px rgba(37,43,54,.13);transform:translateY(-3px)} /* Section headings on the homepage's remaining stock sections match the new ones. */ body.ama.next h2{font-weight:400;letter-spacing:.06em} /* Pass 3 — the header from the approved homepage design ----------------------- The single top bar is injected by the server (dressNext); the stock message bar steps aside with the utility bar. */ body.next .promo{display:none} body.next .nx-topbar{background:#141414;color:#fff;font-family:Jost,'Helvetica Neue',Arial,sans-serif;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase} body.next .nx-topbar .wrap{display:flex;flex-wrap:wrap;gap:6px 28px;justify-content:space-between;align-items:center;padding-top:10px;padding-bottom:10px} body.next .nx-topbar b{font-weight:500;color:#f1b9a6} body.next .nx-topbar a{color:#fff;text-decoration:none} body.next .nx-topbar a:hover{text-decoration:underline} body.next .nx-topbar-r{display:flex;flex-wrap:wrap;gap:6px 24px} @media (max-width:760px){body.next .nx-topbar .wrap{justify-content:center;text-align:center}body.next .nx-topbar-r{display:none}} /* Search fills the space between the logo and the icons. */ body.ama.next .search{max-width:none} /* The promotion's menu item: rust label and a small pill, last in the menu. */ body.ama.next .nav-link.nav-bf{color:#9C3B22} body.ama.next .nav-bf .nav-badge{background:#9C3B22;color:#fff} /* One line, always, on a desktop: the menu tightens as the window narrows rather than dropping the promotion onto a second row. (Phones use the burger menu, untouched.) */ @media (min-width:981px){ body.ama.next .mainnav-inner{flex-wrap:nowrap} body.ama.next .nav-link{padding:0 12px} body.ama.next .nav-item-sale{margin-left:0} } @media (min-width:981px) and (max-width:1560px){body.ama.next .nav-link{padding:0 10px}body.ama.next .nav-item-sale .nav-badge{display:none}} @media (min-width:981px) and (max-width:1300px){body.ama.next .nav-link{padding:0 8px;font-size:13.5px}body.ama.next .nav-link .caret{display:none}} @media (min-width:981px) and (max-width:1120px){body.ama.next .nav-link{padding:0 6px;font-size:13px}body.ama.next .nav-bf .nav-badge{display:none}} /* Pass 4 — from the page audit (11 Nov 2026) ------------------------------------ Trust strip: it stays where someone is deciding whether to buy (homepage, product page, checkout) and steps aside on category, brand and search pages and the basket, where it only pushed the products down. */ body.ama.next.collection-body > .trust, body.ama.next:has(.bk-wrap) > .trust{display:none} /* Category pages: the 18 category tiles repeat the menu directly above them and came before the first product. The sub-category chips stay. */ body.ama.next.collection-body .cat-cards.cat-row{display:none} /* Basket: checkout straight under the total, add-ons and Club after it; "save your basket" below the items rather than above them. */ body.ama.next .bk-summary .panel{display:flex;flex-direction:column} body.ama.next .bk-summary .panel > .bk-checkout{order:1} body.ama.next .bk-summary .panel > .bk-continue{order:2} body.ama.next .bk-summary .panel > .bk-fine{order:3} body.ama.next .bk-summary .panel > .bk-suggest, body.ama.next .bk-summary .panel > .bk-club{order:4;margin-top:16px} body.ama.next .bk-wrap{display:flex;flex-direction:column} body.ama.next .bk-wrap > #bkSave{order:5;margin-top:28px} /* Pass 5 — product page, size filter, phone buy bar (with assets/next.js) -------- */ /* The trust strip's facts move to the button (the line below), so the strip under the menu steps aside on product pages. */ body.ama.next.pdp-body > .trust{display:none} body.ama.next .nx-assure{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin:14px 0 0;font-size:13.5px;font-weight:400;color:#4A566D} body.ama.next .nx-assure a{color:inherit;text-decoration:underline;text-underline-offset:3px} body.ama.next .nx-assure i{font-style:normal;color:#9aa3b2} body.ama.next .pdp-info .pdp-bundle{margin-top:22px} /* The gallery keeps the photo in view while the description scrolls past it. */ @media (min-width:981px){ body.ama.next .pdp-gallery{position:sticky;top:72px;align-self:start} } body.ama.next .nx-rv-open{margin-top:12px} /* Size filter groups. */ body.ama.next .facet-sizes .nx-size-kind{flex:1 1 100%;margin:10px 0 2px;font-family:Jost,'Nunito Sans',sans-serif;font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#6E6E6E} body.ama.next .facet-sizes .nx-size-kind:first-child{margin-top:0} /* Phone buy bar: never on a desktop, where the button is rarely far away. */ body.next .nx-buybar{display:none} @media (max-width:760px){ body.next .nx-buybar:not([hidden]){display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1090;gap:14px;align-items:center; padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #DBDFE6;box-shadow:0 -6px 20px rgba(37,43,54,.10)} body.next .nx-buybar-p{font-size:18px;font-weight:700;color:#252B36;font-variant-numeric:tabular-nums;flex:none} body.next .nx-buybar .nx-buybar-b{flex:1;max-width:none;margin:0} body.next .nx-buybar.is-off .nx-buybar-b{opacity:.55} /* The chat button and the page's last lines clear the bar while it is showing. */ body.next.nx-buybar-on .dchat{bottom:78px} body.next.nx-buybar-on{padding-bottom:70px} } /* "Select a size" was pressed with no size picked: the size row says so. */ body.ama.next .vgroup.nx-need .vlabel{color:#9C3B22} body.ama.next .vgroup.nx-need .vlabel::after{content:" — please choose";font-weight:400;text-transform:none;letter-spacing:0} body.ama.next .vgroup.nx-need .vopts{outline:2px solid #9C3B22;outline-offset:6px;border-radius:2px} /* Pass 6 — homepage product cards have no button: the whole card opens the product page, as cards on category pages do. (A "Quick add" pop-up was tried and dropped.) */ body.next .nx .nx-prod{position:relative;cursor:pointer} body.next .nx .nx-prod .nx-nm::after{content:"";position:absolute;inset:0} body.next .nx .nx-prod .nx-bd{padding-bottom:18px} /* Pass 7 — GENERATED from assets/style.css: every rule there that names the old faces (Outfit for display, Inter for text) restated in the new ones (Jost; Nunito Sans for text and for prices). Found by the 11 Nov 2026 audit: brand names, product-page price and bundle box, Club page and others were still in Outfit. Regenerate rather than edit by hand if style.css gains new Outfit rules. */ body.ama.next h1,body.ama.next h2,body.ama.next h3,body.ama.next h4,body.ama.next .font-d{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .lk-eq{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .nav-link{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .nav-badge{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .nav-col-head{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .hero h1{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .btn-hero{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .sechead h2,body.ama.next .sechead .page-title{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .link-more{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .cat-card .cc-name{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .facets-head h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .quick{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .card-title{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .card-price .now{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .assure strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .signup h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .fcols h4{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .fbrand .wm{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .modal-info h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .m-price .now{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .add-btn,body.ama.next .checkout-btn{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .cart-head h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .cart-row .ci-price{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .cart-total{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .ref-badge strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .stat-card .value{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .brand-mark{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .brand-text{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .infopage h1{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .infopage h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .sizetable th{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .cart-head h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .ci-line{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .cart-subtotal{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .checkout-wrap .page-title{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .checkout-main .panel h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .checkout-summary h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .sr-line{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .summary-line.total{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} @media(max-width:840px){body.ama.next .ck-sum-toggle strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif}} body.ama.next .pdp-info h1{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .pdp-desc h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .collection-head h1{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .acc>summary{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .quick-add{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .pill{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .gate-card h1{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .gate-actions .ghost-btn{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .gate-perks strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .acct-avatar{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .acct-who strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .acct-help strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .ap-head h1{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .acct-stats strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .acct-card h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .ord-fact strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .oi-line{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .addr-card strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .acct-empty h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .wish-head h1{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .wish-banner strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .wc-price .now{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .wish-empty h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .reset-card h1{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .inv-head h1{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .inv-meta strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .inv-table th{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .inv-line.is-total{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .inv-card h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .inv-due strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .inv-paid h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .pdp-origin strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .checkout-main .panel h2,body.ama.next .complete-grid .panel h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .checkout-wrap .fld{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .checkout-wrap .fld input,body.ama.next .checkout-wrap .addr-select{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .checkout-wrap .place-btn{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .checkout-summary h2{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .checkout-summary .summary-line.total{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .checkout-wrap .disc-label{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .checkout-wrap .disc-btn{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .ref-badge{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .ref-badge strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .complete-grid .summary-line.total{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .next-steps li strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .complete-actions .add-btn{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .restock-lede{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .restock-row input{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .restock-btn{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .brand-jump a{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .brand-name{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .gc-card-amount{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .gc-amount{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .gc-bal-amount{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .ct-name{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .kit-door strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .ko-save{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .ko-price{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .kbi-price{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .kb-row strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .kbar-count strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .kbar-total{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .kpre strong{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .bd-step-n{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .bd-step-pct{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .bd-bar-count{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .bd-chip{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .bd-card-title{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .bd-card-price .now{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif} body.ama.next .bd-size{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .bd-pick-btn{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .pdp-bundle-head{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .pdp-bundle-link{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .bd-qty-n{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .club-eyebrow{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .club-points{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .club-need{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} body.ama.next .club-big{font-family:Jost,'Nunito Sans','Helvetica Neue',Arial,sans-serif} /* Pass 8 — audit fixes ------------------------------------------------------------- Trust strip: only the checkout keeps the strip under its header. The homepage has its own under the hero and the product page has the line at the button; everywhere else (information pages, account, wishlist, the shop grid) it was just height. */ body.ama.next:not(:has(.checkout-main)) > .trust{display:none} /* Product-page price: bold, tabular Nunito Sans, as on the cards. */ body.ama.next .pdp-info .m-price .now{font-weight:700;font-variant-numeric:tabular-nums} /* Privacy page: its two-column table had no-wrap cells holding whole sentences, which made the table (and so the whole page) about 2,000px wide. Text tables wrap; and any table that is still too wide scrolls inside itself rather than dragging the page. */ body.ama.next .infopage section > .sizetable th, body.ama.next .infopage section > .sizetable td{white-space:normal;vertical-align:top} body.ama.next .infopage section > .sizetable{min-width:0} /* Basket "save your basket" box: square corners and the dark button, like the rest. */ body.ama.next .bk-save{border-radius:2px;background:#F6F6F6;border:1px solid #DBDFE6} body.ama.next .bk-save-form input{border-radius:2px} body.ama.next .bk-save-form button{border-radius:2px;background:#252B36;font-family:Jost,'Nunito Sans',sans-serif;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:12px} body.ama.next .bk-summary .panel{border-radius:2px;box-shadow:none} /* Checkout: the top bar keeps its message but not its links — a link out of the checkout is an exit. */ body.next:has(.checkout-main) .nx-topbar-r{display:none} body.next:has(.checkout-main) .nx-topbar .wrap{justify-content:center} /* Checkout trust strip: six items did not fit its narrower column and one wrapped onto a second line. "Based in Cheshire" gives way; the page already says Sandbach under collection. */ body.next:has(.checkout-main) .trust .hide-m{display:none} /* Product page buy area on a phone: the confirmation box sits straight under the buttons, the main button is as wide as the Save button, and the reassurance line follows with a tick per item. */ body.ama.next .nx-assure{gap:4px 18px} body.ama.next .nx-assure span{white-space:nowrap} body.ama.next .pdp-info .pdp-added{margin-top:14px} @media (max-width:760px){ body.ama.next .pdp-info .pdp-actions .add-btn{max-width:none;width:100%} } /* Header count badges: hidden at zero; and shown on phones, where a blanket rule that hides the icon labels was hiding the counts with them. */ body.ama.next .badge-count.nx-zero{display:none!important} @media (max-width:760px){ body.ama.next .actions .iconbtn .badge-count{display:grid;top:-2px;right:-2px} body.ama.next .actions .iconbtn{position:relative} } /* Homepage category tiles opened in place: the back tile. */ body.next .nx .nx-cat .nx-back-ico{display:grid;place-items:center;width:34px;height:34px;font-size:22px;line-height:1;flex:none} body.next .nx .nx-cat.nx-back{background:#F6F6F6} /* Category pages: sub-category tiles (desktop) or chips (phone), and the full category list that "All categories" swaps in. */ body.ama.next.collection-body .cat-cards.cat-row.nx-subtiles{display:grid} body.ama.next.collection-body .nx-subtiles + .subcats{display:none} body.ama.next.collection-body.nx-cats-open .cat-cards.cat-row{display:grid} body.ama.next.collection-body.nx-cats-open .cat-cards.cat-row.nx-subtiles, body.ama.next.collection-body.nx-cats-open .subcats{display:none} body.ama.next .cat-tile.nx-back{background:#F6F6F6;cursor:pointer;font:inherit;text-align:left;color:inherit} body.ama.next .cat-tile .nx-arrow{display:grid;place-items:center;font-size:20px;line-height:1} body.ama.next .subcat.nx-allcats{cursor:pointer;font:inherit;font-size:inherit;background:#F6F6F6;color:#252B36} body.ama.next .subcat.nx-allcats span{color:inherit} @media (max-width:760px){ body.ama.next.collection-body .cat-cards.cat-row.nx-subtiles{display:none} body.ama.next.collection-body .nx-subtiles + .subcats{display:flex} body.ama.next.collection-body.nx-cats-open .nx-subtiles + .subcats{display:none} } /* THE LOGO IS NOT PART OF THE RESTYLE. Two of the rules above reached it by accident: the header's cooler ink colour (the wordmark reads var(--ink)) and the generated font pass (the EQUESTRIAN strapline is set in Inter). Both are put back exactly as style.css has them. Keep this block last. */ body.ama.next .lockup:not(.on-dark){--ink:#14120F;--line:#E4E0D9;--chestnut:#9C3B22} body.ama.next .lockup .lk-eq,body.ama.next .lk-eq{font-family:Inter,sans-serif} /* ...and the one-line logo (checkout header, footer) sets EQUESTRIAN in the wordmark's own serif, not Inter. The line above overrode that and turned it into heavy sans. */ body.ama.next .lockup.is-row .lk-eq{font-family:inherit}