/* ===== PŘIDAT TENTO KÓD PRO LEPŠÍ ZOBRAZENÍ NA MOBILU ===== */
@media (max-width: 768px) {
    .mushroom-item-advanced {
        flex-direction: column; /* Změní rozložení na vertikální (obrázek nahoře, text dole) */
        text-align: center; /* Vycentruje text pod obrázkem */
        gap: 10px;
    }

    .mushroom-item-advanced .mushroom-image-advanced img {
        width: 150px;  /* VÝRAZNĚ ZVĚTŠÍ OBRÁZEK */
        height: 150px; /* Zachová čtvercový poměr */
        margin-bottom: 10px; /* Vytvoří mezeru mezi obrázkem a nadpisem */
    }

    .mushroom-item-advanced .mushroom-text-advanced h4 {
        font-size: 14pt; /* Mírně zmenšíme nadpis pro lepší proporce */
    }
}

/* === Styly pro stránku Komplex 7 hub (AKTUALIZOVANÁ VERZE) === */

.mushroom-complex-page {
    font-family: Arial, sans-serif;
    color: #333;
    background-color: #FCFDFB; /* Velmi jemné pozadí pro čistý vzhled */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    animation: fadeInPage 1s ease-in-out;
}

.mushroom-complex-page .section-title {
    font-size: 22pt;
    font-weight: bold;
    color: #2e7d32; /* Tmavší zelená pro hlavní nadpisy */
    text-align: center;
    margin-bottom: 15px;
    border-bottom: 2px solid #e8f5e9;
    padding-bottom: 10px;
}

.mushroom-complex-page .section-text {
    font-size: 13pt;
    color: #333;
    line-height: 1.7;
    margin-bottom: 25px;
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Mřížka s hlavními výhodami */
.mushroom-complex-page .features-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin: 30px 0;
}

.mushroom-complex-page .feature-box {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 25px;
    text-align: center;
    flex: 1;
    min-width: 240px;
    max-width: 300px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mushroom-complex-page .feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.mushroom-complex-page .feature-icon {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto 15px auto;
}

.mushroom-complex-page .feature-box h4 {
    font-size: 14pt;
    color: #388e3c;
    margin-bottom: 10px;
    font-weight: bold;
}

.mushroom-complex-page .feature-box p {
    font-size: 11pt;
    color: #555;
    margin: 0;
    line-height: 1.5;
}

/* NOVÝ STYL pro pokročilou galerii hub (Možnost B) */
.mushroom-grid-advanced {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Dva sloupce */
    gap: 25px;
    margin: 30px 0;
}

.mushroom-item-advanced {
    background: linear-gradient(145deg, #f8faf6, #ffffff);
    border-radius: 12px;
    padding: 20px;
    border: 1px solid #e8f5e9;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    display: flex;
    align-items: center;
    gap: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mushroom-item-advanced:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.mushroom-item-advanced .mushroom-image-advanced img {
    width: 120px;
    height: 120px;
    border-radius: 10px;
    object-fit: contain; /* TOTO JE OPRAVA */
    flex-shrink: 0;
}

.mushroom-item-advanced .mushroom-text-advanced h4 {
    margin: 0 0 8px 0;
    color: #32cb00;
    font-size: 16pt;
}

.mushroom-item-advanced .mushroom-text-advanced p {
    margin: 0;
    font-size: 12pt;
    color: #444;
    line-height: 1.6;
}
/* Responzivita pro galerii hub - na mobilu pod sebou */
@media (max-width: 768px) {
    .mushroom-grid-advanced {
        grid-template-columns: 1fr; /* Jeden sloupec na mobilu */
    }
}


/* Zvýrazněná sekce (Jak používat) */
.mushroom-complex-page .highlight-section {
    background-color: #e8f5e9;
    padding: 25px;
    border-radius: 12px;
    margin: 30px 0;
    border-left: 5px solid #4caf50;
}

/* Sekce důvěry - Proč si vybrat nás? */
.mushroom-complex-page .trust-section {
    background: linear-gradient(135deg, #f0f8e2 0%, #e8f5e9 100%);
    padding: 30px;
    border-radius: 12px;
    margin: 30px 0;
    border: 1px solid #d0e8d2;
    position: relative;
    overflow: hidden;
}

.mushroom-complex-page .trust-section .sub-title {
    color: #2e7d32;
    font-size: 18pt;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
}

.mushroom-complex-page .trust-section p {
    font-size: 12pt;
    line-height: 1.7;
    color: #444;
}

.mushroom-complex-page .trust-section .trust-signature {
    font-style: italic;
    font-size: 12pt;
    color: #388e3c;
    text-align: right;
    margin-top: 20px;
    border-top: 1px solid #d0e8d2;
    padding-top: 15px;
}

/* Animace */
@keyframes fadeInPage {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}
/* Matcha Premium Product Page Styles */
.matcha-premium {
    background-color: #f8faf6; /* Jemnž zelenť pozadŪ pro prťmiovż dojem */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.update-notice {
    background-color: #ffffcc;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 12pt;
    border-left: 4px solid #32cb00;
}

.section-title {
    font-size: 16pt;
    color: #32cb00;
    margin-bottom: 15px;
    border-bottom: 2px solid #4caf50;
    padding-bottom: 5px;
    position: relative;
}

.sub-title {
    font-size: 14pt;
    color: #32cb00;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.section-text {
    font-size: 12pt;
    color: #333;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Novż styl pro "okťnka" (inspirovŠno kdekoupitkombuchu.cz) */
.features-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin: 20px 0;
}

.feature-box {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 25px;
    text-align: center;
    flex: 1;
    min-width: 220px;
    max-width: 280px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-box:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

.feature-icon {
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto 15px auto;
}

.feature-box h4 {
    font-size: 14pt;
    color: #333;
    margin-bottom: 10px;
    font-weight: bold;
}

.feature-box p {
    font-size: 11pt;
    color: #666;
    margin: 0;
    line-height: 1.5;
}

/* Styl pro sekce "ChuĚ, výnž a struktura" a "Informace o balenŪ" */
.highlight-section {
    background-color: #e8f5e9; /* Jemnž zelenť pozadŪ, ladŪ s matcha tťmatem */
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border-left: 4px solid #4caf50; /* Zelenż pruh na levť stranž pro zvżraznžnŪ */
}

.highlight-section .sub-title {
    color: #388e3c; /* TmavöŪ zelenŠ pro nadpis */
    margin-top: 0;
    margin-bottom: 15px;
    text-align: left;
    justify-content: flex-start;
}

.highlight-section .section-text {
    color: #444;
    font-size: 12pt;
    line-height: 1.6;
}

/* Styl pro sekci "ProŤ si vybrat nŠs?" */
.trust-section {
    background: linear-gradient(135deg, #f0f8e2 0%, #e8f5e9 100%); /* PÝechod od svžtle zelenť k jeötž svžtlejöŪ */
    padding: 25px;
    border-radius: 12px;
    margin: 25px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border: 1px solid #d0e8d2; /* Jemnż rŠmeŤek */
    position: relative;
    overflow: hidden;
    animation: fadeInTrust 1.2s ease forwards;
}

.trust-section::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(76, 175, 80, 0.2) 0%, transparent 70%); /* Jemnż zelenż kruh */
    border-radius: 50%;
}

.trust-section .sub-title {
    color: #2e7d32; /* TmavöŪ zelenŠ pro nadpis */
    margin-top: 0;
    margin-bottom: 15px;
    text-align: left;
    justify-content: flex-start;
    font-size: 16pt;
    font-weight: bold;
}

.trust-section .trust-text {
    color: #444;
    font-size: 12pt;
    line-height: 1.7;
    margin-bottom: 15px;
    position: relative;
}

.trust-section .trust-text strong {
    color: #4caf50; /* ZelenŠ pro zvżraznžnŪ klŪŤovżch slov */
    font-weight: 600;
}

.trust-section .trust-signature {
    font-style: italic;
    font-size: 11pt;
    color: #388e3c; /* TmavöŪ zelenŠ pro podpis */
    text-align: right;
    margin-top: 20px;
    margin-bottom: 0;
    border-top: 1px solid #d0e8d2; /* JemnŠ ŤŠra nad podpisem */
    padding-top: 10px;
}

@keyframes fadeInTrust {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

.info-table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    font-size: 12pt;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.info-table td {
    padding: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.info-table td:first-child {
    font-weight: bold;
    color: #333;
    background-color: #f0f8e2;
}

.premium-highlight {
    font-size: 14pt;
    font-style: italic;
    color: #4caf50;
    text-align: center;
    padding: 10px;
    background-color: #e8f5e9;
    border-radius: 5px;
    margin-top: 20px;
}

.fade-in {
    opacity: 0;
    animation: fadeIn 1s ease forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.center { text-align: center; }

.video-button {
    display: inline-block;
    background-color: #4caf50;
    color: white;
    padding: 12px 25px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.video-button:hover {
    background-color: #388e3c;
    transform: scale(1.05);
}

.products-grid {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.product-card {
    flex: 1;
    min-width: 200px;
    max-width: 250px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.product-image {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
    transition: opacity 0.3s ease;
}

.product-image:hover {
    opacity: 0.9;
}

.product-title {
    color: #4caf50;
    font-size: 14pt;
    margin-bottom: 5px;
}

.product-button {
    display: inline-block;
    background-color: #4caf50;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.product-button:hover {
    background-color: #388e3c;
    transform: scale(1.05);
}

/* ResponzivnŪ ķpravy */
@media only screen and (max-width: 768px) {
    .matcha-premium {
        padding: 15px;
    }

    .section-title {
        font-size: 14pt;
    }

    .sub-title {
        font-size: 12pt;
    }

    .section-text {
        font-size: 11pt;
    }

    .feature-box {
        min-width: 150px;
        max-width: 180px;
        padding: 15px;
    }

    .feature-icon {
        width: 90px;
        height: 90px;
    }

    .feature-box h4 {
        font-size: 12pt;
    }

    .feature-box p {
        font-size: 10pt;
    }

    .highlight-section {
        padding: 15px;
    }

    .highlight-section .section-text {
        font-size: 11pt;
    }

    .trust-section {
        padding: 15px;
    }

    .trust-section .sub-title {
        font-size: 14pt;
    }

    .trust-section .trust-text {
        font-size: 11pt;
    }

    .trust-section .trust-signature {
        font-size: 10pt;
    }

    .info-table {
        font-size: 11pt;
    }

    .info-table td {
        padding: 8px;
    }

    .product-card {
        min-width: 160px;
        max-width: 200px;
        padding: 10px;
    }

    .product-title {
        font-size: 12pt;
    }

    .product-button {
        padding: 8px 15px;
        font-size: 11pt;
    }
}

/* Styly pro OstropestÝec mariŠnskż */
.silybum-detailed-description {
    font-family: Arial, sans-serif;
    color: #333;
    background-color: #f9fbe7; /* Jemnž ělutť pozadŪ pro zdravż a pÝŪrodnŪ dojem */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.silybum-section-title {
    text-align: center;
    color: #4caf50;
    font-size: 20pt;
    margin-bottom: 10px;
    border-bottom: 2px solid #a5d6a7;
    padding-bottom: 5px;
}

.silybum-section-subtitle {
    color: #000000;
    font-size: 16pt;
    text-align: center;
    margin-bottom: 15px;
    font-weight: normal;
}

.silybum-section-text {
    font-size: 12pt;
    line-height: 1.6;
    color: #333;
    margin-bottom: 15px;
}

.silybum-intro-text {
    background-color: #e8f5e9;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 25px;
}

.silybum-features-grid {
    padding: 20px;
    background: linear-gradient(135deg, #dcedc8, #c8e6c9);
    border-radius: 15px;
    margin: 30px 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.silybum-features-grid .silybum-sub-title {
    color: #387002;
    font-size: 20pt;
    margin-bottom: 20px;
    text-align: center;
}

.silybum-feature-box {
    flex-basis: 45%;
    margin-bottom: 15px;
    background-color: #ffffff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.silybum-feature-box:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.silybum-feature-box h3 {
    color: #387002;
    font-size: 14pt;
    margin-bottom: 5px;
}

.silybum-feature-box p {
    font-size: 12pt;
    color: #2a5501;
    line-height: 1.5;
}

.silybum-highlight-section {
    padding: 15px;
    background-color: #f1f8e9;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 20px 0;
}

.silybum-highlight-section .silybum-sub-title {
    color: #558b2f;
    font-size: 16pt;
    text-align: left;
    margin-bottom: 15px;
}

.silybum-highlight-section .silybum-section-text {
    color: #000000;
}

.silybum-highlight-section .silybum-bio-link {
    color: #558b2f;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.silybum-highlight-section .silybum-bio-link:hover {
    color: #2e7d32;
}

.silybum-benefits-list {
    padding: 19px;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 25px;
    background-color: #f9fbe7;
}

.silybum-benefits-list .silybum-sub-title {
    color: #558b2f;
    font-size: 16pt;
    margin-bottom: 15px;
    text-align: left;
}

.silybum-benefits-list ul {
    font-size: 12pt;
    line-height: 1.8;
    padding-left: 20px;
}

.silybum-benefits-list li {
    margin-bottom: 8px;
}

.silybum-benefits-list li strong {
    color: #387002;
}

.silybum-nutrition-table {
    padding: 15px;
    background-color: #e0f2f1;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 20px 0;
}

.silybum-nutrition-table .silybum-sub-title {
    color: #00695c;
    font-size: 16pt;
    text-align: center;
    margin-bottom: 15px;
}

.silybum-nutrition-table table {
    width: 100%;
    border-collapse: collapse;
    font-size: 11pt;
}

.silybum-nutrition-table thead tr {
    background-color: #b2dfdb;
}

.silybum-nutrition-table th, .silybum-nutrition-table td {
    padding: 10px;
    border: 1px solid #00695c;
}

.silybum-nutrition-table th {
    text-align: left;
}

.silybum-nutrition-table td:nth-child(2), .silybum-nutrition-table td:nth-child(3) {
    text-align: right;
}

.silybum-nutrition-table .silybum-indented {
    padding-left: 25px;
}

.silybum-nutrition-table .silybum-double-indented {
    padding-left: 40px;
}

.silybum-nutrition-table .silybum-rhp-note {
    font-size: 9pt;
    text-align: right;
    margin-top: 5px;
    color: #004d40;
}

.silybum-important-info {
    padding: 15px;
    background-color: #fffde7;
    border-left: 5px solid #fbc02d;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 25px;
}

.silybum-important-info .silybum-sub-title {
    color: #f57f17;
    font-size: 16pt;
    margin-bottom: 10px;
    text-align: left;
}

.silybum-important-info .silybum-info-subtitle {
    color: #f57f17;
    font-size: 14pt;
    margin-top: 15px;
    margin-bottom: 5px;
}

.silybum-trust-section {
    background: linear-gradient(135deg, #f0f8e2 0%, #e8f5e9 100%);
    padding: 25px;
    border-radius: 12px;
    margin: 25px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border: 1px solid #d0e8d2;
    position: relative;
    overflow: hidden;
    animation: fadeInTrustSilybum 1.2s ease forwards;
}

.silybum-trust-section::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(76, 175, 80, 0.2) 0%, transparent 70%);
    border-radius: 50%;
}

.silybum-trust-section .silybum-sub-title {
    color: #2e7d32;
    margin-top: 0;
    margin-bottom: 15px;
    text-align: left;
    justify-content: flex-start;
    font-size: 16pt;
    font-weight: bold;
}

.silybum-trust-section .silybum-trust-text {
    color: #444;
    font-size: 12pt;
    line-height: 1.7;
    margin-bottom: 15px;
    position: relative;
}

.silybum-trust-section .silybum-trust-text strong {
    color: #4caf50;
    font-weight: 600;
}

.silybum-trust-section .silybum-trust-signature {
    font-style: italic;
    font-size: 11pt;
    color: #388e3c;
    text-align: right;
    margin-top: 20px;
    margin-bottom: 0;
    border-top: 1px solid #d0e8d2;
    padding-top: 10px;
}

@keyframes fadeInTrustSilybum {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

.silybum-promo-section {
    padding: 12px;
    border-radius: 8px;
    text-align: center;
    margin: 20px 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.silybum-promo-section:nth-child(1) {
    background: #e0ffe0;
}

.silybum-promo-section:nth-child(1) p a {
    color: #4caf50;
    font-weight: bold;
    font-size: 14pt;
    text-decoration: none;
}

.silybum-promo-section:nth-child(2) {
    background: #f8d0e0;
}

.silybum-promo-section:nth-child(2) a {
    color: #fb00ff;
    font-weight: bold;
    font-size: 14pt;
    text-decoration: none;
}

.silybum-promo-section:nth-child(3) {
    background: #f3e5f5;
}

.silybum-promo-section:nth-child(3) a {
    color: #8e24aa;
    font-weight: bold;
    font-size: 14pt;
    text-decoration: none;
}

.silybum-rating-stars {
    margin-top: 5px;
}

.silybum-rating-stars span {
    color: #ffd700;
    font-size: 16pt;
}

.silybum-products-grid {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}

.silybum-products-grid .silybum-sub-title {
    color: #4caf50;
    font-size: 18pt;
    margin-bottom: 20px;
    text-align: center;
}

.silybum-products-grid .silybum-section-text {
    text-align: center;
    margin-bottom: 20px;
}

.silybum-product-card {
    flex: 1;
    min-width: 200px;
    max-width: 250px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.silybum-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.silybum-product-image {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 10px;
    transition: opacity 0.3s ease;
}

.silybum-product-image:hover {
    opacity: 0.9;
}

.silybum-product-title {
    color: #4caf50;
    font-size: 14pt;
    margin-bottom: 5px;
}

.silybum-product-button {
    display: inline-block;
    background-color: #4caf50;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.silybum-product-button:hover {
    background-color: #388e3c;
    transform: scale(1.05);
}

.silybum-footer-text {
    text-align: center;
    font-size: 12pt;
    margin-top: 30px;
    color: #4caf50;
}

.fade-in-silybum {
    opacity: 0;
    animation: fadeInSilybum 1s ease forwards;
}

@keyframes fadeInSilybum {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.silybum-center {
    text-align: center;
}

/* ResponzivnŪ ķpravy pro OstropestÝec */
@media only screen and (max-width: 768px) {
    .silybum-detailed-description {
        padding: 15px;
    }

    .silybum-section-title {
        font-size: 16pt;
    }

    .silybum-section-subtitle {
        font-size: 14pt;
    }

    .silybum-section-text {
        font-size: 11pt;
    }

    .silybum-features-grid {
        padding: 15px;
    }

    .silybum-features-grid .silybum-sub-title {
        font-size: 16pt;
    }

    .silybum-feature-box {
        flex-basis: 100%;
        min-width: 150px;
        max-width: 100%;
        padding: 15px;
    }

    .silybum-feature-box h3 {
        font-size: 12pt;
    }

    .silybum-feature-box p {
        font-size: 10pt;
    }

    .silybum-highlight-section {
        padding: 10px;
    }

    .silybum-highlight-section .silybum-sub-title {
        font-size: 14pt;
    }

    .silybum-highlight-section .silybum-section-text {
        font-size: 11pt;
    }

    .silybum-benefits-list {
        padding: 15px;
    }

    .silybum-benefits-list .silybum-sub-title {
        font-size: 14pt;
    }

    .silybum-benefits-list ul {
        font-size: 11pt;
    }

    .silybum-nutrition-table {
        padding: 10px;
    }

    .silybum-nutrition-table .silybum-sub-title {
        font-size: 14pt;
    }

    .silybum-nutrition-table table {
        font-size: 10pt;
    }

    .silybum-nutrition-table th, .silybum-nutrition-table td {
        padding: 8px;
    }

    .silybum-important-info {
        padding: 10px;
    }

    .silybum-important-info .silybum-sub-title {
        font-size: 14pt;
    }

    .silybum-important-info .silybum-info-subtitle {
        font-size: 12pt;
    }

    .silybum-trust-section {
        padding: 15px;
    }

    .silybum-trust-section .silybum-sub-title {
        font-size: 14pt;
    }

    .silybum-trust-section .silybum-trust-text {
        font-size: 11pt;
    }

    .silybum-trust-section .silybum-trust-signature {
        font-size: 10pt;
    }

    .silybum-promo-section {
        padding: 10px;
    }

    .silybum-promo-section p a, .silybum-promo-section a {
        font-size: 12pt;
    }

    .silybum-rating-stars span {
        font-size: 14pt;
    }

    .silybum-products-grid .silybum-sub-title {
        font-size: 16pt;
    }

    .silybum-product-card {
        min-width: 160px;
        max-width: 200px;
        padding: 10px;
        height: 360px;
    }

    .silybum-product-image {
        height: 120px;
    }

    .silybum-product-title {
        font-size: 12pt;
    }

    .silybum-product-button {
        padding: 8px 15px;
        font-size: 11pt;
    }

    .silybum-footer-text {
        font-size: 11pt;
    }
}

/* === StylovŠnŪ sekce Poklidnť rŠno === */
.product-poklidne-rano {
  font-family: Arial, sans-serif;
  color: #000;
  padding: 20px 0;
  animation: fadeIn 1s ease-in-out;
}

.product-poklidne-rano .section-title {
  font-size: 24pt;
  color: #2e7d32;
  margin-bottom: 10px;
}

.product-poklidne-rano .section-text {
  font-size: 14pt;
  margin-bottom: 25px;
}

.product-poklidne-rano .features-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}

.product-poklidne-rano .feature-box {
  flex: 1 1 300px;
  background: #f0fdf4;
  border: 1px solid #c8e6c9;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
}

.product-poklidne-rano .feature-box h4 {
  margin-top: 10px;
  font-size: 16pt;
  color: #388e3c;
}

.product-poklidne-rano .feature-box p {
  font-size: 12pt;
}

.product-poklidne-rano .feature-icon {
  width: 50px;
  height: auto;
}

.section-divider {
  border: none;
  border-top: 2px solid #e0e0e0;
  margin: 40px 0;
}

.product-poklidne-rano .section-subtitle {
  font-size: 18pt;
  margin-bottom: 20px;
  color: #33691e;
}

.herbs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-bottom: 30px;
}

.herb-card {
  background-color: #f9fbe7;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #dce775;
}

.herb-card h3 {
  font-size: 14pt;
  margin-bottom: 10px;
  color: #558b2f;
}

.herb-card p {
  font-size: 12pt;
}

.organic-note {
  font-style: italic;
  color: #666;
  font-size: 11pt;
  margin-top: -10px;
  margin-bottom: 30px;
}

.preparation-steps {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 13pt;
  margin-bottom: 30px;
}

.certification-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  margin-bottom: 40px;
}

.certification-box {
  text-align: center;
  font-size: 12pt;
  color: #2e7d32;
}

.recommend-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}

.recommend-card {
  flex: 1 1 240px;
  text-align: center;
}

.recommend-card img {
  width: 100%;
  max-width: 220px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  margin-bottom: 8px;
}

.recommend-card p {
  font-size: 12pt;
  color: #000;
}

/* CTA Box */
.cta-box {
  background: linear-gradient(145deg, #e8f5e9, #f1f8e9);
  border: 1px solid #c5e1a5;
  border-radius: 12px;
  padding: 25px;
  text-align: center;
  margin-bottom: 60px;
}

.cta-heading {
  font-size: 18pt;
  color: #33691e;
  margin-bottom: 10px;
}

.cta-text {
  font-size: 13pt;
  margin-bottom: 20px;
}

.cta-button {
  background-color: #43a047;
  color: #fff;
  padding: 12px 24px;
  font-size: 13pt;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.cta-button:hover {
  background-color: #2e7d32;
}

/* Animace */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* === Vyhonky: Back-to-top button === */
:root{
  --vyhonky-green:#32cb00;
  --vyhonky-green-hover:#28a745;
}
.back-to-top{
  position:fixed;
  right:16px;
  bottom:100px; /* PC základ */
  width:52px;height:52px;
  border-radius:50%;
  background:var(--vyhonky-green);
  color:#fff;border:none;display:grid;place-items:center;
  box-shadow:0 10px 18px rgba(0,0,0,.18);
  cursor:pointer;z-index:9999;
  opacity:0; /* default neviditelné */
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .25s ease,transform .25s ease,background-color .2s ease,visibility .25s;
}
/* méně výrazná, dokud na ni uživatel „nesáhne“ */
.back-to-top.is-visible{ opacity:.5; visibility:visible; transform:translateY(0) }
.back-to-top:hover,.back-to-top:focus{ background:var(--vyhonky-green-hover); opacity:1; outline:none }
.back-to-top svg{ width:22px; height:22px }

/* Mobil – posun výš, ať nepřekáží widgetům */
@media (max-width:768px){
  .back-to-top{
    width:48px;height:48px;
    right:12px;
    bottom:120px; /* klidně dolaďte 180–240 px */
  }
}


/* === Vyhonky: Reveal efekt pro klíčové boxy === */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.reveal.reveal--visible{opacity:1;transform:none}

/* Homepage intro – mobilní čitelnost */
.hp-body,
.hp-lead { text-wrap: pretty; }

@supports (hyphens:auto) {
  html[lang="cs"] .hp-body { hyphens: auto; -webkit-hyphens: auto; }
}

@media (max-width: 768px) {
  .hp-body,
  .hp-lead { padding: 0 10px; } /* malé postranní odsazení na mobilech */
}

@media (max-width: 768px){
  .custom-footer__section3 {
    display: none !important;
  }
}
/* === REISHI – SCOPED STYLES (komplet) === */
#reishi-section.rs{
  --c:#2e7d32; --c2:#1d5a22; --bg:#f7fff7; --bd:#e6efe6;
  --mint:#eaf7ef; --mint-bd:#d6ebdc;
  --sky:#e9f4ff;  --sky-bd:#d7e7ff;
  --sand:#fff1e3; --sand-bd:#f3e1cc;
  --chip-bg:#f0fbf0; --chip-bd:#d6efd6;
  --shadow:0 10px 24px rgba(0,0,0,.08);
  --shadow-sm:0 4px 12px rgba(0,0,0,.06);
  font-family: Arial,Helvetica,sans-serif; color:#111; line-height:1.65;
}

/* wrapper + karty */
#reishi-section .rs-wrap{max-width:1080px;margin:0 auto;padding:0 16px}
#reishi-section .rs-card{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:16px;box-shadow:0 1px 8px rgba(0,0,0,.04);margin:12px 0}
#reishi-section .rs-hero{background:var(--bg)}
#reishi-section .rs-h2{font-size:26px;color:var(--c);margin:2px 0 6px}
#reishi-section .rs-h3{font-size:20px;color:var(--c);margin:0 0 10px}
#reishi-section .rs-lead{margin:6px 0 10px;max-width:880px}
#reishi-section .rs-hero-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;align-items:center}

#reishi-section .rs-hero-figure{margin:0}
#reishi-section .rs-img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.10)}
#reishi-section .rs-cap{color:var(--c);font-style:italic;margin-top:6px;text-align:center}

/* chips */
#reishi-section .rs-benefits{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;margin-top:8px}
#reishi-section .rs-benefits span{
  background:var(--chip-bg);border:1px solid var(--chip-bd);
  border-radius:999px;padding:6px 10px;font-weight:600;font-size:13px
}

/* === DLAŽDICE (Proč to funguje) === */
#reishi-section .rs-tiles{display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}
#reishi-section .rs-tile{
  background:#fff;border:1px solid #e9eef1;border-radius:12px;padding:14px;
  box-shadow:var(--shadow-sm);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  will-change:transform;
}
#reishi-section .rs-tile:hover,
#reishi-section .rs-tile:focus-within{
  transform:translateY(-4px) scale(1.02);
  box-shadow:var(--shadow);
  border-color:#d5e7d8;
}
#reishi-section .rs-tile:focus-within{outline:2px solid #a7d7b0; outline-offset:2px}
#reishi-section .rs-tile .rs-tile-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
#reishi-section .rs-tile h3{margin:0 0 6px;color:var(--c);font-size:16px}

/* barevné varianty dlaždic */
#reishi-section .rs-tile--mint{background:var(--mint); border-color:var(--mint-bd)}
#reishi-section .rs-tile--sky{ background:var(--sky);  border-color:var(--sky-bd)}
#reishi-section .rs-tile--sand{background:var(--sand); border-color:var(--sand-bd)}

/* === RITUÁL – kroky jako karty s ikonou === */
#reishi-section .rs-accent{border-left:6px solid var(--c);background:#f3fbf3}
#reishi-section .rs-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
#reishi-section .rs-steps li{
  display:flex;align-items:flex-start;gap:10px;background:#ffffff;border:1px solid #e9eef1;
  border-radius:12px;padding:12px;box-shadow:var(--shadow-sm)
}
#reishi-section .rs-step-ico{
  width:28px;height:28px;display:grid;place-items:center;
  border-radius:8px;background:#eef6ee;font-size:16px;color:#1b5e20;flex:0 0 28px
}

/* === Tabulka === */
#reishi-section .rs-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;box-shadow:0 1px 8px rgba(0,0,0,.06)}
#reishi-section .rs-table td{padding:12px;border-bottom:1px solid #eef4ee;vertical-align:top}
#reishi-section .rs-table tr:nth-child(odd) td:first-child{background:#f2fbf3;font-weight:700;width:260px}
#reishi-section .rs-table tr:last-child td{border-bottom:none}

/* === Edu box + upozornění === */
#reishi-section .rs-edu{border-left:6px solid #bfe9bf;background:#fafafa}
#reishi-section .rs-list{padding-left:18px;margin:6px 0 0}
#reishi-section .rs-note{background:#fffbe6;border:1px solid #f1e4b7;border-left:6px solid #f4c84e;border-radius:12px;padding:14px;margin:12px auto}
#reishi-section .rs-muted{color:#555}

/* === FAQ bez JS (details) === */
#reishi-section .rs-faq-item{
  border:1px solid #e9eef1;border-radius:10px;margin:8px 0;overflow:hidden;background:#fff
}
#reishi-section .rs-faq-item > summary{
  cursor:pointer;padding:12px 14px;font-weight:700;list-style:none;position:relative
}
#reishi-section .rs-faq-item > summary::marker{display:none}
#reishi-section .rs-faq-item > summary::after{
  content:"+";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-weight:700;color:#2f7d32
}
#reishi-section .rs-faq-item[open] > summary::after{content:"–"}
#reishi-section .rs-faq-body{padding:0 14px 12px;color:#222}

/* === CTA pruh (pokud použiješ) === */
#reishi-section .rs-cta-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#eef8ef;border:1px solid #d9edd9;border-radius:12px;padding:14px;flex-wrap:wrap}
#reishi-section .rs-cta-btn{display:inline-block;background:var(--c);color:#fff;text-decoration:none;padding:12px 22px;border-radius:10px;font-weight:700;box-shadow:var(--shadow-sm)}
#reishi-section .rs-cta-btn:hover{background:var(--c2)}

/* === Responsivita === */
@media (max-width: 1000px){
  #reishi-section .rs-h2{font-size:24px}
}
@media (max-width: 900px){
  #reishi-section .rs-hero-grid{grid-template-columns:1fr}
  #reishi-section .rs-tiles{grid-template-columns:1fr}
  #reishi-section .rs-steps{grid-template-columns:1fr}
  #reishi-section .rs-h3{font-size:18px}
  #reishi-section .rs-benefits span{font-size:12.5px}
  #reishi-section .rs-card{padding:14px}
}
@media (max-width: 640px){
  #reishi-section .rs-wrap{padding:0 12px}
  #reishi-section .rs-h2{font-size:22px}
  #reishi-section .rs-lead{font-size:15px}
  #reishi-section .rs-cap{font-size:13px}
  #reishi-section .rs-step-ico{width:30px;height:30px;font-size:17px;border-radius:10px}
  #reishi-section .rs-steps li{padding:12px}
}

/* Disable „zoom“ animace pro uživatele s reduced motion */
@media (prefers-reduced-motion: reduce){
  #reishi-section .rs-tile,
  #reishi-section .rs-cta-btn{transition:none}
}
/* ========== vyhonky.cz – MycoBaby Dračí sirup (UPGRADE v2.4 – black text, scoped, chips zelené, badges žluté) ========== */
/* ==== SCOPE: jen v rámci #mycobaby-draci-sirup-page ==== */
#mycobaby-draci-sirup-page * {
  box-sizing: border-box;
}
#mycobaby-draci-sirup-page {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  line-height: 1.6;
  color: #000;
  --green: #32cb00;
  --tone-yellow: #fffbe6; /* jemná žlutá pro pozadí badge */
  --tone-yellow-strong: #f1e4b7; /* sytější žlutá pro rámeček/hover */
  --tone-mint: #e8f5e9; /* světle zelená */
  --tone-sky: #e7f0ff; /* světle modrá */
  --tone-sand: #fff7e6; /* meruňkově krémová */
  --tone-lav: #f3e5f5; /* světle levandulová */
  --tone-lime: #f9fbe7; /* světle limetková */
  --bd: #e6e6e6;
  --txt: #000;
}
#mycobaby-draci-sirup-page .wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 12px;
}
#mycobaby-draci-sirup-page .header-section {
  text-align: center;
}
#mycobaby-draci-sirup-page .product-title {
  font-size: 22pt;
  color: #111;
  margin: 0 0 8px;
}
#mycobaby-draci-sirup-page .short-description {
  margin: 0 0 8px;
}
#mycobaby-draci-sirup-page .short-description ul {
  list-style: none;
  padding: 0;
  margin: 6px 0;
}
#mycobaby-draci-sirup-page .chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 8px 0 0;
}
#mycobaby-draci-sirup-page .chip {
  background: rgba(50,203,0,0.12);
  border: 1px solid rgba(50,203,0,0.25);
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 10.5pt;
  color: #000;
  transition: all .25s ease;
}
#mycobaby-draci-sirup-page .chip:hover {
  background: rgba(50,203,0,0.18);
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(50,203,0,0.15);
}
/* BADGES – rychlá důvěra (žluté) */
#mycobaby-draci-sirup-page .badges {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 8px 0 14px;
}
#mycobaby-draci-sirup-page .badge {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid var(--tone-yellow-strong);
  border-radius: 999px;
  background: var(--tone-yellow);
  box-shadow: 0 2px 6px rgba(0,0,0,.04);
  color: #000;
}
#mycobaby-draci-sirup-page .badge .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f4c84e;
  flex: 0 0 10px;
}
/* HERO */
#mycobaby-draci-sirup-page .hero {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  align-items: center;
  background: #FCFDFB;
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  padding: 18px;
  margin-top: 8px;
}
#mycobaby-draci-sirup-page .lead {
  margin: 0 0 10px;
  color: #000;
}
#mycobaby-draci-sirup-page .hero-figure {
  margin: 0;
}
#mycobaby-draci-sirup-page .hero-figure img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}
/* Emoční galerie */
#mycobaby-draci-sirup-page .gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 14px 0 18px;
}
#mycobaby-draci-sirup-page .gallery img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #e6e6e6;
  transition: transform .25s ease;
}
/* Dlaždice */
#mycobaby-draci-sirup-page .tiles {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px;
  margin: 16px 0;
}
#mycobaby-draci-sirup-page .tile {
  background: #fff;
  border: 1px solid var(--bd);
  border-radius: 12px;
  padding: 14px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
#mycobaby-draci-sirup-page .tile:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  border-color: #d9d9d9;
}
#mycobaby-draci-sirup-page .tile h3 {
  font-size: 13.5pt;
  color: #111;
  margin: 0 0 6px;
}
#mycobaby-draci-sirup-page .tiles .tile:nth-child(1) {
  background: var(--tone-lime);
}
#mycobaby-draci-sirup-page .tiles .tile:nth-child(2) {
  background: var(--tone-mint);
}
#mycobaby-draci-sirup-page .tiles .tile:nth-child(3) {
  background: var(--tone-sky);
}
/* Karty/sekce */
#mycobaby-draci-sirup-page .card {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  padding: 16px;
  margin: 12px 0;
  color: #000;
}
#mycobaby-draci-sirup-page .card h2,
#mycobaby-draci-sirup-page .card h3 {
  margin: 0 0 8px;
  color: #111;
}
/* Tabulka info */
#mycobaby-draci-sirup-page table.info {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 6px;
}
#mycobaby-draci-sirup-page table.info td {
  padding: 10px 12px;
  border-bottom: 1px solid #efefef;
  vertical-align: top;
}
#mycobaby-draci-sirup-page table.info tr td:first-child {
  background: #f5f5f5;
  width: 260px;
  font-weight: 700;
}
#mycobaby-draci-sirup-page table.info tr:last-child td {
  border-bottom: none;
}
/* Dávkování a upozornění */
#mycobaby-draci-sirup-page .dose ul {
  margin: 8px 0 0 18px;
}
#mycobaby-draci-sirup-page .note {
  background: #fffbe6;
  border: 1px solid #f1e4b7;
  border-left: 6px solid #f4c84e;
  border-radius: 12px;
  padding: 12px;
  margin: 14px 0;
  color: #000;
}
#mycobaby-draci-sirup-page .dose-note {
  margin: 8px 0 0;
}
/* Srovnávací tabulka */
#mycobaby-draci-sirup-page .fit-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 6px;
}
#mycobaby-draci-sirup-page .fit-table th,
#mycobaby-draci-sirup-page .fit-table td {
  border: 1px solid #e6e6e6;
  padding: 10px;
  text-align: left;
  color: #000;
}
#mycobaby-draci-sirup-page .fit-table th {
  background: #f7f7f7;
}
#mycobaby-draci-sirup-page .fit-table td.fit-yes {
  color: var(--green);
  font-weight: 700;
}
#mycobaby-draci-sirup-page .fit-note {
  font-size: 10.5pt;
  color: #444;
  margin-top: 6px;
}
/* FAQ */
#mycobaby-draci-sirup-page details {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  margin: 8px 0;
  background: #fff;
  overflow: hidden;
}
#mycobaby-draci-sirup-page summary {
  cursor: pointer;
  padding: 10px 12px;
  font-weight: 700;
  list-style: none;
  color: #000;
}
#mycobaby-draci-sirup-page summary::marker {
  display: none;
}
#mycobaby-draci-sirup-page summary::after {
  content: "+";
  float: right;
  color: #111;
  font-weight: 700;
}
#mycobaby-draci-sirup-page details[open] summary::after {
  content: "–";
}
#mycobaby-draci-sirup-page .faq-body {
  padding: 0 12px 12px;
  color: #000;
}
/* Složky – karty */
#mycobaby-draci-sirup-page .ingr-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 14px;
}
#mycobaby-draci-sirup-page .ingr-card {
  background: #fcfcfc;
  border: 1px solid var(--bd);
  border-radius: 12px;
  padding: 14px;
  color: #000;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
}
#mycobaby-draci-sirup-page .ingr-grid .ingr-card:nth-child(1) {
  background: var(--tone-mint);
}
#mycobaby-draci-sirup-page .ingr-grid .ingr-card:nth-child(2) {
  background: var(--tone-sky);
}
#mycobaby-draci-sirup-page .ingr-grid .ingr-card:nth-child(3) {
  background: var(--tone-sand);
}
#mycobaby-draci-sirup-page .ingr-grid .ingr-card:nth-child(4) {
  background: var(--tone-lav);
}
#mycobaby-draci-sirup-page .ingr-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}
#mycobaby-draci-sirup-page .ingr-card h3 {
  margin: 0 0 6px;
  color: #111;
  font-size: 13.5pt;
}
#mycobaby-draci-sirup-page .ingr-card .ingr-thumb img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#mycobaby-draci-sirup-page .muted {
  color: #555;
  font-size: 10.5pt;
  margin-top: 10px;
}
/* Cross-sell – neutrální základ */
#mycobaby-draci-sirup-page .related-wrap {
  margin-top: 8px;
}
#mycobaby-draci-sirup-page .rel-badges {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
}
#mycobaby-draci-sirup-page .rel-badge {
  padding: 12px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0,0,0,.06);
  border: 1px solid #e6e6e6;
  background: #f7f7f7;
  color: #000;
}
#mycobaby-draci-sirup-page .rel-badge a {
  font-weight: 700;
}
#mycobaby-draci-sirup-page .rel-badge .stars {
  color: #ffd700;
  font-size: 16pt;
  line-height: 1;
}
#mycobaby-draci-sirup-page .related-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 16px;
  margin-top: 14px;
}
#mycobaby-draci-sirup-page .rel-card {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 3px 10px rgba(0,0,0,.06);
  color: #000;
}
#mycobaby-draci-sirup-page .rel-top {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
#mycobaby-draci-sirup-page .pill {
  background: #efefef;
  color: #000;
  border: 1px solid #e0e0e0;
  border-radius: 999px;
  padding: 4px 8px;
  font-weight: 700;
  font-size: 10pt;
}
#mycobaby-draci-sirup-page .rel-title {
  font: 700 13.5pt Arial, Helvetica, sans-serif;
  margin: 6px 0;
  color: #000;
}
#mycobaby-draci-sirup-page .rel-img {
  width: 100%;
  height: 220px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  overflow: hidden;
}
#mycobaby-draci-sirup-page .rel-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
#mycobaby-draci-sirup-page .rel-btn {
  display: inline-block;
  background: #111;
  color: #fff;
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 999px;
  font-weight: 700;
  margin-top: auto;
  text-align: center;
}
#mycobaby-draci-sirup-page .rel-btn:hover {
  background: #000;
}
/* Odkazy – černé, decentní podtržení při hoveru */
#mycobaby-draci-sirup-page a {
  color: #000;
  text-decoration: none;
}
#mycobaby-draci-sirup-page a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  text-decoration-color: #32cb00;
}
/* Cross-sell sekce */
#mycobaby-draci-sirup-page .cross-sell-section {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  line-height: 1.55;
  font-size: 12pt;
  margin-top: 22px;
  text-align: center;
}
#mycobaby-draci-sirup-page .cross-sell-title {
  margin: 0 0 14px;
  font: 700 18pt Arial, Helvetica, sans-serif;
  color: #2e7d32;
}
#mycobaby-draci-sirup-page .cross-sell-text {
  margin: 0 0 18px;
  color: #444;
}
#mycobaby-draci-sirup-page .cross-sell-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  text-align: left;
}
#mycobaby-draci-sirup-page .cross-sell-card {
  flex: 1 1 280px;
  max-width: 340px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  padding: 14px;
  box-shadow: 0 3px 10px rgba(0,0,0,.06);
  display: flex;
  flex-direction: column;
}
#mycobaby-draci-sirup-page .cross-sell-card.kombucha {
  background: #f6fff5;
  border-color: #dbeedd;
}
#mycobaby-draci-sirup-page .cross-sell-card.microbiom {
  background: #fffaf0;
  border-color: #f0e3c3;
}
#mycobaby-draci-sirup-page .cross-sell-card.seven-mushrooms {
  background: #f7fbff;
  border-color: #d7e7ff;
}
#mycobaby-draci-sirup-page .cross-sell-card.tibi {
  background: #f6fff5;
  border-color: #dbeedd;
}
#mycobaby-draci-sirup-page .cross-sell-card.kombucha-2plus1 {
  background: #fff5f5;
  border-color: #ffd6d6;
}
#mycobaby-draci-sirup-page .cross-sell-card.microgreens {
  background: #f1f8e9;
  border-color: #dcebd2;
}
#mycobaby-draci-sirup-page .cross-sell-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}
#mycobaby-draci-sirup-page .cross-sell-price {
  margin: 0 0 8px;
}
#mycobaby-draci-sirup-page .cross-sell-price s {
  color: #666;
}
#mycobaby-draci-sirup-page .cross-sell-price strong {
  font-size: 13.5pt;
}
#mycobaby-draci-sirup-page .cross-sell-list {
  margin: 0 0 12px 16px;
  padding: 0;
}
#mycobaby-draci-sirup-page .cross-sell-divider {
  height: 10px;
  margin: 22px auto 0;
  max-width: 1000px;
  border-radius: 999px;
  background: repeating-linear-gradient(90deg, #f7e8e8 0 20px, #f9fdf6 20px 40px, #fffbe8 40px 60px, #f5f9ff 60px 80px, #f7f1ff 80px 100px);
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
#mycobaby-draci-sirup-page .cross-sell-link {
  text-align: center;
  margin: 12px 0 0;
}
#mycobaby-draci-sirup-page .cross-sell-link a {
  font-weight: 700;
  color: #2e7d32;
}
#mycobaby-draci-sirup-page .rs-card {
  padding: 0;
}
#mycobaby-draci-sirup-page .rel-badge.shop-benefits {
  background: #f8d0e0;
}
#mycobaby-draci-sirup-page .rel-badge.shop-benefits a {
  color: #fb00ff;
  font-size: 14pt;
}
#mycobaby-draci-sirup-page .rel-badge.free-shipping {
  background: #e0ffe0;
}
#mycobaby-draci-sirup-page .rel-badge.free-shipping a {
  color: #4caf50;
  font-size: 14pt;
  font-weight: 700;
}
#mycobaby-draci-sirup-page .rel-badge.reviews {
  background: #f3e5f5;
}
#mycobaby-draci-sirup-page .rel-badge.reviews a {
  color: #8e24aa;
  font-size: 14pt;
}
/* Responsivita */
@media (max-width: 980px) {
  #mycobaby-draci-sirup-page .hero {
    grid-template-columns: 1fr;
  }
  #mycobaby-draci-sirup-page .tiles {
    grid-template-columns: 1fr 1fr;
  }
  #mycobaby-draci-sirup-page .gallery {
    grid-template-columns: 1fr 1fr;
  }
  #mycobaby-draci-sirup-page .rel-badges {
    grid-template-columns: 1fr;
  }
  #mycobaby-draci-sirup-page .related-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  #mycobaby-draci-sirup-page .tiles,
  #mycobaby-draci-sirup-page .gallery,
  #mycobaby-draci-sirup-page .ingr-grid,
  #mycobaby-draci-sirup-page .related-grid {
    grid-template-columns: 1fr;
  }
}
/* ===== Mobile polish – vyhonky.cz (focused overrides for ≤768px) ===== */
@media (max-width: 768px) {
  #mycobaby-draci-sirup-page .wrap {
    padding: 8px;
  }
  /* Nadpis + perex */
  #mycobaby-draci-sirup-page .header-section {
    padding: 10px 0;
  }
  #mycobaby-draci-sirup-page .product-title {
    font-size: 18pt;
    line-height: 1.3;
    margin: 0 0 10px;
    text-wrap: balance;
    font-weight: 700;
    color: #111;
  }
  #mycobaby-draci-sirup-page .short-description {
    font-size: 11pt;
    line-height: 1.45;
    margin: 0 0 12px;
  }
  #mycobaby-draci-sirup-page .short-description ul {
    display: grid;
    gap: 8px;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
  }
  #mycobaby-draci-sirup-page .short-description li {
    margin: 0;
    text-align: center;
    font-size: 11pt;
  }
  #mycobaby-draci-sirup-page .short-description li strong {
    font-weight: 700;
  }
  /* Žluté badges – vodorovný scroller (1 řádek) */
  #mycobaby-draci-sirup-page .badges {
    overflow-x: auto;
    gap: 6px;
    padding: 4px 4px 6px;
    margin: 8px 0 12px;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    white-space: nowrap;
    display: flex;
    justify-content: center;
  }
  #mycobaby-draci-sirup-page .badges .badge {
    flex: 0 0 auto;
    scroll-snap-align: center;
    font-size: 10pt;
    padding: 7px 10px;
    border-radius: 10px;
    line-height: 1.3;
    background: var(--tone-yellow);
    border: 1px solid var(--tone-yellow-strong);
  }
  #mycobaby-draci-sirup-page .badges .badge .dot {
    width: 8px;
    height: 8px;
    background: #f4c84e;
  }
  /* Zelené chips – kompaktní a na jeden řádek přes scroll */
  #mycobaby-draci-sirup-page .chips {
    gap: 6px;
    margin: 8px 0 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    white-space: nowrap;
    display: flex;
    justify-content: center;
  }
  #mycobaby-draci-sirup-page .chip {
    flex: 0 0 auto;
    padding: 6px 10px;
    font-size: 9.5pt;
    border-radius: 10px;
    line-height: 1.3;
    background: rgba(50,203,0,0.12);
    border: 1px solid rgba(50,203,0,0.25);
  }
  #mycobaby-draci-sirup-page .chip:hover {
    background: rgba(50,203,0,0.18);
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(50,203,0,0.15);
  }
  /* HERO: text nad fotkou, kompaktnější mezery */
  #mycobaby-draci-sirup-page .hero {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px;
    border-radius: 10px;
  }
  #mycobaby-draci-sirup-page .lead {
    font-size: 11.5pt;
    line-height: 1.45;
    margin-bottom: 8px;
  }
  #mycobaby-draci-sirup-page .hero-figure img {
    border-radius: 10px;
    max-height: 260px;
    object-fit: cover;
  }
  /* Dlaždice (3 benefity) → 1 sloupec */
  #mycobaby-draci-sirup-page .tiles {
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 10px 0;
  }
  #mycobaby-draci-sirup-page .tile {
    padding: 10px;
    border-radius: 8px;
  }
  #mycobaby-draci-sirup-page .tile h3 {
    font-size: 12.5pt;
    margin: 0 0 4px;
  }
  #mycobaby-draci-sirup-page .tile p {
    font-size: 11pt;
  }
  /* Emoční galerie → 1 sloupec, přizpůsobená výška */
  #mycobaby-draci-sirup-page .gallery {
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 12px 0;
  }
  #mycobaby-draci-sirup-page .gallery img {
    height: 180px;
    border-radius: 8px;
  }
  /* Karty složek → 1 sloupec, větší náhled */
  #mycobaby-draci-sirup-page .ingr-grid {
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 10px 0;
  }
  #mycobaby-draci-sirup-page .ingr-card {
    padding: 10px;
    border-radius: 8px;
  }
  #mycobaby-draci-sirup-page .ingr-card .ingr-thumb {
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #mycobaby-draci-sirup-page .ingr-card .ingr-thumb img {
    max-height: 120px;
  }
  #mycobaby-draci-sirup-page .ingr-card h3 {
    font-size: 12.5pt;
  }
  #mycobaby-draci-sirup-page .ingr-card p {
    font-size: 11pt;
  }
  /* Tabulka „Složení a balení“ → čitelné karty */
  #mycobaby-draci-sirup-page table.info {
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
  }
  #mycobaby-draci-sirup-page table.info tr {
    display: block;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    margin: 0 0 8px;
    overflow: hidden;
  }
  #mycobaby-draci-sirup-page table.info td {
    display: block;
    border: none;
    padding: 8px 10px !important;
    font-size: 11pt;
  }
  #mycobaby-draci-sirup-page table.info tr td:first-child {
    width: auto;
    background: #f5f5f5;
    font-weight: 700;
    border-bottom: 1px solid #e6e6e6;
  }
  /* „Pro koho se hodí“ – 1 sloupec, jasné „Ano“ vpravo */
  #mycobaby-draci-sirup-page .fit-table thead {
    display: none;
  }
  #mycobaby-draci-sirup-page .fit-table tr {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px;
    padding: 8px;
    border-radius: 8px;
  }
  #mycobaby-draci-sirup-page .fit-table td {
    border: none;
    padding: 0;
    font-size: 11pt;
  }
  #mycobaby-draci-sirup-page .fit-table tr + tr {
    border-top: 1px solid #e6e6e6;
    padding-top: 10px;
    margin-top: 6px;
  }
  #mycobaby-draci-sirup-page .fit-table .fit-yes {
    text-align: right;
  }
  /* FAQ – větší tap area */
  #mycobaby-draci-sirup-page summary {
    padding: 10px 12px;
    font-size: 11pt;
    line-height: 1.4;
  }
  #mycobaby-draci-sirup-page .faq-body {
    font-size: 11pt;
    padding: 0 12px 10px;
  }
  /* Cross-sell → 1 sloupec, optimalizované mezery */
  #mycobaby-draci-sirup-page .rel-badges {
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 10px 0;
  }
  #mycobaby-draci-sirup-page .rel-badge {
    padding: 10px;
    border-radius: 8px;
  }
  #mycobaby-draci-sirup-page .related-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 12px 0;
  }
  #mycobaby-draci-sirup-page .rel-card {
    padding: 10px;
    border-radius: 8px;
  }
  #mycobaby-draci-sirup-page .rel-img {
    height: 200px;
  }
  #mycobaby-draci-sirup-page .rel-btn {
    padding: 7px 12px;
    font-size: 11pt;
  }
  /* Karty – menší okraje */
  #mycobaby-draci-sirup-page .card {
    padding: 12px;
    margin: 8px 0;
    border-radius: 8px;
  }
  #mycobaby-draci-sirup-page .card h2 {
    font-size: 14pt;
    margin: 0 0 6px;
  }
}
/* Extra úzké telefony */
@media (max-width: 380px) {
  #mycobaby-draci-sirup-page .wrap {
    padding: 6px;
  }
  #mycobaby-draci-sirup-page .product-title {
    font-size: 16.5pt;
    line-height: 1.3;
  }
  #mycobaby-draci-sirup-page .short-description {
    font-size: 10.5pt;
  }
  #mycobaby-draci-sirup-page .short-description ul {
    gap: 6px;
    margin: 8px 0 0;
  }
  #mycobaby-draci-sirup-page .short-description li {
    font-size: 10.5pt;
  }
  #mycobaby-draci-sirup-page .badges .badge {
    font-size: 9.5pt;
    padding: 6px 8px;
  }
  #mycobaby-draci-sirup-page .badges .badge .dot {
    width: 7px;
    height: 7px;
  }
  #mycobaby-draci-sirup-page .chip {
    font-size: 9pt;
    padding: 5px 8px;
  }
  #mycobaby-draci-sirup-page .lead {
    font-size: 11pt;
    line-height: 1.4;
  }
  #mycobaby-draci-sirup-page .tile h3 {
    font-size: 12pt;
  }
  #mycobaby-draci-sirup-page .tile p {
    font-size: 10.5pt;
  }
  #mycobaby-draci-sirup-page .ingr-card h3 {
    font-size: 12pt;
  }
  #mycobaby-draci-sirup-page .ingr-card p {
    font-size: 10.5pt;
  }
  #mycobaby-draci-sirup-page .card h2 {
    font-size: 13.5pt;
  }
}