:root {
	--sm-navy-950: #151515;
	--sm-navy-900: #222222;
	--sm-navy-800: #303030;
	--sm-blue-700: #075798;
	--sm-blue-600: #0b67b2;
	--sm-blue-500: #197bc5;
	--sm-orange-500: #0b67b2;
	--sm-ink: #242424;
	--sm-muted: #62676d;
	--sm-line: #dfe3e7;
	--sm-soft: #f5f7f9;
	--sm-white: #fff;
	--sm-success: #18794e;
	--sm-danger: #b42318;
	--sm-radius-sm: 8px;
	--sm-radius: 14px;
	--sm-radius-lg: 22px;
	--sm-shadow-sm: 0 5px 18px rgba(20, 20, 20, .08);
	--sm-shadow: 0 16px 46px rgba(20, 20, 20, .14);
	--sm-container: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	background: var(--sm-white);
	color: var(--sm-ink);
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.65;
	text-rendering: optimizeLegibility;
}
a { color: var(--sm-blue-700); }
a:hover { color: var(--sm-navy-900); }
img { height: auto; max-width: 100%; }
.sm-container, .col-full {
	margin-inline: auto;
	max-width: var(--sm-container);
	padding-inline: 20px;
	width: 100%;
}
.home .site-content > .col-full { max-width: none; padding: 0; }
.site-content { outline: 0; }
.screen-reader-text:focus { background: #fff; color: #000; }

/* Header */
.sm-topbar { background: var(--sm-navy-950); color: #e2e5e8; font-size: 12px; letter-spacing: .02em; }
.sm-topbar-inner { align-items: center; display: flex; justify-content: space-between; min-height: 35px; }
.sm-topbar strong { color: #fff; font-weight: 700; }
.sm-site-header { background: rgba(255,255,255,.98); border-bottom: 1px solid var(--sm-line); position: sticky; top: 0; z-index: 999; }
.admin-bar .sm-site-header { top: 32px; }
.sm-header-main { align-items: center; display: grid; gap: 28px; grid-template-columns: auto minmax(260px, 1fr) auto; min-height: 104px; }
.sm-brand { align-items: center; color: var(--sm-navy-900); display: inline-flex; gap: 11px; text-decoration: none; }
.sm-brand:hover { color: var(--sm-navy-900); }
.sm-brand-logo { display: block; height: auto; width: 170px; }
.sm-header-search form { margin: 0; position: relative; }
.sm-header-search input[type="search"] { background: var(--sm-soft); border: 1px solid transparent; border-radius: 12px; box-shadow: none; height: 48px; padding: 0 52px 0 18px; width: 100%; }
.sm-header-search input[type="search"]:focus { background: #fff; border-color: var(--sm-blue-500); outline: 3px solid rgba(11,103,178,.14); }
.sm-header-search button { background: var(--sm-blue-600); border: 0; border-radius: 9px; color: #fff; font-size: 0; height: 38px; padding: 0; position: absolute; right: 5px; top: 5px; width: 40px; }
.sm-header-search button::before { content: "⌕"; font-size: 23px; line-height: 1; }
.sm-header-actions { align-items: center; display: flex; gap: 18px; }
.sm-icon-link { align-items: center; color: var(--sm-ink); display: inline-flex; flex-direction: column; font-size: 11px; font-weight: 700; gap: 2px; position: relative; text-decoration: none; }
.sm-icon-link svg { fill: none; height: 25px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; width: 25px; }
.sm-cart-count { align-items: center; background: var(--sm-orange-500); border: 2px solid #fff; border-radius: 50%; color: #fff; display: flex; font-size: 10px; font-weight: 800; height: 19px; justify-content: center; line-height: 1; position: absolute; right: -9px; top: -7px; width: 19px; }
.sm-primary-nav { border-top: 1px solid #eef1f5; }
.sm-nav-list { align-items: center; display: flex; gap: 32px; justify-content: center; list-style: none; margin: 0; padding: 0; }
.sm-nav-list > li { margin: 0; }
.sm-nav-list a { color: #293548; display: block; font-size: 14px; font-weight: 700; padding: 14px 0; position: relative; text-decoration: none; }
.sm-nav-list a::after { background: var(--sm-blue-600); bottom: 8px; content: ""; height: 2px; left: 0; position: absolute; transform: scaleX(0); transform-origin: right; transition: transform .2s ease; width: 100%; }
.sm-nav-list a:hover::after, .sm-nav-list .current-menu-item > a::after { transform: scaleX(1); transform-origin: left; }
.sm-menu-toggle { background: none; border: 0; display: none; padding: 8px; }
.sm-menu-toggle i { background: var(--sm-navy-900); display: block; height: 2px; margin: 5px 0; width: 23px; }

/* Shared type and buttons */
h1, h2, h3, h4 { color: var(--sm-navy-900); font-weight: 800; letter-spacing: -.035em; line-height: 1.15; }
h1 { font-size: clamp(38px, 5vw, 67px); }
h2 { font-size: clamp(28px, 3.3vw, 42px); }
h3 { font-size: 21px; }
.sm-eyebrow { color: var(--sm-blue-600); font-size: 12px; font-weight: 850; letter-spacing: .14em; margin: 0 0 8px; text-transform: uppercase; }
.sm-eyebrow-light { color: #70c6ff; }
.button, button, input[type="button"], input[type="reset"], input[type="submit"], .wp-element-button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	border: 0; border-radius: 9px; font-weight: 750; transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.button:hover, button:hover, input[type="submit"]:hover, .woocommerce a.button:hover, .woocommerce button.button:hover { transform: translateY(-1px); }
.sm-button-primary, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background: var(--sm-blue-600); color: #fff; padding: 13px 23px; }
.sm-button-primary:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background: var(--sm-blue-700); color: #fff; box-shadow: 0 10px 24px rgba(11,103,178,.24); }
.sm-button-ghost { background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.28); color: #fff; padding: 12px 22px; }
.sm-button-ghost:hover { background: #fff; color: var(--sm-navy-900); }
.sm-button-light { background: #fff; color: var(--sm-navy-900); padding: 13px 23px; }
.sm-section { padding: 74px 0; }
.sm-section-soft { background: var(--sm-soft); }
.sm-section-heading { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 34px; }
.sm-section-heading h2 { margin: 0; }
.sm-text-link { color: var(--sm-navy-900); font-size: 14px; font-weight: 750; text-decoration: none; }
.sm-text-link span { color: var(--sm-blue-600); margin-left: 5px; }

/* Homepage */
.sm-hero { background-color: var(--sm-navy-950); background-image: linear-gradient(90deg, rgba(21,21,21,.98) 0%, rgba(21,21,21,.92) 38%, rgba(21,21,21,.18) 72%, rgba(21,21,21,.06) 100%), url('../images/hero-electronics.webp'); background-position: center; background-size: cover; color: #edf1f5; min-height: 590px; overflow: hidden; }
.sm-hero-inner { align-items: center; display: flex; min-height: 590px; }
.sm-hero-copy { max-width: 650px; padding: 72px 0; }
.sm-hero h1 { color: #fff; margin: 0 0 22px; max-width: 650px; }
.sm-hero-copy > p:not(.sm-eyebrow) { color: #cbd7e8; font-size: 19px; max-width: 590px; }
.sm-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 31px 0 29px; }
.sm-hero-trust { display: flex; flex-wrap: wrap; gap: 22px; list-style: none; margin: 0; padding: 0; }
.sm-hero-trust li { color: #dbe8f7; font-size: 13px; font-weight: 650; margin: 0; padding-left: 18px; position: relative; }
.sm-hero-trust li::before { color: #5fd3a2; content: "✓"; left: 0; position: absolute; }
.sm-category-grid { display: grid; gap: 14px; grid-template-columns: repeat(9, minmax(0, 1fr)); }
.sm-category-card { align-items: center; background: #fff; border: 1px solid var(--sm-line); border-radius: var(--sm-radius); color: var(--sm-ink); display: flex; flex-direction: column; min-height: 164px; padding: 21px 10px 17px; text-align: center; text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.sm-category-card:hover { border-color: #9bcdf9; box-shadow: var(--sm-shadow-sm); color: var(--sm-ink); transform: translateY(-4px); }
.sm-category-icon { align-items: center; background: linear-gradient(135deg, #e9f4ff, #f5f8fc); border-radius: 50%; color: var(--sm-blue-600); display: inline-flex; font-size: 26px; height: 60px; justify-content: center; margin-bottom: 14px; width: 60px; }
.sm-category-card strong { font-size: 13px; line-height: 1.3; min-height: 34px; }
.sm-category-card > span:last-child { color: var(--sm-muted); font-size: 10px; margin-top: 7px; }
.sm-value-strip { background: var(--sm-navy-900); color: #dce8f5; padding: 35px 0; }
.sm-value-grid { display: grid; gap: 30px; grid-template-columns: repeat(4, 1fr); }
.sm-value-grid > div { display: grid; gap: 2px 12px; grid-template-columns: 40px 1fr; }
.sm-value-grid > div > span { align-items: center; background: rgba(11,103,178,.18); border: 1px solid rgba(105,174,224,.28); border-radius: 10px; color: #7bb9e6; display: flex; font-size: 20px; grid-row: 1 / span 2; height: 40px; justify-content: center; width: 40px; }
.sm-value-grid strong { color: #fff; font-size: 14px; }
.sm-value-grid p { color: #adbed2; font-size: 12px; line-height: 1.5; margin: 1px 0 0; }
.sm-service-banner { background: linear-gradient(120deg, var(--sm-blue-700), var(--sm-navy-900)); color: #dbeafe; padding: 63px 0; }
.sm-service-banner-inner { align-items: center; display: flex; gap: 60px; justify-content: space-between; }
.sm-service-banner h2 { color: #fff; margin: 0 0 12px; }
.sm-service-banner p:last-child { margin: 0; max-width: 820px; }
.sm-service-banner .button { flex: 0 0 auto; }
.sm-contact-cta-inner { align-items: center; background: var(--sm-soft); border: 1px solid var(--sm-line); border-radius: var(--sm-radius-lg); display: flex; justify-content: space-between; padding: 42px 50px; }
.sm-contact-cta h2 { margin: 0 0 10px; }
.sm-contact-cta p:last-child { margin-bottom: 0; }
.sm-contact-actions { align-items: center; display: flex; flex-direction: column; gap: 11px; }
.sm-contact-actions span { color: var(--sm-muted); font-size: 12px; }

/* WooCommerce */
.woocommerce .products ul, .woocommerce ul.products { display: grid; gap: 20px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product { background: #fff; border: 1px solid var(--sm-line); border-radius: var(--sm-radius); display: flex; flex-direction: column; float: none; margin: 0; overflow: hidden; padding: 0 0 18px; transition: box-shadow .2s ease, transform .2s ease; width: auto; }
/* Neutralize Storefront's desktop float/percentage utilities inside our CSS grid. */
body .site-content .site-main ul.products[class*="columns-"] > li.product { clear: none !important; float: none !important; margin: 0 !important; max-width: none; width: 100% !important; }
.woocommerce ul.products li.product:hover { box-shadow: var(--sm-shadow); transform: translateY(-4px); }
.woocommerce ul.products li.product a img { aspect-ratio: 1/1; background: linear-gradient(145deg, #edf3f9, #f8fafc); margin: 0 0 18px; object-fit: cover; width: 100%; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--sm-ink); font-size: 16px; line-height: 1.4; min-height: 46px; padding: 0 18px; }
.woocommerce ul.products li.product .price { color: var(--sm-blue-700); font-size: 17px; font-weight: 800; margin: 4px 18px 13px; }
.woocommerce ul.products li.product .price del { color: #7b8794; font-size: 13px; opacity: 1; }
.woocommerce ul.products li.product .price ins { color: var(--sm-danger); font-weight: 850; }
.woocommerce ul.products li.product .button { align-self: stretch; background: var(--sm-navy-900); color: #fff; margin: auto 18px 0; text-align: center; }
.woocommerce ul.products li.product .button:hover { background: var(--sm-blue-600); }
.woocommerce span.onsale { background: var(--sm-danger); border: 0; border-radius: 5px; color: #fff; font-size: 11px; font-weight: 800; left: 12px; line-height: 1; margin: 0; min-height: auto; min-width: auto; padding: 7px 9px; right: auto; top: 12px; }
.woocommerce-info, .woocommerce-message, .woocommerce-error { background: var(--sm-soft); border-left: 4px solid var(--sm-blue-600); border-radius: var(--sm-radius-sm); color: var(--sm-ink); }
.woocommerce-error { border-left-color: var(--sm-danger); }
.woocommerce-message { border-left-color: var(--sm-success); }
.woocommerce .quantity .qty { border: 1px solid var(--sm-line); border-radius: 7px; min-height: 43px; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .select2-container--default .select2-selection--single, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea, select { background: #fff; border: 1px solid #cbd5e1; border-radius: 8px; box-shadow: none; min-height: 46px; padding: 10px 12px; }
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, input:focus, textarea:focus, select:focus { border-color: var(--sm-blue-500); box-shadow: 0 0 0 3px rgba(11,103,178,.12); outline: 0; }
.woocommerce-cart-form, .cart_totals, .woocommerce-checkout-review-order, .woocommerce-billing-fields, .woocommerce-additional-fields, .woocommerce-account .woocommerce-MyAccount-content { background: #fff; border: 1px solid var(--sm-line); border-radius: var(--sm-radius); padding: 24px; }
.site-main, #primary { margin-top: 0; }
body:not(.home) .site-content { padding-block: 48px 70px; }
body:not(.home) .site-main { width: 100%; }
.woocommerce-products-header { margin-bottom: 26px; text-align: left; }
.woocommerce-products-header__title.page-title, .entry-title { font-size: clamp(31px, 4vw, 48px); }
.storefront-breadcrumb { margin: 0 0 25px; padding: 0; }
.sm-shop-filter { align-items: end; background: var(--sm-soft); border: 1px solid var(--sm-line); border-radius: var(--sm-radius); display: grid; gap: 13px; grid-template-columns: 1.4fr 1.1fr .7fr .7fr .9fr auto; margin: 0 0 28px; padding: 18px; }
.sm-shop-filter label { color: #475467; display: block; font-size: 11px; font-weight: 750; margin-bottom: 4px; text-transform: uppercase; }
.sm-shop-filter input, .sm-shop-filter select { height: 42px; min-height: 42px; width: 100%; }
.sm-shop-filter button { background: var(--sm-blue-600); color: #fff; height: 42px; padding-inline: 20px; }
.sm-free-shipping-progress { background: #ecf7ff; border: 1px solid #b8defb; border-radius: var(--sm-radius-sm); color: var(--sm-navy-800); margin: 0 0 20px; padding: 13px 16px; }
.sm-free-shipping-progress strong { color: var(--sm-blue-700); }
.sm-checkout-address { background: var(--sm-soft); border: 1px solid var(--sm-line); border-radius: var(--sm-radius-sm); margin: 18px 0; padding: 16px; }
.sm-checkout-address h3 { font-size: 17px; margin: 0 0 7px; }
.sm-checkout-address p { margin: 0; }
.sm-product-details { background: var(--sm-soft); border-radius: var(--sm-radius-sm); display: grid; gap: 9px; margin: 22px 0; padding: 17px; }
.sm-product-details div { display: grid; gap: 10px; grid-template-columns: 145px 1fr; }
.sm-product-details dt { color: var(--sm-muted); font-weight: 650; }
.sm-product-details dd { color: var(--sm-ink); font-weight: 700; margin: 0; }
.stock.out-of-stock { color: var(--sm-danger); font-weight: 800; }

/* Content shortcodes */
.sm-page-intro { color: var(--sm-muted); font-size: 19px; max-width: 780px; }
.sm-content-grid { display: grid; gap: 24px; grid-template-columns: repeat(3, 1fr); margin: 35px 0; }
.sm-content-card { background: #fff; border: 1px solid var(--sm-line); border-radius: var(--sm-radius); padding: 25px; }
.sm-content-card h2, .sm-content-card h3 { margin-top: 0; }
.sm-all-categories { align-items: stretch; display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 42px 0 20px; }
.sm-category-directory-card { background: linear-gradient(155deg, #fff 0%, #fbfcfd 100%); border: 1px solid var(--sm-line); border-radius: 18px; display: flex; flex-direction: column; min-width: 0; overflow: hidden; position: relative; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.sm-category-directory-card::before { background: linear-gradient(90deg, var(--sm-blue-700), var(--sm-blue-500)); content: ""; height: 4px; inset: 0 0 auto; position: absolute; }
.sm-category-directory-card:hover { border-color: #b7cee0; box-shadow: var(--sm-shadow); transform: translateY(-4px); }
.sm-category-directory-head { align-items: center; border-bottom: 1px solid #edf0f3; display: flex; gap: 15px; min-height: 112px; padding: 25px 25px 21px; }
.sm-category-directory-icon { align-items: center; background: linear-gradient(145deg, #e8f3fb, #f5f9fc); border: 1px solid #d5e8f5; border-radius: 14px; color: var(--sm-blue-600); display: inline-flex; flex: 0 0 54px; font-size: 25px; height: 54px; justify-content: center; }
.sm-category-directory-label { color: var(--sm-blue-600); display: block; font-size: 10px; font-weight: 850; letter-spacing: .14em; margin-bottom: 5px; text-transform: uppercase; }
.sm-category-directory-card h2 { font-size: 22px; letter-spacing: -.025em; line-height: 1.18; margin: 0; }
.hentry .entry-content .sm-category-directory-card h2 a, .sm-category-directory-card h2 a { color: var(--sm-ink); text-decoration: none; }
.hentry .entry-content .sm-category-directory-card h2 a:hover, .sm-category-directory-card h2 a:hover { color: var(--sm-blue-700); }
.sm-category-directory-body { display: flex; flex: 1; flex-direction: column; padding: 18px 25px 24px; }
.sm-category-directory-count { color: var(--sm-muted); font-size: 12px; font-weight: 700; margin: 0 0 12px; }
.sm-category-directory-list { list-style: none; margin: 0 0 20px; padding: 0; }
.sm-category-directory-list li { border-bottom: 1px solid #edf0f3; margin: 0; }
.sm-category-directory-list li:last-child { border-bottom: 0; }
.hentry .entry-content .sm-category-directory-list a, .sm-category-directory-list a { align-items: center; color: #3e4854; display: flex; font-size: 14px; gap: 12px; justify-content: space-between; line-height: 1.35; padding: 9px 0; text-decoration: none; }
.hentry .entry-content .sm-category-directory-list a:hover, .sm-category-directory-list a:hover { color: var(--sm-blue-700); }
.sm-category-directory-list a > span:last-child { align-items: center; background: var(--sm-soft); border-radius: 50%; color: var(--sm-blue-600); display: inline-flex; flex: 0 0 24px; height: 24px; justify-content: center; transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.sm-category-directory-list a:hover > span:last-child { background: var(--sm-blue-600); color: #fff; transform: translateX(2px); }
.sm-category-directory-empty { color: var(--sm-muted); font-size: 14px; }
.hentry .entry-content .sm-category-directory-cta, .sm-category-directory-cta { align-items: center; align-self: flex-start; color: var(--sm-blue-700); display: inline-flex; font-size: 13px; font-weight: 800; gap: 7px; margin-top: auto; text-decoration: none; }
.sm-category-directory-cta:hover { color: var(--sm-navy-900); }
.sm-map-frame { background: var(--sm-soft); border: 1px solid var(--sm-line); border-radius: var(--sm-radius); margin: 28px 0 38px; overflow: hidden; }
.sm-map-frame iframe { border: 0; display: block; height: 430px; width: 100%; }
.sm-notice { background: #fff8e7; border: 1px solid #f6d98d; border-left: 4px solid var(--sm-orange-500); border-radius: var(--sm-radius-sm); color: #684b0c; margin: 22px 0; padding: 16px 18px; }
.sm-notice-draft { background: #fff1f0; border-color: #f7c4bf; border-left-color: var(--sm-danger); color: #7a271a; }
.sm-contact-form { background: var(--sm-soft); border: 1px solid var(--sm-line); border-radius: var(--sm-radius); max-width: 760px; padding: 28px; }
.sm-form-grid { display: grid; gap: 18px; grid-template-columns: 1fr 1fr; }
.sm-contact-form label { display: block; font-size: 14px; font-weight: 750; }
.sm-contact-form input, .sm-contact-form textarea { margin-top: 6px; width: 100%; }
.sm-contact-form textarea { min-height: 145px; }
.sm-form-full { grid-column: 1/-1; }
.sm-honeypot { left: -9999px; position: absolute; }
.sm-faq details { border-bottom: 1px solid var(--sm-line); padding: 18px 0; }
.sm-faq summary { color: var(--sm-navy-900); cursor: pointer; font-weight: 800; }
.sm-service-list { display: grid; gap: 17px; grid-template-columns: repeat(2, 1fr); list-style: none; margin: 30px 0; padding: 0; }
.sm-service-list li { background: var(--sm-soft); border-radius: var(--sm-radius-sm); margin: 0; padding: 18px 20px 18px 48px; position: relative; }
.sm-service-list li::before { color: var(--sm-blue-600); content: "✓"; font-size: 19px; font-weight: 900; left: 20px; position: absolute; }
.sm-404 { align-items: center; display: flex; justify-content: center; min-height: 54vh; }
.sm-404-card { background: var(--sm-soft); border: 1px solid var(--sm-line); border-radius: var(--sm-radius-lg); max-width: 760px; padding: 48px; text-align: center; width: 100%; }
.sm-404-card h1 { margin: 0 0 15px; }
.sm-404-card > p:not(.sm-eyebrow) { color: var(--sm-muted); margin-inline: auto; max-width: 570px; }
.sm-404-card .sm-header-search { margin: 28px auto 18px; max-width: 540px; }
.sm-404-card .sm-hero-actions { justify-content: center; margin-bottom: 0; }

/* Footer */
.sm-site-footer { background: var(--sm-navy-950); color: #aebed2; }
.sm-footer-grid { display: grid; gap: 55px; grid-template-columns: 1.4fr 1fr 1fr 1.35fr; padding-bottom: 55px; padding-top: 64px; }
.sm-brand-footer { background: #fff; border-radius: 12px; margin-bottom: 20px; padding: 9px 12px; }
.sm-brand-footer .sm-brand-logo { width: 205px; }
.sm-footer-grid h2 { color: #fff; font-size: 15px; letter-spacing: 0; margin: 8px 0 18px; }
.sm-footer-grid ul { list-style: none; margin: 0; padding: 0; }
.sm-footer-grid li { font-size: 13px; margin: 0 0 9px; }
.sm-footer-grid a { color: #aebed2; text-decoration: none; }
.sm-footer-grid a:hover { color: #fff; }
.sm-contact-list li { overflow-wrap: anywhere; }
.sm-footer-bottom { border-top: 1px solid rgba(255,255,255,.1); }
.sm-footer-bottom > div { align-items: center; display: flex; font-size: 11px; justify-content: space-between; min-height: 70px; }
.sm-footer-bottom p { margin: 0; }
.sm-footer-bottom nav { display: flex; flex-wrap: wrap; gap: 18px; }
.sm-footer-bottom a, .sm-footer-bottom span { color: #8fa1b7; text-decoration: none; }

@media (max-width: 1100px) {
	.sm-category-grid { grid-template-columns: repeat(5, 1fr); }
	.sm-all-categories { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sm-shop-filter { grid-template-columns: repeat(3, 1fr); }
	.sm-value-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 782px) {
	.admin-bar .sm-site-header { top: 46px; }
	.sm-topbar-inner span { display: none; }
	.sm-topbar-inner { justify-content: center; }
	.sm-header-main { gap: 12px; grid-template-columns: 1fr auto; min-height: 82px; }
	.sm-brand-logo { width: 145px; }
	.sm-header-search { grid-column: 1/-1; grid-row: 2; padding-bottom: 12px; }
	.sm-icon-link > span:not(.sm-cart-count) { display: none; }
	.sm-menu-toggle { display: block; }
	.sm-primary-nav { display: none; }
	.sm-primary-nav.is-open { display: block; }
	.sm-nav-list { align-items: stretch; flex-direction: column; gap: 0; padding: 7px 0 15px; }
	.sm-nav-list a { border-bottom: 1px solid var(--sm-line); padding: 11px 2px; }
	.sm-hero, .sm-hero-inner { min-height: 540px; }
	.sm-hero { background-image: linear-gradient(90deg, rgba(21,21,21,.98), rgba(21,21,21,.78)), url('../images/hero-electronics.webp'); background-position: 62% center; }
	.sm-hero-copy { padding: 58px 0; }
	.sm-hero-copy > p:not(.sm-eyebrow) { font-size: 17px; }
	.sm-category-grid { grid-template-columns: repeat(3, 1fr); }
	.woocommerce .products ul, .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sm-section { padding: 55px 0; }
	.sm-service-banner-inner, .sm-contact-cta-inner { align-items: flex-start; flex-direction: column; }
	.sm-contact-cta-inner { gap: 25px; padding: 30px; }
	.sm-contact-actions { align-items: flex-start; }
	.sm-footer-grid { grid-template-columns: repeat(2, 1fr); }
	.sm-content-grid { grid-template-columns: 1fr; }
	.sm-all-categories { grid-template-columns: 1fr; }
	.sm-shop-filter { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 520px) {
	.sm-container, .col-full { padding-inline: 15px; }
	.sm-brand-logo { width: 126px; }
	.sm-header-actions { gap: 12px; }
	.sm-hero h1 { font-size: 39px; }
	.sm-category-grid { grid-template-columns: repeat(2, 1fr); }
	.sm-category-card { min-height: 145px; }
	.sm-section-heading { align-items: flex-start; flex-direction: column; gap: 11px; }
	.sm-value-grid { grid-template-columns: 1fr; }
	.woocommerce .products ul, .woocommerce ul.products { gap: 12px; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 14px; min-height: 58px; padding: 0 12px; }
	.woocommerce ul.products li.product .price { margin-inline: 12px; }
	.woocommerce ul.products li.product .button { font-size: 12px; margin-inline: 12px; padding-inline: 8px; }
	.sm-service-list, .sm-form-grid, .sm-shop-filter { grid-template-columns: 1fr; }
	.sm-footer-grid { gap: 34px; grid-template-columns: 1fr; }
	.sm-footer-bottom > div { align-items: flex-start; flex-direction: column; gap: 14px; padding-bottom: 22px; padding-top: 22px; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}