/* Hoshi 1.2 — native containers own direction, order, widths and spacing. */
.hls.hls-native-header{padding:0;isolation:auto;overflow:visible;border-bottom:1px solid var(--hls-border);background:var(--hls-bg);color:var(--hls-text)}
.hls.hls-native-header.hls-native-sticky{position:sticky;top:calc(var(--hls-native-top,0px) + var(--hls-admin-offset,0px));z-index:1000}
.elementor-editor-active .hls.hls-native-header{position:relative;top:auto}
.hls-native-header .hls-native-row{overflow:visible}
.hls-native-header :where(.hls-native-actions){width:auto;--width:auto;flex-shrink:0}
.hls-native-header :where(.hls-native-menu){flex-grow:1;min-width:0;width:auto}
.hls-native-header :where(.elementor-widget-hls-site-brand,.elementor-widget-hls-header-account,.elementor-widget-hls-header-cart,.hls-native-search,.hls-native-toggle,.hls-native-hamburger){width:auto;flex-shrink:0;margin-block:0}
.hls.hls-header-atom{padding:0;background:transparent;isolation:auto;line-height:1.4;display:inline-flex;vertical-align:middle}
.hls-atom-link{--hls-atom-size:44px;position:relative;display:inline-flex;min-width:var(--hls-atom-size);min-height:var(--hls-atom-size);align-items:center;justify-content:center;gap:9px;padding:8px;border:1px solid transparent;border-radius:12px;text-decoration:none;color:var(--hls-text);background:transparent;line-height:1.5;transition:color .16s,background-color .16s,border-color .16s}
.hls-atom-link:hover,.hls-atom-link:focus-visible{color:var(--hls-accent);background:var(--hls-surface)}
.hls-atom-link:active{background:var(--hls-glow)}
.hls .hls-atom-icon{width:23px;height:23px}
.hls .hls-atom-label{font-size:13px;white-space:nowrap}
.hls .hls-brand-link{padding:0;justify-content:flex-start;gap:12px}
.hls .hls-brand-link:hover{background:transparent}
.hls .hls-brand-link .hls-atom-label{font-size:23px;font-weight:750;letter-spacing:-.5px;max-width:180px;overflow:hidden;text-overflow:ellipsis}
.hls .hls-brand-symbol{color:var(--hls-accent);width:28px;height:28px}
.hls .hls-brand-image{width:auto;max-width:150px;max-height:44px;object-fit:contain}
.hls .hls-brand-image-dark{display:none}
html[data-hls-theme="dark"] .hls-atom-brand[data-theme="auto"] .has-dark-logo .hls-brand-image-dark,.hls-atom-brand[data-theme="dark"] .has-dark-logo .hls-brand-image-dark{display:block}
html[data-hls-theme="dark"] .hls-atom-brand[data-theme="auto"] .has-dark-logo .hls-brand-image-light,.hls-atom-brand[data-theme="dark"] .has-dark-logo .hls-brand-image-light{display:none}
.hls-cart-count{position:absolute;inset-block-start:0;inset-inline-end:0;display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;border-radius:9px;background:var(--hls-accent);color:var(--hls-accent-ink);font-size:10px;font-weight:700;padding:0 3px;line-height:1}
.hls-native-header .hls-switch{width:42px;height:42px;box-shadow:none}
.hls-native-header :where(.hls-native-toggle){padding-inline-start:10px;border-inline-start:1px solid var(--hls-border)}
.hls-native-header :where(.hoshi-lse-trigger-button){width:44px!important;height:44px!important;min-width:0!important;padding:10px!important;border-radius:12px!important;background:transparent!important;color:var(--hls-text)!important;border:0!important;box-shadow:none!important}
.hls-native-header :where(.hoshi-lse-trigger-button:hover){color:var(--hls-accent)!important;background:var(--hls-surface)!important}
/* A portaled native menu keeps this widget class; tokens are not tied to the header DOM. */
.hls-native-menu{--hls-bg:#fff;--hls-surface:#f5f7fa;--hls-elevated:#fff;--hls-text:#151b26;--hls-muted:#606979;--hls-border:#e4e8ef;--hls-accent:#1463db;--hls-glow:rgba(20,99,219,.1);color:var(--hls-text);font-family:inherit}
html[data-hls-theme="dark"] .hls-native-menu{--hls-bg:#0b0d10;--hls-surface:#13171c;--hls-elevated:#1a1f25;--hls-text:#f3f4f6;--hls-muted:#a8afb9;--hls-border:#2a3038;--hls-accent:#f4cb47;--hls-glow:rgba(244,203,71,.12)}
.hls-native-menu :where(.sj-mm__heading){justify-content:center}
.hls-native-menu :where(.sj-mm__title){font-family:inherit;font-size:14px;font-weight:550;line-height:1.6;color:var(--hls-text);background:transparent;padding:24px 12px;border-radius:0;min-height:68px}
.hls-native-menu :where(.sj-mm__title:hover){transform:none;color:var(--hls-accent)}
.hls-native-menu :where(.sj-mm__item.is-active>.sj-mm__title){color:var(--hls-accent)}
.hls-native-menu :where(.sj-mm__panel){background:var(--hls-bg);color:var(--hls-text);border:1px solid var(--hls-border);box-shadow:0 20px 45px rgba(13,23,39,.1);border-radius:0 0 18px 18px;max-width:calc(100vw - 32px)}
.hls-native-menu :where(.sj-mm__panel--disabled){border:0;box-shadow:none}
.hls-native-menu :where(.hls-mega-intro-title .elementor-heading-title){font-size:28px;line-height:1.65;color:var(--hls-text);font-weight:750;margin:0}
.hls-native-menu :where(.hls-mega-intro-text){font-size:14px;line-height:2;color:var(--hls-muted)}
.hls-native-menu :where(.hls-mega-intro-text p){margin:0}
.hls-native-menu :where(.hls){background:transparent;padding:0}
.hls-native-menu :where(.hls .hls-inner){width:100%;max-width:100%}
.hls-native-menu :where(.hls-section-head){margin-bottom:20px}
.hls-native-menu :where(.hls-heading .hls-section-head){margin-bottom:0;gap:0}
.hls-native-menu :where(.hls-mega-shop-link .hls-section-intro){display:none}
.hls-native-menu :where(.hls-category-media){max-height:120px}
.hls-native-menu :where(.hls-category-title){font-size:13px}
.hls-native-menu :where(.sj-mm.is-mobile){background:var(--hls-bg);color:var(--hls-text)}
.hls-native-menu :where(.sj-mm.is-mobile .sj-mm__panel){box-shadow:none;border:0;border-radius:0;max-width:100%}
.hls-native-menu :where(.sj-mm.is-mobile .sj-mm__heading){justify-content:flex-start}
.hls-native-menu :where(.sj-mm.is-mobile .sj-mm__title){min-height:56px;justify-content:space-between}
.hls-native-header :where(.sj-mobile-trigger){color:var(--hls-text);background:transparent;border:0;box-shadow:none;width:42px;height:42px;padding:9px}
.hls-native-header :where(.sj-mobile-trigger:hover){color:var(--hls-accent)}
@media (max-width:1024px){
 .hls-native-header .hls-native-menu{flex-grow:0;width:0;min-width:0;flex-basis:0;margin:0}
 .hls-native-header .hls-native-brand{flex-grow:1;min-width:0}
 .hls-native-header .hls-native-actions{flex-shrink:0}
 .hls-native-menu :where(.hls-mega-intro-title .elementor-heading-title){font-size:24px}
}
@media (max-width:767px){
 .hls .hls-brand-link{gap:7px}.hls .hls-brand-link .hls-atom-label{font-size:18px;max-width:100px}
 .hls .hls-brand-symbol{display:none}.hls .hls-brand-image{max-width:92px;max-height:34px}
 .hls-atom-link{--hls-atom-size:38px;padding:6px}.hls .hls-atom-icon{width:22px;height:22px}
 .hls-native-header .hls-switch{width:36px;height:36px}.hls-native-header :where(.hls-native-toggle){padding-inline-start:4px}
 .hls-native-header :where(.hoshi-lse-trigger-button){width:38px!important;height:38px!important;padding:8px!important}
 .hls-native-menu :where(.hls-category-media){max-height:96px}
 .hls-native-menu :where(.hls .hls-empty){padding:18px 12px;font-size:13px}
}
@media (max-width:360px){
 .hls-atom-link{--hls-atom-size:32px;padding:4px}.hls .hls-brand-link .hls-atom-label{max-width:72px;font-size:16px}
 .hls-native-header :where(.hls-native-actions){gap:2px!important}.hls-native-header .hls-switch{width:32px;height:32px}
 .hls-native-header :where(.hoshi-lse-trigger-button){width:32px!important;height:32px!important;padding:6px!important}
 .hls-native-header :where(.sj-mobile-trigger){width:34px;height:34px;padding:6px}
}
@media (prefers-reduced-motion:reduce){.hls-native-header *,.hls-native-menu *{scroll-behavior:auto!important;transition:none!important}}
/* Keep preview thumbnails bounded in the drawer; uncropped images retain contain. */
.hls-native-menu .hls[data-skin="store"] .hls-category-media{height:120px;max-height:120px;aspect-ratio:auto;padding:var(--hls-cat-image-padding,12px)}
.hls-native-menu .hls-category-name{font-size:13px;margin-top:8px}
@media(max-width:767px){
 .hls-native-menu .hls[data-skin="store"] .hls-category-media{height:78px;max-height:78px;padding:var(--hls-cat-image-padding,10px)}
 .hls-native-menu .hls-category-name{margin-top:5px;font-size:12px}
 .hls-native-menu .hls-category-card{padding:4px}
 .hls-native-menu .hls-collection{row-gap:14px}
 .hls-native-menu .hls-mega-intro-title .elementor-heading-title{font-size:22px;line-height:1.5}
 .hls-native-menu .hls-mega-intro-text{font-size:13px;line-height:1.8}
}