/* =====================================================
   ZLATO Z OLIV – O NÁS V4
   Hero + Náš příběh
   ===================================================== */

body.zzo-about-page,
body:has(.zzo-about){
    background:#fffdf8;
}

/* Stránka přes celou šířku */
body.zzo-about-page .content-wrapper,
body.zzo-about-page .content-wrapper-in,
body.zzo-about-page .content,
body.zzo-about-page .content-inner,
body.zzo-about-page #content,
body:has(.zzo-about) .content-wrapper,
body:has(.zzo-about) .content-wrapper-in,
body:has(.zzo-about) .content,
body:has(.zzo-about) .content-inner,
body:has(.zzo-about) #content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
}

/* Schovat sidebar/breadcrumbs */
body.zzo-about-page .breadcrumbs,
body.zzo-about-page .sidebar,
body.zzo-about-page aside.sidebar,
body.zzo-about-page .content-wrapper-in > aside,
body:has(.zzo-about) .breadcrumbs,
body:has(.zzo-about) .sidebar,
body:has(.zzo-about) aside.sidebar,
body:has(.zzo-about) .content-wrapper-in > aside{
    display:none!important;
}

/* Schovat systémový nadpis stránky */
body.zzo-about-page .content-inner > h1,
body.zzo-about-page #content > h1,
body.zzo-about-page .content > h1,
body:has(.zzo-about) .content-inner > h1,
body:has(.zzo-about) #content > h1,
body:has(.zzo-about) .content > h1{
    display:none!important;
}

/* Schovat Shoptet diskuzi / komentáře */
body.zzo-about-page .discussion,
body.zzo-about-page #discussion,
body.zzo-about-page .discussion-wrapper,
body.zzo-about-page .comments,
body.zzo-about-page #comments,
body.zzo-about-page .add-comment,
body.zzo-about-page .rate-wrapper,
body:has(.zzo-about) .discussion,
body:has(.zzo-about) #discussion,
body:has(.zzo-about) .discussion-wrapper,
body:has(.zzo-about) .comments,
body:has(.zzo-about) #comments,
body:has(.zzo-about) .add-comment,
body:has(.zzo-about) .rate-wrapper{
    display:none!important;
}

/* Vlastní stránka */
.zzo-about{
    width:100%;
    margin:0;
    padding:0;
    background:#fffdf8;
    color:#253511;
    overflow:hidden;
}

.zzo-about *,
.zzo-about *:before,
.zzo-about *:after{
    box-sizing:border-box;
}

.zzo-about-container{
    width:min(1180px, calc(100% - 60px));
    margin:0 auto;
}

/* HERO */
.zzo-about-hero{
    position:relative;
    min-height:430px;
    display:flex;
    align-items:center;
    background:url("/user/documents/o-nas-hero.jpg") center 53% / cover no-repeat;
    overflow:hidden;
}

.zzo-about-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(18,31,11,.88) 0%,
        rgba(18,31,11,.72) 34%,
        rgba(18,31,11,.28) 62%,
        rgba(18,31,11,.05) 100%
    );
}

.zzo-about-hero .zzo-about-container{
    position:relative;
    z-index:2;
}

.zzo-about-hero-content{
    width:520px;
    max-width:100%;
    padding:70px 0;
}

.zzo-about-eyebrow{
    margin-bottom:5px;
    color:#c9a442;
    font-family:Georgia,"Times New Roman",serif;
    font-size:25px;
    line-height:1.2;
}

.zzo-about-hero h1{
    margin:0 0 18px;
    color:#fff!important;
    font-family:Georgia,"Times New Roman",serif;
    font-size:64px!important;
    line-height:1.02!important;
    font-weight:400!important;
    letter-spacing:-1.5px;
}

.zzo-about-hero p{
    margin:0;
    color:#e0bc57!important;
    font-size:20px;
    line-height:1.5;
    font-weight:500;
}

.zzo-about-ornament{
    width:190px;
    margin-top:24px;
    display:flex;
    align-items:center;
    gap:10px;
    color:#c9a442;
}

.zzo-about-ornament span{
    height:1px;
    flex:1;
    background:#c9a442;
}

.zzo-about-ornament strong{
    font-size:25px;
    line-height:1;
    font-weight:400;
}

/* NÁŠ PŘÍBĚH */
.zzo-about-story{
    padding:64px 0 40px;
    background:#fffdf8;
}

.zzo-about-story-grid{
    display:grid;
    grid-template-columns:minmax(320px, 1fr) minmax(380px, 1.12fr);
    align-items:stretch;
    background:#fffdf8;
}

.zzo-about-story-text{
    padding:46px 44px 46px 8px;
}

.zzo-about-story-text h2{
    margin:0 0 26px;
    color:#253511;
    font-family:Georgia,"Times New Roman",serif;
    font-size:56px;
    line-height:1.05;
    font-weight:400;
    letter-spacing:-.8px;
}

.zzo-about-story-text p{
    margin:0 0 22px;
    color:#2f3726;
    font-size:22px;
    line-height:1.65;
    font-weight:400;
}

.zzo-about-story-text p strong{
    font-weight:700;
    color:#253511;
}

.zzo-about-story-media{
    min-height:520px;
    overflow:hidden;
    border-radius:2px;
    box-shadow:0 18px 40px rgba(39,48,25,.10);
}

.zzo-about-story-media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

/* RESPONSIVE */
@media (max-width:991px){
    .zzo-about-story{
        padding:46px 0 26px;
    }

    .zzo-about-story-grid{
        grid-template-columns:1fr;
        gap:24px;
    }

    .zzo-about-story-text{
        padding:0;
    }

    .zzo-about-story-text h2{
        font-size:42px;
        margin-bottom:20px;
    }

    .zzo-about-story-text p{
        font-size:18px;
        line-height:1.7;
        margin-bottom:18px;
    }

    .zzo-about-story-media{
        min-height:380px;
    }
}

@media (max-width:767px){
    .zzo-about-container{
        width:calc(100% - 36px);
    }

    .zzo-about-hero{
        min-height:400px;
        background-position:62% center;
    }

    .zzo-about-hero-overlay{
        background:linear-gradient(
            90deg,
            rgba(18,31,11,.92) 0%,
            rgba(18,31,11,.75) 64%,
            rgba(18,31,11,.38) 100%
        );
    }

    .zzo-about-hero-content{
        width:100%;
        padding:65px 0;
    }

    .zzo-about-eyebrow{
        font-size:20px;
    }

    .zzo-about-hero h1{
        font-size:45px!important;
    }

    .zzo-about-hero p{
        font-size:17px;
    }

    .zzo-about-story{
        padding:40px 0 18px;
    }

    .zzo-about-story-text h2{
        font-size:36px;
    }

    .zzo-about-story-text p{
        font-size:17px;
        line-height:1.68;
    }

    .zzo-about-story-media{
        min-height:300px;
    }
}


/* =====================================================
   NECHCEME MÍT VŠECHNO / HODNOTY
   ===================================================== */

.zzo-about-values{
    position:relative;
    padding:58px 0 54px;
    background:
        radial-gradient(circle at 12% 20%, rgba(201,164,66,.08), transparent 28%),
        linear-gradient(135deg,#16250d 0%,#203513 55%,#13220c 100%);
    color:#fff;
    overflow:hidden;
}

.zzo-about-values:before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.08;
    pointer-events:none;
    background-image:
        radial-gradient(circle at 20px 20px, #c9a442 1px, transparent 1.4px);
    background-size:34px 34px;
}

.zzo-about-values .zzo-about-container{
    position:relative;
    z-index:1;
}

.zzo-about-values-grid{
    display:grid;
    grid-template-columns:minmax(300px,.95fr) minmax(560px,1.65fr);
    gap:56px;
    align-items:center;
}

.zzo-about-values-intro{
    padding-right:16px;
}

.zzo-about-values-intro h2{
    margin:0 0 24px;
    color:#d4ad48!important;
    font-family:Georgia,"Times New Roman",serif;
    font-size:42px!important;
    line-height:1.13!important;
    font-weight:400!important;
    letter-spacing:-.4px;
}

.zzo-about-values-intro p{
    margin:0 0 16px;
    color:#f4f0e7!important;
    font-size:17px;
    line-height:1.7;
}

.zzo-about-values-items{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;
}

.zzo-about-value{
    position:relative;
    padding:8px 20px 4px;
    text-align:center;
}

.zzo-about-value + .zzo-about-value{
    border-left:1px solid rgba(201,164,66,.45);
}

.zzo-about-value-icon{
    width:58px;
    height:58px;
    margin:0 auto 15px;
    color:#d4ad48;
}

.zzo-about-value-icon svg{
    width:100%;
    height:100%;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.zzo-about-value h3{
    margin:0 0 10px;
    color:#fff!important;
    font-family:Georgia,"Times New Roman",serif;
    font-size:20px!important;
    line-height:1.2!important;
    font-weight:600!important;
}

.zzo-about-value p{
    margin:0;
    color:#ece7db!important;
    font-size:14px;
    line-height:1.55;
}

@media (max-width:1100px){
    .zzo-about-values-grid{
        grid-template-columns:1fr;
        gap:38px;
    }

    .zzo-about-values-intro{
        max-width:760px;
        padding-right:0;
    }
}

@media (max-width:767px){
    .zzo-about-values{
        padding:44px 0 38px;
    }

    .zzo-about-values-intro h2{
        font-size:34px!important;
    }

    .zzo-about-values-intro p{
        font-size:16px;
    }

    .zzo-about-values-items{
        grid-template-columns:1fr 1fr;
        gap:26px 0;
    }

    .zzo-about-value{
        padding:4px 16px;
    }

    .zzo-about-value:nth-child(3){
        border-left:0;
    }
}

@media (max-width:520px){
    .zzo-about-values-items{
        grid-template-columns:1fr;
    }

    .zzo-about-value,
    .zzo-about-value + .zzo-about-value,
    .zzo-about-value:nth-child(3){
        border-left:0;
    }

    .zzo-about-value + .zzo-about-value{
        border-top:1px solid rgba(201,164,66,.35);
        padding-top:24px;
    }
}


/* =====================================================
   V6 – oprava ikon + lepší šířka levého titulku
   ===================================================== */

.zzo-about-values-grid{
    grid-template-columns:minmax(410px,1.15fr) minmax(650px,1.85fr);
    gap:48px;
}

.zzo-about-values-intro h2{
    font-size:38px!important;
    line-height:1.12!important;
}

.zzo-about-value-icon svg{
    display:none!important;
}

.zzo-about-value-icon{
    width:58px;
    height:58px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:58px 58px;
}

.zzo-about-value:nth-child(1) .zzo-about-value-icon{
    background-image:url("/user/documents/vyber.svg");
}

.zzo-about-value:nth-child(2) .zzo-about-value-icon{
    background-image:url("/user/documents/kvalita.svg");
}

.zzo-about-value:nth-child(3) .zzo-about-value-icon{
    background-image:url("/user/documents/chut.svg");
}

.zzo-about-value:nth-child(4) .zzo-about-value-icon{
    background-image:url("/user/documents/duvera.svg");
}

@media (max-width:1100px){
    .zzo-about-values-grid{
        grid-template-columns:1fr;
    }
}

/* =====================================================
   V7 – KDO STOJÍ ZA ZLATO Z OLIV
   Zakladatel + ilustrace + textové prokliky
   ===================================================== */

.zzo-about-founder{
    position:relative;
    padding:82px 0 88px;
    background:
        radial-gradient(circle at 12% 25%, rgba(201,164,66,.08), transparent 30%),
        #fffdf8;
    overflow:hidden;
}

.zzo-about-founder:before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-190px;
    top:-170px;
    border:1px solid rgba(201,164,66,.12);
    border-radius:50%;
    pointer-events:none;
}

.zzo-about-founder:after{
    content:"";
    position:absolute;
    width:270px;
    height:270px;
    right:-105px;
    top:-95px;
    border:1px solid rgba(201,164,66,.08);
    border-radius:50%;
    pointer-events:none;
}

.zzo-about-founder .zzo-about-container{
    position:relative;
    z-index:2;
}

.zzo-about-founder-grid{
    display:grid;
    grid-template-columns:minmax(400px,.95fr) minmax(0,1.05fr);
    gap:72px;
    align-items:center;
}

.zzo-about-founder-media{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
}

.zzo-about-founder-media:before{
    content:"";
    position:absolute;
    width:88%;
    aspect-ratio:1/1;
    left:6%;
    top:50%;
    transform:translateY(-50%);
    border-radius:50%;
    background:
        radial-gradient(circle, rgba(201,164,66,.16) 0%, rgba(201,164,66,.07) 48%, transparent 72%);
    pointer-events:none;
}

.zzo-about-founder-photo{
    position:relative;
    z-index:2;
    display:block;
    width:100%;
    max-width:540px;
    height:auto;
    margin:0 auto;
    object-fit:contain;
    border:0;
    border-radius:0;
    box-shadow:none;
    transition:transform .35s ease, filter .35s ease;
}

.zzo-about-founder-media:hover .zzo-about-founder-photo{
    transform:translateY(-4px);
    filter:drop-shadow(0 16px 22px rgba(37,53,17,.10));
}

.zzo-about-founder-content{
    position:relative;
    max-width:610px;
}

.zzo-about-founder-eyebrow{
    position:relative;
    display:inline-block;
    margin:0 0 15px;
    padding-left:48px;
    color:#b98b24;
    font-family:Georgia,"Times New Roman",serif;
    font-size:17px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:.25px;
}

.zzo-about-founder-eyebrow:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:34px;
    height:1px;
    background:#c9a442;
    transform:translateY(-50%);
}

.zzo-about-founder-content h2{
    margin:0 0 23px;
    color:#253511!important;
    font-family:Georgia,"Times New Roman",serif;
    font-size:48px!important;
    line-height:1.08!important;
    font-weight:400!important;
    letter-spacing:-.7px;
}

.zzo-about-founder-lead{
    margin:0 0 21px!important;
    color:#253511!important;
    font-family:Georgia,"Times New Roman",serif;
    font-size:24px!important;
    line-height:1.5!important;
    font-weight:600!important;
}

.zzo-about-founder-content p{
    margin:0 0 18px;
    color:#343c2c;
    font-size:17px;
    line-height:1.72;
    font-weight:400;
}

/* Textové odkazy napříč stránkou O nás */
.zzo-about-story-text p a,
.zzo-about-values-intro p a,
.zzo-about-how-item p a,
.zzo-about-spain-content p a,
.zzo-about-founder-content p a{
    color:#253511!important;
    font-weight:650;
    text-decoration:none!important;
    border-bottom:1px solid rgba(185,139,36,.55);
    transition:color .2s ease, border-color .2s ease;
}

.zzo-about-story-text p a:hover,
.zzo-about-how-item p a:hover,
.zzo-about-spain-content p a:hover,
.zzo-about-founder-content p a:hover{
    color:#b98b24!important;
    border-bottom-color:#b98b24;
}

.zzo-about-values-intro p a{
    color:#e0bc57!important;
    border-bottom-color:rgba(224,188,87,.55);
}

.zzo-about-values-intro p a:hover{
    color:#fff!important;
    border-bottom-color:#fff;
}

.zzo-about-founder-signature{
    position:relative;
    display:flex;
    flex-direction:column;
    margin-top:30px;
    padding-top:25px;
}

.zzo-about-founder-signature:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:58px;
    height:1px;
    background:#c9a442;
}

.zzo-about-founder-name{
    color:#253511;
    font-family:Georgia,"Times New Roman",serif;
    font-size:27px;
    line-height:1.15;
    font-style:italic;
    font-weight:600;
}

.zzo-about-founder-brand{
    margin-top:5px;
    color:#b98b24;
    font-size:13px;
    line-height:1.3;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.7px;
}

@media (max-width:1100px){
    .zzo-about-founder{
        padding:68px 0 72px;
    }

    .zzo-about-founder-grid{
        grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr);
        gap:45px;
    }

    .zzo-about-founder-photo{
        max-width:470px;
    }

    .zzo-about-founder-content h2{
        font-size:42px!important;
    }

    .zzo-about-founder-lead{
        font-size:21px!important;
    }
}

@media (max-width:850px){
    .zzo-about-founder{
        padding:54px 0 58px;
    }

    .zzo-about-founder-grid{
        grid-template-columns:1fr;
        gap:35px;
    }

    .zzo-about-founder-media{
        order:1;
    }

    .zzo-about-founder-content{
        order:2;
        width:100%;
        max-width:680px;
        margin:0 auto;
    }

    .zzo-about-founder-photo{
        width:min(100%,520px);
    }

    .zzo-about-founder-content h2{
        font-size:39px!important;
    }
}

@media (max-width:767px){
    .zzo-about-founder{
        padding:46px 0 50px;
    }

    .zzo-about-founder-grid{
        gap:27px;
    }

    .zzo-about-founder-media{
        margin:0 -8px;
    }

    .zzo-about-founder-photo{
        width:100%;
        max-width:460px;
    }

    .zzo-about-founder-eyebrow{
        margin-bottom:12px;
        padding-left:39px;
        font-size:15px;
    }

    .zzo-about-founder-eyebrow:before{
        width:27px;
    }

    .zzo-about-founder-content h2{
        margin-bottom:19px;
        font-size:35px!important;
        line-height:1.1!important;
    }

    .zzo-about-founder-lead{
        margin-bottom:18px!important;
        font-size:20px!important;
        line-height:1.5!important;
    }

    .zzo-about-founder-content p{
        margin-bottom:16px;
        font-size:16px;
        line-height:1.7;
    }

    .zzo-about-founder-signature{
        margin-top:25px;
        padding-top:21px;
    }

    .zzo-about-founder-name{
        font-size:25px;
    }

    .zzo-about-founder-brand{
        font-size:12px;
    }
}

@media (max-width:480px){
    .zzo-about-founder{
        padding:40px 0 44px;
    }

    .zzo-about-founder-photo{
        width:calc(100% + 12px);
        max-width:none;
        margin-left:-6px;
    }

    .zzo-about-founder-content h2{
        font-size:32px!important;
    }

    .zzo-about-founder-lead{
        font-size:19px!important;
    }
}

/* =====================================================
   V7.1 – OPRAVA PROKLIKÁVACÍCH ODRŮD
   Picual / Arbequina / Hojiblanca / Manzanilla
   ===================================================== */

.zzo-about-varieties{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:0 !important;
    align-items:stretch !important;
}

.zzo-about-variety,
a.zzo-about-variety{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-width:0 !important;
    padding:18px 12px !important;
    margin:0 !important;
    text-align:center !important;
    text-decoration:none !important;
    color:#253511 !important;
}

a.zzo-about-variety:hover{
    text-decoration:none !important;
}

.zzo-about-variety-icon{
    margin:0 auto 10px !important;
}

.zzo-about-variety h3{
    width:100% !important;
    margin:0 0 5px !important;
    color:#253511 !important;
    text-align:center !important;
    text-decoration:none !important;
}

.zzo-about-variety span{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    color:#6b6a5f !important;
    text-align:center !important;
    text-decoration:none !important;
}

a.zzo-about-variety:hover h3{
    color:#b98b24 !important;
}

@media(max-width:900px){
    .zzo-about-varieties{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:520px){
    .zzo-about-varieties{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .zzo-about-variety,
    a.zzo-about-variety{
        padding:16px 8px !important;
    }

    .zzo-about-variety h3{
        font-size:20px !important;
    }

    .zzo-about-variety span{
        font-size:13px !important;
    }
}

/* ===== SLOUČENÉ PŮVODNÍ DOPLŇKY ===== */
/* ZLATO Z OLIV – O NÁS – sloučené doplňky */

/* ===== zzo-o-nas-krok5.css ===== */
/* ZLATO Z OLIV – O NÁS KROK 5: JAK OLEJE VYBÍRÁME */

.zzo-about-how{
    padding:66px 0 62px;
    background:#fffdf8;
    border-top:1px solid #eee7d7;
    border-bottom:1px solid #eee7d7;
}

.zzo-about-how-head{
    text-align:center;
    margin-bottom:44px;
}

.zzo-about-how-head h2{
    margin:0;
    color:#253511!important;
    font-family:Georgia,"Times New Roman",serif;
    font-size:48px!important;
    line-height:1.1!important;
    font-weight:400!important;
    letter-spacing:-.5px;
}

.zzo-about-how-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;
}

.zzo-about-how-item{
    position:relative;
    padding:4px 34px 0;
    text-align:center;
}

.zzo-about-how-item + .zzo-about-how-item{
    border-left:1px solid #dbc58f;
}

.zzo-about-how-icon{
    width:64px;
    height:64px;
    margin:0 auto 18px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:64px 64px;
}

.zzo-how-origin{
    background-image:url("/user/documents/o-nas-puvod.svg");
}

.zzo-how-properties{
    background-image:url("/user/documents/o-nas-vlastnosti.svg");
}

.zzo-how-awards{
    background-image:url("/user/documents/o-nas-oceneni.svg");
}

.zzo-how-use{
    background-image:url("/user/documents/o-nas-pouziti.svg");
}

.zzo-about-how-item h3{
    margin:0 0 12px;
    color:#253511!important;
    font-family:Georgia,"Times New Roman",serif;
    font-size:21px!important;
    line-height:1.2!important;
    font-weight:600!important;
}

.zzo-about-how-item p{
    margin:0 auto;
    max-width:250px;
    color:#3a4032!important;
    font-size:15px;
    line-height:1.62;
}

@media (max-width:900px){
    .zzo-about-how-grid{
        grid-template-columns:1fr 1fr;
        gap:34px 0;
    }

    .zzo-about-how-item:nth-child(3){
        border-left:0;
    }
}

@media (max-width:560px){
    .zzo-about-how{
        padding:48px 0 44px;
    }

    .zzo-about-how-head h2{
        font-size:36px!important;
    }

    .zzo-about-how-grid{
        grid-template-columns:1fr;
    }

    .zzo-about-how-item,
    .zzo-about-how-item + .zzo-about-how-item,
    .zzo-about-how-item:nth-child(3){
        border-left:0;
    }

    .zzo-about-how-item + .zzo-about-how-item{
        border-top:1px solid #e5dbc4;
        padding-top:28px;
    }
}

/* ===== zzo-o-nas-krok6.css ===== */
/* ZLATO Z OLIV – O NÁS KROK 6: ZE SRDCE ŠPANĚLSKA */

.zzo-about-spain{
    padding:0;
    background:#fffdf8;
}

.zzo-about-spain-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);
    align-items:stretch;
    min-height:560px;
}

.zzo-about-spain-media{
    min-height:560px;
    overflow:hidden;
}

.zzo-about-spain-media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.zzo-about-spain-content{
    padding:56px 54px 52px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.zzo-about-spain-eyebrow{
    margin-bottom:8px;
    color:#b98b24;
    font-size:14px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.zzo-about-spain-content h2{
    margin:0 0 24px;
    color:#253511!important;
    font-family:Georgia,"Times New Roman",serif;
    font-size:48px!important;
    line-height:1.1!important;
    font-weight:400!important;
    letter-spacing:-.5px;
}

.zzo-about-spain-content > p{
    margin:0 0 17px;
    color:#343b2c!important;
    font-size:16px;
    line-height:1.68;
}

.zzo-about-varieties{
    margin-top:24px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border:1px solid #e5dbc4;
    border-radius:6px;
    overflow:hidden;
    background:#f7f1e5;
}

.zzo-about-variety{
    min-height:132px;
    padding:18px 12px 16px;
    text-align:center;
}

.zzo-about-variety + .zzo-about-variety{
    border-left:1px solid #e0d4bb;
}

.zzo-about-variety-icon{
    width:42px;
    height:42px;
    margin:0 auto 7px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:42px 42px;
}

.zzo-variety-picual{
    background-image:url("/user/documents/o-nas-picual.svg");
}

.zzo-variety-arbequina{
    background-image:url("/user/documents/o-nas-arbequina.svg");
}

.zzo-variety-hojiblanca{
    background-image:url("/user/documents/o-nas-hojiblanca.svg");
}

.zzo-variety-manzanilla{
    background-image:url("/user/documents/o-nas-manzanilla.svg");
}

.zzo-about-variety h3{
    margin:0 0 3px;
    color:#253511!important;
    font-family:Georgia,"Times New Roman",serif;
    font-size:17px!important;
    line-height:1.2!important;
    font-weight:600!important;
}

.zzo-about-variety span{
    display:block;
    color:#555d4a;
    font-size:13px;
    line-height:1.35;
}

@media (max-width:1050px){
    .zzo-about-spain-grid{
        grid-template-columns:1fr;
    }

    .zzo-about-spain-media{
        min-height:420px;
    }

    .zzo-about-spain-content{
        padding:46px 34px;
    }
}

@media (max-width:700px){
    .zzo-about-spain-media{
        min-height:320px;
    }

    .zzo-about-spain-content{
        padding:38px 0;
    }

    .zzo-about-spain-content h2{
        font-size:36px!important;
    }

    .zzo-about-varieties{
        grid-template-columns:1fr 1fr;
    }

    .zzo-about-variety:nth-child(3){
        border-left:0;
        border-top:1px solid #e0d4bb;
    }

    .zzo-about-variety:nth-child(4){
        border-top:1px solid #e0d4bb;
    }
}

/* ===== zzo-o-nas-icons-layout-v3.css ===== */
/* ZLATO Z OLIV – O NÁS – ikony + layout fix v3 */

/* ============== SHARED ICONS ============== */
.zzo-about-how-icon,
.zzo-about-variety-icon{
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
}

.zzo-how-origin{background-image:url('/user/documents/o-nas-puvod-v2.svg') !important;}
.zzo-how-properties{background-image:url('/user/documents/o-nas-vlastnosti-v2.svg') !important;}
.zzo-how-awards{background-image:url('/user/documents/o-nas-oceneni-v2.svg') !important;}
.zzo-how-use{background-image:url('/user/documents/o-nas-pouziti-v2.svg') !important;}

.zzo-variety-picual{background-image:url('/user/documents/o-nas-picual-v2.svg') !important;}
.zzo-variety-arbequina{background-image:url('/user/documents/o-nas-arbequina-v2.svg') !important;}
.zzo-variety-hojiblanca{background-image:url('/user/documents/o-nas-hojiblanca-v2.svg') !important;}
.zzo-variety-manzanilla{background-image:url('/user/documents/o-nas-manzanilla-v2.svg') !important;}

/* ============== HOW WE CHOOSE OILS ============== */
.zzo-about-how{
  padding:72px 0 70px !important;
  background:#fffdf8 !important;
  border-top:1px solid #eee7d7 !important;
  border-bottom:1px solid #eee7d7 !important;
}

.zzo-about-how-head{
  text-align:center !important;
  margin-bottom:46px !important;
}

.zzo-about-how-head h2{
  margin:0 !important;
  color:#253511 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:58px !important;
  line-height:1.08 !important;
  font-weight:400 !important;
  letter-spacing:-0.5px !important;
}

.zzo-about-how-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  align-items:stretch !important;
}

.zzo-about-how-item{
  position:relative !important;
  padding:0 34px !important;
  text-align:center !important;
}

.zzo-about-how-item + .zzo-about-how-item{
  border-left:1px solid #dbc58f !important;
}

.zzo-about-how-icon{
  width:76px !important;
  height:76px !important;
  margin:0 auto 18px !important;
  opacity:1 !important;
}

.zzo-about-how-item h3{
  margin:0 0 14px !important;
  color:#253511 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:21px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
}

.zzo-about-how-item p{
  margin:0 auto !important;
  max-width:245px !important;
  color:#3f4538 !important;
  font-size:15px !important;
  line-height:1.72 !important;
}

/* ============== FROM THE HEART OF SPAIN ============== */
.zzo-about-spain{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:0 !important;
  background:#fffdf8 !important;
  overflow:hidden !important;
}

.zzo-about-spain .zzo-about-container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

.zzo-about-spain-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  align-items:stretch !important;
  min-height:560px !important;
  width:100% !important;
}

.zzo-about-spain-media{
  min-height:560px !important;
  overflow:hidden !important;
}

.zzo-about-spain-media img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}

.zzo-about-spain-content{
  padding:56px 64px 52px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  background:#fffdf8 !important;
  position:relative !important;
}

.zzo-about-spain-eyebrow{
  margin-bottom:10px !important;
  color:#b98b24 !important;
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.zzo-about-spain-content h2{
  margin:0 0 24px !important;
  color:#253511 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:60px !important;
  line-height:1.06 !important;
  font-weight:400 !important;
  letter-spacing:-0.6px !important;
}

.zzo-about-spain-content > p{
  margin:0 0 18px !important;
  color:#343b2c !important;
  font-size:16px !important;
  line-height:1.72 !important;
  max-width:640px !important;
}

.zzo-about-varieties{
  margin-top:24px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  border:1px solid #e4d8be !important;
  border-radius:6px !important;
  overflow:hidden !important;
  background:#f6f0e4 !important;
  width:100% !important;
  max-width:700px !important;
}

.zzo-about-variety{
  min-height:140px !important;
  padding:18px 12px 16px !important;
  text-align:center !important;
}

.zzo-about-variety + .zzo-about-variety{
  border-left:1px solid #e0d4bb !important;
}

.zzo-about-variety-icon{
  width:42px !important;
  height:42px !important;
  margin:0 auto 8px !important;
}

.zzo-about-variety h3{
  margin:0 0 4px !important;
  color:#253511 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:17px !important;
  line-height:1.15 !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

.zzo-about-variety span{
  display:block !important;
  color:#555d4a !important;
  font-size:13px !important;
  line-height:1.38 !important;
}

@media (max-width:1050px){
  .zzo-about-spain-grid{grid-template-columns:1fr !important;}
  .zzo-about-spain-media{min-height:380px !important;}
  .zzo-about-spain-content{padding:42px 28px !important;}
  .zzo-about-spain-content h2{font-size:44px !important;}
}

@media (max-width:900px){
  .zzo-about-how-grid{grid-template-columns:1fr 1fr !important;gap:34px 0 !important;}
  .zzo-about-how-item:nth-child(3){border-left:0 !important;}
  .zzo-about-how-item{padding:0 22px !important;}
}

@media (max-width:700px){
  .zzo-about-varieties{grid-template-columns:1fr 1fr !important;max-width:none !important;}
  .zzo-about-variety:nth-child(3){border-left:0 !important;border-top:1px solid #e0d4bb !important;}
  .zzo-about-variety:nth-child(4){border-top:1px solid #e0d4bb !important;}
}

@media (max-width:560px){
  .zzo-about-how{padding:50px 0 48px !important;}
  .zzo-about-how-head h2{font-size:38px !important;}
  .zzo-about-how-grid{grid-template-columns:1fr !important;}
  .zzo-about-how-item,
  .zzo-about-how-item + .zzo-about-how-item,
  .zzo-about-how-item:nth-child(3){border-left:0 !important;}
  .zzo-about-how-item + .zzo-about-how-item{border-top:1px solid #e5dbc4 !important;padding-top:26px !important;margin-top:26px !important;}
  .zzo-about-spain-content h2{font-size:36px !important;}
}

/* ===== zzo-o-nas-odrudy-fix.css ===== */
/* ZLATO Z OLIV – O NÁS – oprava názvů odrůd */

.zzo-about-variety h3{
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    font-size:16px!important;
    letter-spacing:-0.15px;
}

.zzo-about-variety{
    padding-left:8px!important;
    padding-right:8px!important;
}

@media (max-width:700px){
    .zzo-about-variety h3{
        white-space:normal!important;
        font-size:17px!important;
    }
}

/* ===== zzo-o-nas-ikony-presne-v5.css ===== */
/* ZLATO Z OLIV – přesné ikony dle referenčního návrhu V5 */

/* ZELENÝ BLOK */
.zzo-about-value-icon svg{
    display:none !important;
}

.zzo-about-value-icon{
    width:66px !important;
    height:66px !important;
    margin:0 auto 14px !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:66px 66px !important;
}

.zzo-about-value:nth-child(1) .zzo-about-value-icon{
    background-image:url("/user/documents/o-nas-vyber-presne.svg") !important;
}
.zzo-about-value:nth-child(2) .zzo-about-value-icon{
    background-image:url("/user/documents/o-nas-kvalita-presne.svg") !important;
}
.zzo-about-value:nth-child(3) .zzo-about-value-icon{
    background-image:url("/user/documents/o-nas-chut-presne.svg") !important;
}
.zzo-about-value:nth-child(4) .zzo-about-value-icon{
    background-image:url("/user/documents/o-nas-duvera-presne.svg") !important;
}

/* JAK OLEJE VYBÍRÁME */
.zzo-about-how-icon{
    width:70px !important;
    height:70px !important;
    margin:0 auto 18px !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:70px 70px !important;
}

.zzo-how-origin{
    background-image:url("/user/documents/o-nas-puvod-presne.svg") !important;
}
.zzo-how-properties{
    background-image:url("/user/documents/o-nas-vlastnosti-presne.svg") !important;
}
.zzo-how-awards{
    background-image:url("/user/documents/o-nas-oceneni-presne.svg") !important;
}
.zzo-how-use{
    background-image:url("/user/documents/o-nas-pouziti-presne.svg") !important;
}

/* ===== zzo-o-nas-krok7.css ===== */
/* ZLATO Z OLIV – O NÁS KROK 7: POMOC S VÝBĚREM */

.zzo-about-help{
    position:relative;
    padding:38px 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(201,164,66,.08), transparent 28%),
        linear-gradient(135deg,#16250d 0%,#203513 55%,#13220c 100%);
    color:#fff;
    overflow:hidden;
}

.zzo-about-help:before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.06;
    pointer-events:none;
    background-image:radial-gradient(circle at 20px 20px,#c9a442 1px,transparent 1.4px);
    background-size:34px 34px;
}

.zzo-about-help .zzo-about-container{
    position:relative;
    z-index:1;
}

.zzo-about-help-grid{
    display:grid;
    grid-template-columns:minmax(420px,1.35fr) minmax(560px,1.65fr);
    align-items:center;
    gap:42px;
}

.zzo-about-help-intro h2{
    margin:0 0 12px;
    color:#d4ad48!important;
    font-family:Georgia,"Times New Roman",serif;
    font-size:34px!important;
    line-height:1.18!important;
    font-weight:400!important;
}

.zzo-about-help-intro p{
    margin:0;
    max-width:620px;
    color:#f2eee5!important;
    font-size:15px;
    line-height:1.65;
}

.zzo-about-help-links{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
}

.zzo-about-help-link{
    min-height:150px;
    padding:14px 24px 10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#fff!important;
    text-align:center;
    text-decoration:none!important;
    transition:background .2s ease, transform .2s ease;
}

.zzo-about-help-link + .zzo-about-help-link{
    border-left:1px solid rgba(201,164,66,.45);
}

.zzo-about-help-link:hover{
    background:rgba(255,255,255,.035);
    transform:translateY(-2px);
}

.zzo-about-help-icon{
    width:54px;
    height:54px;
    margin-bottom:8px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
}

.zzo-help-taste{
    background-image:url("/user/documents/o-nas-help-chut.svg");
}

.zzo-help-use{
    background-image:url("/user/documents/o-nas-help-pouziti.svg");
}

.zzo-help-guide{
    background-image:url("/user/documents/o-nas-help-pruvodce.svg");
}

.zzo-about-help-title{
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:19px;
    line-height:1.25;
    font-weight:600;
}

.zzo-about-help-arrow{
    margin-top:7px;
    color:#d4ad48;
    font-size:22px;
    line-height:1;
}

@media (max-width:1050px){
    .zzo-about-help-grid{
        grid-template-columns:1fr;
        gap:26px;
    }

    .zzo-about-help-intro{
        max-width:760px;
    }
}

@media (max-width:650px){
    .zzo-about-help{
        padding:34px 0;
    }

    .zzo-about-help-intro h2{
        font-size:30px!important;
    }

    .zzo-about-help-links{
        grid-template-columns:1fr;
    }

    .zzo-about-help-link{
        min-height:auto;
        padding:22px 12px;
    }

    .zzo-about-help-link + .zzo-about-help-link{
        border-left:0;
        border-top:1px solid rgba(201,164,66,.4);
    }
}

/* ===== zzo-o-nas-gap-fix-v1.css ===== */
/* ZLATO Z OLIV – odstranění mezery mezi Španělskem a zeleným blokem */

.zzo-about-spain{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.zzo-about-spain-grid{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.zzo-about-spain-media,
.zzo-about-spain-content{
    margin-bottom:0 !important;
}

.zzo-about-help{
    margin-top:-12px !important;
    padding-top:38px !important;
}

/* ==========================================================
   V8 FINAL – ODRŮDY: ČISTÉ KLIKACÍ KARTY
   ========================================================== */

.zzo-about-spain .zzo-about-varieties{
    margin-top:26px !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:0 !important;
    width:100% !important;
    max-width:700px !important;
    min-height:0 !important;
    border:1px solid #e4d8be !important;
    border-radius:8px !important;
    overflow:hidden !important;
    background:#f6f0e4 !important;
    align-items:stretch !important;
}

.zzo-about-spain .zzo-about-varieties > a.zzo-about-variety{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    min-width:0 !important;
    width:auto !important;
    min-height:150px !important;
    height:auto !important;
    padding:20px 10px 18px !important;
    margin:0 !important;
    color:#253511 !important;
    text-align:center !important;
    text-decoration:none !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
    transition:background .2s ease, color .2s ease !important;
}

.zzo-about-spain .zzo-about-varieties > a.zzo-about-variety + a.zzo-about-variety{
    border-left:1px solid #e0d4bb !important;
}

.zzo-about-spain .zzo-about-variety .zzo-about-variety-icon{
    flex:0 0 auto !important;
    display:block !important;
    width:42px !important;
    height:42px !important;
    margin:0 auto 9px !important;
    padding:0 !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
}

.zzo-about-spain .zzo-about-variety h3{
    display:block !important;
    position:static !important;
    width:100% !important;
    margin:0 0 5px !important;
    padding:0 !important;
    color:#253511 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
    text-decoration:none !important;
    transform:none !important;
}

.zzo-about-spain .zzo-about-variety span:not(.zzo-about-variety-icon){
    display:block !important;
    position:static !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:#555d4a !important;
    font-family:inherit !important;
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:400 !important;
    text-align:center !important;
    white-space:normal !important;
    text-decoration:none !important;
    transform:none !important;
}

.zzo-about-spain .zzo-about-varieties > a.zzo-about-variety:hover{
    background:rgba(201,164,66,.09) !important;
    color:#b98b24 !important;
}

.zzo-about-spain .zzo-about-varieties > a.zzo-about-variety:hover h3{
    color:#b98b24 !important;
}

/* TABLET / MOBIL – 2 × 2 */
@media (max-width:700px){
    .zzo-about-spain .zzo-about-varieties{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        max-width:none !important;
    }

    .zzo-about-spain .zzo-about-varieties > a.zzo-about-variety{
        min-height:138px !important;
        padding:18px 8px 16px !important;
    }

    .zzo-about-spain .zzo-about-varieties > a.zzo-about-variety:nth-child(3){
        border-left:0 !important;
        border-top:1px solid #e0d4bb !important;
    }

    .zzo-about-spain .zzo-about-varieties > a.zzo-about-variety:nth-child(4){
        border-top:1px solid #e0d4bb !important;
    }
}

/* MALÝ MOBIL */
@media (max-width:420px){
    .zzo-about-spain .zzo-about-variety h3{
        font-size:17px !important;
    }

    .zzo-about-spain .zzo-about-variety span:not(.zzo-about-variety-icon){
        font-size:12px !important;
    }
}