/* PLUS v27: editorial full-bleed, CENTERED hero with large product imagery in 3-column shop. */
/* The v26 design and all site logic are retained; only layout presentation changes. */
.plus-v27-hero{
  position:relative;
  isolation:isolate;
  min-height:680px;
  background:#f8f9f6!important;
  overflow:hidden;
  border-bottom:1px solid #e5e9e2;
}
.plus-v27-hero .plus-v26-hero-background{
  position:absolute;inset:0;z-index:-2;display:block;
  background:linear-gradient(105deg,#eaf1ed 0%,#fbfaf6 35%,#fffdf8 62%,#e9f1eb 100%);
  overflow:hidden;
}
.plus-v27-hero .plus-v26-bg-image{position:absolute;overflow:hidden;pointer-events:none}
.plus-v27-hero .plus-v26-bg-food{width:40%;height:100%;right:0;left:auto;top:0}
.plus-v27-hero .plus-v26-bg-food img{display:block;object-fit:cover;object-position:46% center;width:100%;height:100%;filter:saturate(.65) brightness(1.27);opacity:.48}
.plus-v27-hero .plus-v26-bg-toy{width:29%;height:64%;left:-3%;top:-5%;transform:rotate(-9deg)}
.plus-v27-hero .plus-v26-bg-toy img{display:block;width:100%;height:100%;object-fit:contain;background:none;filter:saturate(.55);opacity:.31;padding:0}
.plus-v27-hero .plus-v26-bg-make{width:39%;height:105%;left:-13%;top:17%;transform:rotate(-13deg)}
.plus-v27-hero .plus-v26-bg-make img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.48) brightness(1.07);opacity:.43}
/* White haze toward the center, while imagery remains more visible at the edges. */
.plus-v27-hero .plus-v26-hero-background:after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,252,247,.27) 0%,rgba(255,252,247,.81) 23%,rgba(255,252,247,.94) 43%,rgba(255,252,247,.94) 59%,rgba(255,252,247,.78) 77%,rgba(255,252,247,.25) 100%);
}
.plus-v27-hero .plus-v26-hero-layout{
  display:flex;align-items:center;justify-content:center;
  min-height:664px;max-width:1320px;
  padding:86px 28px 95px;
  text-align:center;
}
.plus-v27-hero .plus-v26-hero-main{
  width:100%;max-width:1000px;margin:0 auto;
  display:flex;align-items:center;flex-direction:column;
}
.plus-v27-hero .plus-v26-hero-overline{justify-content:center;text-align:center;margin-bottom:26px!important;font-size:11px;letter-spacing:.20em;color:#476551}
.plus-v27-hero .plus-v26-hero-overline .plus-v26-overline-bar{width:30px}
.plus-v27-hero h1{
  width:100%;margin:0 auto 23px;max-width:1000px;
  font-size:clamp(45px,5.05vw,73px);line-height:1.37;letter-spacing:.045em;
  color:#25412f;font-weight:600;
  text-align:center;text-wrap:balance;
}
.plus-v27-hero h1 em{color:#94754a;font-style:normal}
.plus-v27-hero .plus-v26-hero-lead{
  max-width:850px;text-align:center;font-size:14px;line-height:2.15;
  margin:0 auto 28px;color:#4f6255;
  font-weight:500;text-wrap:pretty;
}
.plus-v27-hero .plus-v26-hero-actions{display:flex;justify-content:center;align-items:center;gap:11px 15px;flex-wrap:wrap;width:100%}
.plus-v27-hero .plus-v26-hero-actions .btn{min-width:183px;justify-content:center}
.plus-v27-hero .plus-v26-hero-minor{display:inline-flex;align-items:center;justify-content:center;min-width:100px;margin:0 3px}
.plus-v27-hero .plus-v26-hero-foot{background:rgba(255,255,255,.61)}
/* 3 cards/row for categories and each flavor on wide screens, with product still dominant. */
@media(min-width:1051px){
  .category-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  .category-card-image{aspect-ratio:1.42/1}
  .category-card-info{padding:20px 21px 23px}
  .category-card-info h3{font-size:clamp(21px,1.8vw,27px)}
  .category-card-info p{font-size:12px}
  .chiffon-flavor-grid,.category-flavor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .chiffon-flavor-card>img,.category-flavor-grid .category-flavor-card>img{aspect-ratio:1.3/1;padding:4px 5px 0}
  .chiffon-flavor-info{padding:20px 20px 24px}
  .chiffon-flavor-info h3{font-size:clamp(20px,1.7vw,26px)}
  .chiffon-flavor-info p{font-size:12px}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .product-card .pic{aspect-ratio:1.32/1}
  .product-card .body{padding:21px}
  .product-card h3{font-size:20px}
}
@media(min-width:651px) and (max-width:1050px){
  .plus-v27-hero .plus-v26-hero-layout{padding:80px 28px 90px;min-height:640px}
  .plus-v27-hero h1{font-size:clamp(40px,5.8vw,59px)}
  .plus-v27-hero .plus-v26-hero-lead{font-size:13px}
  .category-card-grid,.chiffon-flavor-grid,.category-flavor-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .plus-v27-hero{min-height:620px}
  .plus-v27-hero .plus-v26-hero-layout{min-height:600px;padding:70px 19px 88px;gap:0;justify-content:center}
  .plus-v27-hero .plus-v26-hero-main{max-width:100%}
  .plus-v27-hero .plus-v26-hero-overline{font-size:9px;letter-spacing:.08em;gap:7px;white-space:normal;line-height:1.6;margin-bottom:22px!important}
  .plus-v27-hero .plus-v26-hero-overline .plus-v26-overline-bar{display:none}
  .plus-v27-hero h1{font-size:clamp(29px,8.0vw,46px);line-height:1.52;letter-spacing:.0em;margin-bottom:20px;max-width:100%}
  .plus-v27-hero .plus-v26-hero-lead{font-size:11.5px;line-height:2;max-width:370px;margin-bottom:26px;padding:0 1px}
  .plus-v27-hero .plus-v26-hero-lead br{display:none}
  .plus-v27-hero .plus-v26-hero-actions{gap:9px}
  .plus-v27-hero .plus-v26-hero-actions .btn{min-width:0;width:calc(50% - 5px);font-size:11px;padding:12px 8px;min-height:51px}
  .plus-v27-hero .plus-v26-hero-minor{width:auto;display:inline-flex;margin-top:6px;font-size:12px}
  .plus-v27-hero .plus-v26-bg-food{width:71%;height:70%;top:0;right:-23%}
  .plus-v27-hero .plus-v26-bg-food img{opacity:.38;object-position:54% center}
  .plus-v27-hero .plus-v26-bg-toy{width:58%;height:50%;top:20%;left:-20%}
  .plus-v27-hero .plus-v26-bg-toy img{opacity:.18}
  .plus-v27-hero .plus-v26-bg-make{width:90%;height:50%;left:-39%;top:49%}
  .plus-v27-hero .plus-v26-bg-make img{opacity:.29}
  .plus-v27-hero .plus-v26-hero-background:after{background:rgba(255,252,247,.82)}
  .plus-v27-hero .plus-v26-hero-foot .wrap{justify-content:center}
  .category-card-grid,.chiffon-flavor-grid,.category-flavor-grid,.product-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.plus-v27-hero *{scroll-behavior:auto}}