/* Targeted refinements for the existing page composition. */
@media(min-width:901px){
 body[data-page="home"] .hero{margin-bottom:18px}
 body[data-page="home"] .about-content{width:65%;padding-right:clamp(26px,3vw,48px)}
 body[data-page="home"] .about-content h1{font-size:clamp(39px,3.4vw,60px);white-space:nowrap;letter-spacing:-.03em}
 body[data-page="home"] .about-content p,body[data-page="home"] .about-content .about-third{max-width:min(660px,51vw)}
}
/* Put each banner's supporting line directly beneath its title. */
.manuka-page .manuka-hero .manuka-rule,.shop-page .shop-hero-rule{display:none}
.manuka-page .manuka-hero h1,.shop-page .hero-content h1{margin-bottom:9px}
.manuka-page .manuka-hero-tagline,.shop-page .hero-content p{margin-top:0}
.manuka-page .manuka-intro{margin-top:clamp(18px,2.4vw,30px)}
/* Preserve the supplied product copy in a broader, more compact five-line setting on desktop. */
@media(min-width:901px){
 .manuka-page .manuka-category-grid{width:min(100% - 48px,1720px);gap:clamp(14px,1.6vw,30px)}
 .manuka-page .manuka-category-copy p{width:100%;font-size:clamp(15px,1vw,17px);line-height:1.55;letter-spacing:-.012em}
}
/* The Manuka category photography is informative, with a deliberate hover only. */
.manuka-page .manuka-category-image{cursor:default}
.manuka-page .manuka-category-image:hover img{transform:scale(1.10)}
.manuka-page .manuka-category-image img{transition:transform .3s ease}
/* One crisp crop per almond: suppress the old row separators and adjacent lettering. */
.almond-shell,.almond-icon{
  mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse 53% 52% at 50% 48%,#000 70%,transparent 99%);
  mask-image:radial-gradient(ellipse 53% 52% at 50% 48%,#000 70%,transparent 99%);
}
.almond-row[data-variety="Price"] .almond-shell{height:84px}
.almond-row[data-variety="Price"] .almond-shell:nth-child(2){
  background-position:calc(var(--sprite-x) * 1.09) calc((var(--sprite-y) + 4px) * 1.09);
}
.almond-nis,.almond-size,.mac-style{overflow:hidden}
.almond-nis.is-selected{transform:none}
.almond-nis .almond-shell{transition:transform .28s ease}
.almond-nis:hover .almond-shell,.almond-nis:focus-visible .almond-shell{transform:scale(1.10)}
.almond-size:hover .almond-icon,.almond-size:focus-visible .almond-icon{transform:scale(1.10)}
.mac-style:hover .mac-icon,.mac-style:focus-visible .mac-icon{transform:scale(1.10)}
.almond-size.is-selected .almond-icon,.mac-style.is-selected .mac-icon{transform:scale(1.08)}
.mac-icon{mix-blend-mode:multiply}
/* Oat photograph, copy and accents share the category-banner treatment. */
body[data-page="oats"] .oats-hero{
  position:relative;display:grid;place-items:center;min-height:clamp(350px,29vw,450px);
  background:linear-gradient(90deg,rgba(27,77,32,.69),rgba(27,77,32,.32)),url('assets/oats-banner-sunset.webp') center/cover no-repeat;
}
body[data-page="oats"] .oats-hero-photo{display:none}
body[data-page="oats"] .oats-hero-copy{width:min(100% - 40px,1450px);max-width:none;margin:auto;padding:32px 18px;text-align:center}
body[data-page="oats"] .oats-hero h1{margin:0 0 16px;font-size:clamp(58px,7vw,96px);line-height:1.03;color:#FFFCF3}
body[data-page="oats"] .oats-hero .short-rule{width:112px;height:4px;margin:0 auto 20px}
body[data-page="oats"] .oats-hero p.oats-hero-tagline{max-width:none;margin:0;color:#FFFCF3;font:600 clamp(15px,1.5vw,22px)/1.45 Montserrat,Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}
body[data-page="oats"] .oats-range-intro{max-width:1100px;margin:0 auto 32px;font:400 clamp(17px,1.25vw,19px)/1.55 Montserrat,Arial,sans-serif;color:#1B4D20}
/* Match the individual jar presentation: no gold tile frames or feathered white rims. */
.shop-page .product-image img,.shop-page .bundle-image img{
  -webkit-mask-image:none;mask-image:none;mix-blend-mode:multiply;
}
.shop-page .bundle-card,.shop-page .bundle-card:hover{border:0;box-shadow:none;background:transparent}
.shop-page .bundle-image{background:#FFFCF3;aspect-ratio:1;overflow:visible}
.shop-page .bundle-card{padding:10px 8px 20px}
.shop-page .product-card h3{font-size:clamp(20px,1.7vw,25px);line-height:1.25;font-weight:700}
.shop-page .bundle-card h3{font-size:clamp(19px,1.6vw,24px);line-height:1.3;font-weight:700}
.shop-page .bundle-card>p:not(.price){font-size:clamp(15px,1.15vw,18px);line-height:1.4}
.shop-page .trust-item{color:#1B4D20;font-size:clamp(13px,1vw,16px)}
.shop-page .trust-item svg,.shop-page .trust-lab-icon{display:block;width:38px;height:38px;flex:none;object-fit:contain}
.shop-page .trust-item svg{stroke:#1B4D20}
@media(max-width:700px){
 body[data-page="oats"] .oats-hero{min-height:300px;background:linear-gradient(90deg,rgba(27,77,32,.73),rgba(27,77,32,.35)),url('assets/oats-banner-sunset.webp') center/cover no-repeat}
 body[data-page="oats"] .oats-hero h1{font-size:clamp(48px,12vw,68px)}
 body[data-page="oats"] .oats-hero p.oats-hero-tagline{white-space:normal;font-size:clamp(13px,3.1vw,17px);letter-spacing:.015em}
 body[data-page="oats"] .oats-range-intro{margin-bottom:28px;font-size:17px}
 .shop-page .product-card h3{font-size:clamp(15px,4vw,19px)}
 .shop-page .bundle-card h3{font-size:clamp(13px,3.5vw,17px)}
 .shop-page .bundle-card>p:not(.price){font-size:clamp(12px,3vw,15px)}
 .shop-page .trust-item{font-size:12px}
 .shop-page .trust-item svg,.shop-page .trust-lab-icon{width:30px;height:30px}
}
@media(prefers-reduced-motion:reduce){.manuka-page .manuka-category-image img,.almond-nis .almond-shell{transition:none}}