/* DDALSHOP header v2 — prototype geometry, scoped to this header only. */
.ddal-h-clearance { height: 100px; pointer-events: none; }
.ddal-h-clearance-hero { height: 0; }
@media (max-width:1180px) { .ddal-h-clearance { height: 138px; } }
body #header.ddal-floating-v2 {
  --ddal-h-admin: 0px;
  --ddal-h-ink: #17212e;
  --ddal-h-glass: rgba(27,34,44,.10);
  position: fixed; inset: var(--ddal-h-admin) 0 auto;
  width: 100%; height: 100px; min-height: 0; margin: 0;
  background: transparent; box-shadow: none; z-index: 1005;
  isolation: isolate; pointer-events: none;
}
body.admin-bar #header.ddal-floating-v2 { --ddal-h-admin: 32px; }
#header.ddal-floating-v2 .header-wrapper {
  position: static; width: 100%; height: 100%; background: transparent;
  box-shadow: none; transform: none; animation: none;
}
#header.ddal-floating-v2::before, #header.ddal-floating-v2::after { content: none; }
#header.ddal-floating-v2 .ddal-h-root {
  position: relative; height: 100%; color: var(--ddal-h-ink);
  font-family: Poppins,Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
#header.ddal-floating-v2 .ddal-h-inner {
  height: 100%; max-width: 1920px; margin: 0 auto;
  padding: 0 clamp(20px,3.8vw,70px); display: grid;
  grid-template-columns: minmax(165px,190px) minmax(500px,1fr) auto;
  align-items: center; column-gap: clamp(16px,2vw,38px);
}
#header.ddal-floating-v2 :is(.ddal-h-brand,.ddal-h-nav,.ddal-h-search,.ddal-h-account,.ddal-h-cart-desktop,.ddal-h-cart-mobile,.ddal-h-mobile-toggle,.ddal-h-mobile-panel) { pointer-events: auto; }
#header.ddal-floating-v2 :is(a,button,input):focus-visible { outline: 3px solid #348bcc; outline-offset: 3px; }
#header.ddal-floating-v2 :is(button,input) { font-family: inherit; }
#header.ddal-floating-v2 .ddal-h-brand { width: max-content; max-width: 100%; min-width: 0; }
#header.ddal-floating-v2 .ddal-h-brand a { display: block; }
#header.ddal-floating-v2 .ddal-h-brand :is(img.header_logo,img.header-logo-dark) {
  display: block; width: clamp(152px,12.6vw,190px); max-width: 100%;
  height: auto; max-height: none; object-fit: contain;
  filter: drop-shadow(0 0 2px rgba(255,255,255,.9));
}
#header.ddal-floating-v2 .ddal-h-brand img.header-logo-dark { display: none; }
#header.ddal-floating-v2 .ddal-h-nav {
  justify-self: center; border: 1px solid rgba(36,47,60,.13); border-radius: 80px;
  background: var(--ddal-h-glass); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 7px 30px rgba(33,42,56,.09);
}
#header.ddal-floating-v2 .ddal-h-menu { list-style: none; margin: 0; padding: 4px; }
#header.ddal-floating-v2 .ddal-h-nav > .ddal-h-menu { display: flex; align-items: center; gap: 4px; min-height: 50px; white-space: nowrap; }
#header.ddal-floating-v2 .ddal-h-menu li { list-style: none; margin: 0; padding: 0; position: relative; }
#header.ddal-floating-v2 .ddal-h-nav > .ddal-h-menu > li > :is(a,button) {
  height: 42px; min-height: 0; display: inline-flex; justify-content: center; align-items: center; gap: 5px;
  color: #151d28; padding: 0 clamp(8px,.78vw,14px); margin: 0;
  border: 0; border-radius: 80px; background: transparent; box-shadow: none;
  font-size: clamp(10px,.76vw,13px); font-weight: 650; letter-spacing: .01em;
  line-height: 1.2; text-transform: uppercase; cursor: pointer;
  transition: background .18s,color .18s;
}
#header.ddal-floating-v2 .ddal-h-nav > .ddal-h-menu > li > :is(a,button):hover,
#header.ddal-floating-v2 .ddal-h-nav .ddal-h-disclosure[aria-expanded="true"] { background: rgba(26,37,52,.10); }
#header.ddal-floating-v2 .ddal-h-icon { display: block; flex: 0 0 auto; width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#header.ddal-floating-v2 .ddal-h-disclosure .ddal-h-icon { width: 13px; height: 13px; stroke-width: 2; }
#header.ddal-floating-v2 .ddal-h-menu .sub-menu {
  display: none; position: absolute; top: calc(100% + 13px); left: 0;
  min-width: 270px; max-height: min(65vh,600px); overflow: auto; padding: 9px; margin: 0;
  background: #171a1e; border: 1px solid rgba(255,255,255,.15); border-radius: 16px;
  box-shadow: 0 18px 40px #0006; z-index: 5;
}
#header.ddal-floating-v2 .ddal-h-menu .ddal-h-open > .sub-menu { display: grid; gap: 3px; }
#header.ddal-floating-v2 .ddal-h-menu .sub-menu :is(a,button) {
  display: flex; align-items: center; width: 100%; color: #f8fafc;
  margin: 0; padding: 10px 12px; border: 0; border-radius: 9px;
  background: transparent; font-size: 12px; font-weight: 400; line-height: 1.5;
  text-align: left; text-transform: none; white-space: normal;
}
#header.ddal-floating-v2 .ddal-h-menu .sub-menu :is(a,button):hover { background: #34383e; }
#header.ddal-floating-v2 .ddal-h-menu .sub-menu .sub-menu { position: static; max-height: none; min-width: 0; box-shadow: none; border: 0; }
#header.ddal-floating-v2 .ddal-h-actions { display: flex; align-items: center; justify-content: flex-end; gap: clamp(13px,1.4vw,25px); min-width: 0; }
#header.ddal-floating-v2 .ddal-h-search {
  display: flex; align-items: center; gap: 11px; position: relative;
  border-radius: 100px; background: rgba(20,32,49,.07); border: 1px solid rgba(20,32,49,.11);
  height: 48px; margin: 0; padding: 0 16px; color: #202836;
  min-width: 165px; width: clamp(175px,14vw,255px); overflow: visible;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  transition: border-color .2s,background .2s;
}
#header.ddal-floating-v2 .ddal-h-search:focus-within { border-color: #65768c; background: rgba(250,252,255,.96); }
#header.ddal-floating-v2 .ddal-h-search input.search-field {
  color: #202836; width: 100%; min-width: 0; height: 100%; min-height: 0;
  background: transparent; border: 0; border-radius: 0; margin: 0; padding: 0;
  font-size: 12px; line-height: 1.5; box-shadow: none;
}
#header.ddal-floating-v2 .ddal-h-search input::placeholder { color: #606b78; opacity: 1; }
#header.ddal-floating-v2 .ddal-h-search-submit {
  display: grid; place-items: center; flex: 0 0 24px; width: 24px; min-width: 0;
  height: 44px; min-height: 0; padding: 0; margin: 0; border: 0; background: transparent;
  color: inherit; box-shadow: none; line-height: 1; border-radius: 0;
}
#header.ddal-floating-v2 .ddal-h-search .live-search-results { position: absolute; top: calc(100% + 9px); left: 0; right: 0; z-index: 20; }
#header.ddal-floating-v2 .ddal-h-search .autocomplete-suggestions {
  width: max(100%,300px); max-width: calc(100vw - 32px); max-height: 60vh;
  overflow: auto; border-radius: 14px; background: #fff; color: #17212e;
  border: 1px solid #d9e0e7; box-shadow: 0 18px 40px #14202b30;
}
#header.ddal-floating-v2 .ddal-h-divider { width: 1px; height: 41px; flex: 0 0 1px; background: rgba(24,36,52,.26); }
#header.ddal-floating-v2 :is(.ddal-h-account,.ddal-h-cart-desktop,.ddal-h-cart-mobile) { display: flex; flex-wrap: nowrap; width: auto; list-style: none; margin: 0; padding: 0; }
#header.ddal-floating-v2 :is(.ddal-h-account,.ddal-h-cart-desktop,.ddal-h-cart-mobile) > li { margin: 0; }
#header.ddal-floating-v2 .ddal-h-account .account-item > a {
  display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0;
  color: #17212e; white-space: nowrap; font-size: 12px; font-weight: 700; letter-spacing: .01em; text-transform: uppercase;
}
#header.ddal-floating-v2 .ddal-h-account .account-item > a::before {
  content: ''; width: 21px; height: 21px; background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M4.5 21v-1.6c0-4 3.2-6.4 7.5-6.4s7.5 2.4 7.5 6.4V21H4.5Z' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") center/contain no-repeat;
}
#header.ddal-floating-v2 .ddal-h-account .account-item > a::after { content: ''; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin: -3px 2px 0 3px; }
#header.ddal-floating-v2 .ddal-h-account .account-item > a > i { display: none; }
#header.ddal-floating-v2 .header-cart-link {
  border-radius: 100px; background: #edff00; width: 60px; height: 49px;
  display: inline-flex; align-items: center; justify-content: center; padding: 0;
  color: #111; position: relative; transition: transform .2s,filter .2s;
}
#header.ddal-floating-v2 .header-cart-link:hover { transform: translateY(-2px); filter: brightness(1.06); }
#header.ddal-floating-v2 .header-cart-title { display: none; }
#header.ddal-floating-v2 .cart-icon { display: block; width: 23px; height: 23px; margin: 0; position: static; }
#header.ddal-floating-v2 .cart-icon::before {
  content: ''; display: block; width: 23px; height: 23px; background: #111;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='20' r='1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='19' cy='20' r='1' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M2 3h2l2.5 12.2h12l2.1-9H5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
#header.ddal-floating-v2 .cart-icon strong {
  position: absolute; right: -5px; top: -6px; min-width: 19px; width: auto; height: 19px;
  display: grid; place-items: center; padding: 0 4px; margin: 0; background: #f7f7f7;
  color: #111; font-size: 10px; line-height: 1; border: 1px solid #272727; border-radius: 30px; font-weight: 700;
}
#header.ddal-floating-v2 .cart-icon strong::after { content: none; }
#header.ddal-floating-v2 :is(.ddal-h-cart-desktop,.ddal-h-account) .nav-dropdown {
  top: calc(100% + 13px); left: auto; right: 0; border-radius: 16px;
  border: 1px solid #dce2e8; box-shadow: 0 18px 40px #0003;
  max-height: calc(100dvh - 125px - var(--ddal-h-admin)); overflow: auto;
}
#header.ddal-floating-v2 :is(.ddal-h-cart-desktop,.ddal-h-account) .has-dropdown::before,
#header.ddal-floating-v2 :is(.ddal-h-cart-desktop,.ddal-h-account) .has-dropdown::after { content: none; }
#header.ddal-floating-v2 :is(.ddal-h-mobile-toggle,.ddal-h-mobile-panel,.ddal-h-mobile-search,.ddal-h-cart-mobile) { display: none; }
#header.ddal-floating-v2.ddal-h-scrolled { --ddal-h-glass: rgba(238,242,247,.85); }
body.home #header.ddal-floating-v2 :is(.ddal-h-search,.ddal-h-account .account-item > a),
#header.ddal-floating-v2.ddal-h-scrolled :is(.ddal-h-search,.ddal-h-account .account-item > a,.ddal-h-mobile-toggle) { background: rgba(248,250,253,.9); }
body.home #header.ddal-floating-v2 .ddal-h-account .account-item > a,
#header.ddal-floating-v2.ddal-h-scrolled .ddal-h-account .account-item > a { border-radius: 100px; box-shadow: 0 0 0 7px rgba(248,250,253,.9); }

/* The existing contact hero is dark. Only header surfaces change with its edge. */
#header.ddal-floating-v2.ddal-h-on-dark .ddal-h-brand img.header_logo { display: none; }
/* Flatsome hides this native variant with !important. Match only that rule. */
#header.ddal-floating-v2.ddal-h-on-dark .ddal-h-brand img.header-logo-dark { display: block !important; filter: none; }
#header.ddal-floating-v2.ddal-h-on-dark .ddal-h-nav { background: rgba(255,255,255,.35); border-color: rgba(255,255,255,.19); box-shadow: inset 0 1px 0 #ffffff1a; }
#header.ddal-floating-v2.ddal-h-on-dark .ddal-h-nav > .ddal-h-menu > li > :is(a,button),
#header.ddal-floating-v2.ddal-h-on-dark .ddal-h-account .account-item > a { color: #fff; }
#header.ddal-floating-v2.ddal-h-on-dark .ddal-h-account .account-item > a { background: transparent; box-shadow: none; }
#header.ddal-floating-v2.ddal-h-on-dark .ddal-h-root .ddal-h-search { background: rgba(27,32,39,.55); border-color: rgba(255,255,255,.2); color: #fff; }
#header.ddal-floating-v2.ddal-h-on-dark .ddal-h-search input { color: #fff; }
#header.ddal-floating-v2.ddal-h-on-dark .ddal-h-search input::placeholder { color: #d9dde5; }
#header.ddal-floating-v2.ddal-h-on-dark .ddal-h-divider { background: rgba(255,255,255,.3); }
#header.ddal-floating-v2.ddal-h-on-dark .ddal-h-mobile-toggle { color: #fff; background: rgba(27,32,39,.35); border-color: rgba(255,255,255,.4); }

@media (max-width:1510px) {
  #header.ddal-floating-v2 .ddal-h-inner { grid-template-columns: 160px minmax(490px,1fr) auto; column-gap: 14px; padding-inline: clamp(15px,2vw,30px); }
  #header.ddal-floating-v2 .ddal-h-brand :is(img.header_logo,img.header-logo-dark) { width: 160px; }
  #header.ddal-floating-v2 .ddal-h-nav > .ddal-h-menu > li > :is(a,button) { padding-inline: 8px; font-size: 11px; }
  #header.ddal-floating-v2 .ddal-h-actions { gap: 12px; }
  #header.ddal-floating-v2 .ddal-h-search { width: 180px; padding-inline: 11px; }
  #header.ddal-floating-v2 .ddal-h-account .account-item > a { font-size: 11px; gap: 5px; }
  #header.ddal-floating-v2 .header-cart-link { width: 55px; }
}
@media (max-width:1180px) {
  body #header.ddal-floating-v2 { height: 138px; }
  #header.ddal-floating-v2 .ddal-h-inner { height: 78px; grid-template-columns: auto 1fr auto; gap: 12px; padding: 0 22px; }
  #header.ddal-floating-v2 .ddal-h-brand { grid-column: 1; }
  #header.ddal-floating-v2 :is(.ddal-h-nav,.ddal-h-desktop-search,.ddal-h-divider,.ddal-h-account,.ddal-h-cart-desktop) { display: none; }
  #header.ddal-floating-v2 .ddal-h-actions { grid-column: 3; gap: 13px; }
  #header.ddal-floating-v2 .ddal-h-cart-mobile { display: flex; }
  #header.ddal-floating-v2 .ddal-h-mobile-toggle {
    grid-column: 2; justify-self: end; display: inline-flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,.15); color: #17212e; border: 1px solid rgba(24,36,52,.3);
    width: 46px; height: 44px; min-height: 0; margin: 0; padding: 0; border-radius: 12px; line-height: 1; cursor: pointer;
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  }
  #header.ddal-floating-v2 .ddal-h-mobile-search { display: block; margin: 0 22px 16px; }
  #header.ddal-floating-v2 .ddal-h-mobile-search .ddal-h-search { width: 100%; min-width: 0; height: 44px; background: rgba(246,249,253,.85); }
  #header.ddal-floating-v2 .ddal-h-mobile-search input.search-field { font-size: 16px; }
  #header.ddal-floating-v2 .ddal-h-mobile-panel:not([hidden]) {
    display: block; position: absolute; left: 15px; right: 15px; top: 74px; padding: 9px;
    max-height: calc(100dvh - 90px - var(--ddal-h-admin)); overflow-y: auto; overscroll-behavior: contain;
    background: #14161a; border: 1px solid #35393f; border-radius: 16px; box-shadow: 0 20px 45px #0008; z-index: 30;
  }
  #header.ddal-floating-v2 .ddal-h-mobile-panel .ddal-h-menu { padding: 0; }
  #header.ddal-floating-v2 .ddal-h-mobile-panel :is(a,button) {
    display: flex; align-items: center; gap: 8px; color: #fff; font-size: 14px; font-weight: 400;
    line-height: 1.5; padding: 12px 14px; margin: 0; min-height: 44px; width: 100%;
    border: 0; background: transparent; border-radius: 10px; text-align: left; text-transform: none;
  }
  #header.ddal-floating-v2 .ddal-h-mobile-panel :is(a,button):hover { background: #34383e; }
  #header.ddal-floating-v2 .ddal-h-mobile-panel .sub-menu { position: static; min-width: 0; max-height: none; border: 0; box-shadow: none; padding: 0 0 0 12px; background: #1e2229; }
}
@media (max-width:782px) { body.admin-bar #header.ddal-floating-v2 { --ddal-h-admin: 46px; } }
@media (max-width:610px) {
  #header.ddal-floating-v2 .ddal-h-inner { padding: 0 16px; }
  #header.ddal-floating-v2 .ddal-h-brand :is(img.header_logo,img.header-logo-dark) { width: 155px; }
  #header.ddal-floating-v2 .header-cart-link { width: 50px; height: 46px; }
  #header.ddal-floating-v2 .ddal-h-actions { gap: 9px; }
  #header.ddal-floating-v2 .ddal-h-mobile-search { margin-inline: 16px; }
}
@media (prefers-reduced-motion:reduce) {
  #header.ddal-floating-v2 :is(a,button,input) { transition: none; animation: none; }
}