/* Dárková balení na homepage — blok `darky` (tpl/homepage.php). Předloha: sections/Bundles.tsx.
 * Uvnitř sekce jsou i hotové kombinace (css/35-kombinace.css). */

.darky { padding: 6rem 0; background: var(--c-papir-tmavsi); }
.darky__obal { max-width: var(--sirka); margin: 0 auto; padding: 0 var(--okraj); }
.darky__hlava { display: grid; gap: 2rem; }
.darky__rukopis { color: var(--c-cerna); }
.darky__nadpis { max-width: 17ch; margin: 1rem 0 0; color: var(--fg-normal); font-size: 2.4rem; font-weight: 700; line-height: 1.12; }
.darky__nadpis span { color: var(--c-cerna-mekka); }
.darky__veta { max-width: 48ch; margin: 0; color: var(--fg-muted); font-size: 1.08rem; font-weight: 500; line-height: 1.65; }
.darky__mrizka { display: grid; gap: 1.5rem; margin-top: 3.5rem; }
.darky__karta {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--c-linka);
    background: var(--c-papir);
}
.darky__foto { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--c-papir); }
.darky__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s ease; }
.darky__karta:hover .darky__foto img { transform: scale(1.035); }
.darky__stitek {
    position: absolute;
    left: 1.25rem;
    top: 1.25rem;
    padding: 0.375rem 0.75rem;
    background: var(--c-cerna);
    color: var(--c-sampan-svetla);
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
}
.darky__telo { display: flex; flex: 1; flex-direction: column; padding: 1.5rem; }
.darky__nazev { margin: 0; color: var(--fg-normal); font-size: 1.45rem; font-weight: 700; }
.darky__popis { margin: 0.5rem 0 0; color: var(--fg-muted); font-size: 0.98rem; line-height: 1.5rem; }
.darky__vlastnosti {
    display: grid;
    gap: 0.75rem;
    margin: 1.5rem 0 0;
    padding: 1.25rem 0 0;
    border-top: 1px solid var(--c-linka);
    list-style: none;
    color: var(--fg-normal);
    font-size: 0.95rem;
}
.darky__vlastnosti li { display: flex; gap: 0.75rem; }
.darky__vlastnosti .ikona { margin-top: 0.15rem; color: var(--c-cerna); }
.darky__tlacitko { margin-top: auto; min-height: 3rem; }
.darky__vlastnosti + .darky__tlacitko { margin-top: 1.75rem; }
.darky__postup {
    display: grid;
    gap: 1.75rem;
    margin-top: 3rem;
    padding: 2rem 0;
    border-block: 1px solid var(--c-linka);
}
.darky__krok { display: flex; gap: 1rem; }
.darky__ikona {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    flex: none;
    border: 1px solid var(--c-cerna);
    color: var(--c-cerna);
    font-size: 1.25rem;
}
.darky__krok-nazev { margin: 0; color: var(--fg-normal); font-weight: 600; }
.darky__krok-text { margin: 0.25rem 0 0; color: var(--fg-muted); font-size: 0.875rem; line-height: 1.5rem; }

@media (min-width: 768px) {
    .darky { padding: 7rem 0; }
    .darky__nadpis { font-size: 3.3rem; }
    .darky__postup { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1024px) {
    .darky__hlava { grid-template-columns: 1.15fr 0.85fr; align-items: end; }
    .darky__veta { justify-self: end; }
    .darky__mrizka { grid-template-columns: repeat(3, 1fr); }
}


/* ---------- Blok „Víno a DPH“ (v4; dnes vypnutý v tpl/homepage.php) ---------- */

.dane { padding: 4rem var(--okraj); background: var(--c-papir); }
.dane__obal { max-width: var(--sirka-clanku); margin: 0 auto; }
.dane__nadpis { margin: 0; font-size: 2rem; line-height: 1.15; }
.dane__veta { margin: 1rem 0 0; color: var(--fg-muted); font-size: 1.05rem; line-height: 1.65; }
.dane__titul { margin: 1.5rem 0 0; font-weight: 600; }
.dane__podminky { display: grid; gap: 0.5rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.dane__podminka { display: flex; gap: 0.75rem; }
.dane__podminka .ikona { margin-top: 0.2rem; color: var(--c-cerna); }
.dane__vice a { color: var(--c-cerna); font-weight: 600; }