/* ========================================
   ZÁROVNÁNÍ POPISKŮ KATEGORIÍ
======================================== */

.category-perex,
.category-description,
.category__secondDescription {
    text-align: left !important;
}

/* ========================================
   HLAVNÍ NABÍDKA
======================================== */

/* Hover efekt */
@media (min-width: 768px) {

    .navigation-in > ul > li > a {
        padding: 10px 16px;

        border: 1px solid transparent;
        border-radius: 999px;

        transition:
            background-color .2s ease,
            border-color .2s ease,
            color .2s ease;
    }


    /* Hover položky + aktivní stav při pohybu v podmenu */
    .navigation-in > ul > li:hover > a {
        background-color: #F5F7F9;
        border-color: #0D84C6;
        color: #096A9F;
    }

    #navigation .menu-level-3 {
    display: none !important;
    }
}

/* ========================================
   HLAVNÍ CAROUSEL
======================================== */

/* carousel wrapper */
.carousel,
.banner-carousel,
.carousel-wrapper {
    margin: 8px auto;

    padding: 0 10px;

    border-radius: 16px;

    overflow: hidden;
}

/* samotný obsah (obrázky / bannery) */
.carousel img,
.banner-carousel img {
    border-radius: 16px;

    display: block;
}

/* odsazení carousel od hlavní nabídky */
.navigation-wrapper,
.header-bottom {
    margin-bottom: 10px;
}

/* ========================================
   KONKURENČNÍ VÝHODY – VOLTOUTLET
======================================== */

@media (min-width: 768px) {

    .benefitBanner {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;

        max-width: 100%;
        margin: 45px auto 55px;
        padding: 0 20px;
    }


    /* Jednotlivé karty */
    .benefitBanner__item {
        background: #F5F7F9;
        border: 1px solid #DDE3E8;
        border-radius: 16px;

        padding: 28px 22px 24px;
        text-align: center;

        transition:
            transform .25s ease,
            border-color .25s ease,
            box-shadow .25s ease,
            background-color .25s ease;
    }


    /* Hover */
    .benefitBanner__item:hover {
        background: #EEF7FC;
        border-color: #0D84C6;

        transform: translateY(-4px);

        box-shadow: 0 10px 28px rgba(13, 132, 198, .12);
    }


    /* Ikona */
    .benefitBanner__picture {
        width: 150px;
        height: 150px;

        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;

        margin: 0 auto 18px;

        background: #FFFFFF;
        border: 1px solid #DDE3E8;
        border-radius: 14px;

        transition:
            background-color .25s ease,
            border-color .25s ease,
            transform .25s ease;
    }

    /* Hlavní text */
    .benefitBanner__title {
        color: #1F2933;

        font-size: 17px;
        font-weight: 700;
        line-height: 1.35;

        margin-bottom: 6px;
    }


    /* Doplňkový text */
    .benefitBanner__data {
        color: #66727C;

        font-size: 14px;
        line-height: 1.5;
    }

}

/* ========================================
   KONKURENČNÍ VÝHODY – MOBIL
======================================== */

@media (max-width: 767px) {

    .benefitBanner {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;

        width: calc(100% - 30px);
        max-width: 500px;

        margin: 28px auto 38px;
        padding: 0;

        box-sizing: border-box;
    }


    .benefitBanner__item {
        display: flex;
        align-items: center;

        width: 100%;
        min-height: 88px;

        padding: 14px 16px;

        background: #F5F7F9;
        border: 1px solid #DDE3E8;
        border-radius: 14px;

        text-align: left;
        box-sizing: border-box;
    }


    .benefitBanner__picture {
        display: flex;
        align-items: center;
        justify-content: center;

        flex: 0 0 58px;

        width: 58px;
        height: 58px;

        margin: 0 16px 0 0;

        background: #FFFFFF;
        border: 1px solid #DDE3E8;
        border-radius: 12px;

        overflow: hidden;
    }


    .benefitBanner__picture img {
        display: block;

        max-width: 42px;
        max-height: 42px;

        width: auto;
        height: auto;

        object-fit: contain;
    }


    .benefitBanner__content {
        flex: 1;
        min-width: 0;
    }


    .benefitBanner__title {
        margin: 0 0 3px;

        color: #1F2933;

        font-size: 15px;
        font-weight: 700;
        line-height: 1.35;
    }


    .benefitBanner__data {
        margin: 0;

        color: #66727C;

        font-size: 13px;
        line-height: 1.4;
    }

}

/* ========================================
   PODKATEGORIE – VOLTOUTLET
======================================== */

@media (min-width: 768px) {

    .subcategories {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;

        margin: 30px 0 45px;
    }


    /* Jednotlivá podkategorie */
    .subcategories li {
        width: 100%;
        margin: 0;
    }


    /* Karta */
    .subcategories li a {
        display: flex;
        align-items: center;

        min-height: 78px;
        padding: 16px 18px;

        background: #F5F7F9;
        border: 1px solid #DDE3E8;
        border-radius: 14px;

        color: #1F2933;

        transition:
            background-color .2s ease,
            border-color .2s ease,
            transform .2s ease,
            box-shadow .2s ease,
            color .2s ease;
    }


    /* Hover */
    .subcategories li a:hover {
        background: #EEF7FC;
        border-color: #0D84C6;

        color: #096A9F;

        transform: translateY(-2px);

        box-shadow: 0 6px 18px rgba(13, 132, 198, .08);
    }


    /* Obrázek / ikona */
    .subcategories li a img {
        width: 42px;
        height: 42px;

        flex: 0 0 42px;

        margin-right: 14px;

        object-fit: contain;

        border-radius: 8px;
    }


    /* Název kategorie */
    .subcategories li a span {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;

        font-size: 15px;
        font-weight: 600;
        line-height: 1.35;
    }

}

 /* Mobilní verze */
@media (max-width: 767px) {

    .subcategories {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;

        margin: 20px 0 30px;
    }

    .subcategories li {
        width: 100%;
        margin: 0;
    }

    .subcategories li a {
        display: flex;
        align-items: center;

        min-height: 64px;
        padding: 13px 15px;

        background: #F5F7F9;
        border: 1px solid #DDE3E8;
        border-radius: 12px;

        color: #1F2933;
    }

}

/* ========================================
   VYBRANÉ PRODUKTY – TITULNÍ STRÁNKA
======================================== */

/* Nadpis sekce */
.homepage-products-heading-1 {
    color: #1F2933;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
}


/* Obal slideru */
.products-wrapper.product-slider-holder {
    padding: 20px 32px 35px;
}


/* Produktová karta */
.products-wrapper.product-slider-holder .product {
    padding: 10px;

}


/* Vnitřní část produktu */
.products-wrapper.product-slider-holder .product .p {
    height: 100%;

    padding: 20px;

    background: #FFFFFF;
    border: 1px solid #DDE3E8;
    border-radius: 16px;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}


/* Hover karty */
.products-wrapper.product-slider-holder .product .p:hover {
    transform: translateY(-4px);

    border-color: #0D84C6;

    box-shadow: 0 10px 28px rgba(31, 41, 51, .08);

}


/* Název produktu */
.products-wrapper.product-slider-holder .p-name,
.products-wrapper.product-slider-holder .p-name a {
    color: #1F2933;

    font-weight: 700;
    line-height: 1.4;
}


/* Cena */
.products-wrapper.product-slider-holder .price {
    color: #1F2933;

    font-size: 18px;
    font-weight: 700;
}


/* Dostupnost */
.products-wrapper.product-slider-holder .availability {
    color: #66727C;

    font-size: 14px;
}


/* Tlačítko */
.products-wrapper.product-slider-holder .btn {
    background: #0D84C6;
    border-color: #0D84C6;

    border-radius: 999px;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


/* Hover tlačítka */
.products-wrapper.product-slider-holder .btn:hover {
    background: #096A9F;
    border-color: #096A9F;

    transform: translateY(-1px);
}

/* ========================================
   TLAČÍTKO KOUPIT – VOLTOUTLET
======================================== */

.btn-cart,
.btn-conversion,
.add-to-cart-button {
    background: #0D84C6;
    border: 1px solid #0D84C6;

    color: #FFFFFF;

    border-radius: 999px;

    padding: 12px 20px;

    font-weight: 700;
    line-height: 1.2;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


/* Hover */
.btn-cart:hover,
.btn-conversion:hover,
.add-to-cart-button:hover {
    background: #096A9F;
    border-color: #096A9F;

    color: #FFFFFF;

    transform: translateY(-2px);

    box-shadow: 0 6px 16px rgba(13, 132, 198, .18);
}

/* ========================================
   PRODUKTOVÉ KARTY – VÝPIS KATEGORIE
======================================== */

/* Prostor mezi kartami */
.products-block .product {
    padding: 10px;
}


/* Samotná produktová karta */
.products-block .product > .p {
    height: 100%;

    padding: 20px;

    background: #FFFFFF;
    border: 1px solid #DDE3E8;
    border-radius: 16px;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}


/* Hover celé karty */
.products-block .product > .p:hover {
    border-color: #0D84C6;

    transform: translateY(-4px);

    box-shadow: 0 10px 28px rgba(31, 41, 51, .08);
}


/* ========================================
   OBRÁZEK PRODUKTU
======================================== */

.products-block .product .image {
    border-radius: 12px;
    overflow: hidden;
}


/* ========================================
   NÁZEV PRODUKTU
======================================== */

.products-block .product .name,
.products-block .product .name span,
.products-block .product .p-name,
.products-block .product .p-name a {
    color: #1F2933;

    font-weight: 700;
    line-height: 1.4;

    transition: color .2s ease;
}


.products-block .product > .p:hover .name,
.products-block .product > .p:hover .p-name a {
    color: #096A9F;
}


/* ========================================
   CENA
======================================== */

.products-block .product .price,
.products-block .product .price-final {
    color: #1F2933;

    font-size: 18px;
    font-weight: 700;
}


/* ========================================
   DOSTUPNOST
======================================== */

.products-block .product .availability {
    color: #66727C;

    font-size: 14px;
    line-height: 1.4;
}


/* ========================================
   TLAČÍTKO KOUPIT / DO KOŠÍKU
======================================== */

.products-block .product .btn-cart,
.products-block .product .btn-primary,
.products-block .product .btn-conversion {
    background: #0D84C6;
    border-color: #0D84C6;

    color: #FFFFFF;

    border-radius: 999px;

    font-weight: 700;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}


.products-block .product .btn-cart:hover,
.products-block .product .btn-primary:hover,
.products-block .product .btn-conversion:hover {
    background: #096A9F;
    border-color: #096A9F;

    color: #FFFFFF;

    transform: translateY(-1px);

    box-shadow: 0 5px 14px rgba(13, 132, 198, .18);
}


/* ========================================
   MOBIL
======================================== */

@media (max-width: 767px) {

    .products-block .product {
        padding: 6px;
    }

    .products-block .product > .p {
        padding: 14px;

        border-radius: 12px;
    }

    .products-block .product .price,
    .products-block .product .price-final {
        font-size: 16px;
    }

}

/* ========================================
   PATIČKA – VOLTOUTLET
======================================== */

#footer {
    background: #1F2933;
    color: #DDE3E8;

    margin-top: 20px;
}


/* Hlavní obsah patičky */
#footer .footer-rows,
#footer .custom-footer {
    padding-top: 45px;
    padding-bottom: 40px;
}


/* Nadpisy */
#footer h4,
#footer .footer-heading {
    color: #FFFFFF;

    font-size: 17px;
    font-weight: 700;

    margin-bottom: 18px;
}


/* Text */
#footer p,
#footer li,
#footer span {
    color: #DDE3E8;

    line-height: 1.65;
}


/* Odkazy */
#footer a {
    color: #DDE3E8;

    text-decoration: none;

    transition:
        color .2s ease,
        transform .2s ease;
}


/* Hover odkazu */
#footer a:hover {
    color: #0D84C6;
}


/* Seznamy */
#footer ul {
    padding: 0;
    margin: 0;
}

#footer li {
    margin-bottom: 9px;
}


/* Oddělení spodní části */
#footer .footer-bottom {
    border-top: 1px solid rgba(221, 227, 232, .18);

    padding-top: 20px;
    padding-bottom: 20px;
}


/* Spodní text */
#footer .footer-bottom,
#footer .footer-bottom p,
#footer .footer-bottom span,
#footer .footer-bottom a {
    color: #66727C;
    font-size: 13px;
}


/* Hover spodních odkazů */
#footer .footer-bottom a:hover {
    color: #0D84C6;
}

/* ========================================
   KONTAKTNÍ STRÁNKA – VOLTOUTLET
======================================== */

.in-kontakty {
    --volt-text: #1F2933;
    --volt-muted: #66727C;
    --volt-primary: #0D84C6;
    --volt-primary-dark: #096A9F;
    --volt-soft: #F5F7F9;
    --volt-soft-blue: #EEF7FC;
    --volt-border: #DDE3E8;
    --volt-white: #FFFFFF;
}


/* ========================================
   ŠÍŘKA STRÁNKY
======================================== */

.in-kontakty #content {
    width: 100%;
    max-width: 1180px;

    margin-left: auto;
    margin-right: auto;
}


/* ========================================
   HLAVNÍ H1 – KONTAKTY
======================================== */

.in-kontakty #content > h1 {
    position: relative;

    margin: 20px 0 42px;

    color: var(--volt-text);

    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;

    text-align: center;
}


/* Modrý detail */
.in-kontakty #content > h1::after {
    content: "";

    display: block;

    width: 52px;
    height: 3px;

    margin: 15px auto 0;

    background: var(--volt-primary);

    border-radius: 999px;
}


/* ========================================
   ÚVOD
======================================== */

.volt-contact {
    color: var(--volt-text);
}


.volt-contact-intro {
    max-width: 760px;

    margin: 0 auto 42px;

    text-align: center;
}


.volt-contact-kicker {
    display: inline-block;

    margin-bottom: 8px;

    color: var(--volt-primary);

    font-size: 13px;
    font-weight: 700;

    letter-spacing: .08em;
    text-transform: uppercase;
}


.volt-contact-intro h2,
.volt-contact-form-intro h2 {
    margin: 0 0 14px;

    color: var(--volt-text);

    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
}


.volt-contact-intro p,
.volt-contact-form-intro p {
    margin: 0;

    color: var(--volt-muted);

    font-size: 16px;
    line-height: 1.7;
}


/* ========================================
   KONTAKTNÍ KARTY
======================================== */

.volt-contact-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 18px;

    margin-bottom: 55px;
}


.volt-contact-card {
    position: relative;

    display: flex;

    min-height: 255px;

    padding: 28px;

    background: var(--volt-soft);

    border: 1px solid var(--volt-border);
    border-radius: 16px;

    overflow: hidden;

    transition:
        background-color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}


/* Hover */
.volt-contact-card:hover {
    background: var(--volt-white);

    border-color: var(--volt-primary);

    transform: translateY(-3px);

    box-shadow: 0 10px 28px rgba(31, 41, 51, .08);
}


/* Jemný modrý detail */
.volt-contact-card::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 3px;

    background: var(--volt-primary);

    transform: scaleX(0);
    transform-origin: left;

    transition: transform .3s ease;
}


.volt-contact-card:hover::after {
    transform: scaleX(1);
}


/* ========================================
   ČÍSLO KARTY
======================================== */

.volt-contact-number {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    margin-right: 20px;

    background: var(--volt-white);

    border: 1px solid var(--volt-border);
    border-radius: 12px;

    color: var(--volt-primary);

    font-size: 14px;
    font-weight: 700;

    transition:
        background-color .25s ease,
        border-color .25s ease,
        color .25s ease;
}


.volt-contact-card:hover .volt-contact-number {
    background: var(--volt-primary);
    border-color: var(--volt-primary);

    color: var(--volt-white);
}


/* ========================================
   OBSAH KARTY
======================================== */

.volt-contact-card-content {
    flex: 1;
    min-width: 0;
}


.volt-contact-card h3 {
    margin: 2px 0 10px;

    color: var(--volt-text);

    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}


.volt-contact-card p {
    margin: 0 0 18px;

    color: var(--volt-muted);

    font-size: 14px;
    line-height: 1.6;
}


/* ========================================
   TELEFONY + E-MAILY
======================================== */

.volt-contact-links {
    display: flex;
    flex-direction: column;

    gap: 7px;
}


.volt-contact-links a,
.volt-contact-service a {
    display: block;

    width: fit-content;

    color: var(--volt-primary);

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    transition: color .2s ease;
}


.volt-contact-links a:hover,
.volt-contact-service a:hover {
    color: var(--volt-primary-dark);
}


/* ========================================
   SERVIS + KALIBRACE
======================================== */

.volt-contact-service {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 14px;

    margin-top: 16px;
}


.volt-contact-service > div {
    padding: 13px;

    background: var(--volt-white);

    border: 1px solid var(--volt-border);
    border-radius: 10px;
}


.volt-contact-service strong {
    display: block;

    margin-bottom: 6px;

    color: var(--volt-text);

    font-size: 13px;
    font-weight: 700;
}


.volt-contact-service a {
    margin-top: 4px;

    font-size: 13px;
}


/* ========================================
   FAKTURAČNÍ ÚDAJE
======================================== */

.volt-company-data {
    display: flex;
    flex-direction: column;

    gap: 10px;
}


.volt-company-data strong {
    color: var(--volt-text);

    font-size: 15px;
}


.volt-company-data span {
    color: var(--volt-muted);

    font-size: 14px;
    line-height: 1.55;
}


/* ========================================
   ÚVOD FORMULÁŘE
======================================== */

.volt-contact-form-intro {
    max-width: 720px;

    margin: 0 auto 24px;

    text-align: center;
}


/* ========================================
   SHOPTET KONTAKTNÍ FORMULÁŘ
======================================== */

.in-kontakty #content form {
    max-width: 820px;

    margin: 0 auto 55px;
    padding: 34px;

    background: var(--volt-soft);

    border: 1px solid var(--volt-border);
    border-radius: 18px;

    box-shadow: 0 8px 28px rgba(31, 41, 51, .05);
}


/* Form group */
.in-kontakty #content form .form-group {
    margin-bottom: 20px;
}


/* Popisky */
.in-kontakty #content form label {
    display: block;

    margin-bottom: 7px;

    color: var(--volt-text);

    font-size: 14px;
    font-weight: 600;
}


/* ========================================
   INPUTY
======================================== */

.in-kontakty #content form input[type="text"],
.in-kontakty #content form input[type="email"],
.in-kontakty #content form input[type="tel"],
.in-kontakty #content form textarea,
.in-kontakty #content form .form-control {
    width: 100%;

    padding: 12px 14px;

    background: var(--volt-white);

    border: 1px solid var(--volt-border);
    border-radius: 10px;

    color: var(--volt-text);

    font-size: 15px;
    line-height: 1.5;

    box-shadow: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background-color .2s ease;
}


/* Focus */
.in-kontakty #content form input[type="text"]:focus,
.in-kontakty #content form input[type="email"]:focus,
.in-kontakty #content form input[type="tel"]:focus,
.in-kontakty #content form textarea:focus,
.in-kontakty #content form .form-control:focus {
    outline: none;

    background: var(--volt-white);

    border-color: var(--volt-primary);

    box-shadow: 0 0 0 3px rgba(13, 132, 198, .12);
}


/* Placeholder */
.in-kontakty #content form input::placeholder,
.in-kontakty #content form textarea::placeholder {
    color: #8A949D;
}


/* Zpráva */
.in-kontakty #content form textarea {
    min-height: 170px;

    resize: vertical;
}


/* ========================================
   BEZPEČNOSTNÍ KONTROLA
======================================== */

.in-kontakty #content form h2,
.in-kontakty #content form h3 {
    margin: 30px 0 16px;
    padding-top: 24px;

    border-top: 1px solid var(--volt-border);

    color: var(--volt-text);

    font-size: 18px;
    font-weight: 700;
}


/* GDPR */
.in-kontakty #content form p {
    color: var(--volt-muted);

    font-size: 13px;
    line-height: 1.6;
}


.in-kontakty #content form p a {
    color: var(--volt-primary);
}


/* ========================================
   TLAČÍTKO ODESLAT
======================================== */

.in-kontakty #content form .btn-primary,
.in-kontakty #content form .btn-conversion,
.in-kontakty #content form button[type="submit"],
.in-kontakty #content form input[type="submit"] {
    min-height: 48px;

    padding: 12px 28px;

    background: var(--volt-primary);
    border: 1px solid var(--volt-primary);
    border-radius: 9px;

    color: var(--volt-white);

    font-size: 15px;
    font-weight: 700;

    box-shadow: 0 4px 12px rgba(13, 132, 198, .14);

    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}


.in-kontakty #content form .btn-primary:hover,
.in-kontakty #content form .btn-conversion:hover,
.in-kontakty #content form button[type="submit"]:hover,
.in-kontakty #content form input[type="submit"]:hover {
    background: var(--volt-primary-dark);
    border-color: var(--volt-primary-dark);

    color: var(--volt-white);

    transform: translateY(-1px);

    box-shadow: 0 7px 18px rgba(13, 132, 198, .20);
}


/* ========================================
   DISKUZE – SKRÝT
======================================== */

.in-kontakty .discussion,
.in-kontakty #discussion,
.in-kontakty .discussion-wrapper {
    display: none !important;
}


/* ========================================
   TABLET
======================================== */

@media (max-width: 991px) {

    .volt-contact-grid {
        grid-template-columns: 1fr 1fr;
    }

    .volt-contact-card {
        padding: 22px;
    }

    .volt-contact-service {
        grid-template-columns: 1fr;
    }

}


/* ========================================
   MOBIL
======================================== */

@media (max-width: 767px) {

    .in-kontakty #content {
        padding-left: 15px;
        padding-right: 15px;
    }


    .in-kontakty #content > h1 {
        margin-bottom: 32px;

        font-size: 32px;
    }


    .volt-contact-intro {
        margin-bottom: 30px;
    }


    .volt-contact-intro h2,
    .volt-contact-form-intro h2 {
        font-size: 25px;
    }


    .volt-contact-intro p,
    .volt-contact-form-intro p {
        font-size: 15px;
    }


    /* Karty pod sebou */
    .volt-contact-grid {
        grid-template-columns: 1fr;

        gap: 12px;

        margin-bottom: 42px;
    }


    .volt-contact-card {
        min-height: auto;

        padding: 18px;

        border-radius: 14px;
    }


    .volt-contact-number {
        flex: 0 0 44px;

        width: 44px;
        height: 44px;

        margin-right: 14px;

        border-radius: 10px;
    }


    .volt-contact-card h3 {
        font-size: 18px;
    }


    .volt-contact-card p {
        font-size: 14px;
    }


    .volt-contact-service {
        grid-template-columns: 1fr;
    }


    /* Vypnout desktop hover pohyb */
    .volt-contact-card:hover {
        transform: none;
    }


    /* Formulář */
    .in-kontakty #content form {
        padding: 22px 18px;

        border-radius: 14px;
    }


    .in-kontakty #content form textarea {
        min-height: 150px;
    }


    .in-kontakty #content form .btn-primary,
    .in-kontakty #content form .btn-conversion,
    .in-kontakty #content form button[type="submit"],
    .in-kontakty #content form input[type="submit"] {
        width: 100%;
    }

}

/* ========================================
   IKONY V HLAVIČCE – VOLTOUTLET
======================================== */

@media (min-width: 768px) {

    /* Kontejner ikon */
    .navigation-buttons {
        display: flex;
        align-items: center;
        gap: 10px;
    }


    /* Vyhledávání, účet, košík */
    .navigation-buttons > a,
    .navigation-buttons > button {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 46px;
        height: 46px;

        padding: 0;

        background: #F5F7F9;
        border: 1px solid #DDE3E8;
        border-radius: 12px;

        color: #1F2933;

        transition:
            background-color .2s ease,
            border-color .2s ease,
            color .2s ease,
            transform .2s ease,
            box-shadow .2s ease;
    }


    /* Hover */
    .navigation-buttons > a:hover,
    .navigation-buttons > button:hover {
        background: #EEF7FC;
        border-color: #0D84C6;

        color: #0D84C6;

        transform: translateY(-2px);

        box-shadow: 0 5px 14px rgba(13, 132, 198, .12);
    }


    /* SVG / ikonky */
    .navigation-buttons svg {
        width: 22px;
        height: 22px;

        transition:
            fill .2s ease,
            stroke .2s ease;
    }


    /* Číslo u košíku */
    .navigation-buttons .cart-count::after {
        border-radius: 999px;
    }

}

/* ========================================
   IKONY V HLAVIČCE – VOLTOUTLET
   Vyhledávání / účet / košík
======================================== */

@media (min-width: 768px) {

    /* ========================================
       KONTEJNER IKON
    ======================================== */

    .navigation-buttons {
        display: flex;
        align-items: center;
        gap: 8px;
    }


    /* ========================================
       ZÁKLAD VŠECH TLAČÍTEK
    ======================================== */

    .navigation-buttons > a,
    .navigation-buttons > button {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 46px;
        height: 46px;
        min-width: 46px;

        padding: 0 !important;
        margin: 0;

        background: #FFFFFF !important;

        border: 1px solid #DDE3E8 !important;
        border-radius: 12px !important;

        color: #1F2933 !important;

        box-shadow: none !important;

        overflow: visible;

        transition:
            background-color .2s ease,
            border-color .2s ease,
            color .2s ease,
            box-shadow .2s ease,
            transform .2s ease;
    }


    /* ========================================
       HOVER
    ======================================== */

    .navigation-buttons > a:hover,
    .navigation-buttons > button:hover {
        background: #EEF7FC !important;

        border-color: #0D84C6 !important;

        color: #0D84C6 !important;

        transform: translateY(-1px);

        box-shadow: 0 5px 14px rgba(13, 132, 198, .10) !important;
    }


    /* ========================================
       FOCUS – KLÁVESNICE
    ======================================== */

    .navigation-buttons > a:focus-visible,
    .navigation-buttons > button:focus-visible {
        outline: none;

        border-color: #0D84C6 !important;

        box-shadow:
            0 0 0 3px rgba(13, 132, 198, .12) !important;
    }


    /* ========================================
       IKONY
    ======================================== */

    .navigation-buttons svg {
        width: 22px;
        height: 22px;

        color: inherit;

        transition:
            stroke .2s ease,
            fill .2s ease,
            color .2s ease;
    }


    /* Fontové / pseudo ikonky Shoptetu */
    .navigation-buttons > a::before,
    .navigation-buttons > button::before {
        color: inherit;
    }


    /* ========================================
       KOŠÍK
    ======================================== */

    .navigation-buttons .cart-count {
        position: relative;

        overflow: visible;
    }


    /* Badge s počtem produktů */
    .navigation-buttons .cart-count::after {
        position: absolute !important;

        top: -6px !important;
        right: -6px !important;

        display: flex !important;
        align-items: center;
        justify-content: center;

        min-width: 18px !important;
        height: 18px !important;

        padding: 0 4px !important;

        background: #0D84C6 !important;

        border: 2px solid #FFFFFF !important;
        border-radius: 999px !important;

        color: #FFFFFF !important;

        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        box-sizing: border-box;

        box-shadow: none !important;
    }


    /* Hover košíku – badge ztmavne */
    .navigation-buttons .cart-count:hover::after {
        background: #096A9F !important;
    }


    /* ========================================
       OTEVŘENÝ / AKTIVNÍ STAV
    ======================================== */

    .navigation-buttons > a.active,
    .navigation-buttons > button.active,
    .navigation-buttons > a[aria-expanded="true"],
    .navigation-buttons > button[aria-expanded="true"] {
        background: #EEF7FC !important;

        border-color: #0D84C6 !important;

        color: #0D84C6 !important;
    }

}