/* HOME-PAGE-001 (owner 2026-10-16): the home page sections below the fold (layout cms_index_index.xml, body.ipx-home):
   the finder (CMS block, restyled), Popular categories, Popular right now (the product page's cards), Buying guides,
   What customers say (Google store reviews), Why IPATIO, and the heading over the brand slider (widget 32).
   The hero + value band sit in uiux-fix.css (above the fold). Loaded without blocking the first paint
   (AsyncNonCriticalCss), so nothing here may change the size of anything above the fold. */
body.ipx-home :is(.ipx-home__sec,.ipx-home-brands__head),body.ipx-home :is(.ipx-home__sec,.ipx-home-brands__head) *{box-sizing:border-box;letter-spacing:normal!important}
body.ipx-home .ipx-home__sec :is(ul,ol){list-style:none;margin:0!important;padding:0!important}
body.ipx-home .ipx-home__sec li{margin:0!important}
body.ipx-home .ipx-home__sec :is(h2,h3,p,figure,blockquote){margin:0}
body.ipx-home .ipx-home__sec a{text-decoration:none}
body.ipx-home .ipx-home__sec img{display:block;max-width:100%}

/* ---- section pattern: a 1384 px container, heading + muted line, "All …" link on the right ---- */
body.ipx-home .ipx-home__sec,body.ipx-home .ipx-home-brands__head{width:100%;max-width:var(--ipx-wrap,1384px);margin:0 auto;padding:56px var(--ipx-gutter,32px) 0}
body.ipx-home .ipx-home__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin:0 0 22px}
body.ipx-home .ipx-home__head h2{margin:0;font:700 28px/1.2 var(--ipx-font-bold);color:var(--ipx-ink);text-wrap:balance}
body.ipx-home .ipx-home__head p{margin:6px 0 0;font:500 15px/1.45 var(--ipx-font);color:var(--ipx-grey)}
body.ipx-home .ipx-home__all{display:inline-flex;flex:none;align-items:center;gap:6px;min-height:44px;color:var(--ipx-link)!important;font:700 15px/1.2 var(--ipx-font);text-decoration:underline!important;text-underline-offset:4px;text-decoration-thickness:1.5px}
body.ipx-home .ipx-home__all .ipx-i{width:16px;height:16px}
body.ipx-home .ipx-home__all:hover{color:#7a4400!important}

/* ---- Popular categories: photo on a stone tile ---- */
body.ipx-home .ipx-home-cats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
body.ipx-home .ipx-home-cat{display:flex;flex-direction:column;height:100%;padding:10px 10px 0;border-radius:var(--ipx-r-md);background:var(--ipx-stone);color:var(--ipx-ink)!important;transition:background-color .2s ease,box-shadow .2s ease}
body.ipx-home .ipx-home-cat__img{display:block;aspect-ratio:4/3;border-radius:var(--ipx-r-sm);overflow:hidden;background:#ebe6dd}
body.ipx-home .ipx-home-cat__img img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ipx-ease)}
body.ipx-home .ipx-home-cat__n{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:0 4px;font:700 17px/1.25 var(--ipx-font-bold)}
/* circles = the icon's background + a same-colour ring, never padding on the <svg> (Safari clips inside it) */
body.ipx-home .ipx-home-cat__n .ipx-i{flex:none;width:16px;height:16px;margin:9px;padding:0;overflow:visible;border-radius:999px;background:#fff;box-shadow:0 0 0 9px #fff,0 1px 2px 9px rgba(29,27,25,.06);transition:transform .2s var(--ipx-ease)}
@media (hover:hover){
  body.ipx-home .ipx-home-cat:hover{background:#efebe4;box-shadow:var(--ipx-sh-2)}
  body.ipx-home .ipx-home-cat:hover .ipx-home-cat__img img{transform:scale(1.04)}
  body.ipx-home .ipx-home-cat:hover .ipx-home-cat__n .ipx-i{transform:translateX(3px)}
}

/* ---- Popular right now: the product page's cards (Ipatio_ProductPage pdp.css, scoped to the home page) ---- */
body.ipx-home .ipxp-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
body.ipx-home .ipxp-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--ipx-line);border-radius:var(--ipx-r-md);background:#fff;transition:box-shadow .2s ease}
body.ipx-home .ipxp-card:hover,body.ipx-home .ipxp-card:focus-within{box-shadow:var(--ipx-sh-2)}
body.ipx-home .ipxp-card__img{display:block;aspect-ratio:1/1;margin:8px 8px 0;border-radius:var(--ipx-r-sm);background:var(--ipx-stone);overflow:hidden}
body.ipx-home .ipxp-card__img img{display:block;width:100%;height:100%;object-fit:contain;padding:12px;mix-blend-mode:multiply}
body.ipx-home .ipxp-card__b{display:flex;flex:1;flex-direction:column;gap:4px;padding:12px 14px 14px}
body.ipx-home .ipxp-card__brand{font-size:12.5px;font-weight:700;color:var(--ipx-grey)}
body.ipx-home .ipxp-card__n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;font-size:15px;font-weight:700;line-height:1.3;color:var(--ipx-ink)!important}
body.ipx-home .ipxp-card__n:hover{text-decoration:underline!important;text-underline-offset:3px}
body.ipx-home .ipxp-card__spec{font-size:13px;font-weight:500;line-height:1.35;color:var(--ipx-grey)}
body.ipx-home .ipxp-card__pr{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:auto 0 0!important;padding-top:4px}
body.ipx-home .ipxp-card__pr b{font-size:19px;font-variant-numeric:tabular-nums;color:var(--ipx-ink)}
body.ipx-home .ipxp-card__pr s{font-size:13px;color:var(--ipx-grey)}
body.ipx-home .ipxp-save{display:inline-flex;align-self:center;align-items:center;min-height:26px;padding:3px 11px;border-radius:999px;background:var(--ipx-green-tint);color:var(--ipx-green-deep);font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap}
body.ipx-home .ipxp-card__atc{margin:10px 0 0}
body.ipx-home .ipxp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:0 18px;border:0;border-radius:var(--ipx-r-sm);font:700 15px/1 var(--ipx-font);text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer}
body.ipx-home .ipxp-btn.-primary{background:var(--ipx-orange);color:var(--ipx-ink)}
body.ipx-home .ipxp-btn.-primary:hover{background:var(--ipx-orange-hover);color:var(--ipx-ink)}
body.ipx-home .ipxp-btn.-block{display:flex;width:100%}
body.ipx-home .ipxp-btn .ipx-i{width:18px;height:18px}
body.ipx-home .ipxp-btn:focus-visible{outline:2px solid var(--ipx-ink);outline-offset:2px;box-shadow:0 0 0 4px #fff}
@media (hover:hover) and (pointer:fine){
  body.ipx-home .ipxp-card__atc{opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}
  body.ipx-home .ipxp-card:hover .ipxp-card__atc,body.ipx-home .ipxp-card:focus-within .ipxp-card__atc{opacity:1;transform:none}
}

/* ---- Buying guides ---- */
body.ipx-home .ipx-home-guides__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.ipx-home .ipx-home-guide{display:flex;flex-direction:column;height:100%;border:1px solid var(--ipx-line);border-radius:var(--ipx-r-md);overflow:hidden;background:#fff;color:var(--ipx-ink)!important;transition:box-shadow .2s ease}
body.ipx-home .ipx-home-guide__img{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--ipx-stone)}
body.ipx-home .ipx-home-guide__img img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ipx-ease)}
body.ipx-home .ipx-home-guide__b{display:flex;flex:1;flex-direction:column;gap:8px;padding:18px 20px 20px}
body.ipx-home .ipx-home-guide__t{font:700 18px/1.3 var(--ipx-font-bold);text-wrap:pretty}
body.ipx-home .ipx-home-guide__x{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.5;color:var(--ipx-ink-2)}
body.ipx-home .ipx-home-guide__go{margin-top:auto;padding-top:6px;color:var(--ipx-link);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media (hover:hover){
  body.ipx-home .ipx-home-guide:hover{box-shadow:var(--ipx-sh-2)}
  body.ipx-home .ipx-home-guide:hover .ipx-home-guide__img img{transform:scale(1.03)}
}


/* ---- HOME-PAGE-002 What customers say: a full-width band — Google score panel + featured review + four more ---- */

/* ---- HOME-PAGE-002 What customers say (owner 2026-10-16): light score card + featured review, then a slow strip of
   reviews that scrolls on its own (pauses on hover / focus / touch / Pause button; still under reduced motion). The rating
   counts up and the stars fill in when the band comes on screen (script in templates/home/more.phtml). Motion uses
   transform / opacity / clip only: nothing changes size. ---- */
body.ipx-home .ipx-home-rv{margin:64px 0 0;padding:56px 0 48px;background:linear-gradient(180deg,#fbf8f2 0%,#f4efe4 100%);overflow:hidden}
body.ipx-home .ipx-home-rv,body.ipx-home .ipx-home-rv *{box-sizing:border-box;letter-spacing:normal!important}
body.ipx-home .ipx-home-rv :is(ul,p,h2,blockquote){margin:0;padding:0}
body.ipx-home .ipx-home-rv figure{margin:0}
body.ipx-home .ipx-home-rv ul{list-style:none}
body.ipx-home .ipx-home-rv li{margin:0!important}
body.ipx-home .ipx-home-rv__in{max-width:var(--ipx-wrap,1384px);margin:0 auto;padding:0 var(--ipx-gutter,32px)}
body.ipx-home .ipx-home-rv__top{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;align-items:stretch}
body.ipx-home .ipx-home-rv__score{display:flex;flex-direction:column;align-items:flex-start;padding:30px 28px;border:1px solid var(--ipx-cream-line);border-radius:var(--ipx-r-lg);background:#fff;box-shadow:var(--ipx-sh-1)}
body.ipx-home .ipx-home-rv__eyebrow{font:700 13px/1.2 var(--ipx-font-bold);text-transform:uppercase;letter-spacing:.07em!important;color:var(--ipx-green-deep)}
body.ipx-home .ipx-home-rv__score h2{margin-top:8px;font:700 28px/1.2 var(--ipx-font-bold);color:var(--ipx-ink)}
body.ipx-home .ipx-home-rv__big{display:flex;align-items:baseline;gap:8px;margin-top:20px}
body.ipx-home .ipx-home-rv__big b{min-width:2.1ch;font:700 64px/1 var(--ipx-font-bold);font-variant-numeric:tabular-nums;color:var(--ipx-ink)}
body.ipx-home .ipx-home-rv__big span{font-size:16px;font-weight:600;color:var(--ipx-grey)}
body.ipx-home .ipx-home-rv__bigstars{position:relative;display:inline-flex;margin-top:10px;color:#e08600}
body.ipx-home .ipx-home-rv__bigstars>span{display:inline-flex;gap:3px}
body.ipx-home .ipx-home-rv__bigstars svg{width:26px;height:26px;fill:currentColor}
body.ipx-home .ipx-home-rv__count{margin-top:10px!important;font-size:15px;line-height:1.45;color:var(--ipx-ink-2)}
body.ipx-home .ipx-home-rv__all{display:inline-flex;align-items:center;gap:6px;min-height:48px;margin-top:20px;padding:0 20px;border:1.5px solid var(--ipx-ink);border-radius:999px;background:#fff;color:var(--ipx-ink)!important;font:700 15px/1.2 var(--ipx-font-bold);text-decoration:none!important;transition:background-color .2s ease}
body.ipx-home .ipx-home-rv__all .ipx-i{width:16px;height:16px}
body.ipx-home .ipx-home-rv__all:hover{background:var(--ipx-stone)}
body.ipx-home .ipx-home-rv__fine{margin-top:auto!important;padding-top:16px;font-size:13px;line-height:1.4;color:var(--ipx-grey)}
/* review cards */
body.ipx-home .ipx-rv{display:flex;flex-direction:column;gap:14px;height:100%;padding:24px;border:1px solid var(--ipx-cream-line);border-radius:var(--ipx-r-md);background:#fff;box-shadow:var(--ipx-sh-1)}
body.ipx-home .ipx-rv__stars{display:inline-flex;gap:2px;color:#e08600}
body.ipx-home .ipx-rv__stars svg{width:18px;height:18px;fill:currentColor}
body.ipx-home .ipx-rv blockquote{flex:1;border:0;font:500 16px/1.55 var(--ipx-font);color:var(--ipx-ink)}
body.ipx-home .ipx-rv mark{padding:0 2px;background:linear-gradient(transparent 55%,#ffe2a6 55%) no-repeat 0 0/100% 100%;color:inherit;font-weight:700}
body.ipx-home .ipx-rv.-featured{position:relative;justify-content:center;gap:18px;padding:36px 40px 30px;border-radius:var(--ipx-r-lg)}
body.ipx-home .ipx-rv.-featured::before{content:"\201C";position:absolute;top:8px;right:28px;font:700 110px/1 Georgia,'Times New Roman',serif;color:#efe5d2;pointer-events:none}
body.ipx-home .ipx-rv.-featured blockquote{flex:0 1 auto;font-size:21px;line-height:1.55}
body.ipx-home .ipx-rv figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding-top:14px;border-top:1px solid var(--ipx-line)}
body.ipx-home .ipx-rv__av{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:999px;background:var(--ipx-green-tint);color:var(--ipx-green-deep);font:700 17px/1 var(--ipx-font-bold)}
body.ipx-home .ipx-rv__av.-anon{background:var(--ipx-green-deep);color:#fff}
body.ipx-home .ipx-rv__av .ipx-i{width:18px;height:18px;stroke-width:2}
body.ipx-home .ipx-rv__who{display:flex;flex-direction:column;gap:2px;min-width:0}
body.ipx-home .ipx-rv__who b{font-size:15px;color:var(--ipx-ink)}
body.ipx-home .ipx-rv__who span{font-size:13px;color:var(--ipx-grey)}
body.ipx-home .ipx-rv__note{flex-basis:100%;font-size:12.5px;font-style:italic;color:var(--ipx-grey)}
/* the strip: two copies side by side, moved left by one copy's width, forever (seamless) */
body.ipx-home .ipx-home-rv__strip{margin:24px calc(-1 * var(--ipx-gutter,32px)) 0;padding:6px 0 10px;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
body.ipx-home .ipx-home-rv__track{display:flex;width:max-content;animation:ipx-rv-scroll calc(var(--ipx-rv-n,8) * 6.5s) linear infinite}
/* every card the same width (a short review used to make a narrower card) and the same 20 px between every pair,
   the seam between the two copies included, so the loop never shows where it restarts */
body.ipx-home .ipx-home-rv .ipx-home-rv__row{display:flex;gap:20px;margin:0!important;padding:0 20px 0 0!important}
body.ipx-home .ipx-home-rv__row li>.ipx-rv{flex:1 1 auto;width:100%;min-width:0}
body.ipx-home .ipx-home-rv__row li{display:flex;flex:none;width:340px}
@keyframes ipx-rv-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
body.ipx-home .ipx-home-rv:not(.-on) .ipx-home-rv__track,
body.ipx-home .ipx-home-rv.-paused .ipx-home-rv__track,
body.ipx-home .ipx-home-rv.-touch .ipx-home-rv__track,
body.ipx-home .ipx-home-rv__strip:is(:hover,:focus-within) .ipx-home-rv__track{animation-play-state:paused}
body.ipx-home .ipx-home-rv__pause{display:flex;align-items:center;gap:8px;min-height:44px;margin:10px auto 0;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--ipx-ink-2);font:600 14px/1 var(--ipx-font);cursor:pointer}
body.ipx-home .ipx-home-rv__pause:hover{background:rgba(29,27,25,.05)}
body.ipx-home .ipx-home-rv__pause:focus-visible{outline:2px solid var(--ipx-ink);outline-offset:2px}
body.ipx-home .ipx-home-rv__pi{position:relative;width:12px;height:12px;border-left:4px solid currentColor;border-right:4px solid currentColor}
body.ipx-home .ipx-home-rv__pause[aria-pressed="true"] .ipx-home-rv__pi{width:0;height:0;border:0;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}
/* entrance (only once the script says the band is about to show: .-pre, then .-go) */
body.ipx-home .ipx-home-rv.-pre :is(.ipx-home-rv__score,.ipx-rv.-featured,.ipx-home-rv__strip){opacity:0;transform:translateY(18px)}
body.ipx-home .ipx-home-rv.-go :is(.ipx-home-rv__score,.ipx-rv.-featured,.ipx-home-rv__strip){transition:opacity .7s var(--ipx-ease),transform .7s var(--ipx-ease)}
body.ipx-home .ipx-home-rv.-go .ipx-rv.-featured{transition-delay:.12s}
body.ipx-home .ipx-home-rv.-go .ipx-home-rv__strip{transition-delay:.3s}
body.ipx-home .ipx-home-rv.-pre .ipx-home-rv__bigstars>span{clip-path:inset(0 100% 0 0)}
body.ipx-home .ipx-home-rv.-go .ipx-home-rv__bigstars>span{transition:clip-path 1.1s cubic-bezier(.3,.7,.2,1) .25s}
body.ipx-home .ipx-home-rv.-pre .ipx-rv.-featured mark{background-size:0 100%}
body.ipx-home .ipx-home-rv.-go .ipx-rv.-featured mark{transition:background-size .9s ease .8s}
/* v3: with the script the strip is moved by hand / by script (the CSS loop is only the no-script fallback) */
body.ipx-home .ipx-home-rv.-js .ipx-home-rv__track{animation:none;will-change:transform}
body.ipx-home .ipx-home-rv.-js .ipx-home-rv__strip{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
body.ipx-home .ipx-home-rv.-js.-hold .ipx-home-rv__strip{cursor:grabbing}
@media (prefers-reduced-motion:reduce){
  body.ipx-home .ipx-home-rv__track{animation:none}
  body.ipx-home .ipx-home-rv:not(.-js) .ipx-home-rv__strip{overflow-x:auto;-webkit-mask:none;mask:none;margin-left:0;margin-right:0;scroll-snap-type:x mandatory}
  body.ipx-home .ipx-home-rv:not(.-js) .ipx-home-rv__row.-copy{display:none}
  body.ipx-home .ipx-home-rv:not(.-js) .ipx-home-rv__row li{scroll-snap-align:start}
  body.ipx-home .ipx-home-rv__pause{display:none}
}

/* ---- Why IPATIO (published facts only) ---- */
body.ipx-home .ipx-home-why__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;padding:44px 48px;border:1px solid var(--ipx-cream-line);border-radius:var(--ipx-r-lg);background:var(--ipx-cream)}
body.ipx-home .ipx-home-why__intro{display:flex;flex-direction:column;gap:14px}
body.ipx-home .ipx-home-why__eyebrow{font:700 13px/1.2 var(--ipx-font-bold);text-transform:uppercase;letter-spacing:.07em!important;color:var(--ipx-green-deep)}
body.ipx-home .ipx-home-why h2{font:700 28px/1.2 var(--ipx-font-bold);color:var(--ipx-ink);text-wrap:balance}
body.ipx-home .ipx-home-why__intro>p:not([class]){font-size:16px;line-height:1.6;color:var(--ipx-ink-2)}
body.ipx-home .ipx-home-why__links{display:flex;flex-wrap:wrap;gap:4px 22px}
body.ipx-home .ipx-home-why a{color:var(--ipx-link)!important;font-weight:700;text-decoration:underline!important;text-underline-offset:3px}
body.ipx-home .ipx-home-why__links a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
body.ipx-home .ipx-home-why__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;align-content:center}
body.ipx-home .ipx-home-why__facts li{display:flex;align-items:flex-start;gap:14px}
body.ipx-home .ipx-home-why__facts li>.ipx-i{flex:none;width:22px;height:22px;margin:11px;padding:0;overflow:visible;border-radius:999px;background:var(--ipx-green-deep);box-shadow:0 0 0 11px var(--ipx-green-deep);color:#fff}
body.ipx-home .ipx-home-why__facts b{display:block;font:700 16px/1.3 var(--ipx-font-bold);color:var(--ipx-ink)}
body.ipx-home .ipx-home-why__facts li>span>span{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:var(--ipx-ink-2)}

/* ---- the brand slider (widget 32, unchanged) under its new heading ---- */
body.ipx-home .ipx-home-brands__head{margin:0 auto 6px!important}
body.ipx-home .ipx-home-brands__head h2{margin:0;font:700 28px/1.2 var(--ipx-font-bold);color:var(--ipx-ink)}
body.ipx-home .am-widget-brand-slider{max-width:calc(var(--ipx-wrap,1384px) - 2 * var(--ipx-gutter,32px));margin:0 auto 64px!important;padding:0!important}
body.ipx-home .am-widget-brand-slider .ambrands-header-container{display:none}

body.ipx-home :is(.ipx-home-cat,.ipx-home-guide,.ipx-home__all,.ipx-home-why a,.ipxp-card__n):focus-visible{outline:2px solid var(--ipx-ink);outline-offset:3px}

/* ---- tablet ---- */
@media (max-width:1180px){
  body.ipx-home .ipx-home-why__in{grid-template-columns:1fr;padding:36px}
  body.ipx-home .ipxp-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.ipx-home .ipxp-cards > .ipxp-card:nth-child(n+7){display:none}
}
@media (max-width:1023px){
  body.ipx-home .ipx-home-cats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ipx-home .ipx-home-rv__top{grid-template-columns:1fr}
}

/* ---- phone ---- */
@media (max-width:767px){
  body.ipx-home .ipx-home__sec,body.ipx-home .ipx-home-brands__head{padding:40px 16px 0}
  body.ipx-home .ipx-home__head{margin-bottom:16px}
  body.ipx-home .ipx-home__head h2,body.ipx-home .ipx-home-why h2,body.ipx-home .ipx-home-brands__head h2{font-size:22px}
  body.ipx-home .ipx-home__head p{font-size:14px}
  body.ipx-home .ipx-home__all{font-size:14px}
  body.ipx-home .ipx-home-cats__grid{gap:12px}
  body.ipx-home .ipx-home-cat{padding:6px 6px 0}
  body.ipx-home .ipx-home-cat__n{min-height:48px;gap:6px;padding:0 2px 0 4px;font-size:15px}
  body.ipx-home .ipx-home-cat__n .ipx-i{width:14px;height:14px;margin:7px;box-shadow:0 0 0 7px #fff,0 1px 2px 7px rgba(29,27,25,.06)}
  body.ipx-home .ipxp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.ipx-home .ipxp-cards > .ipxp-card:nth-child(n+5){display:none}
  body.ipx-home .ipxp-card__img{margin:6px 6px 0}
  body.ipx-home .ipxp-card__img img{padding:8px}
  body.ipx-home .ipxp-card__b{padding:10px 10px 12px}
  body.ipx-home .ipxp-card__n{-webkit-line-clamp:3;min-height:3.9em;font-size:14px}
  body.ipx-home .ipxp-card__pr b{font-size:17px}
  body.ipx-home .ipxp-card__atc .ipxp-btn{padding:0 8px;font-size:14px}
  html:lang(fr) body.ipx-home .ipxp-card__atc .ipxp-btn .ipx-i{display:none}   /* "Ajouter au panier" + icon is wider than a phone card */
  body.ipx-home .ipx-home-guides__grid{grid-template-columns:1fr;gap:12px}
  body.ipx-home .ipx-home-guide{flex-direction:row;align-items:stretch}
  body.ipx-home .ipx-home-guide__img{flex:none;width:118px;aspect-ratio:auto}
  body.ipx-home .ipx-home-guide__b{gap:4px;padding:12px 14px}
  body.ipx-home .ipx-home-guide__t{font-size:15px}
  body.ipx-home .ipx-home-guide__x{display:none}
  body.ipx-home .ipx-home-guide__go{padding-top:2px;font-size:13px}
  body.ipx-home .ipx-home-rv{margin-top:44px;padding:36px 0 28px}
  body.ipx-home .ipx-home-rv__in{padding:0 16px}
  body.ipx-home .ipx-home-rv__top{gap:12px}
  body.ipx-home .ipx-home-rv__score{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"eye eye" "h h" "big stars" "big count" "all all" "fine fine";column-gap:16px;padding:22px 20px}
  body.ipx-home .ipx-home-rv__eyebrow{grid-area:eye}
  body.ipx-home .ipx-home-rv__score h2{grid-area:h;font-size:22px}
  body.ipx-home .ipx-home-rv__big{grid-area:big;align-self:center;margin-top:14px}
  body.ipx-home .ipx-home-rv__big b{font-size:52px}
  body.ipx-home .ipx-home-rv__big span{display:none}
  body.ipx-home .ipx-home-rv__bigstars{grid-area:stars;align-self:end;margin-top:14px}
  body.ipx-home .ipx-home-rv__bigstars svg{width:21px;height:21px}
  body.ipx-home .ipx-home-rv__count{grid-area:count;align-self:start;margin-top:4px!important;font-size:14px}
  body.ipx-home .ipx-home-rv__all{grid-area:all;justify-content:center;width:100%;margin-top:16px}
  body.ipx-home .ipx-home-rv__fine{grid-area:fine;justify-self:center;padding-top:12px}
  body.ipx-home .ipx-rv{padding:20px 18px;gap:12px}
  body.ipx-home .ipx-rv.-featured{padding:24px 20px 20px}
  body.ipx-home .ipx-rv.-featured::before{top:4px;right:16px;font-size:80px}
  body.ipx-home .ipx-rv.-featured blockquote{font-size:17px}
  body.ipx-home .ipx-rv blockquote{font-size:15px}
  body.ipx-home .ipx-home-rv__strip{margin:14px -16px 0}
  body.ipx-home .ipx-home-rv .ipx-home-rv__row{gap:12px;padding-right:12px!important}
  body.ipx-home .ipx-home-rv__row li{width:280px}
  body.ipx-home .ipx-home-why__in{gap:24px;padding:26px 18px;border-radius:var(--ipx-r-md)}
  body.ipx-home .ipx-home-why__facts{grid-template-columns:1fr;gap:18px}
  body.ipx-home .am-widget-brand-slider{margin-bottom:40px!important;padding:0 16px!important}
  body.ipx-home .ipx-home__head{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){body.ipx-home :is(.ipx-home-cat,.ipx-home-guide,.ipxp-card) *{transition:none!important}}