/* Shared desktop mega menu and mobile shop navigation */
.site-header{z-index:1050!important;overflow:visible!important}
.nav-wrap{position:relative}
.mega-main-nav{position:static!important;gap:clamp(18px,2vw,34px)!important}
.mega-main-nav>a,.mega-trigger{position:relative;padding:38px 0 32px;border:0;background:transparent;color:var(--deep-blue,#062F55);font:600 .82rem/1 "Cormorant Garamond",Georgia,serif;text-transform:none;letter-spacing:.04em;white-space:nowrap;cursor:pointer}
.mega-main-nav>a:after,.mega-trigger:after{content:"";position:absolute;left:50%;bottom:22px;width:0;height:1px;background:var(--gold,#B5985C);transform:translateX(-50%);transition:width .25s ease}
.mega-main-nav>a:hover:after,.mega-main-nav>a.active:after,.mega-nav-item.is-open .mega-trigger:after{width:52px}
.mega-trigger span{display:inline-block;margin-left:5px;color:var(--gold,#B5985C);font-size:.9rem;transition:transform .2s ease}
.mega-nav-item.is-open .mega-trigger span{transform:rotate(180deg)}
.mega-nav-item{position:static;display:flex;align-items:center}
.mega-menu{position:absolute;top:100%;left:50%;width:min(1180px,calc(100vw - 40px));transform:translate(-50%,12px);background:#fffdf8;border-top:3px solid var(--gold,#B5985C);box-shadow:0 22px 55px rgba(5,25,45,.22);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1080}
.mega-nav-item.is-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.mega-menu__inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.12fr;gap:0;padding:28px 30px 30px}
.mega-column{padding:5px 24px 20px 0;min-width:0}
.mega-column h3{margin:0 0 11px;color:var(--deep-blue,#062F55);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.03rem;font-weight:700;text-transform:none;letter-spacing:.035em}
.mega-column a{display:block;padding:4px 0;color:#59616b;font-family:"Lora",Georgia,serif;font-size:.77rem;line-height:1.38;text-decoration:none;transition:color .18s ease,padding-left .18s ease}
.mega-menu a::first-letter{text-transform:uppercase}
.mega-column a:hover{color:var(--gold-dark,#96793C);padding-left:4px}
.mega-count{color:#9aa3ad;font-size:.7rem;margin-left:3px}
.mega-column .mega-more{display:inline-block;margin-top:4px;color:var(--deep-blue,#062F55);font-weight:600;border-bottom:1px solid rgba(181,152,92,.6)}
.mega-feature{grid-column:5;grid-row:1/span 2;align-self:stretch;min-height:250px;margin-left:4px;padding:25px 24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,rgba(6,47,85,.97),rgba(11,58,103,.9)),url('../slike/hero.jpg') center/cover;color:#fff}
.mega-feature__cross{color:var(--light-gold,#C9B47E);font-size:2rem;margin-bottom:auto}
.mega-feature p{margin:0 0 5px;color:var(--light-gold,#C9B47E);font-size:.68rem;text-transform:none;letter-spacing:.12em}
.mega-feature h3{margin:0 0 15px;color:#fff;font-size:1.42rem;line-height:1.12}
.mega-feature a{align-self:flex-start;color:#fff;text-decoration:none;border-bottom:1px solid var(--gold,#B5985C);font-size:.78rem;padding-bottom:4px}
.mega-feature a span{color:var(--light-gold,#C9B47E);font-size:1.15rem}
.mega-page-overlay{position:fixed;inset:0;background:rgba(8,16,24,.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease;z-index:1040}
body.mega-open .mega-page-overlay{opacity:1;visibility:visible;pointer-events:auto}
body.mega-open{overflow:hidden}
body.mega-open .brand,
body.mega-open .main-nav>a,
body.mega-open .header-actions,
body.mega-open .menu-toggle{opacity:.35;pointer-events:none;transition:opacity .2s ease}
.header-actions .action-icon{flex:0 0 auto}
.mobile-shop-menu{background:#062F55!important;max-width:340px!important;color:#fff}
.mobile-shop-menu .offcanvas-header{min-height:70px;border-bottom:1px solid rgba(255,255,255,.14)}
.mobile-brand{color:#C9B47E;text-decoration:none;font:700 1.25rem/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.04em}.mobile-brand span{font-size:1.5rem;margin-right:5px}
.mobile-main-nav>a,.mobile-accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border:0;border-bottom:1px solid rgba(255,255,255,.11);background:transparent;color:#fff;text-decoration:none;text-align:left;font:600 .94rem/1.2 "Cormorant Garamond",Georgia,serif;text-transform:none;letter-spacing:.045em}
.mobile-accordion-toggle{cursor:pointer}.mobile-toggle-icon{color:#C9B47E;font-size:1.35rem;line-height:1}.mobile-shop-categories{display:none;background:rgba(0,0,0,.13)}.mobile-shop-categories.is-open{display:block}
.mobile-shop-categories details{border-bottom:1px solid rgba(255,255,255,.09)}.mobile-shop-categories summary{position:relative;padding:13px 22px;color:#C9B47E;cursor:pointer;font:600 .88rem/1.2 "Cormorant Garamond",Georgia,serif;text-transform:none;list-style:none}.mobile-shop-categories summary::-webkit-details-marker{display:none}.mobile-shop-categories summary:after{content:"+";position:absolute;right:22px}.mobile-shop-categories details[open] summary:after{content:"−"}.mobile-shop-categories details div{padding:0 22px 10px 34px}.mobile-shop-categories details a{display:block;padding:7px 0;color:rgba(255,255,255,.82);font-size:.78rem;text-decoration:none}
.mobile-utility-links{display:flex;gap:0;padding:18px 16px}.mobile-utility-links a{flex:1;color:#C9B47E;text-decoration:none;text-align:center;font-size:.72rem;border-right:1px solid rgba(255,255,255,.14)}.mobile-utility-links a:last-child{border-right:0}
@media(max-width:1199.98px){.mega-menu__inner{grid-template-columns:repeat(4,minmax(0,1fr));padding:24px}.mega-feature{display:none}.mega-column{padding-right:18px}}
@media(max-width:991.98px){.mega-main-nav{display:none!important}.mega-page-overlay{display:none}.site-header{z-index:1020!important}.header-actions .search{display:none}.nav-wrap{min-height:76px}}
@media(min-width:992px){.mobile-shop-menu{display:none!important}}

.mega-nav-item.shop-current .mega-trigger:after{width:52px}


/* Mega menu hierarchy: root categories are prominent; child links are smaller and indented. */
.mega-main-nav > a,
.mega-trigger {
  text-transform: none;
  letter-spacing: .025em;
}
.mega-column h3 {
  margin-bottom: 10px;
  font-size: 1.12rem;
  font-weight: 700;
  text-transform: none;
  letter-spacing: .015em;
}
.mega-column a {
  padding: 4px 0 4px 12px;
  font-size: .76rem;
  font-weight: 400;
  line-height: 1.45;
}
.mega-column a:hover { padding-left: 16px; }
.mega-column .mega-more {
  margin-left: 12px;
  padding-left: 0;
  font-size: .74rem;
  font-weight: 600;
}
.mobile-main-nav > a,
.mobile-accordion-toggle,
.mobile-shop-categories summary { text-transform: none; }
.mobile-shop-categories details div { padding-left: 38px; }

/* ==========================================================
   UNIFORM SITE HEADER — final visual alignment
   Applies to every page because mega-menu.css is loaded last.
   ========================================================== */
.topbar {
  background: #eef0f2 !important;
  color: #0b3a67 !important;
  border-bottom: 1px solid rgba(11, 58, 103, .08);
  font-family: "Lora", Georgia, serif !important;
  font-size: .7rem !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
}
.topbar__inner {
  min-height: 32px !important;
  justify-content: flex-end !important;
}
.topbar__links a {
  color: #0b3a67 !important;
  font-family: "Lora", Georgia, serif !important;
  font-size: .7rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.topbar__links a:hover { color: #96793C !important; }
.topbar__links a + a::before { background: rgba(11, 58, 103, .2) !important; }

.site-header {
  background: rgba(250, 248, 242, .985) !important;
  border-bottom: 1px solid rgba(11, 58, 103, .10) !important;
  box-shadow: 0 2px 12px rgba(6, 47, 85, .035);
}
.nav-wrap {
  min-height: 102px;
  display: grid !important;
  grid-template-columns: minmax(250px, 1fr) auto minmax(250px, 1fr);
  align-items: center;
  column-gap: 28px;
}
.brand {
  justify-self: start;
  gap: 12px !important;
  color: #0b3a67 !important;
}
.brand__mark {
  color: #B5985C !important;
  font-size: 3.15rem !important;
}
.brand__text strong {
  color: #0b3a67 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(1.45rem, 1.8vw, 1.8rem) !important;
  font-weight: 700 !important;
  line-height: .95 !important;
  letter-spacing: .025em !important;
}
.brand__text > span {
  margin-top: 8px !important;
  color: #6a6a6a !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: .76rem !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
}
.brand__text i { width: 34px !important; background: #B5985C !important; }

.mega-main-nav {
  justify-self: center;
  gap: clamp(22px, 2.2vw, 38px) !important;
}
.mega-main-nav > a,
.mega-trigger {
  padding: 39px 0 33px !important;
  color: #062f55 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: .86rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .025em !important;
  text-transform: none !important;
}
.header-actions { justify-self: end; }
.header-actions .search { min-width: 180px; }

/* Mega-menu typography hierarchy. Root categories stay prominent;
   all child categories are lowercase, smaller and indented. */
.mega-column h3 {
  color: #062f55 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 1.13rem !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
}
.mega-column a,
.mega-column .mega-more {
  color: #59616b !important;
  font-family: "Lora", Georgia, serif !important;
  font-size: .76rem !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  padding-left: 13px !important;
  text-transform: lowercase !important;
}
.mega-column a:hover { color: #96793C !important; padding-left: 17px !important; }
.mega-column .mega-more {
  color: #062f55 !important;
  font-weight: 600 !important;
  margin-left: 0 !important;
}
.mobile-shop-categories details a {
  font-family: "Lora", Georgia, serif !important;
  text-transform: lowercase !important;
}

@media (max-width: 1199.98px) {
  .nav-wrap { grid-template-columns: minmax(220px, 1fr) auto minmax(210px, 1fr); column-gap: 18px; }
  .mega-main-nav { gap: 20px !important; }
  .mega-main-nav > a, .mega-trigger { font-size: .8rem !important; }
  .header-actions .search { min-width: 150px; }
}
@media (max-width: 991.98px) {
  .nav-wrap {
    min-height: 78px !important;
    display: flex !important;
    justify-content: space-between;
  }
  .brand__mark { font-size: 2.45rem !important; }
  .brand__text strong { font-size: 1.3rem !important; }
  .brand__text > span { font-size: .68rem !important; }
}
@media (max-width: 575.98px) {
  .topbar__inner { min-height: 30px !important; justify-content: center !important; }
  .topbar__links a { font-size: .66rem !important; padding-inline: 8px !important; }
  .brand__mark { font-size: 2rem !important; }
  .brand__text strong { font-size: 1.08rem !important; }
  .brand__text > span { display: none !important; }
}

/* ==========================================================
   MAIN HEADER NAVIGATION — reference typography correction
   Main navigation uses larger uppercase labels, matching the
   supplied visual reference. Mega-menu child links remain
   lowercase and visually subordinate.
   ========================================================== */
@media (min-width: 992px) {
  .mega-main-nav > a,
  .mega-trigger {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: .98rem !important;
    font-weight: 700 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
  }
}


/* Brand lockup alignment and stable active navigation typography */
.brand__text { display:flex !important; flex-direction:column; align-items:center; text-align:center; }
.brand__text > span { justify-content:center !important; width:100%; }
.mega-main-nav > a.active,
.mega-main-nav > a:hover,
.mega-trigger:hover,
.mega-nav-item.is-open .mega-trigger { font-weight:700 !important; }