/* Puraatva family-kitchen illustrated lifestyle photo — v28. V27 product cards retained. */
.a26-home .a26-catalogue .family-v27.family-v28{
  grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr)!important;
  gap:clamp(19px,2.8vw,37px)!important;
  align-items:center!important;
}
.family-v28 .family-v27-copy{align-self:center}
.family-v28-photo{position:relative;min-width:0;margin:0;align-self:stretch;
  overflow:hidden;border-radius:17px;background:#eedac0;
  border:1px solid rgba(124,112,77,.2);box-shadow:0 18px 36px rgba(91,70,45,.14)}
.family-v28-photo:after{content:"";position:absolute;inset:63% 0 0;pointer-events:none;
  background:linear-gradient(to bottom,transparent,rgba(52,43,30,.68))}
.family-v28-photo>img{display:block;width:100%;height:100%;min-height:390px;max-height:560px;
  object-fit:cover;object-position:center center}
.family-v28-photo figcaption{position:absolute;z-index:2;left:25px;right:28px;bottom:39px;
  color:#fffaef!important;display:flex;flex-direction:column;gap:5px}
.family-v28-photo figcaption span{font:750 9px/1.4 "DM Sans",sans-serif;letter-spacing:.17em;color:#f5ce83}
.family-v28-photo figcaption strong{font:600 clamp(24px,2.6vw,36px)/1.1 "Cormorant Garamond",Georgia,serif;
  max-width:340px;text-shadow:0 2px 9px rgba(0,0,0,.28)}
.family-v28-visual-note{position:absolute;z-index:3;bottom:11px;left:26px;right:18px;
  font:500 9px/1.4 "DM Sans",sans-serif;color:#f0deca}
.a26-home .a26-catalogue .family-v28>.family-v27-discovery{
  grid-column:1 / -1!important;grid-row:auto!important;align-self:stretch!important;
  width:100%;box-sizing:border-box;margin-top:0!important;
  padding:19px 22px 19px!important;
  background:rgba(255,250,238,.83)!important;
  border-radius:16px!important;
}
.family-v28 .family-v27-discovery-head{margin-bottom:13px!important;padding-bottom:12px!important}
.family-v28 .family-v27-ingredients{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.family-v28 .family-v27-ingredient{display:grid;grid-template-columns:minmax(0,130px) 1fr;
  grid-template-rows:repeat(3,min-content);align-content:center;align-items:center;
  gap:4px 16px!important;text-align:left!important;min-height:149px;
  padding:11px 13px!important}
.family-v28 .family-v27-ingredient img{grid-column:1;grid-row:1 / 4;margin:0!important;
  width:100%!important;height:146px!important;object-fit:contain!important}
.family-v28 .family-v27-ingredient span{grid-column:2;margin:0!important;font-size:9px!important}
.family-v28 .family-v27-ingredient strong{grid-column:2;font-size:clamp(26px,2.6vw,34px)!important}
.family-v28 .family-v27-ingredient small{grid-column:2;margin-top:3px!important;min-height:auto!important}
.family-v28 .family-v27-visual-note{margin:10px 4px 0!important}
@media(max-width:1120px){
 .a26-home .a26-catalogue .family-v27.family-v28{grid-template-columns:1fr!important;gap:20px!important}
 .family-v28-photo{width:100%;min-height:300px}
 .family-v28-photo>img{min-height:300px;max-height:500px;aspect-ratio:16/9;object-fit:cover}
 .family-v28 .family-v27-ingredient{grid-template-columns:110px 1fr}
}
@media(max-width:640px){
 .a26-home .a26-catalogue .family-v27.family-v28{gap:16px!important}
 .family-v28-photo{border-radius:13px;min-height:260px}
 .family-v28-photo>img{aspect-ratio:4/3;min-height:264px;max-height:none;object-position:center}
 .family-v28-photo figcaption{left:14px;right:16px;bottom:29px}
 .family-v28-photo figcaption strong{font-size:28px;max-width:285px}
 .family-v28-visual-note{left:14px;bottom:9px;font-size:8px}
 .a26-home .a26-catalogue .family-v28>.family-v27-discovery{padding:15px 11px!important}
 .family-v28 .family-v27-ingredients{display:flex!important;gap:10px!important;
  overflow-x:auto;scroll-snap-type:x mandatory}
 .family-v28 .family-v27-ingredient{display:flex;flex-direction:column;align-items:center;
  text-align:center!important;flex:0 0 min(164px,53vw)!important;min-height:0;gap:0!important;
  padding:8px 8px 13px!important}
 .family-v28 .family-v27-ingredient img{width:100%!important;height:166px!important;
  margin:0 0 11px!important;object-fit:contain!important}
 .family-v28 .family-v27-ingredient span{margin:0 0 7px!important}
 .family-v28 .family-v27-ingredient strong{font-size:27px!important}
 .family-v28 .family-v27-ingredient small{margin-top:7px!important}
}
@media(prefers-reduced-motion:reduce){.family-v28 *{scroll-behavior:auto}}