body.tfd-vetev .l-section.height_medium { padding-top: 0; } .tfd-hero { cursor: default; } .tfd-hero .ph-bg      { inset: -14%; filter: blur(20px) saturate(1.25); }
.tfd-hero .ph-bg-deep { inset: -16%; filter: blur(34px); opacity: .34; } @keyframes tfd-priblizeni {
from { transform: scale(1)    translate3d(0, 0, 0); }
to   { transform: scale(1.14) translate3d(-2%, -1.5%, 0); }
}
@keyframes tfd-oddaleni {
from { transform: scale(1.16) translate3d(2%, 1.5%, 0); }
to   { transform: scale(1)    translate3d(0, 0, 0); }
}
@keyframes tfd-prujezd {
from { transform: scale(1.12) translate3d(-4%, 0, 0); }
to   { transform: scale(1.12) translate3d(4%, 0, 0); }
}
@keyframes tfd-naklon {
from { transform: scale(1.14) translate3d(0, 3%, 0) rotate(.5deg); }
to   { transform: scale(1.14) translate3d(0, -3%, 0) rotate(-.5deg); }
}
.tfd-hero .ph-slide:nth-child(4n+1) .ph-bg { animation: tfd-priblizeni 15s ease-in-out infinite alternate; }
.tfd-hero .ph-slide:nth-child(4n+2) .ph-bg { animation: tfd-prujezd    19s ease-in-out infinite alternate; }
.tfd-hero .ph-slide:nth-child(4n+3) .ph-bg { animation: tfd-oddaleni    17s ease-in-out infinite alternate; }
.tfd-hero .ph-slide:nth-child(4n+4) .ph-bg { animation: tfd-naklon      21s ease-in-out infinite alternate; } .tfd-hero .ph-bg-deep { animation: tfd-prujezd 26s ease-in-out infinite alternate-reverse; }
@media (prefers-reduced-motion: reduce) {
.tfd-hero .ph-bg,
.tfd-hero .ph-bg-deep { animation: none; }
} .tfd-hero::before {
content: '';
position: absolute;
inset: 0;
z-index: 2;
background: linear-gradient(165deg, rgba(90,137,0,.60) 0%, rgba(58,84,0,.74) 58%, rgba(30,48,4,.88) 100%);
background-size: 220% 220%;
animation: tfd-svetlo 34s ease-in-out infinite alternate;
} @keyframes tfd-svetlo {
from { background-position: 0% 0%; }
to   { background-position: 100% 100%; }
}
@media (prefers-reduced-motion: reduce) {
.tfd-hero::before { animation: none; }
} .ph-bar.tfd-bar {
background: linear-gradient(160deg, #5a8900 0%, #47700a 55%, #3a5400 100%);
box-shadow: 0 18px 50px rgba(28,48,6,.35);
}
.ph-bar.tfd-bar .ph-cta { color: #3a5400 !important; } .ph-bar.tfd-bar + .foods-expand { margin-top: 32px; }
#more-recipes {
margin-top: 32px;
margin-bottom: 48px; padding-bottom: 30px;
}
@media (max-width: 760px) {
.ph-bar.tfd-bar + .foods-expand { margin-top: 20px; }
#more-recipes { margin-top: 20px; margin-bottom: 32px; }
}  #more-recipes .foods-head { margin-bottom: 14px; } .tfd-bar--strucny .ph-cards .sw-card { flex: 0 0 auto; min-width: 160px; }
.tfd-bar--strucny .ph-cta            { margin-left: auto; }  #more-recipes.tfd-vypis .foods-main  { overflow: visible; cursor: auto; scroll-snap-type: none; }
#more-recipes.tfd-vypis .foods-track { flex-wrap: wrap; row-gap: 20px; } #more-recipes .foods-main {
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none; -ms-overflow-style: none; cursor: grab; padding: 6px 0;
}
#more-recipes .foods-main::-webkit-scrollbar { display: none; }
#more-recipes .foods-main.je-tazeno         { cursor: grabbing; scroll-snap-type: none; }
#more-recipes .foods-track { flex-wrap: nowrap; } #more-recipes .foods-card {
flex: 0 0 calc(20% - 16px);
scroll-snap-align: start;
} #more-recipes .foods-card-spacer { min-height: 14px; } a.foods-card {
text-decoration: none;
color: var(--foods-text, #ffffff);
} @media (max-width: 1100px) { #more-recipes .foods-card { flex: 0 0 calc(33.333% - 14px); } }
@media (max-width: 760px)  { #more-recipes .foods-card { flex: 0 0 calc(50% - 10px); } }
@media (max-width: 520px)  { #more-recipes .foods-card { flex: 0 0 78%; } } @media (max-width: 620px) {
#more-recipes.tfd-vypis .foods-card { flex: 0 0 100%; }
} a.tfd-chip-link {
text-decoration: none;
display: inline-block;
transition: background .15s ease, color .15s ease;
}
a.tfd-chip-link:hover {
background: #ffffff;
color: #3a5400;
} .tfd-dal {
margin-top: 28px;
padding-top: 22px;
border-top: 1px solid rgba(255,255,255,.12);
}
.tfd-dal__mriz {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 12px;
margin-top: 4px;
}
.tfd-dal__kus {
display: flex;
flex-direction: column;
gap: 6px;
text-decoration: none;
color: var(--foods-text, #ffffff);
}
.tfd-dal__kus img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 12px;
display: block;
transition: transform .18s ease;
}
.tfd-dal__kus:hover img            { transform: scale(1.04); }
.tfd-dal__kus:hover .tfd-dal__nazev { color: var(--foods-lime, #90CD1D); }
.tfd-dal__nazev {
font-size: 12.5px;
font-weight: 700;
line-height: 1.25;
transition: color .15s ease;
}
.tfd-dal__kurz {
font-size: 10px;
text-transform: uppercase;
letter-spacing: .6px;
color: var(--foods-muted, rgba(255,255,255,.50));
}
@media (max-width: 900px) {
.tfd-dal__mriz { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 520px) {
.tfd-dal__mriz { grid-template-columns: repeat(2, 1fr); }
} .foods-card.je-skryta { display: none !important; }
.tfd-vic { display: flex; justify-content: center; margin-top: 28px; } .tfd-vic[hidden] { display: none; } .foods-subtitle[hidden] { display: none !important; } .tfd-vic-tl {
padding: 13px 32px; border: 1.5px solid rgba(255, 255, 255, .55);
border-radius: var(--radius-pill, 999px);
background: transparent; color: #fff;
font-family: inherit; font-size: 14px; font-weight: 700; letter-spacing: .01em;
cursor: pointer;
transition: background .18s, border-color .18s, color .18s, transform .18s, box-shadow .18s;
}
.tfd-vic-tl:hover {
background: #fff; border-color: #fff; color: #2c4300;
transform: translateY(-1px); box-shadow: 0 12px 26px -12px rgba(12, 22, 2, .7);
}
.tfd-vic-tl:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } .foods-subtitle.tfd-pocet {
margin: 14px 0 0; text-align: center;
font-size: 13px; letter-spacing: .01em;
color: rgba(255, 255, 255, .62);
} .tfd-deti { margin-top: 40px; }
.tfd-deti__nadpis {
margin: 0 0 14px; padding: 0;
font-size: 15px; font-weight: 800; letter-spacing: .01em;
color: rgba(255, 255, 255, .92);
}
.tfd-deti__seznam {
display: flex; flex-wrap: wrap; gap: 8px;
margin: 0; padding: 0; list-style: none;
}
.tfd-deti__seznam a {
display: inline-flex; align-items: center; gap: 7px;
padding: 7px 14px; border-radius: var(--radius-pill, 999px);
background: rgba(255, 255, 255, .12); color: #fff;
font-size: 13px; font-weight: 600; text-decoration: none;
transition: background .15s, transform .15s;
}
.tfd-deti__seznam a:hover { background: #fff; color: #2c4300; transform: translateY(-1px); }
.tfd-deti__seznam span { opacity: .7; font-weight: 700; font-size: 11.5px; }