.headerSearch{position:relative!important}.dkGlobalSearch{position:absolute;z-index:10050;top:calc(100% + 10px);left:0;width:min(680px,78vw);max-height:min(70vh,620px);overflow:auto;background:#fff;border:1px solid #e5d9d2;border-radius:18px;box-shadow:0 18px 55px rgba(52,30,20,.18);padding:10px;display:none}.dkGlobalSearch.open{display:block}.dkSearchHead{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 10px;color:#6f5c52;font-size:12px}.dkSearchHead b{color:#2f211b;font-size:13px}.dkSearchItem{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;text-decoration:none;color:#2c211c;padding:10px;border-radius:12px}.dkSearchItem:hover,.dkSearchItem:focus{background:#faf5f1;outline:none}.dkSearchThumb{width:48px;height:48px;border-radius:10px;background:#f5f0ec;border:1px solid #eee3dc;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#8a654f;font-weight:800;font-size:12px}.dkSearchThumb img{width:100%;height:100%;object-fit:contain}.dkSearchText{min-width:0}.dkSearchText strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.dkSearchText small{display:block;color:#85766f;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.dkSearchType{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#98502d;background:#fff3eb;border-radius:999px;padding:5px 8px}.dkSearchEmpty{padding:22px 14px;text-align:center;color:#776961}.dkSearchLoading{padding:18px;text-align:center;color:#776961}@media(max-width:760px){.dkGlobalSearch{position:fixed;left:12px;right:12px;top:96px;width:auto;max-height:calc(100vh - 180px);border-radius:16px}.dkSearchItem{grid-template-columns:42px minmax(0,1fr)}.dkSearchThumb{width:42px;height:42px}.dkSearchType{display:none}.dkSearchText strong{white-space:normal;line-height:1.25}}

/* v53 mobile header/search layout fix */
@media (max-width:760px){
  .storeHeader{overflow:visible!important}
  .headerMain{
    box-sizing:border-box!important;
    grid-template-columns:52px minmax(0,1fr) 132px!important;
    align-items:center!important;
    gap:8px!important;
    height:138px!important;
    padding:0 12px 58px!important;
    position:relative!important;
  }
  .headerMenu{
    width:44px!important;
    height:44px!important;
    padding:0!important;
    place-items:center!important;
    justify-self:start!important;
  }
  .brandLogo{
    justify-self:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .brandLogo>img{
    width:min(var(--mobile-logo-width,150px),100%)!important;
    max-width:150px!important;
    height:48px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .quickLinks{
    justify-self:end!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    gap:2px!important;
    justify-content:flex-end!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .quickLinks .languageSelector,
  .quickLinks .mobileAccountTrigger,
  .quickLinks>button{
    box-sizing:border-box!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:44px!important;
    padding:0!important;
    margin:0!important;
    justify-content:center!important;
    place-items:center!important;
  }
  .quickLinks svg{width:24px!important;height:24px!important}
  .quickLinks i{top:-2px!important;right:-3px!important}
  .headerSearch{
    box-sizing:border-box!important;
    position:absolute!important;
    top:82px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    border:1px solid #dedbd9!important;
    border-radius:24px!important;
    background:#fff!important;
    padding:0 12px 0 16px!important;
    gap:8px!important;
    z-index:40!important;
  }
  .headerSearch input{
    min-width:0!important;
    width:100%!important;
    height:44px!important;
    font-size:.86rem!important;
    padding:0!important;
  }
  .headerSearch>svg{flex:0 0 20px!important;width:20px!important;height:20px!important}
  .headerSearch>.voiceSearch{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    padding-left:10px!important;
  }
  .headerSearch>.voiceSearch svg{width:20px!important;height:20px!important}
  .hero{margin-top:0!important}
  .dkGlobalSearch{
    top:136px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 215px)!important;
  }
}

@media (max-width:390px){
  .headerMain{
    grid-template-columns:46px minmax(0,1fr) 120px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .quickLinks{width:120px!important;min-width:120px!important;max-width:120px!important}
  .quickLinks .languageSelector,
  .quickLinks .mobileAccountTrigger,
  .quickLinks>button{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important}
  .brandLogo>img{max-width:132px!important}
  .headerSearch{left:8px!important;right:8px!important}
  .dkGlobalSearch{left:8px!important;right:8px!important}
}

/* v95: mobile search on every storefront page + admin mobile logo dimensions */
@media (max-width:760px){
  .headerMain.noMobileSearch,
  .headerMain{
    height:138px!important;
    padding-bottom:58px!important;
  }
  .headerMain.noMobileSearch .headerSearch,
  .headerMain .headerSearch{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .brandLogo{
    overflow:visible!important;
  }
  .brandLogo>img{
    width:var(--mobile-logo-width,150px)!important;
    height:var(--mobile-logo-height,48px)!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
  }
}
@media (max-width:390px){
  .brandLogo>img{
    width:var(--mobile-logo-width,132px)!important;
    height:var(--mobile-logo-height,48px)!important;
    max-width:none!important;
  }
}

/* v98: single stable mobile storefront header on every public page */
@media (max-width:760px){
  .storeHeader{
    overflow:visible!important;
    height:auto!important;
    min-height:0!important;
  }
  .storeHeader .headerMain,
  .storeHeader .headerMain.noMobileSearch{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 128px!important;
    grid-template-rows:minmax(58px,auto) 46px!important;
    grid-template-areas:"menu logo quick" "search search search"!important;
    align-items:center!important;
    column-gap:8px!important;
    row-gap:7px!important;
    width:100%!important;
    height:auto!important;
    min-height:119px!important;
    padding:7px 10px 8px!important;
    position:relative!important;
    overflow:visible!important;
  }
  .storeHeader .headerMenu{
    grid-area:menu!important;
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    justify-self:start!important;
    align-self:center!important;
    width:42px!important;height:42px!important;min-width:42px!important;
    margin:0!important;padding:0!important;
  }
  .storeHeader .brandLogo{
    grid-area:logo!important;
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    justify-self:center!important;
    align-self:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    overflow:visible!important;
    display:flex!important;
    justify-content:center!important;
  }
  .storeHeader .brandLogo>img{
    display:block!important;
    width:min(var(--mobile-logo-width,150px),100%)!important;
    max-width:min(150px,100%)!important;
    height:min(var(--mobile-logo-height,48px),64px)!important;
    max-height:64px!important;
    min-width:0!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0 auto!important;
  }
  .storeHeader .quickLinks{
    grid-area:quick!important;
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    justify-self:end!important;
    align-self:center!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:2px!important;
    width:128px!important;
    min-width:128px!important;
    max-width:128px!important;
    height:44px!important;
    margin:0!important;
    overflow:visible!important;
  }
  .storeHeader .quickLinks .languageSelector,
  .storeHeader .quickLinks .mobileAccountTrigger,
  .storeHeader .quickLinks>button{
    flex:0 0 40px!important;
    width:40px!important;min-width:40px!important;max-width:40px!important;
    height:42px!important;min-height:42px!important;
    margin:0!important;padding:0!important;
    justify-content:center!important;
  }
  .storeHeader .headerSearch,
  .storeHeader .headerMain.noMobileSearch .headerSearch{
    grid-area:search!important;
    box-sizing:border-box!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    align-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    height:46px!important;min-height:46px!important;max-height:46px!important;
    margin:0!important;
    padding:0 10px 0 15px!important;
    border:1px solid #dedbd9!important;
    border-radius:23px!important;
    background:#fff!important;
    gap:7px!important;
    z-index:50!important;
  }
  .storeHeader .headerSearch input{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    height:44px!important;
    padding:0!important;
    margin:0!important;
    font-size:.86rem!important;
  }
  .storeHeader .headerSearch>.voiceSearch{
    flex:0 0 34px!important;width:34px!important;height:34px!important;
    margin:0!important;padding:0 0 0 9px!important;
  }
  .storeHeader .headerSearch .dkGlobalSearch{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;right:0!important;
    width:100%!important;
    max-width:none!important;
    max-height:calc(100dvh - 190px)!important;
    margin:0!important;
    z-index:2147483000!important;
  }
  .storeHeader + .homeSlider{margin-top:0!important}
}
@media (max-width:390px){
  .storeHeader .headerMain,
  .storeHeader .headerMain.noMobileSearch{
    grid-template-columns:44px minmax(0,1fr) 116px!important;
    column-gap:5px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .storeHeader .quickLinks{width:116px!important;min-width:116px!important;max-width:116px!important}
  .storeHeader .quickLinks .languageSelector,
  .storeHeader .quickLinks .mobileAccountTrigger,
  .storeHeader .quickLinks>button{flex-basis:37px!important;width:37px!important;min-width:37px!important;max-width:37px!important}
  .storeHeader .brandLogo>img{max-width:min(126px,100%)!important}
}

/* v102 - Desktop header compact layout */
@media (min-width:1100px){
  .storeHeader .headerMain{
    grid-template-columns:250px minmax(560px,1fr) auto!important;
    gap:18px!important;
    height:96px!important;
    padding-left:clamp(24px,5vw,96px)!important;
    padding-right:clamp(24px,5vw,96px)!important;
  }
  .storeHeader .headerSearch{
    width:100%!important;
    max-width:none!important;
    height:54px!important;
    max-height:54px!important;
    min-height:54px!important;
    border-radius:6px!important;
    padding:0 20px!important;
    gap:12px!important;
  }
  .storeHeader .headerSearch input{
    font-size:.98rem!important;
  }
  .storeHeader .headerSearch>svg,
  .storeHeader .headerSearch>.voiceSearch svg{
    width:22px!important;
    height:22px!important;
  }
  .storeHeader .quickLinks{
    gap:16px!important;
  }
  .storeHeader .quickLinks a,
  .storeHeader .quickLinks button{
    gap:7px!important;
    padding:6px 0!important;
    font-size:.82rem!important;
  }
  .storeHeader .quickLinks svg{
    width:22px!important;
    height:22px!important;
  }
  .storeHeader .languageSelector{
    min-width:104px!important;
    height:38px!important;
    border-radius:6px!important;
    gap:5px!important;
    padding:0 8px!important;
  }
  .storeHeader .languageSelector>svg{
    width:18px!important;
    height:18px!important;
  }
  .storeHeader .languageSelectorText,
  .storeHeader .languageSelector select{
    font-size:.7rem!important;
  }
  .storeHeader .languageSelector select{
    max-width:76px!important;
  }
}

/* v104 - Desktop header responsive stability */
@media (min-width:1100px) and (max-width:1279px){
  .storeHeader .headerMain{
    grid-template-columns:190px minmax(350px,1fr) auto!important;
    gap:11px!important;
    height:92px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .storeHeader .brandLogo{min-width:0!important;overflow:hidden!important}
  .storeHeader .brandLogo>img{max-width:185px!important;max-height:64px!important;object-fit:contain!important}
  .storeHeader .headerSearch{height:50px!important;min-height:50px!important;max-height:50px!important;padding:0 14px!important;gap:9px!important}
  .storeHeader .headerSearch input{font-size:.9rem!important;min-width:0!important}
  .storeHeader .quickLinks{gap:9px!important;min-width:0!important;white-space:nowrap!important}
  .storeHeader .quickLinks a,.storeHeader .quickLinks button{gap:5px!important;font-size:.72rem!important;padding:5px 0!important}
  .storeHeader .quickLinks svg{width:19px!important;height:19px!important}
  .storeHeader .languageSelector{min-width:88px!important;height:36px!important;padding:0 6px!important}
  .storeHeader .languageSelectorText,.storeHeader .languageSelector select{font-size:.64rem!important}
  .storeHeader .languageSelector select{max-width:62px!important}
}
@media (min-width:1280px) and (max-width:1439px){
  .storeHeader .headerMain{
    grid-template-columns:220px minmax(430px,1fr) auto!important;
    gap:14px!important;
    height:94px!important;
    padding-left:clamp(20px,3vw,44px)!important;
    padding-right:clamp(20px,3vw,44px)!important;
  }
  .storeHeader .brandLogo{min-width:0!important;overflow:hidden!important}
  .storeHeader .brandLogo>img{max-width:215px!important;max-height:68px!important;object-fit:contain!important}
  .storeHeader .headerSearch{height:52px!important;min-height:52px!important;max-height:52px!important;padding:0 16px!important;gap:10px!important}
  .storeHeader .quickLinks{gap:12px!important;min-width:0!important;white-space:nowrap!important}
  .storeHeader .quickLinks a,.storeHeader .quickLinks button{gap:6px!important;font-size:.76rem!important;padding:5px 0!important}
  .storeHeader .quickLinks svg{width:20px!important;height:20px!important}
  .storeHeader .languageSelector{min-width:96px!important;height:37px!important;padding:0 7px!important}
  .storeHeader .languageSelectorText,.storeHeader .languageSelector select{font-size:.67rem!important}
  .storeHeader .languageSelector select{max-width:69px!important}
}
@media (min-width:1440px){
  .storeHeader .headerMain{grid-template-columns:250px minmax(520px,1fr) auto!important}
  .storeHeader .quickLinks{white-space:nowrap!important;min-width:0!important}
}

/* v133 search overlay isolation fix */
.headerSearch,.storeHeader .headerSearch{opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
.dkGlobalSearch,.storeHeader .headerSearch .dkGlobalSearch{
  background:#fff!important;
  background-color:#fff!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  mix-blend-mode:normal!important;
  isolation:isolate!important;
  contain:paint!important;
  z-index:2147483646!important;
}
.dkGlobalSearch::before{content:"";position:absolute;inset:0;background:#fff;z-index:-1;border-radius:inherit;pointer-events:none}
.dkGlobalSearch>*{position:relative;z-index:1}

/* v133 search stacking-context hard fix */
.storeHeader{position:relative!important;z-index:2147483600!important;isolation:isolate!important}
.storeHeader .headerMain{position:relative!important;z-index:2147483601!important;isolation:isolate!important}
.storeHeader .headerSearch{position:relative!important;z-index:2147483602!important;isolation:isolate!important}
.storeHeader .headerSearch .dkGlobalSearch{z-index:2147483647!important;transform:translateZ(0)!important}

/* v135 professional global search */
.dkGlobalSearch{padding:8px!important;border-color:#e1e6e9!important;border-radius:16px!important;box-shadow:0 22px 70px rgba(22,42,52,.18),0 4px 14px rgba(22,42,52,.08)!important;scrollbar-width:thin;overscroll-behavior:contain}
.dkSearchHead{position:sticky!important;top:-8px;z-index:4!important;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid #eef1f3;margin:0 0 4px;padding:11px 10px!important}
.dkSearchHead b{font-size:13px!important;color:#173b4b!important}.dkSearchHead span{font-size:11px!important;color:#70828b!important;background:#f3f6f7;border-radius:999px;padding:4px 8px}
.dkSearchItem{min-height:64px;padding:8px 10px!important;border:1px solid transparent;transition:background .14s ease,border-color .14s ease,transform .14s ease}
.dkSearchItem:hover,.dkSearchItem:focus,.dkSearchItem.active{background:#f5f9fa!important;border-color:#dce8ec!important;transform:translateY(-1px);outline:none!important}
.dkSearchItem.active{box-shadow:inset 3px 0 0 #174f63}
.dkSearchThumb{background:#f7f8f8!important;border-color:#e5eaec!important;color:#47636f!important}.dkSearchThumb img{object-fit:cover!important}
.dkSearchText strong{font-size:14px!important;color:#1d343e!important}.dkSearchText small{color:#7b898f!important;line-height:1.35}
.dkSearchText mark{background:#fff0b8;color:inherit;border-radius:3px;padding:0 1px}
.dkSearchType{color:#315d6d!important;background:#edf5f7!important;border:1px solid #dbecef;padding:4px 7px!important}
.dkSearchLoading{padding:24px 14px!important;font-weight:700;color:#627781!important}.dkSearchLoading:before{content:"";display:inline-block;width:14px;height:14px;border:2px solid #d8e2e6;border-top-color:#315d6d;border-radius:50%;margin-right:9px;vertical-align:-2px;animation:dkSearchSpin .7s linear infinite}
@keyframes dkSearchSpin{to{transform:rotate(360deg)}}
.dkSearchEmpty{padding:30px 18px!important;color:#687980!important}.dkSearchEmpty b{color:#233f4a}.dkSearchEmpty small{display:inline-block;margin-top:7px;line-height:1.45}
.dkSearchMore{display:block;width:calc(100% - 12px);height:40px;margin:7px 6px 3px;border:1px solid #dbe6ea;border-radius:10px;background:#f8fbfc;color:#315d6d;font-weight:800;cursor:pointer}.dkSearchMore:hover{background:#edf5f7}
@media(min-width:761px){.dkGlobalSearch{width:min(720px,72vw)!important}.dkSearchItem{grid-template-columns:52px minmax(0,1fr) auto!important}.dkSearchThumb{width:52px!important;height:52px!important}}
@media(max-width:760px){.storeHeader .headerSearch .dkGlobalSearch{top:calc(100% + 7px)!important;left:-2px!important;right:-2px!important;width:calc(100% + 4px)!important;max-height:min(66dvh,560px)!important;padding:7px!important;border-radius:14px!important;box-shadow:0 18px 48px rgba(22,42,52,.22)!important}.dkSearchHead{top:-7px!important;padding:10px 8px!important}.dkSearchItem{grid-template-columns:46px minmax(0,1fr)!important;gap:9px!important;min-height:58px!important;padding:7px 8px!important}.dkSearchThumb{width:46px!important;height:46px!important;border-radius:9px!important}.dkSearchText strong{font-size:13.5px!important;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dkSearchText small{font-size:11px!important;white-space:nowrap}.dkSearchMore{height:42px;margin-bottom:2px}}

.dkSearchItem.noThumb{grid-template-columns:minmax(0,1fr) auto!important}
.dkSearchItem.noThumb .dkSearchText{padding-left:2px}
@media(max-width:760px){.dkSearchItem.noThumb{grid-template-columns:minmax(0,1fr)!important}}