/* Chuť dňa | UX Pro: coherent layout & Apple-style polish | 2026-11-04 */
:root{--cd-pro-green:#214736;--cd-pro-peach:#ff805a;--cd-pro-stroke:rgba(189,212,194,.72);--cd-pro-ease:cubic-bezier(.2,.75,.2,1)}
.cd-public{overflow-x:clip}
.cd-public .cd-sticky-shell{position:sticky!important;top:0!important;z-index:100!important;isolation:isolate}
.cd-public .cd-sticky-shell .cd-wrap{width:min(1536px,calc(100% - 52px))!important;max-width:none!important}
.cd-public .cd-sticky-shell .cd-header{position:relative!important;display:grid!important;grid-template-columns:auto minmax(280px,520px) minmax(0,1fr) auto!important;align-items:center!important;gap:clamp(13px,1.15vw,24px)!important;min-height:92px!important;height:auto!important;padding:12px 0!important;overflow:visible!important;box-shadow:none!important;transition:min-height .24s var(--cd-pro-ease),padding .24s var(--cd-pro-ease)!important}
.cd-public .cd-sticky-shell.is-condensed .cd-header{min-height:66px!important;padding:7px 0!important}
.cd-public .cd-header .cd-brand{grid-column:1;white-space:nowrap;font-size:24px!important;letter-spacing:-.05em!important;position:relative;z-index:5}
.cd-public .cd-brand-mark{background:transparent!important;box-shadow:0 10px 25px rgba(38,75,46,.13)!important;border-radius:17px!important;display:grid!important;place-items:center!important;overflow:hidden!important;width:48px!important;height:48px!important;transition:width .24s,height .24s,transform .24s!important}
.cd-public .cd-brand-mark:hover{transform:translateY(-2px) rotate(-3deg)}
.cd-logo-art{width:100%;height:100%;display:block}
.cd-logo-spoon{transform-box:fill-box;transform-origin:50% 85%;animation:cd-logo-mix 3.8s ease-in-out infinite}
@keyframes cd-logo-mix{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-9deg)}}
.cd-public .cd-sticky-shell.is-condensed .cd-brand-mark{width:39px!important;height:39px!important}
.cd-public .cd-header .cd-header-search{grid-column:2;position:relative!important;left:auto!important;top:auto!important;transform:none!important;justify-self:center!important;flex:none!important;width:100%!important;max-width:520px!important;min-width:0!important;z-index:2!important;margin:0!important;min-height:54px!important;animation:none!important;transition:box-shadow .24s,background .24s,border-color .24s,min-height .24s!important}
.cd-public .cd-header .cd-header-search:hover,.cd-public .cd-header .cd-header-search:focus-within{transform:none!important}
.cd-public .cd-sticky-shell.is-condensed .cd-header-search{min-height:46px!important}
.cd-public .cd-header-search input{width:100%!important;min-width:0!important;height:52px!important}
.cd-public .cd-sticky-shell.is-condensed .cd-header-search input{height:44px!important}
.cd-public .cd-header nav{grid-column:3;display:flex!important;align-items:center!important;justify-content:flex-end!important;margin:0!important;padding:0!important;gap:clamp(10px,.9vw,20px)!important;flex-wrap:nowrap!important;min-width:0!important;position:static!important;z-index:4!important;font-size:clamp(12px,.78vw,14px)!important;animation:none!important}
.cd-public .cd-header nav>a,.cd-public .cd-header nav>details,.cd-public .cd-header nav>button{flex:none!important;min-width:0;white-space:nowrap}
.cd-public .cd-header .cd-lang-menu{grid-column:4;justify-self:end!important;align-self:center!important;margin:0!important;position:relative;z-index:4}
.cd-public .cd-lang-trigger{min-height:48px!important;transition:min-height .24s,transform .2s,background .2s!important}
.cd-public .cd-sticky-shell.is-condensed .cd-lang-trigger{min-height:42px!important}
.cd-public .cd-header .cd-nav-categories{position:static!important}
/* Mega dropdown: full viewport width, not anchored to trigger or narrow nav. */
.cd-public .cd-header .cd-mega-menu{
  position:absolute!important;top:calc(100% - 1px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  width:100vw!important;max-width:none!important;box-sizing:border-box!important;
  padding:clamp(22px,3vw,44px) max(24px,calc((100vw - 1340px)/2))!important;
  border:1px solid rgba(214,230,215,.92)!important;
  border-top-color:rgba(223,235,225,.7)!important;
  background:rgba(255,253,250,.985)!important;
  border-radius:0 0 28px 28px!important;
  box-shadow:0 30px 60px rgba(21,42,29,.14)!important;
  max-height:min(72dvh,720px)!important;overflow:auto!important;z-index:25!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
.cd-public .cd-mega-menu .cd-menu-groups{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(20px,3vw,48px)!important}
.cd-public .cd-mega-menu .cd-menu-groups>div{min-width:0}
.cd-public .cd-mega-menu .cd-menu-groups a{font-weight:560!important;line-height:1.45!important;padding:8px 9px!important;margin:0 -9px!important;border-radius:10px!important;white-space:normal!important;transition:background .18s,color .18s,transform .18s!important}
.cd-public .cd-mega-menu .cd-menu-groups a:hover{background:#eaf3ec!important;color:#214736!important;transform:translateX(3px)}
.cd-public .cd-mega-menu .cd-menu-groups strong{font-size:11px!important;letter-spacing:.07em!important;line-height:1.6!important}
.cd-public .cd-nav-categories[open] .cd-mega-menu{animation:cd-pro-menu-enter .24s var(--cd-pro-ease)}
@keyframes cd-pro-menu-enter{from{opacity:0;transform:translate(-50%,-7px)}to{opacity:1;transform:translate(-50%,0)}}
.cd-mobile-quicklinks{display:none}
/* Detail: balanced hero, modern layout with accessible action icons */
.cd-detail-page .cd-detail-wrap{width:min(1420px,calc(100% - 56px))!important}
.cd-detail-page .cd-recipe-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;align-items:center!important;gap:clamp(30px,4vw,74px)!important;padding:clamp(50px,5vw,78px) 0 55px!important}
.cd-detail-page .cd-recipe-hero>div:first-child{min-width:0;align-self:center!important}
.cd-detail-page .cd-recipe-hero h1{font-size:clamp(40px,4.15vw,72px)!important;line-height:1.07!important;letter-spacing:-.055em!important;text-wrap:balance}
.cd-detail-page .cd-intro{font-size:clamp(16px,1.2vw,19px)!important;line-height:1.65!important}
.cd-detail-page .cd-hero-image{height:clamp(460px,var(--cd-hero-match-height,600px),700px)!important;max-height:700px!important;min-height:0!important;object-fit:cover!important;object-position:center!important;align-self:center!important;border-radius:32px!important;box-shadow:0 30px 75px rgba(31,69,46,.14)!important}
.cd-detail-page .cd-facts span,.cd-detail-page .cd-tag-list span{box-shadow:0 4px 13px rgba(35,65,40,.035)}
.cd-detail-page .cd-recipe-actions{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin-top:18px!important}
.cd-detail-page .cd-recipe-actions .cd-detail-action{margin:0!important;min-width:48px!important;min-height:48px!important;width:48px!important;height:48px!important;display:inline-grid!important;place-items:center!important;padding:0!important;border-radius:16px!important;transition:transform .2s,box-shadow .2s,background .2s!important}
.cd-detail-page .cd-recipe-actions .cd-detail-action svg{width:22px!important;height:22px!important}
.cd-detail-page .cd-recipe-actions .cd-lowcal-button,.cd-detail-page .cd-recipe-actions .cd-lowcal-action{margin:0!important;min-height:48px!important;border-radius:16px!important}
.cd-detail-page .cd-nutrition{border-radius:28px!important;box-shadow:0 18px 45px rgba(27,64,41,.06)!important}
.cd-detail-page .cd-ingredients{border-radius:24px!important;box-shadow:0 15px 35px rgba(28,66,43,.05)!important}
.cd-detail-page .cd-steps li{padding-bottom:40px!important}
.cd-detail-page .cd-steps img{border-radius:20px!important}
/* Wizard dropdowns */
.cd-create-assistant .cd-wizard-form{overflow:visible!important}
.cd-create-assistant .cd-wizard-step{overflow:visible!important}
.cd-create-assistant .cd-wizard-fields{align-items:start!important}
.cd-create-assistant .cd-custom-select{z-index:auto;position:relative!important}
.cd-create-assistant .cd-custom-select.is-open{z-index:40!important}
.cd-create-assistant .cd-select-trigger{min-height:58px!important;border:1.5px solid #bed4c5!important;border-radius:17px!important;background:linear-gradient(180deg,#fff,#fbfdfb)!important;padding:14px 17px!important;box-shadow:0 5px 16px rgba(20,50,30,.04)!important;font-size:15px!important;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s!important}
.cd-create-assistant .cd-select-trigger:hover,.cd-create-assistant .cd-select-trigger:focus-visible,.cd-create-assistant .cd-custom-select.is-open .cd-select-trigger{border-color:#81af94!important;background:#fff!important;outline:0!important;box-shadow:0 0 0 4px rgba(103,170,127,.15),0 10px 26px rgba(20,50,30,.07)!important}
.cd-create-assistant .cd-select-arrow{color:#32694d;font-size:19px;transition:transform .2s}
.cd-create-assistant .cd-custom-select.is-open .cd-select-arrow{transform:rotate(180deg)}
.cd-create-assistant .cd-select-options{top:calc(100% + 8px)!important;max-height:min(315px,44vh)!important;border-radius:18px!important;padding:7px!important;box-shadow:0 24px 55px rgba(25,61,40,.15)!important;scrollbar-width:thin}
.cd-create-assistant .cd-select-option{min-height:43px!important;padding:10px 12px!important;border-radius:11px!important;font-size:14px!important}
.cd-create-assistant .cd-select-option.is-selected::after{content:'✓';float:right;color:#2e7750}
.cd-create-assistant .cd-wizard-fields input[type=number]{min-height:58px!important;border-radius:17px!important;border-color:#bed4c5!important;background:linear-gradient(180deg,#fff,#fbfdfb)!important;font-size:15px!important}
/* Distinct video section: strong readable dark-green surface instead of white washed-out copy */
.cd-public .cd-today{
  background:linear-gradient(118deg,#1f4335 0%,#2a5c46 56%,#3b6d51 100%)!important;
  color:#fff!important;position:relative;isolation:isolate;overflow:hidden;
  border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 40px rgba(19,55,33,.07)!important;
}
.cd-public .cd-today::before{content:'';position:absolute;inset:-40%;background:radial-gradient(circle at 70% 35%,rgba(182,222,175,.22),transparent 30%);pointer-events:none;z-index:-1}
.cd-public .cd-today h2,.cd-public .cd-today p{color:#fff!important;text-shadow:none!important}
.cd-public .cd-today p{color:#e4f2e7!important;opacity:1!important}
.cd-public .cd-today .cd-eyebrow{color:#ffcb8b!important}
.cd-public .cd-today .cd-video-box{border-radius:27px!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 23px 55px rgba(10,37,24,.25)!important}
.cd-public .cd-today .cd-video-box img{opacity:.94!important;transition:transform .6s var(--cd-pro-ease)}
.cd-public .cd-today .cd-video-box:hover img{transform:scale(1.045)}
.cd-public .cd-today .cd-video-box::before{opacity:.25}
.cd-public .cd-today .cd-play{box-shadow:0 0 0 10px rgba(255,255,255,.2),0 15px 32px rgba(18,50,26,.22)!important}
.cd-public .cd-today .cd-button.cd-primary{box-shadow:0 10px 24px rgba(16,35,24,.18)!important}
/* Mobile and tablet header: logo/search/categories/icons retain usability */
@media(max-width:1279px) and (min-width:901px){
.cd-public .cd-sticky-shell .cd-wrap{width:calc(100% - 34px)!important}
.cd-public .cd-sticky-shell .cd-header{grid-template-columns:auto minmax(240px,1fr) auto auto!important;gap:12px!important}
.cd-public .cd-header nav{gap:11px!important;font-size:12px!important}
.cd-public .cd-header .cd-brand{font-size:20px!important}
.cd-public .cd-brand-mark{width:40px!important;height:40px!important}
.cd-public .cd-header .cd-header-search{max-width:none!important}
.cd-public .cd-header .cd-lang-trigger{padding:0 11px!important}
}
@media(max-width:900px){
.cd-public .cd-sticky-shell .cd-wrap{width:calc(100% - 24px)!important}
.cd-public .cd-sticky-shell .cd-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:'brand nav lang' 'search search search'!important;
  gap:9px 10px!important;min-height:0!important;height:auto!important;padding:10px 0!important;
}
.cd-public .cd-header .cd-brand{grid-area:brand!important;grid-column:auto!important;font-size:19px!important;min-width:0!important}
.cd-public .cd-brand-mark{width:37px!important;height:37px!important}
.cd-public .cd-header .cd-header-search{grid-area:search!important;grid-column:auto!important;max-width:none!important;width:100%!important;min-height:46px!important;position:relative!important;left:auto!important;top:auto!important;transform:none!important}
.cd-public .cd-header-search input{height:44px!important;font-size:14px!important}
.cd-public .cd-header nav{grid-area:nav!important;grid-column:auto!important;justify-content:flex-end!important;gap:8px!important;position:static!important}
.cd-public .cd-header nav>a,.cd-public .cd-header nav>details:not(.cd-nav-categories){display:none!important}
.cd-public .cd-header nav>.cd-nav-categories{display:block!important}
.cd-public .cd-header .cd-lang-menu{grid-area:lang!important;grid-column:auto!important}
.cd-public .cd-header .cd-lang-trigger{padding:0 9px!important;min-height:40px!important;gap:5px!important;font-size:12px!important;border-radius:13px!important}
.cd-public .cd-nav-categories>summary{display:flex!important;align-items:center!important;gap:5px!important;padding:9px 10px!important;background:#fff!important;border:1px solid #d1e2d6!important;border-radius:13px!important;font-size:12px!important;min-height:40px!important}
.cd-public .cd-header nav .cd-nav-icon{width:36px!important;height:36px!important}
.cd-public .cd-header .cd-mega-menu{max-height:min(70dvh,580px)!important;padding:22px 19px 25px!important;z-index:40!important;border-radius:0 0 22px 22px!important}
.cd-public .cd-mega-menu .cd-menu-groups{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.cd-public .cd-mobile-quicklinks{display:flex!important;flex-wrap:wrap;gap:8px;margin-bottom:22px;border-bottom:1px solid #e2eee4;padding-bottom:17px}
.cd-public .cd-mobile-quicklinks>a{border:1px solid #d5e6d8;background:#f2f8f3;border-radius:999px;padding:8px 12px!important;color:#2b563e;font-size:12px;font-weight:700}
.cd-detail-page .cd-detail-wrap{width:calc(100% - 28px)!important}
.cd-detail-page .cd-recipe-hero{grid-template-columns:1fr!important;gap:23px!important;padding:30px 0!important}
.cd-detail-page .cd-hero-image{order:-1!important;height:min(65vw,450px)!important;max-height:none!important;border-radius:22px!important}
.cd-detail-page .cd-recipe-hero h1{font-size:clamp(37px,7.4vw,58px)!important}
}
@media(max-width:560px){
.cd-public .cd-sticky-shell .cd-wrap{width:calc(100% - 20px)!important}
.cd-public .cd-header .cd-brand{font-size:17px!important;gap:7px!important;letter-spacing:-.045em!important}
.cd-public .cd-header nav{gap:5px!important}
.cd-public .cd-header .cd-lang-trigger{padding:0 7px!important;font-size:11px!important;gap:4px!important}
.cd-public .cd-nav-categories>summary{font-size:11px!important;padding:8px!important}
.cd-public .cd-header nav .cd-nav-icon{width:31px!important;height:31px!important}
.cd-public .cd-header .cd-mega-menu{padding:19px 14px!important}
.cd-public .cd-mega-menu .cd-menu-groups{gap:15px!important}
.cd-create-assistant .cd-wizard-fields{grid-template-columns:1fr!important}
.cd-detail-page .cd-hero-image{height:66vw!important}
.cd-detail-page .cd-recipe-hero h1{font-size:clamp(34px,9vw,49px)!important}
.cd-detail-page .cd-recipe-actions .cd-detail-action{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
.cd-public .cd-today-grid{padding:44px 0!important;gap:25px!important}
}
@media(prefers-reduced-motion:reduce){.cd-logo-spoon,.cd-public .cd-nav-categories[open] .cd-mega-menu{animation:none!important}.cd-public .cd-sticky-shell.is-condensed .cd-header{transition:none!important}}
@media print{.cd-sticky-shell,.cd-mobile-quicklinks{display:none!important}.cd-detail-page .cd-recipe-actions{display:none!important}}