/* =========================================================
   ZLATO Z OLIV – OBCHODNÍ PODMÍNKY V1
   ========================================================= */

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

.zzo-op{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    color:#253511 !important;
}

.zzo-op-container{
    position:relative !important;
    z-index:4 !important;
    width:min(1240px,calc(100% - 64px)) !important;
    margin:0 auto !important;
}


/* HERO */

.zzo-op-hero{
    position:relative !important;
    width:100% !important;
    min-height:540px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
    background:#fffdf8 !important;
}

.zzo-op-hero-bg{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:60% !important;
    z-index:1 !important;

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

.zzo-op-hero-overlay{
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;

    background:
        linear-gradient(
            90deg,
            #fffdf8 0%,
            #fffdf8 39%,
            rgba(255,253,248,.97) 47%,
            rgba(255,253,248,.63) 57%,
            rgba(255,253,248,.10) 72%,
            rgba(255,253,248,0) 100%
        ) !important;
}

.zzo-op-hero-content{
    position:relative !important;
    z-index:5 !important;
    width:580px !important;
    max-width:50% !important;
    padding:54px 0 60px !important;
}

.zzo-op-brand{
    width:300px !important;
    max-width:100% !important;
    margin:0 0 24px !important;
}

.zzo-op-brand img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    background:transparent !important;
    border:0 !important;
}

.zzo-op-hero h1{
    margin:0 !important;
    padding:0 !important;
    color:#253511 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:66px !important;
    line-height:1 !important;
    font-weight:400 !important;
    letter-spacing:-1px !important;
}

.zzo-op-hero-ornament{
    width:175px !important;
    margin:22px 0 23px !important;
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    color:#c9a442 !important;
}

.zzo-op-hero-ornament span{
    flex:1 !important;
    height:1px !important;
    background:#c9a442 !important;
}

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

.zzo-op-hero p{
    max-width:505px !important;
    margin:0 !important;
    padding:0 !important;
    color:#4d5148 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:15px !important;
    line-height:1.7 !important;
}


/* CONTENT NAV */

.zzo-op-content-nav{
    width:100% !important;
    margin:0 !important;
    padding:42px 0 38px !important;
    background:#fffdf8 !important;
}

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

.zzo-op-section-heading h2{
    margin:0 !important;
    color:#253511 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:35px !important;
    line-height:1.1 !important;
    font-weight:500 !important;
}

.zzo-op-section-heading p{
    margin:12px 0 0 !important;
    color:#6a685f !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12px !important;
    line-height:1.45 !important;
}

.zzo-op-section-ornament{
    width:126px !important;
    margin:11px auto 0 !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    color:#c9a442 !important;
}

.zzo-op-section-ornament span{
    flex:1 !important;
    height:1px !important;
    background:#c9a442 !important;
}

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

.zzo-op-toc-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:17px !important;
    width:100% !important;
}

.zzo-op-toc-card{
    position:relative !important;
    min-height:92px !important;
    padding:17px 18px !important;
    display:grid !important;
    grid-template-columns:48px 36px 1fr !important;
    align-items:center !important;
    gap:10px !important;

    border:1px solid rgba(201,164,66,.42) !important;
    border-radius:11px !important;
    background:#fffdf8 !important;
    color:#253511 !important;
    text-decoration:none !important;

    box-shadow:0 4px 13px rgba(37,53,17,.04) !important;

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

.zzo-op-toc-card:hover{
    color:#253511 !important;
    text-decoration:none !important;
    transform:translateY(-2px) !important;
    border-color:#c9a442 !important;
    box-shadow:0 8px 20px rgba(37,53,17,.08) !important;
}

.zzo-op-toc-card img{
    width:46px !important;
    height:46px !important;
    object-fit:contain !important;
}

.zzo-op-toc-number{
    color:#253511 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:18px !important;
    font-weight:600 !important;
}

.zzo-op-toc-title{
    color:#253511 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}


/* LEGAL ACCORDION */

.zzo-op-legal{
    width:100% !important;
    margin:0 !important;
    padding:0 0 48px !important;
    background:#fffdf8 !important;
}

.zzo-op-details{
    overflow:hidden !important;
    border:1px solid rgba(201,164,66,.42) !important;
    border-radius:13px !important;
    background:#fffdf8 !important;
    box-shadow:0 6px 20px rgba(37,53,17,.045) !important;
}

.zzo-op-detail{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(201,164,66,.25) !important;
    background:#fffdf8 !important;
}

.zzo-op-detail:last-child{
    border-bottom:0 !important;
}

.zzo-op-detail summary{
    min-height:78px !important;
    padding:20px 25px !important;
    display:grid !important;
    grid-template-columns:45px 1fr 28px !important;
    align-items:center !important;
    gap:10px !important;

    list-style:none !important;
    cursor:pointer !important;

    color:#253511 !important;
    background:#fffdf8 !important;
}

.zzo-op-detail summary::-webkit-details-marker{
    display:none !important;
}

.zzo-op-detail-number,
.zzo-op-detail-title{
    font-family:Georgia,"Times New Roman",serif !important;
    color:#253511 !important;
}

.zzo-op-detail-number{
    font-size:20px !important;
    font-weight:600 !important;
}

.zzo-op-detail-title{
    font-size:22px !important;
    line-height:1.15 !important;
    font-weight:600 !important;
}

.zzo-op-detail-chevron{
    width:14px !important;
    height:14px !important;
    justify-self:end !important;

    border-right:2px solid #b98b24 !important;
    border-bottom:2px solid #b98b24 !important;

    transform:rotate(45deg) !important;
    transition:transform .18s ease !important;
}

.zzo-op-detail[open] .zzo-op-detail-chevron{
    transform:rotate(225deg) !important;
}

.zzo-op-detail-body{
    padding:0 25px 24px 80px !important;
}

.zzo-op-placeholder{
    padding:17px 18px !important;
    border:1px dashed rgba(185,139,36,.55) !important;
    border-radius:9px !important;
    background:#faf8f2 !important;
}

.zzo-op-placeholder strong{
    display:block !important;
    margin-bottom:5px !important;
    color:#b98b24 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:11px !important;
    text-transform:uppercase !important;
    letter-spacing:.06em !important;
}

.zzo-op-placeholder p{
    margin:0 !important;
    color:#5f6258 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:12.5px !important;
    line-height:1.6 !important;
}

.zzo-op-print-wrap{
    margin-top:20px !important;
    text-align:center !important;
}

.zzo-op-print-button{
    min-height:45px !important;
    padding:0 20px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;

    border:1px solid rgba(201,164,66,.72) !important;
    border-radius:999px !important;
    background:#fffdf8 !important;
    color:#253511 !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:11px !important;
    font-weight:700 !important;
    cursor:pointer !important;
}


/* BENEFITS */

.zzo-op-benefits{
    width:100% !important;
    margin:0 !important;
    padding:26px 0 28px !important;
    background:#faf8f2 !important;
    border-top:1px solid rgba(201,164,66,.18) !important;
}

.zzo-op-benefits-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    width:100% !important;
}

.zzo-op-benefit{
    min-width:0 !important;
    padding:7px 26px !important;
    display:grid !important;
    grid-template-columns:52px 1fr !important;
    align-items:center !important;
    gap:13px !important;
}

.zzo-op-benefit + .zzo-op-benefit{
    border-left:1px solid rgba(201,164,66,.28) !important;
}

.zzo-op-benefit img{
    width:48px !important;
    height:48px !important;
    object-fit:contain !important;
}

.zzo-op-benefit h3{
    margin:0 0 4px !important;
    color:#253511 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:16px !important;
    line-height:1.15 !important;
    font-weight:600 !important;
}

.zzo-op-benefit p{
    margin:0 !important;
    color:#5d6157 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:10.8px !important;
    line-height:1.4 !important;
}


/* CTA */

.zzo-op-contact{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:#17330f !important;
    color:#fffaf0 !important;
}

.zzo-op-contact-inner{
    min-height:150px !important;
    display:grid !important;
    grid-template-columns:180px 1fr auto !important;
    align-items:center !important;
    gap:26px !important;
}

.zzo-op-contact-decoration{
    height:150px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.zzo-op-contact-decoration img{
    width:165px !important;
    max-width:100% !important;
    height:auto !important;
    opacity:.85 !important;
}

.zzo-op-contact-copy h2{
    margin:0 0 4px !important;
    color:#fffaf0 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:34px !important;
    line-height:1.08 !important;
    font-weight:500 !important;
}

.zzo-op-contact-copy p{
    margin:0 !important;
    color:#d0a741 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:24px !important;
    line-height:1.1 !important;
}

.zzo-op-contact-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
}

.zzo-op-contact-button{
    min-height:48px !important;
    padding:0 21px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    border-radius:7px !important;
    text-decoration:none !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:11.5px !important;
    font-weight:700 !important;
}

.zzo-op-contact-outline{
    min-width:160px !important;
    border:1px solid rgba(201,164,66,.88) !important;
    background:transparent !important;
    color:#dfba50 !important;
}

.zzo-op-contact-gold{
    min-width:170px !important;
    border:1px solid #d8b24b !important;
    background:linear-gradient(180deg,#d8b24b 0%,#b98b24 100%) !important;
    color:#fffaf0 !important;
}


/* SHOPTET CLEANUP */

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

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

body.zzo-op-page .content-wrapper,
body.zzo-op-page .content-wrapper-in,
body.zzo-op-page .container.content-wrapper,
body.zzo-op-page main,
body.zzo-op-page .content,
body.zzo-op-page .content-inner,
body.zzo-op-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-op-page .content-wrapper-in{
    display:block !important;
}

body.zzo-op-page .discussion,
body.zzo-op-page #discussion,
body.zzo-op-page .discussion-wrapper,
body.zzo-op-page .discussion-form,
body.zzo-op-page .comments,
body.zzo-op-page #comments{
    display:none !important;
}


/* TABLET */

@media (max-width:1000px){

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

    .zzo-op-toc-grid{
        grid-template-columns:1fr 1fr !important;
    }

    .zzo-op-benefits-grid{
        grid-template-columns:1fr 1fr !important;
    }

    .zzo-op-benefit:nth-child(3){
        border-left:0 !important;
    }

    .zzo-op-benefit:nth-child(-n+2){
        border-bottom:1px solid rgba(201,164,66,.25) !important;
    }

    .zzo-op-benefit{
        padding-top:16px !important;
        padding-bottom:16px !important;
    }

    .zzo-op-contact-inner{
        grid-template-columns:130px 1fr !important;
        padding:18px 0 !important;
    }

    .zzo-op-contact-actions{
        grid-column:1 / -1 !important;
        justify-content:center !important;
        padding-bottom:8px !important;
    }
}


/* MOBILE */

@media (max-width:720px){

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

    .zzo-op-hero-bg{
        width:100% !important;
        height:44% !important;
        top:0 !important;
        bottom:auto !important;
    }

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

    .zzo-op-hero-content{
        width:100% !important;
        max-width:none !important;
        padding:280px 0 36px !important;
    }

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

    .zzo-op-hero h1{
        font-size:48px !important;
    }

    .zzo-op-detail-body{
        padding:0 18px 20px !important;
    }
}

@media (max-width:600px){

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

    .zzo-op-toc-grid,
    .zzo-op-benefits-grid{
        grid-template-columns:1fr !important;
    }

    .zzo-op-benefit,
    .zzo-op-benefit:nth-child(3){
        border-left:0 !important;
        border-bottom:1px solid rgba(201,164,66,.25) !important;
    }

    .zzo-op-benefit:last-child{
        border-bottom:0 !important;
    }

    .zzo-op-contact-inner{
        grid-template-columns:1fr !important;
        gap:8px !important;
        padding:26px 0 30px !important;
        text-align:center !important;
    }

    .zzo-op-contact-decoration{
        height:80px !important;
    }

    .zzo-op-contact-decoration img{
        width:120px !important;
    }

    .zzo-op-contact-actions{
        grid-column:auto !important;
        width:100% !important;
        flex-direction:column !important;
        padding-top:15px !important;
    }

    .zzo-op-contact-button{
        width:100% !important;
    }
}