/* =========================================================
   ZLATO Z OLIV – ČASTÉ DOTAZY V1
   HERO + RYCHLÝ VÝBĚR TÉMAT
   ========================================================= */

.zzo-faq,
.zzo-faq *{
    box-sizing:border-box !important;
}

.zzo-faq{
    width:100% !important;
    max-width:none !important;

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

    color:#253511 !important;
}

.zzo-faq-container{
    position:relative !important;
    z-index:4 !important;

    width:min(1240px,calc(100% - 64px)) !important;
    margin:0 auto !important;
}


/* =========================================================
   HERO
   ========================================================= */

.zzo-faq-hero{
    position:relative !important;

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

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

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

    overflow:hidden !important;

    background:#fffdf8 !important;
}

.zzo-faq-hero-bg{
    position:absolute !important;

    top:0 !important;
    right:0 !important;
    bottom:0 !important;

    width:58% !important;

    background-image:url("/user/documents/faq-hero-v1.jpg") !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    z-index:1 !important;
}

.zzo-faq-hero-overlay{
    position:absolute !important;
    inset:0 !important;

    z-index:2 !important;

    background:
        linear-gradient(
            90deg,
            #fffdf8 0%,
            #fffdf8 40%,
            rgba(255,253,248,.96) 48%,
            rgba(255,253,248,.62) 57%,
            rgba(255,253,248,.08) 73%,
            rgba(255,253,248,0) 100%
        ) !important;
}

.zzo-faq-hero-content{
    position:relative !important;
    z-index:5 !important;

    width:560px !important;
    max-width:50% !important;

    padding:56px 0 62px !important;
}


/* logo */
.zzo-faq-brand{
    width:300px !important;
    max-width:100% !important;

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

.zzo-faq-brand img{
    display:block !important;

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

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

    border:0 !important;
    background:transparent !important;
}


/* nadpis */
.zzo-faq-hero h1{
    margin:0 !important;
    padding:0 !important;

    color:#253511 !important;

    font-family:Georgia,"Times New Roman",serif !important;
    font-size:72px !important;
    line-height:.98 !important;
    font-weight:400 !important;
    letter-spacing:-1px !important;
}

.zzo-faq-hero-ornament{
    width:175px !important;

    margin:21px 0 22px !important;

    display:flex !important;
    align-items:center !important;
    gap:11px !important;

    color:#c9a442 !important;
}

.zzo-faq-hero-ornament span{
    flex:1 !important;
    height:1px !important;

    background:#c9a442 !important;
}

.zzo-faq-hero-ornament b{
    font-size:10px !important;
    line-height:1 !important;
    font-weight:400 !important;
}

.zzo-faq-hero h2{
    margin:0 0 17px !important;
    padding:0 !important;

    color:#b98b24 !important;

    font-family:Georgia,"Times New Roman",serif !important;
    font-size:30px !important;
    line-height:1.2 !important;
    font-weight:400 !important;
}

.zzo-faq-hero p{
    max-width:520px !important;

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

    color:#4e5148 !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:15px !important;
    line-height:1.65 !important;
    font-weight:400 !important;
}


/* CTA */
.zzo-faq-hero-button{
    min-height:54px !important;

    padding:0 24px !important;

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

    gap:18px !important;

    border:1px solid #253511 !important;
    border-radius:999px !important;

    background:#253511 !important;

    color:#e5c55e !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;

    box-shadow:0 7px 18px rgba(37,53,17,.16) !important;

    transition:
        transform .18s ease,
        background .18s ease,
        color .18s ease !important;
}

.zzo-faq-hero-button span{
    color:#e5c55e !important;
    font-size:24px !important;
    line-height:1 !important;
    font-weight:300 !important;
}

.zzo-faq-hero-button:hover{
    color:#fffaf0 !important;
    text-decoration:none !important;

    background:#30451b !important;

    transform:translateY(-2px) !important;
}


/* =========================================================
   RYCHLÝ VÝBĚR TÉMAT
   ========================================================= */

.zzo-faq-topics{
    width:100% !important;

    margin:0 !important;
    padding:40px 0 50px !important;

    background:#fffdf8 !important;
}

.zzo-faq-section-heading{
    margin:0 0 28px !important;
    text-align:center !important;
}

.zzo-faq-section-heading h2{
    margin:0 !important;
    padding:0 !important;

    color:#253511 !important;

    font-family:Georgia,"Times New Roman",serif !important;
    font-size:34px !important;
    line-height:1.12 !important;
    font-weight:500 !important;
}

.zzo-faq-section-ornament{
    width:126px !important;

    margin:11px auto 0 !important;

    display:flex !important;
    align-items:center !important;
    gap:10px !important;

    color:#c9a442 !important;
}

.zzo-faq-section-ornament span{
    flex:1 !important;
    height:1px !important;

    background:#c9a442 !important;
}

.zzo-faq-section-ornament b{
    font-size:10px !important;
    line-height:1 !important;
    font-weight:400 !important;
}

.zzo-faq-topics-grid{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;

    gap:14px !important;

    width:100% !important;
}

.zzo-faq-topic-card{
    position:relative !important;

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

    padding:20px 13px 16px !important;

    border:1px solid rgba(201,164,66,.45) !important;
    border-radius:12px !important;

    background:#fffdf8 !important;

    box-shadow:0 5px 16px rgba(37,53,17,.05) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease !important;
}

.zzo-faq-topic-click{
    position:absolute !important;
    z-index:5 !important;

    inset:0 !important;

    display:block !important;

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

.zzo-faq-topic-content{
    position:relative !important;
    z-index:2 !important;

    height:100% !important;

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

    text-align:center !important;

    pointer-events:none !important;
}

.zzo-faq-topic-icon{
    width:78px !important;
    height:78px !important;

    margin:0 0 15px !important;

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

    border-radius:50% !important;

    background:#f0f1e7 !important;
}

.zzo-faq-topic-icon img{
    display:block !important;

    width:52px !important;
    height:52px !important;

    object-fit:contain !important;

    transition:transform .18s ease !important;
}

.zzo-faq-topic-card h3{
    min-height:48px !important;

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

    color:#253511 !important;

    font-family:Georgia,"Times New Roman",serif !important;
    font-size:19px !important;
    line-height:1.15 !important;
    font-weight:600 !important;
}

.zzo-faq-topic-card p{
    min-height:54px !important;

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

    color:#62645c !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12px !important;
    line-height:1.45 !important;
}

.zzo-faq-topic-arrow{
    margin-top:auto !important;

    color:#b98b24 !important;

    font-family:Arial,sans-serif !important;
    font-size:25px !important;
    line-height:1 !important;
    font-weight:300 !important;
}

.zzo-faq-topic-card:hover{
    transform:translateY(-3px) !important;

    border-color:#c9a442 !important;

    box-shadow:0 10px 23px rgba(37,53,17,.10) !important;
}

.zzo-faq-topic-card:hover .zzo-faq-topic-icon img{
    transform:scale(1.07) !important;
}


/* =========================================================
   SHOPTET – VYČIŠTĚNÍ STRÁNKY
   ========================================================= */

body.zzo-faq-page .breadcrumbs,
body.zzo-faq-page .breadcrumb,
body.zzo-faq-page .navigation-breadcrumb,
body.zzo-faq-page .navigation-home-icon-wrapper,
body.zzo-faq-page nav.breadcrumbs,
body.zzo-faq-page ol.breadcrumbs,
body.zzo-faq-page ul.breadcrumbs{
    display:none !important;
}

body.zzo-faq-page .sidebar,
body.zzo-faq-page .sidebar-left,
body.zzo-faq-page .sidebar-inner,
body.zzo-faq-page aside.sidebar,
body.zzo-faq-page #sidebar,
body.zzo-faq-page .content-wrapper-in > aside,
body.zzo-faq-page .content-wrapper-in > .sidebar,
body.zzo-faq-page .content-wrapper-in > .sidebar-left{
    display:none !important;
}

body.zzo-faq-page .content-wrapper,
body.zzo-faq-page .content-wrapper-in,
body.zzo-faq-page .container.content-wrapper,
body.zzo-faq-page main,
body.zzo-faq-page .content,
body.zzo-faq-page .content-inner,
body.zzo-faq-page #content{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    margin:0 !important;

    padding-left:0 !important;
    padding-right:0 !important;
    padding-top:0 !important;

    float:none !important;
    flex:0 0 100% !important;
}

body.zzo-faq-page .content-wrapper-in{
    display:block !important;
}

body.zzo-faq-page .discussion,
body.zzo-faq-page #discussion,
body.zzo-faq-page .discussion-wrapper,
body.zzo-faq-page .discussion-form,
body.zzo-faq-page .discussion-item,
body.zzo-faq-page .discussion-empty,
body.zzo-faq-page .comments,
body.zzo-faq-page #comments,
body.zzo-faq-page .add-comment,
body.zzo-faq-page .rate-wrapper,
body.zzo-faq-page .vote-wrap{
    display:none !important;
}


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

@media (max-width:1100px){

    .zzo-faq-container{
        width:calc(100% - 48px) !important;
    }

    .zzo-faq-topics-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:17px !important;
    }
}

@media (max-width:850px){

    .zzo-faq-hero{
        min-height:540px !important;
    }

    .zzo-faq-hero-bg{
        width:54% !important;
    }

    .zzo-faq-hero-content{
        width:500px !important;
        max-width:58% !important;
    }

    .zzo-faq-brand{
        width:260px !important;
    }

    .zzo-faq-hero h1{
        font-size:60px !important;
    }

    .zzo-faq-hero h2{
        font-size:27px !important;
    }
}


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

@media (max-width:650px){

    .zzo-faq-container{
        width:calc(100% - 30px) !important;
    }

    .zzo-faq-hero{
        min-height:720px !important;
        align-items:flex-end !important;
    }

    .zzo-faq-hero-bg{
        width:100% !important;
        height:44% !important;

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

        background-position:center 40% !important;
    }

    .zzo-faq-hero-overlay{
        background:
            linear-gradient(
                180deg,
                rgba(255,253,248,0) 0%,
                rgba(255,253,248,.12) 30%,
                rgba(255,253,248,.93) 48%,
                #fffdf8 58%,
                #fffdf8 100%
            ) !important;
    }

    .zzo-faq-hero-content{
        width:100% !important;
        max-width:none !important;

        padding:290px 0 36px !important;
    }

    .zzo-faq-brand{
        width:240px !important;
        margin-bottom:18px !important;
    }

    .zzo-faq-hero h1{
        font-size:52px !important;
    }

    .zzo-faq-hero h2{
        font-size:26px !important;
    }

    .zzo-faq-hero p{
        font-size:14px !important;
    }

    .zzo-faq-hero-button{
        width:100% !important;
        min-height:54px !important;
        padding:0 16px !important;
    }

    .zzo-faq-topics{
        padding:34px 0 40px !important;
    }

    .zzo-faq-section-heading h2{
        font-size:30px !important;
    }

    .zzo-faq-topics-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:13px !important;
    }

    .zzo-faq-topic-card{
        min-height:225px !important;
    }
}

@media (max-width:430px){

    .zzo-faq-topics-grid{
        grid-template-columns:1fr !important;
    }

    .zzo-faq-topic-card{
        min-height:210px !important;
        max-width:340px !important;
        width:100% !important;
        margin:0 auto !important;
    }
}