/* =========================================================
   FORMBOOTY - KONKURENCNI VYHODY
   PREMIUM TRUST STRIP
========================================================= */

.benefitBanner {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    max-width: 1180px !important;

    margin: 70px auto 78px !important;
    padding: 42px 24px !important;

    gap: 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.018) 0%,
            rgba(255,255,255,0) 100%
        ) !important;

    border-top: 1px solid rgba(194,167,78,.16) !important;
    border-bottom: 1px solid rgba(194,167,78,.16) !important;
}


/* JEDNOTLIVE VYHODY */

.benefitBanner__item {
    position: relative !important;

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

    min-width: 0 !important;
    height: 100% !important;

    padding: 10px 34px !important;

    text-align: center !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    transition:
        transform .3s ease,
        opacity .3s ease !important;
}


/* SVISLE DELICI LINKY */

.benefitBanner__item:not(:last-child)::after {
    content: "" !important;

    position: absolute !important;

    top: 12% !important;
    right: 0 !important;

    width: 1px !important;
    height: 76% !important;

    background:
        linear-gradient(
            180deg,
            rgba(194,167,78,0) 0%,
            rgba(194,167,78,.32) 25%,
            rgba(194,167,78,.32) 75%,
            rgba(194,167,78,0) 100%
        ) !important;
}


/* HOVER */

@media (hover: hover) {

    .benefitBanner__item:hover {
        transform: translateY(-3px) !important;
    }

}


/* IKONA */

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

    width: 62px !important;
    height: 62px !important;

    margin: 0 auto 18px !important;
}


.benefitBanner__img {
    display: block !important;

    width: 58px !important;
    height: 58px !important;

    object-fit: contain !important;

    opacity: .92 !important;

    transition:
        transform .35s ease,
        opacity .35s ease !important;
}


@media (hover: hover) {

    .benefitBanner__item:hover .benefitBanner__img {
        transform: translateY(-2px) scale(1.04) !important;
        opacity: 1 !important;
    }

}


/* TEXTOVA CAST */

.benefitBanner__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;

    padding: 0 !important;
}


/* NADPIS */

.benefitBanner__title {
    display: block !important;

    max-width: 190px !important;

    margin: 0 !important;

    color: #f4f1ec !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;

    letter-spacing: .45px !important;
    text-transform: uppercase !important;
}


/* MALY ZLATY DETAIL */

.benefitBanner__title::after {
    content: "" !important;

    display: block !important;

    width: 20px !important;
    height: 1px !important;

    margin: 14px auto 13px !important;

    background: #c2a74e !important;

    opacity: .65 !important;

    transition: width .3s ease !important;
}


@media (hover: hover) {

    .benefitBanner__item:hover .benefitBanner__title::after {
        width: 30px !important;
    }

}


/* POPIS */

.benefitBanner__data {
    max-width: 225px !important;

    margin: 0 auto !important;

    color: #8e8a90 !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}


/* =========================================================
   TABLET - KONKURENCNI VYHODY
========================================================= */

@media (max-width: 980px) {

    .benefitBanner {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 34px 0 !important;

        padding: 38px 20px !important;
    }


    .benefitBanner__item:nth-child(2)::after {
        display: none !important;
    }


    .benefitBanner__item:nth-child(-n+2)::before {
        content: "" !important;

        position: absolute !important;

        left: 12% !important;
        bottom: -17px !important;

        width: 76% !important;
        height: 1px !important;

        background:
            linear-gradient(
                90deg,
                rgba(194,167,78,0),
                rgba(194,167,78,.22),
                rgba(194,167,78,0)
            ) !important;
    }

}


/* =========================================================
   MOBIL - KONKURENCNI VYHODY
========================================================= */

@media (max-width: 600px) {

    .benefitBanner {
        grid-template-columns: 1fr !important;

        gap: 0 !important;

        margin: 48px 16px 58px !important;
        padding: 10px 18px !important;

        border-top: 1px solid rgba(194,167,78,.14) !important;
        border-bottom: 1px solid rgba(194,167,78,.14) !important;
    }


    .benefitBanner__item {
        padding: 28px 12px !important;
    }


    .benefitBanner__item::after {
        display: none !important;
    }


    .benefitBanner__item:not(:last-child)::before {
        content: "" !important;

        position: absolute !important;

        left: 15% !important;
        bottom: 0 !important;

        width: 70% !important;
        height: 1px !important;

        background:
            linear-gradient(
                90deg,
                rgba(194,167,78,0),
                rgba(194,167,78,.22),
                rgba(194,167,78,0)
            ) !important;
    }


    .benefitBanner__picture {
        width: 56px !important;
        height: 56px !important;

        margin-bottom: 15px !important;
    }


    .benefitBanner__img {
        width: 52px !important;
        height: 52px !important;
    }


    .benefitBanner__title {
        max-width: 230px !important;

        font-size: 13px !important;
    }


    .benefitBanner__data {
        max-width: 280px !important;

        font-size: 12px !important;
    }

}


/* =========================================================
   FORMBOOTY - INFORMACNI PROUZEK
========================================================= */

.site-msg.information {
    position: relative !important;

    top: auto !important;
    left: auto !important;
    right: auto !important;

    width: 100% !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #1c1a1d !important;

    z-index: 20 !important;

    box-shadow: none !important;
    border: 0 !important;
}


/* VNITRNI OBSAH */

.site-msg.information .container {
    min-height: 34px !important;

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

    padding: 0 44px !important;
}


/* TEXT */

.site-msg.information .text {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* ZAVIRACI KRIZEK */

.site-msg.information .close {
    position: absolute !important;

    top: 50% !important;
    right: 18px !important;

    transform: translateY(-50%) !important;

    margin: 0 !important;

    opacity: .55 !important;

    transition: opacity .2s ease !important;
}


.site-msg.information .close:hover {
    opacity: 1 !important;
}


/* =========================================================
   MOBIL - INFORMACNI PROUZEK
========================================================= */

@media (max-width: 700px) {

    .site-msg.information {
        position: relative !important;

        top: auto !important;
        bottom: auto !important;

        min-height: 42px !important;

        transform: none !important;
    }

    .site-msg.information .container {
        min-height: 42px !important;

        padding: 0 48px 0 16px !important;
    }

    .site-msg.information .text {
        line-height: 1 !important;
    }

    .site-msg.information .close {
        right: 17px !important;
    }

}


/* =========================================================
   FORMBOOTY - MOBILNI ZAHLAVI
========================================================= */

@media (max-width: 767px) {

    #header .header-top {
        background: #141215 !important;
        min-height: 66px !important;
        padding: 0 !important;
    }

    #header .navigation-wrapper.header-top-wrapper {
        min-height: 66px !important;

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

        padding: 0 16px !important;
        margin: 0 !important;
    }

    #header .site-name {
        display: flex !important;
        align-items: center !important;

        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;

        flex: 0 0 112px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #header .site-name > a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 112px !important;
        max-width: 112px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #header .site-name img {
        display: block !important;

        width: 105px !important;
        max-width: 105px !important;

        height: auto !important;
        max-height: 46px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
    }

    #header .navigation-buttons {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        gap: 12px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #header .user-action {
        display: flex !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    #header .navigation-buttons a,
    #header .navigation-buttons button,
    #header .user-action a,
    #header .user-action button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 30px !important;
        height: 30px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

}


/* =========================================================
   FORMBOOTY - HOMEPAGE PRODUCT SLIDER
   PREMIUM EDITORIAL FACELIFT
========================================================= */

.homepage-products-1 .product .p {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;

    padding: 0 14px 28px !important;

    background: transparent !important;

    text-align: center !important;

    transition:
        transform .3s ease,
        opacity .3s ease !important;
}


@media (hover: hover) {

    .homepage-products-1 .product.active:hover .p {
        transform: translateY(-4px) !important;
    }

}


/* PRODUKTOVY OBRAZEK */

.homepage-products-1 .product .image {
    position: relative !important;

    display: block !important;

    overflow: hidden !important;

    margin: 0 0 20px !important;

    background: #181619 !important;

    border: 1px solid rgba(194,167,78,.58) !important;
    border-radius: 14px !important;

    text-decoration: none !important;
}


.homepage-products-1 .product .image img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;

    object-fit: cover !important;

    transition:
        transform .45s ease,
        filter .45s ease !important;
}


@media (hover: hover) {

    .homepage-products-1 .product:hover .image img {
        transform: scale(1.025) !important;
    }

}


/* BADGES */

.homepage-products-1 .flags {
    position: absolute !important;

    top: 12px !important;
    left: 12px !important;

    z-index: 3 !important;

    display: flex !important;
    flex-wrap: wrap !important;

    gap: 6px !important;

    max-width: calc(100% - 24px) !important;

    margin: 0 !important;
}


.homepage-products-1 .flag {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 26px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    background: rgba(20,18,21,.92) !important;

    color: #c2a74e !important;

    border: 1px solid rgba(194,167,78,.18) !important;
    border-radius: 5px !important;

    box-shadow: none !important;

    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 1.15px !important;

    text-transform: uppercase !important;
}


/* VNITRNI TEXTOVA CAST */

.homepage-products-1 .product .p-in {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    width: 100% !important;

    padding: 0 !important;
    margin: 0 !important;
}


.homepage-products-1 .product .p-in-in {
    margin: 0 !important;
    padding: 0 !important;
}


/* NAZEV PRODUKTU */

.homepage-products-1 .product .name {
    display: block !important;

    min-height: 0 !important;

    margin: 0 0 13px !important;
    padding: 0 !important;

    color: #f4f1ec !important;

    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.32 !important;
    letter-spacing: -.1px !important;

    text-decoration: none !important;

    transition: color .25s ease !important;
}


.homepage-products-1 .product .name span {
    color: inherit !important;
    font: inherit !important;
}


.homepage-products-1 .product .name:hover {
    color: #c2a74e !important;
}


/* CENA */

.homepage-products-1 .product .prices {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    justify-content: center !important;

    gap: 7px !important;

    min-height: 0 !important;

    margin: 0 0 16px !important;
    padding: 0 !important;
}


.homepage-products-1 .product .price-final,
.homepage-products-1 .product .price-standard,
.homepage-products-1 .product .price-save {
    margin: 0 !important;
}


.homepage-products-1 .product .price-final {
    color: #c2a74e !important;

    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}


.homepage-products-1 .product .price-standard {
    color: #6e6b70 !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    opacity: .8 !important;
}


.homepage-products-1 .product .price-save {
    color: #9c8950 !important;

    font-size: 11px !important;
    font-weight: 500 !important;
}


/* TLACITKO / CTA */

.homepage-products-1 .product .p-bottom {
    margin: 0 !important;
    padding: 0 !important;
}


.homepage-products-1 .product .p-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 0 18px !important;
    padding: 0 !important;
}


.homepage-products-1 .product .btn,
.homepage-products-1 .product button,
.homepage-products-1 .product .p-tools a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
    min-height: 0 !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 9px 2px 8px !important;

    background: transparent !important;

    color: #c2a74e !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(194,167,78,.5) !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 1.25px !important;

    text-transform: uppercase !important;
    text-decoration: none !important;

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


@media (hover: hover) {

    .homepage-products-1 .product .btn:hover,
    .homepage-products-1 .product button:hover,
    .homepage-products-1 .product .p-tools a:hover {
        background: transparent !important;

        color: #ffffff !important;

        border-bottom-color: #c2a74e !important;

        transform: translateX(3px) !important;
    }

}


/* KRATKY POPIS */

.homepage-products-1 .product .p-desc {
    max-width: 270px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #858187 !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;

    text-align: center !important;
}


/* SLIDER SIPKY */

.homepage-products-1 + .product-slider-navigation,
.product-slider-holder .product-slider-navigation {
    color: #c2a74e !important;

    opacity: .7 !important;

    transition:
        opacity .25s ease,
        transform .25s ease !important;
}


.product-slider-holder .product-slider-navigation:hover {
    opacity: 1 !important;
}


/* =========================================================
   MOBIL - PRODUKTOVY SLIDER
========================================================= */

@media (max-width: 767px) {

    .homepage-products-1 .product .p {
        padding: 0 8px 22px !important;
    }

    .homepage-products-1 .product .image {
        margin-bottom: 15px !important;

        border-radius: 11px !important;
    }

    .homepage-products-1 .product .name {
        margin-bottom: 10px !important;

        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    .homepage-products-1 .product .price-final {
        font-size: 16px !important;
    }

    .homepage-products-1 .product .prices {
        margin-bottom: 12px !important;
    }

    .homepage-products-1 .product .p-desc {
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    .homepage-products-1 .flag {
        min-height: 22px !important;

        padding: 0 7px !important;

        font-size: 8px !important;
        letter-spacing: .8px !important;
    }

}


/* =========================================================
   FORMBOOTY - NADPIS HLAVNI PRODUKTOVE SEKCE
========================================================= */

.homepage-group-title.homepage-products-heading-1 {
    position: relative !important;

    max-width: 680px !important;

    margin: 70px auto 42px !important;
    padding: 38px 24px 0 !important;

    color: #f5f2ed !important;

    font-family: "Noto Serif", serif !important;
    font-size: 27px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;

    letter-spacing: -.3px !important;

    text-align: center !important;
}


/* ZLATY KICKER */

.homepage-group-title.homepage-products-heading-1::before {
    content: "FORMBOOTY\00AE  |  CELLU 3R\2122" !important;

    display: block !important;

    margin: 0 0 17px !important;

    color: #c2a74e !important;

    font-family: Poppins, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}


/* JEMNA ZLATA LINKA */

.homepage-group-title.homepage-products-heading-1::after {
    content: "" !important;

    display: block !important;

    width: 36px !important;
    height: 1px !important;

    margin: 21px auto 0 !important;

    background: #c2a74e !important;

    opacity: .75 !important;
}


/* =========================================================
   MOBIL - NADPIS PRODUKTOVE SEKCE
========================================================= */

@media (max-width: 767px) {

    .homepage-group-title.homepage-products-heading-1 {
        max-width: 92% !important;

        margin: 48px auto 30px !important;
        padding: 28px 14px 0 !important;

        font-size: 24px !important;
        line-height: 1.25 !important;
    }

    .homepage-group-title.homepage-products-heading-1::before {
        margin-bottom: 14px !important;

        font-size: 8px !important;
        letter-spacing: 2.2px !important;
    }

    .homepage-group-title.homepage-products-heading-1::after {
        margin-top: 18px !important;
    }

}


/* =========================================================
   FORMBOOTY - DRUHA PRODUKTOVA SEKCE
   RITUALY & REGENERACE
========================================================= */


/* =========================================================
   NADPIS SEKCE
========================================================= */

.homepage-group-title.homepage-products-heading-2 {
    position: relative !important;

    max-width: 720px !important;

    margin: 78px auto 36px !important;
    padding: 34px 24px 0 !important;

    color: #f4f1ec !important;

    font-family: "Noto Serif", serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    letter-spacing: -.3px !important;

    text-align: center !important;
}


/* MALY ZLATY KICKER */

.homepage-group-title.homepage-products-heading-2::before {
    content: "FORMBOOTY\00AE  |  RITU\00C1LY & REGENERACE" !important;

    display: block !important;

    margin: 0 0 16px !important;

    color: #c2a74e !important;

    font-family: Poppins, sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    letter-spacing: 2.8px !important;
    text-transform: uppercase !important;
}


/* PODTITULEK */

.homepage-group-title.homepage-products-heading-2::after {
    content: "P\00E9\010De, kter\00E1 m\00E1 sv\00E9 m\00EDsto p\0159ed terapi\00ED, po n\00ED i mezi jednotliv\00FDmi dny." !important;

    display: block !important;

    max-width: 580px !important;

    margin: 17px auto 0 !important;

    color: #8e8a90 !important;

    font-family: Poppins, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;

    letter-spacing: 0 !important;
}


/* =========================================================
   POZADI CELE PRODUKTOVE RADY
========================================================= */

.homepage-group-title.homepage-products-heading-2 + .products-wrapper {
    position: relative !important;

    margin-top: 0 !important;
    margin-bottom: 82px !important;

    padding: 42px 28px 46px !important;

    background:
        linear-gradient(
            180deg,
            rgba(194,167,78,.045) 0%,
            rgba(194,167,78,.012) 45%,
            rgba(194,167,78,0) 100%
        ) !important;

    border-top: 1px solid rgba(194,167,78,.13) !important;
    border-bottom: 1px solid rgba(194,167,78,.13) !important;
}


/* =========================================================
   PRODUKTOVA KARTA
========================================================= */

.homepage-products-2 .product .p {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;

    padding: 0 16px 24px !important;

    background: transparent !important;

    text-align: center !important;

    transition:
        transform .3s ease,
        opacity .3s ease !important;
}


@media (hover: hover) {

    .homepage-products-2 .product.active:hover .p {
        transform: translateY(-3px) !important;
    }

}


/* =========================================================
   OBRAZEK
========================================================= */

.homepage-products-2 .product .image {
    position: relative !important;

    display: block !important;

    overflow: hidden !important;

    margin: 0 0 17px !important;

    background: #181619 !important;

    border: 1px solid rgba(194,167,78,.32) !important;
    border-radius: 12px !important;

    text-decoration: none !important;
}


.homepage-products-2 .product .image img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;

    object-fit: cover !important;

    transition:
        transform .45s ease,
        filter .45s ease !important;
}


@media (hover: hover) {

    .homepage-products-2 .product:hover .image img {
        transform: scale(1.02) !important;
    }

}


/* =========================================================
   BADGES
========================================================= */

.homepage-products-2 .flags {
    position: absolute !important;

    top: 11px !important;
    left: 11px !important;

    z-index: 3 !important;

    display: flex !important;
    flex-wrap: wrap !important;

    gap: 5px !important;

    max-width: calc(100% - 22px) !important;

    margin: 0 !important;
}


.homepage-products-2 .flag {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 24px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    background: rgba(20,18,21,.9) !important;

    color: #c2a74e !important;

    border: 1px solid rgba(194,167,78,.15) !important;
    border-radius: 5px !important;

    box-shadow: none !important;

    font-size: 8px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}


/* =========================================================
   VNITRNI CAST
========================================================= */

.homepage-products-2 .product .p-in {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.homepage-products-2 .product .p-in-in {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   NAZEV PRODUKTU
========================================================= */

.homepage-products-2 .product .name {
    display: block !important;

    min-height: 0 !important;

    margin: 0 0 11px !important;
    padding: 0 !important;

    color: #f0ede8 !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;

    letter-spacing: 0 !important;

    text-decoration: none !important;

    transition: color .25s ease !important;
}


.homepage-products-2 .product .name span {
    color: inherit !important;
    font: inherit !important;
}


.homepage-products-2 .product .name:hover {
    color: #c2a74e !important;
}


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

.homepage-products-2 .product .prices {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    justify-content: center !important;

    gap: 6px !important;

    min-height: 0 !important;

    margin: 0 0 13px !important;
    padding: 0 !important;
}


.homepage-products-2 .product .price-final {
    color: #c2a74e !important;

    font-size: 16px !important;
    font-weight: 600 !important;
}


.homepage-products-2 .product .price-standard {
    color: #6e6b70 !important;

    font-size: 12px !important;
    font-weight: 400 !important;

    opacity: .7 !important;
}


.homepage-products-2 .product .price-save {
    color: #928047 !important;

    font-size: 10px !important;
    font-weight: 500 !important;
}


/* =========================================================
   CTA
========================================================= */

.homepage-products-2 .product .p-bottom {
    margin: 0 !important;
    padding: 0 !important;
}


.homepage-products-2 .product .p-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 0 16px !important;
    padding: 0 !important;
}


.homepage-products-2 .product .btn,
.homepage-products-2 .product button,
.homepage-products-2 .product .p-tools a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 8px 2px 7px !important;

    background: transparent !important;

    color: #c2a74e !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(194,167,78,.42) !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

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


@media (hover: hover) {

    .homepage-products-2 .product .btn:hover,
    .homepage-products-2 .product button:hover,
    .homepage-products-2 .product .p-tools a:hover {
        background: transparent !important;

        color: #ffffff !important;

        border-bottom-color: #c2a74e !important;

        transform: translateX(3px) !important;
    }

}


/* =========================================================
   KRATKY POPIS
========================================================= */

.homepage-products-2 .product .p-desc {
    max-width: 250px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #7f7b81 !important;

    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;

    text-align: center !important;
}


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

@media (max-width: 767px) {

    .homepage-group-title.homepage-products-heading-2 {
        max-width: 92% !important;

        margin: 52px auto 26px !important;
        padding: 26px 14px 0 !important;

        font-size: 24px !important;
        line-height: 1.22 !important;
    }


    .homepage-group-title.homepage-products-heading-2::before {
        margin-bottom: 13px !important;

        font-size: 8px !important;
        letter-spacing: 2px !important;
    }


    .homepage-group-title.homepage-products-heading-2::after {
        max-width: 310px !important;

        margin-top: 14px !important;

        font-size: 11px !important;
        line-height: 1.6 !important;
    }


    .homepage-group-title.homepage-products-heading-2 + .products-wrapper {
        margin-bottom: 58px !important;

        padding: 30px 8px 34px !important;
    }


    .homepage-products-2 .product .p {
        padding: 0 8px 20px !important;
    }


    .homepage-products-2 .product .image {
        margin-bottom: 14px !important;

        border-radius: 10px !important;
    }


    .homepage-products-2 .product .name {
        font-size: 13px !important;
    }


    .homepage-products-2 .product .price-final {
        font-size: 15px !important;
    }


    .homepage-products-2 .product .p-desc {
        font-size: 10.5px !important;
        line-height: 1.5 !important;
    }

}
/* =========================================================
   FORMBOOTY - FINALNI HLAVICKY PRODUKTOVYCH RAD
========================================================= */


/* SPOLECNY VZHLED OBOU HLAVICEK */

.homepage-group-title.homepage-products-heading-1,
.homepage-group-title.homepage-products-heading-2 {
    position: relative !important;

    max-width: 760px !important;

    margin: 74px auto 42px !important;
    padding: 30px 24px 28px !important;

    color: #f4f1ec !important;

    font-family: "Noto Serif", serif !important;
    font-size: 29px !important;
    font-weight: 400 !important;
    line-height: 1.23 !important;

    letter-spacing: -.3px !important;

    text-align: center !important;
}


/* =========================================================
   ZLATY KICKER - SPOLECNY VZHLED
========================================================= */

.homepage-group-title.homepage-products-heading-1::before,
.homepage-group-title.homepage-products-heading-2::before {
    display: block !important;

    margin: 0 0 17px !important;

    color: #c2a74e !important;

    font-family: Poppins, sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    letter-spacing: 2.8px !important;
    text-transform: uppercase !important;
}


/* PRVNI PRODUKTOVA RADA */

.homepage-group-title.homepage-products-heading-1::before {
    content: "FORMBOOTY\00AE  |  NE JEN PRODUKTY" !important;
}


/* DRUHA PRODUKTOVA RADA */

.homepage-group-title.homepage-products-heading-2::before {
    content: "FORMBOOTY\00AE  |  RITU\00C1LY & REGENERACE" !important;
}


/* =========================================================
   ZLATA LINKA POD NADPISEM
========================================================= */

.homepage-group-title.homepage-products-heading-1::after,
.homepage-group-title.homepage-products-heading-2::after {
    content: "" !important;

    display: block !important;

    width: 36px !important;
    height: 1px !important;

    max-width: none !important;

    margin: 21px auto 0 !important;
    padding: 0 !important;

    background: #c2a74e !important;

    border: 0 !important;

    opacity: .72 !important;
}


/* =========================================================
   DRUHA PRODUKTOVA RADA - JEMNE ODDELENI
========================================================= */

.homepage-group-title.homepage-products-heading-2 {
    margin-top: 82px !important;
}


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

@media (max-width: 767px) {

    .homepage-group-title.homepage-products-heading-1,
    .homepage-group-title.homepage-products-heading-2 {
        max-width: 92% !important;

        margin: 52px auto 30px !important;
        padding: 26px 14px 22px !important;

        font-size: 23px !important;
        line-height: 1.25 !important;
    }


    .homepage-group-title.homepage-products-heading-1::before,
    .homepage-group-title.homepage-products-heading-2::before {
        margin-bottom: 14px !important;

        font-size: 8px !important;
        letter-spacing: 2px !important;
    }


    .homepage-group-title.homepage-products-heading-1::after,
    .homepage-group-title.homepage-products-heading-2::after {
        width: 30px !important;

        margin-top: 18px !important;
    }


    .homepage-group-title.homepage-products-heading-2 {
        margin-top: 58px !important;
    }

}

/* =========================================================
   FORMBOOTY - BLOG / JOURNAL
   FINAL CLEAN VERSION
========================================================= */

.homepage-blog-wrapper.row.blog-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 18px !important;
    row-gap: 18px !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin: 86px auto 0 !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

.homepage-blog-wrapper > .homepage-group-title {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto 42px !important;
    padding: 0 20px 28px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
}

.homepage-blog-wrapper > .homepage-group-title::before {
    content: "FORMBOOTY\0000AE BLOG | \00010CTEN\0000CD, KTER\0000C9  JDE POD POVRCH." !important;

    display: block !important;
    margin: 0 0 17px !important;

    color: #c2a74e !important;

    font-family: Poppins, sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    letter-spacing: 2.6px !important;
    text-transform: uppercase !important;
}


.homepage-blog-wrapper > .homepage-group-title::after {
    content: "To, co V\0000E1m ve studi\0000EDch nikdo ne\000159ekl." !important;

    display: block !important;

    margin: 0 auto !important;
    padding: 0 0 27px !important;

    color: #f4f1ec !important;

    font-family: "Noto Serif", serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1.22 !important;
    letter-spacing: -.3px !important;

    background:
        linear-gradient(#c2a74e, #c2a74e)
        center bottom / 36px 1px
        no-repeat !important;
}
.homepage-blog-wrapper > .news-item {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #141215 !important;
    border: 1px solid rgba(194,167,78,.22) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    float: none !important;
    flex: none !important;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease !important;
}

.homepage-blog-wrapper > .news-item > a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 300px !important;
    overflow: hidden !important;
    text-decoration: none !important;
}

.homepage-blog-wrapper .news-item .image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.homepage-blog-wrapper .news-item .image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    filter: none !important;
    transition: transform .5s ease !important;
}

.homepage-blog-wrapper .news-item > a::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(10,8,10,.06) 0%, rgba(10,8,10,.20) 38%, rgba(10,8,10,.58) 70%, rgba(10,8,10,.86) 100%) !important;
}

.homepage-blog-wrapper .news-item .text {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 300px !important;
    padding: 28px 30px !important;
    box-sizing: border-box !important;
}

.homepage-blog-wrapper .news-item .title {
    display: block !important;
    margin: 0 0 12px !important;
    color: #f4f1ec !important;
    font-family: Poppins, sans-serif !important;
    font-size: 18.5px !important;
    font-weight: 600 !important;
    line-height: 1.28 !important;
    letter-spacing: -.1px !important;
}

.homepage-blog-wrapper .news-item .description {
    display: -webkit-box !important;
    margin: 0 0 18px !important;
    overflow: hidden !important;
    color: rgba(244,241,236,.68) !important;
    font-family: Poppins, sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.58 !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

.homepage-blog-wrapper .news-item .description strong,
.homepage-blog-wrapper .news-item .description b,
.homepage-blog-wrapper .news-item .description * {
    font-weight: 400 !important;
    color: inherit !important;
}

.homepage-blog-wrapper .news-item .read-article {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: fit-content !important;
    margin: 0 !important;
    padding: 8px 2px 7px !important;
    color: #c2a74e !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(194,167,78,.5) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Poppins, sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    transition: color .25s ease, border-color .25s ease, transform .25s ease !important;
}

@media (hover: hover) {
    .homepage-blog-wrapper .news-item:hover {
        transform: translateY(-4px) !important;
        border-color: rgba(194,167,78,.50) !important;
        box-shadow: 0 18px 42px rgba(0,0,0,.22) !important;
    }

    .homepage-blog-wrapper .news-item:hover .image img {
        transform: scale(1.02) !important;
    }

    .homepage-blog-wrapper .news-item:hover .read-article {
        color: #ffffff !important;
        border-bottom-color: #c2a74e !important;
        transform: translateX(3px) !important;
    }
}

@media (max-width: 980px) {
    .homepage-blog-wrapper.row.blog-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .homepage-blog-wrapper > .news-item > a,
    .homepage-blog-wrapper .news-item .text {
        min-height: 280px !important;
    }
}

@media (max-width: 767px) {
    .homepage-blog-wrapper.row.blog-wrapper {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        margin: 58px auto 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .homepage-blog-wrapper > .homepage-group-title {
        margin-bottom: 28px !important;
        padding: 0 12px 22px !important;
    }

    .homepage-blog-wrapper > .homepage-group-title::before {
        margin-bottom: 13px !important;
        font-size: 8px !important;
        letter-spacing: 1.8px !important;
    }

    .homepage-blog-wrapper > .homepage-group-title::after {
        padding-bottom: 22px !important;
        font-size: 24px !important;
        line-height: 1.22 !important;
        background-size: 30px 1px !important;
    }

    .homepage-blog-wrapper > .news-item > a,
    .homepage-blog-wrapper .news-item .text {
        min-height: 250px !important;
    }

    .homepage-blog-wrapper .news-item .text {
        padding: 22px !important;
    }

    .homepage-blog-wrapper .news-item .title {
        margin-bottom: 10px !important;
        font-size: 16px !important;
        line-height: 1.28 !important;
    }

    .homepage-blog-wrapper .news-item .description {
        margin-bottom: 14px !important;
        font-size: 11px !important;
        line-height: 1.55 !important;
        -webkit-line-clamp: 3 !important;
    }

    .homepage-blog-wrapper .news-item .read-article {
        font-size: 9px !important;
        letter-spacing: 1px !important;
        padding: 7px 2px 6px !important;
    }
}


/* =========================================================
   FORMBOOTY - FOOTER
   PREMIUM CLEAN VERSION
========================================================= */

#footer,
#footer .footer-rows,
#footer .custom-footer {
    background: #1c1a1d !important;
    color: #aaa6ac !important;
}

#footer .custom-footer h4,
#footer .custom-footer h3 {
    margin-bottom: 18px !important;
    color: #c2a74e !important;
    font-family: "Noto Serif", serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
}

#footer .custom-footer h4::after,
#footer .custom-footer h3::after {
    content: "" !important;
    display: block !important;
    width: 28px !important;
    height: 1px !important;
    margin-top: 14px !important;
    background: rgba(194,167,78,.55) !important;
}

#footer .custom-footer__articles a {
    color: #aaa6ac !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    text-decoration: none !important;
    transition: color .22s ease !important;
}

#footer .custom-footer__articles a:hover {
    color: #c2a74e !important;
}

#footer .custom-footer__contact {
    color: #aaa6ac !important;
}

#footer .custom-footer__contact a {
    color: #c2a74e !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

#footer .custom-footer__contact a:hover {
    color: #f4f1ec !important;
}

#footer .custom-footer__contact .social-icons a,
#footer .custom-footer__contact a[href*="instagram"],
#footer .custom-footer__contact a[href*="wa.me"],
#footer .custom-footer__contact a[href*="whatsapp"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    margin-right: 8px !important;
    background: transparent !important;
    color: #c2a74e !important;
    border: 1px solid rgba(194,167,78,.38) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    transition: border-color .22s ease, background .22s ease, transform .22s ease !important;
}

#footer .custom-footer__onlinePayments {
    color: #aaa6ac !important;
}

#footer .custom-footer__onlinePayments img {
    opacity: .82 !important;
    transition: opacity .2s ease !important;
}

#footer [class*="custom-footer__banner"] {
    color: #aaa6ac !important;
}

#footer [class*="custom-footer__banner"] img {
    max-width: 180px !important;
    height: auto !important;
}

@media (hover: hover) {
    #footer .custom-footer__contact .social-icons a:hover,
    #footer .custom-footer__contact a[href*="instagram"]:hover,
    #footer .custom-footer__contact a[href*="wa.me"]:hover,
    #footer .custom-footer__contact a[href*="whatsapp"]:hover {
        background: rgba(194,167,78,.08) !important;
        border-color: #c2a74e !important;
        transform: translateY(-2px) !important;
    }

    #footer .custom-footer__onlinePayments img:hover {
        opacity: 1 !important;
    }
}

@media (max-width: 767px) {
    #footer .custom-footer > div {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }

    #footer .custom-footer h4,
    #footer .custom-footer h3 {
        font-size: 17px !important;
    }

    #footer .custom-footer__articles a,
    #footer .custom-footer__contact a {
        font-size: 13px !important;
    }

    #footer .custom-footer__contact .social-icons a,
    #footer .custom-footer__contact a[href*="instagram"],
    #footer .custom-footer__contact a[href*="wa.me"],
    #footer .custom-footer__contact a[href*="whatsapp"] {
        width: 38px !important;
        height: 38px !important;
    }
}


/* =========================================================
   FORMBOOTY - COPYRIGHT / SPODNI LISTA
========================================================= */

.footer-bottom,
.footer-bottom-wrapper,
.footer-bottom .container,
.footer-bottom-wrapper .container,
#footer .footer-bottom,
#footer .footer-bottom .container,
#footer .copyright,
#footer .copyright .container,
.copyright,
.copyright .container,
.footer-bottom-full-width,
body > .footer-bottom,
body > .footer-bottom-wrapper {
    background: #141215 !important;
    background-color: #141215 !important;
}

.footer-bottom,
.footer-bottom-wrapper,
#footer .copyright,
.copyright {
    color: #77737a !important;
    border-top: 1px solid rgba(194,167,78,.14) !important;
}

.footer-bottom .container,
.footer-bottom-wrapper .container,
#footer .footer-bottom .container,
#footer .footer-bottom-wrapper .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 11px 22px !important;
    box-sizing: border-box !important;
}

.footer-bottom,
.footer-bottom-wrapper,
.footer-bottom span,
.footer-bottom-wrapper span {
    color: #77737a !important;
    font-family: Poppins, sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}

.footer-bottom a,
.footer-bottom-wrapper a,
#footer .copyright a,
.copyright a {
    color: #77737a !important;
    text-decoration: none !important;
    transition: color .2s ease !important;
}

.footer-bottom a:hover,
.footer-bottom-wrapper a:hover,
#footer .copyright a:hover,
.copyright a:hover {
    color: #c2a74e !important;
}

.footer-bottom .created-by,
.footer-bottom-wrapper .created-by,
.footer-bottom .shoptet,
.footer-bottom-wrapper .shoptet {
    color: #77737a !important;
}

@media (max-width: 767px) {
    .footer-bottom .container,
    .footer-bottom-wrapper .container,
    #footer .footer-bottom .container,
    #footer .footer-bottom-wrapper .container {
        padding: 10px 16px !important;
    }

    .footer-bottom,
    .footer-bottom-wrapper,
    .footer-bottom span,
    .footer-bottom-wrapper span {
        font-size: 9px !important;
    }
}
/* =========================================================
   FORMBOOTY - TOP BANNERY POD SEBOU
========================================================= */


/* SPOLECNY OBAL OBOU TOP BANNERU */

.next-to-carousel-banners[data-testid="gridTopBanners"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

    flex: 0 0 100% !important;

    gap: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* KAZDY BANNER SAMOSTATNE PRES CELOU SIRKU */

.next-to-carousel-banners[data-testid="gridTopBanners"]
> .banner-wrapper[data-testid="bannerTop"] {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* OBRAZKOVY BANNER */

.next-to-carousel-banners[data-testid="gridTopBanners"]
> .banner-wrapper[data-testid="bannerTop"] > img {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    margin: 0 !important;
}


/* TEXTOVY / HTML BANNER */

.next-to-carousel-banners[data-testid="gridTopBanners"]
> .banner-wrapper[data-testid="bannerTop"] > span {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
}


/* NAS CUSTOM KOMPONENT */

.next-to-carousel-banners[data-testid="gridTopBanners"] .fb-paths {
    width: 100% !important;
    max-width: 1200px !important;

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