/* 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;
}