/* Puraatva / Family kitchen feature / v27 — a concept, not a child-safety or feeding claim */
.a26-home .a26-catalogue .family-v27{
  scroll-margin-top:118px;
  position:relative;isolation:isolate;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  gap:clamp(22px,3vw,50px);align-items:stretch;
  background:linear-gradient(120deg,#eee3cb 0%,#f8edd7 46%,#e6e4c7 100%);
  border:1px solid #d9c6a8;border-radius:20px;overflow:hidden;
  margin:clamp(25px,3.5vw,44px) 0 0;padding:clamp(23px,3vw,44px);
  box-shadow:0 18px 45px rgba(62,62,35,.065)
}
.family-v27:before{content:"";position:absolute;right:-130px;bottom:-130px;width:440px;height:440px;border-radius:50%;border:1px dashed rgba(87,108,64,.16);pointer-events:none}
.family-v27-copy,.family-v27-discovery{position:relative;z-index:1;min-width:0}
.family-v27-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 0}
.family-v27-overline{display:flex;align-items:center;gap:10px;color:#826144;font:800 10px/1.4 "DM Sans",sans-serif;letter-spacing:.16em}
.family-v27-index{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;
 border:1px solid rgba(84,102,60,.42);border-radius:50%;color:#476044;font:700 20px/1 Georgia,serif;letter-spacing:0}
.family-v27-handdrawn{display:inline-flex;align-items:center;gap:10px;margin-top:18px;color:#6b7e53;
 font:600 11px/1.5 Georgia,serif;letter-spacing:.035em;transform:rotate(-2deg)}
.family-v27-handdrawn span{font-style:italic;border-bottom:1px wavy rgba(92,112,64,.5);padding-bottom:3px}
.a26-home .a26-catalogue .family-v27 h3{
 margin:17px 0 19px!important;max-width:540px;
 color:#483a2b!important;font:600 clamp(39px,3.7vw,60px)/.98 "Cormorant Garamond",Georgia,serif!important;
 letter-spacing:-.035em}
.a26-home .a26-catalogue .family-v27 h3 em{display:block;font-style:italic;font-weight:500;color:#63805b!important;margin-top:9px}
.a26-home .a26-catalogue .family-v27 p{color:#5f6250!important}
.a26-home .a26-catalogue .family-v27 .family-v27-lead{font:500 clamp(13px,1.2vw,15px)/1.75 "DM Sans",sans-serif!important;max-width:470px;margin:0 0 12px}
.a26-home .a26-catalogue .family-v27 .family-v27-detail{font:400 12px/1.75 "DM Sans",sans-serif!important;max-width:450px;margin:0 0 21px}
.family-v27-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.family-v27-action{min-height:43px;display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;box-sizing:border-box;
 border-radius:99px;text-decoration:none!important;font:750 11px/1.25 "DM Sans",sans-serif!important;
 transition:background .2s ease,transform .2s ease}
.family-v27-action:hover{transform:translateY(-2px)}
.family-v27-primary{background:#3b634a;color:#fffaf1!important;border:1px solid #3b634a}
.family-v27-primary:hover{background:#294b36}
.family-v27-secondary{border:1px solid rgba(72,92,58,.58);color:#3a5b43!important;background:rgba(255,250,235,.5)}
.family-v27-secondary:hover{background:#fff6e4}
.family-v27-action:focus-visible,.family-v27-ingredient:focus-visible{outline:3px solid #315a3c;outline-offset:3px}
.a26-home .a26-catalogue .family-v27 .family-v27-caution{
 font:400 10px/1.65 "DM Sans",sans-serif!important;max-width:480px;margin:0!important;
 padding:13px 15px;background:rgba(255,252,241,.57);color:#675b4a!important;
 border-left:3px solid #9fa477;border-radius:0 7px 7px 0}
.family-v27-caution strong{color:#485d40}
.family-v27-discovery{align-self:center;border-radius:17px;
 background:linear-gradient(145deg,rgba(250,248,230,.96),rgba(237,235,209,.95));
 padding:24px 17px 16px;border:1px solid rgba(127,138,94,.23)}
.family-v27-discovery-head{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px;
 border-bottom:1px solid rgba(112,123,86,.24);padding:0 3px 13px;margin-bottom:17px}
.family-v27-discovery-head span:first-child{font:800 10px/1.4 "DM Sans",sans-serif;letter-spacing:.17em;color:#768258}
.family-v27-doodle{display:block;width:82px;height:39px;color:#a47c4e}
.family-v27-doodle svg{width:100%;height:100%}
.family-v27-ingredients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.family-v27-ingredient{display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden;
 background:rgba(255,255,252,.66);border:1px solid #ddd3b9;border-radius:13px;
 padding:8px 8px 15px;text-align:center;text-decoration:none!important;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.family-v27-ingredient:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(77,84,49,.12);border-color:#9eb18a}
.family-v27-ingredient img{display:block;width:100%;height:clamp(145px,18vw,222px);object-fit:contain;
 object-position:center;border-radius:9px;background:#f1e3c6;margin-bottom:14px}
.family-v27-ingredient span{font:800 9px/1.4 "DM Sans",sans-serif;letter-spacing:.14em;color:#927757;margin-bottom:7px}
.family-v27-ingredient strong{font:600 clamp(23px,2vw,29px)/1 "Cormorant Garamond",Georgia,serif;color:#4b533a}
.family-v27-ingredient small{margin-top:8px;min-height:27px;font:500 10px/1.4 "DM Sans",sans-serif;color:#756c58}
.a26-home .a26-catalogue .family-v27 .family-v27-visual-note{
 font:400 10px/1.6 "DM Sans",sans-serif!important;color:#777762!important;
 text-align:center;margin:15px 9px 2px}
@media(max-width:1120px){
 .a26-home .a26-catalogue .family-v27{grid-template-columns:1fr!important;gap:19px!important}
 .a26-home .a26-catalogue .family-v27 h3{font-size:clamp(42px,5.7vw,61px)!important;max-width:760px}
 .family-v27-discovery{width:100%;box-sizing:border-box}
 .family-v27-ingredient img{height:clamp(165px,24vw,255px)}
}
@media(max-width:640px){
 .a26-home .a26-catalogue .family-v27{margin-top:23px;padding:19px 14px 16px;border-radius:15px;gap:18px!important}
 .family-v27-copy{padding:4px 2px}
 .family-v27-overline{font-size:9px;letter-spacing:.10em;gap:8px}
 .family-v27-index{width:32px;height:32px;font-size:18px}
 .family-v27-handdrawn{font-size:10px;margin-top:17px}
 .a26-home .a26-catalogue .family-v27 h3{font-size:clamp(42px,12vw,54px)!important;margin:13px 0 16px!important}
 .a26-home .a26-catalogue .family-v27 .family-v27-lead{font-size:12px!important;line-height:1.72!important}
 .a26-home .a26-catalogue .family-v27 .family-v27-detail{font-size:11px!important}
 .family-v27-actions{display:grid;grid-template-columns:1fr;width:100%;gap:8px;margin-bottom:17px}
 .family-v27-action{width:100%;min-height:44px}
 .a26-home .a26-catalogue .family-v27 .family-v27-caution{font-size:10px!important}
 .family-v27-discovery{padding:16px 11px 13px}
 .family-v27-discovery-head{margin-bottom:12px}
 .family-v27-discovery-head span:first-child{font-size:9px}
 .family-v27-doodle{width:64px}
 .family-v27-ingredients{display:flex;overflow-x:auto;gap:10px;padding:0 1px 10px;
  scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin}
 .family-v27-ingredient{flex:0 0 min(165px,52vw);scroll-snap-align:start;padding:8px 8px 13px}
 .family-v27-ingredient img{height:169px}
 .family-v27-ingredient strong{font-size:26px}
 .family-v27-ingredient small{font-size:10px}
 .a26-home .a26-catalogue .family-v27 .family-v27-visual-note{font-size:9px!important;text-align:left;margin:10px 3px 0}
}
@media(prefers-reduced-motion:reduce){.family-v27-ingredient,.family-v27-action{transition:none!important}
.family-v27-ingredient:hover,.family-v27-action:hover{transform:none!important}}