/* Smart Header v1.9.6 */
.smh-header{--smh-primary:#0b1f6b;--smh-accent-text:var(--smh-primary);--smh-text:#1f2937;--smh-muted:#4b5563;--smh-bg:#fff;--smh-soft:#f5f6f8;--smh-line:#e5e7eb;--smh-line-strong:#cfd4dc;
	color:var(--smh-text);background:var(--smh-bg);font-family:inherit;line-height:1.4;position:relative;z-index:999}
html.smh-dark:not(.smh-dark-site) .smh-header{--smh-accent-text:#fff;--smh-text:#e5e7eb;--smh-muted:#9ca3af;--smh-bg:#111827;--smh-soft:#0b1220;--smh-line:#1f2937;--smh-line-strong:#374151}
.smh-header *,.smh-header *::before,.smh-header *::after{box-sizing:border-box}
.smh-header a{text-decoration:none;color:inherit;box-shadow:none}
.smh-header ul{list-style:none;margin:0;padding:0}
.smh-header button{background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;box-shadow:none;line-height:1;min-height:0}
.smh-header .smh-ic{display:block;flex-shrink:0}
.smh-header a:focus-visible,.smh-header button:focus-visible{outline:2px solid var(--smh-primary);outline-offset:2px;border-radius:4px}
.smh-wrap{max-width:1320px;margin:0 auto;padding:0 20px}

/* Top bar */
.smh-top{background:var(--smh-soft);border-bottom:1px solid var(--smh-line);font-size:13px;color:var(--smh-muted)}
.smh-top .smh-wrap{display:flex;justify-content:space-between;align-items:center;min-height:31px;gap:16px}
.smh-top-left,.smh-top-right{display:flex;align-items:center;gap:18px}
.smh-top a,.smh-top button{display:inline-flex;align-items:center;gap:6px;color:var(--smh-muted);transition:color .15s}
.smh-top a:hover,.smh-top button:hover{color:var(--smh-text)}
.smh-top-right>*+*{border-left:1px solid var(--smh-line-strong);padding-left:16px;margin-left:-2px}
.smh-top-menu{display:flex;align-items:center}
.smh-top-menu li+li{border-left:1px solid var(--smh-line-strong);margin-left:16px;padding-left:16px}
.smh-dark-toggle .smh-i-sun{display:none}
html.smh-dark .smh-dark-toggle .smh-i-sun{display:block}
html.smh-dark .smh-dark-toggle .smh-i-moon{display:none}

/* Main row */
.smh-main{background:var(--smh-bg)}
.smh-main .smh-wrap{display:flex;align-items:center;gap:32px;min-height:66px;padding-top:6px;padding-bottom:6px}
.smh-logo{display:flex;align-items:center;gap:8px;flex-shrink:0}
.smh-logo img{max-height:40px;width:auto;display:block}
.smh-logo-name{font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--smh-accent-text);white-space:nowrap}

.smh-search{position:relative;flex:1;min-width:0;margin:0}
.smh-search-field{display:flex;align-items:center;border:1px solid var(--smh-line-strong);border-radius:999px;padding:3px 3px 3px 20px;background:var(--smh-bg);transition:border-color .15s,box-shadow .15s}
.smh-search-field:focus-within{border-color:var(--smh-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--smh-primary) 15%,transparent)}
.smh-header .smh-search input[type=search]{flex:1;min-width:0;border:0;outline:0;background:transparent;height:36px;padding:0;margin:0;font:inherit;font-size:15px;color:var(--smh-text);box-shadow:none;-webkit-appearance:none;appearance:none}
.smh-header .smh-search input[type=search]::placeholder{color:var(--smh-muted);opacity:.85}
.smh-header .smh-search input[type=search]::-webkit-search-cancel-button{display:none}
.smh-header .smh-search-btn{width:34px;height:34px;border-radius:50%;background:var(--smh-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.smh-header .smh-search-btn:hover{filter:brightness(1.15)}

.smh-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--smh-bg);border:1px solid var(--smh-line);border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.14);padding:6px;z-index:10000;max-height:420px;overflow:auto}
.smh-results[hidden]{display:none}
.smh-auto:has(.smh-results:not([hidden])),.smh-header:has(.smh-results:not([hidden])){z-index:100000}
.smh-res-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px}
.smh-res-item:hover,.smh-res-item:focus{background:var(--smh-soft)}
.smh-res-item img{width:44px;height:44px;object-fit:cover;border-radius:6px;flex-shrink:0}
.smh-res-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.smh-res-title{font-size:14px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.smh-res-price{font-size:13px;color:var(--smh-accent-text);font-weight:600}
.smh-res-price del{opacity:.55;font-weight:400;margin-right:4px}
.smh-res-empty{padding:12px;font-size:14px;color:var(--smh-muted)}

.smh-actions{display:flex;align-items:center;gap:24px;flex-shrink:0}
.smh-act{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:500;white-space:nowrap;transition:color .15s}
.smh-act:hover{color:var(--smh-accent-text)}
.smh-cart-ic{position:relative;display:inline-flex}
.smh-cart-count{position:absolute;top:-9px;right:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--smh-primary);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--smh-bg)}
.smh-cart-count.is-empty{display:none}
.smh-header .smh-login{display:inline-flex;align-items:center;gap:8px;background:var(--smh-primary);color:#fff;border-radius:999px;padding:9px 18px;font-size:15px;font-weight:600;white-space:nowrap;transition:filter .15s}
.smh-header .smh-login:hover{filter:brightness(1.15);color:#fff}
.smh-or{font-weight:400;opacity:.7}

/* Category nav */
.smh-nav-bar{background:var(--smh-bg);border-top:1px solid var(--smh-line);border-bottom:1px solid var(--smh-line)}
.smh-nav-head,.smh-nav-foot,.smh-burger,.smh-overlay,.smh-sub-toggle{display:none}
.smh-nav-list{display:flex;justify-content:space-between;align-items:center;gap:12px}
.smh-nav-list>li{position:relative}
.smh-nav-list>li>a{display:block;padding:12px 2px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;transition:color .15s}
.smh-nav-list>li>a:hover,.smh-nav-list>li.current-menu-item>a,.smh-nav-list>li.current-menu-ancestor>a{color:var(--smh-accent-text)}
.smh-nav-list>li.current-menu-item>a{box-shadow:inset 0 -2px 0 var(--smh-primary)}
.smh-nav-list .sub-menu{position:absolute;top:100%;left:0;min-width:220px;background:var(--smh-bg);border:1px solid var(--smh-line);border-radius:10px;box-shadow:0 14px 34px rgba(15,23,42,.12);padding:6px;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s;z-index:50}
.smh-nav-list>li:nth-last-child(-n+2)>.sub-menu{left:auto;right:0}
.smh-nav-list>li:hover>.sub-menu,.smh-nav-list>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.smh-nav-list .sub-menu a{display:block;padding:8px 12px;border-radius:6px;font-size:14px}
.smh-nav-list .sub-menu a:hover{background:var(--smh-soft);color:var(--smh-accent-text)}

/* Sticky */
.smh-sticky.smh-is-fixed{position:fixed;left:0;right:0;z-index:9990;background:var(--smh-bg);box-shadow:0 2px 14px rgba(15,23,42,.08)}

/* Tablet */
@media (max-width:1200px){
	.smh-main .smh-wrap{gap:20px}
	.smh-actions{gap:18px}
	.smh-offers .smh-act-label,.smh-store .smh-act-label{display:none}
	.smh-nav-list{justify-content:flex-start;gap:28px;overflow-x:auto;scrollbar-width:none}
	.smh-nav-list::-webkit-scrollbar{display:none}
	.smh-nav-list .sub-menu{display:none}
}

/* Mobile */
@media (max-width:991px){
	.smh-top{display:none}
	.smh-wrap{padding:0 14px}
	.smh-main .smh-wrap{flex-wrap:wrap;gap:10px 14px;padding-top:10px;padding-bottom:10px;min-height:0}
	.smh-burger{display:inline-flex;order:0}
	.smh-logo{order:1;flex:1;min-width:0}
	.smh-logo img{max-height:34px}
	.smh-logo-name{font-size:18px;overflow:hidden;text-overflow:ellipsis}
	.smh-actions{order:2;gap:16px}
	.smh-offers,.smh-store,.smh-cart .smh-act-label,.smh-login-text{display:none}
	.smh-header .smh-login{padding:8px}
	.smh-search{order:3;flex-basis:100%}
	.smh-header .smh-search input[type=search]{height:34px;font-size:16px}

	.smh-nav-bar{border:0}
	.smh-nav-bar .smh-wrap{padding:0}
	.smh-nav{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);background:var(--smh-bg);z-index:100001;transform:translateX(-100%);transition:transform .25s ease;overflow-y:auto;display:flex;flex-direction:column}
	.smh-open .smh-nav{transform:none}
	.smh-overlay{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:100000}
	.smh-open .smh-overlay{opacity:1;visibility:visible}
	.smh-nav-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--smh-line)}
	.smh-nav-title{font-weight:700;font-size:16px}
	.smh-nav-list{flex-direction:column;align-items:stretch;gap:0;overflow:visible}
	.smh-nav-list>li{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--smh-line)}
	.smh-nav-list>li>a{flex:1;padding:14px 18px;font-size:14px}
	.smh-nav-list>li.current-menu-item>a{box-shadow:inset 3px 0 0 var(--smh-primary)}
	.smh-sub-toggle{display:flex;width:50px;align-items:center;justify-content:center;color:var(--smh-muted)}
	.smh-sub-toggle svg{transition:transform .2s}
	.smh-sub-open>.smh-sub-toggle svg{transform:rotate(180deg)}
	.smh-nav-list .sub-menu{position:static;display:none;flex-basis:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;padding:0 0 10px 18px;min-width:0;background:transparent}
	.smh-nav-list .smh-sub-open>.sub-menu{display:block}
	.smh-nav-foot{display:block;margin-top:auto;padding:16px 18px;border-top:1px solid var(--smh-line)}
	.smh-nav-foot a{display:inline-flex;align-items:center;gap:8px;font-weight:600}
}

.smh-no-search .smh-actions{margin-left:auto}
.elementor-widget-smart_header{width:100%}
.smh-auto{position:relative;z-index:999;width:100%}

/* v1.3.0: admin-driven logo size, alignment, menu text */
.smh-logo img{max-height:var(--smh-logo-h,40px)}
.smh-logo .smh-logo-dark{display:none}
html.smh-dark .smh-logo .smh-logo-dark{display:block}
html.smh-dark .smh-logo .smh-logo-light{display:none}
.smh-nav-list>li>a{font-size:var(--smh-nav-size,13px)}
.smh-nav-list.smh-no-upper>li>a{text-transform:none;letter-spacing:0}
.smh-nav-list.smh-align-left{justify-content:flex-start;gap:var(--smh-nav-gap,32px)}
.smh-nav-list.smh-align-center{justify-content:center;gap:var(--smh-nav-gap,32px)}
.smh-nav-list.smh-align-right{justify-content:flex-end;gap:var(--smh-nav-gap,32px)}
.smh-nav-list.smh-align-justify{justify-content:space-between}
@media (max-width:1200px){
	.smh-header .smh-nav-list{justify-content:flex-start;gap:var(--smh-nav-gap,28px)}
}
@media (max-width:991px){
	.smh-logo img{max-height:var(--smh-logo-h-m,34px)}
	.smh-header .smh-nav-list{gap:0}
	.smh-header .smh-nav-list>li>a{font-size:14px}
}
.smh-logo img[src$=".svg"]{height:var(--smh-logo-h,40px);width:auto}
@media (max-width:991px){.smh-logo img[src$=".svg"]{height:var(--smh-logo-h-m,34px)}}

/* v1.3.2: mobile layout — centered logo, even tap targets */
@media (max-width:991px){
	.smh-main .smh-wrap{padding-top:8px;padding-bottom:10px}
	.smh-header .smh-burger{width:40px;height:40px;align-items:center;justify-content:center;margin-left:-8px;border-radius:8px}
	.smh-actions{gap:6px}
	.smh-actions .smh-act{width:40px;height:40px;justify-content:center;gap:0}
	.smh-header .smh-login{width:38px;height:38px;padding:0;justify-content:center;gap:0}
	.smh-header .smh-login .smh-ic{width:20px;height:20px}
	.smh-cart-count{top:-7px;right:-9px}
	.smh-logo img{max-width:100%;object-fit:contain}

	/* Centered logo: [menu] [logo] [cart, account] */
	.smh-header.smh-m-center .smh-main .smh-wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px 8px}
	.smh-m-center .smh-burger{grid-column:1;grid-row:1;justify-self:start}
	.smh-m-center .smh-logo{grid-column:2;grid-row:1;justify-self:center;justify-content:center;flex:none;min-width:0;max-width:56vw}
	.smh-m-center .smh-actions{grid-column:3;grid-row:1;justify-self:end}
	.smh-m-center .smh-search{grid-column:1/-1;grid-row:2}
}
@media (max-width:380px){
	.smh-wrap{padding:0 10px}
	.smh-m-center .smh-logo{max-width:48vw}
	.smh-header .smh-search input[type=search]{font-size:15px}
}

/* ===== v1.4.0: color system (all colors editable in Smart Header → Colors) ===== */
/* Optional vars are unset by default and fall back to the theme defaults.
   In dark mode they are reset to "initial" so dark colors take over. */
html.smh-dark:not(.smh-dark-site) .smh-header{--smh-top-bg:initial;--smh-top-text:initial;--smh-logo-color:initial;--smh-icon:initial;--smh-search-bg:initial;--smh-search-border:initial;--smh-nav-bg:initial;--smh-nav-text:initial;--smh-nav-hover:initial;--smh-drawer-bg:initial;--smh-drawer-text:initial}

.smh-top{background:var(--smh-top-bg,var(--smh-soft));color:var(--smh-top-text,var(--smh-muted))}
.smh-top a,.smh-top button{color:var(--smh-top-text,var(--smh-muted))}
.smh-top a:hover,.smh-top button:hover{color:var(--smh-top-text,var(--smh-text));opacity:.8}
.smh-logo-name{color:var(--smh-logo-color,var(--smh-accent-text))}
.smh-search-field{background:var(--smh-search-bg,var(--smh-bg));border-color:var(--smh-search-border,var(--smh-line-strong))}
.smh-header .smh-search-btn{color:var(--smh-on-primary,#fff)}
.smh-act{color:var(--smh-icon,var(--smh-text))}
.smh-act:hover{color:var(--smh-nav-hover,var(--smh-accent-text))}
.smh-cart-count{background:var(--smh-badge-bg,var(--smh-primary));color:var(--smh-badge-text,var(--smh-on-primary,#fff))}
.smh-header .smh-login,.smh-header .smh-login:hover{color:var(--smh-on-primary,#fff)}
.smh-nav-bar{background:var(--smh-nav-bg,var(--smh-bg))}
.smh-nav-list>li>a{color:var(--smh-nav-text,var(--smh-text))}
.smh-nav-list>li>a:hover,.smh-nav-list>li.current-menu-item>a,.smh-nav-list>li.current-menu-ancestor>a{color:var(--smh-nav-hover,var(--smh-accent-text))}
.smh-nav-list>li.current-menu-item>a{box-shadow:inset 0 -2px 0 var(--smh-nav-hover,var(--smh-primary))}
.smh-nav-list .sub-menu a{color:var(--smh-text)}
.smh-nav-list .sub-menu a:hover{color:var(--smh-nav-hover,var(--smh-accent-text))}

/* Mobile menu button: same shape and size as the account button */
@media (max-width:991px){
	.smh-header .smh-burger{width:38px;height:38px;margin-left:0;border-radius:50%;transition:filter .15s,background .15s}
	.smh-header .smh-burger .smh-ic{width:20px;height:20px}
	.smh-header.smh-mbtn-filled .smh-burger{background:var(--smh-mbtn-bg,var(--smh-primary));color:var(--smh-mbtn-icon,var(--smh-on-primary,#fff))}
	.smh-header.smh-mbtn-filled .smh-burger:hover{filter:brightness(1.15)}
	.smh-header.smh-mbtn-outline .smh-burger{background:transparent;border:1.5px solid var(--smh-mbtn-bg,var(--smh-primary));color:var(--smh-mbtn-icon,var(--smh-mbtn-bg,var(--smh-primary)))}
	.smh-header.smh-mbtn-plain .smh-burger{background:transparent;color:var(--smh-mbtn-icon,var(--smh-icon,var(--smh-text)));border-radius:8px}

	/* Drawer matches the header: colored head, clean list */
	.smh-nav{background:var(--smh-drawer-bg,var(--smh-bg));color:var(--smh-drawer-text,var(--smh-text))}
	.smh-nav-head{background:var(--smh-drawer-head,var(--smh-primary));color:var(--smh-drawer-head-text,var(--smh-on-primary,#fff));border-bottom:0;padding:14px 14px 14px 18px}
	.smh-nav-head .smh-nav-title{font-size:16px;font-weight:700;color:inherit}
	.smh-header .smh-nav-close{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:inherit;background:rgba(255,255,255,.14)}
	.smh-header .smh-nav-close:hover{background:rgba(255,255,255,.24)}
	.smh-nav-list>li>a{color:var(--smh-drawer-text,var(--smh-text))}
	.smh-nav-list>li.current-menu-item>a,.smh-nav-list>li>a:hover{color:var(--smh-nav-hover,var(--smh-accent-text));box-shadow:inset 3px 0 0 var(--smh-nav-hover,var(--smh-primary))}
	.smh-nav-list .sub-menu a{color:var(--smh-drawer-text,var(--smh-text));opacity:.85}
	.smh-sub-toggle{color:var(--smh-drawer-text,var(--smh-muted))}
	.smh-nav-foot a{color:var(--smh-nav-hover,var(--smh-accent-text))}
}

/* ===== v1.5.0: whole-website dark mode ===== */
/* Inverts the page colors (works with any theme), then flips media back so photos look normal.
   The root element is exempt from the "filter creates a containing block" rule, so sticky/fixed elements keep working. */
html.smh-dark.smh-dark-site{filter:invert(1) hue-rotate(180deg);background-color:#fff;min-height:100%}
html.smh-dark.smh-dark-site img,
html.smh-dark.smh-dark-site video,
html.smh-dark.smh-dark-site iframe,
html.smh-dark.smh-dark-site embed,
html.smh-dark.smh-dark-site object,
html.smh-dark.smh-dark-site canvas,
html.smh-dark.smh-dark-site svg image,
html.smh-dark.smh-dark-site [style*="background-image"],
html.smh-dark.smh-dark-site .smh-no-invert,
html.smh-dark.smh-dark-site #wpadminbar{filter:invert(1) hue-rotate(180deg)}
/* Avoid double flipping media that sits inside an already flipped element */
html.smh-dark.smh-dark-site [style*="background-image"] img,
html.smh-dark.smh-dark-site [style*="background-image"] video,
html.smh-dark.smh-dark-site .smh-no-invert img,
html.smh-dark.smh-dark-site .smh-no-invert video,
html.smh-dark.smh-dark-site .smh-no-invert [style*="background-image"]{filter:none}


/* ===== v1.6.0: smooth animations (only with .smh-anim; speed via --smh-s) ===== */
.smh-header{--smh-s:1;--smh-ease:cubic-bezier(.22,.61,.36,1);--smh-ease-out:cubic-bezier(.16,1,.3,1)}
@keyframes smh-fade-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes smh-pop-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes smh-slide-down{from{transform:translateY(-100%)}to{transform:none}}
@keyframes smh-item-in{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@keyframes smh-badge-pop{0%{transform:scale(1)}35%{transform:scale(1.4)}60%{transform:scale(.9)}100%{transform:scale(1)}}
@keyframes smh-cart-shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}50%{transform:rotate(9deg)}75%{transform:rotate(-5deg)}}
@keyframes smh-spin-in{from{opacity:0;transform:rotate(-90deg) scale(.5)}to{opacity:1;transform:none}}

/* Links, icons, buttons */
.smh-anim a,.smh-anim button{transition:color calc(.2s*var(--smh-s)) var(--smh-ease),background-color calc(.2s*var(--smh-s)) var(--smh-ease),border-color calc(.2s*var(--smh-s)) var(--smh-ease),opacity calc(.2s*var(--smh-s)) var(--smh-ease),transform calc(.2s*var(--smh-s)) var(--smh-ease),filter calc(.2s*var(--smh-s)) var(--smh-ease),box-shadow calc(.25s*var(--smh-s)) var(--smh-ease)}
.smh-anim .smh-act .smh-ic,.smh-anim .smh-cart-ic{transition:transform calc(.25s*var(--smh-s)) var(--smh-ease-out)}
.smh-anim .smh-act:hover .smh-ic,.smh-anim .smh-act:hover .smh-cart-ic{transform:translateY(-2px)}
.smh-anim .smh-act:hover .smh-cart-ic .smh-ic{transform:none}
.smh-anim .smh-login:hover{transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--smh-primary) 30%,transparent)}
.smh-anim .smh-search-btn:hover{transform:scale(1.07)}
.smh-anim .smh-login:active,.smh-anim .smh-search-btn:active,.smh-anim .smh-burger:active,.smh-anim .smh-nav-close:active,.smh-anim .smh-dark-toggle:active{transform:scale(.92)}
.smh-anim .smh-logo{transition:opacity calc(.2s*var(--smh-s))}
.smh-anim .smh-logo:hover{opacity:.85}
.smh-anim .smh-search-field{transition:border-color calc(.25s*var(--smh-s)) var(--smh-ease),box-shadow calc(.3s*var(--smh-s)) var(--smh-ease),background-color calc(.25s*var(--smh-s))}

/* Cart badge pop + cart wiggle */
.smh-anim .smh-cart-ic.smh-pop .smh-cart-count{animation:smh-badge-pop calc(.55s*var(--smh-s)) var(--smh-ease-out)}
.smh-anim .smh-cart-ic.smh-pop>.smh-ic{animation:smh-cart-shake calc(.6s*var(--smh-s)) ease-in-out}

/* Dark mode icon swap */
html.smh-dark .smh-anim .smh-i-sun,html:not(.smh-dark) .smh-anim .smh-i-moon{animation:smh-spin-in calc(.45s*var(--smh-s)) var(--smh-ease-out)}
/* View Transition: circular reveal handled in JS */
html.smh-vt::view-transition-old(root),html.smh-vt::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.smh-vt::view-transition-new(root){z-index:2}
/* Fallback for browsers without View Transitions */
html.smh-no-vt.smh-dark-site{transition:filter calc(.35s) ease}

/* Search suggestions */
.smh-anim .smh-results:not([hidden]){animation:smh-pop-in calc(.22s*var(--smh-s)) var(--smh-ease-out);transform-origin:top center}
.smh-anim .smh-res-item,.smh-anim .smh-res-empty{animation:smh-fade-up calc(.3s*var(--smh-s)) var(--smh-ease-out) both}
.smh-anim .smh-res-item:nth-child(2){animation-delay:calc(.03s*var(--smh-s))}
.smh-anim .smh-res-item:nth-child(3){animation-delay:calc(.06s*var(--smh-s))}
.smh-anim .smh-res-item:nth-child(4){animation-delay:calc(.09s*var(--smh-s))}
.smh-anim .smh-res-item:nth-child(5){animation-delay:calc(.12s*var(--smh-s))}
.smh-anim .smh-res-item:nth-child(6){animation-delay:calc(.15s*var(--smh-s))}
.smh-anim .smh-res-item img{transition:transform calc(.3s*var(--smh-s)) var(--smh-ease)}
.smh-anim .smh-res-item:hover img{transform:scale(1.06)}

/* Sticky header slides in */
.smh-anim .smh-sticky.smh-is-fixed{animation:smh-slide-down calc(.4s*var(--smh-s)) var(--smh-ease-out)}

/* Desktop: dropdowns + animated underline */
@media (min-width:992px){
	.smh-anim .smh-nav-list .sub-menu{transform:translateY(8px) scale(.98);transform-origin:top left;transition:opacity calc(.22s*var(--smh-s)) var(--smh-ease),transform calc(.28s*var(--smh-s)) var(--smh-ease-out),visibility calc(.22s*var(--smh-s))}
	.smh-anim .smh-nav-list>li:hover>.sub-menu,.smh-anim .smh-nav-list>li:focus-within>.sub-menu{transform:none}
	.smh-anim .smh-nav-list .sub-menu a{transition:background-color calc(.15s*var(--smh-s)),color calc(.15s*var(--smh-s)),padding-left calc(.2s*var(--smh-s)) var(--smh-ease)}
	.smh-anim .smh-nav-list .sub-menu a:hover{padding-left:16px}
	.smh-anim .smh-nav-list>li>a{position:relative}
	.smh-anim .smh-nav-list>li>a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;border-radius:2px;background:var(--smh-nav-hover,var(--smh-primary));transform:scaleX(0);transition:transform calc(.3s*var(--smh-s)) var(--smh-ease-out)}
	.smh-anim .smh-nav-list>li>a:hover::after,.smh-anim .smh-nav-list>li.current-menu-item>a::after,.smh-anim .smh-nav-list>li.current-menu-ancestor>a::after{transform:scaleX(1)}
	.smh-anim .smh-nav-list>li.current-menu-item>a{box-shadow:none}
}

/* Mobile: drawer, staggered items, accordion */
@media (max-width:991px){
	.smh-anim .smh-nav{transition:transform calc(.42s*var(--smh-s)) cubic-bezier(.32,.72,0,1);box-shadow:none}
	.smh-anim.smh-open .smh-nav{box-shadow:12px 0 40px rgba(15,23,42,.25)}
	.smh-anim .smh-overlay{transition:opacity calc(.35s*var(--smh-s)) ease,visibility calc(.35s*var(--smh-s));backdrop-filter:blur(0)}
	.smh-anim.smh-open .smh-overlay{backdrop-filter:blur(2px)}
	.smh-anim.smh-open .smh-nav-list>li{animation:smh-item-in calc(.4s*var(--smh-s)) var(--smh-ease-out) both;animation-delay:calc((var(--i,0)*.035s + .12s)*var(--smh-s))}
	.smh-anim.smh-open .smh-nav-head .smh-nav-title{animation:smh-fade-up calc(.35s*var(--smh-s)) var(--smh-ease-out) both;animation-delay:calc(.08s*var(--smh-s))}
	.smh-anim.smh-open .smh-nav-close{animation:smh-spin-in calc(.4s*var(--smh-s)) var(--smh-ease-out) both;animation-delay:calc(.1s*var(--smh-s))}
	.smh-anim.smh-open .smh-nav-foot{animation:smh-fade-up calc(.4s*var(--smh-s)) var(--smh-ease-out) both;animation-delay:calc(.3s*var(--smh-s))}
	.smh-anim .smh-nav-list .sub-menu{overflow:hidden;transition:height calc(.3s*var(--smh-s)) var(--smh-ease)}
	.smh-anim .smh-sub-toggle svg{transition:transform calc(.3s*var(--smh-s)) var(--smh-ease)}
	.smh-nav-list .smh-sub-closing>.smh-sub-toggle svg{transform:none}
	.smh-anim .smh-nav-list>li>a{transition:color calc(.2s*var(--smh-s)),box-shadow calc(.25s*var(--smh-s)) var(--smh-ease),padding-left calc(.25s*var(--smh-s)) var(--smh-ease)}
	.smh-anim .smh-nav-list>li>a:active{padding-left:24px}
}

/* Respect "reduce motion" device setting */
@media (prefers-reduced-motion:reduce){
	.smh-header *,.smh-header *::before,.smh-header *::after{animation:none!important;transition:none!important}
	html.smh-no-vt.smh-dark-site{transition:none}
}

/* ===== v1.7.0: separate desktop / mobile logos, each with a dark version ===== */
.smh-logo-set{display:flex;align-items:center}
.smh-logo-set-m{display:none}
.smh-logo .smh-li-dark{display:none}
.smh-logo .smh-li-dark.smh-dark-only{display:block}
html.smh-dark .smh-logo .smh-li-light.smh-has-dark{display:none}
html.smh-dark .smh-logo .smh-li-dark{display:block}
@media (max-width:991px){
	.smh-has-mlogo .smh-logo-set-d{display:none}
	.smh-has-mlogo .smh-logo-set-m{display:flex}
}

/* ===== v1.8.0: redesigned mobile menu panel ===== */
.smh-drawer{display:none}
.smh-header.smh-open{z-index:100000}
body.smh-drawer-open .smh-auto{z-index:100000}
@media (max-width:991px){
	.smh-header .smh-nav-bar{display:none}
	.smh-drawer{--dr-bg:var(--smh-drawer-bg,var(--smh-bg));--dr-text:var(--smh-drawer-text,var(--smh-text));--dr-tint:color-mix(in srgb,var(--smh-primary) 9%,var(--dr-bg));
		display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;width:min(340px,88vw);z-index:100001;
		background:var(--dr-bg);color:var(--dr-text);transform:translateX(-102%);visibility:hidden;
		transition:transform .3s ease,visibility 0s linear .3s}
	.smh-drawer.smh-dr-right{left:auto;right:0;transform:translateX(102%)}
	.smh-open .smh-drawer{transform:none;visibility:visible;transition-delay:0s;box-shadow:12px 0 40px rgba(15,23,42,.22)}
	.smh-open .smh-drawer.smh-dr-right{box-shadow:-12px 0 40px rgba(15,23,42,.22)}
	.smh-anim .smh-drawer{transition:transform calc(.42s*var(--smh-s)) cubic-bezier(.32,.72,0,1),visibility 0s linear calc(.42s*var(--smh-s))}
	.smh-anim.smh-open .smh-drawer{transition-delay:0s}

	/* Head */
	.smh-dr-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 14px 18px;border-bottom:1px solid var(--smh-line);background:var(--smh-drawer-head,transparent);color:var(--smh-drawer-head-text,inherit)}
	.smh-dr-logo{display:flex;align-items:center;min-width:0}
	.smh-dr-logo img{max-height:var(--smh-logo-h-m,34px);max-width:200px;width:auto;display:block;object-fit:contain}
	.smh-dr-logo .smh-li-dark{display:none}
	.smh-dr-logo .smh-li-dark.smh-dark-only{display:block}
	html.smh-dark .smh-dr-logo .smh-li-light.smh-has-dark{display:none}
	html.smh-dark .smh-dr-logo .smh-li-dark{display:block}
	.smh-dr-title{font-size:18px;font-weight:700}
	.smh-header .smh-drawer .smh-nav-close{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit;background:color-mix(in srgb,currentColor 8%,transparent)}
	.smh-header .smh-drawer .smh-nav-close:hover{background:color-mix(in srgb,currentColor 14%,transparent)}

	/* Body */
	.smh-dr-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px 10px}
	.smh-dr-account{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--dr-tint);margin-bottom:18px}
	.smh-dr-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--smh-primary);color:var(--smh-on-primary,#fff);font-weight:700;font-size:16px}
	.smh-dr-acc-text{min-width:0;flex:1}
	.smh-dr-acc-text strong{display:block;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.smh-dr-acc-text small{display:block;font-size:12.5px;opacity:.65;line-height:1.35}
	.smh-header .smh-dr-btn{flex-shrink:0;background:var(--smh-primary);color:var(--smh-on-primary,#fff);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600}
	.smh-dr-label{margin:0 4px 6px;font-size:12.5px;font-weight:600;opacity:.6}

	.smh-dr-cats{margin:0 0 6px}
	.smh-dr-cats>li{display:flex;flex-wrap:wrap;align-items:center;border-radius:12px}
	.smh-dr-cats>li+li{border-top:1px solid var(--smh-line)}
	.smh-header .smh-dr-cat{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:8px 4px;min-height:58px;font-size:15.5px;font-weight:600;color:inherit}
	.smh-dr-nothumb .smh-dr-cat{min-height:50px}
	.smh-dr-thumb{width:42px;height:42px;border-radius:12px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--dr-tint);color:var(--smh-primary);font-weight:700;font-size:16px}
	.smh-dr-thumb img{width:100%;height:100%;object-fit:cover;display:block}
	.smh-dr-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.smh-dr-chev{opacity:.35;display:flex}
	.smh-header .smh-dr-cats>li.current-menu-item>.smh-dr-cat{color:var(--smh-nav-hover,var(--smh-accent-text))}
	.smh-dr-cats>li.current-menu-item .smh-dr-thumb{box-shadow:0 0 0 2px var(--smh-nav-hover,var(--smh-primary))}
	.smh-dr-cats .smh-sub-toggle{width:40px;height:40px;border-radius:50%;color:inherit;opacity:.6}
	.smh-dr-cats .sub-menu{display:none;flex-basis:100%;margin:0;padding:0 0 10px 58px;list-style:none}
	.smh-dr-nothumb .sub-menu{padding-left:16px}
	.smh-dr-cats .smh-sub-open>.sub-menu{display:block}
	.smh-header .smh-dr-cats .sub-menu a{display:block;padding:9px 4px;font-size:14.5px;color:inherit;opacity:.8}
	.smh-header .smh-dr-cats .sub-menu .current-menu-item>a{opacity:1;color:var(--smh-nav-hover,var(--smh-accent-text));font-weight:600}
	.smh-dr-cats .smh-sub-closing>.smh-sub-toggle svg{transform:none}

	.smh-dr-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0 8px}
	.smh-header .smh-dr-tile{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--smh-line);border-radius:14px;font-size:14px;font-weight:600;color:inherit}
	.smh-dr-ti{position:relative;width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--dr-tint);color:var(--smh-primary)}
	.smh-dr-ti .smh-cart-count{top:-5px;right:-6px}

	.smh-dr-links{margin:10px 0 0;padding:6px 0 0;border-top:1px solid var(--smh-line)}
	.smh-header .smh-dr-links a{display:block;padding:10px 4px;font-size:14px;color:inherit;opacity:.7}

	/* Footer */
	.smh-dr-foot{display:grid;gap:12px;padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--smh-line)}
	.smh-header .smh-dr-call{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;background:var(--smh-primary);color:var(--smh-on-primary,#fff)}
	.smh-dr-call-ic{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);flex-shrink:0}
	.smh-dr-call strong{display:block;font-size:14.5px;line-height:1.25}
	.smh-dr-call small{display:block;font-size:13px;opacity:.85;letter-spacing:.02em}
	.smh-dr-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
	.smh-dr-social{display:flex;gap:8px}
	.smh-header .smh-dr-social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--smh-line);display:flex;align-items:center;justify-content:center;color:inherit}
	.smh-header .smh-dr-dark{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:inherit;margin-left:auto}
	.smh-dr-switch{position:relative;width:40px;height:22px;border-radius:999px;background:var(--smh-line-strong);transition:background .2s}
	.smh-dr-switch::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .25s cubic-bezier(.16,1,.3,1)}
	html.smh-dark .smh-dr-switch{background:var(--smh-primary)}
	html.smh-dark .smh-dr-switch::after{transform:translateX(18px)}

	/* Animations */
	.smh-anim.smh-open .smh-dr-account{animation:smh-fade-up calc(.4s*var(--smh-s)) var(--smh-ease-out) both;animation-delay:calc(.1s*var(--smh-s))}
	.smh-anim.smh-open .smh-dr-cats>li,.smh-anim.smh-open .smh-dr-tiles>a{animation:smh-item-in calc(.4s*var(--smh-s)) var(--smh-ease-out) both;animation-delay:calc((var(--i,0)*.04s + .16s)*var(--smh-s))}
	.smh-anim.smh-open .smh-dr-tiles>a{animation-name:smh-fade-up;animation-delay:calc((var(--i,0)*.05s + .3s)*var(--smh-s))}
	.smh-anim.smh-open .smh-dr-foot{animation:smh-fade-up calc(.45s*var(--smh-s)) var(--smh-ease-out) both;animation-delay:calc(.32s*var(--smh-s))}
	.smh-anim.smh-open .smh-drawer .smh-nav-close{animation:smh-spin-in calc(.4s*var(--smh-s)) var(--smh-ease-out) both;animation-delay:calc(.12s*var(--smh-s))}
	.smh-anim .smh-dr-cats .sub-menu{overflow:hidden;transition:height calc(.3s*var(--smh-s)) var(--smh-ease)}
	.smh-anim .smh-dr-cat:active,.smh-anim .smh-dr-tile:active,.smh-anim .smh-dr-call:active{transform:scale(.98)}
	.smh-anim .smh-dr-cat .smh-dr-thumb img{transition:transform calc(.35s*var(--smh-s)) var(--smh-ease)}
	.smh-anim .smh-dr-cat:hover .smh-dr-thumb img{transform:scale(1.08)}
}

/* ===== v1.9.0: WhatsApp button + panel polish ===== */
@media (max-width:991px){
	.smh-header .smh-dr-wa{background:var(--smh-wa-bg,#1ea952);color:#fff}
	.smh-dr-foot{gap:10px}
	.smh-dr-cats>li{border-radius:0}
	.smh-dr-tile:last-child:nth-child(odd){grid-column:1/-1}
	.smh-anim .smh-dr-wa .smh-dr-call-ic{animation:smh-wa-pulse 2.4s ease-out 1s 2}
}
@keyframes smh-wa-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}

/* ===== v1.9.3: bigger mobile logo without a taller header ===== */
/* The logo box keeps a fixed height (same as the round buttons), so a larger logo
   grows inside the row instead of pushing the header down. */
@media (max-width:991px){
  .smh-header .smh-main .smh-logo{height:40px;min-height:0;overflow:visible;display:flex;align-items:center}
  .smh-header .smh-main .smh-logo .smh-logo-set{height:40px;align-items:center;overflow:visible}
  .smh-header .smh-main .smh-logo img,
  .smh-header .smh-main .smh-logo img[src$=".svg"]{height:var(--smh-logo-h-m,34px)!important;max-height:none!important;width:auto!important;max-width:calc(100vw - 150px)!important;object-fit:contain;flex:none}
  .smh-m-center .smh-main .smh-logo{max-width:calc(100vw - 150px)}
  .smh-header .smh-main .smh-wrap{align-items:center}
}

/* ===== v1.9.4: theme button styles (black background on tap/focus) must not reach our toggles ===== */
.smh-header .smh-dr-dark,.smh-header .smh-dr-dark:hover,.smh-header .smh-dr-dark:focus,.smh-header .smh-dr-dark:active,
.smh-header .smh-top .smh-dark-toggle,.smh-header .smh-top .smh-dark-toggle:hover,.smh-header .smh-top .smh-dark-toggle:focus,.smh-header .smh-top .smh-dark-toggle:active,
.smh-header .smh-sub-toggle,.smh-header .smh-sub-toggle:hover,.smh-header .smh-sub-toggle:focus,.smh-header .smh-sub-toggle:active{
  background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important;outline:0;text-shadow:none!important;
  -webkit-tap-highlight-color:transparent}
.smh-header .smh-dr-dark,.smh-header .smh-dr-dark:hover,.smh-header .smh-dr-dark:focus,.smh-header .smh-dr-dark:active{
  color:inherit!important;padding:6px 2px!important;min-height:0!important;height:auto!important;width:auto!important;line-height:1.2!important;font-size:14px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;border-radius:12px!important}
.smh-header .smh-dr-dark span:not(.smh-dr-switch){color:inherit!important;opacity:1!important}
.smh-header .smh-dr-dark svg{width:18px!important;height:18px!important;color:inherit}
.smh-header .smh-dr-dark:focus-visible{outline:2px solid var(--smh-primary)!important;outline-offset:2px}
.smh-header .smh-dr-dark:active .smh-dr-switch{transform:scale(.94)}
.smh-dr-switch{transition:background-color .25s,transform .2s}

/* ===== v1.9.5: no box/frame around the logo (or other header items) when tapped ===== */
.smh-header a,.smh-header button,.smh-header .smh-logo,.smh-header .smh-logo *{-webkit-tap-highlight-color:transparent!important}
.smh-header .smh-logo,.smh-header .smh-logo:hover,.smh-header .smh-logo:focus,.smh-header .smh-logo:active,
.smh-header .smh-logo a,.smh-header .smh-logo a:hover,.smh-header .smh-logo a:focus,.smh-header .smh-logo a:active{
  outline:0!important;box-shadow:none!important;background:transparent!important;background-color:transparent!important;border:0!important;text-decoration:none!important}
.smh-header .smh-logo img{outline:0!important;box-shadow:none!important;background:transparent!important;-webkit-user-drag:none;user-select:none}
/* keyboard users still see where they are */
.smh-header .smh-logo:focus-visible,.smh-header .smh-logo a:focus-visible{outline:2px solid var(--smh-primary)!important;outline-offset:4px;border-radius:8px}

/* v1.9.8: logos that haven't loaded yet stay invisible (no broken-image icon); <picture> doesn't change the layout */
.smh-logo img:not([src]),.smh-dr-logo img:not([src]){visibility:hidden}
.smh-logo-set picture{display:contents}