@font-face{font-family:Peyda;src:url('../fonts/Peyda-Regular.ttf')}@font-face{font-family:Peyda;src:url('../fonts/Peyda-Bold.ttf');font-weight:700}@font-face{font-family:Peyda;src:url('../fonts/Peyda-Black.ttf');font-weight:900}
:root{--navy:#000257;--blue:#0a2a78;--orange:#f37024;--ink:#071b54;--muted:#73809a;--line:#dfe5ef;--soft:#f4f7fb;--shell:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef2f6;color:var(--ink);font-family:Peyda,Tahoma,sans-serif;font-size:16px}.shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}.site-header{height:80px;background:#fff;display:flex;align-items:center;padding-inline:max(24px,calc((100% - var(--shell))/2));gap:52px;position:relative;z-index:20;border-bottom:1px solid #edf0f4}.brand{margin-right:auto}.brand img{width:76px;height:48px;display:block}.desktop-nav{display:flex;align-items:center;height:100%;gap:38px}.desktop-nav a{height:100%;display:flex;align-items:center;text-decoration:none;color:#5e6d89;font-weight:700;position:relative;white-space:nowrap}.desktop-nav a.active{color:var(--navy)}.desktop-nav a.active:after{content:"";position:absolute;bottom:10px;inset-inline:0;height:3px;border-radius:4px;background:var(--orange)}.menu-button,.mobile-nav{display:none}
.hero{height:252px;position:relative;overflow:hidden;background:#122944}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,27,51,.02) 20%,rgba(10,31,55,.72) 66%,rgba(9,24,45,.9) 100%)}.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.breadcrumbs{display:flex;gap:12px;color:#d2dae4;font-size:.95rem}.breadcrumbs a{color:#fff;text-decoration:none}.hero h1{margin:12px 0 16px;color:#fff;font-size:2.15rem;line-height:1;font-weight:900}.search-box{height:56px;width:min(650px,60%);background:#fff;border-radius:8px;display:flex;align-items:center;padding:0 18px;box-shadow:0 8px 24px rgba(0,0,0,.13)}.search-box input{border:0;outline:0;width:100%;font:inherit;color:var(--ink);background:transparent}.search-icon{width:18px;height:18px;border:2px solid var(--blue);border-radius:50%;position:relative;margin-right:10px;flex:none}.search-icon:after{content:"";position:absolute;width:8px;height:2px;background:var(--blue);transform:rotate(45deg);left:-5px;bottom:-2px}
.catalog{background:#fff;padding:20px 22px 26px;min-height:690px}.category-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.tab{height:46px;border:1px solid transparent;border-radius:7px;background:#f4f6fa;color:#30446e;font:700 1rem Peyda;cursor:pointer}.tab.active{border-color:#173e98;background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1px #173e98}.catalog-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px}.filters{border:1px solid var(--line);border-radius:9px;align-self:start;overflow:hidden}.filter-title{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.filter-title h2{font-size:1.35rem;margin:0}.filter-title button{font:inherit;color:var(--orange);border:0;background:none;cursor:pointer;display:none}.filters details{border-bottom:1px solid var(--line);padding:0 20px}.filters details:last-child{border:0}.filters summary{height:56px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700;list-style:none}.filters summary:after{content:"⌄";font-size:1.3rem}.filters details[open] summary:after{transform:rotate(180deg)}.filters label{display:flex;align-items:center;gap:8px;color:#66738d;padding:3px 0 10px;cursor:pointer}.filters input{accent-color:var(--navy);width:18px;height:18px}.filter-toggle{display:none}.results-toolbar{height:44px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.results-toolbar label{display:flex;align-items:center;gap:5px;color:#53617c}.results-toolbar select{height:38px;border:1px solid var(--line);border-radius:6px;padding:0 12px;font:inherit;color:var(--ink);background:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{min-height:340px;border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden;transition:transform .18s,box-shadow .18s}.product-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(0,2,87,.10)}.product-image{height:146px;background:#f4f6f8;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-body{display:flex;flex-direction:column;padding:16px 14px}.product-body h3{font-size:1.07rem;line-height:1.45;min-height:3.05em;margin:0 0 12px}.product-body .en{display:block;min-height:4.5em;color:#7f8ba0;font-size:.84rem;line-height:1.5;direction:ltr;text-align:left;margin-bottom:18px}.details-link{margin-top:auto;border-top:1px solid #edf0f4;padding-top:10px;display:flex;justify-content:flex-end;gap:7px;color:#294677;font-weight:700;text-decoration:none;font-size:.9rem}.empty-state{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted)}.empty-state strong{font-size:1.25rem;color:var(--ink)}
.support-band{margin-top:34px;height:84px;border-radius:8px;background:linear-gradient(90deg,#edf2f8,#f7f9fc);display:flex;align-items:center;overflow:hidden;padding:0 28px;position:relative}.support-band>img{position:absolute;right:0;width:195px;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.85}.support-copy{display:flex;align-items:center;gap:16px;margin-right:180px}.support-copy strong,.support-copy small{display:block}.support-copy small{color:#7a879b;margin-top:3px}.headset{font-size:2.6rem;color:var(--blue)}.support-actions{margin-right:auto;display:flex;gap:14px}.button{height:44px;min-width:172px;border-radius:6px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700}.button.primary{background:var(--orange);color:#fff}.button.outline{border:1px solid #21428c;color:#173574;background:white}.button.outline span{font-size:1.4rem;margin-right:9px}
@media(max-width:1100px){.desktop-nav{gap:18px;font-size:.9rem}.product-grid{grid-template-columns:repeat(3,1fr)}.catalog-layout{grid-template-columns:240px 1fr}.support-copy{margin-right:0}.support-band>img{display:none}}
@media(max-width:820px){.shell{width:min(100% - 28px,var(--shell))}.site-header{height:68px;padding-inline:18px}.brand img{width:62px}.desktop-nav{display:none}.menu-button{display:flex;margin-left:auto;width:42px;height:42px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px}.menu-button span{display:block;width:24px;height:2px;background:var(--navy)}.mobile-nav{display:none;position:absolute;top:68px;inset-inline:0;background:#fff;padding:12px 20px;box-shadow:0 14px 25px rgba(0,2,87,.12)}.mobile-nav.open{display:grid}.mobile-nav a{text-decoration:none;color:var(--ink);padding:12px;border-bottom:1px solid var(--line)}.hero{height:230px}.search-box{width:100%}.catalog{padding-inline:0;background:#fff}.category-tabs{overflow:auto;display:flex;padding-bottom:3px}.tab{min-width:130px}.filter-toggle{display:block;width:100%;height:44px;border:1px solid var(--line);background:#fff;border-radius:7px;color:var(--navy);font:700 1rem Peyda;margin-bottom:10px}.catalog-layout{display:block}.filters{display:none;margin-bottom:15px}.filters.open{display:block}.product-grid{grid-template-columns:repeat(2,1fr)}.support-band{height:auto;min-height:170px;display:block;padding:20px}.support-copy{margin:0}.support-actions{margin-top:18px}.button{flex:1;min-width:0}.results-toolbar{height:auto;margin:12px 0}.support-band>img{display:none}}
@media(max-width:520px){body{background:#fff}.hero{height:242px}.hero-shade{background:linear-gradient(90deg,rgba(8,26,48,.25),rgba(7,24,44,.88))}.hero h1{font-size:1.85rem}.product-grid{grid-template-columns:1fr;gap:12px}.product-card{display:grid;grid-template-columns:42% 58%}.product-image{height:100%;min-height:175px}.support-actions{flex-direction:column}.support-band{margin-top:22px}.results-toolbar{align-items:flex-start;gap:10px}.results-toolbar label{font-size:.87rem}.results-toolbar select{max-width:135px}.category-tabs{margin-inline:-14px;padding-inline:14px}.catalog{min-height:0}}
.hero-content{align-items:flex-end}.product-grid{direction:ltr}.product-card{direction:rtl}
.hero-content{align-items:flex-start;text-align:right}.hero-content .breadcrumbs,.hero-content h1{align-self:flex-start;text-align:right}
@media(max-width:820px){.hero-content.shell{width:calc(100% - 36px)}}@media(max-width:520px){.hero-content{align-items:stretch}.hero h1{text-align:right}}

/* Dark industrial theme */
:root{color-scheme:dark;--ink:#eef3ff;--muted:#94a2bd;--line:#26314a;--soft:#111a2d}
body{background:#030713;color:var(--ink)}
.site-header{background:rgba(5,10,24,.96);border-bottom-color:#1b263d;box-shadow:0 10px 30px rgba(0,0,0,.22)}
.desktop-nav a{color:#99a7c0}.desktop-nav a.active{color:#fff}.menu-button span{background:#fff}.mobile-nav{background:#080f20;box-shadow:0 14px 30px rgba(0,0,0,.35)}.mobile-nav a{color:#eef3ff;border-bottom-color:#26314a}
.hero{background:#071222}.hero-shade{background:linear-gradient(90deg,rgba(1,5,12,.05) 18%,rgba(3,9,19,.68) 66%,rgba(3,8,18,.92) 100%)}
.search-box{background:rgba(8,15,31,.92);border:1px solid #34425f;box-shadow:0 12px 34px rgba(0,0,0,.32)}.search-box input{color:#f7f9ff}.search-box input::placeholder{color:#8390aa}.search-icon{border-color:#ff8a43}.search-icon:after{background:#ff8a43}
.catalog{background:#070c19}.tab{background:#0d1528;color:#9cabc5;border-color:#19243a}.tab:hover{background:#131e35}.tab.active{background:#101a30;color:#fff;border-color:#5577d2;box-shadow:inset 0 0 0 1px #5577d2,0 0 24px rgba(75,109,205,.10)}
.filter-toggle{background:#0d1528;border-color:#2b3852;color:#fff}.filters{background:#0b1223;border-color:#26314a;box-shadow:0 18px 40px rgba(0,0,0,.18)}.filter-title{border-bottom-color:#26314a}.filters details{border-bottom-color:#26314a}.filters label{color:#a5b0c5}.filters input{accent-color:#f37024}
.results-toolbar label{color:#a6b1c5}.results-toolbar select{background:#0d1528;border-color:#2b3852;color:#f3f6ff}
.product-card{background:#0b1223;border-color:#26314a}.product-card:hover{border-color:#3d527f;box-shadow:0 18px 38px rgba(0,0,0,.34)}.product-image{background:#dfe4e9;border-bottom:1px solid #303a4b}.product-body .en{color:#919eb5}.badge{background:#17223a;color:#b7c2d5}.details-link{border-top-color:#26314a;color:#f78a48}
.empty-state strong{color:#eef3ff}.support-band{background:linear-gradient(110deg,#0c1427,#121d32);border:1px solid #26314a}.support-copy small{color:#96a3b9}.button.outline{background:#0c1427;border-color:#6177ac;color:#edf2ff}.button.primary{box-shadow:0 8px 22px rgba(243,112,36,.22)}
@media(max-width:820px){.catalog{background:#070c19}}
.details-link{color:#9fb7ee}.details-link:hover{color:#fff;background:#101a30;border-color:#5577d2}
.theme-toggle{width:42px;height:42px;border-radius:50%;border:1px solid #33415d;background:#0d1528;color:#ffd7a8;font:1.2rem/1 Peyda;display:grid;place-items:center;cursor:pointer;flex:none;transition:background .18s,border-color .18s,transform .18s}.theme-toggle:hover{background:#17223a;border-color:#6478a2;transform:rotate(12deg)}
html[data-theme="light"]{color-scheme:light}html[data-theme="light"] body{background:#eef2f6;color:#071b54}html[data-theme="light"] .site-header{background:#fff;border-bottom-color:#edf0f4;box-shadow:none}html[data-theme="light"] .desktop-nav a{color:#5e6d89}html[data-theme="light"] .desktop-nav a.active{color:#000257}html[data-theme="light"] .menu-button span{background:#000257}html[data-theme="light"] .mobile-nav{background:#fff;box-shadow:0 14px 25px rgba(0,2,87,.12)}html[data-theme="light"] .mobile-nav a{color:#071b54;border-bottom-color:#dfe5ef}html[data-theme="light"] .hero-shade{background:linear-gradient(90deg,rgba(9,27,51,.02) 20%,rgba(10,31,55,.72) 66%,rgba(9,24,45,.9) 100%)}html[data-theme="light"] .search-box{background:#fff;border-color:transparent;box-shadow:0 8px 24px rgba(0,0,0,.13)}html[data-theme="light"] .search-box input{color:#071b54}html[data-theme="light"] .search-box input::placeholder{color:#7d879a}html[data-theme="light"] .search-icon{border-color:#0a2a78}html[data-theme="light"] .search-icon:after{background:#0a2a78}html[data-theme="light"] .catalog{background:#fff}html[data-theme="light"] .tab{background:#f4f6fa;color:#30446e;border-color:transparent}html[data-theme="light"] .tab.active{background:#fff;color:#000257;border-color:#173e98;box-shadow:inset 0 0 0 1px #173e98}html[data-theme="light"] .filter-toggle,html[data-theme="light"] .filters{background:#fff;border-color:#dfe5ef;color:#000257;box-shadow:none}html[data-theme="light"] .filter-title,html[data-theme="light"] .filters details{border-color:#dfe5ef}html[data-theme="light"] .filters label{color:#66738d}html[data-theme="light"] .results-toolbar label{color:#53617c}html[data-theme="light"] .results-toolbar select{background:#fff;border-color:#dfe5ef;color:#071b54}html[data-theme="light"] .product-card{background:#fff;border-color:#dfe5ef}html[data-theme="light"] .product-card:hover{border-color:#cbd4e4;box-shadow:0 13px 28px rgba(0,2,87,.10)}html[data-theme="light"] .product-image{background:#f4f6f8;border-bottom-color:#edf0f4}html[data-theme="light"] .product-body .en{color:#7f8ba0}html[data-theme="light"] .badge{background:#edf1f6;color:#66738d}html[data-theme="light"] .details-link{border-top-color:#edf0f4;color:#294677}html[data-theme="light"] .details-link:hover{color:#fff;background:var(--navy);border-color:var(--navy)}html[data-theme="light"] .empty-state strong{color:#071b54}html[data-theme="light"] .support-band{background:linear-gradient(90deg,#edf2f8,#f7f9fc);border-color:transparent}html[data-theme="light"] .support-copy small{color:#7a879b}html[data-theme="light"] .button.outline{background:#fff;border-color:#21428c;color:#173574}html[data-theme="light"] .theme-toggle{background:#f4f6fa;border-color:#dfe5ef;color:#000257}
@media(max-width:820px){.site-header{gap:12px}.theme-toggle{margin-right:auto}html[data-theme="light"] .catalog{background:#fff}}

/* Scroll-aware navigation and theme-specific interaction refinements */
.site-header{position:sticky;top:0;transition:transform .24s ease,opacity .24s ease;will-change:transform,opacity}
.site-header.nav-hidden{transform:translateY(-105%);opacity:0;pointer-events:none}
.support-band>img{mix-blend-mode:normal;opacity:1;filter:brightness(1.12) contrast(1.06)}
html[data-theme="light"] .support-band>img{mix-blend-mode:multiply;opacity:.85;filter:none}
html[data-theme="light"] .tab:not(.active):hover{background:#dde5f1;color:#000257;border-color:#c3cee0}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}

@media(min-width:821px){.details-link,html[data-theme="light"] .details-link{width:max-content;margin-right:auto;border:1px solid var(--navy);border-radius:7px;padding:7px 10px;justify-content:center}}

.sheet-handle,.filter-close,.apply-filters,.filter-backdrop,.bottom-nav{display:none}

@media(max-width:820px){
 body{padding-bottom:76px}.site-header{position:sticky;top:0;z-index:70}.hero{height:224px}.hero-image{opacity:.28}.breadcrumbs{display:none}.hero-content{justify-content:center;align-items:stretch}.hero h1{font-size:1.75rem;text-align:center;margin:0 0 16px}.search-box{height:48px;border-radius:9px}
 .category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible;margin:0 0 12px;padding:0}.tab{min-width:0;height:42px;font-size:.9rem;border-radius:7px}.tab.active{background:#101a30;color:#fff;border-color:#5577d2;box-shadow:inset 0 0 0 1px #5577d2}.filter-toggle{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;margin:0 0 10px;background:#0d1528;border-color:#2b3852;color:#eef3ff}
 .catalog{padding-top:14px}.results-toolbar{align-items:center}.results-toolbar label{display:none}.product-grid{grid-template-columns:1fr;gap:10px}.product-card{display:grid;grid-template-columns:38% 62%;min-height:176px}.product-image{height:100%;min-height:176px}.product-body{display:flex;flex-direction:column;padding:13px}.badges{margin:8px 0}.details-link{margin-top:auto;align-self:flex-start;border:1px solid var(--navy);border-radius:7px;padding:7px 10px}
 .filter-backdrop{display:block;position:fixed;inset:0;z-index:80;background:rgba(1,4,12,.66);opacity:0;pointer-events:none;transition:opacity .22s}.filter-backdrop.open{opacity:1;pointer-events:auto}.filters{display:flex;flex-direction:column;position:fixed;z-index:90;right:0;left:0;bottom:72px;height:min(78vh,680px);max-height:calc(100dvh - 72px);overflow:hidden;margin:0;border-radius:22px 22px 0 0;border:1px solid #32405c;background:#0b1223;box-shadow:0 -24px 70px rgba(0,0,0,.48);transform:translateY(calc(100% + 72px));transition:transform .28s ease}.filters.open{display:flex;transform:translateY(0)}.sheet-handle{display:block;width:46px;height:5px;border-radius:10px;background:#61708a;margin:10px auto 2px}.filter-title{height:58px;position:relative}.filter-title h2{margin:auto}.filter-title button{display:block}.filter-title #clear-filters{color:#9fb7ee}.filter-close{position:absolute;right:12px;width:40px;height:40px;border:0!important;background:transparent!important;color:#eef3ff!important;font-size:1.9rem!important}.filter-options{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.filters details{padding-inline:20px}.filters input{accent-color:#5577d2}.filters summary{height:52px}.apply-filters{display:block;position:relative;flex:0 0 auto;width:calc(100% - 28px);height:48px;margin:12px 14px calc(12px + env(safe-area-inset-bottom));border:1px solid #5577d2;border-radius:9px;background:#101a30;color:#fff;font:700 1rem Peyda;box-shadow:0 10px 26px rgba(0,0,0,.28)}body.sheet-open{overflow:hidden}
 .bottom-nav{display:flex;position:fixed;z-index:60;right:0;left:0;bottom:0;height:72px;padding:7px 4px max(7px,env(safe-area-inset-bottom));background:rgba(5,10,24,.97);border-top:1px solid #26314a;box-shadow:0 -8px 30px rgba(0,0,0,.22)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#a8b4ca;text-decoration:none;font-weight:400}.bottom-nav span{font-size:1.35rem;line-height:1}.bottom-nav small{font-size:.72rem;font-weight:400;white-space:nowrap}
 html[data-theme="light"] body{background:#f5f7fb}html[data-theme="light"] .hero-image{opacity:.18}html[data-theme="light"] .tab{background:#eef2f7;color:#30446e;border-color:#dfe5ef}html[data-theme="light"] .tab.active{background:#fff;color:#000257;border-color:#173e98;box-shadow:inset 0 0 0 1px #173e98}html[data-theme="light"] .filter-toggle{background:#fff;border-color:#cfd8e6;color:#000257}html[data-theme="light"] .filters{background:#fff;border-color:#dfe5ef;box-shadow:0 -24px 70px rgba(0,2,87,.18)}html[data-theme="light"] .filters input{accent-color:#000257}html[data-theme="light"] .sheet-handle{background:#aab4c3}html[data-theme="light"] .filter-close{color:#000257!important}html[data-theme="light"] .filter-title #clear-filters{color:#294677}html[data-theme="light"] .apply-filters{background:#000257;border-color:#000257;color:#fff}html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.98);border-top-color:#dfe5ef;box-shadow:0 -8px 26px rgba(0,2,87,.1)}html[data-theme="light"] .bottom-nav a{color:#53617c}
}

@media(max-width:520px){.shell{width:calc(100% - 24px)}.hero{height:210px}.product-card{grid-template-columns:36% 64%;min-height:164px}.product-image{min-height:164px}.support-band{margin-bottom:10px}.bottom-nav small{font-size:.68rem}}

/* Shared moon/sun theme switch, matching the approved reference. */
html[data-theme] .theme-toggle{position:relative;display:block;flex:none;width:84px;height:38px;margin-right:auto;padding:0;border:1px solid #d9e3f3;border-radius:11px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000257' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M2 12h2m16 0h2M4.9 4.9l1.4 1.4m11.4 11.4 1.4 1.4M19.1 4.9l-1.4 1.4M6.3 17.7l-1.4 1.4'/%3E%3C/svg%3E") no-repeat right 9px center / 20px 20px;color:transparent;font-size:0;line-height:0;cursor:pointer;transform:none;transition:border-color .2s,box-shadow .2s}
html[data-theme] .theme-toggle:hover{border-color:#9db0d1;box-shadow:0 2px 8px #0002571a;transform:none}
html[data-theme] .theme-toggle:focus-visible{outline:2px solid #000257;outline-offset:3px}
html[data-theme] .theme-toggle::before{content:"";position:absolute;left:6px;top:7px;width:44px;height:22px;border-radius:16px;background:#d9e3f3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000257' d='M13.8 2.8A7.5 7.5 0 1 0 17.2 14a6.3 6.3 0 0 1-3.4-11.2Z'/%3E%3C/svg%3E") no-repeat 5px center / 15px 15px}
html[data-theme] .theme-toggle::after{content:"";position:absolute;left:30px;top:10px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00025730;transition:left .2s}
html[data-theme=dark] .theme-toggle::before{background-color:#253a69;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='white' d='M13.8 2.8A7.5 7.5 0 1 0 17.2 14a6.3 6.3 0 0 1-3.4-11.2Z'/%3E%3C/svg%3E")}
html[data-theme=dark] .theme-toggle::after{left:9px}

@media(max-width:820px){
  .site-header{direction:ltr}
  .site-header .brand{margin:0}
  html[data-theme] .site-header .theme-toggle{margin:0 0 0 auto}
  .site-header .menu-button{margin:0}
}

/* Mobile hardening — 2026-09-28 */
@media(max-width:820px){
  html,body{max-width:100%;overflow-x:hidden;}
  img,svg,video,iframe{max-width:100%;}
  input,select,textarea{font-size:16px;}
  .mobile-nav{max-height:calc(100vh - 68px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
}


/* A1 Mobile Bottom Navigation — one consistent 5-item layout */
@media(max-width:820px){
  body{padding-bottom:78px!important}
  .bottom-nav{
    display:flex!important;position:fixed!important;z-index:11000!important;
    right:0!important;left:0!important;bottom:0!important;width:100%!important;
    min-height:72px!important;height:auto!important;
    padding:6px 4px max(6px,env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;background:rgba(5,10,24,.98)!important;
    border-top:1px solid #26314a!important;box-shadow:0 -8px 30px rgba(0,0,0,.22)!important;
    direction:rtl!important;gap:0!important;
  }
  .bottom-nav>a,
  .bottom-nav>.nav-item{
    flex:1 1 20%!important;width:20%!important;min-width:0!important;height:60px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:3px!important;margin:0!important;padding:3px 2px!important;box-sizing:border-box!important;
    color:#a8b4ca!important;text-decoration:none!important;font:400 12px/1.2 Peyda,Tahoma,sans-serif!important;
    text-align:center!important;white-space:nowrap!important;border:0!important;background:transparent!important;
  }
  .bottom-nav>a:active,.bottom-nav>.nav-item:active{transform:translateY(1px)!important}
  .bottom-nav .nav-icon{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:30px!important;height:28px!important;margin:0!important;padding:0!important;
    font-size:25px!important;line-height:1!important;color:inherit!important;
  }
  .bottom-nav small{display:block!important;margin:0!important;padding:0!important;font-size:.72rem!important;line-height:1.2!important;font-weight:400!important;color:inherit!important;white-space:nowrap!important}
  .bottom-nav .nav-item[aria-disabled="true"]{cursor:default!important;opacity:1!important}
  html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.98)!important;border-top-color:#dfe5ef!important;box-shadow:0 -8px 26px rgba(0,2,87,.1)!important}
  html[data-theme="light"] .bottom-nav>a,html[data-theme="light"] .bottom-nav>.nav-item{color:#53617c!important}
}


/* ==========================================================================
   Homepage mobile refinement
   Scope: mobile/tablet only. Desktop layout remains unchanged.
   ========================================================================== */
@media (max-width: 820px) {
  html, body {
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  *, *::before, *::after { box-sizing:border-box; }

  .shell,
  .hero-content.shell {
    width:calc(100% - 24px) !important;
    max-width:1120px;
    min-width:0;
  }

  .hero {
    width:100%;
    max-width:100%;
    overflow:hidden;
  }

  .hero-content {
    min-width:0;
    max-width:100%;
  }

  .hero h1 {
    max-width:100%;
    font-size:clamp(1.45rem,7vw,1.85rem);
    line-height:1.5;
    overflow-wrap:anywhere;
  }

  .search-box {
    width:100% !important;
    max-width:100%;
    min-width:0;
  }

  .search-box input {
    min-width:0;
    width:100%;
    text-overflow:ellipsis;
  }

  .category-tabs {
    max-width:100%;
    min-width:0;
  }

  .catalog-layout,
  .product-grid,
  .product-card,
  .product-body,
  .support-band,
  .support-copy,
  .support-actions {
    min-width:0;
    max-width:100%;
  }

  .product-card {
    overflow:hidden;
  }

  .product-image {
    min-width:0;
    overflow:hidden;
  }

  .product-image img {
    width:100%;
    max-width:100%;
    height:100%;
    object-fit:contain;
  }

  .product-body {
    overflow:hidden;
  }

  .product-body h3,
  .product-body .en,
  .product-body p,
  .badge,
  .details-link {
    overflow-wrap:anywhere;
  }

  .details-link {
    max-width:100%;
  }

  .results-toolbar {
    min-width:0;
    max-width:100%;
  }

  .results-toolbar select {
    min-width:0;
    max-width:100%;
  }

  .support-band {
    overflow:hidden;
  }

  .support-band > img {
    max-width:100%;
    height:auto;
  }

  .support-actions .button {
    min-width:0;
    max-width:100%;
  }
}

@media (max-width:520px) {
  .shell,
  .hero-content.shell {
    width:calc(100% - 20px) !important;
  }

  .category-tabs {
    margin-inline:-10px;
    padding-inline:10px;
  }

  .tab {
    min-width:0 !important;
  }

  .product-card {
    grid-template-columns:38% 62% !important;
    min-height:160px;
  }

  .product-image {
    min-height:160px;
  }

  .product-body {
    padding:11px;
  }

  .product-body h3 {
    font-size:.92rem;
    line-height:1.45;
  }

  .product-body p {
    font-size:.78rem;
    line-height:1.5;
  }

  .badge {
    font-size:.7rem;
  }

  .support-band {
    padding:16px !important;
  }

  .support-copy h2 {
    font-size:1.08rem;
    line-height:1.5;
  }
}

@media (max-width:380px) {
  .shell,
  .hero-content.shell {
    width:calc(100% - 16px) !important;
  }

  .product-card {
    grid-template-columns:35% 65% !important;
  }

  .product-body {
    padding:9px;
  }

  .product-body h3 {
    font-size:.86rem;
  }

  .product-body p {
    font-size:.74rem;
  }
}

/* Product card refinements */
.product-title-group {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 3px;
  margin-bottom: 12px;
  min-width: 0;
}

.product-title-group h3 {
  min-height: 0;
  margin: 0;
  line-height: 1.4;
}

.product-title-group .en {
  min-height: 0;
  margin: 0;
  line-height: 1.35;
  text-align: right;
  direction: ltr;
  overflow-wrap: anywhere;
}

.product-nominal-voltage {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-end;
  gap: 3px;
  max-width: 100%;
  margin: 0 0 12px;
  padding: 7px 11px;
  border: 1px solid #f36f21;
  border-radius: 7px;
  background: rgba(243, 111, 33, 0.07);
  color: #000865;
  direction: rtl;
  text-align: right;
  box-sizing: border-box;
}

.product-nominal-voltage .voltage-label {
  font-size: .72rem;
  line-height: 1.4;
  color: #66738d;
}

.product-nominal-voltage .voltage-value {
  font-size: .9rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.details-link,
html[data-theme="light"] .details-link {
  border: 1px solid #f36f21;
  border-radius: 7px;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.details-link:hover,
html[data-theme="light"] .details-link:hover {
  border-color: #f36f21;
  background: #f36f21;
  color: #fff;
}

html[data-theme="dark"] .product-nominal-voltage {
  background: rgba(243, 111, 33, 0.1);
  border-color: #f36f21;
  color: #f3f5fa;
}

html[data-theme="dark"] .product-nominal-voltage .voltage-label {
  color: #aebbd3;
}

@media (max-width: 520px) {
  .product-title-group {
    gap: 2px;
    margin-bottom: 8px;
  }

  .product-nominal-voltage {
    margin-bottom: 8px;
    padding: 5px 8px;
  }

  .product-nominal-voltage .voltage-value {
    font-size: .8rem;
  }
}

/* Nominal voltage box */
.product-nominal-voltage {
  align-self: flex-start;
  align-items: flex-start;
  background: #f3f4f6;
  border: 1px solid #cbd0d8;
  color: #263247;
  direction: rtl;
  text-align: right;
}

.product-nominal-voltage .voltage-label {
  color: #737b88;
}

.product-nominal-voltage .voltage-value {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: left;
  color: #263247;
}

/* Inline nominal voltage */
.product-nominal-voltage {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  white-space: nowrap;
  max-width: 100%;
  padding: 7px 10px;
}

.product-nominal-voltage .voltage-label,
.product-nominal-voltage .voltage-value {
  display: inline;
  margin: 0;
  white-space: nowrap;
  line-height: 1.5;
}

.product-nominal-voltage .voltage-value {
  direction: ltr;
  unicode-bidi: isolate;
}

/* Full-width product details button */
.product-body > .details-link,
.product-body > .details-link:hover {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  align-self: stretch;
  margin-right: 0;
  justify-content: space-between;
  text-align: right;
}

/* Force product details button to span the full card content width */
.product-card .product-body > a.details-link,
.product-card .product-body > a.details-link:hover,
html[data-theme="light"] .product-card .product-body > a.details-link {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  align-self: stretch !important;
  margin: 0 !important;
  margin-top: auto !important;
  justify-content: space-between !important;
  flex-shrink: 0;
}