:root{
  --black:#0B0B0B;
  --dark:#111111;
  --panel:#0f0f0f;
  --gold:#C8A96A;
  --gold2:#E3C98B;
  --text:#F5F5F5;
  --muted:rgba(245,245,245,.75);
  --line:rgba(200,169,106,.35);
  --shadow:0 18px 55px rgba(0,0,0,.55);
  --radius:6px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background: radial-gradient(1200px 800px at 70% 10%, rgba(200,169,106,.10), transparent 55%),
              radial-gradient(900px 700px at 20% 75%, rgba(200,169,106,.08), transparent 60%),
              var(--black);
  color:var(--text);
  font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.75;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.container{width:min(1140px,calc(100% - 44px));margin:0 auto;}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:2px;margin:0 0 14px;}
p{margin:0 0 18px;color:var(--muted);}
.small{font-size:14px;color:var(--muted);}
.gold-line{width:96px;height:1px;margin:18px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.9;}
.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(0,0,0,.55);border-bottom:1px solid rgba(255,255,255,.04);backdrop-filter:blur(10px);}
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:14px 22px;}
.nav-left,.nav-right{display:flex;align-items:center;gap:18px;font-size:13px;letter-spacing:1px;}
.nav-left a,.nav-right a{color:rgba(245,245,245,.88);transition:.25s ease;}
.nav-left a:hover,.nav-right a:hover{color:var(--gold2);}
.nav-logo{display:flex;align-items:center;justify-content:center;}
.nav-logo img{height:54px;}
.lang{opacity:.85;}
.btn-outline{border:1px solid var(--gold);color:var(--gold);padding:10px 18px;border-radius:var(--radius);background:transparent;display:inline-flex;align-items:center;gap:10px;transition:.28s ease;letter-spacing:1px;cursor:pointer;}
.btn-outline:hover{background:var(--gold);color:#000;}
.burger{display:none;width:44px;height:44px;border:1px solid rgba(200,169,106,.45);border-radius:10px;background:rgba(0,0,0,.25);align-items:center;justify-content:center;cursor:pointer;}
.burger span{width:18px;height:2px;background:var(--gold);position:relative;}
.burger span:before,.burger span:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--gold);}
.burger span:before{top:-6px;}
.burger span:after{top:6px;}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);opacity:0;pointer-events:none;transition:.25s ease;z-index:999;}
.drawer{position:fixed;top:0;right:-320px;width:320px;height:100vh;background:linear-gradient(180deg,rgba(17,17,17,.95),rgba(11,11,11,.98));border-left:1px solid rgba(200,169,106,.25);box-shadow:var(--shadow);z-index:1001;transition:.28s ease;padding:18px;display:flex;flex-direction:column;gap:10px;}
.drawer .drawer-top{display:flex;align-items:center;justify-content:space-between;}
.drawer .drawer-top img{height:44px;}
.drawer .close{width:44px;height:44px;border:1px solid rgba(200,169,106,.35);border-radius:10px;background:transparent;color:var(--gold2);cursor:pointer;}
.drawer a{padding:14px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);color:rgba(245,245,245,.92);letter-spacing:1px;transition:.25s ease;}
.drawer a:hover{border-color:rgba(200,169,106,.45);color:var(--gold2);}
.drawer .cta{margin-top:auto;}
.drawer .cta a{width:100%;justify-content:center;}
.drawer-open .drawer-backdrop{opacity:1;pointer-events:auto;}
.drawer-open .drawer{right:0;}
.hero{min-height:100vh;padding-top:92px;background:radial-gradient(1000px 600px at 60% 10%, rgba(200,169,106,.12), transparent 60%),url('../img/hero.jpg') center/cover no-repeat;position:relative;}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.72));}
.hero .content{position:relative;padding:88px 0 40px;text-align:center;}
.hero h1{font-size:clamp(40px,6.2vw,78px);color:var(--gold2);text-transform:uppercase;letter-spacing:4px;}
.hero h2{font-family:'Montserrat',sans-serif;font-weight:400;font-size:clamp(16px,2.2vw,26px);letter-spacing:2px;margin-top:8px;color:rgba(245,245,245,.92);}
.hero .sub{margin-top:10px;font-size:16px;letter-spacing:1px;}
.hero .btns{margin-top:28px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.hero .btns .btn-outline{padding:12px 22px;}
.info-bar{position:relative;margin-top:34px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.35);}
.info-bar .row{display:flex;align-items:center;justify-content:center;gap:18px;padding:16px 10px;flex-wrap:wrap;}
.info{display:flex;align-items:center;gap:10px;color:rgba(245,245,245,.88);font-size:13px;letter-spacing:1px;}
.sep{width:1px;height:18px;background:var(--line);}
.icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--gold);}
.section{padding:80px 0;}
.section.dark{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;}
.card{border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border-radius:16px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.45);}
.card .pad{padding:26px;}
.section-title{text-align:center;margin-bottom:34px;}
.script{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;letter-spacing:1px;color:var(--gold2);}
.tag{display:inline-flex;gap:10px;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(200,169,106,.25);background:rgba(200,169,106,.08);color:rgba(245,245,245,.9);font-size:12px;letter-spacing:1px;}
.cta-block{text-align:center;padding:84px 0;background:radial-gradient(700px 420px at 50% 35%, rgba(200,169,106,.16), transparent 60%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);}
.vip{padding:90px 0;text-align:center;background:radial-gradient(900px 520px at 50% 25%, rgba(200,169,106,.14), transparent 60%),radial-gradient(1200px 700px at 10% 90%, rgba(200,169,106,.09), transparent 55%),#0a0a0a;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.g-item{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);cursor:pointer;}
.g-item img{width:100%;height:180px;object-fit:cover;filter:saturate(.9) contrast(1.05);transition:.35s ease;}
.g-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(200,169,106,0),rgba(200,169,106,.18));opacity:0;transition:.35s ease;}
.g-item:hover img{transform:scale(1.06);}
.g-item:hover:after{opacity:1;}
.footer{padding:44px 0 24px;background:rgba(0,0,0,.55);border-top:1px solid rgba(255,255,255,.05);}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px;}
.footer h4{font-size:18px;margin-bottom:10px;letter-spacing:2px;}
.footer a{color:rgba(245,245,245,.86);}
.footer a:hover{color:var(--gold2);}
.social{display:flex;gap:10px;margin-top:10px;}
.social a{width:38px;height:38px;border-radius:12px;border:1px solid rgba(200,169,106,.25);background:rgba(255,255,255,.02);display:flex;align-items:center;justify-content:center;}
.copy{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:rgba(245,245,245,.65);text-align:center;}
.form{display:grid;gap:12px;}
.input,textarea,select{width:100%;padding:12px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:var(--text);outline:none;}
textarea{min-height:120px;resize:vertical;}
label{font-size:12px;letter-spacing:1px;color:rgba(245,245,245,.75);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.fade{opacity:0;transform:translateY(26px);transition:.75s ease;}
.fade.show{opacity:1;transform:none;}
@media(max-width:980px){
  .nav{grid-template-columns:auto 1fr auto;}
  .nav-left,.nav-right{display:none;}
  .burger{display:flex;}
  .split{grid-template-columns:1fr;}
  .gallery{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .hero .content{padding-top:68px;}
  .gallery{grid-template-columns:1fr;}
}

/* ===== Invisible pen (ink reveal) slogan — HOME only ===== */
.hero-message{margin-top:28px;display:flex;justify-content:center;}
.ink-signature{
  width:min(860px, 92vw);
  height:auto;
  display:block;
  padding:10px 18px;
  border-radius:16px;
  background: radial-gradient(closest-side at 50% 55%, rgba(0,0,0,.78), rgba(0,0,0,0));
}
.ink-signature text{
  font-family:'Allura', cursive;
  font-size:84px;
  fill:#E6C98A;
  letter-spacing:0.5px;
  font-weight:300;
  text-shadow: 0 0 3px rgba(200,169,106,.18), 0 0 10px rgba(0,0,0,.70);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
@media (max-width: 520px){
  .ink-signature text{ font-size:68px; }
}

/* ===== MENU BOOK (Overlay) — Premium ===== */
.book-overlay{position:fixed;inset:0;display:none;background:rgba(0,0,0,.86);z-index:9999;padding:18px;}
.book-overlay.open{display:block;}
.book-shell{max-width:1100px;margin:0 auto;height:calc(100vh - 36px);border:1px solid rgba(200,169,106,.22);border-radius:18px;background:rgba(10,10,10,.96);overflow:hidden;position:relative;box-shadow:0 18px 55px rgba(0,0,0,.55);}
.book-close{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:12px;border:1px solid rgba(200,169,106,.25);background:rgba(0,0,0,.25);color:#F5F5F5;cursor:pointer;z-index:5;}
.book-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:4;}
.book-brand{letter-spacing:3px;color:var(--gold2);font-weight:500;}
.book-page-indicator{color:rgba(245,245,245,.7);letter-spacing:1px;}
.book{height:calc(100% - 60px);display:flex;align-items:center;justify-content:center;padding:18px;position:relative;}
.book-inner{position:relative;width:100%;height:100%;border-radius:14px;overflow:hidden;border:1px solid rgba(200,169,106,.18);background:linear-gradient(180deg,rgba(245,245,245,.06),rgba(245,245,245,.02));perspective:1400px;}

.page{position:absolute;inset:0;opacity:0;pointer-events:none;transform:rotateY(0deg);transform-style:preserve-3d;backface-visibility:hidden;overflow:auto;padding:26px;}
.page.active{opacity:1;pointer-events:auto;}

.book-controls{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:10px;z-index:4;}

.page-header h2{margin:0;color:var(--gold2);letter-spacing:2px;font-size:34px;}
.page-sub{margin:6px 0 0;color:rgba(245,245,245,.72);letter-spacing:1px;}
.page-line{height:1px;background:rgba(200,169,106,.25);margin:14px 0 18px;}
.page-block{margin-bottom:18px;}
.page-block h3{margin:0 0 10px;color:rgba(245,245,245,.92);letter-spacing:2px;text-transform:uppercase;font-size:14px;}
.mi{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:baseline;padding:7px 0;border-bottom:1px dashed rgba(200,169,106,.18);}
.mi .l{color:rgba(245,245,245,.92);}
.mi .r{color:var(--gold2);white-space:nowrap;letter-spacing:1px;}
.mi .r::after{content:" RSD";opacity:.85;}
.d{margin:4px 0 10px;color:rgba(245,245,245,.68);font-size:12px;line-height:1.55;}
.mi:hover{background:rgba(200,169,106,.05);transition:.25s ease;}

/* Flip animations */
@keyframes flipOutNext{from{transform:rotateY(0deg);}to{transform:rotateY(-180deg);}}
@keyframes flipInNext{from{transform:rotateY(180deg);}to{transform:rotateY(0deg);}}
@keyframes flipOutPrev{from{transform:rotateY(0deg);}to{transform:rotateY(180deg);}}
@keyframes flipInPrev{from{transform:rotateY(-180deg);}to{transform:rotateY(0deg);}}
.page.flip-out-next{transform-origin:left center;animation:flipOutNext .65s ease both;}
.page.flip-in-next{transform-origin:right center;animation:flipInNext .65s ease both;}
.page.flip-out-prev{transform-origin:right center;animation:flipOutPrev .65s ease both;}
.page.flip-in-prev{transform-origin:left center;animation:flipInPrev .65s ease both;}

@media(max-width:520px){
  .book-shell{height:calc(100vh - 24px);}
  .page{padding:18px;}
}

/* === BOOK SIZE OVERRIDE (bigger + more premium) === */
.book-shell{
  max-width: min(1280px, calc(100vw - 20px));
}
.book{
  padding: 10px;
}
.book-inner{
  border-radius: 18px;
}
.page{
  padding: 28px 32px;
}
@media(max-width:520px){
  .page{ padding:18px; }
}

/* === TWO-COLUMN MENU LAYOUT (desktop) === */
.page-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
}
.page-block{
  break-inside: avoid;
}

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

/* === PAPER FEEL DURING FLIP === */
.page{
  background: linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,0));
}
.page::before{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s ease;
}
.page.flip-out-next::before,
.page.flip-out-prev::before{
  opacity:1;
  background: radial-gradient(closest-side at 0% 50%, rgba(0,0,0,.35), transparent 70%);
}
.page.flip-in-next::before,
.page.flip-in-prev::before{
  opacity:1;
  background: radial-gradient(closest-side at 100% 50%, rgba(0,0,0,.28), transparent 70%);
}

/* =========================
   LUXURY DETAILS (DROP-IN)
   ========================= */

/* 1) Subtle noise (premium texture) */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.035;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

/* 2) Glow ring utility */
.lux-glow{
  position:relative;
  isolation:isolate;
}
.lux-glow::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  transition:opacity .28s ease;
  background: radial-gradient(600px 220px at 30% 20%, rgba(227,201,139,.22), transparent 60%),
              radial-gradient(420px 180px at 70% 80%, rgba(200,169,106,.18), transparent 62%);
  filter: blur(10px);
  z-index:-1;
}
.lux-glow:hover::after{ opacity:1; }

/* 3) Premium underline for nav links */
.nav-left a, .nav-right a{
  position:relative;
}
.nav-left a::after, .nav-right a::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-8px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(227,201,139,.85), transparent);
  opacity:0;
  transform:translateY(4px);
  transition:.28s ease;
}
.nav-left a:hover::after, .nav-right a:hover::after{
  opacity:.9;
  transform:none;
}

/* 4) Buttons: subtle shine sweep */
.btn-outline{
  position:relative;
  overflow:hidden;
  backface-visibility:hidden;
}
.btn-outline::before{
  content:"";
  position:absolute;
  top:-40%;
  left:-60%;
  width:50%;
  height:180%;
  transform:rotate(18deg);
  background:linear-gradient(90deg, transparent, rgba(227,201,139,.18), transparent);
  opacity:0;
}
.btn-outline:hover::before{
  animation:luxShine .9s ease forwards;
  opacity:1;
}
@keyframes luxShine{
  from{ left:-60%; }
  to{ left:140%; }
}

/* 5) Cards / gallery: lift + golden edge */
.card, .menu-section, .g-item, .book-shell, .book-inner{
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.card:hover, .menu-section:hover, .g-item:hover{
  transform: translateY(-3px);
  border-color: rgba(200,169,106,.22);
  box-shadow: 0 28px 70px rgba(0,0,0,.55);
}

/* 6) Hero: extra contrast + vignette (readability) */
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: radial-gradient(1200px 520px at 50% 30%, rgba(0,0,0,0), rgba(0,0,0,.55));
}

/* 7) Smooth “lux” focus for keyboard (accessibility) */
:focus-visible{
  outline:2px solid rgba(227,201,139,.55);
  outline-offset:3px;
  border-radius:10px;
}

/* 8) Luxury cursor (desktop only) */
@media (hover:hover) and (pointer:fine){
  .lux-cursor{
    position:fixed;
    left:0; top:0;
    width:14px; height:14px;
    border-radius:999px;
    pointer-events:none;
    z-index:999999;
    background:rgba(227,201,139,.85);
    box-shadow: 0 0 18px rgba(227,201,139,.22);
    transform: translate(-50%,-50%);
    opacity:0;
    transition: opacity .2s ease, transform .08s linear;
  }
  .lux-cursor--ring{
    width:34px; height:34px;
    background:transparent;
    border:1px solid rgba(227,201,139,.35);
    box-shadow: 0 0 28px rgba(227,201,139,.14);
  }

  /* When hovering interactive elements */
  .lux-hover .lux-cursor{
    transform: translate(-50%,-50%) scale(1.05);
  }
}

/* 9) Book: richer paper + spine + subtle inner shadow */
.book-inner{
  background:
    radial-gradient(1000px 560px at 20% 18%, rgba(227,201,139,.10), transparent 62%),
    radial-gradient(900px 520px at 85% 70%, rgba(200,169,106,.07), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
}
.book-inner::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),
              inset 0 18px 60px rgba(0,0,0,.35);
  opacity:.9;
}

/* Events page: premium cards spacing */
.page-events .card .pad p{ color: rgba(245,245,245,.72); }
.page-events .card h3{ color: var(--gold2); }



.input:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 1px rgba(200,169,106,.35),
             0 0 18px rgba(200,169,106,.15);
  background:rgba(255,255,255,.05);
}

/* calendar icon visibility */
input[type="date"]{
  color-scheme: dark;
  position:relative;
}


.input{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}

/* ===== FINAL PREMIUM SELECT ===== */
select.input{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;

  background:
    radial-gradient(120% 140% at 20% 18%, rgba(227,201,139,.10), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23E3C98B' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")
      no-repeat right 14px center;

  background-color: rgba(15,15,15,.92);
  background-size:auto, auto, 14px;

  border:1px solid rgba(200,169,106,.28);
  color:var(--text);
  padding-right:40px;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

select.input option{
  background:#513e1c58;
  color:#F5F5F5;
}

select.input:hover{
  border-color: rgba(227,201,139,.45);
}

select.input:focus{
  border-color:var(--gold2);
  box-shadow:
    0 0 0 1px rgba(227,201,139,.45),
    0 0 22px rgba(200,169,106,.22);
}
/* ===== GALLERY LIGHTBOX (Overlay) ===== */
.lightbox{
  position:fixed;
  inset:0;
  display:none;
  background:rgba(0,0,0,.86);
  z-index:9999;
  padding:18px;
}
.lightbox.open{ display:block; }

.lightbox-shell{
  max-width:min(1280px, calc(100vw - 20px));
  margin:0 auto;
  height:calc(100vh - 36px);
  border:1px solid rgba(200,169,106,.22);
  border-radius:18px;
  background:rgba(10,10,10,.96);
  overflow:hidden;
  position:relative;
  box-shadow: 0 18px 55px rgba(0,0,0,.55);
}

.lightbox-close{
  position:absolute;
  top:14px; right:14px;
  width:42px; height:42px;
  border-radius:12px;
  border:1px solid rgba(200,169,106,.25);
  background:rgba(0,0,0,.25);
  color:#F5F5F5;
  cursor:pointer;
  z-index:5;
}

.lightbox-topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.06);
  position:relative;
  z-index:4;
}
.lightbox-brand{
  letter-spacing:3px;
  color:var(--gold2);
  font-weight:500;
}
.lightbox-page{
  color:rgba(245,245,245,.7);
  letter-spacing:1px;
}

.lightbox-stage{
  height:calc(100% - 60px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  padding:14px;
}

.lb-img{
  width:100%;
  height:100%;
  max-height:calc(100vh - 140px);
  object-fit:contain;
  border-radius:16px;
  border:1px solid rgba(200,169,106,.18);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

.lb-arrow{
  width:54px;
  height:54px;
  border-radius:14px;
  border:1px solid rgba(200,169,106,.25);
  background:rgba(0,0,0,.25);
  color:var(--gold2);
  cursor:pointer;
}
.lb-arrow:disabled{
  opacity:.35;
  cursor:not-allowed;
}

@media(max-width:900px){
  .lightbox-stage{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
  }
  .lb-arrow{
    width:100%;
    height:48px;
  }
}

/* ===== MOBILE FIXES ===== */
@media (max-width:520px){

  /* HERO */
  .hero{ padding-top:70px; }

  .hero .content{ padding:40px 0 20px; }

  .hero h1{
    font-size:34px;
    letter-spacing:3px;
    line-height:1.2;
  }

  .hero h2{
    font-size:15px;
    letter-spacing:1px;
  }

  .hero .sub{
    font-size:14px;
    margin-top:6px;
  }

  .hero .btns{
  margin-top:20px;
  gap:10px;
  justify-content:center;
}

  .hero .btn-outline{
  width:auto;
  padding:10px 18px;
  display:inline-flex;
}

  /* LOGO (samo mobilni) */
  @media (max-width:520px){
  .nav-logo img{
    height:64px;
    filter: brightness(1.55) contrast(1.15) saturate(1.1);
    -webkit-filter: brightness(1.55) contrast(1.15) saturate(1.1);
  }
}

  /* SLOGAN (samo mobilni) */
  .ink-signature text{
    text-shadow: 0 0 2px rgba(200,169,106,.12);
  }

  /* opciono: malo veći slogan na telefonu */
  .ink-signature text{
    font-size:74px;
  }

}

@media (max-width:520px){
  /* SLOGAN: ukloni SVG blur filter na mobilnom */
  .ink-signature text{
    filter: none !important;
    text-shadow: 0 0 2px rgba(200,169,106,.12) !important;
  }
}