/*
Theme Name: Hill Cigar M
Theme URI: https://hillcigarm.com
Author: M Cigar Lounge
Description: Luxury premium cigar lounge - Hill Cigar M
Version: 1.0
*/

/* ── TOKENS */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --gold:#C9A84C; --gold-lt:#E8D5A3; --gold-br:#F0C040; --gold-dk:#8B6914;
  --bg0:#060403; --bg1:#0D0905; --bg2:#181008;
  --txt:#F5F0E8; --txt2:#A89474; --txt3:#6B5540;
  --border:rgba(201,168,76,.2);
}
html{scroll-behavior:smooth}
body{background:var(--bg0);color:var(--txt);font-family:'Montserrat',sans-serif;font-weight:300;overflow-x:hidden;cursor:none;}
#cd,#cr{position:fixed;border-radius:50%;pointer-events:none;z-index:99999;will-change:transform;}
#cd{width:5px;height:5px;background:var(--gold);top:-2.5px;left:-2.5px}
#cr{width:36px;height:36px;border:1px solid rgba(201,168,76,.45);top:-18px;left:-18px;transition:width .25s ease,height .25s ease,border-color .25s ease;}
#cr.big{width:54px;height:54px;border-color:var(--gold)}
#sp{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,var(--gold-dk),var(--gold),var(--gold-br));z-index:1002;transition:width .06s linear;}
#loading{position:fixed;inset:0;background:#030201;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 1.4s ease,visibility 1.4s ease;}
#loading.out{opacity:0;visibility:hidden}
.ld-logo{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,4vw,3.2rem);font-weight:300;color:var(--gold);letter-spacing:.45em;text-transform:uppercase;margin-bottom:3.5rem;opacity:0;animation:fadeUp 1.2s ease .4s forwards;}
.ld-bar-wrap{width:min(360px,55vw);height:1px;background:rgba(201,168,76,.1);position:relative}
.ld-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--gold-dk),var(--gold),var(--gold-br));transition:width .2s ease;position:relative;}
.ld-bar::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--gold-br);box-shadow:0 0 12px var(--gold);}
.ld-pct{font-size:.58rem;color:var(--gold);letter-spacing:.5em;margin-top:1.2rem}
.ld-sub{font-family:'Cormorant Garamond',serif;font-size:.82rem;font-style:italic;color:var(--txt3);letter-spacing:.2em;margin-top:.7rem;}
#nav{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:2.2rem 5rem;display:flex;align-items:center;justify-content:space-between;transition:padding .5s,background .5s,border-color .5s;border-bottom:1px solid transparent;}
#nav.sc{background:rgba(6,4,3,.93);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:1.2rem 5rem;border-color:var(--border);}
.nav-logo{font-family:'Cormorant Garamond',serif;font-size:1.22rem;font-weight:400;color:var(--gold);letter-spacing:.28em;text-transform:uppercase;text-decoration:none;}
.nav-logo .m{color:var(--gold-br);font-weight:500}
.nav-links{display:flex;gap:2.8rem;list-style:none;align-items:center}
.nav-links a{font-size:.62rem;font-weight:500;color:var(--txt2);text-decoration:none;letter-spacing:.22em;text-transform:uppercase;transition:color .3s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s;}
.nav-links a:hover{color:var(--gold)}
.nav-links a:hover::after{width:100%}
.nav-cta{padding:.55rem 1.4rem!important;background:var(--gold)!important;color:var(--bg0)!important;font-weight:600!important;transition:background .3s!important;}
.nav-cta:hover{background:var(--gold-br)!important}
.nav-cta::after{display:none!important}
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer}
.ham span{width:22px;height:1px;background:var(--gold);transition:all .3s}
#mob{position:fixed;inset:0;background:rgba(6,4,3,.97);z-index:998;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.8rem;transform:translateX(100%);transition:transform .5s cubic-bezier(.77,0,.175,1);}
#mob.open{transform:translateX(0)}
#mob a{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:300;color:var(--txt);text-decoration:none;letter-spacing:.15em;text-transform:uppercase;transition:color .3s;}
#mob a:hover{color:var(--gold)}
.mob-x{position:absolute;top:2rem;right:2rem;font-size:.6rem;font-weight:500;color:var(--txt3);letter-spacing:.3em;text-transform:uppercase;cursor:pointer;}
#hero{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;}
#three-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.hero-vig{position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at 50% 60%,rgba(6,4,3,0) 0%,rgba(6,4,3,.5) 55%,rgba(6,4,3,.95) 100%);}
.hero-cnt{position:relative;z-index:3;text-align:center;padding:0 2rem}
.h-eye{font-size:.58rem;font-weight:500;color:var(--gold);letter-spacing:.6em;text-transform:uppercase;margin-bottom:2rem;opacity:0;transform:translateY(18px);animation:fadeUp 1s ease 1.6s forwards;}
.h-ttl{font-family:'Cormorant Garamond',serif;font-size:clamp(4rem,11vw,10rem);font-weight:300;line-height:.88;letter-spacing:.04em;text-transform:uppercase;color:var(--txt);margin-bottom:2.2rem;opacity:0;transform:translateY(30px);animation:fadeUp 1.3s ease 1.9s forwards;}
.h-ttl .mg{color:var(--gold);font-style:italic;font-weight:400}
.h-rule{width:70px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 auto 2rem;opacity:0;animation:fadeUp 1s ease 2.3s forwards;}
.h-sub{font-family:'Cormorant Garamond',serif;font-size:clamp(.9rem,2vw,1.5rem);font-weight:300;font-style:italic;color:var(--txt2);letter-spacing:.18em;margin-bottom:3.5rem;opacity:0;transform:translateY(18px);animation:fadeUp 1s ease 2.5s forwards;}
.h-btns{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;opacity:0;transform:translateY(18px);animation:fadeUp 1s ease 2.9s forwards;}
.btn{display:inline-flex;align-items:center;gap:.7rem;padding:.95rem 2.4rem;font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;transition:all .4s;position:relative;overflow:hidden;}
.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,.1);transition:left .4s;}
.btn:hover::before{left:100%}
.btn-g{background:var(--gold);color:var(--bg0)}
.btn-g:hover{background:var(--gold-br);transform:translateY(-2px);box-shadow:0 16px 40px rgba(201,168,76,.3)}
.btn-o{background:transparent;color:var(--gold);border:1px solid rgba(201,168,76,.35)}
.btn-o:hover{border-color:var(--gold);background:rgba(201,168,76,.04);transform:translateY(-2px)}
.scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;animation:fadeUp 1s ease 3.6s forwards;}
.scroll-hint span{font-size:.5rem;letter-spacing:.45em;color:var(--txt3);text-transform:uppercase}
.scroll-line{width:1px;height:42px;background:linear-gradient(to bottom,var(--gold),transparent);animation:pulse 2.2s ease-in-out infinite}
#seq-wrap{position:relative;height:700vh}
#seq-sticky{position:sticky;top:0;height:100vh;width:100%;overflow:hidden}
#seq-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.seq-ov{position:absolute;inset:0;z-index:2;pointer-events:none}
.seq-vig{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(6,4,3,.75) 100%);}
.seq-cap{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);text-align:center;width:90%;max-width:720px;transition:opacity .3s,transform .3s;}
.seq-cap-lbl{font-size:.55rem;font-weight:500;color:var(--gold);letter-spacing:.5em;text-transform:uppercase;margin-bottom:.9rem;}
.seq-cap-ttl{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,4vw,3.2rem);font-weight:300;color:var(--txt);line-height:1.1;}
.seq-cap-ttl em{color:var(--gold);font-style:italic}
#about-scroll{position:relative;height:600vh}
#about-sticky{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1fr 1.1fr;overflow:hidden;}
.about-seq-panel{position:relative;height:100%;overflow:hidden;background:var(--bg1);}
#hmd-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;}
.about-seq-vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(to right,rgba(6,4,3,0) 80%,rgba(6,4,3,.9) 100%),radial-gradient(ellipse at center,transparent 40%,rgba(6,4,3,.35) 100%);}
.about-seq-badge{position:absolute;bottom:2.5rem;left:2.5rem;z-index:3;display:flex;flex-direction:column;gap:.4rem;}
.asb-lbl{font-size:.5rem;font-weight:500;color:var(--gold);letter-spacing:.45em;text-transform:uppercase;}
.asb-num{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:300;color:rgba(201,168,76,.25);line-height:1;}
.about-content-panel{display:flex;flex-direction:column;justify-content:center;padding:5rem;background:var(--bg1);position:relative;overflow:hidden;}
.about-content-panel::before{content:'M';position:absolute;right:-3rem;top:-4rem;font-family:'Cormorant Garamond',serif;font-size:35vw;font-weight:700;color:rgba(201,168,76,.018);pointer-events:none;line-height:1;}
.acp-eye{display:block;font-size:.58rem;font-weight:500;color:var(--gold);letter-spacing:.55em;text-transform:uppercase;margin-bottom:1.4rem;}
.acp-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.5vw,4rem);font-weight:300;line-height:.95;color:var(--txt);margin-bottom:2rem;}
.acp-h2 em{color:var(--gold);font-style:italic}
.acp-rule{width:52px;height:1px;background:var(--gold);margin-bottom:2rem}
.acp-body{font-size:.86rem;line-height:1.95;color:var(--txt2);font-weight:300}
.acp-stats{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}
.acp-stat{border-left:1px solid var(--border);padding-left:1.4rem}
.acp-stat-n{font-family:'Cormorant Garamond',serif;font-size:2.6rem;font-weight:300;color:var(--gold);display:block;line-height:1;}
.acp-stat-l{font-size:.56rem;font-weight:400;color:var(--txt3);letter-spacing:.22em;text-transform:uppercase;margin-top:.3rem;}
.wrap{max-width:1360px;margin:0 auto;padding:0 4rem}
.eyebrow{display:block;font-size:.58rem;font-weight:500;color:var(--gold);letter-spacing:.55em;text-transform:uppercase;margin-bottom:1.4rem;}
.h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,4.5vw,4.8rem);font-weight:300;line-height:.95;color:var(--txt);margin-bottom:2rem;}
.h2 em{color:var(--gold);font-style:italic}
.rule{width:52px;height:1px;background:var(--gold);margin-bottom:2rem}
.rule-c{margin:0 auto 2rem}
.btxt{font-size:.88rem;line-height:1.95;color:var(--txt2);font-weight:300}
.fi{opacity:0;transition:opacity .9s ease,transform .9s ease}
.fi-up{transform:translateY(44px)}.fi-l{transform:translateX(-44px)}.fi-r{transform:translateX(44px)}
.fi.on{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}
#quote{padding:9rem 0;background:var(--bg0);text-align:center;position:relative;overflow:hidden;}
#quote::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.04) 0%,transparent 70%);pointer-events:none;}
.q-line-t{width:1px;height:60px;background:linear-gradient(to bottom,transparent,var(--gold));margin:0 auto 3rem}
.q-txt{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,4.5vw,4rem);font-weight:300;font-style:italic;color:var(--txt);line-height:1.2;max-width:800px;margin:0 auto 2rem;}
.q-txt span{color:var(--gold)}
.q-attr{font-size:.58rem;font-weight:500;color:var(--txt3);letter-spacing:.5em;text-transform:uppercase}
.q-line-b{width:1px;height:60px;background:linear-gradient(to top,transparent,var(--gold));margin:3rem auto 0}
#cigars{padding:11rem 0;background:var(--bg2)}
.cig-head{text-align:center;margin-bottom:6rem}
.cig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.cig-card{position:relative;aspect-ratio:.75;overflow:hidden;cursor:pointer}
.cig-bg{position:absolute;inset:0;transition:transform .8s cubic-bezier(.25,.46,.45,.94);}
.cig-card:hover .cig-bg{transform:scale(1.06)}
.c1 .cig-bg{background:linear-gradient(160deg,#1c1005,#2e1b08)}
.c2 .cig-bg{background:linear-gradient(160deg,#140808,#250f0f)}
.c3 .cig-bg{background:linear-gradient(160deg,#0a110e,#102018)}
.cig-cnt{position:absolute;inset:0;z-index:2;padding:2.5rem;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,rgba(6,4,3,.92) 0%,rgba(6,4,3,.1) 55%,transparent 100%);}
.cig-num{position:absolute;top:2rem;right:2rem;font-family:'Cormorant Garamond',serif;font-size:5rem;font-weight:300;color:rgba(201,168,76,.07);line-height:1;z-index:3;}
.cig-rgn{font-size:.58rem;font-weight:500;color:var(--gold);letter-spacing:.4em;text-transform:uppercase;margin-bottom:.5rem}
.cig-nm{font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:400;color:var(--txt);line-height:1.1}
.cig-ds{font-size:.75rem;font-weight:300;color:var(--txt2);line-height:1.65;margin-top:.8rem;opacity:0;transform:translateY(10px);transition:opacity .4s ease .1s,transform .4s ease .1s;}
.cig-card:hover .cig-ds{opacity:1;transform:translateY(0)}
.cig-card::before{content:'';position:absolute;top:2rem;left:2.5rem;right:2.5rem;height:1px;background:rgba(201,168,76,.15);z-index:4;transform:scaleX(0);transform-origin:left;transition:transform .5s;}
.cig-card:hover::before{transform:scaleX(1)}
#cigar3d-wrap{position:relative;height:500vh;background:var(--bg0);}
#cigar3d-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;}
#cigar3d-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;}
.c3d-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(6,4,3,.65) 100%);}
.c3d-panel{position:absolute;z-index:3;width:min(460px,38vw);transition:opacity .6s ease,transform .6s ease;}
.c3d-panel.left{left:6%;top:50%;transform:translateY(-50%)}
.c3d-panel.right{right:6%;top:50%;transform:translateY(-50%);text-align:right}
.c3d-panel.hidden{opacity:0;pointer-events:none}
.c3d-panel.visible{opacity:1}
.c3d-lbl{font-size:.55rem;font-weight:500;color:var(--gold);letter-spacing:.5em;text-transform:uppercase;margin-bottom:1.2rem;display:block;}
.c3d-h{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3.5vw,3.4rem);font-weight:300;color:var(--txt);line-height:1;margin-bottom:1.5rem;}
.c3d-h em{color:var(--gold);font-style:italic}
.c3d-rule{width:40px;height:1px;background:var(--gold);margin-bottom:1.2rem}
.c3d-p{font-size:.82rem;line-height:1.85;color:var(--txt2);font-weight:300}
.c3d-progress{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:1.2rem;}
.c3d-progress-bar{width:120px;height:1px;background:rgba(201,168,76,.15);position:relative;}
.c3d-progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--gold);width:0%;transition:width .1s linear;}
.c3d-progress-lbl{font-size:.5rem;font-weight:500;color:var(--txt3);letter-spacing:.35em;text-transform:uppercase;}
#bar{padding:11rem 0;background:var(--bg1);overflow:hidden}
.bar-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:9rem;align-items:center}
.cktl-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem}
.cktl-card{padding:2.2rem;border:1px solid var(--border);background:rgba(6,4,3,.3);transition:all .4s;position:relative;overflow:hidden;}
.cktl-card:nth-child(even){transform:translateY(2rem)}
.cktl-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform .4s;}
.cktl-card:hover{border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.025)}
.cktl-card:hover::after{transform:scaleX(1)}
.cktl-icon{font-family:'Cormorant Garamond',serif;font-size:1.8rem;color:var(--gold);opacity:.5;margin-bottom:.8rem;display:block}
.cktl-nm{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:400;color:var(--txt);margin-bottom:.5rem}
.cktl-ds{font-size:.72rem;font-weight:300;color:var(--txt3);line-height:1.65}
#events{padding:11rem 0;background:var(--bg2)}
.ev-head{text-align:center;margin-bottom:5.5rem}
.ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.ev-card{padding:3rem 2.5rem;border:1px solid var(--border);position:relative;overflow:hidden;transition:all .4s;}
.ev-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,168,76,.03),transparent);opacity:0;transition:opacity .4s;}
.ev-card:hover{border-color:rgba(201,168,76,.4);transform:translateY(-5px)}
.ev-card:hover::before{opacity:1}
.ev-n{font-family:'Cormorant Garamond',serif;font-size:.85rem;color:var(--gold);letter-spacing:.3em;margin-bottom:1.8rem;display:block}
.ev-ttl{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:400;color:var(--txt);margin-bottom:1rem;line-height:1.1}
.ev-ds{font-size:.78rem;font-weight:300;color:var(--txt3);line-height:1.75}
.ev-lnk{display:inline-block;margin-top:1.5rem;font-size:.58rem;font-weight:600;color:var(--gold);letter-spacing:.3em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(201,168,76,.3);padding-bottom:.2rem;transition:border-color .3s;}
.ev-lnk:hover{border-color:var(--gold)}
#galerija{padding:11rem 0;background:var(--bg1)}
.gal-head{text-align:center;margin-bottom:5rem}
.ig-badge{display:inline-flex;align-items:center;gap:.8rem;padding:.5rem 1.4rem;border:1px solid var(--border);margin-bottom:3.5rem;font-size:.6rem;font-weight:500;color:var(--gold);letter-spacing:.25em;text-transform:uppercase;}
.ig-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.gal-item{aspect-ratio:1;background:var(--bg2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;}
.gal-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.25,.46,.45,.94);}
.gal-item:hover img{transform:scale(1.06)}
.gal-item::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(6,4,3,.7) 0%,transparent 60%);opacity:0;transition:opacity .35s;}
.gal-item:hover::before{opacity:1}
.gal-item-lbl{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;font-size:.5rem;letter-spacing:.4em;color:rgba(201,168,76,.7);text-transform:uppercase;opacity:0;transition:opacity .35s;}
.gal-item:hover .gal-item-lbl{opacity:1}
#gal-lb{display:none;position:fixed;inset:0;z-index:9000;background:rgba(6,4,3,.96);align-items:center;justify-content:center;}
#gal-lb.open{display:flex}
#gal-lb img{max-width:90vw;max-height:88vh;object-fit:contain;border:1px solid var(--border);box-shadow:0 0 80px rgba(201,168,76,.08);}
#gal-lb-close{position:absolute;top:2rem;right:2.5rem;font-size:2rem;color:var(--gold);cursor:pointer;opacity:.7;transition:opacity .2s;background:none;border:none;line-height:1;}
#gal-lb-close:hover{opacity:1}
#gal-lb-prev,#gal-lb-next{position:absolute;top:50%;transform:translateY(-50%);font-size:2.5rem;color:var(--gold);cursor:pointer;opacity:.5;transition:opacity .2s;background:none;border:none;padding:1rem;}
#gal-lb-prev{left:1rem}#gal-lb-next{right:1rem}
#gal-lb-prev:hover,#gal-lb-next:hover{opacity:1}
.gal-cta{text-align:center;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border)}
.gal-cta p{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-style:italic;color:var(--txt3);margin-bottom:1.5rem;}
#rezervacije{padding:11rem 0;background:var(--bg0);position:relative;overflow:hidden;}
#rezervacije::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(201,168,76,.05),transparent 60%);pointer-events:none;}
.res-wrap{max-width:680px;margin:0 auto;text-align:center}
.res-form{display:grid;gap:1.8rem;margin-top:3.5rem;text-align:left}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem}
.fg{display:flex;flex-direction:column;gap:.5rem}
.fl{font-size:.58rem;font-weight:500;color:var(--gold);letter-spacing:.3em;text-transform:uppercase}
.fi-inp{background:transparent;border:none;border-bottom:1px solid rgba(201,168,76,.2);padding:.8rem 0;color:var(--txt);font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:300;outline:none;transition:border-color .3s;width:100%;-webkit-appearance:none;appearance:none;}
.fi-inp:focus{border-bottom-color:var(--gold)}
.fi-inp::placeholder{color:var(--txt3)}
.fi-inp option{background:var(--bg1);color:var(--txt)}
.form-sub{text-align:center;margin-top:.5rem}
.form-sub .btn{cursor:pointer;border:none;font-family:'Montserrat',sans-serif}
footer{background:#040302;border-top:1px solid var(--border);padding:6rem 0 3.5rem}
.ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:5rem;margin-bottom:5rem}
.ft-logo{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:300;color:var(--gold);letter-spacing:.22em;display:block;margin-bottom:.8rem;}
.ft-tag{font-family:'Cormorant Garamond',serif;font-size:.9rem;font-style:italic;color:var(--txt3);line-height:1.7;margin-bottom:2.5rem;max-width:260px;}
.ft-soc{display:flex;gap:1.5rem}
.ft-soc a{font-size:.6rem;font-weight:500;color:var(--txt3);letter-spacing:.22em;text-transform:uppercase;text-decoration:none;transition:color .3s;}
.ft-soc a:hover{color:var(--gold)}
.ft-h{font-size:.58rem;font-weight:600;color:var(--gold);letter-spacing:.4em;text-transform:uppercase;margin-bottom:1.8rem}
.ft-links{list-style:none;display:flex;flex-direction:column;gap:.8rem}
.ft-links a{font-size:.78rem;font-weight:300;color:var(--txt3);text-decoration:none;transition:color .3s}
.ft-links a:hover{color:var(--gold)}
.ft-bot{border-top:1px solid rgba(201,168,76,.08);padding-top:2.5rem;display:flex;justify-content:space-between;align-items:center;}
.ft-copy{font-size:.68rem;color:var(--txt3);letter-spacing:.1em}
@keyframes fadeUp{to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{opacity:.3;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg0)}::-webkit-scrollbar-thumb{background:var(--gold-dk)}::-webkit-scrollbar-thumb:hover{background:var(--gold)}
::selection{background:rgba(201,168,76,.25);color:var(--txt)}
body::after{content:'';position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px;}
/* ── 1100px tablet ─────────────────────────────────────────────────────── */
@media(max-width:1100px){
  .wrap{padding:0 2.5rem}
  #nav,#nav.sc{padding:1.5rem 2.5rem}
  /* About — full-screen sticky overlay, canvas behind, text in front */
  #about-scroll{height:320vh}
  #about-sticky{display:block;position:sticky;top:0;height:100vh;overflow:hidden}
  .about-seq-panel{position:absolute;inset:0;height:100%}
  .about-content-panel{
    position:absolute;bottom:0;left:0;right:0;z-index:4;
    padding:2.5rem 3rem 3.5rem;justify-content:flex-end;overflow:visible;
    background:linear-gradient(to top,rgba(6,4,3,.97) 0%,rgba(6,4,3,.65) 55%,transparent 100%);
  }
  .about-content-panel::before{display:none}
  .bar-grid{grid-template-columns:1fr;gap:5rem}
  .ft-grid{grid-template-columns:1fr 1fr;gap:3.5rem}
  .c3d-panel{width:min(340px,42vw)}
}

/* ── 768px mobile ──────────────────────────────────────────────────────── */
@media(max-width:768px){
  #cd,#cr{display:none}body{cursor:auto}
  .nav-links{display:none}.ham{display:flex}
  #nav{padding:1.4rem 1.5rem}#nav.sc{padding:1rem 1.5rem}
  .wrap{padding:0 1.2rem}

  /* Hero */
  .h-btns{flex-direction:column;align-items:center;gap:1rem}
  .btn{width:min(240px,70vw);justify-content:center}

  /* Main sequence — keep sticky animation, trim height */
  #seq-wrap{height:500vh}

  /* About — tighter overlay on mobile */
  #about-scroll{height:260vh}
  .about-content-panel{padding:1.2rem 1.5rem 2.5rem}
  .acp-eye{margin-bottom:.6rem}
  .acp-h2{font-size:clamp(1.3rem,5.5vw,2rem);margin-bottom:.6rem;line-height:1.05}
  .acp-rule{margin-bottom:.8rem}
  .acp-body{font-size:.72rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .acp-stats{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.9rem}
  .acp-stat{padding-left:.6rem}
  .acp-stat-n{font-size:1.3rem}
  .acp-stat-l{font-size:.42rem;letter-spacing:.1em}

  /* 3D Cigar — panels centred at top, cigar fills viewport below */
  #cigar3d-wrap{height:280vh}
  .c3d-panel{
    display:block;width:calc(100% - 3rem);
    left:1.5rem!important;right:1.5rem!important;
    top:4%!important;bottom:auto!important;
    transform:none!important;text-align:center;
  }
  .c3d-panel.left,.c3d-panel.right{
    left:1.5rem!important;right:1.5rem!important;
    top:4%!important;transform:none!important;text-align:center;
  }
  .c3d-rule{margin:0 auto 1rem}
  .c3d-h{font-size:clamp(1.3rem,5vw,1.9rem);margin-bottom:.9rem}
  .c3d-p{font-size:.72rem;line-height:1.65}
  .c3d-progress{bottom:1.5rem}

  /* Cigars — single column, desc always visible on touch */
  #cigars{padding:5rem 0}
  .cig-grid{grid-template-columns:1fr;gap:2px}
  .cig-card{aspect-ratio:unset;min-height:240px}
  .cig-ds{opacity:1!important;transform:none!important}

  /* Bar */
  #bar{padding:5rem 0}
  .bar-grid{grid-template-columns:1fr;gap:3rem}
  .cktl-grid{grid-template-columns:1fr;gap:1rem}
  .cktl-card:nth-child(even){transform:none}

  /* Quote */
  #quote{padding:4rem 0}
  .q-txt{font-size:clamp(1.3rem,5.5vw,2rem)}
  .q-line-t,.q-line-b{height:36px}

  /* Events */
  #events{padding:5rem 0}
  .ev-grid{grid-template-columns:1fr;gap:1.2rem}
  .ev-card{padding:2rem 1.5rem}

  /* Gallery */
  #galerija{padding:5rem 0}
  .gal-grid{grid-template-columns:repeat(2,1fr)}

  /* Reservation */
  #rezervacije{padding:5rem 0}
  .form-row{grid-template-columns:1fr;gap:1.2rem}

  /* Footer */
  .ft-grid{grid-template-columns:1fr;gap:2rem}
  .ft-bot{flex-direction:column;gap:.8rem;text-align:center}
}

/* ── AGE GATE ────────────────────────────────────────────────────────────── */
#age-gate{position:fixed!important;inset:0!important;z-index:999999!important;background:#030201;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;}
#age-gate.hidden{display:none!important}
.ag-img-logo{height:clamp(48px,12vw,90px);width:auto;margin-bottom:2rem;opacity:.92;}
.ag-line{width:1px;height:50px;background:linear-gradient(to bottom,transparent,var(--gold));margin:0 auto 2.5rem;}
.ag-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,5vw,4rem);font-weight:300;color:var(--txt);line-height:1.1;margin-bottom:1.2rem;}
.ag-title em{color:var(--gold);font-style:italic}
.ag-sub{font-size:.72rem;font-weight:300;color:var(--txt3);letter-spacing:.2em;margin-bottom:3rem;line-height:1.8;}
.ag-btns{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;}
.ag-yes{padding:1rem 3rem;background:var(--gold);color:var(--bg0);font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;border:none;cursor:pointer;transition:all .3s;}
.ag-yes:hover{background:var(--gold-br);transform:translateY(-2px);}
.ag-no{padding:1rem 3rem;background:transparent;color:var(--txt3);font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;border:1px solid rgba(201,168,76,.2);cursor:pointer;transition:all .3s;}
.ag-no:hover{border-color:var(--txt3)}
.ag-legal{position:absolute;bottom:2rem;font-size:.58rem;color:var(--txt3);letter-spacing:.1em;}

/* ── NAV LOGO ICON ───────────────────────────────────────────────────────── */
.nav-logo{display:flex;align-items:center;gap:.7rem}
.nav-logo-icon{height:28px;width:auto;display:block;opacity:.92}

/* ── SHOP USKORO ─────────────────────────────────────────────────────────── */
.shop-uskoro{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg0);overflow:hidden;}
.su-bg-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,rgba(201,168,76,.07) 0%,transparent 65%),radial-gradient(ellipse at 20% 80%,rgba(201,168,76,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(201,168,76,.03) 0%,transparent 50%);}
.su-content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:680px;}
.su-line-t{width:1px;height:70px;background:linear-gradient(to bottom,transparent,var(--gold));margin:0 auto 3rem;}
.su-eyebrow{display:block;font-size:.55rem;font-weight:500;color:var(--gold);letter-spacing:.6em;text-transform:uppercase;margin-bottom:2rem;}
.su-title{font-family:'Cormorant Garamond',serif;font-size:clamp(5rem,18vw,12rem);font-weight:300;color:var(--txt);line-height:.85;letter-spacing:.04em;margin-bottom:2.5rem;}
.su-title em{color:var(--gold);font-style:italic}
.su-rule{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 auto 2.5rem;}
.su-sub{font-family:'Cormorant Garamond',serif;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:300;font-style:italic;color:var(--txt2);line-height:1.7;margin-bottom:1rem;}
.su-sub-small{font-size:.68rem;font-weight:300;color:var(--txt3);letter-spacing:.15em;margin-bottom:0;}
.su-sub-small a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,168,76,.3);transition:border-color .3s;}
.su-sub-small a:hover{border-color:var(--gold)}
.su-line-b{width:1px;height:70px;background:linear-gradient(to top,transparent,var(--gold));margin:2.5rem auto 0;}
.su-btn{margin-top:3rem!important;display:inline-flex!important}

/* SHOP PAGE */
.shop-hero{padding:14rem 0 6rem;text-align:center;background:var(--bg0);}
.shop-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,7vw,7rem);font-weight:300;color:var(--txt);letter-spacing:.04em;line-height:.9;}
.shop-hero h1 em{color:var(--gold);font-style:italic}
.shop-hero .eyebrow{margin-bottom:1.5rem}
.shop-hero .rule-c{margin-top:2rem}
.woo-section{padding:7rem 0;background:var(--bg1);}
.woo-section .wrap{}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:0;}
.product-card{background:var(--bg2);position:relative;overflow:hidden;transition:all .4s;cursor:pointer;}
.product-card:hover{transform:translateY(-4px)}
.product-card .product-img{aspect-ratio:1;overflow:hidden;background:var(--bg0);}
.product-card .product-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94);}
.product-card:hover .product-img img{transform:scale(1.06)}
.product-card .product-info{padding:2rem;}
.product-card .product-cat{font-size:.52rem;font-weight:500;color:var(--gold);letter-spacing:.4em;text-transform:uppercase;margin-bottom:.6rem;display:block;}
.product-card .product-name{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:400;color:var(--txt);margin-bottom:.6rem;line-height:1.1;}
.product-card .product-desc{font-size:.75rem;font-weight:300;color:var(--txt3);line-height:1.65;margin-bottom:1.2rem;}
.product-card .product-price{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:300;color:var(--gold);}
.product-card .product-btn{display:block;margin-top:1.2rem;padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(201,168,76,.3);color:var(--gold);font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;text-align:center;text-decoration:none;transition:all .3s;}
.product-card .product-btn:hover{background:var(--gold);color:var(--bg0);border-color:var(--gold);}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;list-style:none;margin:0;padding:0;}
.woocommerce ul.products li.product{background:var(--bg2);position:relative;overflow:hidden;transition:all .4s;}
.woocommerce ul.products li.product:hover{transform:translateY(-4px)}
.woocommerce ul.products li.product a img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94);}
.woocommerce ul.products li.product:hover a img{transform:scale(1.06)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:400;color:var(--txt);padding:1.5rem 1.5rem .3rem;line-height:1.1;}
.woocommerce ul.products li.product .price{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--gold);padding:0 1.5rem .5rem;display:block;}
.woocommerce ul.products li.product .button{display:block;margin:0 1.5rem 1.5rem;padding:.75rem;background:transparent;border:1px solid rgba(201,168,76,.3);color:var(--gold);font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;text-align:center;text-decoration:none;transition:all .3s;}
.woocommerce ul.products li.product .button:hover{background:var(--gold);color:var(--bg0);border-color:var(--gold);}
.woocommerce .woocommerce-ordering select,.woocommerce .woocommerce-result-count{color:var(--txt2);background:var(--bg1);border:1px solid var(--border);padding:.5rem 1rem;font-family:'Montserrat',sans-serif;font-size:.72rem;}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{color:var(--gold);border:1px solid var(--border);padding:.5rem .8rem;}
.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--gold);color:var(--bg0);}
@media(max-width:768px){.products-grid,.woocommerce ul.products{grid-template-columns:1fr!important}}
@media(max-width:1100px){.products-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}