/* Celkový kontajner sekcií */
    .pro-detail .mb-3 {
        margin-bottom: 3.5rem !important; /* Viac priestoru medzi otázkami */
    }

/* Počiatočný stav - skryté a posunuté nadol */
.custom-section-header, .experience-package, .mb-3 {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity, transform;
}

/* Stav po aktivácii - viditeľné */
.custom-section-header.active, .experience-package.active, .mb-3.active {
    opacity: 1;
    transform: translateY(0);
}

    /* Moderný vzhľad textových polí */
    input[type="text"], textarea {
        border: 1px solid #e0e0e0 !important;
        border-radius: 8px !important;
        padding: 15px 20px !important;
        font-size: 1.1rem !important;
        background-color: #ffffff !important;
        box-shadow: inset 0 1px 3px rgba(0,0,0,0.02) !important;
        transition: all 0.3s ease !important;
    }

    input[type="text"]:focus, textarea:focus {
        border-color: #2a1000 !important;
        box-shadow: 0 0 0 4px rgba(44, 44, 44, 0.05) !important;
        outline: none !important;
    }

    /* Úprava placeholderov - jemnejšie písmo */
    ::placeholder {
        color: #b0b0b0 !important;
        font-style: italic;
        font-weight: 300;
    }
    .custom-section-header h2 {
    font-weight: 300 !important;
    letter-spacing: 1px;
    margin-bottom: 1.5rem !important;
    color: #2a1000;
    position: relative;
    display: inline-block;
    }

    /* Odstránenie prebytočných čiar, ak pôsobia rušivo */
    .custom-section-header {
        border: none !important;
        margin-top: 5rem !important;
    }

    /* Pomocné texty (Microcopy) */
    .text-muted {
        font-size: 1rem !important;
        line-height: 1.6;
        margin-bottom: 2rem !important;
    }
    .reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
    }

    .reveal.active {
        opacity: 1;
        transform: translateY(0);
    }
.fw-bold {
    font-size: 1.1rem;
}
/*
    #form-product h2 {
        font-family: 'Playfair Display', serif;
        color: var(--global-palette3);
        margin-top: 2rem;
    }
*/
    .custom-section-header {
        border-bottom: 0px solid var(--global-palette8);
        padding-bottom: 2px;
    }
    .experience-package {
        border: 1px solid var(--global-palette8);
        background-color: #f9f9f9 !important;
    }
    .shadow-text {
        font-style: italic;
        color: #c5a982;
    }
    /* Zväčšenie textového poľa pre obsah listu */
    textarea[id*="input-option"] {
        min-height: 200px;
        border: 1px solid var(--global-palette8);
    }
    .text-muted {
        color: var(--global-palette4) !important;
    }
    .border-bottom {
        border-bottom: 1px solid var(--global-palette8) !important;
    }
    /* Skrytie množstva (Qty), ak predávate vždy 1 list */
    .qty.form-group {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #input-quantity, .qty-plus-minus {
        display: none !important; /* Ak nepotrebujete vyberať počet kusov */
    }

    /* Kontajner, ktorý budeme animovať */
.collapsible-option {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); /* Plynulá krivka */
    margin-bottom: 0 !important;
    visibility: hidden;
}

/* Stav, keď je pole viditeľné */
.collapsible-option.is-visible {
    max-height: 150px; /* Dostatočná výška pre input a label */
    opacity: 1;
    margin-bottom: 1rem !important;
    visibility: visible;
    padding-top: 10px;
}
    /* Zabezpečíme, aby kontajner možností bol viditeľný a v riadku */
    #input-option-318, #input-option-327 {
    height: auto !important;       /* Zruší fixnú výšku */
    max-height: none !important;   /* Zruší obmedzenie maximálnej výšky */
    overflow: visible !important;  /* Zabezpečí, že vyčnievajúce prvky nebudú odrezané */
    display: block !important;     /* Zaistí, že sa prvky skladajú pod seba/vedľa seba prirodzene */
    }

    /* Ak sú tlačidlá v riadkoch, toto zabezpečí, že sa pekne zalomia na nový riadok */
    #input-option-318 .form-check, #input-option-327 .form-check {
        display: inline-block !important;
        margin: 5px 8px !important;
    }
    .radio.form-check {
        display: inline-block !important;
        margin: 5px 10px 5px 0 !important;
        padding: 0 !important;
        position: relative;
    }

    /* Skryjeme len samotný input (bodku), nie celý label */
    .radio.form-check input[type="radio"] {
        opacity: 0;
        position: absolute;
        width: 0;
        height: 0;
    }

    /* Štýl pre label, ktorý teraz funguje ako tlačidlo */
    .radio.form-check label {
        display: inline-block !important;
        padding: 10px 20px !important;
        background: #fdfdfd !important;
        border: 1px solid #d1d1d1 !important;
        border-radius: 30px !important;
        cursor: pointer !important;
        transition: all 0.2s ease-in-out !important;
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    /* Efekt pri prejdení myšou */
    .radio.form-check label:hover {
        border-color: #2a1000 !important;
        background: #f0f0f0 !important;
    }

    /* Štýl pre vybranú možnosť - hľadáme label hneď za označeným inputom */
    .radio.form-check input[type="radio"]:checked + label {
        background: #2a1000 !important;
        color: #ffffff !important;
        border-color: #2a1000 !important;
    }
    /* Zmena farby kontrolnej sekcie */
    .check-section {
        border-color: #c5a982 !important;
        background-color: rgba(197, 169, 130, 0.4);
        padding: 25px !important;
        border-radius: 8px;
    }

    .check-section h4 {
        color: #2a1000 !important;
        margin-bottom: 15px !important;
    }

    .check-section ul li {
        list-style-type: none;
        position: relative;
        padding-left: 20px;
        margin-bottom: 8px;
    }

    /* Pridanie malej bodky namiesto klasického zoznamu */
    .check-section ul li::before {
        content: "•";
        color: #a38f84;
        position: absolute;
        left: 0;
        font-weight: bold;
    }
    .product-main-container .form-control, 
    .product-main-container .form-select {
        text-align: center; /* Text v poliach bude začínať v strede */
        border-radius: 0;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid #c5a982; /* Elegantný štýl podčiarknutia */
        background: transparent;
    }

    .product-main-container .form-check {
        display: inline-block; /* Emócie (radio buttony) sa zoradia vedľa seba do stredu */
        margin: 10px;
    }
    /* Kontajner pre zoznam, aby bol v strede */
    .product-main-container ul {
        display: inline-block;
        text-align: left; /* Text vnútri zoznamu bude lícovať vľavo k odrážkam */
        margin: 20px auto;
        padding-left: 20px;
        list-style: none; /* Skryjeme pôvodné čierne bodky */
    }

    /* Štýlovanie nových odrážok */
    .product-main-container ul li {
        position: relative;
        margin-bottom: 10px;
        padding-left: 25px;
        line-height: 1.5;
    }

    .product-main-container ul li::before {
        content: "◆"; /* Elegantný kosoštvorec namiesto bodky */
        position: absolute;
        left: 0;
        color: #c5a982; /* Vaša zlatá farba */
        font-size: 0.8rem;
        top: 2px;
    }
    /* Skryjeme nadbytočný label, ktorý generuje OpenCart nad checkboxom */
    #form-product .form-label {
        display: none; 
    }

    /* Kontajner pre anonymitu */
    #input-option-326 {
        margin: 20px 0;
        text-align: center;
    }

    /* Štýlovanie samotného štvorčeka na koliesko */
    #input-option-326 .form-check-input {
        appearance: none;
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        border: 1px solid #2a1000; /* Vaša tmavohnedá */
        border-radius: 50%; /* Zmení štvorec na kruh */
        cursor: pointer;
        vertical-align: middle;
        position: relative;
        background-color: transparent;
        transition: all 0.3s ease;
        float: none; /* Vycentrovanie v OpenCart grid-e */
        display: inline-block;
        margin-top: 0;
    }

    /* Vnútro zakliknutého checkboxu (zlatá bodka) */
    #input-option-326 .form-check-input:checked {
        background-color: transparent;
        border-color: #c5a982;
    }

    #input-option-326 .form-check-input:checked::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 10px;
        height: 10px;
        background-color: #c5a982;
        border-radius: 50%;
    }

    /* Štýlovanie textu vedľa checkboxu */
    #input-option-326 .form-check-label {
        font-family: 'Georgia', serif;
        font-style: italic;
        font-size: 1.1rem;
        color: #2a1000;
        cursor: pointer;
        padding-left: 10px;
        vertical-align: middle;
    }
    /* Úprava hlavného kontajnera */
    .experience-package.bg-light {
        background-color: rgba(249, 249, 249, 0.7) !important;
        border: 1px solid #e0d6cc;
        border-left: 4px solid #c5a982; /* Výrazný dizajnový akcent */
        color: #2a1000;
        font-family: 'Georgia', serif;
    }

    /* Nadpis v bloku */
    .experience-package h2 {
        font-family: 'Georgia', serif;
        color: #2a1000;
        font-weight: 400;
    }

    /* Úprava lead textu, aby nepôsobil tak surovo */
    .experience-package .lead {
        font-size: 1.1rem;
        line-height: 1.6;
        margin-bottom: 1rem;
    }

    /* Štýlovanie zoznamu a nahradenie odrážok fajkami */
    .experience-package ul.custom-list {
        padding-left: 0;
        list-style: none;
    }

    .experience-package ul.custom-list li {
        position: relative;
        padding-left: 30px;
        margin-bottom: 15px !important;
        font-size: 1.05rem;
    }

    /* Hnedá fajka namiesto bodky */
    .experience-package ul.custom-list li::before {
        content: "\2713"; /* Unicode znak pre fajku */
        position: absolute;
        left: 0;
        top: -2px;
        color: #c5a982; /* Vaša hnedo-zlatá */
        font-weight: 900;
        font-size: 1.2rem;
    }

    /* Úprava citátu na spodku */
    .experience-package p.small.italic {
        border-top: 1px solid #e0d6cc;
        padding-top: 15px;
        margin-top: 20px !important;
        display: block;
        color: #5a4a3a !important;
        letter-spacing: 0.3px;
    }