/* Očiščena različica: odstranjeni so samo neuporabljeni CSS selektorji. */
*{box-sizing:border-box}

:root{--black:#0b0b0b;--dark:#151515;--yellow:#f5c518;--red:#bc1f24;--white:#fff;--off:#f5f3ee;--line:#ddd8cf;--muted:#686868}

html{scroll-behavior:smooth}

body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--black);background:#fff;line-height:1.55}

img{width:100%;display:block}

a{text-decoration:none;color:inherit}

button,
input{font:inherit}

.mono{font-family:"Courier New",Courier,monospace;font-weight:700}

.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;padding:0 4vw;display:flex;align-items:center;gap:32px;color:white;background:rgba(8,8,8,.94);backdrop-filter:blur(12px)}

.brand{font-size:1.6rem;letter-spacing:.19em;color:var(--yellow)}

.nav-links{display:flex;gap:25px;margin-left:auto;font-size:.93rem}

.nav-links a:hover{color:var(--yellow)}

.nav-cta{background:var(--yellow);color:black;padding:11px 19px;border-radius:7px;font-weight:800}

.menu-button{display:none;margin-left:auto;background:none;border:0;color:white;font-size:1.5rem}

.hero{min-height:900px;position:relative;display:flex;align-items:center;color:white;background:url("assets/images/1.jpeg") center 56%/cover no-repeat;padding:125px 7vw 70px}

.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.91) 0%,rgba(0,0,0,.66) 43%,rgba(0,0,0,.12) 78%)}

.hero-content{position:relative;max-width:760px}

.overline,
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:800}

.hero h1{font-size:clamp(5.5rem,13vw,11rem);line-height:.85;margin:20px 0 8px;letter-spacing:.12em}

.hero-copy{font-size:1.22rem;max-width:610px;margin:28px 0}

.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}

.button{min-height:52px;padding:0 24px;border-radius:8px;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-weight:800;cursor:pointer}

.button-yellow{background:var(--yellow);color:black}

.button-outline{border-color:var(--yellow);color:white;background:transparent}

.button-dark{background:var(--black);color:white}

.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}

.facts div{padding:8px 0}

.facts span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:#ddd;margin-bottom:4px}

.facts strong{display:block;font-size:1.45rem;color:var(--yellow)}

.section{padding:105px 7vw}

.section-heading{max-width:900px;margin-bottom:55px}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;max-width:none}

h2{font-size:clamp(2.8rem,5.5vw,5.4rem);line-height:.98;margin:14px 0 0;letter-spacing:-.05em}

.lead{font-size:1.18rem;color:var(--muted);margin:0}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.feature-card{border:1px solid var(--line);padding:34px;border-radius:18px}

.feature-label{margin:0 0 16px;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:800;color:var(--muted)}

.number{font-family:"Courier New",monospace;color:var(--red);font-weight:800;font-size:1.05rem}

.feature-card h3{font-size:1.35rem;margin:12px 0 8px}

.feature-card p:last-child{color:var(--muted)}

.black-band{background:var(--black);color:white;padding:80px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:50px}

.yellow{color:var(--yellow)}

.black-band h2{font-size:clamp(2.4rem,4vw,4rem)}

.occasion-content{display:grid;gap:24px;align-content:center}

.occasion-list{display:flex;gap:12px;flex-wrap:wrap;align-content:center}

.occasion-list span{border:1px solid #555;border-radius:999px;padding:10px 17px}

.occasion-image{height:260px;object-fit:cover;border-radius:18px}

.yellow-section{background:var(--yellow)}

.rules-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}

.rules-image img{border-radius:18px;max-height:650px;object-fit:cover;object-position:center 55%}

.steps{display:flex;flex-direction:column}

.step{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:27px 0;border-top:2px solid rgba(0,0,0,.23)}

.step-number{font-family:"Courier New",monospace;font-size:2.8rem;font-weight:800}

.step h3{margin:0 0 5px;font-size:1.35rem}

.step p{margin:0;color:rgba(0,0,0,.67)}

.cards-section{background:var(--off)}

.card-slider{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.game-card{background:white;border-radius:18px;overflow:hidden;border:1px solid var(--line)}

.game-card img{height:330px;object-fit:cover}

.game-card>div{padding:25px}

.tag{display:inline-block;padding:6px 9px;border-radius:5px;color:white;font-size:.72rem;font-weight:800;letter-spacing:.1em}

.tag.red{background:var(--red)}

.tag.dark{background:black}

.yellow-tag{background:var(--yellow);color:black}

.game-card h3{font-size:1.35rem;margin:17px 0 8px}

.game-card p{color:var(--muted)}

.box-section{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;background:var(--black);color:white;align-items:center}

.box-image img{border-radius:18px;max-height:690px;object-fit:cover}

.box-copy ul{padding:0;list-style:none}

.box-copy li{padding:15px 0;border-bottom:1px solid #333}

.box-copy li:before{content:"→";color:var(--yellow);margin-right:12px}

.box-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}

.box-stats div{border:1px solid #444;border-radius:13px;padding:20px}

.box-stats strong{display:block;color:var(--yellow);font-size:2.8rem}

.box-stats span{font-size:.9rem;color:#ccc}

.replay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}

.replay-grid article{background:var(--off);padding:27px;border-radius:15px}

.replay-grid strong{display:block;margin-bottom:7px;font-size:1.08rem}

.replay-grid p{margin:0;color:var(--muted)}

.quote-section{height:690px;position:relative;overflow:hidden}

.quote-section img{height:100%;object-fit:cover;object-position:center}

.quote-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.48);color:white;text-align:center;padding:30px}

.quote-overlay p{font-size:clamp(2.5rem,5.5vw,5.7rem);line-height:1.1;max-width:1100px}

.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:270px;gap:15px}

.gallery-item{border:0;padding:0;overflow:hidden;border-radius:13px;background:#eee;cursor:pointer}

.gallery-item img{height:100%;object-fit:cover;transition:.35s}

.gallery-item:hover img{transform:scale(1.035)}

.gallery-item.wide{grid-column:span 2}

.gallery-item.tall{grid-row:span 2}

.faq-section{max-width:1150px;margin:auto}

.faq-list details{border-top:1px solid var(--line);padding:21px 0}

.faq-list details:last-child{border-bottom:1px solid var(--line)}

.faq-list summary{font-weight:800;cursor:pointer;font-size:1.08rem}

.faq-list p{color:var(--muted)}

footer{background:#050505;color:white;padding:35px 5vw;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}

footer div{display:flex;gap:22px}

.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:300;display:none;align-items:center;justify-content:center;padding:35px}

.lightbox.open{display:flex}

.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain}

.lightbox-close{position:absolute;top:20px;right:25px;background:none;border:0;color:white;font-size:3rem;cursor:pointer}

@media (max-width:950px){.nav-links{display:none}

.nav-cta{display:none}

.menu-button{display:block}

.two-col,
.rules-layout,
.box-section,
.black-band{grid-template-columns:1fr}

.feature-grid,
.card-slider{grid-template-columns:1fr}

.replay-grid{grid-template-columns:1fr 1fr}

.hero-overlay{background:rgba(0,0,0,.68)}}

@media (max-width:620px){.section{padding:75px 20px}

.nav{padding:0 20px}

.hero{padding:115px 20px 55px;min-height:800px}

.hero h1{font-size:4.3rem}

.facts{grid-template-columns:1fr 1fr}

.hero-buttons .button{width:100%}

.black-band{padding:65px 20px}

.replay-grid{grid-template-columns:1fr}

.gallery-grid{grid-template-columns:1fr;grid-auto-rows:330px}

.gallery-item.wide,
.gallery-item.tall{grid-column:auto;grid-row:auto}

footer{align-items:flex-start;flex-direction:column}}

.reference-buy-section{position:relative;
  min-height:700px;
  display:grid;
  place-items:center;
  padding:90px 24px;
  overflow:hidden;
  background:#171717;}

.reference-buy-section .buy-bg,
.reference-buy-section .buy-shade{position:absolute;
  inset:0;
  width:100%;
  height:100%;}

.reference-buy-section .buy-bg{object-fit:cover}

.reference-buy-section .buy-shade{background:rgba(15,15,15,.58)}

.reference-buy-section .buy-card{position:relative;
  z-index:2;
  width:min(520px,100%);
  padding:56px;
  background:#f7f4ee;
  color:#171717;
  text-align:center;}

.reference-buy-section .buy-card h2{font-family:"Courier New",Courier,monospace;
  font-size:clamp(3rem,6vw,6rem);
  line-height:.96;
  letter-spacing:.08em;
  margin:.12em 0 .35em;}

.reference-buy-section .reference-buy-button{margin:18px 0 10px;color:#171717}

.reference-buy-section .buy-card small{display:block;color:#6c6963}

@media (max-width:600px){.reference-buy-section .buy-card{padding:36px 24px}}

.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}

.cart-button{display:flex;align-items:center;gap:7px;background:#171717;color:#fff;border:1px solid #444;border-radius:8px;padding:9px 11px;cursor:pointer}

.cart-count{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:var(--yellow);color:#111}

.button-buy-main{font-size:1.08rem;min-height:66px;padding:0 36px;border:0}

.reference-buy-section .buy-card .button{width:100%;margin-top:10px}

.cart-drawer{position:fixed;z-index:500;top:0;right:0;width:min(440px,100%);height:100vh;background:#fff;padding:28px;transform:translateX(105%);transition:.3s;box-shadow:-20px 0 60px #0003;overflow:auto}

.cart-drawer.open{transform:none}

.cart-backdrop{position:fixed;z-index:490;inset:0;background:#0009;opacity:0;pointer-events:none;transition:.3s}

.cart-backdrop.open{opacity:1;pointer-events:auto}

.cart-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}

.cart-header h3{font-size:2rem}

.cart-close,
.order-close{border:0;background:none;font-size:2.3rem;cursor:pointer}

.cart-product{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:24px 0;border-bottom:1px solid var(--line)}

.cart-product img{height:90px;object-fit:cover;border-radius:10px}

.cart-product span{display:block}

.quantity{grid-column:2;display:flex;gap:14px;align-items:center}

.quantity button{width:34px;height:34px}

.cart-code{padding:22px 0}

.cart-code>div{display:flex;gap:8px}

.cart-code input{flex:1;padding:12px}

.apply-code{background:#111;color:#fff;border:0;padding:0 14px}

.cart-total{display:flex;justify-content:space-between;font-size:1.2rem;padding:18px 0;border-top:1px solid var(--line)}

.checkout-button{width:100%}

.order-modal{position:fixed;z-index:600;inset:0;background:#000b;display:none;place-items:center;padding:20px;overflow:auto}

.order-modal.open{display:grid}

.order-close{position:absolute;right: 48px;top:10px}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}

.form-grid label{font-weight:800}

.form-grid .full{grid-column:1/-1}

.form-grid input,
.form-grid textarea{width:100%;margin-top:6px;padding:13px;border:1px solid var(--line);border-radius:8px}

.submit-order{width:100%}

@media (max-width:950px){.cart-button span{display:none}}

@media (max-width:620px){.form-grid{grid-template-columns:1fr}

.form-grid .full{grid-column:auto}

.button-buy-main{width:100%}}

.hero-buttons{display:inline-flex;vertical-align:middle}

@media (max-width:950px){.hero-buttons{display:flex}}

.replay-grid article{background:#fff8d9;
  border:1px solid #f3df8f;
  box-shadow:0 10px 28px rgba(245,197,24,.12);}

.shipping-bar{position:fixed;top:0;left:0;right:0;z-index:120;height:34px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:#111;font-size:.78rem;font-weight:900}

.nav{top:34px}

.hero{padding-top:159px}

.hero-title-row{display:flex;align-items:center;gap:28px;width:max-content;max-width:100%}

.site-footer{background:#0b0b0b;color:#fff;padding:0;display:block}

.footer-main{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:42px;padding:72px 6vw 55px}

.footer-brand p{max-width:330px;color:#c8c8c8}

.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px}

.footer-column h3{color:var(--yellow);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px}

.footer-column a,
.footer-column p{color:#c8c8c8;font-size:.88rem;margin:0}

.footer-column a:hover{color:var(--yellow)}

.footer-contact strong{color:#fff}

.footer-bottom{border-top:1px solid #292929;padding:22px 6vw;display:flex;justify-content:space-between;align-items:center;gap:20px}

.footer-bottom p{margin:0;color:#929292;font-size:.78rem}

.legal-page{background:#f5f3ee}

.legal-wrap{width:min(900px,calc(100% - 40px));margin:auto;padding:60px 0 90px}

.legal-back{display:block;margin:25px 0;font-weight:800}

.legal-note{background:#fff3bd;border-left:5px solid #f5c518;padding:18px;margin:25px 0}

@media (max-width:1150px){.footer-main{grid-template-columns:1.4fr repeat(2,1fr)}}

@media (max-width:950px){.shipping-bar{height:38px;font-size:.72rem}

.nav{top:38px}

.hero{padding-top:135px}

.hero-title-row{gap:15px;width:100%}

.footer-main{grid-template-columns:1fr 1fr}}

@media (max-width:620px){.shipping-bar{height:42px;padding:0 10px;text-align:center}

.nav{top:42px}

.hero{padding-top:130px}

.hero-title-row{flex-direction:column;align-items:flex-start}

.footer-main{grid-template-columns:1fr;gap:34px;padding:55px 20px 40px}

.footer-bottom{flex-direction:column;align-items:flex-start;padding:22px 20px}}

.story-section{background:#fff}

.story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}

.story-copy p:not(.eyebrow){font-size:1.08rem;color:var(--muted)}

.story-visual{position:relative}

.story-visual img{border-radius:20px;min-height:520px;object-fit:cover}

.story-note{position:absolute;left:-28px;bottom:28px;max-width:310px;background:var(--yellow);padding:20px 24px;font-weight:900;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.18)}

.why-section{background:var(--black);color:#fff}

.why-section .lead{color:#c8c8c8;max-width:820px;margin-top:22px}

.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.why-grid article{border:1px solid #383838;border-radius:16px;padding:27px;background:#151515}

.why-grid span{font-family:"Courier New",monospace;color:var(--yellow);font-size:1.2rem;font-weight:900}

.why-grid h3{font-size:1.25rem;margin:14px 0 8px}

.why-grid p{color:#bdbdbd;margin:0}

.ai-mark-wrap{display:flex;justify-content:center;margin-top:48px}

.no-ai-mark{position:relative;width:82px;height:82px;border:6px solid #d8241f;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-family:"Courier New",monospace;font-weight:900}

.no-ai-mark:after{content:"";position:absolute;width:94px;height:7px;background:#d8241f;transform:rotate(-42deg);border-radius:5px}

.no-ai-mark span{font-size:1.7rem}

.no-ai-small{width:34px;height:34px;border-width:3px}

.no-ai-small:after{width:40px;height:3px}

.no-ai-small span{font-size:.72rem}

.reviews-section{background:#fff8d9}

.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}

.reviews-grid article{background:#fff;border:1px solid #eadb98;border-radius:17px;padding:30px;box-shadow:0 12px 35px rgba(0,0,0,.06)}

.stars{color:#e2ad00;letter-spacing:.15em;font-size:1.15rem}

.reviews-grid p{font-size:1.05rem;color:#484848}

.reviews-grid strong{font-size:.82rem;color:#777}

.copyright-line{display:flex;align-items:center;gap:12px}

.copyright-line p{margin:0}

@media (max-width:1000px){.story-grid{grid-template-columns:1fr}

.why-grid{grid-template-columns:1fr 1fr}}

@media (max-width:620px){.story-visual img{min-height:360px}

.story-note{position:relative;left:auto;bottom:auto;margin-top:-25px;margin-left:15px}

.why-grid,
.reviews-grid{grid-template-columns:1fr}

.no-ai-mark{width:72px;height:72px}}

.premium-buy-card{width:min(590px,100%)}

.offer-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}

.offer-option{position:relative;display:block;border:2px solid #d8d3c8;border-radius:14px;padding:18px;cursor:pointer;text-align:left;background:#fff}

.offer-option input{position:absolute;opacity:0}

.offer-option.active{border-color:#111;box-shadow:0 10px 30px rgba(0,0,0,.1)}

.offer-option.duo{background:linear-gradient(145deg,#111,#2b2b2b);color:#fff;border-color:#d5af31}

.premium-tag{display:inline-block;background:#d5af31;color:#111;border-radius:999px;padding:5px 9px;font-size:.62rem;font-weight:900;letter-spacing:.08em;margin-bottom:7px}

.duo-price{display:flex;align-items:end;gap:10px;margin-top:12px}

.old-price{text-decoration:line-through;font-size:.84rem}

.duo-price strong{font-size:1.6rem}

.payment-methods-inline{margin-top:22px;padding-top:18px;border-top:1px solid #d8d3c8}

.payment-methods-inline>span{font-size:.8rem;color:#777}

.payment-methods-inline div{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:10px}

.payment-methods-inline b{background:#fff;border:1px solid #d9d9d9;border-radius:6px;padding:6px 9px;font-size:.72rem}

.checkout-dialog{position:relative;width:min(1180px,100%);background:#fff;border-radius:18px;padding:34px;max-height:94vh;overflow:auto}

.checkout-main{display:grid;grid-template-columns:1.25fr .75fr;gap:38px}

.checkout-form-wrap h2{font-size:clamp(2.2rem,4vw,4rem);margin-bottom:25px}

.checkout-dialog select{width:100%;margin-top:6px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff}

.order-summary-card{align-self:start;border:1px solid #e4e4e4;border-radius:18px;padding:22px;position:sticky;top:0}

.summary-product{display:grid;grid-template-columns:74px 1fr;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px solid #eee}

.summary-product img{height:74px;object-fit:cover;border-radius:10px}

.summary-product span{display:block;margin-top:5px}

.summary-lines>div{display:flex;justify-content:space-between;padding:9px 0}

.summary-total{border-top:1px solid #ddd;margin-top:8px;padding-top:16px!important;font-size:1.15rem}

.payment-box{margin-top:26px;border:1px solid #ddd;border-radius:15px;padding:22px}

.payment-choice{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #eee;font-weight:800}

.terms-line{display:flex;gap:10px;align-items:flex-start;margin:18px 0;font-size:.88rem}

.order-close{position:absolute;right: 48px;top:10px}

@media (max-width:900px){.checkout-main{grid-template-columns:1fr}

.order-summary-card{position:static;order:-1}}

@media (max-width:620px){.offer-choice{grid-template-columns:1fr}

.checkout-dialog{padding:22px 16px}}

.offer-option.duo{text-align:center;}

.footer-slogan{max-width:560px;
  text-align:right;
  color:#d7d7d7;
  font-size:.9rem;
  line-height:1.5;}

.footer-slogan strong{color:#fff;
  font-weight:900;
  text-transform:lowercase;}

.shipping-box{margin-top:26px;
  border:1px solid #ddd;
  border-radius:15px;
  padding:22px;}

.shipping-box h3{margin-top:0;}

.shipping-choice{display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:center;
  padding:13px 0;
  border-bottom:1px solid #eee;
  font-weight:800;}

.shipping-choice:last-child{border-bottom:0;}

.shipping-choice strong{font-size:.88rem;}

@media (max-width:620px){.footer-slogan{text-align:left}}

.summary-savings-row{color:#bc1f24;}

.summary-savings-row strong{color:#bc1f24;}

.summary-regular.discounted{text-decoration:line-through;
  color:#888;
  font-weight:600;}

.offer-choice{align-items:stretch}

.offer-option{min-height:190px;padding:0!important;overflow:hidden}

.offer-card-content{height:100%;min-height:186px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:10px}

.offer-count{display:block!important;font-family:Arial,Helvetica,sans-serif!important;font-size:1.6rem!important;line-height:1.1!important;letter-spacing:.04em!important}

.offer-main-price{display:block!important;font-family:Arial,Helvetica,sans-serif!important;font-size:2.25rem!important;line-height:1!important;font-weight:900!important;color:#111!important}

.duo-card-content .offer-count{color:#fff!important;margin:2px 0 0!important}

.duo-card-content .premium-tag{margin:0!important}

.duo-price{justify-content:center!important;align-items:center!important;margin:0!important}

.duo-price strong{font-size:2rem!important}

.offer-option.active{outline:3px solid var(--yellow);outline-offset:-3px}

.summary-savings-row{color:#bc1f24;font-weight:800}

.summary-regular.is-discounted{text-decoration:line-through;color:#888}

.cart-product-title,
.cart-product-price{display:block}

@media (max-width:620px){.offer-option{min-height:170px}

.offer-card-content{min-height:166px}}

.footer-slogan{word-spacing:normal;
  letter-spacing:normal;}

.footer-slogan .mono{margin:0 .08em;}

.offer-choice{max-width:450px;
  margin:18px auto;
  gap:12px;}

.offer-option{min-height:150px;
  padding:15px;
  border-radius:12px;
  aspect-ratio:1.08 / 1;}

.duo-price strong{font-size:1.48rem;}

.payment-methods-inline div{gap:6px;}

@media (max-width:620px){.offer-choice{max-width:350px}

.offer-option{min-height:140px}}

.premium-buy-card .offer-choice{width:min(430px,100%);
  margin:18px auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:stretch;}

.premium-buy-card .offer-option{min-width:0;
  height:184px;
  min-height:184px;
  aspect-ratio:auto;
  padding:0!important;
  overflow:visible;
  border-radius:13px;}

.premium-buy-card .offer-card-content{width:100%;
  height:100%;
  min-height:0;
  padding:16px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  text-align:center;}

.premium-buy-card .offer-count{display:block!important;
  margin:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:1.3rem!important;
  line-height:1.05!important;
  letter-spacing:.035em!important;
  white-space:nowrap;}

.premium-buy-card .offer-main-price{display:block!important;
  margin:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:2rem!important;
  line-height:1!important;
  font-weight:900!important;
  color:#111!important;
  white-space:nowrap;}

.premium-buy-card .duo-card-content{padding:13px 8px;
  gap:7px;}

.premium-buy-card .duo-card-content .premium-tag{display:block!important;
  width:auto;
  max-width:calc(100% - 8px);
  margin:0 auto 2px!important;
  padding:5px 7px!important;
  font-size:.53rem!important;
  line-height:1.15!important;
  letter-spacing:.045em!important;
  white-space:nowrap;
  overflow:visible;}

.premium-buy-card .duo-card-content .offer-count{color:#fff!important;}

.premium-buy-card .duo-price{display:flex!important;
  flex-direction:column;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  margin:0!important;}

.premium-buy-card .duo-price .old-price{font-size:.72rem!important;
  line-height:1!important;
  white-space:nowrap;}

.premium-buy-card .duo-price strong{display:block;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:1.72rem!important;
  line-height:1!important;
  white-space:nowrap;}

.premium-buy-card .duo-card-content small{display:block;
  color:#ddd!important;
  font-size:.69rem!important;
  line-height:1.1;
  white-space:nowrap;}

@media (max-width:620px){.premium-buy-card .offer-choice{width:min(360px,100%);
    grid-template-columns:1fr 1fr;
    gap:9px;}

.premium-buy-card .offer-option{height:170px;
    min-height:170px;}

.premium-buy-card .offer-main-price{font-size:1.65rem!important}

.premium-buy-card .duo-price strong{font-size:1.48rem!important}

.premium-buy-card .duo-card-content .premium-tag{font-size:.45rem!important}}

#zgodba,
#mnenja,
#zakaj,
#pravila,
#karte,
#skatla,
#galerija,
#faq,
#nakup{scroll-margin-top:125px;}

@media (max-width:950px){.nav-links.open{position:absolute;
    top:72px;
    left:0;
    right:0;
    display:flex;
    flex-direction:column;
    gap:0;
    padding:12px 20px 18px;
    background:rgba(8,8,8,.98);
    border-top:1px solid #333;}

.nav-links.open a{padding:11px 0;
    border-bottom:1px solid #292929;}}

.stock-note{display:block;
  margin:14px 0 0;
  color:#3f6f42;
  font-weight:800;}

.qty-value{display:grid;
  place-items:center;
  width:54px;
  min-width:54px;
  height:42px;
  font-size:1.15rem;
  font-weight:900;
  color:#111;}

.checkout-button:disabled{opacity:.45;
  cursor:not-allowed;}

.cart-product .quantity{display:grid;
  grid-template-columns:42px 64px 42px;
  align-items:center;
  justify-content:center;
  column-gap:18px;
  width:max-content;
  margin-top:14px;}

.cart-product .quantity button{width:42px;
  height:42px;
  display:grid;
  place-items:center;
  padding:0;
  margin:0;
  border-radius:9px;}

.cart-product .qty-value{width:64px;
  min-width:64px;
  height:42px;
  display:grid;
  place-items:center;
  margin:0;
  font-size:1.15rem;
  font-weight:900;
  line-height:1;}

@media (max-width:620px){.cart-product .quantity{grid-template-columns:40px 54px 40px;
    column-gap:14px;}

.cart-product .quantity button{width:40px;
    height:40px;}

.cart-product .qty-value{width:54px;
    min-width:54px;
    height:40px;}}

html{scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;}

body{overflow-x:hidden;}

img{max-width:100%;
  height:auto;}

@media (max-width:950px){.nav{min-height:68px;
    padding:0 18px;
    position:sticky;
    top:0;
    z-index:1000;}

.brand{font-size:1.3rem;}

.menu-button{display:grid;
    place-items:center;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid #333;
    border-radius:9px;
    background:#111;
    color:#fff;
    font-size:1.25rem;}

.nav-links{display:none;}

.nav-links.open{position:absolute;
    top:68px;
    left:0;
    right:0;
    display:flex;
    flex-direction:column;
    gap:0;
    padding:8px 18px 16px;
    background:#0b0b0b;
    box-shadow:0 18px 35px rgba(0,0,0,.28);}

.nav-links.open a{width:100%;
    padding:13px 2px;
    border-bottom:1px solid #292929;
    font-size:.97rem;}

.nav-actions{margin-left:auto;
    gap:8px;}

.nav-cta{display:none;}

.cart-button{min-height:44px;
    padding:0 12px;
    font-size:.88rem;}

.section{padding:72px 24px;}

.story-grid{grid-template-columns:1fr;
    gap:36px;}

.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));}

.reviews-grid{grid-template-columns:1fr 1fr;}

.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));}

.checkout-main{grid-template-columns:1fr;}

.order-summary-card{position:static;
    order:-1;}}

@media (max-width:620px){body{font-size:16px;}

.nav{min-height:62px;
    padding:0 12px;}

.nav-links.open{top:62px;
    max-height:calc(100vh - 96px);
    overflow-y:auto;}

.brand{font-size:1.15rem;
    letter-spacing:.16em;}

.cart-button{padding:0 9px;
    font-size:.8rem;}

.cart-count{min-width:24px;
    height:24px;}

.hero{min-height:auto;
    padding:82px 18px 44px;
    background-position:center;}

.hero-content{width:100%;
    max-width:none;}

.hero h1{font-size:clamp(3.15rem,18vw,5rem);
    line-height:.92;
    letter-spacing:.04em;}

.hero-copy{font-size:1rem;
    line-height:1.55;}

.hero-buttons{display:grid;
    grid-template-columns:1fr;
    gap:10px;}

.hero-buttons .button{width:100%;
    min-height:50px;}

.facts{grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:32px;}

.facts div{padding:12px 5px;}

.facts strong{font-size:1.15rem;}

.section{padding:56px 18px;}

.section-heading{margin-bottom:30px;}

.section h2,
.story-copy h2{font-size:clamp(2rem,10vw,3rem);
    line-height:1.05;}

.lead,
.story-copy p:not(.eyebrow){font-size:1rem;
    line-height:1.65;}

.why-grid,
.reviews-grid,
.gallery-grid{grid-template-columns:1fr;}

.why-grid article,
.reviews-grid article{padding:23px;}

.story-visual img{min-height:0;
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;}

.story-note{position:relative;
    left:auto;
    bottom:auto;
    max-width:none;
    margin:-18px 12px 0;
    padding:17px 18px;}

.gallery-item img{width:100%;
    aspect-ratio:4/3;
    object-fit:cover;}

.reference-buy-section{min-height:auto;
    padding:44px 14px;}

.premium-buy-card{width:100%;
    padding:28px 16px;
    border-radius:16px;}

.premium-buy-card h2{font-size:clamp(3rem,18vw,4.8rem);}

.premium-buy-card .offer-choice{width:100%;
    max-width:340px;
    grid-template-columns:1fr 1fr;
    gap:9px;}

.premium-buy-card .offer-option{height:166px;
    min-height:166px;}

.premium-buy-card .offer-card-content{padding:13px 7px;}

.premium-buy-card .offer-count{font-size:1.05rem!important;}

.premium-buy-card .offer-main-price{font-size:1.45rem!important;}

.premium-buy-card .duo-price strong{font-size:1.35rem!important;}

.premium-buy-card .duo-card-content .premium-tag{max-width:100%;
    font-size:.42rem!important;
    letter-spacing:.02em!important;
    padding:5px!important;}

.reference-buy-button,
.open-order{width:100%;
    min-height:50px;}

.stock-note{font-size:.8rem;
    line-height:1.45;}

.payment-methods-inline{display:none;}

.cart-drawer{width:100%;
    max-width:none;
    padding:22px 18px calc(24px + env(safe-area-inset-bottom));}

.cart-drawer h2{font-size:2.1rem;}

.cart-product{grid-template-columns:84px 1fr;
    column-gap:14px;
    align-items:start;}

.cart-product img{width:84px;
    height:84px;
    object-fit:cover;}

.cart-product .quantity{grid-column:1 / -1;
    justify-self:center;
    grid-template-columns:42px 58px 42px;
    column-gap:16px;
    margin-top:18px;}

.cart-product .quantity button{width:42px;
    height:42px;}

.cart-product .qty-value{width:58px;
    min-width:58px;
    height:42px;}

.checkout-button{min-height:52px;
    font-size:1rem;}

.order-modal{align-items:flex-start;
    padding:0;}

.checkout-dialog{width:100%;
    max-width:none;
    min-height:100vh;
    max-height:none;
    border-radius:0;
    padding:24px 16px calc(30px + env(safe-area-inset-bottom));}

.order-close{position:sticky;
    top:0;
    z-index:4;
    float:right;
    width:42px;
    height:42px;
    background:#fff;}

.checkout-form-wrap h2{clear:both;
    font-size:2.25rem;
    margin-bottom:22px;}

.order-summary-card{padding:17px;
    border-radius:14px;}

.summary-product{grid-template-columns:64px 1fr;}

.summary-product img{width:64px;
    height:64px;}

.form-grid{grid-template-columns:1fr;
    gap:14px;}

.form-grid label,
.form-grid .full{grid-column:1;}

.form-grid input,
.form-grid textarea,
.checkout-dialog select{min-height:48px;
    font-size:16px;}

.shipping-box,
.payment-box{padding:18px 15px;}

.shipping-choice{grid-template-columns:auto 1fr;}

.shipping-choice strong{grid-column:2;
    justify-self:start;}

.submit-order{width:100%;
    min-height:52px;}

.site-footer{padding:46px 18px 24px;}

.footer-slogan{text-align:left;
    max-width:none;}

.footer-bottom{flex-direction:column;
    align-items:flex-start;
    gap:14px;}

.copyright-line{align-items:center;}

.lightbox{padding:14px;}

.lightbox img{max-width:100%;
    max-height:82vh;}}

@media (max-width:380px){.brand{font-size:1rem;}

.cart-button{padding:0 7px;}

.hero{padding-left:14px;
    padding-right:14px;}

.facts{grid-template-columns:1fr 1fr;}

.premium-buy-card{padding-left:11px;
    padding-right:11px;}

.premium-buy-card .offer-choice{gap:7px;}

.premium-buy-card .offer-option{height:158px;
    min-height:158px;}

.premium-buy-card .offer-main-price{font-size:1.25rem!important;}

.premium-buy-card .duo-price strong{font-size:1.2rem!important;}

.cart-product .quantity{column-gap:12px;}}

.hero-slogan{max-width:660px;
  margin:12px 0 20px;
  font-size:clamp(1rem,2vw,1.35rem);
  font-weight:700;
  line-height:1.4;
  color:#fff;
  text-shadow:0 2px 18px rgba(0,0,0,.75);}

.hero-slogan strong{color:var(--yellow);
  font-size:1.12em;}

.payment-choice span{display:flex;
  flex-direction:column;
  gap:4px;}

.payment-choice small{color:#666;
  font-weight:500;}

.shipping-choice input:disabled + span,
.shipping-choice input:disabled ~ strong{opacity:.42;}

@media (max-width:620px){.hero-slogan{margin:10px 0 18px;
    font-size:.96rem;}}

.hero-title-row{display:flex;
  align-items:center;
  gap:28px;
  width:max-content;
  max-width:100%;}

.hero-buy-circle{flex:0 0 auto;
  width:142px;
  height:142px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:var(--yellow);
  color:#111;
  border:5px solid rgba(255,255,255,.92);
  box-shadow:0 18px 50px rgba(0,0,0,.38);
  transform:rotate(5deg);
  text-align:center;
  transition:transform .22s ease, box-shadow .22s ease;}

.hero-buy-circle:hover{transform:rotate(2deg) scale(1.06);
  box-shadow:0 22px 58px rgba(0,0,0,.46);}

.hero-buy-circle span{font-size:.82rem;
  font-weight:900;
  letter-spacing:.12em;}

.hero-buy-circle strong{font-size:1.45rem;
  line-height:1;
  margin-top:3px;}

@media (max-width:950px){.hero-title-row{gap:16px;
    width:100%;}

.hero-buy-circle{width:112px;
    height:112px;}}

@media (max-width:620px){.hero-title-row{flex-direction:column;
    align-items:flex-start;
    gap:16px;}

.hero-buy-circle{width:106px;
    height:106px;}

.hero-buy-circle span{font-size:.68rem}

.hero-buy-circle strong{font-size:1.15rem}}

.hero{background-position:68% 56%;
  background-size:auto 112%;}

@media (max-width:950px){.hero{background-position:64% center;
    background-size:auto 108%;}}

@media (max-width:620px){.hero{background-position:61% center;
    background-size:auto 106%;}}

.section-anchor{display:block;
  position:relative;
  top:-110px;
  visibility:hidden;}

.combined-game-section{background:var(--yellow);}

.combined-feature-grid{margin-bottom:88px;}

.combined-game-section .feature-card{background:rgba(255,255,255,.48);
  border-color:rgba(0,0,0,.18);
  box-shadow:none;}

.combined-game-section .feature-card p:last-child,
.combined-game-section .lead{color:rgba(0,0,0,.68);}

.combined-rules-heading{border-top:2px solid rgba(0,0,0,.18);
  padding-top:72px;}

.required-star{color:#d71920;
  font-weight:900;}

.form-grid input:required,
.form-grid select:required{background:#fff;}

.submit-order:disabled{background:#d5d5d5!important;
  color:#777!important;
  cursor:not-allowed;
  opacity:1;}

.submit-order:not(:disabled){background:var(--yellow)!important;
  color:#111!important;
  cursor:pointer;}

.footer-brand{align-self:start;}

.footer-brand .brand{margin-bottom:0;}

@media (max-width:950px){.combined-feature-grid{margin-bottom:64px}

.combined-rules-heading{padding-top:55px}}

.combined-feature-grid{margin-bottom:36px!important}

.combined-rules-heading{padding-top:24px!important;border-top:none!important;margin-top:0!important}

.combined-game-section{padding-top:90px;
  padding-bottom:100px;}

.combined-game-section .combined-rules-heading{max-width:1050px;
  margin:0 auto 42px;
  padding-top:0!important;
  border-top:0!important;
  text-align:center;}

.combined-game-section .combined-rules-heading h2{margin-bottom:22px;}

.combined-rules-lead{max-width:850px;
  margin:0 auto;
  color:rgba(0,0,0,.68)!important;
  font-size:1.08rem;}

.combined-game-section .combined-feature-grid{margin:0 0 62px!important;}

.combined-game-section .feature-card{background:rgba(255,255,255,.56);}

.combined-game-section .rules-layout{margin-top:0;}

.combined-game-section .rules-image img{display:block;
  width:100%;
  height:auto;
  max-height:650px;
  object-fit:cover;
  object-position:center 55%;}

@media (max-width:950px){.combined-game-section{padding-top:72px;
    padding-bottom:80px;}

.combined-game-section .combined-feature-grid{margin-bottom:48px!important;}}

@media (max-width:620px){.combined-game-section{padding-top:60px;
    padding-bottom:65px;}

.combined-game-section .combined-rules-heading{text-align:left;
    margin-bottom:30px;}

.combined-rules-lead{margin:0;}}

.feature-card,
.replay-grid article,
.game-card,
.why-grid article,
.reviews-grid article,
.box-stats div,
.order-summary-card,
.payment-box,
.shipping-box,
.offer-option,
.cart-drawer,
.story-note{border-radius:18px!important;
  border:1px solid rgba(17,17,17,.16)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.08)!important;}

.feature-card,
.replay-grid article,
.game-card,
.why-grid article,
.reviews-grid article,
.box-stats div{overflow:hidden;
  position:relative;}

.feature-card:before,
.replay-grid article:before,
.game-card:before,
.why-grid article:before,
.reviews-grid article:before,
.box-stats div:before{content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.34);}

.combined-rules-heading h2{line-height:1.12!important;}

.combined-rules-heading h2 br{display:block;
  content:"";
  margin-top:.16em;}

main > section{position:relative;}

.section-buy-circle{position:absolute;
  top:28px;
  right: 80px;
  z-index:5;
  width:112px;
  height:112px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:16px;
  background:var(--yellow);
  color:#111;
  border:3px solid rgba(255,255,255,.92);
  box-shadow:0 13px 34px rgba(0,0,0,.28);
  font-weight:900;
  font-size:1.12rem;
  line-height:1.05;
  letter-spacing:.03em;
  transition:transform .2s ease, box-shadow .2s ease;}

.section-buy-circle:hover{transform:scale(1.06);
  box-shadow:0 17px 40px rgba(0,0,0,.34);}

main > section:not(.hero):not(.buy-section){padding-right:max(7vw,140px);}

.black-band{padding-right:max(7vw,165px)!important;}

.footer-main{padding-left:4vw!important;}

.footer-bottom{padding-left:4vw!important;}

@media (max-width:950px){.section-buy-circle{width:92px;
    height:92px;
    top:20px;
    right: 48px;
    font-size:.92rem;}

main > section:not(.hero):not(.buy-section){padding-right:125px;}

.black-band{padding-right:125px!important;}}

@media (max-width:620px){.section-buy-circle{position:static;
    width:88px;
    height:88px;
    margin:0 0 22px auto;
    font-size:.86rem;}

main > section:not(.hero):not(.buy-section),
.black-band{padding-right:20px!important;}}

main > section:not(.hero):not(.buy-section) .section-buy-circle{right:180px!important;
  left:auto!important;
  top:34px!important;
  transform:none!important;}

.black-band .section-buy-circle,
.quote-section .section-buy-circle{right:180px!important;}

@media (max-width:1150px){main > section:not(.hero):not(.buy-section) .section-buy-circle,
.black-band .section-buy-circle,
.quote-section .section-buy-circle{right:105px!important;}}

@media (max-width:950px){main > section:not(.hero):not(.buy-section) .section-buy-circle,
.black-band .section-buy-circle,
.quote-section .section-buy-circle{right:42px!important;
    top:22px!important;}}

@media (max-width:620px){main > section:not(.hero):not(.buy-section) .section-buy-circle,
.black-band .section-buy-circle,
.quote-section .section-buy-circle{position:static!important;
    margin:0 0 22px auto!important;}}

.order-close{right:18px!important;}

main > section.black-band{position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 132px!important;
  grid-template-rows:auto!important;
  gap:50px!important;
  align-items:center!important;
  padding:80px 18px 80px 7vw!important;}

main > section.black-band > .occasion-title{grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;}

main > section.black-band > .occasion-content{grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;}

main > section.black-band > a.section-buy-circle{grid-column:3!important;
  grid-row:1!important;
  position:static!important;
  justify-self:end!important;
  align-self:center!important;
  right:auto!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  margin:0!important;
  z-index:20!important;}

@media (max-width:950px){main > section.black-band{grid-template-columns:minmax(0,1fr) 118px!important;
    gap:30px!important;
    padding:65px 18px 65px 24px!important;}

main > section.black-band > .occasion-title{grid-column:1!important;
    grid-row:1!important;}

main > section.black-band > .occasion-content{grid-column:1 / -1!important;
    grid-row:2!important;}

main > section.black-band > a.section-buy-circle{grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;}}

@media (max-width:620px){main > section.black-band{grid-template-columns:1fr auto!important;
    gap:18px!important;
    padding:58px 18px!important;}

main > section.black-band > .occasion-title{grid-column:1!important;
    grid-row:1!important;}

main > section.black-band > a.section-buy-circle{grid-column:2!important;
    grid-row:1!important;
    position:static!important;
    margin:0!important;}

main > section.black-band > .occasion-content{grid-column:1 / -1!important;
    grid-row:2!important;}}

.section-buy-circle{--circle-angle:0deg;
  position:absolute!important;
  width:142px!important;
  height:142px!important;
  min-width:142px!important;
  min-height:142px!important;
  padding:18px!important;
  border-radius:50%!important;
  border:5px solid rgba(255,255,255,.94)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  background:var(--yellow)!important;
  color:#111!important;
  box-shadow:0 18px 46px rgba(0,0,0,.34)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:1.18rem!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:.025em!important;
  white-space:normal!important;
  transform:rotate(var(--circle-angle))!important;
  transform-origin:center!important;
  z-index:25!important;
  transition:transform .2s ease, box-shadow .2s ease!important;}

.section-buy-circle:hover{transform:rotate(var(--circle-angle)) scale(1.05)!important;
  box-shadow:0 22px 55px rgba(0,0,0,.42)!important;}

.replay.section{position:relative!important;
  padding-right:210px!important;}

.circle-2{--circle-angle:-6deg;
  top:48px!important;
  right:38px!important;
  left:auto!important;}

.story-section{position:relative!important;
  padding-right:210px!important;}

.circle-3{--circle-angle:-5deg;
  top:48px!important;
  right:38px!important;
  left:auto!important;}

.combined-game-section{position:relative!important;
  padding-right:210px!important;}

.circle-4{--circle-angle:-5deg;
  top:48px!important;
  right:38px!important;
  left:auto!important;}

.black-band{position:relative!important;
  padding-left:205px!important;}

.circle-5{--circle-angle:6deg;
  left:32px!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%) rotate(var(--circle-angle))!important;}

.circle-5:hover{transform:translateY(-50%) rotate(var(--circle-angle)) scale(1.05)!important;}

.cards-section{position:relative!important;
  padding-right:210px!important;}

.circle-6{--circle-angle:-6deg;
  top:92px!important;
  right:38px!important;
  left:auto!important;}

.box-section{position:relative!important;
  padding-right:210px!important;}

.circle-7{--circle-angle:0deg;
  top:42px!important;
  right:38px!important;
  left:auto!important;}

.quote-section{position:relative!important;}

.circle-8{--circle-angle:6deg;
  left:34px!important;
  right:auto!important;
  top:72px!important;}

.gallery-section{position:relative!important;
  padding-right:210px!important;}

.circle-9{--circle-angle:0deg;
  top:42px!important;
  right:38px!important;
  left:auto!important;}

.faq-section{position:relative!important;
  padding-right:210px!important;}

.circle-10{--circle-angle:0deg;
  top:42px!important;
  right:38px!important;
  left:auto!important;}

.why-section{position:relative!important;
  padding-right:210px!important;}

.circle-11{--circle-angle:-6deg;
  top:92px!important;
  right:38px!important;
  left:auto!important;}

.reviews-section{position:relative!important;
  padding-right:210px!important;}

.circle-12{--circle-angle:-6deg;
  top:92px!important;
  right:38px!important;
  left:auto!important;}

@media (max-width:950px){.section-buy-circle{width:112px!important;
    height:112px!important;
    min-width:112px!important;
    min-height:112px!important;
    font-size:.98rem!important;
    padding:14px!important;}

.replay.section,
.story-section,
.combined-game-section,
.cards-section,
.box-section,
.gallery-section,
.faq-section,
.why-section,
.reviews-section{padding-right:155px!important;}

.black-band{padding-left:155px!important;}

.circle-2,
.circle-3,
.circle-4,
.circle-6,
.circle-7,
.circle-9,
.circle-10,
.circle-11,
.circle-12{right:22px!important;}

.circle-5{left:22px!important;}

.circle-8{left:22px!important;
    top:52px!important;}}

@media (max-width:620px){.replay.section,
.story-section,
.combined-game-section,
.black-band,
.cards-section,
.box-section,
.gallery-section,
.faq-section,
.why-section,
.reviews-section{padding-left:20px!important;
    padding-right:20px!important;}

.section-buy-circle,
.circle-5,
.circle-8{position:static!important;
    width:106px!important;
    height:106px!important;
    min-width:106px!important;
    min-height:106px!important;
    margin:0 0 26px auto!important;
    transform:rotate(var(--circle-angle))!important;
    font-size:.92rem!important;}

.section-buy-circle:hover,
.circle-5:hover,
.circle-8:hover{transform:rotate(var(--circle-angle)) scale(1.05)!important;}

.circle-5,
.circle-8{margin-left:0!important;
    margin-right:auto!important;}}

.circle-2{--circle-angle:-9deg!important}

.circle-3{--circle-angle:-8deg!important}

.circle-4{--circle-angle:-8deg!important}

.circle-5{--circle-angle:9deg!important}

.circle-6{--circle-angle:-9deg!important}

.circle-7{--circle-angle:-7deg!important}

.circle-8{--circle-angle:9deg!important}

.circle-9{--circle-angle:-7deg!important}

.circle-10{--circle-angle:-9deg!important}

.circle-11{--circle-angle:-9deg!important}

.circle-12{--circle-angle:-9deg!important}

.faq-section{max-width:none!important;
  width:100%!important;
  padding-left:7vw!important;
  padding-right:245px!important;}

.faq-section .section-heading{width:min(780px,100%)!important;
  max-width:780px!important;
  padding-right:0!important;}

.circle-10{top:54px!important;
  right:42px!important;
  left:auto!important;}

.replay.section .section-heading,
.story-section .story-grid,
.combined-game-section .section-heading,
.cards-section .section-heading,
.gallery-section .section-heading,
.why-section .section-heading,
.reviews-section .section-heading{max-width:calc(100% - 10px)!important;}

@media (max-width:950px){.faq-section{padding-left:7vw!important;
    padding-right:165px!important;}

.faq-section .section-heading{width:100%!important;
    max-width:650px!important;}

.circle-10{right:24px!important;
    top:46px!important;}}

@media (max-width:620px){.faq-section{padding-left:20px!important;
    padding-right:20px!important;}

.faq-section .section-heading{width:100%!important;
    max-width:none!important;}

.circle-10{position:static!important;
    margin:0 0 26px auto!important;
    transform:rotate(var(--circle-angle))!important;}

.circle-10:hover{transform:rotate(var(--circle-angle)) scale(1.05)!important;}}

.section-buy-circle{--circle-angle:5deg!important;
  transform:rotate(5deg)!important;}

.section-buy-circle:hover{transform:rotate(5deg) scale(1.05)!important;}

.circle-5{transform:translateY(-50%) rotate(5deg)!important;}

.circle-5:hover{transform:translateY(-50%) rotate(5deg) scale(1.05)!important;}

.reviews-section{position:relative!important;
  width:100%!important;
  max-width:none!important;
  padding-left:7vw!important;
  padding-right:245px!important;}

.reviews-section .section-heading{width:min(980px,100%)!important;
  max-width:980px!important;
  padding-right:0!important;}

.circle-12{top:55px!important;
  right:42px!important;
  left:auto!important;
  transform:rotate(5deg)!important;}

.circle-12:hover{transform:rotate(5deg) scale(1.05)!important;}

.faq-section{padding-right:245px!important;}

.circle-10{top:55px!important;
  right:42px!important;
  left:auto!important;
  transform:rotate(5deg)!important;}

.circle-10:hover{transform:rotate(5deg) scale(1.05)!important;}

@media (max-width:950px){.reviews-section,
.faq-section{padding-right:165px!important;}

.circle-10,
.circle-12{right:24px!important;
    top:46px!important;}}

@media (max-width:620px){.reviews-section,
.faq-section{padding-left:20px!important;
    padding-right:20px!important;}

.circle-10,
.circle-12{position:static!important;
    margin:0 0 26px auto!important;
    transform:rotate(5deg)!important;}

.circle-10:hover,
.circle-12:hover{transform:rotate(5deg) scale(1.05)!important;}}

.reviews-section{position:relative!important;
  padding-top:190px!important;}

.reviews-section .section-heading{max-width:980px!important;
  padding-right:0!important;}

.circle-12{position:absolute!important;
  top:34px!important;
  right:42px!important;
  left:auto!important;
  transform:rotate(5deg)!important;}

.circle-12:hover{transform:rotate(5deg) scale(1.05)!important;}

@media (max-width:950px){.reviews-section{padding-top:165px!important;}

.circle-12{top:28px!important;
    right:24px!important;}}

@media (max-width:620px){.reviews-section{padding-top:56px!important;}

.circle-12{position:static!important;
    margin:0 0 26px auto!important;
    transform:rotate(5deg)!important;}}


/* ================= B2B / ZA PODJETJA ================= */
.b2b-nav-link,.active-b2b{color:var(--yellow)!important;font-weight:900}.b2b-page{background:#fff}.b2b-hero{min-height:850px;position:relative;display:flex;align-items:center;color:#fff;background:url("assets/images/b2b/b2b-hero.jpeg") center/cover no-repeat;padding:150px 7vw 80px}.b2b-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.91),rgba(0,0,0,.58) 52%,rgba(0,0,0,.12))}.b2b-hero-copy{position:relative;z-index:2;max-width:850px}.b2b-hero h1{font-size:clamp(3.8rem,7.6vw,7.6rem);line-height:.94;letter-spacing:-.055em;margin:18px 0 28px}.b2b-hero-copy>p:not(.overline){font-size:1.25rem;max-width:660px}.b2b-hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.b2b-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.b2b-benefits article{border:1px solid var(--line);border-radius:18px;padding:32px;background:#fff}.b2b-benefits span{font-family:"Courier New",monospace;color:var(--red);font-weight:900}.b2b-benefits h3{font-size:1.35rem;margin:14px 0 8px}.b2b-benefits p{color:var(--muted)}.b2b-split{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.b2b-dark{background:var(--black);color:#fff}.b2b-photo img{height:100%;object-fit:cover}.b2b-copy{padding:90px 7vw;display:flex;flex-direction:column;justify-content:center}.b2b-copy h2{font-size:clamp(3rem,5vw,5rem)}.b2b-copy ul{list-style:none;padding:0;margin:28px 0}.b2b-copy li{border-bottom:1px solid #333;padding:14px 0;color:#ddd}.b2b-copy li:before{content:"→";color:var(--yellow);margin-right:12px;font-weight:900}.b2b-copy .button{align-self:flex-start}.b2b-process{background:var(--yellow)}.b2b-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.b2b-steps article{background:#fff;border-radius:18px;padding:32px;display:grid;grid-template-columns:55px 1fr;gap:14px}.b2b-steps span{font-family:"Courier New",monospace;font-size:2.4rem;font-weight:900;color:var(--red)}.b2b-steps h3{margin:4px 0 7px}.b2b-steps p{margin:0;color:var(--muted)}.b2b-gallery{display:grid;grid-template-columns:repeat(4,1fr);height:420px;background:#111}.b2b-gallery img{height:100%;object-fit:cover}.b2b-pricing{background:#fff8d9}.b2b-pricing .button{margin-top:25px}.b2b-inquiry{background:#0b0b0b;color:#fff;padding:105px 7vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.b2b-inquiry h2{font-size:clamp(3rem,5vw,5rem)}.b2b-inquiry-copy>p:not(.eyebrow){color:#ccc;font-size:1.1rem}.b2b-contact-note{display:flex;flex-direction:column;gap:7px;margin-top:35px;color:#ccc}.b2b-contact-note strong{color:#fff}.b2b-contact-note a{color:var(--yellow)}.b2b-form{background:#fff;color:#111;padding:35px;border-radius:18px;display:flex;flex-direction:column;gap:16px}.b2b-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.b2b-form label{font-weight:800;font-size:.9rem}.b2b-form input,.b2b-form textarea,.b2b-form select{width:100%;margin-top:6px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff}.b2b-form textarea{resize:vertical}.b2b-form .button{width:100%;margin-top:5px}.b2b-form small{color:#777;text-align:center}.b2b-page .footer-bottom>p{margin:0;color:#929292;font-size:.78rem}
@media(max-width:950px){.b2b-benefits,.b2b-steps{grid-template-columns:1fr}.b2b-split,.b2b-inquiry{grid-template-columns:1fr}.b2b-gallery{grid-template-columns:1fr 1fr;height:auto}.b2b-gallery img{height:330px}.b2b-inquiry{gap:40px}.b2b-nav .nav-actions{display:none}}
@media(max-width:620px){.b2b-hero{min-height:760px;padding:135px 20px 60px}.b2b-hero h1{font-size:3.45rem}.b2b-hero-buttons .button{width:100%}.b2b-copy,.b2b-inquiry{padding:75px 20px}.b2b-gallery{grid-template-columns:1fr}.b2b-gallery img{height:360px}.b2b-form{padding:24px 18px}.b2b-form-row{grid-template-columns:1fr}}


/* Status oddaje naročila */
.order-status{
  margin-top:14px;
  padding:14px 16px;
  border-radius:8px;
  font-size:.92rem;
  line-height:1.45;
  background:#f3f3f3;
  border:1px solid #ddd;
}
.order-status.success{background:#edf8ef;border-color:#b8dfbf}
.order-status.error{background:#fff0f0;border-color:#e7b8b8}
.terms-line a{text-decoration:underline;font-weight:800}

/* Dolgi pravni dokumenti */
.legal-document{max-width:980px}
.legal-document h1{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.05;margin:28px 0 35px}
.legal-document h2{font-size:1.55rem;letter-spacing:0;line-height:1.2;margin:38px 0 14px}
.legal-document p,.legal-document li{font-size:1rem;line-height:1.7;color:#303030}
.legal-document ul{padding-left:24px}

.b2b-status{margin-top:12px;font-weight:700;min-height:1.4em}
.b2b-status.success{color:#0b7a34}
.b2b-status.error{color:#b42318}
#b2b-submit:disabled{opacity:.65;cursor:not-allowed}


/* =========================================================
   MOBILE / TABLET POLISH — dodano pred objavo
   ========================================================= */

/* Generalno */
html, body { max-width: 100%; overflow-x: hidden; }
body { -webkit-text-size-adjust: 100%; }
button, input, select, textarea { max-width: 100%; }
img { max-width: 100%; height: auto; }

/* Tablet */
@media (max-width: 950px) {
  .nav {
    padding-left: 20px;
    padding-right: 20px;
    gap: 12px;
  }

  .nav-links.open {
    display: flex;
    position: fixed;
    top: 72px;
    left: 0;
    right: 0;
    background: #0b0b0b;
    padding: 22px;
    flex-direction: column;
    gap: 14px;
    z-index: 130;
    max-height: calc(100vh - 72px);
    overflow-y: auto;
  }

  .shipping-bar + .nav .nav-links.open {
    top: 110px;
    max-height: calc(100vh - 110px);
  }

  .hero {
    min-height: 760px;
    background-position: center 50%;
  }

  .hero-content {
    max-width: 680px;
  }

  .facts {
    gap: 10px;
  }

  .two-col,
  .story-grid,
  .rules-layout,
  .box-section,
  .black-band,
  .b2b-split,
  .b2b-inquiry {
    grid-template-columns: 1fr !important;
  }

  .story-visual img,
  .rules-image img,
  .box-image img {
    max-height: 520px;
  }

  .why-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-main {
    grid-template-columns: 1fr 1fr !important;
  }

  .checkout-dialog,
  .checkout-main {
    width: min(96vw, 900px);
  }

  .checkout-main {
    grid-template-columns: 1fr !important;
  }

  .order-summary-card {
    order: -1;
  }

  .b2b-hero-copy {
    max-width: 720px;
  }

  .b2b-gallery {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Telefon */
@media (max-width: 620px) {
  .shipping-bar {
    min-height: 42px;
    height: auto;
    padding: 8px 12px;
    line-height: 1.25;
  }

  .nav {
    top: 42px;
    height: 64px;
    padding: 0 16px;
  }

  .brand {
    font-size: 1.25rem;
    letter-spacing: .14em;
  }

  .menu-button {
    font-size: 1.7rem;
    padding: 8px;
  }

  .cart-button {
    padding: 8px 10px;
  }

  .nav-links.open,
  .shipping-bar + .nav .nav-links.open {
    top: 106px;
    max-height: calc(100vh - 106px);
    padding: 20px 18px 28px;
  }

  .hero {
    min-height: 720px;
    padding: 130px 18px 48px;
    align-items: flex-end;
    background-position: center center;
  }

  .hero-overlay {
    background: linear-gradient(
      180deg,
      rgba(0,0,0,.28) 0%,
      rgba(0,0,0,.58) 45%,
      rgba(0,0,0,.88) 100%
    );
  }

  .hero-title-row {
    width: 100%;
    gap: 12px;
  }

  .hero h1 {
    font-size: clamp(3.6rem, 20vw, 5.3rem);
    line-height: .92;
    margin-top: 10px;
  }

  .hero-slogan {
    font-size: 1rem;
  }

  .hero-copy {
    font-size: 1rem;
    line-height: 1.55;
    margin: 18px 0;
  }

  .hero-buttons {
    display: grid;
    width: 100%;
    gap: 10px;
  }

  .hero-buttons .button,
  .button-buy-main {
    width: 100%;
    min-height: 54px;
  }

  .hero-buy-circle {
    width: 82px !important;
    height: 82px !important;
    flex: 0 0 82px;
  }

  .facts {
    grid-template-columns: 1fr 1fr;
    margin-top: 26px;
    gap: 8px 16px;
  }

  .facts strong {
    font-size: 1.2rem;
  }

  .section {
    padding: 64px 18px;
  }

  .section-heading {
    margin-bottom: 34px;
  }

  h2 {
    font-size: clamp(2.25rem, 12vw, 3.6rem);
    line-height: 1.02;
    letter-spacing: -.035em;
  }

  .lead {
    font-size: 1rem;
    margin-top: 18px;
  }

  .replay-grid,
  .feature-grid,
  .card-slider,
  .why-grid,
  .b2b-benefits,
  .b2b-steps {
    grid-template-columns: 1fr !important;
  }

  .feature-card,
  .replay-grid article,
  .why-grid article {
    padding: 23px;
  }

  .story-grid,
  .rules-layout,
  .box-section,
  .black-band,
  .b2b-split,
  .b2b-inquiry {
    gap: 34px !important;
  }

  .story-visual img,
  .rules-image img,
  .box-image img,
  .occasion-image {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 4 / 5;
    object-fit: cover;
  }

  .story-note {
    position: static !important;
    margin-top: 12px;
    max-width: none;
  }

  .step {
    grid-template-columns: 46px 1fr;
    gap: 12px;
    padding: 21px 0;
  }

  .step-number {
    font-size: 2rem;
  }

  .black-band {
    padding: 58px 18px;
  }

  .occasion-list span {
    font-size: .86rem;
    padding: 8px 12px;
  }

  .game-card img {
    height: auto;
    aspect-ratio: 4 / 5;
  }

  .box-stats {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .box-stats strong {
    font-size: 2.1rem;
  }

  .quote-section {
    height: 520px;
  }

  .quote-overlay p {
    font-size: clamp(2rem, 10vw, 3.4rem);
    padding: 0 8px;
  }

  .gallery-grid {
    grid-template-columns: 1fr 1fr !important;
    grid-auto-rows: 210px !important;
    gap: 9px;
  }

  .gallery-item.wide,
  .gallery-item.tall {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .gallery-item:first-child,
  .gallery-item:last-child {
    grid-column: 1 / -1 !important;
  }

  .section-buy-circle {
    width: 82px !important;
    height: 82px !important;
    font-size: .72rem !important;
  }

  .reference-buy-section {
    min-height: auto;
    padding: 58px 14px;
  }

  .reference-buy-section .buy-card {
    padding: 30px 18px !important;
    border-radius: 14px;
  }

  .reference-buy-section .buy-card h2 {
    font-size: 3.2rem;
  }

  .offer-choice {
    grid-template-columns: 1fr !important;
  }

  .cart-drawer {
    width: 100%;
    padding: 20px 16px;
  }

  .cart-product {
    grid-template-columns: 72px 1fr;
  }

  .cart-product img {
    width: 72px;
    height: 72px;
  }

  .order-modal {
    padding: 8px;
    align-items: start;
  }

  .checkout-dialog {
    width: 100%;
    max-height: none;
    margin: 8px 0;
    border-radius: 14px;
  }

  .order-close {
    right: 16px !important;
    top: 8px !important;
    z-index: 5;
  }

  .checkout-main {
    padding: 22px 14px !important;
  }

  .checkout-form-wrap h2 {
    font-size: 2.15rem;
    padding-right: 36px;
  }

  .form-grid {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }

  .form-grid .full {
    grid-column: auto !important;
  }

  .shipping-choice,
  .payment-choice {
    align-items: flex-start;
  }

  .order-summary-card {
    padding: 18px !important;
  }

  .footer-main {
    grid-template-columns: 1fr !important;
    gap: 28px;
    padding: 48px 18px 34px !important;
  }

  .footer-bottom {
    padding: 18px !important;
    gap: 12px;
  }

  .footer-slogan {
    font-size: .9rem;
  }

  .legal-wrap {
    width: min(100% - 30px, 900px);
    padding: 36px 0 60px;
  }

  .legal-document h1 {
    font-size: 2.35rem !important;
  }

  .legal-document h2 {
    font-size: 1.28rem !important;
    margin-top: 30px !important;
  }

  .legal-document p,
  .legal-document li {
    font-size: .96rem !important;
    line-height: 1.65 !important;
  }

  /* B2B mobile */
  .b2b-hero {
    min-height: 690px !important;
  }

  .b2b-hero-copy {
    padding: 120px 18px 46px !important;
    max-width: none;
  }

  .b2b-hero-copy h1 {
    font-size: clamp(2.7rem, 13vw, 4.2rem) !important;
    line-height: 1 !important;
  }

  .b2b-hero-buttons {
    display: grid !important;
    gap: 10px;
  }

  .b2b-hero-buttons .button {
    width: 100%;
  }

  .b2b-gallery {
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
  }

  .b2b-gallery img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }

  .b2b-inquiry {
    padding: 58px 18px !important;
  }

  .b2b-form-row {
    grid-template-columns: 1fr !important;
  }

  .b2b-form input,
  .b2b-form select,
  .b2b-form textarea {
    width: 100%;
  }

  .b2b-contact-note {
    word-break: break-word;
  }

  .b2b-status {
    line-height: 1.45;
  }
}

/* Zelo ozki telefoni */
@media (max-width: 390px) {
  .hero h1 {
    font-size: 3.45rem;
  }

  .facts {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-grid {
    grid-template-columns: 1fr !important;
    grid-auto-rows: 300px !important;
  }

  .gallery-item:first-child,
  .gallery-item:last-child {
    grid-column: auto !important;
  }

  .box-stats {
    grid-template-columns: 1fr;
  }
}