/* ===== osuz-final-shared-css ===== */
:root{--osuz-header:#067890;--osuz-nav:#0b1725;--osuz-cyan:#00bcd4;--osuz-bg:#f8fafc;--osuz-dark:#070b12}
html,body{min-height:100%}body{margin:0}
.site-header-top,.auth-site-header{background:var(--osuz-header)!important;background-color:var(--osuz-header)!important;border-color:rgba(255,255,255,.28)!important}
body.dark-mode .site-header-top,body.dark-mode .auth-site-header{background:var(--osuz-header)!important;background-color:var(--osuz-header)!important}
.site-header-nav{background:var(--osuz-nav)!important;border-color:#263548!important}
body.dark-mode .site-header-nav{background:#071321!important}
.site-logo-icon,.auth-site-logo,.site-header-top img[alt="OSUZ"],.auth-site-header img[alt="OSUZ"]{-webkit-filter:brightness(0) invert(1) contrast(200%)!important;filter:brightness(0) invert(1) contrast(200%)!important;opacity:1!important;mix-blend-mode:normal!important;forced-color-adjust:none!important;image-rendering:auto!important}
.site-logo-text,.auth-site-title{color:#fff!important}
.site-header-top>.max-w-\[1400px\],.site-header-top>.max-w-\[1200px\],.auth-site-header>div{min-height:82px!important;height:auto!important}
.header-actions,.auth-site-header .flex.items-center.gap-2,.auth-site-header .flex.items-center.gap-2.lg\:gap-3{align-items:center!important}
.header-action,.auth-header-action{position:relative!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:54px!important;min-height:62px!important;height:62px!important;padding:7px 8px 6px!important;border-radius:10px!important;color:#fff!important;font-size:11px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;transition:background-color .18s ease,transform .18s ease!important;-webkit-appearance:none!important;appearance:none!important}
.header-action:hover,.auth-header-action:hover{background:rgba(255,255,255,.14)!important}
.header-action>svg,.header-action>i,.auth-header-action>svg,.auth-header-action>i{width:20px!important;height:20px!important;flex:0 0 auto!important;transform:translateY(-2px)!important;margin:0!important}
.header-action>span:not([data-cart-count]):not(.osuz-cart-count):not(.osuz-lang-label),.auth-header-action>span:not(.osuz-lang-label){display:block!important;line-height:1.05!important}
.osuz-catalog-button{height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:12px;background:#0b1725;color:#fff;font-size:13px;font-weight:800;white-space:nowrap;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 14px rgba(2,8,23,.16);transition:.18s ease;flex:0 0 auto}
.osuz-catalog-button:hover,.osuz-catalog-button[aria-expanded="true"]{background:#101f31;transform:translateY(-1px)}
.osuz-catalog-button svg{width:18px;height:18px}
.osuz-header-search{height:46px;min-width:260px;max-width:620px;flex:1 1 520px;display:flex;align-items:center;background:#fff;border:1px solid rgba(15,23,42,.28);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(15,23,42,.10)}
.osuz-header-search svg{width:19px;height:19px;color:#64748b;flex:0 0 auto;margin-left:14px}.osuz-header-search input{height:100%;min-width:0;flex:1;padding:0 12px;border:0;outline:0;color:#111827!important;background:#fff!important;caret-color:#067890;font-size:14px;-webkit-appearance:none;appearance:none}.osuz-header-search input::placeholder{color:#94a3b8!important;opacity:1}.osuz-header-search button{height:100%;padding:0 20px;border:0;background:#0b1725!important;color:#fff!important;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;-webkit-appearance:none;appearance:none}.osuz-header-search button:hover{background:#111f31!important}
body.dark-mode .osuz-header-search{background:#0f1722!important;border-color:#475569!important}body.dark-mode .osuz-header-search input{background:#0f1722!important;color:#f8fafc!important}body.dark-mode .osuz-header-search button{background:#fff!important;color:#0f172a!important}
.header-search-bar,.category-header-search{border-color:rgba(15,23,42,.28)!important;background:#fff!important;forced-color-adjust:none!important}.header-search-bar input,.category-header-search input{background:#fff!important;color:#111827!important;caret-color:#067890!important;-webkit-appearance:none!important;appearance:none!important}.header-search-bar input:focus,.category-header-search input:focus,.osuz-header-search input:focus{color:#111827!important;background:#fff!important}.header-search-bar input::placeholder,.category-header-search input::placeholder{color:#94a3b8!important;opacity:1!important}.header-search-bar label svg,.header-search-bar [data-lucide="camera"]{color:#00acc1!important;stroke:#00acc1!important}.header-search-bar button,#categoryHeaderSearchButton,#mobileCategorySearchButton{forced-color-adjust:none!important}
body.dark-mode .header-search-bar,body.dark-mode .category-header-search{background:#0f1722!important;border-color:#475569!important}body.dark-mode .header-search-bar input,body.dark-mode .category-header-search input{background:#0f1722!important;color:#f8fafc!important}body.dark-mode .header-search-bar input:focus,body.dark-mode .category-header-search input:focus{color:#f8fafc!important;background:#0f1722!important}body.dark-mode .header-search-bar #heroSearchBtn,body.dark-mode #categoryHeaderSearchButton,body.dark-mode #mobileCategorySearchButton{background:#fff!important;color:#0f172a!important}
.header-search-dropdown button:focus,.category-search-suggest button:focus,.header-search-dropdown [tabindex]:focus,.category-search-suggest [tabindex]:focus{color:#0f172a!important;background:#e0f7fa!important;outline:2px solid #00bcd4!important;outline-offset:-2px!important}body.dark-mode .header-search-dropdown button:focus,body.dark-mode .category-search-suggest button:focus{color:#f8fafc!important;background:#12303a!important}
.osuz-lang-label{display:inline-flex!important;align-items:center;justify-content:center;gap:5px!important;font-size:10px!important;font-weight:900!important;line-height:1!important;min-height:18px}.osuz-lang-label::before,.osuz-menu-flag{content:"";display:inline-block;flex:0 0 auto;width:24px;height:16px;border-radius:3px;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.25)}.osuz-lang-label[data-lang="ru"]::before,.osuz-menu-flag[data-flag="ru"]{background-image:url('https://flagcdn.com/w40/ru.png')}.osuz-lang-label[data-lang="uz"]::before,.osuz-menu-flag[data-flag="uz"]{background-image:url('https://flagcdn.com/w40/uz.png')}.osuz-lang-label[data-lang="en"]::before,.osuz-menu-flag[data-flag="en"]{background-image:url('https://flagcdn.com/w40/us.png')}.osuz-lang-flag-only{font-size:0!important}.osuz-lang-flag-only::before{margin:0!important}#languageToggle,#categoryLanguageToggle,#languageButton,.osuz-language-select-wrap{flex-direction:row!important;gap:6px!important}
.osuz-language-select-wrap select{font-size:10px!important;font-weight:900!important;line-height:1!important;text-align:center!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;outline:0!important;cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important}.osuz-language-select-wrap option{color:#111827!important;background:#fff!important}
.osuz-cart-link,[data-open-cart],a[href="cart.html"]{position:relative}.osuz-cart-link [data-cart-count]:not(.hidden),[data-open-cart] [data-cart-count]:not(.hidden),#headerCartCount:not(.hidden),.osuz-cart-count:not(.hidden){display:inline-flex!important;position:absolute!important;top:7px!important;left:50%!important;right:auto!important;margin-left:5px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:999px!important;background:#0b1725!important;color:#fff!important;font-size:9px!important;font-weight:900!important;align-items:center!important;justify-content:center!important;box-shadow:0 0 0 2px var(--osuz-header)!important;z-index:4!important;line-height:1!important}
.osuz-catalog-panel{position:fixed;z-index:250;left:50%;width:min(1040px,calc(100vw - 28px));max-height:480px;transform:translateX(-50%);display:none;grid-template-columns:320px 1fr;background:#fff;border:1px solid #dbe4ee;border-radius:0 0 18px 18px;box-shadow:0 28px 80px rgba(15,23,42,.28);overflow:hidden}.osuz-catalog-panel.open{display:grid}.osuz-catalog-left{overflow:auto;max-height:480px;padding:10px;border-right:1px solid #e2e8f0}.osuz-catalog-right{overflow:auto;max-height:480px;padding:22px}.osuz-catalog-cat{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:10px;color:#334155;font-size:13px;font-weight:750;text-align:left}.osuz-catalog-cat:hover,.osuz-catalog-cat.active{background:#e0f7fa;color:#067890}.osuz-catalog-cat svg{width:15px;height:15px}.osuz-catalog-title{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 12px}.osuz-catalog-subs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.osuz-catalog-sub{display:block;padding:10px 12px;border-radius:10px;color:#334155;font-size:13px;font-weight:650}.osuz-catalog-sub:hover{background:#f1f5f9;color:#067890}body.dark-mode .osuz-catalog-panel{background:#0f1722;border-color:#344256}body.dark-mode .osuz-catalog-left{border-color:#344256}body.dark-mode .osuz-catalog-cat,body.dark-mode .osuz-catalog-sub{color:#d8e0ea}body.dark-mode .osuz-catalog-cat:hover,body.dark-mode .osuz-catalog-cat.active,body.dark-mode .osuz-catalog-sub:hover{background:#12303a;color:#67e8f9}body.dark-mode .osuz-catalog-title{color:#94a3b8}
.osuz-contact-backdrop{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,8,23,.72)}.osuz-contact-backdrop.open{display:flex}.osuz-contact-modal{width:min(460px,100%);border-radius:22px;background:#0f172a;color:#fff;padding:24px;box-shadow:0 30px 100px rgba(0,0,0,.42)}.osuz-contact-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.osuz-contact-title{font-size:22px;font-weight:900}.osuz-contact-close{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:rgba(255,255,255,.08);color:#fff}.osuz-contact-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid rgba(255,255,255,.10);color:#cbd5e1}.osuz-contact-row:first-of-type{border-top:0}.osuz-contact-row svg{width:20px;height:20px;color:#94a3b8}
.osuz-mobile-bottom-final{display:none}
@media(max-width:767px){body{padding-bottom:74px!important}.site-header-top>.max-w-\[1400px\],.site-header-top>.max-w-\[1200px\],.auth-site-header>div{min-height:70px!important;flex-wrap:wrap!important;padding-bottom:8px!important}.header-action,.auth-header-action{min-width:44px!important;height:52px!important;min-height:52px!important;padding:5px 6px 4px!important;gap:4px!important;font-size:9px!important}.header-action>svg,.header-action>i,.auth-header-action>svg,.auth-header-action>i{width:18px!important;height:18px!important}.osuz-catalog-button{height:42px;padding:0 12px;font-size:12px}.osuz-header-search{order:20;flex:1 0 100%;max-width:none;min-width:100%;height:42px}.osuz-header-search button{padding:0 14px}.osuz-catalog-panel{grid-template-columns:1fr;top:70px!important;bottom:74px;max-height:none;width:100vw;border-radius:0}.osuz-catalog-left{max-height:45%;border-right:0;border-bottom:1px solid #e2e8f0}.osuz-catalog-right{max-height:none}.osuz-catalog-subs{grid-template-columns:1fr 1fr}.osuz-mobile-bottom-final{position:fixed;z-index:350;left:0;right:0;bottom:0;height:68px;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.98);border-top:1px solid #dbe4ee;box-shadow:0 -10px 30px rgba(15,23,42,.08);padding-bottom:max(4px,env(safe-area-inset-bottom))}.osuz-mobile-bottom-final a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;color:#64748b;font-size:10px;font-weight:800}.osuz-mobile-bottom-final a svg{width:20px;height:20px}.osuz-mobile-bottom-final a.active{color:#067890}.osuz-mobile-bottom-final [data-mobile-cart-count]{position:absolute;top:5px;left:calc(50% + 7px);min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;font-weight:900;display:none;align-items:center;justify-content:center}body.dark-mode .osuz-mobile-bottom-final{background:rgba(15,23,34,.98);border-color:#344256}.site-header-nav{display:none!important}}
@media(min-width:768px) and (max-width:1100px){.header-action{min-width:48px!important;padding-left:5px!important;padding-right:5px!important}.osuz-catalog-button{padding:0 12px}.osuz-header-search{min-width:220px}}
body.dark-mode input,body.dark-mode select,body.dark-mode textarea{color:#f8fafc!important}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#94a3b8!important;opacity:1!important}body.dark-mode .field,body.dark-mode .auth-input,body.dark-mode .choice-button,body.dark-mode .secondary-button{color:#f8fafc!important;background:#0f1722!important;border-color:#475569!important}body.dark-mode label,body.dark-mode .text-gray-700,body.dark-mode .text-gray-800,body.dark-mode .text-gray-900{color:#f8fafc!important}.notice,.surface,.choice-button,.field,.auth-input{opacity:1!important}