html.sk-dark-pre,html.sk-dark-pre body{background-color:#0E1117!important;color:#E2E8F0!important}:root{--sk-blue-50:#E3F0FF;--sk-blue-100:#BBDEFB;--sk-blue-200:#90CAF9;--sk-blue-300:#64B5F6;--sk-blue-400:#42A5F5;--sk-blue-500:#2196F3;--sk-blue-600:#1E88E5;--sk-blue-700:#1976D2;--sk-blue-800:#1565C0;--sk-blue-900:#0D47A1;--color-primary:#1565C0;--color-primary-hover:#0D47A1;--color-primary-light:#1976D2;--color-on-primary:#FFFFFF;--color-primary-container:#D3E4FF;--color-on-primary-container:#001B3E;--color-secondary:#3C5A8A;--color-on-secondary:#FFFFFF;--color-secondary-container:#D5E3FF;--color-error:#BA1A1A;--color-on-error:#FFFFFF;--color-error-container:#FFDAD6;--color-success:#1B7E2A;--color-success-container:#C8F5CD;--color-warning:#B55A00;--color-warning-container:#FFDDBA;--color-bg:#F2F4F8;--color-bg-dark:#E8ECF2;--color-surface:#FFFFFF;--color-surface-2:#F7F9FC;--color-surface-3:#EFF2F7;--color-on-bg:#0E1117;--color-on-surface:#1A1D24;--color-on-surface-2:#3A3F4B;--color-on-surface-3:#5C6270;--color-outline:#8B909E;--color-outline-light:#D0D4DE;--color-divider:#E2E5EF;--steel-dark:#263238;--steel-mid:#455A64;--steel-light:#78909C;--steel-pale:#B0BEC5;--graphite:#37474F;--concrete:#607D8B;--elevation-0:none;--elevation-1:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.12);--elevation-2:0 2px 6px rgba(0,0,0,.10),0 2px 4px rgba(0,0,0,.12);--elevation-3:0 4px 12px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.10);--elevation-4:0 8px 24px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.10);--elevation-5:0 16px 40px rgba(0,0,0,.18),0 8px 12px rgba(0,0,0,.10);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--motion-fast:80ms cubic-bezier(0.2,0,0,1);--motion-mid:150ms cubic-bezier(0.2,0,0,1);--motion-slow:250ms cubic-bezier(0.2,0,0,1);--motion-spring:200ms cubic-bezier(0.34,1.56,0.64,1);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--font-sans:'Inter',system-ui,-apple-system,sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace;--sidebar-w:220px;--sidebar-w-collapsed:64px;--header-h:64px;--tnav-h:54px;--skf-bg-start:#0D1B36;--skf-bg-end:#1565C0;--skf-card-bg:rgba(255,255,255,0.08);--skf-card-border:rgba(255,255,255,0.14);--skf-text:#FFFFFF;--skf-text-muted:rgba(255,255,255,0.60);--skf-pill-bg:rgba(255,255,255,0.07);--skf-pill-border:rgba(255,255,255,0.22);--skf-accent:#90CAF9;--skf-brand-icon-from:#1E88E5;--skf-brand-icon-to:#90CAF9;--skf-divider:rgba(255,255,255,0.10);--skf-surface:rgba(255,255,255,0.05)}body.sk-dark{--color-primary:#42A5F5;--color-primary-hover:#64B5F6;--color-primary-light:#64B5F6;--color-on-primary:#001B3E;--color-primary-container:#00356B;--color-on-primary-container:#D3E4FF;--color-secondary:#90CAF9;--color-on-secondary:#003062;--color-secondary-container:#1E3A5F;--color-error:#FFB4AB;--color-on-error:#690005;--color-error-container:#93000A;--color-success:#6EE88A;--color-success-container:#0A3D18;--color-warning:#FFB865;--color-warning-container:#5C2D00;--color-bg:#0E1117;--color-bg-dark:#080C12;--color-surface:#161B26;--color-surface-2:#1C2333;--color-surface-3:#232B3E;--color-on-bg:#E2E8F0;--color-on-surface:#E2E8F0;--color-on-surface-2:#A8B3C8;--color-on-surface-3:#6B7A96;--color-outline:#4A5568;--color-outline-light:#2D3748;--color-divider:#1E2736;--skf-bg-start:#080C12;--skf-bg-end:#0E1117;--skf-card-bg:rgba(255,255,255,0.05);--skf-card-border:rgba(255,255,255,0.09);--skf-text:rgba(255,255,255,0.90);--skf-text-muted:rgba(255,255,255,0.50);--skf-pill-bg:rgba(255,255,255,0.04);--skf-pill-border:rgba(255,255,255,0.15);--skf-accent:#64B5F6;--skf-brand-icon-from:#1565C0;--skf-brand-icon-to:#64B5F6;--skf-divider:rgba(255,255,255,0.08);--skf-surface:rgba(255,255,255,0.03);--bs-body-bg:#0E1117;--bs-body-color:#E2E8F0;--bs-border-color:#1E2736;--bs-border-color-translucent:rgba(255,255,255,0.1);--bs-card-bg:#161B26;--bs-card-border-color:#1E2736;--bs-card-cap-bg:#1C2333;--bs-secondary-bg:#1C2333;--bs-tertiary-bg:#232B3E;--bs-secondary-color:#A8B3C8;--bs-tertiary-color:#6B7A96;--bs-link-color:#42A5F5;--bs-link-hover-color:#64B5F6;--bs-heading-color:#E2E8F0;--bs-dropdown-bg:#1C2333;--bs-dropdown-border-color:#1E2736;--bs-dropdown-link-color:#A8B3C8;--bs-dropdown-link-hover-bg:#00356B;--bs-nav-tabs-border-color:#1E2736;--bs-nav-tabs-link-active-bg:#161B26;--bs-nav-tabs-link-active-border-color:#1E2736 #1E2736 #161B26;--bs-modal-bg:#161B26;--bs-modal-header-bg:#1C2333;--bs-modal-header-border-color:#1E2736;--bs-modal-footer-bg:#1C2333;--bs-list-group-bg:#161B26;--bs-list-group-border-color:#1E2736;--bs-list-group-action-color:#A8B3C8;--bs-list-group-action-hover-bg:#1C2333;--bs-list-group-active-bg:#42A5F5;--bs-accordion-bg:#161B26;--bs-accordion-border-color:#1E2736;--bs-accordion-btn-bg:#1C2333;--bs-accordion-btn-color:#E2E8F0;--bs-accordion-active-bg:#00356B;--bs-accordion-active-color:#42A5F5;--bs-input-bg:#232B3E;--bs-input-border-color:#1E2736;--bs-input-color:#E2E8F0;--bs-form-select-bg:#232B3E;--bs-pagination-bg:#1C2333;--bs-pagination-border-color:#1E2736;--bs-pagination-active-bg:#42A5F5;--bs-table-bg:transparent;--bs-table-striped-bg:rgba(255,255,255,0.03);--bs-table-hover-bg:rgba(66,165,245,0.07);--bs-table-border-color:#1E2736;--bs-popover-bg:#1C2333;--bs-popover-border-color:#1E2736;--bs-tooltip-bg:#232B3E;--bs-offcanvas-bg:#161B26;background-color:#0E1117!important;color:#E2E8F0!important}body.sk-dark .modern-product-card{background:var(--color-surface);border-color:var(--color-divider)}body.sk-dark .modern-product-card:hover{border-color:var(--color-primary)}body.sk-dark .modern-btn{background:var(--color-primary);color:var(--color-on-primary)}body.sk-dark .modern-btn-outline{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}body.sk-dark .modern-btn-outline:hover{background:var(--color-primary);color:var(--color-on-primary)}body.sk-dark .modern-search-input-wrapper{background:var(--color-surface-3);border-color:var(--color-divider)}body.sk-dark .modern-search-input-wrapper:focus-within{border-color:var(--color-primary)}body.sk-dark .modern-dropdown-menu{background:var(--color-surface-2);border-color:var(--color-divider)}body.sk-dark .modern-dropdown-item:hover{background:var(--color-primary-container)}body.sk-dark .modern-catalog-modal-overlay{background:rgba(0,0,0,.75)}body.sk-dark .modern-catalog-modal-content{background:var(--color-surface);border-color:var(--color-divider)}body.sk-dark .modern-cat-acc{background:var(--color-surface-3);border-color:var(--color-divider)}body.sk-dark .modern-cat-acc-hd{background:var(--color-surface-2)}body.sk-dark .modern-cat-acc-link{color:var(--color-on-surface)}body.sk-dark .modern-cat-acc-link:hover{color:var(--color-primary)}body.sk-dark .modern-filter-panel{background:var(--color-surface-2);border-color:var(--color-divider)}body.sk-dark .cart-compact-panel{background:var(--color-surface)}body.sk-dark .cart-compact-head{border-bottom-color:var(--color-divider)}body.sk-dark .sk-tnav{background:var(--color-surface);border-bottom-color:var(--color-divider)}body.sk-dark .sk-tnav-btn{color:var(--color-on-surface-2)}body.sk-dark .sk-tnav-btn:hover{background:transparent;outline:1px solid var(--color-primary);color:var(--color-primary)}body.sk-dark .sk-tnav-util{color:var(--color-on-surface-2)}body.sk-dark .sk-tnav-sep{background:var(--color-divider)}body.sk-dark .sk-cat-sidebar{background:var(--color-surface);border-right-color:var(--color-divider)}body.sk-dark .sk-cat-brand{border-bottom-color:var(--color-divider)}body.sk-dark .sk-cat-logo-title{color:var(--color-on-surface)}body.sk-dark .sk-cat-section-label{color:var(--color-on-surface-3)}body.sk-dark .sk-cat-link{color:var(--color-on-surface-2)}body.sk-dark .sk-cat-link:hover{background:var(--color-primary-container);color:var(--color-primary)}body.sk-dark .sk-cat-link.active{background:var(--color-primary);color:var(--color-on-primary)}body.sk-dark .sk-cat-sub-link{color:var(--color-on-surface-2)}body.sk-dark .sk-cat-sub-link:hover{background:var(--color-primary-container);color:var(--color-primary)}body.sk-dark input,body.sk-dark textarea,body.sk-dark select{background:var(--color-surface-3);border-color:var(--color-divider);color:var(--color-on-surface)}body.sk-dark input::placeholder,body.sk-dark textarea::placeholder{color:var(--color-on-surface-3)}body.sk-dark input:focus,body.sk-dark textarea:focus,body.sk-dark select:focus{border-color:var(--color-primary);outline:none}body.sk-dark table{background:var(--color-surface)}body.sk-dark th{background:var(--color-surface-2);color:var(--color-on-surface);border-color:var(--color-divider)}body.sk-dark td{border-color:var(--color-divider);color:var(--color-on-surface-2)}body.sk-dark #alert{background:var(--color-surface-2)}body.sk-dark-transitioning .modern-header,body.sk-dark-transitioning .sk-cat-sidebar,body.sk-dark-transitioning .sk-tnav,body.sk-dark-transitioning .modern-main-content,body.sk-dark-transitioning .skf,body.sk-dark-transitioning .modern-product-card,body.sk-dark-transitioning .modern-nav-icon-btn,body.sk-dark-transitioning .modern-catalog-btn,body.sk-dark-transitioning .sk-cat-link,body.sk-dark-transitioning .modern-search-input-wrapper,body.sk-dark-transitioning .modern-dropdown-menu,body.sk-dark-transitioning .cart-compact-panel{transition:background-color 200ms ease,border-color 200ms ease,color 200ms ease,box-shadow 200ms ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-sans);font-size:0.9375rem;line-height:1.6;color:var(--color-on-surface);background:var(--color-bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-width:320px}a{color:var(--color-primary);text-decoration:none;transition:color var(--motion-fast)}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.skip-link{position:absolute;top:-999px;left:var(--sp-4);background:var(--color-primary);color:var(--color-on-primary);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);font-weight:600;z-index:10000}.skip-link:focus{top:var(--sp-2)}#container{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%}.modern-header{position:fixed;top:0;left:var(--sidebar-w);right:0;width:auto;box-sizing:border-box;z-index:500;height:var(--header-h);background:var(--color-surface);border-bottom:1px solid var(--color-divider);box-shadow:var(--elevation-1);transition:margin-left 250ms var(--sk-sb-ease,cubic-bezier(.4,0,.2,1)),width 250ms var(--sk-sb-ease,cubic-bezier(.4,0,.2,1)),box-shadow var(--motion-mid),background var(--motion-mid)}body.sk-sidebar-collapsed .modern-header{left:58px;width:calc(100% - 58px)}.modern-header.scrolled{box-shadow:var(--elevation-3);background:var(--color-surface);backdrop-filter:blur(12px);opacity:0.97}.modern-header-inner{display:flex;align-items:center;gap:var(--sp-4);height:100%;max-width:1440px;margin:0 auto;padding:0 var(--sp-6)}.modern-logo-accent{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0;text-decoration:none}.modern-logo-icon-accent{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;letter-spacing:-0.5px;box-shadow:0 2px 8px rgba(21,101,192,.35);flex-shrink:0}.modern-logo-text-accent{display:flex;flex-direction:column;line-height:1.1}.modern-logo-title{font-size:1.1rem;font-weight:800;color:var(--color-on-surface);letter-spacing:-0.5px}.modern-logo-subtitle{font-size:0.65rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:1.5px}.modern-catalog-btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-sm);font-size:0.875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast);box-shadow:0 2px 6px rgba(21,101,192,.3)}.modern-catalog-btn:hover{will-change:transform;background:var(--color-primary-hover);box-shadow:0 4px 12px rgba(21,101,192,.4);transform:translateY(-1px)}.modern-catalog-btn:active{transform:translateY(0)}.modern-catalog-btn .material-symbols-outlined{font-size:20px}.modern-search-panel{flex:1;min-width:0;position:relative}.modern-search-input-wrapper{display:flex;align-items:center;background:var(--color-surface-3);border:1.5px solid var(--color-outline-light);border-radius:var(--radius-full);overflow:hidden;transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.modern-search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(21,101,192,.12);background:var(--color-surface)}.modern-search-input{flex:1;padding:10px var(--sp-4);border:none;background:transparent;font-size:0.9rem;font-family:var(--font-sans);color:var(--color-on-surface);outline:none;min-width:0}.modern-search-input::placeholder{color:var(--color-on-surface-3)}.modern-search-btn,.modern-voice-search-btn,.modern-filter-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-on-surface-3);cursor:pointer;border-radius:0;transition:color var(--motion-fast),background var(--motion-fast);flex-shrink:0}.modern-search-btn:hover,.modern-voice-search-btn:hover,.modern-filter-btn:hover{color:var(--color-primary);background:var(--color-primary-container)}.modern-search-btn{background:var(--color-primary);color:var(--color-on-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;width:48px}.modern-search-btn:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.modern-search-btn .material-symbols-outlined,.modern-voice-search-btn .material-symbols-outlined,.modern-filter-btn .material-symbols-outlined{font-size:20px}.modern-filter-panel{position:absolute;top:calc(100% + var(--sp-2));left:0;right:0;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);box-shadow:var(--elevation-3);z-index:200;animation:fadeSlideDown var(--motion-mid) both}.modern-filter-content{padding:var(--sp-4)}.modern-filter-content h4{font-size:0.875rem;font-weight:700;color:var(--color-on-surface);margin-bottom:var(--sp-3);text-transform:uppercase;letter-spacing:.5px}.modern-filter-options{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.modern-filter-options label{display:flex;align-items:center;gap:var(--sp-2);font-size:0.875rem;color:var(--color-on-surface-2);cursor:pointer}.modern-filter-options input[type="checkbox"]{width:16px;height:16px;accent-color:var(--color-primary)}.modern-nav-icons{display:flex;align-items:center;gap:var(--sp-1);flex-shrink:0}.modern-nav-icon-btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--color-on-surface-2);cursor:pointer;font-size:0.8rem;font-weight:500;font-family:var(--font-sans);background:transparent;border:none;text-decoration:none;transition:background var(--motion-fast),color var(--motion-fast);position:relative}.modern-nav-icon-btn:hover{background:var(--color-surface-3);color:var(--color-primary)}.modern-nav-icon-btn .material-symbols-outlined{font-size:22px;line-height:1}.modern-btn-accent{background:var(--color-primary-container);color:var(--color-primary);border:1.5px solid var(--sk-blue-200)}.modern-btn-accent:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.modern-cart-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.modern-cart-count{font-size:0.85rem;font-weight:700;color:var(--color-primary)}.modern-cart-total{font-size:0.7rem;color:var(--color-on-surface-3)}.modern-notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-error);border-radius:50%;border:1.5px solid var(--color-surface)}.mobile-sidebar-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--color-surface-3);border-radius:var(--radius-sm);color:var(--color-on-surface-2);cursor:pointer;font-family:var(--font-sans)}.mobile-sidebar-toggle .material-symbols-outlined{font-size:22px}.modern-dropdown{position:relative}.modern-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);box-shadow:var(--elevation-4);padding:var(--sp-2);z-index:500;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--motion-mid),visibility var(--motion-mid),transform var(--motion-mid)}.modern-dropdown:hover .modern-dropdown-menu,.modern-dropdown:focus-within .modern-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.modern-dropdown-item{display:block;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-xs);font-size:0.875rem;color:var(--color-on-surface-2);transition:background var(--motion-fast),color var(--motion-fast)}.modern-dropdown-item:hover{background:var(--color-primary-container);color:var(--color-primary)}.modern-cart-dropdown{min-width:340px;right:0;padding:var(--sp-3)}.modern-catalog-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:flex-start;justify-content:flex-start}.modern-catalog-modal-overlay{position:absolute;inset:0;background:rgba(14,17,23,.55);backdrop-filter:blur(4px)}.modern-catalog-modal-content{position:relative;top:var(--header-h);left:var(--sidebar-w);width:min(760px,90vw);max-height:calc(100vh - var(--header-h) - 32px);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--elevation-5);overflow:hidden;animation:scaleIn var(--motion-spring) both}.modern-catalog-close{position:absolute;top:var(--sp-4);right:var(--sp-4);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--color-surface-3);border-radius:var(--radius-full);color:var(--color-on-surface-2);cursor:pointer;font-family:var(--font-sans);transition:background var(--motion-fast)}.modern-catalog-close:hover{background:var(--color-error-container);color:var(--color-error)}.modern-catalog-close .material-symbols-outlined{font-size:20px}.modern-catalog-modal-body{padding:var(--sp-6);overflow-y:auto;max-height:calc(100vh - var(--header-h) - 100px)}.modern-catalog-categories h3{font-size:1.1rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:2px solid var(--color-primary-container)}.modern-catalog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-2)}.modern-catalog-link{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3);border-radius:var(--radius-sm);font-size:0.875rem;font-weight:600;color:var(--color-on-surface-2);transition:background var(--motion-fast),color var(--motion-fast)}.modern-catalog-link:hover{background:var(--color-primary-container);color:var(--color-primary)}.modern-catalog-link .material-symbols-outlined{font-size:18px;color:var(--color-primary)}.modern-catalog-sublist{padding:var(--sp-1) 0 var(--sp-1) var(--sp-7)}.modern-catalog-sublist li a{display:block;padding:4px var(--sp-2);font-size:0.8125rem;color:var(--color-on-surface-3);border-radius:var(--radius-xs);transition:color var(--motion-fast),background var(--motion-fast)}.modern-catalog-sublist li a:hover{color:var(--color-primary);background:var(--color-primary-container)}.modern-layout-wrapper{display:block;width:100%;padding-top:calc(var(--header-h) + var(--tnav-h));min-height:calc(100vh - var(--header-h) - var(--tnav-h));box-sizing:border-box}.modern-sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-divider);display:flex;flex-direction:column;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));min-height:calc(100vh - var(--header-h));overflow:hidden;transition:width var(--motion-mid);z-index:100;align-self:flex-start}.modern-sidebar.collapsed,body.sk-sidebar-collapsed .modern-sidebar{width:58px}.modern-sidebar.collapsed .modern-sidebar-text,.modern-sidebar.collapsed .modern-sidebar-section-title{display:none}.modern-sidebar.collapsed .modern-sidebar-link{justify-content:center;padding:var(--sp-3)}.modern-sidebar.collapsed .modern-sidebar-header{padding:var(--sp-3)}.modern-sidebar.collapsed .modern-sidebar-logo{display:none}.modern-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--color-divider);position:sticky;top:0;background:var(--color-surface);z-index:10}.modern-sidebar-logo{display:flex;align-items:center;gap:var(--sp-2);overflow:hidden}.modern-logo-icon{width:32px;height:32px;border-radius:var(--radius-xs);background:var(--color-primary);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0}.modern-sidebar-title{font-size:0.9rem;font-weight:800;color:var(--color-on-surface);white-space:nowrap;overflow:hidden}.modern-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--color-surface-3);border-radius:var(--radius-xs);color:var(--color-on-surface-3);cursor:pointer;font-family:var(--font-sans);flex-shrink:0;transition:background var(--motion-fast),color var(--motion-fast)}.modern-sidebar-toggle:hover{background:var(--color-primary-container);color:var(--color-primary)}.modern-sidebar-toggle .material-symbols-outlined{font-size:18px}.modern-sidebar-nav{padding:var(--sp-3) var(--sp-2) var(--sp-6)}.modern-sidebar-section{margin-bottom:var(--sp-4)}.modern-sidebar-section-title{padding:var(--sp-2) var(--sp-3);font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-on-surface-3);white-space:nowrap}.modern-sidebar-menu{display:flex;flex-direction:column;gap:2px}.modern-sidebar-link{display:flex;align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);border-radius:var(--radius-sm);font-size:0.875rem;font-weight:500;color:var(--color-on-surface-2);text-decoration:none;transition:background var(--motion-fast),color var(--motion-fast);white-space:nowrap;overflow:hidden}.modern-sidebar-link:hover{background:var(--color-primary-container);color:var(--color-primary)}.modern-sidebar-link.active{background:var(--color-primary);color:var(--color-on-primary);font-weight:600}.modern-sidebar-link.active .modern-sidebar-icon{color:var(--color-on-primary)}.modern-sidebar-link.active:hover{background:var(--color-primary-hover)}.modern-sidebar-icon{font-size:20px;flex-shrink:0;color:var(--color-on-surface-3);transition:color var(--motion-fast)}.modern-sidebar-link:hover .modern-sidebar-icon{color:var(--color-primary)}.modern-main-content{margin-left:var(--sidebar-w);min-width:0;padding:var(--sp-4) var(--sp-4);transition:margin-left 250ms var(--sk-sb-ease,cubic-bezier(.4,0,.2,1))}#main-content{max-width:100%;margin:0}body.sk-sidebar-collapsed .modern-main-content{margin-left:58px}.modern-menu,#menu{background:var(--steel-dark);border-radius:var(--radius-sm);margin-bottom:var(--sp-6);overflow:hidden}.modern-menu ul,#menu .navbar-nav{display:flex;flex-wrap:wrap;gap:2px;padding:var(--sp-1) var(--sp-2)}.modern-menu a,#menu .nav-link{display:flex;align-items:center;padding:9px var(--sp-4);border-radius:var(--radius-xs);font-size:0.8125rem;font-weight:600;color:rgba(255,255,255,.82);letter-spacing:.2px;transition:background var(--motion-fast),color var(--motion-fast)}.modern-menu a:hover,#menu .nav-link:hover,#menu .nav-link.active{background:var(--color-primary);color:#fff}.modern-product-card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--elevation-1);contain:layout style;transition:box-shadow var(--motion-mid),border-color var(--motion-mid),transform var(--motion-mid)}.modern-product-card:hover{will-change:transform}.modern-product-card:hover{box-shadow:var(--elevation-3);border-color:var(--sk-blue-200);transform:translateY(-2px)}.modern-product-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--color-surface-2)}.modern-product-image img{width:100%;height:100%;object-fit:contain;padding:var(--sp-3);transition:transform var(--motion-slow)}.modern-product-card:hover .modern-product-image img{transform:scale(1.04)}.modern-product-wishlist{position:absolute;top:var(--sp-2);right:var(--sp-2);width:34px;height:34px;border-radius:var(--radius-full);background:rgba(255,255,255,.9);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-on-surface-3);transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-spring);backdrop-filter:blur(4px)}.modern-product-wishlist:hover,.modern-product-wishlist.active{background:#fff;color:var(--color-error)}.modern-product-wishlist .material-symbols-outlined{font-size:18px}.modern-product-badge{position:absolute;top:var(--sp-2);left:var(--sp-2);padding:3px 8px;border-radius:var(--radius-full);font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.modern-badge-new{background:var(--color-primary);color:#fff}.modern-badge-sale{background:var(--color-error);color:#fff}.modern-badge-hot{background:#E65100;color:#fff}.modern-product-body{padding:var(--sp-3) var(--sp-4) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);flex:1}.modern-product-brand{font-size:0.7rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.8px}.modern-product-name{font-size:0.875rem;font-weight:600;color:var(--color-on-surface);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modern-product-name a{color:inherit}.modern-product-name a:hover{color:var(--color-primary)}.modern-product-rating{display:flex;align-items:center;gap:var(--sp-1)}.modern-stars{color:#F9A825;font-size:14px;letter-spacing:-1px}.modern-rating-count{font-size:0.75rem;color:var(--color-on-surface-3)}.modern-product-price-row{display:flex;align-items:baseline;gap:var(--sp-2);margin-top:auto}.modern-price{font-size:1.2rem;font-weight:800;color:var(--color-primary);letter-spacing:-0.5px}.modern-price-old{font-size:0.8rem;font-weight:400;color:var(--color-on-surface-3);text-decoration:line-through}.modern-product-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.modern-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:10px var(--sp-5);border:2px solid transparent;border-radius:var(--radius-sm);font-size:0.875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;text-decoration:none;transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.modern-btn:active{transform:scale(.98)}.modern-btn .material-symbols-outlined{font-size:18px}.modern-btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:0 2px 6px rgba(21,101,192,.25)}.modern-btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 12px rgba(21,101,192,.35);color:#fff}.modern-btn-secondary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.modern-btn-secondary:hover{background:var(--color-primary-container)}.modern-btn-ghost{background:transparent;color:var(--color-on-surface-2);border-color:var(--color-outline-light)}.modern-btn-ghost:hover{background:var(--color-surface-3);border-color:var(--color-outline)}.modern-btn-danger{background:var(--color-error);color:var(--color-on-error);border-color:var(--color-error)}.modern-btn-danger:hover{background:#9B1616}.modern-btn-sm{padding:6px var(--sp-4);font-size:0.8125rem}.modern-btn-lg{padding:13px var(--sp-8);font-size:1rem}.modern-btn-icon{width:38px;height:38px;padding:0;border-radius:var(--radius-sm);flex-shrink:0}.btn-primary{background:var(--color-primary)!important;border-color:var(--color-primary)!important;border-radius:var(--radius-sm)!important}.btn-primary:hover{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important}.btn-danger{border-radius:var(--radius-sm)!important}.btn-default{border-radius:var(--radius-sm)!important}.form-control,.form-select{border:1.5px solid var(--color-outline-light);border-radius:var(--radius-sm)!important;font-family:var(--font-sans);font-size:0.9rem;color:var(--color-on-surface);background:var(--color-surface);padding:10px var(--sp-3);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.form-control:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(21,101,192,.12);outline:none}.form-label{font-size:0.8125rem;font-weight:600;color:var(--color-on-surface-2);margin-bottom:var(--sp-1)}.form-text{font-size:0.775rem;color:var(--color-on-surface-3)}.invalid-feedback{font-size:0.775rem}.form-control.is-invalid{border-color:var(--color-error)}.form-control.is-invalid:focus{box-shadow:0 0 0 3px rgba(186,26,26,.12)}.form-range{accent-color:var(--color-primary)}#alert{position:fixed;top:calc(var(--header-h) + var(--sp-4));right:var(--sp-6);z-index:3000;display:flex;flex-direction:column;gap:var(--sp-2);max-width:400px}.alert{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4);border-radius:var(--radius-md);font-size:0.875rem;font-weight:500;border:none;box-shadow:var(--elevation-3);animation:slideInRight var(--motion-mid) both}.alert-success{background:var(--color-success-container);color:var(--color-success)}.alert-danger{background:var(--color-error-container);color:var(--color-error)}.alert-warning{background:var(--color-warning-container);color:var(--color-warning)}.alert-info{background:var(--color-primary-container);color:var(--color-primary)}.btn-close{margin-left:auto;filter:none;opacity:.6;transition:opacity var(--motion-fast)}.btn-close:hover{opacity:1}.modern-card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);box-shadow:var(--elevation-1);overflow:hidden}.modern-card-header{padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--color-divider);display:flex;align-items:center;gap:var(--sp-3)}.modern-card-title{font-size:1rem;font-weight:700;color:var(--color-on-surface)}.modern-card-body{padding:var(--sp-6)}.card{border:1px solid var(--color-divider)!important;border-radius:var(--radius-md)!important;box-shadow:var(--elevation-1)!important}.card-header{background:var(--color-surface-2)!important;border-bottom:1px solid var(--color-divider)!important;font-weight:700;color:var(--color-on-surface)}.table{border-radius:var(--radius-sm);overflow:hidden;font-size:0.875rem}.table th{background:var(--color-surface-2);color:var(--color-on-surface-2);font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-primary)!important;padding:var(--sp-3) var(--sp-4)}.table td{padding:var(--sp-3) var(--sp-4);color:var(--color-on-surface-2)}.table-striped tbody tr:nth-of-type(odd){background:var(--color-surface-2)}.table-hover tbody tr:hover{background:var(--color-primary-container)}.pagination{gap:var(--sp-1)}.page-link{border-radius:var(--radius-sm)!important;border:1px solid var(--color-outline-light)!important;color:var(--color-primary)!important;font-size:0.875rem;font-weight:500;padding:7px 13px!important;transition:background var(--motion-fast),color var(--motion-fast)!important}.page-link:hover{background:var(--color-primary-container)!important;border-color:var(--color-primary)!important}.page-item.active .page-link{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.page-item.disabled .page-link{opacity:.45}.breadcrumb-wrap{background:linear-gradient(90deg,#1251a3 0%,#1565C0 60%,#1976D2 100%);padding:0 var(--sp-6);margin:calc(-1 * var(--sp-6)) calc(-1 * var(--sp-6)) var(--sp-4);width:calc(100% + var(--sp-6) * 2);box-sizing:border-box;border-bottom:2px solid rgba(255,255,255,.12)}
.breadcrumb{background:transparent;padding:5px 0;margin:0;font-size:.8rem;display:flex;align-items:center;flex-wrap:wrap;list-style:none}
.breadcrumb-item{display:inline-flex;align-items:center;gap:3px;line-height:1}
.breadcrumb-item + .breadcrumb-item::before{content:"›";font-size:1.1rem;color:rgba(255,255,255,.5);margin:0 4px;line-height:1}
.breadcrumb-item a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;transition:background 80ms;font-weight:500;opacity:.9}
.breadcrumb-item a:hover{background:rgba(255,255,255,.2);opacity:1;text-decoration:none;color:#fff}
.breadcrumb-item a .material-symbols-outlined{font-size:15px;color:#fff}
.breadcrumb-item.active{color:rgba(255,255,255,.75);padding:2px 8px;font-weight:400}.badge,.modern-badge{padding:3px 8px;border-radius:var(--radius-full);font-size:0.7rem;font-weight:700;letter-spacing:.3px}.bg-primary{background:var(--color-primary)!important}.bg-danger{background:var(--color-error)!important}.bg-success{background:var(--color-success)!important}.modern-footer{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));max-width:100%;box-sizing:border-box;transition:margin-left 250ms var(--sk-sb-ease,cubic-bezier(.4,0,.2,1));background:linear-gradient(160deg,#0D47A1 0%,#1565C0 50%,#1976D2 100%);color:rgba(255,255,255,.85);margin-top:auto;border-top:4px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.sk-footer-inner{max-width:1440px;margin:0 auto;padding:0 var(--sp-6);width:100%;box-sizing:border-box}.modern-footer::before{content:'';position:absolute;top:-60px;right:-60px;width:260px;height:260px;background:rgba(255,255,255,.04);border-radius:50%;pointer-events:none}.modern-footer::after{content:'';position:absolute;bottom:-80px;left:40px;width:320px;height:320px;background:rgba(255,255,255,.03);border-radius:50%;pointer-events:none}.modern-footer .container{padding-top:var(--sp-12);padding-bottom:var(--sp-6)}.modern-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-8);margin-bottom:var(--sp-8)}.modern-footer-title{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#fff;margin-bottom:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:2px solid rgba(255,255,255,.3);display:inline-block}.modern-footer-links{display:flex;flex-direction:column;gap:var(--sp-2)}.modern-footer-links a{font-size:0.875rem;color:rgba(255,255,255,.72);transition:color var(--motion-fast),padding-left var(--motion-fast)}.modern-footer-links a:hover{color:#fff;padding-left:var(--sp-2)}.modern-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4);padding-top:var(--sp-6);border-top:1px solid rgba(255,255,255,.18)}.modern-footer-copyright{font-size:0.8125rem;color:rgba(255,255,255,.55)}.modern-footer-social{display:flex;gap:var(--sp-3)}.modern-footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:rgba(255,255,255,.12);color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.2);transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast)}.modern-footer-social a:hover{background:rgba(255,255,255,.25);color:#fff;border-color:rgba(255,255,255,.5)}.modern-footer-social .material-symbols-outlined{font-size:18px}.modern-product-gallery{border-radius:var(--radius-md);overflow:hidden}.modern-product-gallery img{border-radius:var(--radius-md)}.modern-product-info{padding-left:var(--sp-6)}.modern-product-title{font-size:1.5rem;font-weight:800;color:var(--color-on-surface);line-height:1.3;margin-bottom:var(--sp-3)}.modern-product-meta{display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-6);margin-bottom:var(--sp-4);font-size:0.875rem}.modern-product-meta dt{color:var(--color-on-surface-3);font-weight:400}.modern-product-meta dd{color:var(--color-on-surface);font-weight:600}.modern-price-display{font-size:2rem;font-weight:900;color:var(--color-primary);letter-spacing:-1px;margin:var(--sp-4) 0}.modern-price-display .modern-price-old{font-size:1rem;font-weight:400;color:var(--color-on-surface-3);text-decoration:line-through;margin-left:var(--sp-3)}.modern-quantity-selector{display:flex;align-items:center;gap:var(--sp-2)}.modern-quantity-selector button{width:36px;height:36px;border:1.5px solid var(--color-outline-light);background:var(--color-surface-3);border-radius:var(--radius-sm);font-size:1.1rem;font-weight:700;color:var(--color-on-surface-2);cursor:pointer;font-family:var(--font-sans);transition:background var(--motion-fast),border-color var(--motion-fast)}.modern-quantity-selector button:hover{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-primary)}.modern-quantity-selector input{width:64px;height:36px;text-align:center;border:1.5px solid var(--color-outline-light);border-radius:var(--radius-sm);font-size:1rem;font-weight:600;font-family:var(--font-sans)}.nav-tabs{border-bottom:2px solid var(--color-divider)!important}.nav-tabs .nav-link{border:none!important;border-radius:0!important;color:var(--color-on-surface-3);font-weight:600;padding:var(--sp-3) var(--sp-5);position:relative}.nav-tabs .nav-link::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:transparent;transition:background var(--motion-fast)}.nav-tabs .nav-link:hover{color:var(--color-primary)}.nav-tabs .nav-link.active{color:var(--color-primary)!important;background:transparent!important}.nav-tabs .nav-link.active::after{background:var(--color-primary)}.modern-cart-page{display:flex;flex-direction:column;gap:var(--sp-4)}.modern-cart-item{display:flex;align-items:center;gap:var(--sp-4);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:var(--sp-4);box-shadow:var(--elevation-1)}.modern-cart-item img{width:80px;height:80px;object-fit:contain;border-radius:var(--radius-sm)}.modern-cart-summary{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);box-shadow:var(--elevation-2);overflow:hidden}.modern-cart-summary-header{background:var(--color-primary);color:var(--color-on-primary);padding:var(--sp-4) var(--sp-6);font-weight:700;font-size:1rem}.modern-cart-summary-body{padding:var(--sp-4) var(--sp-6)}.modern-cart-total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) 0;border-bottom:1px solid var(--color-divider);font-size:0.875rem}.modern-cart-total-row:last-child{border-bottom:none;font-weight:800;font-size:1.05rem;color:var(--color-primary)}.modern-checkout-steps{display:flex;align-items:center;gap:0;margin-bottom:var(--sp-8);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);overflow:hidden}.modern-checkout-step{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4);font-size:0.875rem;font-weight:600;color:var(--color-on-surface-3);border-right:1px solid var(--color-divider);background:var(--color-surface-2)}.modern-checkout-step:last-child{border-right:none}.modern-checkout-step.active{background:var(--color-primary);color:var(--color-on-primary)}.modern-checkout-step.done{background:var(--color-success-container);color:var(--color-success)}.modern-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:5px 12px;border-radius:var(--radius-full);background:var(--color-surface-3);border:1px solid var(--color-outline-light);font-size:0.8rem;font-weight:600;color:var(--color-on-surface-2);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast)}.modern-chip:hover,.modern-chip.active{background:var(--color-primary-container);color:var(--color-primary);border-color:var(--color-primary)}.modern-search-result-row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--color-divider)}.modern-search-result-row:last-child{border-bottom:none}.modern-search-result-row img{width:60px;height:60px;object-fit:contain;border-radius:var(--radius-sm)}.modern-account-sidebar{display:flex;flex-direction:column;gap:var(--sp-1)}.modern-account-link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:0.875rem;font-weight:500;color:var(--color-on-surface-2);transition:background var(--motion-fast),color var(--motion-fast)}.modern-account-link:hover,.modern-account-link.active{background:var(--color-primary-container);color:var(--color-primary)}.tooltip-inner{background:var(--steel-dark);font-size:0.8rem;border-radius:var(--radius-xs);padding:var(--sp-1) var(--sp-3)}.bs-tooltip-auto .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{border-bottom-color:var(--steel-dark)}.bs-tooltip-top .tooltip-arrow::before{border-top-color:var(--steel-dark)}.modal-content{border:none!important;border-radius:var(--radius-lg)!important;box-shadow:var(--elevation-5)!important}.modal-header{background:var(--color-surface-2);border-bottom:1px solid var(--color-divider)!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;padding:var(--sp-4) var(--sp-6)}.modal-title{font-weight:700;color:var(--color-on-surface)}.modal-footer{border-top:1px solid var(--color-divider)!important;padding:var(--sp-4) var(--sp-6)}#cookie{position:fixed;bottom:var(--sp-6);left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));background:var(--steel-dark);color:rgba(255,255,255,.85);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;box-shadow:var(--elevation-5);z-index:4000;border-top:3px solid var(--color-primary);animation:slideUpFade var(--motion-mid) both}#cookie p{font-size:0.875rem;flex:1;margin:0}#cookie button{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-5);font-weight:600;font-size:0.875rem;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:background var(--motion-fast)}#cookie button:hover{background:var(--color-primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-outline-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}.text-primary{color:var(--color-primary)!important}.text-muted{color:var(--color-on-surface-3)!important}.bg-primary-subtle{background:var(--color-primary-container)!important}.border-primary{border-color:var(--color-primary)!important}.modern-divider{border:none;border-top:1px solid var(--color-divider);margin:var(--sp-4) 0}.modern-surface{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);box-shadow:var(--elevation-1)}.modern-stripe{height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--sk-blue-400) 50%,var(--color-primary) 100%);border-radius:var(--radius-full)}@keyframes fadeSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUpFade{from{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.sk-loading{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-3) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:skeletonShimmer 1.4s infinite;border-radius:var(--radius-xs)}@keyframes skeletonShimmer{from{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1199px){.modern-header-inner{padding:0 var(--sp-4);gap:var(--sp-3)}.modern-catalog-btn span:not(.material-symbols-outlined){display:none}}@media (max-width:991px){.modern-sidebar{position:fixed;left:-100%;top:var(--header-h);height:calc(100vh - var(--header-h));width:var(--sidebar-w);transition:left var(--motion-mid);box-shadow:var(--elevation-4);z-index:900}.modern-sidebar.mobile-open{left:0;width:var(--sidebar-w)}.modern-sidebar.mobile-open .modern-sidebar-text,.modern-sidebar.mobile-open .modern-sidebar-section-title{display:block}}:root{--sk-sb-bg:#FFFFFF;--sk-sb-border:rgba(0,0,0,.07);--sk-sb-text:#475569;--sk-sb-text-hi:#1E293B;--sk-sb-hover:rgba(21,101,192,.07);--sk-sb-active:rgba(21,101,192,.12);--sk-sb-blue:var(--color-primary);--sk-sb-ease:cubic-bezier(.4,0,.2,1)}body.sk-dark{--sk-sb-bg:var(--color-surface);--sk-sb-border:rgba(255,255,255,.07);--sk-sb-text:var(--color-on-surface-2);--sk-sb-text-hi:var(--color-on-surface);--sk-sb-hover:rgba(66,165,245,.09);--sk-sb-active:rgba(66,165,245,.16)}.sk-cat-sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-w);background:var(--sk-sb-bg);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(0,0,0,.09);box-shadow:2px 0 16px rgba(0,0,0,.08);transition:width 250ms var(--sk-sb-ease);z-index:200}.sk-cat-sidebar.collapsed{width:58px}.sk-cat-brand{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 14px;border-bottom:1px solid var(--sk-sb-border);box-shadow:0 1px 0 var(--sk-sb-border);flex-shrink:0;gap:10px}.sk-cat-logo{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.sk-cat-logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--sk-sb-blue),#60A5FA);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;flex-shrink:0;box-shadow:0 2px 8px rgba(37,99,235,.4)}.sk-cat-logo-text{display:flex;flex-direction:column;min-width:0}.sk-cat-logo-title{font-size:.84rem;font-weight:700;color:var(--sk-sb-text-hi);line-height:1.2;white-space:nowrap}.sk-cat-logo-sub{font-size:.62rem;color:var(--sk-sb-text);white-space:nowrap}.sk-cat-sidebar.collapsed .sk-cat-logo-text{display:none}.sk-cat-collapse-btn{width:28px;height:28px;border-radius:6px;border:none;background:rgba(255,255,255,.06);color:var(--sk-sb-text);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background 150ms,color 150ms}.sk-cat-collapse-btn:hover{background:rgba(255,255,255,.12);color:#fff}.sk-cat-collapse-btn .material-symbols-outlined{font-size:18px}.sk-cat-sidebar.collapsed .sk-cat-collapse-btn{display:none}.sk-cat-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 6px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.sk-cat-body::-webkit-scrollbar{width:3px}.sk-cat-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:4px}.sk-cat-section-label{font-size:.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sk-sb-text);padding:12px 8px 4px;white-space:nowrap}.sk-cat-sidebar.collapsed .sk-cat-section-label{display:none}.sk-cat-nav{display:flex;flex-direction:column;gap:1px;margin-bottom:4px}.sk-cat-link{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:var(--sk-sb-text);font-size:.82rem;font-weight:500;text-decoration:none;transition:background 150ms,color 150ms;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:inherit;white-space:nowrap;position:relative}.sk-cat-link:hover{background:var(--sk-sb-hover);color:var(--sk-sb-text-hi);text-decoration:none}.sk-cat-link.active{background:var(--sk-sb-active);color:#fff}.sk-cat-link.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 2px 2px 0;background:var(--sk-sb-blue)}.sk-cat-icon{font-size:19px!important;flex-shrink:0}.sk-cat-label{flex:1}.sk-cat-caret{font-size:16px!important;color:var(--sk-sb-text);transition:transform 250ms var(--sk-sb-ease);flex-shrink:0}.sk-cat-link.open .sk-cat-caret{transform:rotate(180deg)}.sk-cat-sidebar.collapsed .sk-cat-label,.sk-cat-sidebar.collapsed .sk-cat-caret{display:none}.sk-cat-sidebar.collapsed .sk-cat-link{justify-content:center;padding:10px}.sk-cat-sidebar.collapsed .sk-cat-link::after{content:attr(title);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--sk-sb-text-hi);color:#fff;padding:5px 10px;border-radius:6px;font-size:.74rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 150ms;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.3)}.sk-cat-sidebar.collapsed .sk-cat-link:hover::after{opacity:1}.sk-cat-sub{overflow:hidden;max-height:0;transition:max-height 350ms var(--sk-sb-ease)}.sk-cat-sub.open{max-height:2000px}.sk-cat-sidebar.collapsed .sk-cat-sub{display:none}.sk-cat-sub-link{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 28px;border-radius:8px;color:var(--sk-sb-text);font-size:.79rem;text-decoration:none;transition:color 150ms,background 150ms;white-space:nowrap;width:100%;background:none;border:none;text-align:left;font-family:inherit;cursor:pointer}.sk-cat-sub-link::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0;opacity:.5}.sk-cat-sub-link:hover{color:var(--sk-sb-text-hi);background:rgba(255,255,255,.04);text-decoration:none}.sk-cat-sub-link.active{color:var(--sk-sb-blue);font-weight:600}.sk-cat-sub-link.active::before{opacity:1;background:var(--sk-sb-blue)}.sk-cat-sub-sub{padding-left:44px;font-size:.76rem}.sk-cat-promo{margin:12px 4px 8px;border-radius:12px;overflow:hidden}.sk-cat-promo-viewport{border-radius:12px;overflow:hidden;aspect-ratio:1 / 1}.sk-cat-promo-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.sk-cat-promo-slide{min-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 14px;text-align:center;color:#fff}.sk-cat-promo-icon{font-size:36px!important;opacity:.9}.sk-cat-promo-slide strong{font-size:.9rem;font-weight:700;line-height:1.2}.sk-cat-promo-slide span{font-size:.74rem;opacity:.8;line-height:1.3}.sk-cat-promo-btn{margin-top:6px;padding:5px 14px;background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:.75rem;font-weight:600;text-decoration:none;transition:background 150ms}.sk-cat-promo-btn:hover{background:rgba(255,255,255,.35);color:#fff;text-decoration:none}.sk-cat-promo-dots{display:flex;justify-content:center;gap:5px;margin-top:8px;padding-bottom:4px}.sk-cat-promo-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);border:none;cursor:pointer;padding:0;transition:width 300ms,background 300ms,border-radius 300ms}.sk-cat-promo-dot.active{width:18px;border-radius:3px;background:var(--sk-sb-blue)}.sk-cat-sidebar.collapsed .sk-cat-promo{display:none}@media (max-width:991px){.sk-cat-sidebar{left:-100%;width:var(--sidebar-w)!important;transition:left 250ms var(--sk-sb-ease);z-index:900;box-shadow:4px 0 24px rgba(0,0,0,.3)}.sk-cat-sidebar.mobile-open{left:0}.modern-main-content{margin-left:0}}.sk-tnav{position:absolute;top:var(--header-h);left:var(--sidebar-w);right:0;height:var(--tnav-h);background:var(--color-surface);border-bottom:1px solid var(--color-divider);box-shadow:0 1px 4px rgba(0,0,0,.05);z-index:400;display:flex;align-items:stretch;flex-wrap:nowrap;overflow:hidden;transition:left 250ms var(--sk-sb-ease,cubic-bezier(.4,0,.2,1))}body.sk-sidebar-collapsed .sk-tnav{left:58px}body.sk-sidebar-collapsed .modern-footer{margin-left:58px;width:calc(100% - 58px)}.sk-tnav-scroll{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.sk-tnav-scroll::-webkit-scrollbar{display:none}.sk-tnav-track{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 12px;height:100%;min-width:max-content;margin:0 auto}.sk-tnav-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:0.9rem;font-weight:500;color:var(--color-on-surface-2);text-decoration:none;border:none;background:transparent;cursor:pointer;white-space:nowrap;transition:all 120ms;line-height:1;height:38px}.sk-tnav-btn .material-symbols-outlined{font-size:14px;flex-shrink:0}.sk-tnav-btn:hover{background:transparent;outline:1px solid var(--color-primary);color:var(--color-primary);text-decoration:none}.sk-tnav-btn.active{background:rgba(21,101,192,.12);color:var(--color-primary);font-weight:600}.sk-tnav-btn--tool{color:var(--concrete)}.sk-tnav-btn--tool:hover{color:var(--color-primary);background:transparent;outline:1px solid var(--color-primary)}.sk-tnav-sep{width:1px;height:18px;background:var(--color-divider);margin:0 6px;flex-shrink:0;align-self:center}.sk-tnav-utils{display:flex;align-items:center;gap:4px;padding:0 10px;flex-shrink:0;border-left:1px solid var(--color-divider);height:100%;background:var(--color-surface)}.sk-tnav-util{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:5px;font-size:.73rem;font-weight:600;color:var(--color-on-surface-2);border:1px solid var(--color-divider);background:var(--color-surface-2);cursor:pointer;white-space:nowrap;transition:background 120ms,border-color 120ms;height:26px}.sk-tnav-util .material-symbols-outlined{font-size:13px}.sk-tnav-util:hover{background:var(--color-surface-3);border-color:var(--color-outline-light)}.sk-tnav-caret{font-size:14px;transition:transform 200ms}.sk-cat-sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-w);background:var(--sk-sb-bg);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(0,0,0,.09);box-shadow:2px 0 16px rgba(0,0,0,.08);transition:width 250ms cubic-bezier(.4,0,.2,1);z-index:200}.sk-cat-sidebar.collapsed{width:58px}body.sk-sidebar-collapsed .sk-cat-sidebar{width:58px}.sk-sb-brand{display:flex;align-items:center;gap:10px;padding:0 16px;height:var(--header-h);flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.07);overflow:hidden}.sk-sb-logo-icon{width:36px;height:36px;border-radius:8px;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;flex-shrink:0;box-shadow:0 2px 8px rgba(21,101,192,.3)}.sk-sb-brand-text{overflow:hidden;display:flex;flex-direction:column;line-height:1.15;min-width:0}.sk-sb-brand-name{font-size:.93rem;font-weight:700;color:var(--sk-sb-text-hi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-sb-brand-sub{font-size:.62rem;font-weight:600;color:var(--sk-sb-blue);text-transform:uppercase;letter-spacing:1.2px;white-space:nowrap}.sk-sb-collapse-btn{margin-left:auto;flex-shrink:0;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sk-sb-text);transition:background 150ms}.sk-sb-collapse-btn:hover{background:rgba(37,99,235,.08)}.sk-sb-collapse-btn .material-symbols-outlined{font-size:20px}.sk-sb-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;scrollbar-width:thin}.sk-sb-nav::-webkit-scrollbar{width:4px}.sk-sb-nav::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:2px}.sk-sb-section-label{font-size:.65rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-on-surface-3);padding:12px 20px 4px;white-space:nowrap;overflow:hidden}.sk-cat-sidebar.collapsed .sk-sb-section-label{opacity:0}.sk-sb-item{display:flex;align-items:center;gap:10px;padding:0 14px;height:40px;border-radius:8px;margin:1px 8px;color:var(--sk-sb-text);text-decoration:none;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;transition:background 120ms,color 120ms;cursor:pointer}.sk-sb-item .material-symbols-outlined{font-size:20px;flex-shrink:0}.sk-sb-item:hover{background:var(--sk-sb-hover);color:var(--sk-sb-text-hi);text-decoration:none}.sk-sb-item.active{background:var(--sk-sb-active);color:var(--sk-sb-blue);font-weight:600}.sk-sb-item.active .material-symbols-outlined{color:var(--sk-sb-blue)}.sk-cat-sidebar.collapsed .sk-sb-item{justify-content:center;padding:0}.sk-cat-sidebar.collapsed .sk-sb-item span:not(.material-symbols-outlined){display:none}.sk-cat-sidebar.collapsed .sk-sb-brand-text{display:none}.sk-sb-accordion{margin:0}.sk-sb-acc-header{display:flex;align-items:center;gap:10px;padding:0 14px;height:40px;border-radius:8px;margin:1px 8px;color:var(--sk-sb-text);font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden;transition:background 120ms,color 120ms;list-style:none;user-select:none}.sk-sb-acc-header:hover{background:var(--sk-sb-hover);color:var(--sk-sb-text-hi)}.sk-sb-acc-header .material-symbols-outlined{font-size:20px;flex-shrink:0}.sk-sb-acc-arrow{margin-left:auto;font-size:16px!important;transition:transform 200ms}.sk-sb-accordion[open] .sk-sb-acc-arrow{transform:rotate(180deg)}.sk-sb-acc-body{padding:2px 0}.sk-sb-cat-item{display:flex;align-items:center;gap:8px;padding:0 14px 0 38px;height:34px;border-radius:6px;margin:1px 8px;color:var(--sk-sb-text);text-decoration:none;font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;transition:background 120ms,color 120ms}.sk-sb-cat-item .material-symbols-outlined{font-size:16px;flex-shrink:0}.sk-sb-cat-item:hover{background:var(--sk-sb-hover);color:var(--sk-sb-text-hi);text-decoration:none}.sk-sb-cat-item.active{background:rgba(37,99,235,.10);color:var(--sk-sb-blue)}.sk-cat-sidebar.collapsed .sk-sb-accordion{display:none}.sk-cat-promo{flex-shrink:0;padding:12px;border-top:1px solid rgba(0,0,0,.07)}.sk-cat-promo-inner{background:linear-gradient(135deg,#1565C0,#1976D2);border-radius:10px;padding:12px;color:#fff}.sk-cat-promo-title{font-size:.8rem;font-weight:700;margin-bottom:4px}.sk-cat-promo-text{font-size:.72rem;opacity:.85;margin-bottom:10px;line-height:1.4}.sk-cat-promo-btn{display:block;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:5px 10px;color:#fff;font-size:.75rem;font-weight:600;text-align:center;text-decoration:none;transition:background 150ms}.sk-cat-promo-btn:hover{background:rgba(255,255,255,.3);color:#fff;text-decoration:none}.sk-cat-sidebar.collapsed .sk-cat-promo{display:none}.sk-special{display:grid;grid-template-columns:220px 1fr;gap:0;padding:0;margin:0 calc(-1 * var(--sp-6)) var(--sp-4);width:calc(100% + var(--sp-6) * 2);height:380px;align-items:stretch}.sk-sp-cats{background:var(--color-surface);border-radius:0;border:none;border-right:1px solid var(--color-divider);box-shadow:none;overflow:hidden;display:flex;flex-direction:column;height:100%}.sk-sp-cats-header{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--color-primary);color:#fff;font-size:.83rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.sk-sp-cats-header .material-symbols-outlined{font-size:18px}.sk-sp-cats-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.sk-sp-cat-link{display:flex;align-items:center;gap:8px;padding:0 14px;height:auto;flex:1;min-height:36px;color:var(--color-on-surface-2);text-decoration:none;font-size:.84rem;font-weight:500;border-bottom:1px solid var(--color-divider);transition:background 120ms,color 120ms;cursor:pointer}.sk-sp-cat-link:hover{background:rgba(21,101,192,.06);color:var(--color-primary);text-decoration:none}.sk-sp-cat-icon{font-size:17px;flex-shrink:0;color:var(--color-primary)}.sk-sp-cat-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-sp-cat-arr{font-size:13px!important;color:var(--color-outline);margin-left:auto}.sk-sp-acc{border-bottom:1px solid var(--color-divider);flex:1;display:flex;flex-direction:column}.sk-sp-acc-hd{display:flex;align-items:center;gap:8px;padding:0 14px;height:auto;flex:1;min-height:36px;color:var(--color-on-surface-2);font-size:.84rem;font-weight:500;cursor:pointer;list-style:none;transition:background 120ms,color 120ms;user-select:none}.sk-sp-acc-hd::-webkit-details-marker{display:none}.sk-sp-acc-hd:hover{background:rgba(21,101,192,.06);color:var(--color-primary)}.sk-sp-acc[open]>.sk-sp-acc-hd{color:var(--color-primary);background:rgba(21,101,192,.05)}.sk-sp-acc-arr{margin-left:auto;font-size:16px!important;transition:transform 200ms}.sk-sp-acc[open]>.sk-sp-acc-hd .sk-sp-acc-arr{transform:rotate(180deg)}.sk-sp-acc-body{background:var(--color-surface-2);padding:2px 0 4px}.sk-sp-sub{display:flex;align-items:center;gap:4px;padding:5px 14px 5px 30px;color:var(--color-on-surface-3);text-decoration:none;font-size:.79rem;transition:color 120ms,background 120ms}.sk-sp-sub .material-symbols-outlined{font-size:14px;color:var(--color-outline)}.sk-sp-sub:hover{color:var(--color-primary);background:rgba(21,101,192,.05);text-decoration:none}.sk-sp-cats-all{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 14px;margin-top:auto;background:var(--color-surface-2);color:var(--color-primary);font-size:.82rem;font-weight:700;text-decoration:none;border-top:1px solid var(--color-divider);transition:background 150ms}.sk-sp-cats-all:hover{background:rgba(21,101,192,.08);text-decoration:none}.sk-sp-cats-all .material-symbols-outlined{font-size:16px}.sk-sp-hero{background:var(--color-surface);border-radius:0;border:none;box-shadow:none;overflow:hidden;display:flex;flex-direction:column;height:100%;position:relative}.sk-sp-viewport{flex:1 1 auto;min-height:280px;overflow:hidden;position:relative}.sk-sp-track{display:flex;height:100%;transition:transform 420ms cubic-bezier(.4,0,.2,1)}.sk-sp-slide{min-width:100%;display:grid;grid-template-columns:1fr 200px;align-items:center;padding:20px 28px;gap:20px;background:linear-gradient(130deg,var(--sa),var(--sb));color:#fff;box-sizing:border-box}.sk-sp-slide-content{display:flex;flex-direction:column;gap:12px}.sk-sp-badge-row{display:flex;gap:8px;flex-wrap:wrap}.sk-sp-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.3px}.sk-sp-badge .material-symbols-outlined{font-size:14px}.sk-sp-badge--sale{background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.4)}.sk-sp-badge--hot{background:#FF5722;border:1px solid rgba(255,255,255,.2)}.sk-sp-badge--new{background:#4CAF50;border:1px solid rgba(255,255,255,.2)}.sk-sp-badge--free{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4)}.sk-sp-slide-title{font-size:1.55rem;font-weight:600;line-height:1.25;color:rgba(255,255,255,.9);margin:0}.sk-sp-slide-title strong{color:#fff;font-weight:800}.sk-sp-slide-desc{font-size:.87rem;color:rgba(255,255,255,.8);line-height:1.5;margin:0}.sk-sp-cta{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:#fff;color:var(--sa,#1565C0);border-radius:8px;font-size:.85rem;font-weight:700;text-decoration:none;align-self:flex-start;transition:opacity 150ms,transform 120ms;box-shadow:0 4px 12px rgba(0,0,0,.2)}.sk-sp-cta:hover{opacity:.92;transform:translateY(-1px);text-decoration:none;color:var(--sa,#1565C0)}.sk-sp-cta .material-symbols-outlined{font-size:16px}.sk-sp-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:4px}.sk-sp-meta span{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:rgba(255,255,255,.75);font-weight:500}.sk-sp-meta span .material-symbols-outlined{font-size:15px}.sk-sp-slide-art{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.sk-sp-img-wrap{width:160px;height:160px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.25);box-shadow:0 8px 32px rgba(0,0,0,.2)}.sk-sp-big-icon{font-size:80px!important;color:rgba(255,255,255,.9)}.sk-sp-discount-badge{position:absolute;top:-8px;right:-8px;background:#FF5722;color:#fff;font-size:.8rem;font-weight:800;padding:5px 10px;border-radius:20px;border:2px solid rgba(255,255,255,.6);box-shadow:0 2px 8px rgba(0,0,0,.25);letter-spacing:.3px}.sk-sp-bottom{display:none}.sk-sp-countdown{display:flex;align-items:center;gap:8px;color:var(--color-on-surface-2)}.sk-sp-countdown>.material-symbols-outlined{font-size:18px;color:#F44336}.sk-sp-cd-label{font-size:.75rem;font-weight:500;color:var(--color-on-surface-3)}.sk-sp-cd-time{display:flex;align-items:center;gap:4px}.sk-sp-cd-unit{display:flex;align-items:baseline;gap:1px;background:var(--color-primary);color:#fff;border-radius:5px;padding:2px 7px;min-width:36px;justify-content:center}.sk-sp-cd-unit b{font-size:.88rem;font-weight:700;font-variant-numeric:tabular-nums}.sk-sp-cd-unit em{font-size:.6rem;font-style:normal;opacity:.8;margin-left:1px}.sk-sp-cd-sep{font-size:.9rem;font-weight:700;color:var(--color-primary)}.sk-sp-controls{display:none}.sk-sp-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 150ms}.sk-sp-arrow:hover{background:rgba(255,255,255,.45)}.sk-sp-arrow .material-symbols-outlined{font-size:20px}.sk-sp-arrow--left{left:12px}.sk-sp-arrow--right{right:12px}.sk-sp-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;z-index:10}.sk-sp-dot{width:8px;height:8px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:transparent;cursor:pointer;padding:0;transition:background 200ms,transform 200ms,width 200ms,border-radius 200ms}.sk-sp-dot.active{background:#fff;border-color:#fff;width:22px;border-radius:4px}@media (max-width:1100px){.sk-special{grid-template-columns:190px 1fr}.sk-sp-slide{grid-template-columns:1fr 180px;padding:20px 20px}.sk-sp-img-wrap{width:120px;height:120px}.sk-sp-big-icon{font-size:60px!important}}@media (max-width:768px){.sk-special{grid-template-columns:1fr;margin:0 0 var(--sp-4);width:100%}.sk-sp-cats{display:none}.sk-sp-hero{height:auto;min-height:240px;border-radius:0}.sk-sp-viewport{min-height:220px}.sk-sp-slide{grid-template-columns:1fr}.sk-sp-slide-art{display:none}.sk-sp-cd-label{display:none}}.modern-catalog-modal-content{width:min(96vw,960px);max-height:80vh}.modern-catalog-modal-body{overflow-y:auto;max-height:calc(80vh - 60px);padding:16px}.modern-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.modern-cat-acc{border:1px solid rgba(0,0,0,.08);border-radius:8px;overflow:hidden;background:#fff}.modern-cat-acc-hd{display:flex;align-items:center;gap:6px;padding:10px 12px;cursor:pointer;list-style:none;background:var(--sk-surface,#f5f5f5);font-weight:600;font-size:.85rem;user-select:none}.modern-cat-acc-hd::-webkit-details-marker{display:none}.modern-cat-acc-icon{font-size:18px;color:var(--sk-accent,#1976d2);flex-shrink:0}.modern-cat-acc-link{flex:1;color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-cat-acc-link:hover{color:var(--sk-accent,#1976d2)}.modern-cat-acc-arr{font-size:18px;transition:transform .2s;flex-shrink:0}.modern-cat-acc[open] .modern-cat-acc-arr{transform:rotate(180deg)}.modern-cat-acc-body{max-height:180px;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:2px}.modern-cat-sub-link{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:6px;font-size:.82rem;color:#444;text-decoration:none;transition:background .15s,color .15s}.modern-cat-sub-link:hover{background:var(--sk-accent-light,#e3f0fd);color:var(--sk-accent,#1976d2)}.modern-cat-sub-link .material-symbols-outlined{font-size:15px}.modern-cat-acc-empty{padding:8px 12px;font-size:.8rem;color:#999}.sk-sp-bottom--centered{justify-content:center}.mini-icon-carousel{position:relative;width:44px;height:44px;flex-shrink:0}.mini-carousel-inner{position:relative;width:100%;height:100%}.mini-carousel-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--sp-2);opacity:0;transform:translateY(6px) scale(0.88);pointer-events:none;transition:opacity 0.35s ease,transform 0.35s ease;border-radius:var(--radius-sm);text-decoration:none;color:var(--color-on-surface-2);background:transparent;border:none;cursor:pointer}.mini-carousel-item.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.mini-carousel-item:hover{background:var(--color-surface-3);color:var(--color-primary)}.mini-carousel-item .material-symbols-outlined{font-size:22px;line-height:1}.mini-carousel-item .modern-notification-dot{top:4px;right:4px}.mini-carousel-dots{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);display:flex;gap:3px}.mini-carousel-dot{width:4px;height:4px;border-radius:50%;background:var(--color-on-surface-3);opacity:0.4;transition:opacity 0.25s,background 0.25s;cursor:pointer;border:none;padding:0}.mini-carousel-dot.active{opacity:1;background:var(--color-primary)}.cart-compact-modal{position:fixed;inset:0;z-index:3000;pointer-events:none}.cart-compact-modal.open{pointer-events:auto}.cart-compact-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.28);opacity:0;transition:opacity 0.25s ease;backdrop-filter:blur(2px)}.cart-compact-modal.open .cart-compact-overlay{opacity:1}.cart-compact-panel{position:absolute;top:68px;right:12px;width:360px;max-width:calc(100vw - 24px);max-height:80vh;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--elevation-4);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(-10px) scale(0.96);transform-origin:top right;transition:opacity 0.25s ease,transform 0.25s ease}.cart-compact-modal.open .cart-compact-panel{opacity:1;transform:translateY(0) scale(1)}.cart-compact-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--color-divider);flex-shrink:0}.cart-compact-title{flex:1;font-weight:600;font-size:0.9rem;color:var(--color-on-surface)}.cart-compact-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:none;border:none;border-radius:var(--radius-xs);cursor:pointer;color:var(--color-on-surface-3);transition:background 0.15s,color 0.15s;font-family:var(--font-sans)}.cart-compact-close:hover{background:var(--color-surface-3);color:var(--color-error)}.cart-compact-close .material-symbols-outlined{font-size:18px}.cart-compact-body{overflow-y:auto;flex:1;padding:8px}.skf{background:linear-gradient(175deg,var(--skf-bg-start) 0%,var(--skf-bg-end) 100%);color:var(--skf-text);font-family:var(--font-sans);width:100%;content-visibility:auto;contain-intrinsic-size:0 400px}.skf-top{display:flex;align-items:flex-start;gap:28px;padding:36px 32px 24px;border-bottom:1px solid var(--skf-divider);box-sizing:border-box;width:100%}.skf-brand{flex:0 0 230px;display:flex;flex-direction:column;gap:12px}.skf-brand-logo{display:flex;align-items:center;gap:10px}.skf-brand-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--skf-brand-icon-from),var(--skf-brand-icon-to));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.skf-brand-text{display:flex;flex-direction:column;line-height:1.2}.skf-brand-title{font-size:1rem;font-weight:700;color:var(--skf-text)}.skf-brand-sub{font-size:0.68rem;color:var(--skf-text-muted);letter-spacing:0.04em}.skf-brand-desc{font-size:0.76rem;line-height:1.6;color:var(--skf-text-muted);margin:0}.skf-brand-badges{display:flex;flex-direction:column;gap:5px}.skf-badge{display:inline-flex;align-items:center;gap:5px;font-size:0.7rem;color:var(--skf-text-muted);background:var(--skf-card-bg);border:1px solid var(--skf-card-border);border-radius:20px;padding:3px 9px;width:fit-content}.skf-badge .material-symbols-outlined{font-size:13px;color:var(--skf-accent)}.skf-slider-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.skf-slider-viewport{overflow:hidden;width:100%}.skf-slider-track{display:flex;gap:12px;transition:transform 0.4s cubic-bezier(.4,0,.2,1);will-change:transform}.skf-card{flex:0 0 calc((100% - 24px) / 3);min-width:0;background:var(--skf-card-bg);border:1px solid var(--skf-card-border);border-radius:10px;padding:16px 14px;box-sizing:border-box}.skf-card:hover{background:rgba(255,255,255,0.13);border-color:var(--skf-accent)}.skf-card-head{display:flex;align-items:center;gap:7px;margin-bottom:10px;font-weight:600;font-size:0.82rem;color:var(--skf-text);white-space:nowrap}.skf-card-icon{font-size:17px;color:var(--skf-accent);flex-shrink:0}.skf-card-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.skf-card-links a{font-size:0.76rem;color:var(--skf-text-muted);text-decoration:none;display:flex;align-items:center;gap:4px;transition:color 0.15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skf-card-links a::before{content:'›';color:var(--skf-accent);font-size:0.95rem;flex-shrink:0}.skf-card-links a:hover{color:var(--skf-text)}.skf-slider-controls{display:flex;align-items:center;justify-content:center;gap:10px}.skf-slider-arrow{width:32px;height:32px;border-radius:50%;border:1px solid var(--skf-card-border);background:var(--skf-card-bg);color:var(--skf-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s,color 0.15s,border-color 0.15s;font-family:var(--font-sans)}.skf-slider-arrow:hover{background:rgba(255,255,255,0.2);border-color:var(--skf-accent);color:var(--skf-text)}.skf-slider-arrow .material-symbols-outlined{font-size:19px}.skf-slider-dots{display:flex;gap:5px;align-items:center}.skf-dot{width:6px;height:6px;border-radius:50%;border:none;background:var(--skf-card-border);cursor:pointer;padding:0;transition:background 0.2s,transform 0.2s}.skf-dot.active{background:var(--skf-accent);transform:scale(1.4)}.skf-row{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 32px;border-bottom:1px solid var(--skf-divider);flex-wrap:wrap;box-sizing:border-box;width:100%}.skf-social-row{}.skf-social-carousel{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.skf-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:20px;border:1px solid var(--skf-pill-border);background:var(--skf-pill-bg);color:var(--skf-text-muted);font-size:0.76rem;font-family:var(--font-sans);cursor:pointer;text-decoration:none;transition:background 0.15s,border-color 0.15s,color 0.15s;white-space:nowrap}.skf-pill:hover{background:rgba(255,255,255,0.15);border-color:var(--skf-accent);color:var(--skf-text)}.skf-pill .material-symbols-outlined{font-size:15px}.skf-pill--pay{border-color:rgba(255,255,255,0.12);background:transparent}.skf-pill--pay:hover{background:rgba(255,255,255,0.10);border-color:var(--skf-accent);color:var(--skf-text)}.skf-newsletter-row{}.skf-nl-icon{font-size:19px;color:var(--skf-accent);flex-shrink:0}.skf-nl-label{font-size:0.8rem;color:var(--skf-text-muted);white-space:nowrap;flex-shrink:0}.skf-nl-form{display:flex}.skf-nl-input{width:220px;padding:7px 13px;border-radius:20px 0 0 20px;border:1px solid var(--skf-pill-border);border-right:none;background:var(--skf-card-bg);color:var(--skf-text);font-size:0.78rem;font-family:var(--font-sans);outline:none}.skf-nl-input::placeholder{color:var(--skf-text-muted)}.skf-nl-input:focus{border-color:var(--skf-accent)}.skf-nl-btn{padding:7px 16px;border-radius:0 20px 20px 0;border:1px solid var(--skf-accent);background:var(--skf-accent);color:#fff;font-size:0.78rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:opacity 0.15s}.skf-nl-btn:hover{opacity:0.85}.skf-delivery-row{}.skf-delivery-label{display:flex;align-items:center;gap:5px;font-size:0.76rem;font-weight:600;color:var(--skf-text-muted);flex-shrink:0}.skf-delivery-label .material-symbols-outlined{font-size:15px;color:var(--skf-accent)}.skf-delivery-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.skf-delivery-item{display:flex;align-items:center;gap:4px;font-size:0.76rem;color:var(--skf-text-muted);font-weight:500}.skf-delivery-item .material-symbols-outlined{font-size:14px;color:var(--skf-accent)}.skf-delivery-sep{color:var(--skf-divider);font-size:1.1rem;line-height:1}.skf-bottom{display:flex;align-items:center;justify-content:space-between;padding:9px 32px;border-top:1px solid var(--skf-divider);border-bottom:1px solid var(--skf-divider);flex-wrap:wrap;gap:8px;background:rgba(0,0,0,0.15);box-sizing:border-box;width:100%}.skf-copy{font-size:0.73rem;color:var(--skf-text-muted)}.skf-powered{font-size:0.7rem;color:var(--skf-text-muted)}.skf-powered strong{color:var(--skf-accent)}.skf-pay-row{display:flex;justify-content:center;padding:10px 32px;background:rgba(0,0,0,0.10);box-sizing:border-box;width:100%}.skf-pay-carousel{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}@media (max-width:900px){.skf-top{flex-direction:column;padding:24px 16px 20px;gap:20px}.skf-brand{flex:none;width:100%}.skf-card{flex:0 0 calc((100% - 12px) / 2)}.skf-row{padding:10px 16px}.skf-bottom{padding:9px 16px}.skf-pay-row{padding:10px 16px}}@media (max-width:560px){.skf-card{flex:0 0 100%}.skf-nl-input{width:160px}}.sk-theme-toggle .sk-theme-icon{transition:transform 0.4s cubic-bezier(.34,1.56,.64,1),color 0.2s}body.sk-dark .sk-theme-toggle .sk-theme-icon{color:#FFD54F}.sk-theme-toggle:hover .sk-theme-icon{transform:rotate(20deg) scale(1.15)}.sk-theme-switch{margin-left:auto;width:34px;height:18px;background:var(--color-outline-light);border-radius:9px;position:relative;transition:background 0.25s;flex-shrink:0}.sk-theme-switch-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform 0.25s cubic-bezier(.34,1.56,.64,1)}.sk-theme-toggle--on .sk-theme-switch{background:var(--color-primary)}.sk-theme-toggle--on .sk-theme-switch-thumb{transform:translateX(16px)}body.sk-dark .sk-special{background:var(--color-surface)}body.sk-dark .sk-sp-cats{background:var(--color-surface)!important;border-color:var(--color-divider)!important}body.sk-dark .sk-sp-cats-body{background:var(--color-surface)!important}body.sk-dark .sk-sp-hero{background:var(--color-surface);border-color:var(--color-divider)}body.sk-dark .sk-sp-cat-link{background:var(--color-surface)!important;color:var(--color-on-surface-2)!important;border-color:var(--color-divider)!important}body.sk-dark .sk-sp-cat-link:hover{background:var(--color-primary-container)!important;color:var(--color-primary)!important}body.sk-dark .sk-sp-cat-icon{color:var(--color-primary)!important}body.sk-dark .sk-sp-cat-arr{color:var(--color-outline)!important}body.sk-dark .sk-sp-acc{background:var(--color-surface)!important;border-color:var(--color-divider)!important}body.sk-dark .sk-sp-acc-hd{background:var(--color-surface)!important;color:var(--color-on-surface-2)!important}body.sk-dark .sk-sp-acc-hd:hover{background:var(--color-primary-container)!important;color:var(--color-primary)!important}body.sk-dark .sk-sp-acc[open]>.sk-sp-acc-hd{background:var(--color-primary-container)!important;color:var(--color-primary)!important}body.sk-dark .sk-sp-acc-body{background:var(--color-surface-2)!important}body.sk-dark .sk-sp-sub{background:transparent!important;color:var(--color-on-surface-3)!important}body.sk-dark .sk-sp-sub:hover{background:var(--color-primary-container)!important;color:var(--color-primary)!important}body.sk-dark .sk-sp-cats-all{background:var(--color-surface-2)!important;border-color:var(--color-divider)!important;color:var(--color-primary)!important}body.sk-dark .sk-sp-cats-all:hover{background:var(--color-primary-container)!important}body.sk-dark .sk-sp-img-wrap{background:rgba(0,0,0,0.30)!important;border-color:rgba(255,255,255,0.15)!important;box-shadow:0 8px 32px rgba(0,0,0,0.5)!important}body.sk-dark .sk-sp-big-icon{color:rgba(255,255,255,0.75)!important}body.sk-dark .sk-sp-cta{background:rgba(0,0,0,0.35)!important;color:#fff!important;border:2px solid rgba(255,255,255,0.5)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}body.sk-dark .sk-sp-cta:hover{background:rgba(0,0,0,0.55)!important;color:#fff!important;border-color:rgba(255,255,255,0.8)!important}body.sk-dark .sk-sp-meta span{color:rgba(255,255,255,0.75)!important}body.sk-dark .sk-sp-badge{backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}body.sk-dark .sk-sp-arrow{background:rgba(0,0,0,0.35)!important;border:1px solid rgba(255,255,255,0.2)!important}body.sk-dark .sk-sp-arrow:hover{background:rgba(0,0,0,0.6)!important}body.sk-dark .sk-sp-cats-header{background:var(--color-primary)!important}body.sk-dark .modern-cat-sub-link{color:var(--color-on-surface-2)}body.sk-dark .modern-cat-sub-link:hover{background:var(--color-primary-container);color:var(--color-primary)}body.sk-dark .modern-cat-acc-empty{color:var(--color-on-surface-3)}body.sk-dark .modern-cat-acc-hd{color:var(--color-on-surface)}body.sk-dark .modern-product-wishlist{background:var(--color-surface-2);color:var(--color-on-surface-3);border:1px solid var(--color-divider)}body.sk-dark .modern-product-wishlist:hover,body.sk-dark .modern-product-wishlist.active{background:var(--color-surface-3);color:var(--color-error)}body.sk-dark .card{background:var(--color-surface)!important;border-color:var(--color-divider)!important;color:var(--color-on-surface)!important}body.sk-dark .card-header{background:var(--color-surface-2)!important;border-color:var(--color-divider)!important;color:var(--color-on-surface)!important}body.sk-dark .card-body{color:var(--color-on-surface-2)}body.sk-dark .card-footer{background:var(--color-surface-2)!important;border-color:var(--color-divider)!important}body.sk-dark .modal-content{background:var(--color-surface)!important;color:var(--color-on-surface)!important;border-color:var(--color-divider)!important}body.sk-dark .modal-header{background:var(--color-surface-2)!important;border-color:var(--color-divider)!important}body.sk-dark .modal-footer{background:var(--color-surface-2)!important;border-color:var(--color-divider)!important}body.sk-dark .modal-title{color:var(--color-on-surface)}body.sk-dark .btn-close{filter:invert(1) brightness(0.8)}body.sk-dark .form-control,body.sk-dark .form-select{background:var(--color-surface-3)!important;border-color:var(--color-divider)!important;color:var(--color-on-surface)!important}body.sk-dark .form-control:focus,body.sk-dark .form-select:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px rgba(66,165,245,.15)!important;background:var(--color-surface-3)!important}body.sk-dark .form-control::placeholder{color:var(--color-on-surface-3)!important}body.sk-dark .form-label{color:var(--color-on-surface-2)}body.sk-dark .form-text{color:var(--color-on-surface-3)}body.sk-dark .input-group-text{background:var(--color-surface-2)!important;border-color:var(--color-divider)!important;color:var(--color-on-surface-2)!important}body.sk-dark .nav-tabs{border-color:var(--color-divider)!important}body.sk-dark .nav-tabs .nav-link{color:var(--color-on-surface-3)}body.sk-dark .nav-tabs .nav-link:hover{color:var(--color-primary);background:var(--color-primary-container);border-color:transparent}body.sk-dark .nav-tabs .nav-link.active{color:var(--color-primary)!important}body.sk-dark .tab-content{background:transparent}body.sk-dark .modern-sidebar{background:var(--color-surface);border-color:var(--color-divider)}body.sk-dark .modern-sidebar-header{background:var(--color-surface);border-color:var(--color-divider)}body.sk-dark .modern-sidebar-title{color:var(--color-on-surface)}body.sk-dark .modern-sidebar-section-title{color:var(--color-on-surface-3)}body.sk-dark .modern-sidebar-link{color:var(--color-on-surface-2)}body.sk-dark .modern-sidebar-link:hover{background:var(--color-primary-container);color:var(--color-primary)}body.sk-dark .modern-sidebar-link.active{background:var(--color-primary);color:var(--color-on-primary)}body.sk-dark .modern-sidebar-toggle{background:var(--color-surface-3);color:var(--color-on-surface-3)}body.sk-dark .modern-sidebar-toggle:hover{background:var(--color-primary-container);color:var(--color-primary)}body.sk-dark .modern-sidebar-icon{color:var(--color-on-surface-3)}body.sk-dark .modern-sidebar-link:hover .modern-sidebar-icon{color:var(--color-primary)}body.sk-dark .sk-tnav-btn.active{background:var(--color-primary-container);color:var(--color-primary)}body.sk-dark .sk-tnav-btn--tool{color:var(--color-on-surface-3)}body.sk-dark .sk-tnav-btn--tool:hover{background:transparent;outline:1px solid var(--color-primary);color:var(--color-primary)}body.sk-dark .sk-tnav-utils{background:var(--color-surface);border-color:var(--color-divider)}body.sk-dark .sk-tnav-util{background:var(--color-surface-2);border-color:var(--color-divider);color:var(--color-on-surface-2)}body.sk-dark .sk-tnav-util:hover{background:var(--color-surface-3);border-color:var(--color-outline)}body.sk-dark .sk-sb-nav::-webkit-scrollbar-thumb,body.sk-dark .sk-cat-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)}body.sk-dark .modern-cat-acc-hd{background:var(--color-surface-2);color:var(--color-on-surface)}body.sk-dark .modern-dropdown-item{color:var(--color-on-surface-2)}body.sk-dark .modern-menu,body.sk-dark #menu{background:var(--color-surface-3)}body.sk-dark .modern-menu a,body.sk-dark #menu .nav-link{color:var(--color-on-surface-2)}body.sk-dark .modern-menu a:hover,body.sk-dark #menu .nav-link:hover,body.sk-dark #menu .nav-link.active{background:var(--color-primary);color:var(--color-on-primary)}body.sk-dark .breadcrumb-wrap{background:linear-gradient(90deg,#0f3a7a 0%,#1251a3 60%,#1565C0 100%);border-bottom-color:rgba(255,255,255,.1)}body.sk-dark .breadcrumb-item + .breadcrumb-item::before{color:rgba(255,255,255,.4)}body.sk-dark .breadcrumb-item.active{color:rgba(255,255,255,.6)}body.sk-dark .modern-cart-item{background:var(--color-surface);border-color:var(--color-divider)}body.sk-dark .modern-cart-summary{background:var(--color-surface);border-color:var(--color-divider)}body.sk-dark .modern-ca @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}
/* ============================================================
   AUTH PAGE (Login / Register)
   ============================================================ */
.sk-auth-page{width:100%;padding:0}
.sk-auth-layout{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-h) - var(--tnav-h) - 36px);padding:20px}

/* ── Hero Slider (Left) ── */
.sk-auth-hero{position:relative;overflow:hidden;border-radius:0}
.sk-auth-slider{position:relative;width:100%;height:100%;min-height:520px}
.sk-auth-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 500ms ease;pointer-events:none}
.sk-auth-slide.active{opacity:1;pointer-events:auto}
.sk-auth-slide-bg{position:absolute;inset:0}
.sk-auth-slide-content{position:relative;z-index:1;text-align:center;color:#fff;padding:48px 40px;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:20px}
.sk-auth-slide-icon .material-symbols-outlined{font-size:72px;color:rgba(255,255,255,.85);display:block}
.sk-auth-slide-content h2{font-size:1.75rem;font-weight:700;line-height:1.3;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.2)}
.sk-auth-slide-content p{font-size:.97rem;opacity:.88;margin:0;line-height:1.6}
.sk-auth-slide-badges{display:flex;flex-direction:column;gap:10px;width:100%}
.sk-auth-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);padding:8px 16px;border-radius:20px;font-size:.82rem;font-weight:500}
.sk-auth-badge .material-symbols-outlined{font-size:16px}
/* Arrows */
.sk-auth-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 150ms;backdrop-filter:blur(4px)}
.sk-auth-arrow:hover{background:rgba(255,255,255,.35)}
.sk-auth-arrow--prev{left:16px}
.sk-auth-arrow--next{right:16px}
.sk-auth-arrow .material-symbols-outlined{font-size:20px}
/* Dots */
.sk-auth-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}
.sk-auth-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);border:none;cursor:pointer;padding:0;transition:all 150ms}
.sk-auth-dot.active{background:#fff;width:24px;border-radius:4px}

/* ── Auth Panel (Right) ── */
.sk-auth-panel{background:var(--color-surface);padding:40px 36px;display:flex;flex-direction:column;gap:24px;border:1px solid var(--color-divider);border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,0.08);width:100%;max-width:440px}
.sk-auth-logo{display:flex;align-items:center;gap:12px}
.sk-auth-logo-title{font-size:1.2rem;font-weight:700;color:var(--color-on-surface)}
.sk-auth-logo-sub{font-size:.75rem;color:var(--color-on-surface-3)}
/* Tabs */
.sk-auth-tabs{display:flex;gap:4px;background:var(--color-surface-2);border-radius:10px;padding:4px}
.sk-auth-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:8px;border:none;background:transparent;color:var(--color-on-surface-3);font-size:.875rem;font-weight:500;cursor:pointer;transition:all 150ms}
.sk-auth-tab .material-symbols-outlined{font-size:17px}
.sk-auth-tab.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 4px rgba(0,0,0,.1)}
/* Tab panes */
.sk-auth-tab-pane{display:none;flex-direction:column;gap:18px}
.sk-auth-tab-pane.active{display:flex}
/* Fields */
.sk-auth-field{display:flex;flex-direction:column;gap:6px}
.sk-auth-label{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--color-on-surface-2)}
.sk-auth-label .material-symbols-outlined{font-size:15px;color:var(--color-primary)}
.sk-auth-input{width:100%;padding:10px 14px;border:1.5px solid var(--color-divider);border-radius:8px;font-size:.9rem;background:var(--color-surface-2);color:var(--color-on-surface);transition:border-color 150ms,box-shadow 150ms;box-sizing:border-box}
.sk-auth-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(21,101,192,.12)}
.sk-auth-input-wrap{position:relative}
.sk-auth-input-wrap .sk-auth-input{padding-right:44px}
.sk-auth-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-on-surface-3);display:flex;padding:4px}
.sk-auth-eye .material-symbols-outlined{font-size:18px}
.sk-auth-forgot{font-size:.78rem;color:var(--color-primary);text-decoration:none;align-self:flex-end;margin-top:-4px}
.sk-auth-forgot:hover{text-decoration:underline}
/* Button */
.sk-auth-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background 150ms,transform 80ms;box-shadow:0 2px 8px rgba(21,101,192,.3)}
.sk-auth-btn-primary:hover{background:var(--sk-blue-700);color:#fff;text-decoration:none;transform:translateY(-1px)}
.sk-auth-btn-primary .material-symbols-outlined{font-size:18px}
/* Switch */
.sk-auth-switch{text-align:center;font-size:.82rem;color:var(--color-on-surface-3);margin:0}
.sk-auth-switch-btn{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;font-size:.82rem;padding:0;text-decoration:underline}
/* Register perks */
.sk-auth-reg-text{font-size:.88rem;color:var(--color-on-surface-2);margin:0;line-height:1.6}
.sk-auth-reg-perks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sk-auth-perk{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-on-surface-2)}
.sk-auth-perk .material-symbols-outlined{font-size:16px;color:#2E7D32}

/* Dark mode */
body.sk-dark .sk-auth-panel{background:var(--color-surface);border-left-color:var(--color-divider)}
body.sk-dark .sk-auth-input{background:var(--color-surface-2);border-color:var(--color-divider)}
body.sk-dark .sk-auth-tabs{background:rgba(0,0,0,.2)}
body.sk-dark .sk-auth-tab.active{background:var(--color-surface-2)}

/* Responsive */
@media(max-width:768px){
  
  
  
  .sk-auth-panel{padding:24px 20px}
}
/* ═══════════════════════════════════════════════════════════
   SKLADMARKET THEME — PATCH v2.4
   Bento Grid · Vertical Scroll · Catalog Panel · Footer Fix
════════════════════════════════════════════════════════════ */

/* ── FOOTER MARGIN FIX (follows sidebar) ── */
.skf{margin-left:var(--sidebar-w);transition:margin-left 250ms var(--sk-sb-ease,cubic-bezier(.4,0,.2,1));box-sizing:border-box;width:auto!important}
body.sk-sidebar-collapsed .skf{margin-left:58px}
@media(max-width:900px){.skf{margin-left:58px}}
@media(max-width:767px){.skf{margin-left:0!important}.skf-top{flex-direction:column!important}.skf-brand{flex:none!important;width:100%!important}}

/* ── SPECIAL SECTION: 3-column grid ── */
.sk-special{display:grid!important;grid-template-columns:1fr 260px!important;height:auto!important;min-height:420px;max-height:none;align-items:stretch}
@media(max-width:1100px){.sk-special{grid-template-columns:200px 1fr!important;grid-template-rows:1fr auto}}
@media(max-width:900px){.sk-special{grid-template-columns:1fr!important;height:auto!important;max-height:none}}

/* ── BENTO GRID ── */
.sk-sp-bento{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:minmax(120px, auto);gap:8px;padding:8px;background:var(--color-surface-2);}
@media(max-width:1100px){.sk-sp-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}}
@media(max-width:900px){.sk-sp-bento{grid-template-columns:1fr 1fr;min-height:300px}}

/* Bento card base */
.sk-bc{position:relative;border-radius:12px;overflow:hidden;text-decoration:none!important;display:flex;flex-direction:column;transition:transform 180ms ease,box-shadow 180ms ease;cursor:pointer;color:#fff;background:linear-gradient(135deg,#0D47A1 0%,#1565C0 50%,#1976D2 100%)}
.sk-bc:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 28px rgba(0,0,0,.35);text-decoration:none!important;color:#fff}
.sk-bc-glow{position:absolute;inset:0;pointer-events:none}
.sk-bc-circles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.sk-bc-c{position:absolute;border-radius:50%;background:rgba(255,255,255,.06)}
.sk-bc-c--1{width:140px;height:140px;right:-30px;top:-40px}
.sk-bc-c--2{width:90px;height:90px;left:20px;bottom:-20px;background:rgba(255,255,255,.04)}
.sk-bc-c--3{width:60px;height:60px;right:40px;bottom:20px;background:rgba(255,255,255,.08)}

/* Hero card: col 1-2, row 1-2 */
.sk-bc--hero{grid-column:1/3;grid-row:1/3;background:linear-gradient(145deg,#0A2F6B 0%,#0D47A1 40%,#1565C0 100%);padding:20px 24px 18px;justify-content:space-between}
.sk-bc--sm{padding:14px 16px;justify-content:flex-start;gap:6px}
.sk-bc--sm.sk-bc--green{background:linear-gradient(135deg,#1B5E20,#2E7D32)}
.sk-bc--sm.sk-bc--purple{background:linear-gradient(135deg,#4A148C,#6A1B9A)}
.sk-bc--md{padding:14px 16px;justify-content:flex-start;gap:6px}
.sk-bc--md.sk-bc--red{background:linear-gradient(135deg,#7F0000,#B71C1C)}
.sk-bc--wide{grid-column:2/4;padding:14px 18px}
.sk-bc--wide.sk-bc--teal{background:linear-gradient(135deg,#004D40,#00695C)}

/* Card content */
.sk-bc-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;gap:8px}
.sk-bc-content--row{flex-direction:row!important;align-items:center;justify-content:space-between;gap:16px}
.sk-bc-tags{display:flex;flex-wrap:wrap;gap:5px}
.sk-bc-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px 2px 5px;border-radius:20px;font-size:.7rem;font-weight:600;border:1px solid transparent;letter-spacing:.2px}
.sk-bc-tag .material-symbols-outlined{font-size:13px}
.sk-bc-icon-wrap{margin:4px 0}
.sk-bc-big-icon{font-size:56px!important;opacity:.85;display:block}
.sk-bc-sm-icon{font-size:28px!important;opacity:.8;margin:4px 0}
.sk-bc-h{font-size:1.25rem;font-weight:700;line-height:1.25;margin:0;color:#fff}
.sk-bc-h strong{color:#90CAF9}
.sk-bc-h-sm{font-size:.88rem;font-weight:700;line-height:1.3;color:#fff;margin:2px 0}
.sk-bc-sub{font-size:.78rem;color:rgba(255,255,255,.7);margin:0;line-height:1.4}
.sk-bc-btn{display:inline-flex;align-items:center;gap:4px;margin-top:auto;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;padding:7px 14px;font-size:.8rem;font-weight:600;backdrop-filter:blur(4px);width:fit-content}
.sk-bc-btn .material-symbols-outlined{font-size:16px;transition:transform 200ms}
.sk-bc:hover .sk-bc-btn .material-symbols-outlined{transform:translateX(3px)}
.sk-bc-link{display:inline-flex;align-items:center;gap:3px;margin-top:auto;font-size:.75rem;color:rgba(255,255,255,.75);font-weight:500}
.sk-bc-link .material-symbols-outlined{font-size:14px;transition:transform 200ms}
.sk-bc:hover .sk-bc-link .material-symbols-outlined{transform:translateX(3px)}
.sk-bc-disc{position:absolute;top:12px;right:12px;background:rgba(255,214,0,.9);color:#0D1117;font-weight:800;font-size:.8rem;padding:4px 9px;border-radius:20px;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.sk-bc-icons-group{display:flex;gap:8px;opacity:.6}
.sk-bc-icons-group .material-symbols-outlined{font-size:28px;color:#fff}

/* ── VERTICAL SCROLL (right column) ── */
.sk-sp-vscroll{display:flex;flex-direction:column;background:var(--color-surface);border-left:1px solid var(--color-divider);overflow:hidden}
@media(max-width:1100px){.sk-sp-vscroll{display:none}}
.sk-vscroll-hd{display:flex;align-items:center;gap:6px;padding:10px 12px;background:linear-gradient(90deg,rgba(244,67,54,.85),rgba(255,87,34,.8));color:#fff;font-size:.8rem;font-weight:700;flex-shrink:0}
.sk-vscroll-hd .material-symbols-outlined{font-size:17px}
.sk-vscroll-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}
.sk-vscroll-body::-webkit-scrollbar{width:3px}
.sk-vscroll-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px}
.sk-vscroll-loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:120px}
.sk-vscroll-spin{width:24px;height:24px;border:2px solid var(--color-divider);border-top-color:var(--color-primary);border-radius:50%;animation:sk-spin 700ms linear infinite}
@keyframes sk-spin{to{transform:rotate(360deg)}}
.sk-vscroll-item{display:flex;align-items:center;gap:8px;padding:7px 10px;text-decoration:none;border-bottom:1px solid var(--color-divider);transition:background 120ms;color:var(--color-on-surface)}
.sk-vscroll-item:hover{background:rgba(21,101,192,.07);text-decoration:none;color:var(--color-on-surface)}
.sk-vscroll-thumb{width:38px;height:38px;border-radius:7px;background:var(--color-surface-2);border:1px solid var(--color-divider);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sk-vscroll-thumb img{width:100%;height:100%;object-fit:cover}
.sk-vscroll-thumb .material-symbols-outlined{font-size:20px;color:var(--color-primary);opacity:.7}
.sk-vscroll-info{flex:1;min-width:0}
.sk-vscroll-name{font-size:.75rem;font-weight:500;color:var(--color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.sk-vscroll-price{font-size:.72rem;color:var(--color-primary);font-weight:600;margin-top:1px}
.sk-vscroll-more{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;font-size:.75rem;font-weight:600;color:var(--color-primary);text-decoration:none;border-top:1px solid var(--color-divider);background:var(--color-surface-2);flex-shrink:0}
.sk-vscroll-more:hover{background:rgba(21,101,192,.08);text-decoration:none}
.sk-vscroll-more .material-symbols-outlined{font-size:15px}

/* ═══ CATALOG PANEL (new 2-column design) ═══ */
.skcat-panel{position:fixed;inset:0;z-index:600;display:none;align-items:flex-start;justify-content:flex-start}
.skcat-panel.open{display:flex}
.skcat-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(3px)}
.skcat-box{position:relative;z-index:1;margin-left:var(--sidebar-w);margin-top:calc(var(--header-h) + var(--tnav-h,44px));width:min(720px,90vw);max-height:calc(100vh - var(--header-h) - var(--tnav-h,44px) - 16px);background:var(--color-surface);border-radius:0 0 14px 14px;border:1px solid var(--color-divider);border-top:none;box-shadow:0 16px 48px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden}
.skcat-head{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--color-divider);background:var(--color-surface-2);flex-shrink:0}
.skcat-head>.material-symbols-outlined{color:var(--color-primary);font-size:20px}
.skcat-head>span:nth-child(2){font-weight:700;font-size:.9rem;flex:1}
.skcat-close{margin-left:auto;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;color:var(--color-on-surface-3);transition:background 120ms}
.skcat-close:hover{background:var(--color-error-container,rgba(211,47,47,.15));color:var(--color-error,#ef5350)}
.skcat-body{display:flex;flex:1;overflow:hidden}
.skcat-cats{width:210px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--color-divider);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--color-divider) transparent;padding:4px 0}
.skcat-cat-row{display:flex;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;color:var(--color-on-surface-2);font-size:.84rem;font-weight:500;cursor:pointer;border-radius:0;transition:background 100ms,color 100ms;border-left:3px solid transparent;position:relative}
.skcat-cat-row:hover,.skcat-cat-row.active{background:rgba(21,101,192,.08);color:var(--color-primary);border-left-color:var(--color-primary);text-decoration:none}
.skcat-cat-icon{font-size:18px;flex-shrink:0;color:var(--color-primary);opacity:.7}
.skcat-cat-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skcat-cat-arr{font-size:14px!important;color:var(--color-outline);margin-left:auto;transition:transform 150ms}
.skcat-cat-row.active .skcat-cat-arr,.skcat-cat-row:hover .skcat-cat-arr{transform:translateX(2px)}
.skcat-subs{flex:1;overflow-y:auto;padding:12px;scrollbar-width:thin;scrollbar-color:var(--color-divider) transparent}
.skcat-sub-panel{display:none}
.skcat-sub-panel.active{display:block}
.skcat-sub-head{margin-bottom:10px}
.skcat-sub-title{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:.92rem;color:var(--color-primary);text-decoration:none}
.skcat-sub-title:hover{text-decoration:underline}
.skcat-sub-title .material-symbols-outlined{font-size:16px}
.skcat-sub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px}
.skcat-sub-link{display:flex;align-items:center;gap:4px;padding:6px 8px;text-decoration:none;color:var(--color-on-surface-2);font-size:.8rem;border-radius:6px;transition:background 100ms,color 100ms}
.skcat-sub-link:hover{background:rgba(21,101,192,.08);color:var(--color-primary);text-decoration:none}
.skcat-sub-link .material-symbols-outlined{font-size:14px;color:var(--color-outline)}
.skcat-sub-empty{display:flex;align-items:center;gap:6px;color:var(--color-outline);font-size:.82rem;padding:12px}
.skcat-sub-empty .material-symbols-outlined{font-size:18px}

/* Catalog button improved */
.modern-catalog-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background 150ms,transform 100ms;flex-shrink:0;white-space:nowrap}
.modern-catalog-btn:hover{background:var(--color-primary-dark,#0D47A1);transform:translateY(-1px)}
.modern-catalog-btn.active{background:var(--color-primary-dark,#0D47A1)}
.modern-catalog-btn .material-symbols-outlined{font-size:20px;transition:transform 200ms}
.modern-catalog-btn.active .material-symbols-outlined:first-child{transform:rotate(90deg)}

/* ═══════════════════════════════════════════════════════════════
   SKLADMARKET · SIDEBAR DRAWER OVERRIDE v241
   Ліве меню приховане за замовчуванням, відкривається кнопкою в шапці
   ═══════════════════════════════════════════════════════════════ */
:root{--sidebar-w:280px}

/* Контент на всю ширину — бічна панель більше не зсуває макет */
.modern-header,body.sk-sidebar-collapsed .modern-header{left:0!important;width:100%!important}
.sk-tnav,body.sk-sidebar-collapsed .sk-tnav{left:0!important;width:100%!important}
.modern-main-content,body.sk-sidebar-collapsed .modern-main-content{margin-left:0!important}
.modern-footer,.skf,body.sk-sidebar-collapsed .modern-footer,body.sk-sidebar-collapsed .skf{margin-left:0!important;width:100%!important}

/* Кнопка показати/сховати меню в шапці */
.sk-menu-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;background:var(--color-surface-3);border-radius:var(--radius-sm);color:var(--color-on-surface-2);cursor:pointer;flex-shrink:0;transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}
.sk-menu-toggle:hover{background:var(--color-primary-container);color:var(--color-primary)}
.sk-menu-toggle:active{transform:scale(.94)}
.sk-menu-toggle .material-symbols-outlined{font-size:24px}

/* Drawer — приховано за замовчуванням (off-canvas зліва) */
.sk-cat-sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;width:var(--sidebar-w)!important;transform:translateX(-100%)!important;transition:transform 300ms cubic-bezier(.4,0,.2,1)!important;z-index:1200!important;box-shadow:6px 0 36px rgba(0,0,0,.30)!important;border-right:1px solid var(--sk-sb-border)!important;will-change:transform}
body.sk-drawer-open .sk-cat-sidebar{transform:translateX(0)!important}
/* нейтралізуємо старий "collapsed" режим */
.sk-cat-sidebar.collapsed{width:var(--sidebar-w)!important}
.sk-cat-sidebar.collapsed .sk-cat-label,.sk-cat-sidebar.collapsed .sk-cat-caret,.sk-cat-sidebar.collapsed .sk-cat-logo-text,.sk-cat-sidebar.collapsed .sk-cat-promo,.sk-cat-sidebar.collapsed .sk-cat-sub.open{display:revert!important}
.sk-cat-sidebar.collapsed .sk-cat-link{justify-content:flex-start!important;padding:10px 12px!important}
.sk-cat-sidebar.collapsed .sk-cat-link::after{content:none!important}

/* Затемнення позаду drawer */
.sk-cat-overlay{position:fixed;inset:0;background:rgba(13,17,23,.5);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity 300ms,visibility 300ms;z-index:1100}
body.sk-drawer-open .sk-cat-overlay{opacity:1;visibility:visible}

/* Шапка drawer: лого + закрити */
.sk-cat-brand{height:64px!important;padding:0 16px!important}
.sk-cat-logo{display:flex;align-items:center;gap:10px;text-decoration:none;overflow:hidden}
.sk-cat-logo-icon{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#1565C0,#42A5F5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 14px rgba(21,101,192,.4)}
.sk-cat-logo-text{display:flex;flex-direction:column;line-height:1.15}
.sk-cat-logo-title{font-size:1.02rem;font-weight:800;color:var(--sk-sb-text-hi);letter-spacing:-.3px}
.sk-cat-logo-sub{font-size:.6rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--sk-sb-blue)}
.sk-cat-collapse-btn{display:flex!important;width:34px;height:34px;border-radius:9px}
.sk-cat-collapse-btn .material-symbols-outlined{font-size:20px}

/* Кнопки навігації — чисті «картки», без роздільників */
.sk-cat-body{padding:12px 12px 4px!important}
.sk-cat-nav{display:flex!important;flex-direction:column;gap:4px;margin-bottom:8px}
.sk-cat-link{padding:11px 13px!important;border-radius:11px!important;font-size:.87rem!important;font-weight:500;gap:11px!important}
.sk-cat-link .sk-cat-icon{font-size:21px}
.sk-cat-link:hover{background:var(--sk-sb-hover)!important;color:var(--sk-sb-text-hi)!important}
.sk-cat-link.active{background:var(--sk-sb-active)!important}
.sk-cat-sub-link{border-radius:9px!important;padding:8px 12px 8px 30px!important}

/* Промо-банер — нормальний банер (не квадрат), охайний слайдер */
.sk-cat-promo{margin:14px 4px 16px!important;padding:0!important;border-top:none!important;flex-shrink:0;border-radius:14px}
.sk-cat-promo-viewport{border-radius:14px!important;aspect-ratio:auto!important;overflow:hidden;box-shadow:0 6px 20px rgba(21,101,192,.25)}
.sk-cat-promo-track{height:100%}
.sk-cat-promo-slide{min-height:158px;padding:20px 16px!important;gap:7px!important;justify-content:center}
.sk-cat-promo-icon{font-size:32px!important;opacity:.95}
.sk-cat-promo-slide strong{font-size:1.02rem!important;font-weight:800!important}
.sk-cat-promo-slide span{font-size:.78rem!important;opacity:.9}
.sk-cat-promo-btn{margin-top:8px!important;padding:7px 18px!important;font-weight:700!important}
.sk-cat-promo-dots{margin-top:10px!important}

/* Прибираємо порожні відступи від видалених роздільників */
.sk-cat-section-label{display:none!important}

/* ═══════════════════════════════════════════════════════════════
   SKLADMARKET · CATALOG BROWSER SECTION (sk-br) v242
   Шапка з вкладками підкатегорій + фільтри | грід | вертикальне промо
   ═══════════════════════════════════════════════════════════════ */
.sk-br{margin:20px 0;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:16px;overflow:hidden;box-shadow:var(--elevation-1)}

/* ── ШАПКА ── */
.sk-br-head{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--color-divider);background:var(--color-surface-2);flex-wrap:nowrap}
.sk-br-head-l{display:flex;align-items:center;gap:12px;flex-shrink:0}
.sk-br-ic{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#1565C0,#42A5F5);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px rgba(21,101,192,.35)}
.sk-br-ic .material-symbols-outlined{font-size:26px}
.sk-br-titles{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.sk-br-title{font-size:1rem;font-weight:800;color:var(--color-on-surface);letter-spacing:-.3px;white-space:nowrap}
.sk-br-sub{font-size:.75rem;color:var(--color-on-surface-3);white-space:nowrap}
.sk-br-indics{display:flex;gap:14px;padding-left:14px;margin-left:2px;border-left:1px solid var(--color-divider);flex-shrink:0}
.sk-br-indic{display:flex;flex-direction:column;align-items:center;line-height:1.1}
.sk-br-indic-n{font-size:1.05rem;font-weight:800;color:var(--color-primary)}
.sk-br-indic-l{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-on-surface-3)}

/* ── ВКЛАДКИ ПІДКАТЕГОРІЙ (горизонтальний слайдер) ── */
.sk-br-tabs-wrap{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--color-outline-light) transparent;-webkit-overflow-scrolling:touch}
.sk-br-tabs-wrap::-webkit-scrollbar{height:5px}
.sk-br-tabs-wrap::-webkit-scrollbar-thumb{background:var(--color-outline-light);border-radius:3px}
.sk-br-tabs{display:inline-flex;align-items:center;gap:8px;padding:2px 2px 6px}
.sk-br-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--color-outline-light);background:transparent;color:var(--color-on-surface-2);font-size:.82rem;font-weight:600;font-family:inherit;white-space:nowrap;cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast);flex-shrink:0}
.sk-br-tab .material-symbols-outlined{font-size:17px}
.sk-br-tab:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-container)}
.sk-br-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 3px 10px rgba(21,101,192,.3)}
.sk-br-tab:active{transform:scale(.96)}

/* ── ТІЛО: фільтри | грід | промо ── */
.sk-br-body{display:grid;grid-template-columns:230px 1fr 250px;gap:0;align-items:stretch}
.sk-br-body.flt-collapsed{grid-template-columns:46px 1fr 250px}
@media(max-width:1100px){.sk-br-body{grid-template-columns:200px 1fr}.sk-br-body.flt-collapsed{grid-template-columns:46px 1fr}.sk-br-promo{display:none!important}}
@media(max-width:760px){.sk-br-body{grid-template-columns:1fr}.sk-br-filters{display:none!important}.sk-br-body.flt-collapsed{grid-template-columns:1fr}}

/* ── ФІЛЬТРИ (зліва, можна згорнути) ── */
.sk-br-filters{border-right:1px solid var(--color-divider);background:var(--color-surface);display:flex;flex-direction:column;overflow:hidden}
.sk-br-flt-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;background:var(--color-surface-2);border:none;border-bottom:1px solid var(--color-divider);color:var(--color-on-surface);font-size:.84rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background var(--motion-fast)}
.sk-br-flt-toggle:hover{background:var(--color-surface-3)}
.sk-br-flt-toggle .material-symbols-outlined{font-size:19px;color:var(--color-primary)}
.sk-br-flt-toggle .sk-br-flt-arr{margin-left:auto;transition:transform 200ms}
.flt-collapsed .sk-br-flt-toggle .sk-br-flt-arr{transform:rotate(180deg)}
.flt-collapsed .sk-br-flt-toggle .sk-br-flt-txt{display:none}
.sk-br-flt-body{padding:14px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}
.flt-collapsed .sk-br-flt-body{display:none}
.sk-br-flt-group{display:flex;flex-direction:column;gap:9px}
.sk-br-flt-gt{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--color-on-surface-3)}
.sk-br-price{display:flex;align-items:center;gap:6px}
.sk-br-price input{width:100%;padding:7px 9px;border:1.5px solid var(--color-outline-light);border-radius:8px;font-size:.8rem;font-family:inherit;color:var(--color-on-surface);background:var(--color-surface)}
.sk-br-price input:focus{border-color:var(--color-primary);outline:none}
.sk-br-price span{color:var(--color-on-surface-3)}
.sk-br-check{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--color-on-surface-2);cursor:pointer}
.sk-br-check input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}
.sk-br-flt-apply{margin-top:2px;padding:9px;border:none;border-radius:8px;background:var(--color-primary);color:#fff;font-size:.82rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background var(--motion-fast)}
.sk-br-flt-apply:hover{background:var(--color-primary-hover)}
.sk-br-flt-reset{padding:8px;border:1.5px solid var(--color-outline-light);border-radius:8px;background:transparent;color:var(--color-on-surface-2);font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer}
.sk-br-flt-reset:hover{border-color:var(--color-primary);color:var(--color-primary)}

/* ── ЦЕНТР: грід товарів ── */
.sk-br-main{display:flex;flex-direction:column;min-width:0;background:var(--color-surface)}
.sk-br-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;padding:14px;max-height:430px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-outline-light) transparent;transition:max-height 250ms}
.sk-br-grid.expanded{max-height:1600px}
.sk-br-grid::-webkit-scrollbar{width:6px}
.sk-br-grid::-webkit-scrollbar-thumb{background:var(--color-outline-light);border-radius:3px}
.sk-br-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:12px;overflow:hidden;transition:box-shadow var(--motion-mid),border-color var(--motion-mid),transform var(--motion-mid);text-decoration:none;color:inherit}
.sk-br-card:hover{box-shadow:var(--elevation-3);border-color:var(--sk-blue-200);transform:translateY(-2px);text-decoration:none}
.sk-br-card-img{aspect-ratio:1/1;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.sk-br-card-img img{width:100%;height:100%;object-fit:contain;padding:10px}
.sk-br-card-img .material-symbols-outlined{font-size:46px;color:var(--color-outline)}
.sk-br-card-body{padding:9px 11px 11px;display:flex;flex-direction:column;gap:5px;flex:1}
.sk-br-card-name{font-size:.8rem;font-weight:600;color:var(--color-on-surface);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sk-br-card-price{font-size:.95rem;font-weight:800;color:var(--color-primary);margin-top:auto}
.sk-br-card-btn{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:4px;padding:7px;border-radius:8px;background:var(--color-primary-container);color:var(--color-primary);font-size:.76rem;font-weight:700;transition:background var(--motion-fast),color var(--motion-fast)}
.sk-br-card:hover .sk-br-card-btn{background:var(--color-primary);color:#fff}
.sk-br-card-btn .material-symbols-outlined{font-size:16px}
.sk-br-loading{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:200px}
.sk-br-spin{width:30px;height:30px;border:3px solid var(--color-divider);border-top-color:var(--color-primary);border-radius:50%;animation:sk-spin 700ms linear infinite}
.sk-br-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;color:var(--color-on-surface-3);text-align:center}
.sk-br-empty .material-symbols-outlined{font-size:38px;opacity:.6}
.sk-br-more{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 14px 14px;padding:11px;border:1.5px solid var(--color-outline-light);border-radius:10px;background:var(--color-surface-2);color:var(--color-primary);font-size:.84rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast)}
.sk-br-more:hover{background:var(--color-primary-container);border-color:var(--color-primary)}
.sk-br-more .material-symbols-outlined{font-size:18px;transition:transform 200ms}
.sk-br-more.is-expanded .material-symbols-outlined{transform:rotate(180deg)}

/* ── ПРАВО: вертикальне промо-карусель ── */
.sk-br-promo{border-left:1px solid var(--color-divider);background:var(--color-surface-2);padding:14px;display:flex;flex-direction:column;gap:10px}
.sk-br-promo-vp{flex:1;border-radius:14px;overflow:hidden;position:relative;min-height:380px}
.sk-br-promo-track{display:flex;flex-direction:column;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.sk-br-promo-slide{min-height:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px;padding:20px 18px;color:#fff;position:relative;overflow:hidden}
.sk-br-promo-slide .material-symbols-outlined.sk-br-promo-ic{position:absolute;top:18px;right:18px;font-size:42px;opacity:.55}
.sk-br-promo-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);font-size:.7rem;font-weight:700}
.sk-br-promo-h{font-size:1.15rem;font-weight:800;line-height:1.2}
.sk-br-promo-t{font-size:.8rem;opacity:.9;line-height:1.4}
.sk-br-promo-btn{margin-top:6px;padding:8px 16px;background:#fff;color:#0D47A1;border-radius:999px;font-size:.78rem;font-weight:700;text-decoration:none;transition:transform var(--motion-fast)}
.sk-br-promo-btn:hover{transform:translateY(-1px);color:#0D47A1;text-decoration:none}
.sk-br-promo-dots{display:flex;justify-content:center;gap:6px}
.sk-br-promo-dot{width:7px;height:7px;border-radius:50%;background:var(--color-outline-light);border:none;cursor:pointer;padding:0;transition:background 300ms,height 300ms,border-radius 300ms}
.sk-br-promo-dot.active{height:18px;border-radius:4px;background:var(--color-primary)}

/* ═══ SKLADMARKET · SPACING POLISH v243 (менше порожнього місця) ═══ */
#common-home{padding:0}
#common-home > .sk-special{margin:0 0 14px}
.sk-br{margin:0 0 14px}
/* колонки вирівнюємо по верху; промо тягнеться на висоту ряду */
.sk-br-body{align-items:start}
.sk-br-promo{align-self:stretch}
.sk-br-promo-vp{min-height:230px}
/* компактніші фільтри */
.sk-br-flt-body{gap:12px;padding:12px}
/* грід: менша максимальна висота, контент тулиться вгору */
.sk-br-grid{max-height:360px;align-content:start;padding:12px}
.sk-br-grid.expanded{max-height:1400px}
/* головна колонка не розтягується на порожнечу */
.sk-br-main{min-height:0}
.sk-br-filters{min-height:0}
/* трохи щільніша шапка */
.sk-br-head{padding:12px 16px}
/* грід-картки трохи компактніші, туляться вліво */
.sk-br-grid{grid-template-columns:repeat(auto-fill,minmax(150px,170px));justify-content:start}

/* ═══ SKLADMARKET · v244 — промо fade-карусель (fix висоти) + баланс колонок ═══ */
.sk-br-body{align-items:stretch}
.sk-br-promo-vp{position:relative;flex:1;min-height:0;overflow:hidden}
.sk-br-promo-track{position:absolute;inset:0;display:block;height:auto;transform:none!important;transition:none}
.sk-br-promo-slide{position:absolute;inset:0;min-height:0;opacity:0;transition:opacity .5s ease;justify-content:flex-end}
.sk-br-promo-slide.active{opacity:1}
/* фільтри не розганяють висоту секції */
.sk-br-flt-body{max-height:330px;overflow-y:auto}

/* ═══════════════════════════════════════════════════════════════
   SKLADMARKET · MOBILE (смартфон) v245
   Нижній навбар (свайп) + компактна шапка + згортання пошуку
   ═══════════════════════════════════════════════════════════════ */
.sk-mnav{display:none}

@media(max-width:767px){
  /* ── Компактна шапка: бургер + лого + іконка пошуку ── */
  .modern-header-inner{gap:8px;padding:0 12px}
  .modern-catalog-btn{display:none!important}
  .modern-logo-subtitle{display:none}
  .modern-logo-title{font-size:.98rem}
  .modern-logo-icon-accent{width:36px;height:36px;font-size:1.05rem}
  .modern-nav-icons{gap:4px}
  .modern-nav-icons .modern-dropdown,
  .modern-nav-icons #wishlist-btn,
  .modern-nav-icons .mini-icon-carousel,
  .modern-nav-icons .sk-theme-toggle{display:none!important}

  /* ── Пошук згорнутий в іконку ── */
  .modern-search-panel{flex:0 0 auto;margin-left:auto;position:static}
  .modern-search-input-wrapper{background:transparent;border:none;box-shadow:none}
  .modern-search-input,.modern-voice-search-btn,.modern-filter-btn{display:none}
  .modern-search-btn{width:42px;height:42px;border-radius:var(--radius-full);background:var(--color-surface-3);color:var(--color-on-surface-2)}
  /* розгорнутий пошук (верхня панель) */
  body.sk-msearch-open .modern-search-panel{position:fixed;top:0;left:0;right:0;z-index:1400;background:var(--color-surface);padding:10px 12px;box-shadow:var(--elevation-3);margin:0}
  body.sk-msearch-open .modern-search-input-wrapper{background:var(--color-surface-3);border:1.5px solid var(--color-primary);border-radius:var(--radius-full)}
  body.sk-msearch-open .modern-search-input{display:block;flex:1}
  body.sk-msearch-open .modern-search-btn{background:var(--color-primary);color:#fff}

  /* ── Сховати горизонтальний tnav (його замінює нижнє меню) ── */
  .sk-tnav{display:none!important}
  .modern-layout-wrapper{padding-top:var(--header-h)!important}

  /* ── Нижній навбар (горизонтальний свайп) ── */
  .sk-mnav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:1000;background:var(--color-surface);border-top:1px solid var(--color-divider);box-shadow:0 -4px 22px rgba(0,0,0,.14);padding-bottom:env(safe-area-inset-bottom,0px)}
  .sk-mnav-scroll{display:flex;justify-content:flex-start;padding:8px 12px;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sk-mnav-scroll::-webkit-scrollbar{display:none}
  .sk-mnav-item{flex:0 0 68px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;border:none;background:none;color:var(--color-on-surface-3);font-size:.6rem;font-weight:600;font-family:inherit;text-decoration:none;border-radius:10px;cursor:pointer;position:relative;white-space:nowrap;transition:color 150ms,background 150ms}
  .sk-mnav-item .material-symbols-outlined{font-size:23px}
  .sk-mnav-item.active{color:var(--color-primary);background:var(--color-primary-container)}
  .sk-mnav-item:active{transform:scale(.93)}
  .sk-mnav-badge{position:absolute;top:3px;right:12px;min-width:7px;height:7px;border-radius:50%;background:var(--color-error);display:none}
  .sk-mnav-badge.on{display:block}

  /* контент не ховається під нижнім меню */
  .modern-main-content{padding-bottom:76px!important}
  .skf{margin-bottom:62px}
  #cookie{bottom:76px}
  body.sk-drawer-open .sk-mnav{z-index:900}
}

/* ═══════════════════════════════════════════════════════════════
   SKLADMARKET · MOBILE RESPONSIVE v246
   Бенто-слайдер у special · адаптив ширин · без горизонт. скролу
   ═══════════════════════════════════════════════════════════════ */
@media(max-width:767px){
  /* нічого не вилазить за екран */
  html,body{overflow-x:hidden;max-width:100%}
  #container{max-width:100%;overflow-x:hidden}
  .modern-main-content{margin-left:0!important;width:100%!important;max-width:100%!important;padding:12px 12px 78px!important;box-sizing:border-box}
  #main-content{max-width:100%!important;width:100%!important;box-sizing:border-box}
  img{max-width:100%;height:auto}

  /* breadcrumb full-bleed → у межах екрана */
  .breadcrumb-wrap{width:100%!important;margin-left:0!important;margin-right:0!important;padding:6px 12px!important;box-sizing:border-box}

  /* ── SPECIAL: бенто як горизонтальний слайдер ── */
  .sk-special{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 0 14px!important;width:100%!important;border:1px solid var(--color-divider);border-radius:16px;overflow:hidden;box-sizing:border-box}
  .sk-sp-cats{display:none!important}
  .sk-sp-vscroll{display:none!important}
  .sk-sp-bento{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;grid-template-rows:none!important;gap:10px!important;padding:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;min-height:0!important}
  .sk-sp-bento::-webkit-scrollbar{display:none}
  .sk-bc{flex:0 0 84%!important;grid-column:auto!important;grid-row:auto!important;scroll-snap-align:center;min-height:190px;border-radius:14px}
  .sk-bc--hero{flex:0 0 90%!important;min-height:230px}

  /* ── CATALOG BROWSER: на всю ширину, грід 2 колонки ── */
  .sk-br{width:100%!important;margin:0 0 14px!important;box-sizing:border-box}
  .sk-br-body{grid-template-columns:1fr!important}
  .sk-br-body.flt-collapsed{grid-template-columns:1fr!important}
  .sk-br-filters,.sk-br-promo{display:none!important}
  .sk-br-head{flex-wrap:wrap;gap:10px}
  .sk-br-head-l{flex:1 1 100%}
  .sk-br-tabs-wrap{flex:1 1 100%}
  .sk-br-grid{grid-template-columns:repeat(2,1fr)!important;max-height:none!important;padding:10px!important}

  /* ── загальні товарні гріди ── */
  .modern-product-card{width:100%}

  /* ── футер на всю ширину ── */
  .skf{width:100%!important;margin-left:0!important;box-sizing:border-box}
  .skf-top{flex-direction:column!important}
  .skf-brand,.skf-slider-wrap{width:100%!important;box-sizing:border-box}
}

/* планшети: special у 1 колонку, без фіксованої висоти */
@media(min-width:768px) and (max-width:991px){
  .sk-special{grid-template-columns:1fr!important;height:auto!important;max-height:none!important}
  .sk-sp-cats{display:none!important}
  .sk-sp-vscroll{display:none!important}
}

/* ═══════════════════════════════════════════════════════════
   SK-TOPSUB  ·  Бенто «Топ підкатегорій»  (desktop)
═══════════════════════════════════════════════════════════ */
.sk-topsub{margin:0;padding:var(--sp-4);background:var(--color-bg)}
.sk-topsub-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.sk-topsub-hd-l{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;color:var(--color-on-surface)}
.sk-topsub-hd-l .material-symbols-outlined{color:var(--sk-accent,#1976d2);font-size:22px}
.sk-topsub-hd-r{display:flex;gap:6px}
.sk-topsub-pager-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--color-outline-light,rgba(0,0,0,.1));background:var(--color-surface,#fff);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-on-surface-2);transition:background .15s,color .15s,border-color .15s;padding:0;line-height:1}
.sk-topsub-pager-btn:hover{background:var(--sk-accent,#1976d2);color:#fff;border-color:transparent}
.sk-topsub-pager-btn .material-symbols-outlined{font-size:18px}
/* Сторінки (показуємо по 16 плиток) */
.sk-topsub-page{display:none;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:16px;animation:sk-pg-in .35s ease both}
.sk-topsub-page.active{display:grid}
@keyframes sk-pg-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* Плитка */
.sk-topsub-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:16px 10px 14px;border-radius:16px;background:var(--color-surface,#fff);border:1px solid var(--color-outline-light,rgba(0,0,0,.07));text-decoration:none;color:var(--color-on-surface);transition:transform .2s,box-shadow .2s}
.sk-topsub-tile:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.13)}
/* Аватар-круг (Telegram-style) */
.sk-topsub-av{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}
.sk-topsub-av img{width:100%;height:100%;object-fit:cover}
.sk-topsub-tile-name{font-size:.78rem;font-weight:600;text-align:center;line-height:1.35;color:var(--color-on-surface)}
.sk-topsub-tile-par{font-size:.67rem;color:var(--color-on-surface-2,#888);text-align:center;margin-top:1px}
/* Dots */
.sk-topsub-dots{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:14px;min-height:16px}
.sk-topsub-dot{width:6px;height:6px;border-radius:3px;background:var(--color-outline-light,#ccc);border:none;cursor:pointer;padding:0;transition:background .25s,width .3s cubic-bezier(.4,0,.2,1)}
.sk-topsub-dot.active{background:var(--sk-accent,#1976d2);width:18px}

/* ═══════════════════════════════════════════════════════════
   MOBILE BOTTOM NAV  ·  Telegram-style (видимий ≤767px)
═══════════════════════════════════════════════════════════ */
.sk-mob-nav{display:none}
@media(max-width:767px){
.sk-mob-nav{display:block;position:fixed;bottom:0;left:0;right:0;z-index:1200;background:var(--color-surface,#fff);border-top:1px solid var(--color-outline-light,rgba(0,0,0,.1));padding:0 0 max(6px,env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -2px 16px rgba(0,0,0,.1)}
.sk-mob-nav-items{display:flex;justify-content:space-around;align-items:stretch}
.sk-mob-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px 6px;text-decoration:none;color:var(--color-on-surface-2,#888);transition:color .15s;flex:1;position:relative;min-width:0}
.sk-mob-nav-item.active,.sk-mob-nav-item:active{color:var(--sk-accent,#1976d2)}
.sk-mob-nav-item .material-symbols-outlined{font-size:22px;transition:transform .2s}
.sk-mob-nav-item:active .material-symbols-outlined{transform:scale(.86)}
.sk-mob-nav-label{font-size:.58rem;font-weight:600;white-space:nowrap;letter-spacing:.01em}
/* Відступ під bottom nav */
#common-home{padding-bottom:72px}
}

/* ═══════════════════════════════════════════════════════════
   MOBILE  ≤767px  ·  Telegram-style overrides для home
═══════════════════════════════════════════════════════════ */
@media(max-width:767px){
/* sk-special → bento горизонтальний swipe */
.sk-special{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important}
.sk-sp-cats{display:none!important}
.sk-sp-vscroll{display:none!important}
.sk-sp-bento{display:flex!important;flex-direction:row!important;overflow-x:auto;gap:12px;padding:12px 16px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;background:transparent;border:none;border-radius:0}
.sk-sp-bento::-webkit-scrollbar{display:none}
.sk-bc{scroll-snap-align:start;flex:0 0 268px!important;width:268px!important;min-height:168px!important}
.sk-bc--hero{flex:0 0 295px!important;width:295px!important;min-height:185px!important}
.sk-bc--wide{flex:0 0 268px!important;width:268px!important}
/* sk-br: мобільний каталог */
.sk-br-head-l{gap:10px}
.sk-br-indics{display:none}
/* sk-topsub → горизонтальний скрол (Telegram stories style) */
.sk-topsub{padding:14px 0 10px}
.sk-topsub-hd{padding:0 16px;margin-bottom:10px}
.sk-topsub-hd-r{display:none}
.sk-topsub-page{display:none!important}
.sk-topsub-page.active{display:flex!important;flex-direction:row;overflow-x:auto;gap:10px;padding:2px 16px 8px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;animation:none}
.sk-topsub-page.active::-webkit-scrollbar{display:none}
.sk-topsub-tile{scroll-snap-align:start;flex:0 0 78px;width:78px;min-width:78px;padding:10px 6px;border-radius:14px;gap:5px}
.sk-topsub-av{width:42px;height:42px;font-size:15px}
.sk-topsub-tile-name{font-size:.66rem}
.sk-topsub-tile-par{display:none}
.sk-topsub-dots{margin-top:8px;min-height:12px}
}

/* ═══════════════════════════════════════════════════════════
   SK-FY  ·  Більше для вас
═══════════════════════════════════════════════════════════ */
.sk-fy{margin:20px 0;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:16px;overflow:hidden;box-shadow:var(--elevation-1)}
/* ── Шапка ── */
.sk-fy-head{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--color-divider);background:var(--color-surface-2);flex-wrap:nowrap;overflow:hidden;}
.sk-fy-head-l{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-right:auto;}
.sk-fy-ic{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#6A1B9A,#AB47BC);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(106,27,154,.3)}
.sk-fy-ic .material-symbols-outlined{font-size:24px}
.sk-fy-title{font-size:.95rem;font-weight:700;color:var(--color-on-surface);line-height:1.2}
.sk-fy-sub{font-size:.73rem;color:var(--color-on-surface-2);margin-top:2px}
.sk-fy-counter{display:flex;flex-direction:column;align-items:center;padding:4px 10px;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-outline-light)}
.sk-fy-cnt{font-size:.9rem;font-weight:700;color:var(--sk-accent,#1976d2);line-height:1.1}
.sk-fy-cnt-l{font-size:.6rem;color:var(--color-on-surface-2)}
/* ── Пошук ── */
.sk-fy-search-wrap{flex:0 0 250px;}
.sk-fy-search{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--color-surface);border:1.5px solid var(--color-outline-light);border-radius:999px;transition:border-color .15s}
.sk-fy-search:focus-within{border-color:var(--sk-accent,#1976d2);box-shadow:0 0 0 3px rgba(25,118,210,.1)}
.sk-fy-search>.material-symbols-outlined{font-size:18px;color:var(--color-on-surface-2);flex-shrink:0}
.sk-fy-search input{flex:1;border:none;background:transparent;font-size:.85rem;color:var(--color-on-surface);outline:none;min-width:0}
.sk-fy-search input::placeholder{color:var(--color-on-surface-2)}
.sk-fy-search-clear{background:none;border:none;cursor:pointer;color:var(--color-on-surface-2);padding:0;display:flex;transition:color .15s}
.sk-fy-search-clear:hover{color:var(--color-on-surface)}
.sk-fy-search-clear .material-symbols-outlined{font-size:16px}
/* ── Кнопки дій ── */
.sk-fy-acts{display:flex;gap:8px;flex-shrink:0;margin-left:auto}
.sk-fy-act-wrap{position:relative}
.sk-fy-act{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--color-outline-light);background:transparent;color:var(--color-on-surface-2);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}
.sk-fy-act .material-symbols-outlined{font-size:18px}
.sk-fy-act-arr{transition:transform .2s}
.sk-fy-act.active,.sk-fy-act:hover{border-color:var(--sk-accent,#1976d2);color:var(--sk-accent,#1976d2)}
.sk-fy-act.active{background:rgba(25,118,210,.08)}
.sk-fy-act.active .sk-fy-act-arr{transform:rotate(180deg)}
/* Dropdown меню */
.sk-fy-act-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:230px;background:var(--color-surface);border:1px solid var(--color-outline-light);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.16);z-index:500;display:none;overflow:hidden}
.sk-fy-act-menu.open{display:block;animation:sk-mn-in .15s ease both}
@keyframes sk-mn-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.sk-fy-act-menu-head{padding:10px 16px 8px;font-size:.73rem;font-weight:600;color:var(--color-on-surface-2);border-bottom:1px solid var(--color-outline-light);letter-spacing:.02em}
.sk-fy-act-menu-item{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:.83rem;color:var(--color-on-surface);cursor:pointer;background:none;border:none;width:100%;text-decoration:none;transition:background .12s;font-family:inherit}
.sk-fy-act-menu-item:hover{background:var(--color-surface-2)}
.sk-fy-act-menu-item .material-symbols-outlined{font-size:18px;color:var(--color-on-surface-2)}
.sk-fy-act-apply{font-weight:600;color:var(--sk-accent,#1976d2)!important}
.sk-fy-act-apply .material-symbols-outlined{color:var(--sk-accent,#1976d2)!important}
/* ── Тіло / Грід ── */
.sk-fy-body{padding:16px}
.sk-fy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;position:relative}
/* Порожній стан */
.sk-fy-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--color-on-surface-2);grid-column:1/-1;font-size:.9rem}
.sk-fy-empty .material-symbols-outlined{font-size:40px;opacity:.4}
/* ── Картка ── */
.sk-fy-card{position:relative;background:var(--color-surface);border:1px solid var(--color-outline-light);border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}
.sk-fy-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-2px)}
/* Чекбокс */
.sk-fy-chk{position:absolute;top:8px;left:8px;z-index:3;display:none;cursor:pointer}
.sk-fy-grid.sel-mode .sk-fy-chk{display:block}
.sk-fy-chk-inp{position:absolute;opacity:0;width:0;height:0}
.sk-fy-chk-box{width:22px;height:22px;border-radius:6px;border:2px solid var(--color-outline-light);background:var(--color-surface);display:block;transition:all .15s;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.sk-fy-chk-inp:checked ~ .sk-fy-chk-box{background:var(--sk-accent,#1976d2);border-color:var(--sk-accent,#1976d2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}
/* Зображення */
.sk-fy-card-img{display:flex;align-items:center;justify-content:center;height:160px;background:var(--color-bg);overflow:hidden;text-decoration:none;flex-shrink:0}
.sk-fy-card-img img{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .25s}
.sk-fy-card:hover .sk-fy-card-img img{transform:scale(1.06)}
.sk-fy-card-av{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff}
/* Контент */
.sk-fy-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:5px;flex:1}
.sk-fy-card-name{font-size:.78rem;font-weight:600;color:var(--color-on-surface);text-decoration:none;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sk-fy-card-name:hover{color:var(--sk-accent,#1976d2)}
.sk-fy-card-prices{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.sk-fy-card-price{font-size:.88rem;font-weight:700;color:var(--sk-accent,#1976d2)}
.sk-fy-card-old{font-size:.71rem;color:var(--color-on-surface-2);text-decoration:line-through}
/* Кнопки картки */
.sk-fy-card-btns{display:flex;gap:5px;margin-top:8px}
.sk-fy-card-btns button{flex:1;display:flex;align-items:center;justify-content:center;padding:7px 4px;border-radius:9px;border:1px solid var(--color-outline-light);background:transparent;cursor:pointer;color:var(--color-on-surface-2);transition:all .15s;font-family:inherit}
.sk-fy-card-btns button .material-symbols-outlined{font-size:16px}
.sk-fy-card-cart:hover,.sk-fy-card-cart.added{background:var(--sk-accent,#1976d2);border-color:var(--sk-accent,#1976d2);color:#fff}
.sk-fy-card-wl:hover,.sk-fy-card-wl.added{background:#E91E63;border-color:#E91E63;color:#fff}
.sk-fy-card-cmp:hover,.sk-fy-card-cmp.added{background:#FF9800;border-color:#FF9800;color:#fff}
/* ── «Показати ще» (Rozetka style) ── */
.sk-fy-more{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;margin-top:16px;border-radius:12px;border:2px dashed var(--color-outline-light);background:transparent;color:var(--color-on-surface-2);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;letter-spacing:.01em}
.sk-fy-more:hover{border-color:var(--sk-accent,#1976d2);color:var(--sk-accent,#1976d2);background:rgba(25,118,210,.04)}
.sk-fy-more .material-symbols-outlined{font-size:20px}
/* ── Mobile ≤767px ── */
@media(max-width:767px){

.sk-fy-search-wrap{order:3;flex:1 1 100%;max-width:100%;min-width:0}
.sk-fy-acts{order:4;flex:1 1 100%;margin-left:0}
.sk-fy-act-lbl{display:none}
.sk-fy-act{padding:8px 10px}
.sk-fy-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.sk-fy-card-img{height:120px}
.sk-fy-act-menu{right:auto;left:0}
}

/* Mobile Overlays */
.sk-mob-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1300;background:var(--color-surface);display:flex;flex-direction:column;transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);visibility:hidden}
.sk-mob-overlay.active{transform:translateY(0);visibility:visible}
.sk-mob-overlay-hd{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-divider);background:var(--color-surface-2)}
.sk-mob-overlay-title{font-size:1.1rem;font-weight:700;color:var(--color-on-surface)}
.sk-mob-overlay-close{background:var(--color-surface);border:1px solid var(--color-outline-light);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-on-surface-2)}
.sk-mob-overlay-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}

.sk-mob-card-btn{display:flex;align-items:center;gap:16px;padding:16px;border-radius:16px;background:var(--color-surface);border:1px solid var(--color-outline-light);text-decoration:none;color:var(--color-on-surface);font-weight:600;box-shadow:var(--elevation-1)}
.sk-mob-card-btn .material-symbols-outlined{font-size:28px;color:var(--color-primary)}
.sk-mob-acc{border:1px solid var(--color-outline-light);border-radius:16px;overflow:hidden;background:var(--color-surface);box-shadow:var(--elevation-1)}
.sk-mob-acc-hd{display:flex;align-items:center;padding:16px;font-weight:600;color:var(--color-on-surface);cursor:pointer;list-style:none}
.sk-mob-acc-hd::-webkit-details-marker{display:none}
.sk-mob-acc-hd .material-symbols-outlined{color:var(--color-primary);margin-right:12px;font-size:24px}
.sk-mob-acc-hd .sk-acc-arr{margin-left:auto;color:var(--color-on-surface-3);transition:transform 0.2s}
.sk-mob-acc[open] .sk-acc-arr{transform:rotate(180deg)}
.sk-mob-acc-body{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}
.sk-mob-acc-sub{display:flex;align-items:center;gap:8px;color:var(--color-on-surface-2);text-decoration:none;padding:8px 0;border-bottom:1px solid var(--color-divider)}
.sk-mob-acc-sub:last-child{border-bottom:none}

/* Top Subcategories Instagram Style */
.sk-topsub-stories-sec{margin:24px 0}
.sk-topsub-stories-wrap{position:relative;display:flex;align-items:center}
.sk-story-arrow{position:absolute;z-index:10;width:40px;height:40px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-divider);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.08);color:var(--color-on-surface);transition:all .2s;opacity:0.9}
.sk-story-arrow:hover{opacity:1;transform:scale(1.05);color:var(--color-primary)}
.sk-story-prev{left:-20px}
.sk-story-next{right:-20px}
@media(max-width:767px){
  .sk-story-prev{left:-10px;width:32px;height:32px}
  .sk-story-next{right:-10px;width:32px;height:32px}
}

.sk-topsub-pager{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:16px;padding:8px 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sk-topsub-pager::-webkit-scrollbar{display:none}

.sk-topsub-tile{flex:0 0 auto;width:90px;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;cursor:pointer}
.sk-topsub-av{width:76px;height:76px;border-radius:50%;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:box-shadow .2s;box-shadow:0 0 0 2px var(--color-surface),0 0 0 2px var(--color-divider);font-size:32px;font-weight:700;color:#fff}
.sk-topsub-av img{width:100%;height:100%;object-fit:cover}
.sk-topsub-tile:hover .sk-topsub-av{box-shadow:0 0 0 3px var(--color-surface),0 0 0 5px var(--sk-accent)}
.sk-topsub-tile-name{font-size:.75rem;font-weight:600;color:var(--color-on-surface);text-align:center;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

@media (max-width: 767px) {
  .sk-fy-grid {
    display: grid !important;
    grid-template-rows: 1fr 1fr;
    grid-auto-flow: column;
    grid-auto-columns: calc(50% - 6px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    gap: 12px;
  }
  .sk-fy-grid::-webkit-scrollbar {
    display: none;
  }
  .sk-fy-card {
    scroll-snap-align: start;
    width: 100%;
  }
  .sk-fy-arr-prev, .sk-fy-arr-next {
    display: flex !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
  }
  .sk-fy-arr-prev { left: -10px; }
  .sk-fy-arr-next { right: -10px; }
  .sk-fy-more { display: none !important; }
}

/* Footer Accordion & Right Col */
.skf-right-col { flex: 1; display: grid; grid-template-columns: 1fr 1.5fr; gap: 32px; min-width: 0; align-items: start; }
.skf-acc-wrap { display: flex; flex-direction: column; gap: 8px; }
.skf-acc { background: var(--color-surface-2); border-radius: 12px; overflow: hidden; border: 1px solid var(--color-divider); }
.skf-acc-hd { display: flex; align-items: center; padding: 14px 20px; cursor: pointer; user-select: none; font-weight: 600; color: var(--color-on-surface); }
.skf-acc-hd::-webkit-details-marker { display: none; }
.skf-acc-hd .skf-card-icon { margin-right: 12px; color: var(--sk-accent, #1976d2); font-size: 22px; }
.skf-acc-arr { margin-left: auto; transition: transform 0.2s; color: var(--color-on-surface-2); font-size: 20px; }
.skf-acc[open] .skf-acc-arr { transform: rotate(180deg); }
.skf-acc-body { padding: 0 20px 14px 54px; list-style: none; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.skf-card-links li a { color: var(--color-on-surface-2); text-decoration: none; font-size: 0.9rem; transition: color 0.2s; }
.skf-card-links li a:hover { color: var(--sk-accent, #1976d2); }

.skf-nl-and-social { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.skf-newsletter-wrap { display: flex; flex-direction: row; align-items: center; gap: 12px; background: var(--color-surface-2); padding: 12px 16px; border-radius: 12px; border: 1px solid var(--color-divider); flex-wrap: nowrap; overflow: hidden; }
.skf-newsletter-wrap .skf-nl-icon { color: var(--sk-accent, #1976d2); font-size: 24px; margin: 0; }
.skf-newsletter-wrap .skf-nl-label { font-weight: 600; color: var(--color-on-surface); margin-bottom: 8px; }
@media (max-width: 991px) { .skf-right-col { flex-direction: column; } }

.skf-nl-form { display: flex; gap: 8px; flex: 1; min-width: 0; }
.skf-brand-delivery { margin-top: 24px; }
.skf-del-title { font-weight: 600; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; color: var(--color-on-surface); }
.skf-del-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.skf-del-grid span { display: flex; align-items: center; gap: 6px; font-size: 0.9rem; color: var(--color-on-surface-2); }
.skf-del-grid span .material-symbols-outlined { font-size: 20px; color: var(--color-primary); }

.skf-nl-and-social .skf-social-row { border: none; padding: 0; display: block; margin-top: 8px; }
.skf-nl-and-social .skf-social-carousel { justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
.skf-bottom { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; margin-top: 24px; border-top: 1px solid var(--color-divider); padding-top: 20px; }
.skf-copy { justify-self: start; }
.skf-pay-row { justify-self: center; }
.skf-powered { justify-self: end; }
.skf-pay-row { border: none; padding: 0; margin: 0; }





.sk-bc--blue { background: linear-gradient(135deg, #1565C0 0%, #1976D2 100%) !important; }
.sk-bc--blue .sk-bc-h, .sk-bc--blue .sk-bc-sub, .sk-bc--blue .sk-bc-btn { color: #ffffff !important; }
.skf-nl-input { min-width: 0; flex: 1; }
.skf-nl-btn { flex-shrink: 0; white-space: nowrap; }
@media (max-width: 767px) { .skf-bottom { display: flex; flex-direction: column; text-align: center; } .skf-right-col { grid-template-columns: 1fr; } .skf-brand { flex: 1 1 100%; } }



.skf-brand-slider { width: 185px; overflow: hidden; margin-top: 24px; position: relative; border-radius: 20px; }
.skf-brand-slider-track { display: flex; gap: 8px; padding-bottom: 4px; transition: transform 2s ease-in-out; }
.skf-brand-slider:hover .skf-brand-slider-track { transform: translateX(calc(-100% + 185px)); }
.skf-brand-slider .skf-badge { flex-shrink: 0; white-space: nowrap; font-size: 0.75rem; padding: 4px 10px; border-radius: 20px; background: rgba(255,255,255,0.06); color: var(--color-on-surface); border: 1px solid rgba(255,255,255,0.12); font-weight: 500; }
.skf-brand-slider .skf-badge .material-symbols-outlined { font-size: 14px; }

.sk-fy-act--circle { width: 44px; height: 44px; border-radius: 50%; padding: 0; justify-content: center; }
.sk-fy-act--circle .material-symbols-outlined { font-size: 20px; }
.sk-fy-act--circle::after { display: none; } /* hide dropdown arrow if any */

.sk-fy-tabs-wrap { flex: 0 1 450px; display: flex; align-items: center; gap: 8px; min-width: 0; position: relative; }
.sk-fy-tabs { flex: 1; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; scroll-behavior: smooth; padding: 4px 0; }
.sk-fy-tabs::-webkit-scrollbar { display: none; }
.sk-fy-tab { flex-shrink: 0; padding: 6px 16px; border-radius: 20px; font-size: 0.85rem; font-weight: 500; cursor: pointer; color: var(--color-on-surface); background: var(--color-surface); border: 1px solid var(--color-divider); transition: all 0.2s; white-space: nowrap; }
.sk-fy-tab:hover { border-color: var(--color-primary); color: var(--color-primary); }
.sk-fy-tab.active { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }

.sk-fy-tab-arr { width: 32px; height: 32px; border-radius: 50%; background: var(--color-surface); border: 1px solid var(--color-divider); display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--color-on-surface); flex-shrink: 0; z-index: 2; transition: all 0.2s; padding:0; }
.sk-fy-tab-arr:hover { background: var(--color-surface-2); color: var(--color-primary); border-color: var(--color-primary); }
.sk-fy-tab-arr .material-symbols-outlined { font-size: 20px; margin: 0; }

.sk-fy-tab-cnt { background: rgba(0,0,0,0.1); color: inherit; border-radius: 10px; padding: 1px 6px; font-size: 0.7rem; margin-left: 4px; font-weight: 600; }
.sk-fy-tab:hover .sk-fy-tab-cnt { background: var(--color-primary-container); color: var(--color-primary); }
.sk-fy-tab.active .sk-fy-tab-cnt { background: rgba(255,255,255,0.2); color: #fff; }
.sk-dark .sk-fy-tab-cnt { background: rgba(255,255,255,0.1); }

.sk-mob-tools { display: none; }
.sk-mob-multi-wrap { position: relative; }
.sk-mob-multi-dropdown { position: absolute; top: 100%; right: 0; background: var(--color-surface); border: 1px solid var(--color-divider); border-radius: 8px; box-shadow: var(--elevation-3); min-width: 180px; display: none; z-index: 1000; padding: 8px 0; margin-top: 8px; }
.sk-mob-multi-dropdown.open { display: block; }
.sk-mob-multi-item { padding: 12px 16px; display: flex; align-items: center; gap: 10px; cursor: pointer; color: var(--color-on-surface); font-size: 0.95rem; font-weight: 500; transition: background 0.2s; }
.sk-mob-multi-item:hover { background: var(--color-surface-2); color: var(--color-primary); }

@media (max-width: 991px) {
  .modern-catalog-btn { display: none !important; }
  .modern-search-panel { display: none !important; }
  .modern-nav-icons { display: none !important; }
  .sk-mob-tools { display: flex !important; align-items: center; gap: 8px; margin-left: auto; }
  .modern-header-inner { justify-content: space-between; }
  .modern-logo-subtitle { display: none; }
  .modern-logo-title { font-size: 1.1rem; line-height: 1; margin: 0; } /* Show only logo icon S on small screens */
  .modern-logo-accent { margin-right: auto; }
}

.sk-tnav-arrow { position: absolute; top: 0; bottom: 0; width: 36px; display: flex; align-items: center; justify-content: center; background: var(--color-surface); border: none; z-index: 10; cursor: pointer; color: var(--color-on-surface-3); transition: color 150ms; }
.sk-tnav-arrow:hover { color: var(--color-primary); }
.sk-tnav-arrow-left { left: 0; box-shadow: 4px 0 8px rgba(0,0,0,0.05); }
.sk-tnav-arrow-right { right: 0; box-shadow: -4px 0 8px rgba(0,0,0,0.05); }

/* ════════════════════════════════════════════════════════════
   ACCENT HEADER — светлая тема: фон хедера = цветовой акцент
   (тёмная тема body.sk-dark не затрагивается)
   ════════════════════════════════════════════════════════════ */
body:not(.sk-dark) .modern-header {
  background: linear-gradient(180deg, var(--color-primary) 0%, #125AAD 100%);
  border-bottom: 1px solid rgba(0,0,0,.18);
  box-shadow: 0 2px 10px rgba(13,71,161,.35);
}

/* Кнопка меню */
body:not(.sk-dark) .modern-header .sk-menu-toggle {
  background: rgba(255,255,255,.14);
  color: #fff;
}
body:not(.sk-dark) .modern-header .sk-menu-toggle:hover {
  background: rgba(255,255,255,.24);
  color: #fff;
}

/* Логотип: плашка инвертируется в белую, текст — белый */
body:not(.sk-dark) .modern-header .modern-logo-icon-accent {
  background: #fff;
  color: var(--color-primary);
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
}
body:not(.sk-dark) .modern-header .modern-logo-title { color: #fff; }
body:not(.sk-dark) .modern-header .modern-logo-subtitle { color: rgba(255,255,255,.78); }

/* Кнопка «Каталог» */
body:not(.sk-dark) .modern-header .modern-catalog-btn {
  background: rgba(255,255,255,.16);
  color: #fff;
  box-shadow: none;
}
body:not(.sk-dark) .modern-header .modern-catalog-btn:hover {
  background: rgba(255,255,255,.28);
}

/* Поиск: белое поле на синем фоне */
body:not(.sk-dark) .modern-header .modern-search-input-wrapper {
  background: #fff;
  border-color: transparent;
}
body:not(.sk-dark) .modern-header .modern-search-input-wrapper:focus-within {
  background: #fff;
  border-color: rgba(255,255,255,.85);
  box-shadow: 0 0 0 3px rgba(255,255,255,.25);
}
body:not(.sk-dark) .modern-header .modern-search-input { color: #1A1C1E; }
body:not(.sk-dark) .modern-header .modern-search-input::placeholder { color: #6B7280; }

/* Иконки навигации */
body:not(.sk-dark) .modern-header .modern-nav-icon-btn {
  color: rgba(255,255,255,.92);
}
body:not(.sk-dark) .modern-header .modern-nav-icon-btn:hover,
body:not(.sk-dark) .modern-header .modern-nav-icon-btn.active {
  background: rgba(255,255,255,.16);
  color: #fff;
}

/* Кнопка «Увійти» — белая на акценте */
body:not(.sk-dark) .modern-header .modern-btn-accent {
  background: #fff;
  color: var(--color-primary);
  border-color: transparent;
}
body:not(.sk-dark) .modern-header .modern-btn-accent:hover {
  background: rgba(255,255,255,.88);
  color: var(--color-primary);
}

/* Корзина: счётчик и сумма */
body:not(.sk-dark) .modern-header .modern-cart-count { color: #fff; }
body:not(.sk-dark) .modern-header .modern-cart-total { color: rgba(255,255,255,.75); }

/* Точка уведомлений: белая обводка по фону акцента */
body:not(.sk-dark) .modern-header .modern-notification-dot {
  border-color: var(--color-primary);
}
/* ════════════════════════ /ACCENT HEADER ═══════════════════ */

/* ── Mobile header: account button with user name ─────────── */
.sk-mob-account-btn { max-width: 150px; }
.sk-mob-account-name {
  max-width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.1;
}

/* ════════════════════════════════════════════════════════════
   DESIGN V3 — визуальная полировка (только внешний вид,
   текущий Material-стиль сохранён; light + dark)
   ════════════════════════════════════════════════════════════ */

/* ── Хлебные крошки: отключены глобально ── */
.breadcrumb-wrap,
.skp-breadcrumb-bar { display: none !important; }

/* ── Карточки товаров: глубже hover, акцентная рамка ── */
.sk-fy-card { will-change: transform; }
.sk-fy-card:hover {
  box-shadow: 0 4px 8px rgba(13,71,161,.08), 0 12px 28px rgba(0,0,0,.14);
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--color-primary) 35%, transparent);
}
body.sk-dark .sk-fy-card:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,.35), 0 14px 32px rgba(0,0,0,.45);
}

/* ── Кнопки: тактильный отклик ── */
.modern-catalog-btn:active,
.modern-btn-accent:active,
.modern-nav-icon-btn:active,
.sk-menu-toggle:active,
.skf-nl-btn:active,
.sk-fy-card-cart:active,
.sk-tnav-btn:active { transform: scale(.96); }
.modern-catalog-btn,
.modern-btn-accent,
.sk-menu-toggle,
.skf-nl-btn { transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .12s ease; }

/* ── Иконки хедера: лёгкий подскок ── */
.modern-nav-icon-btn .material-symbols-outlined { transition: transform .18s ease; }
.modern-nav-icon-btn:hover .material-symbols-outlined { transform: translateY(-1px) scale(1.08); }

/* ── Верхняя навигация: активная вкладка с индикатором ── */
.sk-tnav-btn { position: relative; transition: background .18s ease, color .18s ease, transform .12s ease; }
.sk-tnav-btn::after {
  content: '';
  position: absolute;
  left: 50%; bottom: 3px;
  width: 0; height: 2px;
  border-radius: 2px;
  background: var(--color-primary);
  transform: translateX(-50%);
  transition: width .22s ease;
}
.sk-tnav-btn:hover::after,
.sk-tnav-btn.active::after { width: 55%; }

/* ── Выпадающие меню: мягче тень, плавное появление ── */
.modern-dropdown-menu {
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,.10), 0 16px 40px rgba(0,0,0,.14);
  animation: sk-dd-in .16s ease both;
}
@keyframes sk-dd-in {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Фокус с клавиатуры: видимое кольцо ── */
.modern-nav-icon-btn:focus-visible,
.modern-catalog-btn:focus-visible,
.sk-menu-toggle:focus-visible,
.sk-tnav-btn:focus-visible,
.sk-mnav-item:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
body:not(.sk-dark) .modern-header :focus-visible { outline-color: #fff; }

/* ── Тонкий тематический скроллбар ── */
* { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--color-primary) 45%, transparent) transparent; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--color-primary) 35%, transparent);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background-color: var(--color-primary); background-clip: content-box; }

/* ── MOBILE V3 ── */
@media (max-width: 991px) {
  /* нижний навбар: активный пункт — акцентная пилюля */
  .sk-mnav-item { border-radius: 12px; margin: 4px 2px; transition: color .15s, background .15s; }
  .sk-mnav-item.active {
    color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
  }
  .sk-mnav-item.active .material-symbols-outlined { transform: translateY(-1px) scale(1.1); }
  .sk-mnav-item .material-symbols-outlined { transition: transform .2s ease; }

  /* карточки на тач: hover-сдвиг не нужен */
  .sk-fy-card:hover { transform: none; }

  /* кнопка аккаунта с именем — компактная пилюля */
  .sk-mob-account-btn {
    background: rgba(255,255,255,.14);
    border-radius: var(--radius-full, 999px);
    padding: 6px 10px;
  }
  body.sk-dark .sk-mob-account-btn { background: var(--color-surface-3); }
}

/* ── Уважение к reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  .sk-fy-card, .sk-fy-card:hover,
  .modern-nav-icon-btn .material-symbols-outlined,
  .sk-tnav-btn::after, .modern-dropdown-menu { transition: none !important; animation: none !important; transform: none !important; }
}
/* ════════════════════════ /DESIGN V3 ═══════════════════════ */