@font-face{font-family:"Fraunces";src:url(/fonts/fraunces.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken";src:url(/fonts/hanken.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bricolage";src:url(/fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Geist";src:url(/fonts/ui.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
html body{background:var(--bg)!important;background-image:none!important;color:var(--ink);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
html body :focus-visible{outline:2px solid var(--ink);outline-offset:2px}
html body h1,html body h2,html body .rhead h2,html body .lhead h1,html body .slide h1,html body .slide h2,html body .buycard h1,html body .promo h2,html body .band h2{font-family:var(--head);font-weight:var(--head-w);letter-spacing:var(--head-ls);text-transform:none;color:var(--ink)}
html body h3{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0;text-transform:none}
html body .muted,html body .crumbs,html body .crumbs a{color:var(--muted)}

/* top of the page: a thin line of promises, then a plain header on a hairline */
html body .announce{background:var(--bar);color:var(--bar-ink);font:500 12.5px/1.3 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em}
html body .top{background:var(--hdr);color:var(--hdr-ink);border-bottom:1px solid var(--line);box-shadow:none}
html body .logo,html body .logo .lk-word,html body .logo .bname{color:var(--hdr-ink)}
html body .search{border-radius:var(--r-btn);background:var(--soft)!important;box-shadow:inset 0 0 0 1px var(--line)!important}
html body .search:focus-within{background:var(--card)!important;box-shadow:inset 0 0 0 1.5px var(--ink)!important}
html body .search input{color:var(--ink);background:transparent}html body .search input::placeholder{color:var(--muted)}
html body .search button{background:transparent;color:var(--ink);border-radius:var(--r-btn)}
html body .acts a{color:var(--hdr-ink);border-radius:var(--r-btn);font-weight:500}html body .acts a:hover{background:color-mix(in srgb,var(--hdr-ink) 7%,transparent)}
html body .cart b{background:var(--accent);color:var(--accent-ink)}
html body .mega>summary{background:transparent;color:var(--hdr-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hdr-ink) 22%,transparent);border-radius:var(--r-btn);font:600 14px "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;text-transform:none;letter-spacing:0}
html body .mega[open]>summary{background:var(--ink);color:var(--bg);box-shadow:none}
html body .mega-panel{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 60px -30px rgba(0,0,0,.35)}
html body .mega-grid h3 a{color:var(--ink);font-weight:600}html body .mega-grid li a{color:var(--muted)}html body .mega-grid li a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
html body .catbar{background:var(--hdr);border-bottom:1px solid var(--line)}
html body .catlinks a{color:var(--hdr-ink);background:transparent;border-radius:var(--r-btn);font:500 14px "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;text-transform:none;letter-spacing:0}
html body .catlinks a:hover,html body .catlinks a[aria-current=page]{background:color-mix(in srgb,var(--hdr-ink) 8%,transparent);color:var(--hdr-ink)}

/* buttons and fields */
html body .btn{background:var(--btn);color:var(--btn-ink);border-radius:var(--r-btn);font:600 15px "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;text-transform:var(--up);letter-spacing:var(--up-ls);box-shadow:none;transition:opacity .15s,background-color .15s,color .15s}
html body .btn:hover{background:var(--btn);color:var(--btn-ink);opacity:.86;filter:none;box-shadow:none}
html body .btn.ghost{background:transparent!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 35%,transparent)!important}
html body .btn.ghost:hover{background:var(--ink)!important;color:var(--bg)!important;opacity:1}
html body .btn.light{background:var(--card);color:var(--ink)}
html body input,html body select,html body textarea{border-radius:min(var(--r-btn),10px)!important;border-color:var(--line)}

/* home: one calm panel, promises on a hairline, quiet offer tiles */
html body .slides{border-radius:var(--radius)!important}
html body .slide.slide{background:var(--tile)!important;background-image:none!important;color:var(--ink)!important;border:0}
html body .slide .kick{display:none}
html body .slide h1,html body .slide h2{font-size:clamp(28px,4.2vw,54px);line-height:1.05;color:var(--ink);max-width:16ch}
html body .slide .tx{color:var(--muted);max-width:46ch;font-size:16px;line-height:1.55}
html body .slide.slide .btn{background:var(--btn)!important;color:var(--btn-ink)!important}
html body .slide .si img{border-radius:var(--radius)!important;border:0;box-shadow:none;background:var(--card);transform:none}
html body .slider>button,html body .slider .sprev,html body .slider .snext{background:var(--card);color:var(--ink);box-shadow:0 0 0 1px var(--line)}
html body .dots button{background:color-mix(in srgb,var(--ink) 22%,transparent)}html body .dots button[aria-current=true]{background:var(--ink)}
html body .trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0;padding:4px 0;margin-top:18px}
html body .trust div:nth-child(n){background:transparent!important;border:0!important;border-radius:0!important;color:var(--ink)!important;box-shadow:none}
html body .trust div b{font-weight:600}html body .trust div span{color:var(--muted)}html body .trust div span b{color:var(--ink)}html body .trust i,html body .trust svg{color:var(--ink);background:transparent}
html body .deals a:nth-child(n){background:var(--card);background-image:none;color:var(--ink);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line);min-height:104px;transition:box-shadow .15s}
html body .deals a:hover{transform:none;box-shadow:inset 0 0 0 1.5px var(--ink)}
html body .deals a b{font:var(--head-w) clamp(20px,2.2vw,26px)/1.1 var(--head);letter-spacing:var(--head-ls)}html body .deals a span{color:var(--muted);font-weight:400;opacity:1}
html body .deals a i{background:var(--soft);color:var(--ink);border-radius:var(--radius);width:44px;height:44px}html body .deals a:hover i{transform:none}html body .deals a i svg{width:22px;height:22px;stroke-width:1.6}

/* section headings and rails */
html body .rhead{border-bottom:0;padding-bottom:0;align-items:baseline}
html body .rhead h2{font-size:clamp(22px,2.4vw,30px);line-height:1.15}html body .rhead h2::after,html body .rhead::after{display:none}
html body .rhead .all{background:none!important;border:0!important;padding:0;border-radius:0;color:var(--ink);font:500 14px "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;text-decoration:underline!important;text-underline-offset:4px;text-decoration-thickness:1px}
html body .rhead .all::after{content:none}
html body .rnav button{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:50%}html body .rnav button:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
html body .chips a,html body .qchips a{background:var(--card)!important;color:var(--ink);border:1px solid var(--line);border-radius:var(--r-btn);font:500 14px "Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
html body .chips a:hover,html body .qchips a:hover{border-color:var(--ink);background:var(--card)!important;color:var(--ink)}
html body .chips a[aria-current],html body .qchips a[aria-current]{background:var(--ink)!important;color:var(--bg)!important;border-color:var(--ink)}
html body .chips a small{color:var(--muted)}html body .chips a[aria-current] small{color:inherit;opacity:.7}

/* department tiles: a picture on the soft ground, the name under it */
html body .dtile{color:var(--ink);font:600 14px/1.3 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif}html body .dtile small{color:var(--muted);font-weight:400}
html body .dtiles .dtile:nth-child(n) .c{background:var(--tile)!important;border:0;border-radius:var(--radius);box-shadow:none;overflow:hidden}
html body .dtile .c img{mix-blend-mode:var(--blend);object-fit:contain;padding:10%;transition:transform .3s}html body .dtile:hover .c img{transform:scale(1.05)}
html body .dtile .c svg{color:var(--ink)}
@media (min-width:641px){html body .dtiles{grid-auto-columns:minmax(132px,1fr);gap:18px}html body .dtile{align-items:flex-start;text-align:left;gap:8px}
html body .dtile .c{width:100%;height:auto;aspect-ratio:1}html body .dtile .c svg{width:44px;height:44px}}

/* product cards: the photo does the talking; name, price and one quiet button */
html body .card{background:var(--card-bg)!important;border:var(--card-line)!important;border-radius:var(--radius)!important;box-shadow:none!important;padding:var(--card-pad);overflow:visible;transition:none}
html body .card:hover{transform:none;box-shadow:none!important}
html body :is(.track>*,.grid>*,.card .bd,.card .pc-img){background:transparent!important}html body .card .ph{background:var(--tile)!important;border:0!important;border-radius:var(--radius)!important;box-shadow:none!important;overflow:hidden}
html body .card .ph img{mix-blend-mode:var(--blend);padding:7%;border-radius:0;transition:transform .35s ease}html body .card:hover .ph img{transform:scale(1.04)}
html body .card{display:flex;flex-direction:column}
html body .card .bd{padding:12px 2px 2px;display:flex;flex-direction:column;flex:1;gap:2px}
html body .card .bd .price{margin-top:auto}   /* prices line up across a row whatever the title or brand does */
html body .card .cat{color:var(--muted);font:400 12.5px "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;text-decoration:none;text-transform:none;letter-spacing:0}
html body .card h3{font:500 14.5px/1.4 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);min-height:2.8em}html body .card h3 a{color:var(--ink)}html body .card h3 a:hover{text-decoration:underline;text-underline-offset:3px}
html body .card .price{font:600 16.5px/1.2 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--ink);margin:4px 0 4px}
html body .card .ship{background:transparent;color:var(--muted);padding:0;border-radius:0;font:400 12.5px/1.4 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
html body .card .bd .btn,html body .card .btn.small{background:transparent!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 28%,transparent)!important;border-radius:var(--r-btn);min-height:42px;font:600 13.5px "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;opacity:1}
html body .card .bd .btn:hover,html body .card .btn.small:hover{background:var(--btn)!important;color:var(--btn-ink)!important;box-shadow:none!important}
html body .badges .badge,html body .badge{background:var(--card)!important;color:var(--ink)!important;border-radius:4px!important;box-shadow:0 0 0 1px var(--line);font:600 11px/1 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em;text-transform:none;padding:5px 7px}
html body .badges .badge.hot{background:var(--ink)!important;color:var(--bg)!important;box-shadow:none}
html body .badges .badge.low{color:#8a4b00!important;background:#fff4e2!important;box-shadow:none}
html body .card .wish,html body .card .heart{background:var(--card);color:var(--ink);box-shadow:0 0 0 1px var(--line)}

/* the band between sections */
html body .promo,html body .band,html body .sellbar{background:var(--band)!important;background-image:none!important;color:var(--band-ink)!important;border-radius:var(--radius)!important}
html body .promo h2,html body .band h2{color:var(--band-ink)}html body .promo p,html body .sellbar span{color:color-mix(in srgb,var(--band-ink) 78%,transparent)}
html body .promo .btn.light{background:var(--band-ink);color:var(--band)}

/* listing: a plain column of filters beside the grid */
html body .lhead h1{font-size:clamp(28px,3.4vw,44px);line-height:1.08}
html body .fbox{background:transparent;border:0;border-radius:0!important;box-shadow:none;padding:0;position:static;max-height:none;overflow:visible}
html body .fsec{padding:16px 0}html body .fsec:first-child{padding-top:0}
html body .fsec{border-color:var(--line)}html body .fsec h3{font:600 13px "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);text-transform:none;letter-spacing:0}
html body .dlist a,html body .clist a{color:var(--ink);border-radius:6px;background:transparent}html body .dlist a small,html body .clist a small{color:var(--muted)}
html body .dlist a:hover,html body .clist a:hover{background:var(--soft)}html body .dlist a[aria-current],html body .clist a[aria-current]{background:var(--soft);color:var(--ink);font-weight:600}
html body .dlist svg{color:var(--muted)}
html body .pager a,html body .pager span{border-radius:var(--r-btn);border-color:var(--line);color:var(--ink)}html body .pager [aria-current]{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* product page: picture on the soft ground, the facts in plain lines */
html body .gal .main{background:var(--tile);border:0;border-radius:var(--radius)!important}html body .gal .main img{background:transparent;mix-blend-mode:var(--blend)}
html body .gal .thumbs button{background:var(--tile);border:1px solid transparent;border-radius:calc(var(--radius) * .7)!important}html body .gal .thumbs img{background:transparent;mix-blend-mode:var(--blend)}
html body .gal .thumbs button[aria-current]{border-color:var(--ink);box-shadow:none}
html body .garrow{background:var(--card);color:var(--ink);border-color:var(--line)}html body .gcount{background:var(--ink);color:var(--bg)}
html body .buycard{background:transparent;border:0!important;border-radius:0;box-shadow:none;padding:4px 0 0}
html body .buycard h1{font-size:clamp(26px,3vw,38px);line-height:1.12}
html body .pbrand{color:var(--muted);text-transform:none;letter-spacing:0;font:500 13.5px "Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
html body .buycard .price,html body .prod .price{font:600 26px/1.2 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--ink)}
html body .buycard .buy .btn{background:var(--btn);color:var(--btn-ink);border-radius:var(--r-btn);box-shadow:none}
html body .buycard .buy select{border-radius:var(--r-btn)!important}
html body .buycard .variants .pills a{border:1px solid var(--line);border-radius:var(--r-btn);color:var(--ink);background:var(--card)}html body .buycard .variants .pills a[aria-current]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
html body .ic{stroke:var(--ink)}html body .assure{border-color:var(--line)}html body .assure span{color:var(--muted)}
html body .info{background:transparent;border:0;border-radius:0!important;padding:0}html body .info>div{border-color:var(--line)}
html body .info .eta{background:var(--soft)!important;color:var(--ink);border-radius:var(--radius);margin:14px 0;padding:14px 16px}html body .info .eta b{color:var(--ink)}
html body .pcard{background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:22px 0 6px}
html body .pcard h2{font-size:22px}
html body details.faq{border-radius:var(--radius)}html body details.faq[open]{border-color:var(--ink);border-left:1px solid var(--ink)}

/* footer */
html body .foot{background:var(--shell)!important;background-image:none!important;color:var(--foot-ink)!important;border-top:1px solid var(--line)}
html body .foot b,html body .foot .logo,html body .foot .logo .lk-word,html body .foot .bname{color:var(--foot-head)}html body .foot a,html body .foot button.linkish,html body .flinks a,html body .flinks button{color:var(--foot-ink)}
html body .foot a:hover{color:var(--foot-head)}html body .fbot{border-top:1px solid color-mix(in srgb,var(--foot-ink) 22%,transparent)}

/* the older playful layer (theme-trendy) set gradients, tilts and glows with !important; these put the same parts back on the tokens */
html body .hero-s .slides{box-shadow:none;border-radius:var(--radius)!important}
html body .slide h1,html body .slide h2{font-weight:var(--head-w)!important;letter-spacing:var(--head-ls)!important}
html body .slide .si img:nth-child(n){border:0!important;border-radius:var(--radius)!important;box-shadow:none!important;transform:none!important}
html body .card:nth-child(n) .ph{background:var(--tile)!important;background-image:none!important}
html body .card .price{font-weight:600!important;font-size:16.5px!important;letter-spacing:0!important}
html body .card form .btn,html body .card .btn.small{border-radius:var(--r-btn)!important;font-weight:600!important;transform:none!important;filter:none}
html body .card .badge:nth-child(n){box-shadow:0 0 0 1px var(--line)}html body .card .badge.hot{box-shadow:none}
html body .promo.promo,html body .band.band{background:var(--band)!important;background-image:none!important;border-radius:var(--radius)!important;color:var(--band-ink)!important}
html body .trend a:nth-child(n){background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r-btn);font:500 14px "Inter",system-ui,-apple-system,"Segoe UI",sans-serif}html body .trend a:hover{transform:none;box-shadow:inset 0 0 0 1px var(--ink)}
html body .trend .row{animation-duration:110s}
html body .dtile:hover .c{transform:none}html body .dtile{font-weight:600}
html body .hello h2{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--ink);font-family:var(--head);font-weight:var(--head-w);letter-spacing:var(--head-ls)}
html body .chips a{font-weight:500;transition:border-color .15s}html body .chips a:hover{transform:none}
html body .slide.slide .btn{box-shadow:none!important}html body .search{border-radius:var(--r-btn)!important}
html body .card .ph{border-bottom:0!important}html body .assure span:nth-child(n) .ic,html body .info .irow:nth-of-type(n) .ic{stroke:var(--ink)}
html body .stabs a[aria-current=page]{background:var(--soft)!important;color:var(--ink)!important}

/* brand, options and "sold" on a card; the brand directory; picture tiles for categories; the offer countdown */
html body .card .cat,html body .card .make{display:block}
html body .card .make{font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px}
html body .card .make:hover{text-decoration:underline;text-underline-offset:3px}
html body .card .opts{color:var(--muted);font:400 12.5px "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;margin-top:2px}
html body .azbar{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 22px;border-bottom:1px solid var(--line);padding-bottom:14px}
html body .azbar a{min-width:38px;min-height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-btn);color:var(--ink);text-decoration:none;font:600 14px "Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
html body .azbar a:hover{border-color:var(--ink)}
html body .azsec{margin:0;padding:10px 0 2px;border-top:1px solid var(--line)}html body .azsec:first-of-type{border-top:0}html body .azsec h2{font-size:17px;margin:0 0 8px;color:var(--muted);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:600;letter-spacing:.06em}
html body .azlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:2px 18px}
html body .azlist a{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:var(--r-btn);color:var(--ink);text-decoration:none;font-size:14.5px;min-height:40px;align-items:center}
html body .azlist a:hover{background:var(--soft)}html body .azlist small{color:var(--muted)}
html body .alldepts{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
html body .alldepts .box{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 0 8px}
html body .alldepts .box h2{font-size:20px;margin:0 0 14px;display:flex;align-items:center;gap:10px}html body .alldepts .box h2 a{color:var(--ink);text-decoration:none}html body .alldepts .box h2 small{color:var(--muted);font-weight:400}
html body .cattiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:18px 14px;margin-top:4px}
html body .ctile.more .c{display:grid;place-items:center;font:600 20px "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--muted)}
html body .ctile{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink);min-width:0}
html body .ctile .c{aspect-ratio:1;display:grid;place-items:center;background:var(--tile);border-radius:var(--radius);overflow:hidden}
html body .ctile .c img{width:100%;height:100%;object-fit:contain;padding:10%;mix-blend-mode:var(--blend);transition:transform .3s}html body .ctile:hover .c img{transform:scale(1.05)}
html body .ctile .n{font:500 13.5px/1.35 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif}html body .ctile small{color:var(--muted);margin-top:-4px}
html body .cdown-s{padding:6px 0 0}
html body .cdown{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;background:var(--band);color:var(--band-ink);border-radius:var(--radius);padding:16px 20px}
html body .cdown .cd-txt{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px}
html body .cdown b{font:var(--head-w) clamp(17px,2vw,22px)/1.2 var(--head);letter-spacing:var(--head-ls)}
html body .cdown .cd-txt span{font-size:13px;color:color-mix(in srgb,var(--band-ink) 72%,transparent)}
html body .cdown .sx-cd{margin:0}html body .cdown .sx-cd span{background:color-mix(in srgb,var(--band-ink) 14%,transparent);color:var(--band-ink);min-width:58px;font-size:10.5px}
html body .cdown .sx-cd b{font:600 20px/1.1 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0}
html body .cdown .btn{background:var(--band-ink)!important;color:var(--band)!important}
@media (max-width:640px){html body .cdown{padding:14px}html body .cdown .btn{width:100%}html body .cattiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}html body .ctile .n{font-size:12.5px}}

@media (max-width:640px){
html body .card{border-radius:var(--radius)!important;overflow:visible}html body .card .bd{padding:10px 2px 6px}html body .card .cat:not(.make){display:none}
html body .card .price{padding-right:46px;min-height:38px;font-size:16px}
html body .card .bd .btn,html body .card form .btn,html body .card .btn.small{right:0;bottom:6px;width:40px;height:40px;min-height:0;padding:0;border-radius:50%!important;font-size:0!important;line-height:0!important;letter-spacing:0}
html body .dtile .c{border-radius:var(--radius)!important;background:var(--tile)!important}
section[data-rail]:has(.dtiles.hd)>.wrap{background:transparent;border-radius:0;margin:6px 0 0;padding:10px 14px 4px}
html body .rhead .all{font-size:13px}
html body .buycard,html body .pcard{border-radius:0;box-shadow:none}
html body .stabs{background:var(--card)!important}html body .stabs a[aria-current=page]{color:var(--ink)!important}
html body .slide h1,html body .slide h2{font-size:clamp(26px,8vw,34px)}
}
@media (prefers-reduced-motion:reduce){html body .card .ph img,html body .dtile .c img,html body .btn{transition:none}html body .card:hover .ph img,html body .dtile:hover .c img{transform:none}}

html body.pg-home{--pop1:#ff2e74;--pop-ink:#ffffff}
/* the four offer tiles: colour blocks, not outlines */
html body.pg-home .deals{gap:12px}
html body.pg-home .deals a:nth-child(n){background:#ffe3ec;box-shadow:none;border-radius:16px;min-height:118px;padding:16px 18px;transition:transform .15s ease}
html body.pg-home .deals a:nth-child(2){background:#e4edff}html body.pg-home .deals a:nth-child(3){background:#fff3d6}html body.pg-home .deals a:nth-child(4){background:#e2f6ec}
html body.pg-home .deals a:nth-child(5){background:#f1e6ff}html body.pg-home .deals a:nth-child(6){background:#ffe8dc}
html body.pg-home .deals a:hover{transform:translateY(-2px);box-shadow:none}
html body.pg-home .deals a b{font-size:clamp(19px,2.1vw,25px);letter-spacing:-.01em}
html body.pg-home .deals a span{color:#4a4352}
html body.pg-home .deals a i{background:rgba(255,255,255,.72);color:#17151f}

/* the moving "trending" strip is replaced on the home page by the round rail below it: two scrolling rows of the same links read as clutter */
html body.pg-home .trend{display:none}

/* round category rail, the quickest way into the aisles on a phone */
html body.pg-home .circles{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(88px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 10px;scrollbar-width:none}
html body.pg-home .circles::-webkit-scrollbar{display:none}
html body.pg-home .circ{scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--ink);min-width:0}
html body.pg-home .circ .c{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#e4edff;transition:transform .2s ease}
html body.pg-home .circ:nth-child(6n+2) .c{background:#ffe3ec}html body.pg-home .circ:nth-child(6n+3) .c{background:#fff3d6}html body.pg-home .circ:nth-child(6n+4) .c{background:#e2f6ec}
html body.pg-home .circ:nth-child(6n+5) .c{background:#f1e6ff}html body.pg-home .circ:nth-child(6n+6) .c{background:#ffe8dc}
html body.pg-home .circ .c img{width:100%;height:100%;object-fit:contain;padding:14%;mix-blend-mode:multiply}
html body.pg-home .circ:hover .c{transform:scale(1.04)}
html body.pg-home .circ span{font:600 12.5px/1.25 "Inter",system-ui,sans-serif;text-align:center;max-width:100px}
@media (min-width:900px){html body.pg-home .circles{grid-auto-columns:minmax(104px,1fr);overflow:visible;gap:18px}html body.pg-home .circ .c{width:104px;height:104px}}

/* section headings: bigger, bolder, with the link on the right */
html body.pg-home .rhead h2{font-size:clamp(22px,2.6vw,32px)}
html body.pg-home .rhead .all{font-weight:600}
html body.pg-home .rhead .all:hover{color:var(--pop1)}

/* the countdown strip in the bright accent */
html body.pg-home .cdown{background:var(--pop1)!important;color:#fff!important}
html body.pg-home .cdown b,html body.pg-home .cdown .cd-txt span{color:#fff}
html body.pg-home .cdown .sx-cd span{background:rgba(255,255,255,.2);color:#fff}
html body.pg-home .cdown .btn{background:#fff!important;color:var(--pop1)!important}

/* hero: the picture leads, the words sit on a soft block beside it */
html body.pg-home .slide.slide{background:#e4edff!important}
html body.pg-home .slides{border-radius:18px!important}
html body.pg-home .slide .btn{background:#17151f!important;color:#fff!important;border-radius:999px!important;padding:13px 26px!important}

/* cards keep the quiet look, with a rounder basket button and the brand in the accent */
html body.pg-home .card .make{color:var(--pop1)}
html body.pg-home .card .bd .btn,html body.pg-home .card .btn.small{border-radius:999px!important}
html body.pg-home .badges .badge.hot{background:var(--pop1)!important;color:#fff!important}

/* the band between sections, in the accent rather than near-black */
html body.pg-home .promo,html body.pg-home .band,html body.pg-home .sellbar{background:var(--pop1)!important;color:#fff!important}
html body.pg-home .promo h2,html body.pg-home .band h2{color:#fff}html body.pg-home .promo p,html body.pg-home .sellbar span{color:rgba(255,255,255,.82)}
html body.pg-home .promo .btn.light{background:#fff;color:var(--pop1)}

/* brand chips pick up the accent on hover */
html body.pg-home .chips a:hover{border-color:var(--pop1);color:var(--pop1)}

@media (max-width:640px){
html body.pg-home .deals{grid-template-columns:1fr 1fr}
html body.pg-home .deals a:nth-child(n){min-height:96px;padding:13px 14px;border-radius:14px}
html body.pg-home .deals a b{font-size:17px}html body.pg-home .deals a span{font-size:12px}
html body.pg-home .circ .c{width:76px;height:76px}html body.pg-home .circ span{font-size:11.5px}
html body.pg-home .slides{border-radius:14px!important}
}
@media (prefers-reduced-motion:reduce){html body.pg-home .deals a,html body.pg-home .circ .c{transition:none}html body.pg-home .deals a:hover{transform:none}html body.pg-home .circ:hover .c{transform:none}}