/* ─── TOKENS ─── */
:root{
  --white:#ffffff;
  --off:#f7f9fc;
  --light:#e8edf4;
  --mid:#8a97a8;
  --dark:#3a4a5c;
  --ink:#1a2535;
  --gold:#1e6fa8;
  --gold2:#3a9fd6;
  --nav-h:72px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',sans-serif;
  font-weight:300;
  background:var(--white);
  color:var(--ink);
  overflow-x:hidden;
  cursor:default;
}
img{display:block;object-fit:cover;}
button,a{font-family:inherit;cursor:pointer;text-decoration:none;color:inherit;border:none;background:none;}

/* ─── HERO SLIDER ─── */
#hero{
  height:100vh;min-height:600px;
  position:relative;overflow:hidden;
}
.sl-track{
  position:absolute;inset:0;
  display:flex;transition:none;
}
.sl-slide{
  position:absolute;inset:0;
  opacity:0;transition:opacity .9s ease;
  pointer-events:none;
}
.sl-slide.active{opacity:1;pointer-events:all;}
.sl-bg{
  position:absolute;inset:0;
  background:#1a2535;
}
.sl-bg img{
  width:100%;height:100%;object-fit:cover;
  opacity:.55;
}

.sl-grad{
  position:absolute;inset:0;z-index:3;
  background:linear-gradient(to top,rgba(10,18,30,.85) 0%,rgba(10,18,30,.15) 55%,transparent 100%);
}
.sl-content{
  position:absolute;bottom:0;left:0;right:0;z-index:4;
  padding:0 80px 90px;
  max-width:860px;
}
.sl-tag{
  font-size:11px;letter-spacing:4px;text-transform:uppercase;
  color:#3a9fd6;margin-bottom:20px;
  display:flex;align-items:center;gap:14px;
  opacity:0;transform:translateY(16px);
  transition:opacity .6s ease .2s,transform .6s ease .2s;
}
.sl-slide.active .sl-tag{opacity:1;transform:none;}
.sl-tag::before{content:'';display:block;width:32px;height:1px;background:#3a9fd6;}
.sl-h1{
  font-family:'Cormorant',serif;
  font-size:clamp(50px,7.5vw,100px);
  font-weight:300;line-height:.95;
  color:#fff;letter-spacing:-1px;margin-bottom:28px;
  opacity:0;transform:translateY(24px);
  transition:opacity .7s ease .35s,transform .7s ease .35s;
}
.sl-slide.active .sl-h1{opacity:1;transform:none;}
.sl-h1 em{font-style:italic;color:var(--gold2);}
.sl-sub{
  font-size:15px;color:rgba(255,255,255,.6);
  line-height:1.8;max-width:460px;margin-bottom:36px;
  font-weight:300;
  opacity:0;transform:translateY(20px);
  transition:opacity .7s ease .5s,transform .7s ease .5s;
}
.sl-slide.active .sl-sub{opacity:1;transform:none;}
.sl-btns{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  opacity:0;transform:translateY(16px);
  transition:opacity .6s ease .65s,transform .6s ease .65s;
}
.sl-slide.active .sl-btns{opacity:1;transform:none;}
/* arrows */
.sl-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  z-index:10;
  width:52px;height:52px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);
  color:#fff;font-size:20px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .25s;
  backdrop-filter:blur(4px);
}
.sl-arrow:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.5);}
.sl-arrow.left{left:32px;}
.sl-arrow.right{right:32px;}
/* dots */
.sl-dots{
  position:absolute;bottom:28px;left:50%;transform:translateX(-50%);
  z-index:10;display:flex;gap:10px;align-items:center;
}
.sl-dot{
  width:6px;height:6px;border-radius:50%;
  background:rgba(255,255,255,.3);border:none;cursor:pointer;
  transition:all .3s;
}
.sl-dot.on{background:#fff;width:22px;border-radius:3px;}
/* progress bar */
.sl-progress{
  position:absolute;top:0;left:0;height:2px;
  background:#3a9fd6;z-index:10;
  width:0%;transition:width linear;
}
/* scroll indicator */
.hero-scroll{
  position:absolute;bottom:36px;right:60px;z-index:10;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  color:rgba(255,255,255,.4);
  font-size:9px;letter-spacing:2.5px;text-transform:uppercase;
}
.hero-scroll-line{
  width:1px;height:50px;
  background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);
  animation:scrollPulse 2s ease-in-out infinite;
}
@keyframes scrollPulse{0%,100%{opacity:.4}50%{opacity:1}}
/* slide count badge */
.sl-count{
  position:absolute;top:50%;right:32px;transform:translateY(-50%);
  z-index:10;writing-mode:vertical-rl;
  font-size:10px;letter-spacing:3px;
  color:rgba(255,255,255,.35);text-transform:uppercase;
  display:flex;align-items:center;gap:10px;
}
.sl-count-sep{width:30px;height:1px;background:rgba(255,255,255,.2);transform:rotate(90deg);}

/* ─── NAV ─── */
#nav{
  position:fixed;top:0;left:0;right:0;z-index:800;
  height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 48px;
  transition:background .4s,border-color .4s,backdrop-filter .4s;
}
#nav.solid{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--light);
  backdrop-filter:blur(12px);
}
#nav.hero-top{
  background:transparent;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.nav-logo{
  font-family:'Cormorant',serif;
  font-size:22px;font-weight:500;letter-spacing:4px;
  color:var(--white);text-transform:uppercase;
  transition:color .3s;
  display:flex;align-items:center;gap:10px;
}
#nav.solid .nav-logo{color:var(--ink);}
.nav-logo-icon{
  width:28px;height:28px;
  border:1.5px solid currentColor;
  position:relative;display:inline-flex;flex-shrink:0;
}
.nav-logo-icon::before{
  content:'';position:absolute;
  top:4px;left:50%;transform:translateX(-50%);
  width:8px;height:11px;
  border:1.5px solid currentColor;
  border-bottom:none;border-radius:4px 4px 0 0;
}
.nav-logo-icon::after{
  content:'';position:absolute;
  bottom:3px;left:50%;transform:translateX(-50%);
  width:14px;height:8px;
  border:1.5px solid currentColor;
}
.nav-center{
  display:flex;align-items:center;gap:0;
}
.nav-item{
  position:relative;
}
.nav-item>button{
  font-size:12px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(255,255,255,.85);padding:0 20px;height:var(--nav-h);
  display:flex;align-items:center;gap:5px;
  transition:color .25s;
}
#nav.solid .nav-item>button{color:var(--dark);}
.nav-item>button:hover,#nav.solid .nav-item>button:hover{color:var(--gold);}
.nav-caret{
  width:0;height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:4px solid currentColor;
  transition:transform .2s;
  margin-top:1px;
}
.nav-item.open>.nav-caret,.nav-item:hover .nav-caret{transform:rotate(180deg);}
/* mega dropdown */
.mega{
  position:fixed;top:var(--nav-h);left:0;right:0;
  background:var(--white);
  border-top:2px solid var(--gold);
  border-bottom:1px solid var(--light);
  display:none;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  box-shadow:0 20px 60px rgba(0,0,0,.1);
  z-index:799;
}
.nav-item:hover .mega{display:grid;}
.mega-col{
  padding:36px 32px;
  border-right:1px solid var(--light);
}
.mega-col:last-child{border-right:none;}
.mega-col-title{
  font-size:10px;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--gold);margin-bottom:18px;
  padding-bottom:10px;border-bottom:1px solid var(--light);
}
.mega-link{
  display:block;font-size:13px;color:var(--dark);
  padding:6px 0;transition:color .2s, padding-left .2s;
  letter-spacing:.3px;
}
.mega-link:hover{color:var(--gold);padding-left:6px;}
/* right nav */
.nav-right{display:flex;align-items:center;gap:20px;}
.nav-contact{
  font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,.9);
  padding:9px 22px;
  border:1px solid rgba(255,255,255,.35);
  transition:all .25s;
}
#nav.solid .nav-contact{
  color:var(--ink);border-color:var(--light);
}
.nav-contact:hover{
  background:var(--gold);border-color:var(--gold);color:var(--white)!important;
}
.hamburger{
  display:none;flex-direction:column;gap:5px;padding:6px;
}
.hamburger span{
  display:block;width:22px;height:1.5px;
  background:var(--white);transition:all .3s;
}
#nav.solid .hamburger span{background:var(--ink);}

/* ─── HERO ─── */
#hero{
  height:100vh;min-height:600px;
  position:relative;overflow:hidden;
  display:flex;align-items:flex-end;
}
.hero-media{
  position:absolute;inset:0;
  background:var(--ink);
}
.hero-media-img{
  width:100%;height:100%;
  object-fit:cover;opacity:.55;
  transition:opacity 1s;
}
.hero-media-img.loaded{opacity:.55;}
/* fallback gradient when no image */
.hero-grad{
  position:absolute;inset:0;
  background:linear-gradient(135deg,#1a2535 0%,#1e3050 40%,#1a2535 100%);
}
.hero-grid-overlay{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(30,111,168,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(30,111,168,.05) 1px,transparent 1px);
  background-size:70px 70px;
}
.hero-vignette{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,18,30,.85) 0%,rgba(10,18,30,.2) 50%,transparent 100%);
}
.hero-content{
  position:relative;z-index:2;
  padding:0 80px 80px;
  max-width:900px;
}
.hero-tag{
  font-size:11px;letter-spacing:4px;text-transform:uppercase;
  color:var(--gold);margin-bottom:24px;
  display:flex;align-items:center;gap:14px;
}
.hero-tag::before{content:'';display:block;width:40px;height:1px;background:var(--gold);}
.hero-h1{
  font-family:'Cormorant',serif;
  font-size:clamp(56px,8vw,110px);
  font-weight:300;line-height:.95;
  color:var(--white);
  letter-spacing:-1px;margin-bottom:32px;
}
.hero-h1 em{font-style:italic;color:var(--gold2);}
.hero-sub{
  font-size:15px;color:rgba(255,255,255,.65);
  line-height:1.8;max-width:480px;margin-bottom:40px;
  font-weight:300;letter-spacing:.3px;
}
.hero-btns{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.btn-primary{
  display:inline-block;
  background:var(--gold);color:var(--white);
  padding:15px 36px;
  font-size:11px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;
  transition:background .25s;
}
.btn-primary:hover{background:#3a9fd6;}
.btn-ghost-white{
  display:inline-block;
  color:rgba(255,255,255,.8);
  padding:15px 0;
  font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;
  border-bottom:1px solid rgba(255,255,255,.3);
  transition:all .25s;
}
.btn-ghost-white:hover{color:var(--white);border-color:var(--white);}
.hero-scroll{
  position:absolute;bottom:36px;right:60px;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  color:rgba(255,255,255,.4);
  font-size:9px;letter-spacing:2.5px;text-transform:uppercase;
}
.hero-scroll-line{
  width:1px;height:50px;
  background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);
  animation:scrollPulse 2s ease-in-out infinite;
}
@keyframes scrollPulse{0%,100%{opacity:.4}50%{opacity:1}}

/* ─── SECTION COMMONS ─── */
.section{padding:100px 80px;}
.eyebrow{
  font-size:10px;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold);
  display:flex;align-items:center;gap:12px;margin-bottom:16px;
}
.eyebrow::before{content:'';display:block;width:28px;height:1px;background:var(--gold);}
.h2{
  font-family:'Cormorant',serif;
  font-size:clamp(34px,4.5vw,60px);font-weight:300;line-height:1.05;
  color:var(--ink);margin-bottom:16px;letter-spacing:-.5px;
}
.h2 em{font-style:italic;color:var(--gold);}
.lead{font-size:15px;color:var(--mid);line-height:1.8;max-width:500px;}

/* ─── INTRO STRIP ─── */
#intro{
  background:#1a2535;
  display:flex;align-items:center;
  padding:40px 80px;gap:80px;
  border-top:3px solid #1e6fa8;
}
.intro-stat{text-align:center;flex:1;}
.intro-stat-n{
  font-family:'Cormorant',serif;
  font-size:52px;font-weight:300;color:var(--white);line-height:1;
}
.intro-stat-l{
  font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,.5);margin-top:6px;
}
.intro-divider{width:1px;height:60px;background:rgba(255,255,255,.1);}

/* ─── TICKER ─── */
.ticker-wrap{overflow:hidden;background:#e8edf4;padding:14px 0;border-top:1px solid rgba(0,0,0,.06);}
.ticker{display:flex;width:max-content;animation:tick 32s linear infinite;}
.ticker-item{
  font-size:11px;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--mid);padding:0 28px;white-space:nowrap;
  display:flex;align-items:center;gap:28px;
}
.ticker-gem{color:var(--gold);font-size:8px;}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ─── PRODUCTS ─── */
#produktet{background:var(--white);}
.prod-header{
  display:flex;align-items:flex-end;justify-content:space-between;
  margin-bottom:60px;gap:40px;flex-wrap:wrap;
}
.prod-view-all{
  font-size:11px;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold);border-bottom:1px solid var(--gold);
  padding-bottom:2px;transition:color .25s;flex-shrink:0;
  align-self:flex-end;
}
.prod-view-all:hover{color:var(--dark);}

/* BENTO grid inspired by Panda */
.prod-bento{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-template-rows:auto;
  gap:16px;
}
.pb-card{
  position:relative;overflow:hidden;
  background:var(--off);
  transition:box-shadow .3s;
}
.pb-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.1);}
/* layout */
.pb-1{grid-column:1/7;grid-row:1/2;}/* large left */
.pb-2{grid-column:7/13;grid-row:1/2;}/* large right */
.pb-3{grid-column:1/5;grid-row:2/3;}/* small */
.pb-4{grid-column:5/9;grid-row:2/3;}/* small */
.pb-5{grid-column:9/13;grid-row:2/3;}/* small */

.pb-img{
  width:100%;height:340px;
  overflow:hidden;position:relative;
  background:var(--light);
}
.pb-1 .pb-img,.pb-2 .pb-img{height:420px;}
.pb-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;display:block;}
.pb-card:hover .pb-img img{transform:scale(1.04);}
/* upload placeholder */




.pb-upload-zone:hover 

.pb-upload-zone:hover 

.pb-img.has-img 



.pb-body{padding:24px 28px;}
.pb-tag{
  font-size:9px;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--gold);margin-bottom:8px;
}
.pb-name{
  font-family:'Cormorant',serif;
  font-size:22px;font-weight:400;color:var(--ink);margin-bottom:6px;
}
.pb-desc{font-size:13px;color:var(--mid);line-height:1.7;}
.pb-arrow{
  display:inline-flex;align-items:center;gap:8px;margin-top:14px;
  font-size:11px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--gold);transition:gap .25s;
}
.pb-card:hover .pb-arrow{gap:14px;}

/* ─── CATALOGUE SECTION ─── */
#katalogu{
  background:#1a2535;
  padding:0;
  display:grid;grid-template-columns:1fr 1fr;
  min-height:520px;
}
.cat-left-panel{
  padding:80px;
  display:flex;flex-direction:column;justify-content:center;
}
.cat-left-panel .eyebrow{color:var(--gold2);}
.cat-left-panel .eyebrow::before{background:#3a9fd6;}
.cat-left-panel .h2{color:var(--white);}
.cat-left-panel .lead{color:var(--mid);}
.cat-open-big{
  display:inline-flex;align-items:center;gap:16px;
  margin-top:36px;
  background:var(--gold);color:var(--white);
  padding:16px 36px;
  font-size:11px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;
  transition:background .25s;align-self:flex-start;
}
.cat-open-big:hover{background:#3a9fd6;}
.cat-open-big svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;}
.cat-right-panel{
  position:relative;overflow:hidden;
  background:var(--dark);
  min-height:400px;
}
.cat-right-panel-img{
  width:100%;height:100%;object-fit:cover;opacity:.4;
}
.cat-right-panel-overlay{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
}
.cat-page-count{
  font-family:'Cormorant',serif;
  font-size:120px;font-weight:300;
  color:rgba(255,255,255,.06);
  line-height:1;user-select:none;
}

/* ─── CATALOGUE MODAL ─── */
#catModal{
  display:none;position:fixed;inset:0;z-index:9000;
  background:rgba(26,37,53,.97);
  align-items:center;justify-content:center;
}
#catModal.open{display:flex;}
.csh{/* cat shell */
  width:min(94vw,1080px);
  height:min(88vh,760px);
  display:flex;flex-direction:column;
  position:relative;
}
.c-close{
  position:absolute;top:-44px;right:0;
  color:rgba(255,255,255,.5);
  font-size:11px;letter-spacing:2px;text-transform:uppercase;
  display:flex;align-items:center;gap:8px;
  transition:color .2s;
}
.c-close:hover{color:var(--white);}
.c-close svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;}
/* page viewer */
.c-viewer{
  flex:1;overflow:hidden;position:relative;
  background:var(--white);
  border-top:2px solid var(--gold);
}
.c-page{
  position:absolute;inset:0;
  overflow-y:auto;overflow-x:hidden;
  opacity:0;pointer-events:none;
  transform:translateX(48px);
  transition:opacity .35s ease,transform .35s ease;
  -webkit-overflow-scrolling:touch;
}
.c-page.on{opacity:1;pointer-events:all;transform:translateX(0);}
.c-page.out-l{opacity:0;transform:translateX(-48px);}
.c-page.out-r{opacity:0;transform:translateX(48px);}
/* bottom bar */
.c-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 0 0;gap:12px;flex-wrap:wrap;
}
.c-btn{
  display:flex;align-items:center;gap:8px;
  padding:10px 22px;
  border:1px solid rgba(255,255,255,.2);
  color:rgba(255,255,255,.55);
  font-size:11px;letter-spacing:1.5px;text-transform:uppercase;
  transition:all .25s;
}
.c-btn:hover:not(:disabled){border-color:var(--gold2);color:var(--gold2);}
.c-btn:disabled{opacity:.25;cursor:not-allowed;}
.c-dots{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;}
.c-dot{
  width:6px;height:6px;border-radius:50%;
  background:rgba(255,255,255,.2);border:none;
  transition:all .25s;cursor:pointer;
}
.c-dot.on{background:#3a9fd6;width:18px;border-radius:3px;}
.c-info{
  font-family:'Cormorant',serif;
  font-size:15px;color:rgba(255,255,255,.4);
  white-space:nowrap;
}
/* thumbnail strip */
.c-thumbs{
  display:flex;gap:6px;
  padding:10px 0 0;overflow-x:auto;
  scrollbar-width:none;
}
.c-thumbs::-webkit-scrollbar{display:none;}
.c-thumb{
  flex:0 0 80px;height:50px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .2s;
  font-size:9px;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(255,255,255,.3);text-align:center;padding:4px;
}
.c-thumb.on{border-color:var(--gold);color:var(--gold);}
.c-thumb:hover{border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.6);}

/* ─── CATALOGUE INNER PAGES ─── */
.cp{padding:0;min-height:100%;}
/* cover */
.cp-cover{
  min-height:min(88vh,760px);
  background:var(--ink);
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  text-align:center;padding:60px 40px;
  position:relative;overflow:hidden;
}
.cp-cover-bg{
  position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(30,111,168,.15) 0%,transparent 70%);
}
.cp-cover-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(196,163,90,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(196,163,90,.03) 1px,transparent 1px);
  background-size:60px 60px;
}
.cp-cover-logo{
  font-family:'Cormorant',serif;
  font-size:clamp(52px,9vw,100px);
  font-weight:300;letter-spacing:10px;
  color:var(--white);position:relative;z-index:1;
  margin-bottom:8px;
}
.cp-cover-logo span{color:var(--gold);}
.cp-cover-tag{
  font-size:10px;letter-spacing:4px;text-transform:uppercase;
  color:var(--mid);position:relative;z-index:1;margin-bottom:4px;
}
.cp-cover-line{
  width:48px;height:1px;background:var(--gold);
  margin:18px auto;position:relative;z-index:1;
}
.cp-cover-sub{
  font-family:'Cormorant',serif;font-size:clamp(16px,2vw,22px);
  font-style:italic;color:#3a9fd6;
  position:relative;z-index:1;
}
.cp-cover-web{
  margin-top:40px;font-size:10px;letter-spacing:3px;
  color:rgba(255,255,255,.25);text-transform:uppercase;
  position:relative;z-index:1;
}
/* contents */
.cp-inner{padding:48px 56px;}
@media(max-width:640px){.cp-inner{padding:28px 22px;}}
.cp-h2{
  font-family:'Cormorant',serif;
  font-size:clamp(24px,3.5vw,40px);font-weight:300;
  color:var(--ink);margin-bottom:4px;letter-spacing:-.3px;
}
.cp-h2 em{font-style:italic;color:var(--gold);}
.cp-eye{
  font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);
  display:flex;align-items:center;gap:10px;margin-bottom:14px;
}
.cp-eye::before{content:'';display:block;width:20px;height:1px;background:var(--gold);}
.cp-divider{width:100%;height:1px;background:var(--light);margin:28px 0;}
/* toc */
.cp-toc-row{
  display:flex;align-items:baseline;justify-content:space-between;
  padding:14px 0;border-bottom:1px solid var(--light);
  cursor:pointer;transition:padding-left .2s;
}
.cp-toc-row:hover{padding-left:8px;}
.cp-toc-name{
  font-family:'Cormorant',serif;
  font-size:20px;font-weight:300;color:var(--ink);transition:color .2s;
}
.cp-toc-row:hover .cp-toc-name{color:var(--gold);}
.cp-toc-dots{flex:1;margin:0 14px;border-bottom:1px dotted var(--light);transform:translateY(-4px);}
.cp-toc-n{font-size:13px;color:var(--mid);font-family:'Cormorant',serif;}
/* product row */
.cp-row{
  display:grid;grid-template-columns:220px 1fr;
  gap:28px;padding:28px 0;border-bottom:1px solid var(--light);
  align-items:start;
}
.cp-row:last-child{border-bottom:none;}
@media(max-width:560px){.cp-row{grid-template-columns:1fr;}}
/* product image in catalogue — uploadable */
.cp-img{
  position:relative;overflow:hidden;
  background:var(--light);
}
.cp-img-aspect{aspect-ratio:3/4;position:relative;}
.cp-img img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;
}






.cp-img-lbl{
  position:absolute;bottom:0;left:0;right:0;
  background:rgba(26,22,18,.85);
  padding:7px 12px;font-size:9px;letter-spacing:2px;
  text-transform:uppercase;color:var(--gold);text-align:center;
}
.cp-prod-name{
  font-family:'Cormorant',serif;
  font-size:24px;font-weight:300;color:var(--ink);margin-bottom:4px;
}
.cp-prod-model{
  font-size:9px;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--gold);margin-bottom:14px;
}
.cp-prod-desc{font-size:13px;color:var(--mid);line-height:1.8;margin-bottom:14px;}
.cp-specs{list-style:none;display:flex;flex-direction:column;gap:6px;}
.cp-spec{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--dark);}
.cp-spec::before{
  content:'';display:block;width:3px;height:3px;
  background:var(--gold);border-radius:50%;flex-shrink:0;margin-top:6px;
}
/* spec grid */
.cp-sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:18px 0;}
.cp-sb{background:var(--off);padding:14px 16px;border-left:2px solid var(--gold);}
.cp-sb-k{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--mid);margin-bottom:5px;}
.cp-sb-v{font-family:'Cormorant',serif;font-size:22px;color:var(--ink);}
/* card grid */
.cp-cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:18px;}
.cp-card{padding:18px;background:var(--off);border-top:2px solid var(--gold);}
.cp-card-t{font-family:'Cormorant',serif;font-size:16px;color:var(--ink);margin-bottom:6px;}
.cp-card-d{font-size:12px;color:var(--mid);line-height:1.6;}
/* color chips */
.cp-colors{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;}
.cp-chip{display:flex;flex-direction:column;align-items:center;gap:7px;}
.cp-swatch{width:40px;height:40px;border-radius:50%;border:2px solid var(--light);}
.cp-cname{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mid);text-align:center;max-width:52px;}
/* partner grid */
.cp-pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:2px;margin-top:20px;}
.cp-p{
  background:var(--off);padding:26px 18px;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  transition:background .2s;
}
.cp-p:hover{background:var(--light);}
.cp-p-n{font-family:'Cormorant',serif;font-size:18px;font-weight:400;color:var(--ink);}
.cp-p-r{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--mid);text-align:center;}
.cp-p-line{width:20px;height:1px;background:var(--gold);}
.cp-note{
  font-size:13px;color:var(--dark);line-height:1.8;
  border-left:2px solid var(--gold);
  padding:14px 18px;background:var(--off);margin:18px 0;
}
.cp-closing{text-align:center;padding:40px 0;}
.cp-cq{
  font-family:'Cormorant',serif;font-style:italic;
  font-size:clamp(18px,2.5vw,28px);color:var(--ink);
  margin-bottom:10px;line-height:1.4;
}
.cp-cs{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);}

/* ─── SERVICES ─── */
#sherbimet{background:var(--off);}
.srv-g{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--light);
  border:1px solid var(--light);margin-top:56px;
}
.srv{background:var(--white);padding:40px 32px;transition:background .3s;}
.srv:hover{background:var(--off);}
.srv-ic{
  width:44px;height:44px;border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;margin-bottom:20px;
}
.srv-ic svg{width:20px;height:20px;stroke:var(--gold);fill:none;stroke-width:1.5;}
.srv-n{font-family:'Cormorant',serif;font-size:18px;font-weight:400;color:var(--ink);margin-bottom:8px;}
.srv-d{font-size:13px;color:var(--mid);line-height:1.7;}

/* ─── ABOUT ─── */
#rreth{
  display:grid;grid-template-columns:1fr 1fr;
  min-height:600px;
}
.ab-media{position:relative;overflow:hidden;background:var(--light);min-height:500px;}
.ab-media img{width:100%;height:100%;object-fit:cover;}
/* upload for about section */






.ab-media.has-img 


.ab-badge{
  position:absolute;top:40px;right:0;
  background:#1e6fa8;padding:20px 24px;
}
.ab-badge-n{
  font-family:'Cormorant',serif;
  font-size:44px;font-weight:300;color:var(--white);line-height:1;display:block;
}
.ab-badge-l{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.8);}
.ab-body{padding:80px 72px;display:flex;flex-direction:column;justify-content:center;background:var(--white);}
.ab-txt{font-size:15px;color:var(--mid);line-height:1.9;margin-bottom:20px;}
.ab-feats{display:grid;grid-template-columns:1fr 1fr;gap:18px 36px;margin-top:32px;}
.ab-f{padding-top:14px;border-top:1px solid var(--light);}
.ab-f-t{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:3px;}
.ab-f-d{font-size:12px;color:var(--mid);line-height:1.5;}

/* ─── PARTNERS ─── */
#partners{
  background:#1a2535;padding:52px 80px;
  display:flex;align-items:center;gap:60px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.06);
}
.pt-lbl{
  font-size:10px;letter-spacing:3px;text-transform:uppercase;
  color:var(--mid);white-space:nowrap;flex-shrink:0;
}
.pt-logos{display:flex;align-items:center;gap:36px;flex-wrap:wrap;}
.pt-logo{
  font-family:'Cormorant',serif;
  font-size:15px;letter-spacing:2.5px;font-weight:400;
  color:rgba(255,255,255,.28);text-transform:uppercase;
  transition:color .25s;
}
.pt-logo:hover{color:var(--gold2);}

/* ─── CONTACT ─── */
#kontakti{background:var(--white);}
.k-g{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;margin-top:56px;align-items:start;}
.k-info{display:flex;flex-direction:column;gap:24px;}
.k-item{display:flex;align-items:flex-start;gap:14px;}
.k-ico{
  width:38px;height:38px;flex-shrink:0;
  border:1px solid var(--light);
  display:flex;align-items:center;justify-content:center;
}
.k-ico svg{width:16px;height:16px;stroke:var(--gold);fill:none;stroke-width:1.5;}
.k-lbl{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--mid);margin-bottom:3px;}
.k-val{font-size:14px;color:var(--ink);line-height:1.5;}
.k-form{display:flex;flex-direction:column;gap:13px;}
.k-fl{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--mid);margin-bottom:4px;}
.k-in,.k-ta{
  width:100%;background:var(--off);
  border:1.5px solid var(--light);
  color:var(--ink);padding:12px 16px;
  font-family:'Inter',sans-serif;font-size:14px;font-weight:300;
  outline:none;transition:border-color .25s;
}
.k-in:focus,.k-ta:focus{border-color:var(--gold);}
.k-ta{height:100px;resize:none;}
.k-sub{
  background:var(--ink);color:var(--white);
  padding:14px;font-family:'Inter',sans-serif;
  font-size:11px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;
  cursor:pointer;transition:background .25s;margin-top:4px;
}
.k-sub:hover{background:var(--gold);}

/* ─── FOOTER ─── */
footer{
  background:#1a2535;padding:36px 80px;
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.05);
}
.ft-logo{
  font-family:'Cormorant',serif;font-size:18px;font-weight:400;
  letter-spacing:4px;color:var(--white);text-transform:uppercase;
}
.ft-logo span{color:var(--gold);}
.ft-copy{font-size:11px;color:rgba(255,255,255,.25);}
.ft-soc{display:flex;gap:8px;}
.ft-s{
  width:34px;height:34px;
  border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;color:rgba(255,255,255,.35);
  text-decoration:none;transition:all .25s;
  font-family:'Cormorant',serif;letter-spacing:0;
}
.ft-s:hover{border-color:var(--gold);color:var(--gold);}

/* ─── MOBILE MENU ─── */
#mmenu{
  display:none;position:fixed;inset:0;z-index:750;
  background:var(--white);padding:80px 40px 40px;
  flex-direction:column;gap:28px;
}
#mmenu.open{display:flex;}
#mmenu a{
  font-family:'Cormorant',serif;font-size:32px;font-weight:300;
  color:var(--ink);transition:color .2s;
}
#mmenu a:hover{color:var(--gold);}

/* ─── REVEAL ─── */
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.rv.in{opacity:1;transform:none;}
.rv.d1{transition-delay:.1s;}.rv.d2{transition-delay:.2s;}.rv.d3{transition-delay:.3s;}

/* ─── RESPONSIVE ─── */
@media(max-width:1100px){
  .pb-bento{grid-template-columns:repeat(6,1fr);}
  .pb-1{grid-column:1/4;}.pb-2{grid-column:4/7;}
  .pb-3{grid-column:1/3;}.pb-4{grid-column:3/5;}.pb-5{grid-column:5/7;}
}
@media(max-width:900px){
  .section{padding:70px 40px;}
  #intro{padding:32px 40px;gap:40px;flex-wrap:wrap;}
  .prod-bento{display:flex;flex-direction:column;}
  #katalogu{grid-template-columns:1fr;}
  .cat-right-panel{display:none;}
  #rreth{grid-template-columns:1fr;}
  .ab-body{padding:60px 40px;}
  .k-g{grid-template-columns:1fr;gap:48px;}
  .srv-g{grid-template-columns:1fr 1fr;}
  #partners{padding:40px;}
  footer{padding:28px 40px;}
  #nav{padding:0 24px;}
  .hero-content{padding:0 40px 60px;}
  .nav-center{display:none;}
  .hamburger{display:flex;}
}
@media(max-width:600px){
  .section{padding:60px 24px;}
  .hero-content{padding:0 24px 48px;}
  .srv-g{grid-template-columns:1fr;}
  .ab-feats{grid-template-columns:1fr;}
  .intro-stat-n{font-size:36px;}
  #intro{gap:20px;}
  .cat-left-panel{padding:50px 28px;}
  .ab-body{padding:48px 24px;}
  #partners{padding:32px 24px;gap:28px;}
  footer{padding:24px;}
  .cp-cg{grid-template-columns:1fr 1fr;}
  .c-thumbs{display:none;}
}