/* HIWAGI Smart Shop — scoped styles, resistant to Elementor/Astra theme typography */
.hss-widget{--hss-navy:#0a3d62;--hss-navy-dark:#082f4b;--hss-ink:#182b3a;--hss-muted:#73818c;--hss-line:#e4e9ed;--hss-soft:#f6f8fa;--hss-white:#fff;display:block;width:100%;min-width:0;color:var(--hss-ink)!important;font-family:inherit;font-size:14px!important;line-height:1.45!important;text-align:left!important}
.hss-widget,.hss-widget *{box-sizing:border-box}
.hss-widget h1,.hss-widget h2,.hss-widget h3,.hss-widget h4,.hss-widget p,.hss-widget label{font-family:inherit!important;letter-spacing:normal!important;text-transform:none!important}
.hss-widget .hss-mobile-trigger{display:none;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;padding:11px 15px;border:1px solid #d7e0e7;border-radius:8px;background:#fff;color:var(--hss-navy)!important;font-size:14px!important;line-height:1.3!important;font-weight:600!important;box-shadow:0 2px 7px rgba(10,61,98,.04);cursor:pointer}
.hss-widget .hss-filter-icon{font-size:17px;line-height:1}
.hss-widget .hss-mobile-active:not(:empty){display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:20px;background:var(--hss-navy);color:#fff;font-size:11px!important}
.hss-widget .hss-panel{display:block;width:100%;margin:0;padding:0;background:#fff;border:1px solid var(--hss-line);border-radius:10px;overflow:hidden;box-shadow:0 3px 16px rgba(10,61,98,.055);color:var(--hss-ink)}
.hss-widget .hss-panel-head{display:flex;align-items:center;gap:10px;min-height:56px;padding:16px 17px;border-bottom:1px solid var(--hss-line);background:#fff}
.hss-widget .hss-panel-head h2{flex:1;min-width:0;margin:0!important;padding:0!important;color:var(--hss-navy)!important;font-size:17px!important;line-height:1.35!important;font-weight:700!important}
.hss-widget .hss-clear,.hss-widget .hss-reset{display:inline-flex;align-items:center;justify-content:center;color:#6b7c89!important;font-size:12px!important;line-height:1.4!important;text-decoration:none!important;white-space:nowrap}
.hss-widget .hss-clear:hover,.hss-widget .hss-reset:hover{color:var(--hss-navy)!important;text-decoration:underline!important}
.hss-widget .hss-close{display:none;flex:0 0 auto;border:0!important;background:transparent!important;color:var(--hss-muted)!important;font-size:25px!important;line-height:1!important;padding:2px 4px!important;cursor:pointer}
.hss-widget .hss-group{display:block;margin:0!important;padding:17px 17px 18px!important;border:0!important;border-bottom:1px solid var(--hss-line)!important;background:#fff}
.hss-widget .hss-group:last-of-type{border-bottom:1px solid var(--hss-line)!important}
.hss-widget .hss-group h3{display:block;margin:0 0 13px!important;padding:0!important;color:#263b4a!important;font-size:13px!important;line-height:1.4!important;font-weight:700!important}
.hss-widget .hss-options,.hss-widget .hss-color-options{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important;margin:0!important;padding:0!important;list-style:none!important}
.hss-widget .hss-option,.hss-widget .hss-color-option{display:flex!important;align-items:center!important;gap:9px!important;min-width:0;min-height:20px;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#3b4d5b!important;font-size:13px!important;line-height:1.4!important;font-weight:400!important;cursor:pointer}
.hss-widget .hss-option input[type=checkbox],.hss-widget .hss-option input[type=radio],.hss-widget .hss-color-option input[type=checkbox]{display:inline-block!important;appearance:auto!important;-webkit-appearance:auto!important;flex:0 0 16px!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0!important;padding:0!important;accent-color:var(--hss-navy);opacity:1!important;position:static!important;transform:none!important}
.hss-widget .hss-option>span,.hss-widget .hss-color-option>span:nth-of-type(2){display:inline-block;flex:1;min-width:0;color:inherit!important;font-size:13px!important;line-height:1.4!important}
.hss-widget .hss-option input:checked+span{color:var(--hss-navy)!important;font-weight:600!important}
.hss-widget .hss-option small,.hss-widget .hss-color-option small{display:inline-block;flex:0 0 auto;margin:0!important;color:#8a98a3!important;font-size:11px!important;line-height:1.4!important}
.hss-widget .hss-color-dot{display:inline-block!important;flex:0 0 17px!important;width:17px!important;height:17px!important;border:1px solid rgba(0,0,0,.15)!important;border-radius:50%!important}
.hss-widget .hss-color-den,.hss-widget .hss-color-den-black{background:#17191b!important}.hss-widget .hss-color-nau,.hss-widget .hss-color-nau-brown{background:#795039!important}.hss-widget .hss-color-xam,.hss-widget .hss-color-xam-gray{background:#89939d!important}.hss-widget .hss-color-xanh-navy,.hss-widget .hss-color-navy{background:#173d67!important}.hss-widget .hss-color-trang{background:#fff!important}.hss-widget .hss-color-do{background:#a83333!important}
.hss-widget .hss-price-fields{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important;width:100%;margin:0!important}
.hss-widget .hss-price-fields label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;min-width:0;margin:0!important;color:var(--hss-muted)!important;font-size:11px!important;line-height:1.4!important}
.hss-widget .hss-price-fields label span{display:block;color:var(--hss-muted)!important;font-size:11px!important;line-height:1.4!important}
.hss-widget .hss-price-fields input[type=number],.hss-widget .hss-sort-select{display:block!important;width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;margin:0!important;padding:8px 9px!important;border:1px solid #dbe3e9!important;border-radius:7px!important;background:#fff!important;color:var(--hss-ink)!important;font-family:inherit!important;font-size:12px!important;line-height:1.3!important;box-shadow:none!important}
.hss-widget .hss-price-fields input:focus,.hss-widget .hss-sort-select:focus{outline:2px solid rgba(10,61,98,.15)!important;border-color:var(--hss-navy)!important}
.hss-widget .hss-form-actions{display:flex!important;align-items:center!important;gap:13px!important;margin:0!important;padding:15px 17px!important;background:#fff!important}
.hss-widget .hss-apply{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:1!important;min-width:0!important;min-height:43px!important;margin:0!important;padding:11px 13px!important;border:1px solid var(--hss-navy)!important;border-radius:7px!important;background:var(--hss-navy)!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;line-height:1.3!important;font-weight:600!important;text-align:center!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.hss-widget .hss-apply:hover{background:var(--hss-navy-dark)!important;border-color:var(--hss-navy-dark)!important;color:#fff!important}
.hss-widget .hss-apply:disabled{opacity:.7;cursor:wait}
.hss-widget .hss-notice{padding:12px;border:1px solid #f0d7a6;background:#fff8e8;border-radius:8px;color:#684d16;font-size:13px}
@media(max-width:767px){
 .hss-widget{margin-bottom:14px}
 .hss-widget .hss-mobile-trigger{display:flex}
 .hss-widget .hss-panel{position:fixed!important;z-index:100002!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(88vw,390px)!important;max-width:390px!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;overflow-y:auto!important;overscroll-behavior:contain;transform:translateX(105%)!important;transition:transform .25s ease!important;box-shadow:-8px 0 28px rgba(0,0,0,.16)!important;padding-bottom:env(safe-area-inset-bottom)!important}
 .hss-widget.hss-open .hss-panel{transform:translateX(0)!important}
 .hss-widget .hss-backdrop{display:none}
 .hss-widget.hss-open .hss-backdrop{display:block;position:fixed;z-index:100001;inset:0;background:rgba(10,24,36,.48)}
 .hss-widget .hss-panel-head{position:sticky;top:0;z-index:2;min-height:58px;padding:16px;background:#fff}
 .hss-widget .hss-close{display:inline-flex!important}
 .hss-widget .hss-group{padding:16px!important}
 .hss-widget .hss-form-actions{position:sticky;bottom:0;z-index:2;background:#fff!important;border-top:1px solid var(--hss-line)!important;padding:13px 16px!important}
 .hss-widget .hss-price-fields input[type=number],.hss-widget .hss-sort-select{height:43px!important;min-height:43px!important}
}
@media(prefers-reduced-motion:reduce){.hss-widget .hss-panel{transition:none!important}}
html.hss-no-scroll{overflow:hidden}
/* Elementor's editor preview has a narrow canvas. Keep the filter expanded there for easy styling. */
body.elementor-editor-active .hss-widget .hss-mobile-trigger{display:none!important}
body.elementor-editor-active .hss-widget .hss-panel{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;transform:none!important;border:1px solid var(--hss-line)!important;border-radius:10px!important;box-shadow:0 3px 16px rgba(10,61,98,.055)!important}
body.elementor-editor-active .hss-widget .hss-backdrop{display:none!important}