/* Focused revisions to existing artwork and layouts. */
body[data-page="nuts"],body[data-page="oats"]{overflow-x:clip}
body[data-page="nuts"] .nuts-hero,body[data-page="oats"] .oats-hero{
  position:relative;left:50%;width:100vw;max-width:none;transform:translateX(-50%);
}
body[data-page="oats"] .oats-hero-photo{
  background-image:url('assets/oats-banner-sunset.webp');background-size:cover;background-position:center;
}
body[data-page="oats"] .oats-enquiry-photo{
  background-image:url('assets/oats-enquiry-sunset.webp');background-size:cover;background-position:center 58%;
}
/* Keep the readable cream copy at the left on narrow displays. */
@media(max-width:600px){
 body[data-page="oats"] .oats-hero{
   background:linear-gradient(90deg,rgba(255,252,243,.94),rgba(255,252,243,.55)),url('assets/oats-banner-sunset.webp') center/cover no-repeat;
 }
}
/* The almond explorer alone receives the sharper source; macadamias retain their approved sprites. */
.almond-shell,.almond-icon{
  background-image:url('assets/nuts-diagram-hd.webp');
  background-size:1147px 1372px;
  background-position:calc(var(--sprite-x) * 1.09) calc((var(--sprite-y) + 4px) * 1.09);
}
.almond-shells{height:96px}
.almond-shell{width:62px;height:88px}
.almond-row[data-variety="Price"] .almond-shell{height:96px}
.almond-size{min-height:111px}
.almond-icon{width:55px;height:74px}
.almond-row[data-variety="Nonpareil"] .almond-icon{height:70px;margin-bottom:4px}
.almond-row[data-variety="Carmel"] .almond-icon{height:70px;margin-bottom:4px}
@media(max-width:700px){
 .almond-shells{height:108px}
 .almond-size{min-height:120px}
}
/* The original apiary photograph should keep its natural colour. */
.manuka-page .manuka-hero::before,.shop-page .honey-hero::after{background:transparent}
.manuka-page .manuka-hero h1,.shop-page .hero-content h1,
.manuka-page .manuka-hero-tagline,.shop-page .hero-content p{text-shadow:0 2px 8px rgba(0,0,0,.36)}
/* Restore the original homepage produce imagery and remove the selected card shadow. */
body[data-page="home"] .product,body[data-page="home"] .product:hover,body[data-page="home"] .product:focus-within{box-shadow:none!important}
/* Let the third paragraph share the same typography, with a little more reading width. */
@media(min-width:901px){
 body[data-page="home"] .about-content{width:59%;padding-right:clamp(28px,3vw,46px)}
 body[data-page="home"] .about-content p,body[data-page="home"] .about-content .about-third{max-width:580px}
}
@media(max-width:900px){
 body[data-page="home"] .about-content .about-third{max-width:620px;font-weight:400}
}
/* A gentler first appearance for the About text and its photograph. */
body[data-page="home"] .about .motion-pending{opacity:.45;transform:translateY(4px)}
body[data-page="home"] .about .motion-revealing{transition-duration:.7s}
body[data-page="home"] .about-photo img.motion-image-loading{opacity:.65;transition:opacity .7s ease}
body[data-page="home"] .about-photo img.motion-image-loaded{opacity:1}
/* Replace studio white visually while leaving the supplied labels and soft shadows untouched. */
.shop-page .bundles{background:#FFFCF3}
.shop-page .bundle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;overflow:visible;padding:0}
.shop-page .bundle-card{min-width:0;min-height:0;background:#FFFCF3}
.shop-page .bundle-image{height:auto;aspect-ratio:1.45;background:#FFFCF3;overflow:hidden}
.shop-page .bundle-image img{width:100%;height:100%;object-fit:contain;background:transparent;mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse 76% 72% at center,#000 65%,transparent 99%);
  mask-image:radial-gradient(ellipse 76% 72% at center,#000 65%,transparent 99%);
}
.product-page .product-main-image,.product-page .product-thumb{background:#FFFCF3}
.product-page .product-main-image img,.product-page .product-thumb img{
  mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse 67% 67% at center,#000 67%,transparent 99%);
  mask-image:radial-gradient(ellipse 67% 67% at center,#000 67%,transparent 99%);
}
@media(max-width:700px){
 .shop-page .bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .shop-page .bundle-card{padding:10px;min-height:0}
 .shop-page .bundle-image{aspect-ratio:1}
 .shop-page .bundle-card h3{font-size:clamp(12px,3.3vw,15px);line-height:1.3;margin:12px 0 6px}
 .shop-page .bundle-card p{font-size:clamp(11px,3vw,14px)}
}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .about .motion-pending{opacity:1;transform:none}}