.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px;flex-wrap:wrap}.catalog-pagination span{font-size:14px;color:var(--muted)}.catalog-pagination button:disabled{opacity:.4;cursor:default}.product-description{white-space:pre-line}.filter-backdrop{position:fixed;inset:0;background:#10111466;z-index:69}

/* The 2172 x 724 source has unequal subject widths, not five equal tiles. */
.foods .food-photo{
  background-image:none;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.foods .food-photo::before{
  content:"";
  display:block;
  width:min(100%,calc(100% * var(--frame-width) / 410 / 1.08));
  aspect-ratio:var(--frame-width) / 410;
  background-image:url(assets/foods.png);
  background-repeat:no-repeat;
  background-size:calc(2172 / var(--frame-width) * 100%) calc(724 / 410 * 100%);
  background-position:calc(var(--frame-left) / (2172 - var(--frame-width)) * 100%) calc(180 / (724 - 410) * 100%);
}
.foods button:nth-child(1) .food-photo{--frame-left:0;--frame-width:451}
.foods button:nth-child(2) .food-photo{--frame-left:451;--frame-width:465}
.foods button:nth-child(3) .food-photo{--frame-left:916;--frame-width:410}
.foods button:nth-child(4) .food-photo{--frame-left:1326;--frame-width:444}
.foods button:nth-child(5) .food-photo{--frame-left:1770;--frame-width:402}

/* Owner-approved polish: same artwork, fixed text rows and no decorative arrows. */
:root{--section-title:52px;--card-title:20px;--body-copy:16px;--hero-title:44px}
.section{padding-top:56px;padding-bottom:56px}
.section-heading{align-items:flex-start;gap:24px;margin-bottom:28px}
.section-heading h2,.lab-layout h2,.questions h2{font-size:var(--section-title);line-height:1.12;margin-bottom:0}
.section-heading>.text-link{min-height:44px;font-size:var(--body-copy);align-self:flex-start}
.lab-layout{align-items:start}
.lab-layout h2{margin-bottom:24px}
.hero-left,.hero-right{top:24px;display:grid;grid-template-rows:calc(var(--hero-title) * 2.16) 44px;gap:12px;align-content:start}
.hero h2,.hero-right h2{font-size:var(--hero-title);line-height:1.08;margin:0;max-width:100%}
.hero-link,.hero-right .hero-link{font-size:18px;line-height:1.35;justify-self:start;align-self:start;min-height:44px}
.hero-criteria{display:none}
.foods{gap:20px;margin-bottom:8px}
.foods button{padding-bottom:12px;transition:none;touch-action:manipulation}
.foods button:hover strong{color:var(--violet)}
.foods .food-photo{aspect-ratio:1.25;margin-bottom:14px;pointer-events:none}
.foods .food-photo::before{width:min(100%,calc(100% * var(--frame-width) / 410 / 1.25))}
.foods strong{font-size:var(--card-title);line-height:1.25;min-height:2.5em;margin-bottom:4px}
.foods button>span:not(.food-photo){font-size:14px;line-height:1.4;min-height:2.8em}
.industry-bottom{justify-content:flex-end;padding-top:12px}
.model .category-tag{font-size:12px;line-height:1.35;min-height:2.7em}
.model h3{font-size:var(--card-title);line-height:1.32;height:3.96em;min-height:3.96em;margin-bottom:12px}
.model .sku,.model .availability{font-size:13px;line-height:1.4}
.model-image img,.product-picture img{object-fit:contain}
.product-layout,.questions{align-items:start}
/* Comparison stays readable without relying on an unfamiliar icon. */
.header .comparison-open{flex-shrink:0;gap:8px;min-height:44px;padding:10px 12px;font-size:13px;white-space:nowrap}
.comparison-open svg{width:18px;height:18px}
.comparison-open .comparison-count{position:static;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:4px;background:#ece9f8;color:#4734a7;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.model .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.model .actions .compare-button{min-height:44px;padding:9px 12px;background:#f6f7fa;border-color:#dce0e7;font-weight:500}
.compare-button [data-compare-label]{display:inline-block;min-width:11ch;text-align:center}
.compare-button[aria-pressed="true"],.model .actions .compare-button[aria-pressed="true"]{background:#f0edfd;border-color:#7964d1;color:#4734a7}
.compare-button:hover{border-color:var(--violet)}
@media(max-width:1280px){
  :root{--hero-title:36px;--section-title:44px}
  .hero-left,.hero-right{top:20px}
}
@media(max-width:1020px){
  :root{--hero-title:30px;--section-title:40px}
}
@media(min-width:641px) and (max-width:760px){
  .hero-left,.hero-right{top:10px;grid-template-rows:calc(var(--hero-title) * 3.24) 44px;gap:8px}
}
@media(max-width:640px){
  .hero{aspect-ratio:auto;min-height:0;max-height:none;display:grid;grid-template-columns:1fr}
  .hero-photo{display:none}
  .hero-left,.hero-right{position:relative;top:auto;left:auto;width:100%;padding:22px 20px;min-height:270px;background-image:url(assets/hero.png);background-repeat:no-repeat;background-size:220% auto;background-position:left top}
  .hero-left{background-color:#1c2224}
  .hero-right{background-color:#fff;background-size:calc(2098 / 938 * 100%) auto;background-position:right 90px;min-height:calc(90px + 100vw * 749 / 938)}
  .hero-left h2,.hero-left .hero-link{text-shadow:0 1px 6px #000,0 2px 14px #000}
  .hero-right .hero-link{background:transparent;border:0;border-radius:0;padding:4px 0}
}
@media(max-width:640px){
  :root{--section-title:34px;--hero-title:30px}
  .header{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}
  .header .brand{grid-column:1;grid-row:1;margin-right:0}
  .header #menu{grid-column:2;grid-row:1}
  .header .search{grid-column:1/-1;grid-row:2;min-width:0;margin:4px 0 0}
  .header .search input{flex:1;min-width:0}
  .header .comparison-open{grid-column:1/-1;grid-row:3;width:100%}
  .header nav{grid-column:1/-1;grid-row:4}
  .section{padding-top:36px;padding-bottom:36px}
  .section-heading{gap:10px;margin-bottom:20px}
  .hero-left,.hero-right{grid-template-rows:calc(var(--hero-title) * 3.24) 44px;gap:10px}
  .hero-link,.hero-right .hero-link{font-size:16px}
  .foods{gap:18px 16px}
  .foods strong{font-size:20px}
  .foods .food-photo{margin-bottom:12px}
  .foods button>span:not(.food-photo){font-size:14px}
  .model h3{height:5.28em;min-height:5.28em}
  .lab-layout>div p{font-size:var(--body-copy)}
}

/* Approved hierarchy; only the home page is affected. */
[data-page="home"] .home-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding-top:36px;padding-bottom:30px}
[data-page="home"] .home-intro h1{font-size:48px;line-height:1.08;font-weight:750;margin:0 0 16px}
[data-page="home"] .home-intro p{font-size:20px;line-height:1.4;margin:0 0 24px}
[data-page="home"] .home-intro-image{width:100%;height:auto;display:block;object-fit:contain}
[data-page="home"] .home-intro-actions{display:flex;gap:12px;flex-wrap:wrap}
[data-page="home"] #products.section{padding-top:32px}
[data-page="home"] .assurance{margin-top:20px}
 @media(max-width:1020px){[data-page="home"] .home-intro{grid-template-columns:1fr;gap:24px;padding-top:28px;padding-bottom:22px}[data-page="home"] .home-intro h1{font-size:44px}[data-page="home"] .home-intro-image{max-width:660px;justify-self:start}}
 @media(max-width:640px){[data-page="home"] .home-intro{gap:0;padding-top:24px;padding-bottom:18px}[data-page="home"] .home-intro h1{font-size:34px;line-height:1.1;overflow-wrap:anywhere}[data-page="home"] .home-intro p{font-size:17px;margin-bottom:20px}[data-page="home"] .home-intro-image{display:none}[data-page="home"] .home-intro-actions{display:grid;grid-template-columns:1fr;gap:10px}[data-page="home"] .home-intro-actions .button{min-height:46px;width:100%}[data-page="home"] #products.section{padding-top:26px}}

[data-page="home"] .home-complex{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;border-bottom:1px solid var(--line)}[data-page="home"] .home-complex h2{font-size:38px;margin-bottom:16px}[data-page="home"] .home-complex p{font-size:17px;line-height:1.6;color:var(--muted);margin-bottom:22px}[data-page="home"] .home-complex-directions{max-width:520px}@media(max-width:768px){[data-page="home"] .home-complex{grid-template-columns:1fr;gap:12px}[data-page="home"] .home-complex h2{font-size:31px}}