/* Mese pentru cei mici — nordic, warm, photographic landing. */
:root{--kids-paper:#fbfaf6;--kids-ink:#2d3326;--kids-olive:#68765b;--kids-soft:#f5f0e7;--kids-border:#e8e5dc}
body{background:var(--kids-paper);color:var(--kids-ink)}
.kids-landing{padding-top:20px}
.kids-feature{display:grid;grid-template-columns:54% 46%;min-height:410px;overflow:hidden;position:relative;border-radius:18px;background:#f4efe6;isolation:isolate}
.kids-feature__copy{padding:clamp(30px,5vw,72px) 10px clamp(25px,4vw,50px) clamp(27px,5vw,70px);z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.kids-feature__eyebrow{font:600 11px/1.45 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#718067}
.kids-feature h1{font:400 clamp(40px,5.1vw,74px)/1.05 Georgia,serif;letter-spacing:-.045em;margin:19px 0 13px;max-width:600px}
.kids-feature h1 strong{font-weight:600}
.kids-feature__age{font:400 clamp(23px,2.8vw,36px)/1.2 Georgia,serif;margin:0 0 12px}
.kids-feature__count{font-size:15px;line-height:1.5;color:#565d4c;margin:0}
.kids-feature__note{max-width:420px;font-size:13px;line-height:1.6;color:#686b5c;margin:16px 0 0}
.kids-feature__image{position:relative;min-width:0;overflow:hidden}
.kids-feature__image:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f4efe6 0%,rgba(244,239,230,0) 33%)}
.kids-feature__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.kids-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 0}
.kids-meal-card{position:relative;overflow:hidden;display:block;min-height:308px;isolation:isolate;border-radius:17px;border:1px solid #eee8dd;background:var(--kids-soft);text-decoration:none;color:#252c24;transition:transform .18s,border-color .18s}
.kids-meal-card:hover{transform:translateY(-2px);border-color:#aaa999}
.kids-meal-card:focus-visible{outline:3px solid #657b53;outline-offset:3px}
.kids-meal-card__photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% center}
.kids-meal-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,247,240,.99) 0%,rgba(250,247,240,.92) 29%,rgba(250,247,240,.40) 57%,rgba(250,247,240,0) 90%)}
.kids-meal-card__content{padding:clamp(18px,3vw,32px);width:min(67%,330px);display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.kids-meal-card__heading{display:flex;align-items:center;gap:12px}
.kids-meal-card__heading svg{width:35px;height:35px;stroke:#be7a42;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.kids-meal-card--dinner .kids-meal-card__heading svg{stroke:#7e876f}
.kids-meal-card h2{font:400 clamp(30px,3.5vw,46px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:0}
.kids-meal-card__desc{font:400 16px/1.45 Arial,sans-serif;color:#4d5147;margin:0;max-width:225px}
.kids-meal-card__tag{display:inline-flex;background:#f8e9cc;color:#4c483b;border-radius:999px;padding:5px 13px;font-size:12px;line-height:1.4;margin-top:10px}
.kids-meal-card__arrow{position:absolute;right:17px;bottom:17px;width:49px;height:49px;border-radius:50%;background:#fff9ef;display:grid;place-items:center;color:#a16d44;box-shadow:0 3px 13px rgba(53,45,29,.11);font-size:26px}
.kids-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:26px;margin:19px 0 14px;border:1px solid #e7e6dd;border-radius:16px;background:#fcfaf6}
.kids-benefit{display:flex;align-items:center;justify-content:center;gap:11px;color:#4d5548;font-size:14px;line-height:1.5}
.kids-benefit svg{width:35px;height:35px;min-width:35px;stroke:#8a9775;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.kids-benefit:nth-child(2) svg{stroke:#b27860}
.kids-feature + .kids-categories + .kids-benefits + .quick-search{margin-top:35px}
.kids-recipes-heading{margin:44px 0 4px;border-top:1px solid var(--kids-border);padding-top:35px}
.kids-recipes-heading h2{font:400 clamp(29px,3.5vw,38px) Georgia,serif;letter-spacing:-.025em;margin:0 0 6px}
.kids-recipes-heading p{font-size:14px;color:#657263;margin:0}
.kids-landing .meal-group{padding-top:40px}
.kids-landing .food-card{background:#fffdf8}
.kids-landing .food-grid{gap:12px}
.kids-landing .food-card .recipe-open{display:inline-block;min-height:36px}
.kids-landing .note-section{margin-top:40px}
@media(max-width:800px){
.kids-feature{min-height:345px;grid-template-columns:53% 47%}
.kids-feature__copy{padding:28px 6px 28px 27px}
.kids-feature h1{font-size:clamp(36px,6vw,55px)}
.kids-feature__age{font-size:25px}
.kids-meal-card{min-height:265px}
.kids-meal-card__content{width:75%;padding:20px;gap:9px}
.kids-meal-card h2{font-size:clamp(27px,4vw,34px)}
.kids-meal-card__desc{font-size:14px}
.kids-meal-card__heading{gap:8px}
.kids-meal-card__heading svg{width:27px;height:27px}
}
@media(max-width:600px){
.kids-landing{padding-top:14px}
.kids-feature{grid-template-columns:1fr;min-height:440px;border-radius:14px}
.kids-feature__copy{padding:26px 25px 235px;justify-content:flex-start}
.kids-feature h1{font-size:clamp(40px,9vw,54px);margin:12px 0 8px;max-width:340px}
.kids-feature__age{font-size:25px;margin-bottom:6px}
.kids-feature__count{font-size:14px}
.kids-feature__note{display:none}
.kids-feature__image{position:absolute;top:172px;bottom:0;left:0;right:0;z-index:-1}
.kids-feature__image:before{background:linear-gradient(180deg,#f4efe6 0%,rgba(244,239,230,0) 48%)}
.kids-feature__image img{object-fit:cover;object-position:50% 32%}
.kids-categories{gap:10px;margin-top:12px}
.kids-meal-card{min-height:220px;border-radius:11px}
.kids-meal-card__content{width:94%;padding:15px 12px;gap:8px}
.kids-meal-card h2{font-size:clamp(24px,6vw,32px)}
.kids-meal-card__heading{display:block}
.kids-meal-card__heading svg{width:27px;height:27px;vertical-align:middle;margin-bottom:5px}
.kids-meal-card__desc{font-size:12px;line-height:1.4;max-width:126px}
.kids-meal-card__tag{font-size:11px;padding:4px 9px;margin-top:6px}
.kids-meal-card__arrow{right:10px;bottom:10px;width:37px;height:37px;font-size:21px}
.kids-meal-card:after{background:linear-gradient(90deg,rgba(250,247,240,.97) 0%,rgba(250,247,240,.72) 38%,rgba(250,247,240,.08) 96%)}
.kids-benefits{gap:7px;padding:16px 10px;margin-top:12px;border-radius:12px}
.kids-benefit{display:flex;flex-direction:column;gap:5px;text-align:center;font-size:10px;line-height:1.35}
.kids-benefit svg{width:27px;height:27px;min-width:27px}
.kids-recipes-heading{margin-top:32px;padding-top:28px}
.kids-landing .quick-search{margin-top:23px}
.kids-landing .meal-group{padding-top:31px}
}
@media(max-width:375px){
.kids-feature__copy{padding-left:19px}
.kids-meal-card h2{font-size:24px}
.kids-meal-card__desc{font-size:11px}
.kids-meal-card__content{padding:12px 9px}
}

/* Compact sticky section navigation: lets parents move from breakfast to lunch
   without scrolling through the full catalogue or returning to the cover. */
.kids-meal-tabs{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
 gap:8px;background:rgba(251,250,246,.97);padding:12px 1px 13px;margin:10px 0 0;
 border-bottom:1px solid #deded3;box-shadow:0 4px 13px rgba(38,49,35,.055);
 -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.kids-meal-tabs a{display:flex;align-items:center;justify-content:center;min-height:46px;
 padding:10px 7px;text-decoration:none;text-align:center;white-space:normal;
 font:500 13px/1.3 Arial,sans-serif;color:#4c604a;border:1px solid #dce2d7;
 border-radius:6px;background:#f3f4ed;transition:background .15s,color .15s}
.kids-meal-tabs a:hover{background:#e9ede3}
.kids-meal-tabs a[aria-current="true"]{color:#fff;background:#516649;border-color:#516649}
.kids-meal-tabs a:focus-visible{outline:3px solid #506147;outline-offset:3px}
.kids-landing .meal-group{scroll-margin-top:93px}
.kids-landing .quick-search{scroll-margin-top:96px}
@media(max-width:600px){
 .kids-meal-tabs{gap:6px;margin-left:-1px;margin-right:-1px;padding:9px 1px 10px}
 .kids-meal-tabs a{font-size:12px;line-height:1.2;min-height:44px;padding:9px 3px;border-radius:5px}
 .kids-landing .meal-group{scroll-margin-top:81px}
}
@media(max-width:350px){.kids-meal-tabs{gap:4px}.kids-meal-tabs a{font-size:11px;padding:8px 2px}}


/* Exact approved landing design, with independent clickable hotspots. */
.kids-exact-visual{padding:0;margin:0 auto;width:min(1024px,100%);max-width:100%}
.kids-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.kids-exact-art{position:relative;width:100%;aspect-ratio:2/3;isolation:isolate}
.kids-exact-art>img{width:100%;height:100%;display:block;object-fit:contain;border:0}
.kids-exact-hotspot{position:absolute;display:block;z-index:2;border-radius:12px;background:transparent;
 -webkit-tap-highlight-color:rgba(74,110,67,.18);touch-action:manipulation}
.kids-exact-hotspot:hover{outline:2px solid rgba(75,108,69,.7);outline-offset:-3px;background:rgba(244,247,234,.06)}
.kids-exact-hotspot:focus-visible{outline:4px solid #506147;outline-offset:0;background:rgba(246,249,234,.13)}
/* Image geometry: x=18..1006, top cards y=548..960, bottom cards y=976..1344. */
.kids-exact-hotspot--breakfast{left:1.7%;top:35.7%;width:47.4%;height:27.0%}
.kids-exact-hotspot--lunch{left:50.7%;top:35.7%;width:47.6%;height:27.0%}
.kids-exact-hotspot--snacks{left:1.7%;top:63.5%;width:47.4%;height:24.1%}
.kids-exact-hotspot--dinner{left:50.7%;top:63.5%;width:47.6%;height:24.1%}
.kids-exact-all{display:flex;align-items:center;justify-content:center;gap:14px;
 width:fit-content;max-width:100%;min-height:48px;margin:12px auto 16px;padding:12px 20px;
 background:#516849;color:#fff;text-decoration:none;text-align:center;border-radius:7px;
 font:500 14px/1.4 Arial,sans-serif;transition:background .2s}
.kids-exact-all:hover{background:#405439}
.kids-exact-all:focus-visible{outline:3px solid #516849;outline-offset:4px}
.kids-exact-all>span{font-size:18px}
.kids-exact .kids-recipes-heading{margin-top:27px}
@media(max-width:700px){
 .kids-exact-visual{width:100%}
 .kids-exact-all{margin:9px auto 16px;padding:11px 15px;font-size:13px}
 .kids-exact .kids-recipes-heading{margin-top:20px}
}

/* Instant, single-panel recipe navigation; old full-page anchors remain the
   no-JavaScript fallback. No scrolling transition is shown between categories. */
html.kids-instant-navigation{scroll-behavior:auto!important;scroll-padding-top:0!important}
.kids-landing.kids-instant-ready:not(.kids-view--recipes) .kids-recipe-area{display:none!important}
.kids-landing.kids-instant-ready.kids-view--recipes .kids-exact-visual{display:none!important}
.kids-landing.kids-instant-ready:not(.kids-view--recipes) + .note-section{display:none!important}
.kids-recipe-area{padding-top:12px}
.kids-view--recipes .kids-recipe-area{display:block}
.kids-back-to-categories{display:inline-flex;align-items:center;min-height:42px;
 margin:4px 0 20px;padding:8px 0;border:0;background:transparent;color:#506147;
 font:500 14px/1.4 Arial,sans-serif;cursor:pointer}
.kids-back-to-categories:hover{text-decoration:underline;text-underline-offset:4px}
.kids-back-to-categories:focus-visible{outline:2px solid #506147;outline-offset:4px}
.kids-view--recipes .kids-recipes-heading{margin-top:6px;border-top:0;padding-top:10px}
.kids-view--recipes .kids-recipes-heading h2{font-size:clamp(30px,4vw,40px)}
.kids-view--recipes .kids-meal-tabs{top:0}
.kids-view--recipes .meal-group{padding-top:24px}
.kids-view--recipes .meal-group[hidden],.kids-view--recipes .food-card[hidden]{display:none!important}
@media(max-width:600px){
 .kids-recipe-area{padding-top:6px}
 .kids-back-to-categories{font-size:13px;margin:0 0 10px}
 .kids-view--recipes .kids-recipes-heading{margin-top:0;padding-top:0}
 .kids-view--recipes .meal-group{padding-top:19px}
}