/* =========================================================
 ZLATO Z OLIV – ZLATÁ OLIVA v6
 Full left artwork + transparent golden olives
 ========================================================= */
.zzo-olive-overlay{
 --green:#18300d;--gold:#c69620;--cream:#fffdf8;
 position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;
 padding:18px;background:rgba(10,15,7,.77);backdrop-filter:blur(6px);
 opacity:0;visibility:hidden;transition:.25s ease
}
.zzo-olive-overlay.is-open{opacity:1;visibility:visible}
.zzo-olive-modal{
 position:relative;width:min(1460px,95vw);height:min(850px,90vh);min-height:600px;
 display:grid;grid-template-columns:32% 68%;overflow:hidden;background:#fffdf8;
 border:2px solid #c9a442;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.46);
 transform:scale(.985);transition:.25s ease
}
.is-open .zzo-olive-modal{transform:none}
.zzo-olive-close{
 position:absolute;right:17px;top:15px;z-index:20;width:56px;height:56px;border:0;border-radius:50%;
 background:#fffaf0;color:#a77a15;font:300 40px/1 Arial;cursor:pointer;
 box-shadow:0 8px 24px rgba(0,0,0,.12)
}

/* LEFT – whole artwork is always visible */
.zzo-olive-left{
 position:relative;overflow:hidden;background:#17320e;
 display:flex;align-items:center;justify-content:center
}
.zzo-olive-left img{
 display:block;width:100%;height:100%;object-fit:contain;object-position:center center;background:#17320e
}

/* RIGHT */
.zzo-olive-right{
 min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
 padding:34px 50px 30px;text-align:center;
 background:radial-gradient(circle at 3% 0%,rgba(201,164,66,.08),transparent 27%),#fffdf8
}
.zzo-game{width:100%;display:flex;flex-direction:column;align-items:center;min-height:0}
.zzo-olive-logo{width:min(360px,43%);margin:0 auto 14px}
.zzo-olive-logo img{display:block;width:100%;height:auto}
.zzo-olive-title{
 margin:0;color:#19330f;font:700 clamp(38px,3.8vw,62px)/1.02 Georgia,"Times New Roman",serif;
 letter-spacing:-.025em
}
.zzo-olive-title span{color:#c18b12}
.zzo-olive-subtitle{
 margin:11px 0 6px;color:#a87813;font-size:clamp(12px,1.15vw,19px);
 font-weight:900;letter-spacing:.21em;text-transform:uppercase
}
.zzo-olive-intro{margin:4px auto 15px;max-width:720px;color:#514c43;font-size:clamp(14px,1.18vw,19px);line-height:1.42}

/* Five clean olives – no cards, no labels */
.zzo-olive-picks{
 width:94%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;
 align-items:center;margin:2px auto 13px
}
.zzo-pick{
 position:relative;border:0;background:transparent!important;padding:3px;cursor:pointer;min-width:0;
 transition:transform .18s ease,filter .18s ease
}
.zzo-pick img{
 display:block;width:100%;max-width:150px;height:190px;object-fit:contain;margin:0 auto;
 background:transparent!important;
 filter:drop-shadow(0 12px 10px rgba(71,49,7,.18));transition:.18s ease
}
.zzo-pick:hover{transform:translateY(-8px) scale(1.045)}
.zzo-pick:hover img{filter:drop-shadow(0 17px 14px rgba(71,49,7,.25))}

.zzo-reg-strip{
 width:94%;display:flex;align-items:center;gap:17px;padding:15px 22px;margin-top:4px;
 text-align:left;border-radius:25px;background:linear-gradient(100deg,#faf3e3,#f5ead2);
 border:1px solid #eee0bd
}
.zzo-reg-icon{
 flex:0 0 56px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
 color:#fff;font-size:25px;background:linear-gradient(135deg,#ddb948,#b77e0f)
}
.zzo-reg-strip strong{display:block;color:#19330f;font-size:20px;line-height:1.18}
.zzo-reg-strip span{display:block;margin-top:3px;color:#615a4d;font-size:14px}

/* RESULT */
.zzo-result{display:none;width:100%;margin:auto;text-align:center}
.zzo-result.is-visible{display:block}
.zzo-result-badge{color:#b68114;font-size:13px;font-weight:900;letter-spacing:.2em}
.zzo-result h3{margin:12px 0;color:#19330f;font:700 clamp(34px,4vw,56px)/1.05 Georgia,serif}
.zzo-result p{max-width:620px;margin:0 auto 24px;color:#5d584f;font-size:17px;line-height:1.5}
.zzo-result-btn{
 display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;
 border-radius:11px;text-decoration:none!important;color:#fff!important;font-weight:900;
 background:linear-gradient(135deg,#d9b64d,#b57e13);box-shadow:0 11px 25px rgba(181,126,19,.25)
}
.zzo-result-note{margin-top:13px;color:#8b8270;font-size:11px}
.zzo-picked{animation:zzoPickV5 .5s ease forwards}
@keyframes zzoPickV5{
 45%{transform:translateY(18px) rotate(7deg) scale(1.06)}
 100%{transform:translateY(48px) rotate(17deg) scale(.12);opacity:0}
}

/* MOBILE: full artwork visible + compact interactive area */
@media(max-width:760px){
 .zzo-olive-overlay{padding:6px;align-items:center}
 .zzo-olive-modal{
   width:calc(100vw - 12px);height:min(94vh,790px);min-height:0;max-height:94vh;
   grid-template-columns:1fr;grid-template-rows:34% 66%;border-radius:16px
 }
 .zzo-olive-left{min-height:0;background:#17320e}
 .zzo-olive-left img{
   width:100%;height:100%;object-fit:contain;object-position:center;background:#17320e
 }
 .zzo-olive-right{min-height:0;padding:9px 9px 10px;justify-content:flex-start;overflow:hidden}
 .zzo-olive-close{width:40px;height:40px;right:8px;top:8px;font-size:30px}
 .zzo-olive-logo{width:38%;max-width:180px;margin:0 auto 4px}
 .zzo-olive-title{font-size:25px;line-height:1.01}
 .zzo-olive-subtitle{font-size:7px;letter-spacing:.15em;margin:5px 0 3px}
 .zzo-olive-intro{font-size:9px;line-height:1.25;margin:2px auto 5px}
 .zzo-olive-picks{width:100%;gap:0;margin:0 auto 5px}
 .zzo-pick{padding:0}
 .zzo-pick img{width:100%;height:88px;max-width:72px;object-fit:contain}
 .zzo-reg-strip{width:98%;gap:7px;padding:7px 8px;border-radius:12px;margin-top:2px}
 .zzo-reg-icon{flex-basis:32px;width:32px;height:32px;font-size:14px}
 .zzo-reg-strip strong{font-size:10px}.zzo-reg-strip span{font-size:7.5px;margin-top:1px}
 .zzo-result{padding:15px 6px}.zzo-result .zzo-olive-logo{width:48%;margin-bottom:12px}
 .zzo-result h3{font-size:27px}.zzo-result p{font-size:10px;margin-bottom:14px}
 .zzo-result-btn{font-size:9px;min-height:40px;padding:0 12px}
}
@media(max-width:400px){
 .zzo-olive-modal{height:min(93vh,720px);grid-template-rows:35% 65%}
 .zzo-olive-title{font-size:22px}
 .zzo-pick img{height:76px;max-width:62px}
}
@media(max-height:650px) and (max-width:760px){
 .zzo-olive-modal{height:96vh;grid-template-rows:28% 72%}
 .zzo-olive-logo{width:30%;margin-bottom:2px}
 .zzo-olive-title{font-size:20px}
 .zzo-olive-intro{margin-bottom:1px}
 .zzo-pick img{height:58px}
 .zzo-reg-strip{padding:4px 7px}
}

/* =========================================================
   V6 OVERRIDES
   - menší popup
   - levý artwork až k hranám bez zelených bočních pruhů
   - čisté olivy bez zbytku textu
   ========================================================= */
.zzo-olive-modal{
  width:min(1260px,92vw) !important;
  height:min(730px,86vh) !important;
  min-height:560px !important;
  grid-template-columns:34% 66% !important;
}
.zzo-olive-left{
  background:#17320e !important;
  padding:0 !important;
}
.zzo-olive-left img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  background:transparent !important;
}
.zzo-olive-right{
  padding:28px 42px 26px !important;
}
.zzo-olive-logo{margin-bottom:10px !important}
.zzo-olive-intro{margin-bottom:10px !important}
.zzo-olive-picks{
  width:92% !important;
  gap:3px !important;
  margin-bottom:9px !important;
}
.zzo-pick{
  overflow:visible !important;
}
.zzo-pick img{
  height:166px !important;
  max-width:132px !important;
  object-fit:contain !important;
  background:transparent !important;
}
.zzo-reg-strip{
  margin-top:2px !important;
  padding:13px 20px !important;
}

@media(max-width:760px){
 .zzo-olive-modal{
   width:calc(100vw - 12px) !important;
   height:min(91vh,700px) !important;
   min-height:0 !important;
   grid-template-columns:1fr !important;
   grid-template-rows:31% 69% !important;
 }
 .zzo-olive-left img{
   object-fit:cover !important;
   object-position:center 48% !important;
 }
 .zzo-olive-right{padding:8px 8px 9px !important}
 .zzo-olive-logo{width:36% !important;margin-bottom:3px !important}
 .zzo-olive-title{font-size:23px !important}
 .zzo-olive-intro{margin-bottom:3px !important}
 .zzo-olive-picks{width:100% !important;margin-bottom:3px !important}
 .zzo-pick img{height:70px !important;max-width:58px !important}
 .zzo-reg-strip{padding:6px 7px !important;margin-top:1px !important}
}
@media(max-width:400px){
 .zzo-olive-modal{height:min(90vh,650px) !important}
 .zzo-pick img{height:62px !important;max-width:52px !important}
}


/* V7 – evidence výhry: nové prvky v původním designu */
.zzo-claim-form{max-width:490px;margin:4px auto 0;display:flex;flex-direction:column;align-items:stretch;gap:7px}
.zzo-claim-form[hidden],.zzo-claim-success[hidden]{display:none!important}
.zzo-claim-form label{font-size:13px;font-weight:700;color:#19330f;text-align:left}
.zzo-claim-form input{box-sizing:border-box;width:100%;min-height:45px;padding:10px 13px;font-size:16px;border:1px solid #cdbd92;border-radius:9px;background:#fff;color:#19330f}
.zzo-claim-form input:focus{outline:2px solid #c9a442;outline-offset:1px}
.zzo-claim-privacy{font-size:11px;line-height:1.35;color:#70695c;text-align:left}
.zzo-claim-privacy a{color:#866010;text-decoration:underline}
.zzo-claim-form .zzo-result-btn{border:0;cursor:pointer;width:100%;min-height:48px;margin-top:5px}
.zzo-claim-form .zzo-result-btn:disabled{opacity:.65;cursor:wait}
.zzo-claim-status{font-size:12px!important;line-height:1.3!important;color:#8d3e22!important;min-height:16px;margin:2px 0 0!important}
.zzo-claim-success .zzo-claim-confirm{font-size:15px;line-height:1.3;margin-bottom:8px}
.zzo-claim-success p{margin-bottom:11px}
@media(max-width:760px){
 .zzo-result{padding:3px 6px!important}
 .zzo-result .zzo-olive-logo{width:38%!important;margin:0 auto 4px!important}
 .zzo-result h3{font-size:23px!important;margin:5px 0!important}
 .zzo-result>p{font-size:10px!important;margin:4px auto 7px!important;line-height:1.25!important}
 .zzo-claim-form{max-width:320px;gap:4px}
 .zzo-claim-form label{font-size:10px}
 .zzo-claim-form input{min-height:37px;padding:6px 9px;font-size:14px}
 .zzo-claim-privacy{font-size:9px;line-height:1.25}
 .zzo-claim-form .zzo-result-btn{font-size:10px;min-height:37px;margin-top:3px}
 .zzo-claim-status{font-size:10px!important}
 .zzo-claim-success .zzo-claim-confirm{font-size:11px!important}
 .zzo-claim-success p{font-size:10px!important}
 .zzo-result-note{font-size:9px!important;margin-top:5px}
}
@media(max-height:650px) and (max-width:760px){
 .zzo-result h3{font-size:20px!important}
 .zzo-result>p{font-size:9px!important}
 .zzo-claim-form input{min-height:32px}
}