:root{
  --brand:#0b6b8e; --brand-2:#0e8fb3; --ink:#0b1a22; --muted:#6b7a85;
  --bg:#fff; --bg-soft:#f6f9fb; --ring:rgba(11,107,142,.25); --radius:16px;
}
/* Keep styles scoped to header/footer to avoid clobbering Kadence content */
.dp-header{border-bottom:1px solid #e8edf1; background:#fff; color:var(--ink); position:relative; z-index:20}
.dp-header a{color:inherit; text-decoration:none}
.dp-header a:hover{text-decoration:underline}
.dp-header .container{width:min(1200px,92vw); margin:0 auto}
.dp-topstrip{background:var(--brand); color:#fff; font:600 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.dp-topstrip .wrap{display:flex; gap:.5rem; align-items:center; justify-content:center; padding:.55rem 0}
.dp-topstrip .left{font-weight:800}
.dp-topstrip .count{opacity:.95}
.dp-topbar{font:600 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#3a4a55; background:#f6f9fb; border-bottom:1px solid #e8edf1}
.dp-topbar .wrap{display:flex; gap:16px; align-items:center; justify-content:flex-end; padding:8px 0}
.dp-main{display:grid; grid-template-columns:auto 1fr auto; gap:16px; align-items:center; padding:14px 0}

.dp-brand .brand-link{display:flex; align-items:center; gap:10px; text-decoration:none}
.dp-brand img{height:40px; width:auto}
.dp-brand .brand-text{font-weight:900; font-size:20px; letter-spacing:.2px; color:var(--ink)}
@media (max-width:980px){ .dp-brand .brand-text{display:none} }

.dp-primary{justify-self:center}
.dp-menu{display:flex; gap:24px; list-style:none; margin:0; padding:0; position:relative}
.dp-menu > li{position:relative}
.dp-menu > li > a,
.dp-menu > li > button{font-weight:800; color:var(--ink); text-decoration:none; background:none; border:0; cursor:pointer; padding:.4rem 0}
.submenu{position:absolute; left:0; top:100%; min-width:280px; background:#fff; border:1px solid #e8edf1; border-radius:12px; box-shadow:0 16px 32px rgba(0,0,0,.10); padding:8px; display:none}
.submenu a{display:block; padding:8px 10px; border-radius:10px; color:#0b1a22; text-decoration:none; font-weight:700}
.submenu a:hover{background:#f6f9fb}
.has-sub:focus-within .submenu,
.has-sub:hover .submenu{display:block}

.dp-actions{display:flex; gap:10px; align-items:center}
.dp-search{position:relative; min-width:280px; max-width:420px; flex:1}
.dp-search form{display:flex; align-items:center; gap:8px; background:#fff; border:1px solid #e8edf1; border-radius:12px; padding:6px 8px; box-shadow:0 4px 10px rgba(0,0,0,.04)}
.dp-search input[type="search"]{flex:1; border:0; outline:none; font:600 15px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; padding:.5rem .4rem}
.dp-search button{border:0; background:var(--brand); color:#fff; padding:.6rem .9rem; border-radius:10px; font-weight:800; cursor:pointer}
.dp-search .icon{font-size:18px}
.dp-sugg{position:absolute; top:100%; left:0; right:0; background:#fff; border:1px solid #e8edf1; border-top:0; border-radius:0 0 12px 12px; box-shadow:0 10px 22px rgba(0,0,0,.08); overflow:hidden; display:none; max-height:260px; overflow:auto}
.dp-sugg button{display:flex; width:100%; text-align:left; gap:10px; align-items:center; padding:10px 12px; border:0; background:#fff; cursor:pointer; font-weight:700; color:#0b1a22}
.dp-sugg button:hover,.dp-sugg button[aria-selected="true"]{background:#f6f9fb}
.dp-cta{display:inline-flex; align-items:center; padding:.7rem 1rem; border-radius:12px; background:var(--brand); color:#fff; font-weight:800; text-decoration:none; box-shadow:0 6px 16px rgba(11,107,142,.20)}
.dp-cart{position:relative; text-decoration:none; color:var(--ink); font-weight:800; padding:.4rem .55rem; border:1px solid #e8edf1; border-radius:10px}
.dp-cart-count{position:absolute; top:-8px; right:-10px; font:700 12px/1 system-ui; background:var(--brand-2); color:#fff; border-radius:999px; padding:2px 6px}
.dp-burger{display:none; background:#fff; border:1px solid #e8edf1; border-radius:10px; padding:.5rem .7rem; font-size:20px}
.dp-mobile{display:none}

@media (max-width:1100px){
  .dp-search{min-width:200px}
}
@media (max-width:980px){
  .dp-main{grid-template-columns:auto auto auto}
  .dp-primary{display:none}
  .dp-burger{display:inline-block}
  .dp-actions{gap:8px}
  .dp-search{display:none}
  .dp-mobile{display:block; border-top:1px solid #e8edf1; padding:10px 0}
  .dp-mobile .dp-menu{display:grid; gap:12px; list-style:none; margin:0; padding:0}
  .dp-mobile details{border:1px solid #e8edf1; border-radius:12px; padding:8px}
  .dp-mobile summary{font-weight:800; cursor:pointer; outline:none}
  .dp-mobile .submenu a{display:block; padding:8px 10px; border-radius:10px}
  .dp-mobile .submenu{position:static; border:0; box-shadow:none; padding:0; display:block}
}

/* Footer (teal) */
.dp-footer{border-top:0; background:#0b6b8e; color:#ffffff}
.dp-foot-wrap{width:min(1200px,92vw); margin:0 auto; padding:28px 0}
.dp-cols{display:grid; grid-template-columns:2fr 1fr 1fr 2fr; gap:18px}
.dp-foot h4{margin:0 0 8px; font-size:16px; color:#fff}
.dp-foot ul{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.dp-foot a{text-decoration:none; color:#ffffff}
.dp-foot a:hover{text-decoration:underline; color:#ffffff}
.dp-social{display:flex; gap:10px; align-items:center}
.dp-copy{border-top:1px solid rgba(255,255,255,.25); margin-top:16px; padding-top:14px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; font-size:13px; color:rgba(255,255,255,.9)}
.dp-net{max-height:140px; overflow:auto; border:1px solid rgba(255,255,255,.25); border-radius:12px; padding:10px; background:rgba(255,255,255,.03)}
.dp-foot .note{ color:#e9f6fb; }

@media (max-width:900px){
  .dp-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .dp-cols{grid-template-columns:1fr}
}