/* Yummy Yummy · Homepage final: visual refinements only.
   Desktop: square hero photograph + three image thumbnails.
   Mobile: retain existing image-first compact carousel and navigation.
*/
body[data-page="home"] .home-hero-tagline {
  margin:10px 0 0;
  color:#754850;
  font:italic 500 clamp(.98rem,1.32vw,1.16rem)/1.35 var(--serif);
  letter-spacing:.003em;
}
body[data-page="home"] .home-last-trust {
  margin-top:8px!important;
  font-size:.78rem!important;
  font-weight:700;
  color:#644653!important;
  line-height:1.45;
}
/* Each advantage is its own legible card. This grid belongs to BOTH hero columns. */
body[data-page="home"] .home-hero-benefits {
  grid-area:benefits;
  grid-column:1/-1;
  min-width:0;
  width:100%;
  margin-top:20px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  background:linear-gradient(110deg,#FFF9F5,#FEF5FB 54%,#F2F7FD);
  border:1px solid #EBD9E2;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 6px 17px rgba(70,34,42,.025);
}
body[data-page="home"] .home-hero-benefits>div {
  min-width:0;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 15px;
  font-size:clamp(.73rem,.88vw,.87rem);
  font-weight:760;
  line-height:1.32;
  text-align:center;
  overflow-wrap:normal;
}
body[data-page="home"] .home-hero-benefits>div+div{border-left:1px solid #EBD9E2;}
body[data-page="home"] .home-hero-benefits .pv-icon{flex:0 0 auto;font-size:1.35rem;line-height:1;}
body[data-page="home"] .home-hero-layout{grid-template-areas:"photo copy" "photo actions" "benefits benefits";}
/* Desktop: make the photography the main sales asset.
   Use naked frames, rather than a large coloured rectangular background. */
@media(min-width:981px){
  body[data-page="home"] .home-hero-layout{
    grid-template-columns:minmax(0,1fr) minmax(0,1.10fr);
    gap:0 clamp(25px,3.6vw,50px);
    padding-top:25px;
    padding-bottom:24px;
  }
  body[data-page="home"] .home-hero-picture.yy-home-carousel{
    grid-area:photo;
    display:grid;
    grid-template-columns:minmax(0,1fr) clamp(83px,7.6vw,104px);
    gap:11px;
    height:auto;
    width:100%;
    max-height:none;
    aspect-ratio:auto;
    background:transparent;
    box-shadow:none;
    border:0;
    border-radius:0;
    overflow:visible;
    align-self:center;
  }
  body[data-page="home"] .yy-home-carousel .yy-carousel-stage{
    min-width:0;
    width:100%;
    height:auto;
    aspect-ratio:1/1;
    border-radius:21px;
    overflow:hidden;
    background:#FFF9FB;
    box-shadow:0 12px 32px rgba(69,32,37,.08);
  }
  body[data-page="home"] .yy-home-carousel .yy-carousel-slide{
    background:transparent;
  }
  body[data-page="home"] .yy-home-carousel .yy-carousel-slide img{
    width:100%;height:100%;max-width:100%;max-height:100%;
    object-fit:contain!important;
    object-position:center!important;
  }
  body[data-page="home"] .yy-carousel-thumbs{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:repeat(var(--yy-thumb-count,3),minmax(0,1fr));
    min-width:0;
    gap:10px;
  }
  body[data-page="home"] .yy-carousel-thumb{
    min-width:0;min-height:0;
    display:block;
    padding:0;
    overflow:hidden;
    border-radius:14px;
    border:2px solid transparent;
    background:transparent;
    cursor:pointer;
    box-shadow:0 3px 10px rgba(64,33,15,.035);
    transition:border-color .2s ease,transform .2s ease;
  }
  body[data-page="home"] .yy-carousel-thumb:hover{transform:translateY(-2px);border-color:#CFA6C8;}
  body[data-page="home"] .yy-carousel-thumb.is-active{border-color:#7C517C;}
  body[data-page="home"] .yy-carousel-thumb:focus-visible{outline:3px solid #A96E99;outline-offset:2px;}
  body[data-page="home"] .yy-carousel-thumb img{
    display:block;
    width:100%;height:100%;
    object-fit:cover;
    object-position:center;
    background:transparent;
  }
  body[data-page="home"] .yy-carousel-navigation{
    display:none!important;
  }
  body[data-page="home"] .home-hero-copy{align-self:end;}
  body[data-page="home"] .compact-hero-actions{align-self:start;margin-top:15px;}
  body[data-page="home"] .home-hero-copy h1{font-size:clamp(2.65rem,4.3vw,4rem);line-height:1.045;}
}
/* Tablet/mobile keep existing single carousel; no thumbnail rail. */
@media(max-width:980px){
  body[data-page="home"] .yy-carousel-thumbs{display:none!important;}
  body[data-page="home"] .home-hero-layout{
    grid-template-areas:"photo copy" "actions actions" "benefits benefits";
  }
  body[data-page="home"] .home-hero-benefits{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:8px;
    border-radius:15px;
  }
  body[data-page="home"] .home-hero-benefits>div{
    min-height:43px;
    justify-content:flex-start;
    gap:7px;
    padding:9px 12px;
    font-size:.73rem;
    text-align:left;
  }
  body[data-page="home"] .home-hero-benefits>div:nth-child(3){border-left:0;border-top:1px solid #EBD9E2;}
  body[data-page="home"] .home-hero-benefits>div:nth-child(4){border-top:1px solid #EBD9E2;}
  body[data-page="home"] .home-hero-benefits .pv-icon{font-size:1.1rem;}
  body[data-page="home"] .home-hero-tagline{font-size:.82rem;margin-top:7px;line-height:1.3;}
}
@media(max-width:760px){
  body[data-page="home"] .home-hero-layout{grid-template-areas:"photo copy" "actions actions" "benefits benefits";}
  body[data-page="home"] .home-hero-tagline{font-size:.74rem;margin-top:6px;}
  body[data-page="home"] .home-hero-benefits>div{padding:8px 8px;font-size:.7rem;}
  body[data-page="home"] .home-hero-benefits .pv-icon{font-size:1.03rem;}
  body[data-page="home"] .home-last-trust{font-size:.72rem!important;}
}
@media(max-width:360px){
  body[data-page="home"] .home-hero-tagline{font-size:.68rem;}
  body[data-page="home"] .home-hero-benefits>div{font-size:.65rem;}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .yy-carousel-thumb{transition:none;}
}


/* October 2026 – only homepage: 4 item reassurance band moved under the hero. */
body[data-page="home"] .premium-home-hero{padding-bottom:0;}
body[data-page="home"] .home-benefits-band{background:linear-gradient(115deg,#fff9f5,#fff3fa 60%,#f3f7fc);padding:0 0 10px;}
body[data-page="home"] .home-benefits-band .home-hero-benefits{
  display:grid;grid-area:auto;grid-column:auto;width:100%;margin:0;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid #eddae3;border-radius:15px;
  background:rgba(255,252,250,.87);box-shadow:none;
}
body[data-page="home"] .home-benefits-band .home-hero-benefits>div{
  min-height:46px;line-height:1.3;padding:8px 10px;
  font-size:clamp(.7rem,.82vw,.82rem);text-align:center;
}
body[data-page="home"] .home-benefits-band .home-hero-benefits .pv-icon{font-size:1.2rem;}
@media(min-width:981px){
  body[data-page="home"] .home-hero-layout{
    grid-template-areas:"photo copy" "photo actions";
    grid-template-columns:minmax(0,.94fr) minmax(0,1.15fr);
    column-gap:clamp(27px,3.3vw,45px);padding-top:20px;padding-bottom:18px;
  }
  body[data-page="home"] .home-hero-picture.yy-home-carousel{grid-template-columns:minmax(0,1fr) clamp(72px,7vw,98px);gap:9px;}
  body[data-page="home"] .yy-home-carousel .yy-carousel-thumbs{grid-template-rows:repeat(var(--yy-thumb-count,3),minmax(0,1fr));gap:9px;}
  body[data-page="home"] .yy-carousel-thumb{border-radius:11px;}
  body[data-page="home"] .yy-carousel-thumb img{object-fit:cover;aspect-ratio:1;}
}
@media(max-width:980px){
  body[data-page="home"] .home-hero-layout{grid-template-areas:"photo copy" "actions actions";}
  body[data-page="home"] .home-benefits-band .home-hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr));}
  body[data-page="home"] .home-benefits-band .home-hero-benefits>div{font-size:.72rem;min-height:41px;justify-content:flex-start;text-align:left;padding:8px 10px;}
  body[data-page="home"] .home-benefits-band .home-hero-benefits>div:nth-child(3){border-left:0;border-top:1px solid #eddae3;}
  body[data-page="home"] .home-benefits-band .home-hero-benefits>div:nth-child(4){border-top:1px solid #eddae3;}
}
@media(max-width:600px){
  body[data-page="home"] .home-benefits-band{padding-bottom:9px;}
  body[data-page="home"] .home-benefits-band .home-hero-benefits>div{font-size:.67rem;min-height:40px;}
}


/* 2026/10 – Desktop previews: true square tiles, natural product proportions.
   Keep carousel data, transitions, dimensions and mobile completely unchanged. */
@media(min-width:981px){
  body[data-page="home"] .home-hero-picture.yy-home-carousel .yy-carousel-thumbs{
    display:flex!important;flex-direction:column;justify-content:center;
    align-items:stretch;gap:10px;min-height:0;height:100%;
    grid-template-rows:none!important;align-self:center;
  }
  body[data-page="home"] .home-hero-picture.yy-home-carousel .yy-carousel-thumb{
    aspect-ratio:1 / 1;flex:0 0 auto;width:100%;height:auto!important;
    min-height:0;display:block;border-radius:12px;
  }
  body[data-page="home"] .home-hero-picture.yy-home-carousel .yy-carousel-thumb img{
    width:100%;height:100%;aspect-ratio:1 / 1;
    object-fit:cover;object-position:center;display:block;
  }
}