/* Yummy Yummy — photo-library-ready conversion refinements (desktop only)
   Mobile stays visually identical to the approved compact edition.
*/
/* Filter controls scroll naturally; main navigation stays visible. */
body[data-page="products"] .filter-bar {position:static!important;top:auto!important;z-index:auto!important;}
.desktop-catalogue-photos {display:none;}
@media (min-width:981px) {
  .site-header{position:relative;top:auto;}
  .desktop-nav{gap:clamp(16px,1.7vw,30px);font-size:.88rem;}
  .desktop-nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px;}
  .desktop-catalogue-photos{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:14px;align-items:stretch;background:linear-gradient(135deg,#fae8e3,#fffcf8);}
  body[data-page="products"] .product-banner-photo .banner-mochi-primary,
  body[data-page="products"] .product-banner-photo .banner-mochi-second{display:none;}
  .desktop-catalogue-photos .catalogue-photo{min-width:0;background:linear-gradient(145deg,#fff,#fff6f3);border-radius:12px;display:grid;place-items:center;border:1px solid #f2e3dd;overflow:hidden;}
  .desktop-catalogue-photos .catalogue-photo:nth-child(2){transform:translateY(-3px);}
  .desktop-catalogue-photos img{width:100%;height:100%;object-fit:contain;padding:3px;}
  /* Meaningful but smaller editorial imagery; form and CTA appear sooner. */
  body[data-page="contact"] .premium-banner-grid{min-height:0;padding-block:23px;grid-template-columns:1.35fr .65fr;gap:32px;}
  body[data-page="contact"] .premium-banner-copy h1{font-size:clamp(2.5rem,3.5vw,3.7rem);margin-block:2px 8px;}
  body[data-page="contact"] .premium-banner-copy .lead{font-size:.91rem;line-height:1.46;max-width:580px;}
  body[data-page="contact"] .premium-banner-photo{height:180px;aspect-ratio:auto;border-radius:18px;}
  body[data-page="contact"] .premium-banner-photo picture,
  body[data-page="contact"] .premium-banner-photo picture img{display:block;width:100%;height:100%;}
  body[data-page="contact"] .premium-banner-photo picture img{object-fit:cover;object-position:center 45%;}
  body[data-page="contact"] .premium-contact-section{padding-top:27px;}
  body[data-page="about"] .page-hero{padding-top:28px;padding-bottom:18px;}
  body[data-page="about"] .page-hero h1{font-size:clamp(2.4rem,3.5vw,3.75rem);line-height:1.05;max-width:820px;}
  body[data-page="about"] .about-image{object-fit:cover;object-position:center;max-height:280px;}
  body[data-page="about"] .about-story{gap:35px;}
  body[data-page="about"] main>.section{padding-block:30px;}
}
/* Product galleries expand automatically when additional approved photographs are imported. */
.detail-media .product-gallery-thumbs{width:100%;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;justify-content:center;}
.detail-media .product-gallery-thumbs .gallery-thumb{background:#fff;border:1px solid #eadad1;border-radius:10px;display:grid;place-items:center;width:64px;height:56px;cursor:pointer;padding:4px;}
.detail-media .product-gallery-thumbs .gallery-thumb.active{outline:2px solid #7a452f;outline-offset:1px;}
.detail-media .product-gallery-thumbs .gallery-thumb img{object-fit:contain;max-width:100%;max-height:100%;}
/* Sticky wrapper, not its short-lived child: the menu stays fixed on long pages. */
[data-site-header]{position:sticky;top:-31px;z-index:100;}
.site-header{position:relative;top:auto;}
@media (max-width:980px){[data-site-header]{top:-29px;}}
