/*!
 * SIXX — стили шаблона header.php
 *
 * Вынесено из инлайнового <style> без единой правки правил.
 * Причина: инлайн внутри <body> не кэшируется браузером и
 * приходит заново с каждым HTML-документом. Клиент, посмотревший
 * пять товаров, скачивал одни и те же стили пять раз.
 *
 * ПОРЯДОК ПОДКЛЮЧЕНИЯ ВАЖЕН. Раньше эти правила жили в <body> и
 * поэтому побеждали всё, что подключено в <head>, при равной
 * специфичности. Чтобы каскад не поехал, файл подключается ПОСЛЕ
 * style.css и ДО assets/css/sixx-mobile-fix.css — см.
 * sixx_page_styles() в functions.php.
 */
:root{--sx-a: #cdfa0a;--sx-a-h: #b0e50f;--sx-d: #111827;--sx-gd: #374151;--sx-g: #6B7280;--sx-b: rgba(229,231,235,0.6);--sx-h: 72px;--sx-hm: 56px;--sx-r: 24px;--sx-e: cubic-bezier(0.2,0.9,0.4,1);--sx-t: 0.3s var(--sx-e)}.skip-link{position: absolute;top: -100%;left: 50%;transform: translateX(-50%);z-index: 9999;background: var(--sx-d);color: #fff;padding: 12px 24px;border-radius: 0 0 12px 12px;font-size: 14px;font-weight: 600;text-decoration: none;transition: top 0.3s var(--sx-e)}.skip-link:focus{top: 0}.site-header{position: sticky;top: 0;z-index: 1000;width: 100%;height: var(--sx-h);display: flex;align-items: center;padding: 0 16px;transition: all var(--sx-t);will-change: transform,width,margin,border-radius,box-shadow;outline: none !important;border: none !important}.site-header:focus,.site-header:focus-visible,.site-header:active{outline: none !important;border: none !important;box-shadow: none !important}.site-header:not(.is-float){background: transparent;border-radius: 0;box-shadow: none;margin: 0;width: 100%}.site-header.is-float{width: calc(100% - 32px);margin: 12px auto 0;background: rgba(255,255,255,0.95);backdrop-filter: blur(20px) saturate(180%);-webkit-backdrop-filter: blur(20px) saturate(180%);border-radius: var(--sx-r);box-shadow: 0 8px 32px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04),0 0 1px rgba(0,0,0,0.02);border: 1px solid var(--sx-b)}.site-header.is-float:hover{box-shadow: 0 12px 40px rgba(0,0,0,0.12),0 4px 12px rgba(0,0,0,0.06)}.header-inner{width: 100%;max-width: 1400px;height: 100%;display: flex;align-items: center;justify-content: space-between;margin: 0 auto;position: relative}.header-left{display: flex;align-items: center;flex: 0 0 auto;min-width: 0}.burger{display: none;flex-direction: column;align-items: center;justify-content: center;width: 44px;height: 44px;gap: 5px;background: none;border: none;cursor: pointer;padding: 0;border-radius: 50%;transition: background 0.2s var(--sx-e);flex-shrink: 0;outline: none}.burger:hover{background: rgba(205,250,10,0.1)}.burger:focus-visible{outline: 2px solid var(--sx-a);outline-offset: 2px}.burger-line{display: block;width: 20px;height: 2px;background: var(--sx-d);border-radius: 2px;transition: all 0.25s var(--sx-e)}.burger[aria-expanded="true"] .burger-line:nth-child(1){transform: translateY(7px) rotate(45deg)}.burger[aria-expanded="true"] .burger-line:nth-child(2){opacity: 0}.burger[aria-expanded="true"] .burger-line:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.header-nav{display: flex;align-items: center}.main-menu{display: flex;align-items: center;gap: clamp(20px,2.2vw,36px);list-style: none;margin: 0;padding: 0}.main-menu>.menu-item{position: relative;flex-shrink: 0}.main-menu>.menu-item>a{color: var(--sx-d);text-decoration: none;font-size: clamp(12px,0.95vw,14px);font-weight: 600;padding: 8px 0;position: relative;white-space: nowrap;transition: color 0.2s var(--sx-e);display: flex;align-items: center;gap: 4px;letter-spacing: 0.2px}.main-menu>.menu-item>a::after{content: '';position: absolute;bottom: 2px;left: 0;width: 0;height: 2px;background: var(--sx-a);border-radius: 2px;transition: width 0.25s var(--sx-e)}.main-menu>.menu-item>a:hover{color: #000}.main-menu>.menu-item>a:hover::after{width: 100%}.main-menu>.menu-item.current-menu-item>a,.main-menu>.menu-item.current-menu-ancestor>a{color: #000}.main-menu>.menu-item.current-menu-item>a::after,.main-menu>.menu-item.current-menu-ancestor>a::after{width: 100%}.menu-icon{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 16px;height: 16px;opacity: 0.45;transition: all 0.25s var(--sx-e);margin-right: 2px}.menu-icon svg{width: 100%;height: 100%;stroke: currentColor;fill: none;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.main-menu>.menu-item>a:hover .menu-icon,.main-menu>.menu-item.current-menu-item>a .menu-icon,.main-menu>.menu-item.current-menu-ancestor>a .menu-icon{opacity: 1;color: var(--sx-d)}.main-menu>.menu-item.current-menu-item>a,.main-menu>.menu-item.current-menu-ancestor>a{position: relative;color: var(--sx-d);font-weight: 700}.main-menu>.menu-item.current-menu-item>a::after,.main-menu>.menu-item.current-menu-ancestor>a::after{content: '';position: absolute;left: 0;right: 0;bottom: -6px;height: 2px;background: var(--sx-a)}.menu-text{display: inline}.main-menu>.menu-item--accent>a{color: #ff4444 !important}.main-menu>.menu-item--accent>a::after{background: #ff4444 !important}.main-menu>.menu-item--accent .menu-icon{opacity: 0.7;color: #ff4444}.main-menu>.menu-item--accent>a:hover .menu-icon{opacity: 1}.sub-menu{position: absolute;top: 100%;left: 0;transform: translateY(8px);background: rgba(255,255,255,0.98);backdrop-filter: blur(16px);border-radius: 16px;border: 1px solid var(--sx-b);box-shadow: 0 16px 48px rgba(0,0,0,0.12);padding: 8px;min-width: 180px;list-style: none;opacity: 0;visibility: hidden;pointer-events: none;transition: all 0.2s var(--sx-e)}.menu-item:hover>.sub-menu{opacity: 1;visibility: visible;pointer-events: auto;transform: translateY(4px)}.sub-menu>.menu-item>a{display: flex;align-items: center;gap: 8px;padding: 10px 16px;color: var(--sx-d);text-decoration: none;font-size: 13px;font-weight: 500;border-radius: 10px;transition: all 0.2s var(--sx-e);white-space: nowrap}.sub-menu>.menu-item>a:hover{background: rgba(205,250,10,0.1)}.submenu-icon{transition: transform 0.2s var(--sx-e);opacity: 0.5;width: 12px;height: 12px}.menu-item:hover .submenu-icon{transform: rotate(180deg);opacity: 1}.header-logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;align-items: center;justify-content: center;text-decoration: none;line-height: 1;gap: 3px;z-index: 2;transition: transform 0.2s var(--sx-e);pointer-events: auto;text-align: center;outline: none}.header-logo:hover{transform: translate(-50%,-50%) scale(1.05)}.header-logo:active{transform: translate(-50%,-50%) scale(0.98)}.header-logo:focus-visible{outline: 2px solid var(--sx-a);outline-offset: 4px;border-radius: 4px}.logo-svg{width: clamp(80px,10vw,130px);height: auto;color: var(--sx-d);transition: all 0.2s var(--sx-e);display: block}.header-logo:hover .logo-svg{color: var(--sx-a-h);filter: drop-shadow(0 0 8px rgba(205,250,10,0.3))}.logo-img{width: clamp(70px,10vw,130px);height: auto;display: block;object-fit: contain;transition: transform 0.2s var(--sx-e),filter 0.2s var(--sx-e)}.header-logo:hover .logo-img{transform: scale(1.05);filter: drop-shadow(0 0 8px rgba(205,250,10,0.25))}.logo-tagline{font-size: clamp(6px,0.75vw,9px);font-weight: 600;letter-spacing: clamp(2px,0.35vw,4px);text-transform: uppercase;color: var(--sx-g);transition: color 0.2s var(--sx-e);white-space: nowrap;text-align: center;display: block;width: 100%}.header-logo:hover .logo-tagline{color: var(--sx-gd)}.header-actions{display: flex;align-items: center;gap: 6px;flex: 0 0 auto}.icon-btn{position: relative;display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 50%;color: var(--sx-gd);text-decoration: none;background: transparent;border: none;cursor: pointer;transition: all 0.2s var(--sx-e);flex-shrink: 0;outline: none}.icon-btn:hover{color: var(--sx-a-h);background: rgba(205,250,10,0.1);transform: scale(1.1)}.icon-btn:active{transform: scale(0.95)}.icon-btn:focus-visible{outline: 2px solid var(--sx-a);outline-offset: 2px}.icon-btn svg{width: 22px;height: 22px;stroke: currentColor;fill: none;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.cart-badge{position: absolute;top: -2px;right: -2px;min-width: 18px;height: 18px;padding: 0 5px;background: var(--sx-a);color: var(--sx-d);font-size: 10px;font-weight: 800;border-radius: 9px;display: flex;align-items: center;justify-content: center;line-height: 1;transition: all 0.2s var(--sx-e)}.icon-btn:hover .cart-badge{background: var(--sx-a-h);transform: scale(1.15)}@keyframes cart-bump{0%{transform:scale(1)}35%{transform:scale(1.4)}100%{transform:scale(1)}}.cart-badge.bump{animation: cart-bump 0.4s var(--sx-e)}.mob-overlay{position: fixed;inset: 0;z-index: 1100;background: rgba(0,0,0,0);visibility: hidden;transition: all var(--sx-t)}.mob-overlay.open{background: rgba(0,0,0,0.5);visibility: visible}.mob-panel{position: fixed;top: 0;left: 0;width: min(340px,88vw);height: 100%;background: #fff;transform: translateX(-100%);transition: transform var(--sx-t);display: flex;flex-direction: column;box-shadow: 4px 0 24px rgba(0,0,0,0.1)}.mob-overlay.open .mob-panel{transform: translateX(0)}.mob-panel-header{display: flex;align-items: center;justify-content: space-between;padding: 16px 20px;border-bottom: 1px solid var(--sx-b);height: var(--sx-hm);flex-shrink: 0}.mob-panel-title{font-size: 18px;font-weight: 700;color: var(--sx-d);letter-spacing: -0.3px}.mob-panel-close{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;border: none;background: transparent;color: var(--sx-gd);cursor: pointer;transition: all 0.2s var(--sx-e);outline: none}.mob-panel-close:hover{background: rgba(205,250,10,0.1);color: var(--sx-d)}.mob-panel-nav{flex: 1;overflow-y: auto;padding: 12px 16px;-webkit-overflow-scrolling: touch}.mob-menu-list{list-style: none;margin: 0;padding: 0}.mob-menu-list>.menu-item{border-bottom: 1px solid rgba(229,231,235,0.4)}.mob-menu-list>.menu-item>a{display: flex;align-items: center;justify-content: flex-start;text-align: left;padding: 16px 8px;color: var(--sx-d);text-decoration: none;font-size: 17px;font-weight: 600;transition: all 0.2s var(--sx-e);border-radius: 10px;letter-spacing: -0.2px;gap: 12px}.mob-menu-list>.menu-item>a:hover,.mob-menu-list>.menu-item.current-menu-item>a{color: var(--sx-a-h);background: rgba(205,250,10,0.06);padding-left: 16px}.mob-menu-list .menu-icon{width: 22px;height: 22px;opacity: 0.5;margin-right: 0}.mob-menu-list>.menu-item>a:hover .menu-icon,.mob-menu-list>.menu-item.current-menu-item>a .menu-icon{opacity: 1;color: var(--sx-a-h)}.mob-submenu{list-style: none;margin: 0;padding: 0 0 8px 16px}.mob-submenu>.menu-item{border-bottom: 1px solid rgba(229,231,235,0.25)}.mob-submenu>.menu-item:last-child{border-bottom: none}.mob-submenu>.menu-item>a{display: flex;align-items: center;gap: 8px;padding: 12px 8px;color: var(--sx-gd);text-decoration: none;font-size: 15px;font-weight: 500;transition: all 0.2s var(--sx-e);border-radius: 8px}.mob-submenu>.menu-item>a:hover{color: var(--sx-a-h);background: rgba(205,250,10,0.04);padding-left: 14px}.mob-bar{position: fixed;bottom: 0;left: 0;right: 0;z-index: 999;background: #FFFFFF;border-top: 1px solid var(--sx-b);padding: 6px 0 calc(6px+env(safe-area-inset-bottom));display: none;box-shadow: 0 -4px 20px rgba(0,0,0,0.06);outline: none;transform: translateZ(0);-webkit-transform: translateZ(0);backface-visibility: hidden;-webkit-backface-visibility: hidden}.mob-bar-nav{display: flex;justify-content: center;align-items: center;margin: 0 auto;padding: 0;gap: 0;max-width: 420px}.mob-bar-link{flex: 0 0 auto;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;padding: 6px 0;text-decoration: none;color: var(--sx-g);font-size: 10px;font-weight: 600;border-radius: 12px;transition: all 0.2s var(--sx-e);min-width: 72px;text-align: center;outline: none}.mob-bar-link:hover,.mob-bar-link.active{color: var(--sx-a-h);background: rgba(205,250,10,0.08)}.mob-bar-link svg{width: 24px;height: 24px;stroke: currentColor;fill: none;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.mob-cart-wrap{position: relative}.mob-cart-badge{position: absolute;top: -6px;right: -10px;min-width: 16px;height: 16px;padding: 0 4px;background: var(--sx-a);color: var(--sx-d);font-size: 9px;font-weight: 800;border-radius: 8px;display: flex;align-items: center;justify-content: center}.cart-toast{position: fixed;bottom: 100px;left: 50%;transform: translateX(-50%) translateY(20px);z-index: 1001;background: rgba(255,255,255,0.98);backdrop-filter: blur(16px);border-radius: 50px;border: 1px solid var(--sx-b);box-shadow: 0 8px 32px rgba(0,0,0,0.08);padding: 12px 24px;opacity: 0;pointer-events: none;transition: all 0.4s var(--sx-e);white-space: nowrap;font-size: 14px;font-weight: 500;color: var(--sx-d)}.cart-toast.show{opacity: 1;transform: translateX(-50%) translateY(0)}@media (hover: none) and (pointer: coarse){.menu-icon{opacity: 0.4 !important}.main-menu>.menu-item>a:hover .menu-icon{opacity: 0.4 !important;color: inherit !important}.main-menu>.menu-item.current-menu-item>a .menu-icon{opacity: 1 !important}.mob-menu-list .menu-icon{opacity: 0.4 !important}.mob-menu-list>.menu-item>a:hover .menu-icon{opacity: 0.4 !important;color: inherit !important}.mob-menu-list>.menu-item.current-menu-item>a .menu-icon{opacity: 1 !important}}@media (max-width: 1023px){.site-header{height: var(--sx-hm)}.site-header.is-float{width: calc(100% - 20px);margin: 8px auto 0;border-radius: 20px}.header-nav{display: none !important}.burger{display: flex}.header-actions{gap: 2px}.icon-btn{width: 40px;height: 40px}.icon-btn svg{width: 20px;height: 20px}.logo-svg{width: clamp(68px,16vw,95px)}.logo-img{width: clamp(68px,16vw,95px)}.logo-tagline{font-size: 6px;letter-spacing: 2px}.mob-bar{display: flex;justify-content: center}body{padding-bottom: calc(56px+env(safe-area-inset-bottom))}.cart-toast{bottom: 80px}}@media (min-width: 1024px){.burger{display: none !important}.mob-bar{display: none !important}.mob-overlay{display: none !important}.header-left{max-width: 42%}.header-nav{width: 100%;overflow: hidden}.main-menu{gap: clamp(14px,1.8vw,28px)}.main-menu>.menu-item>a{font-size: clamp(11px,0.82vw,13px)}}@media (min-width: 1280px){.main-menu{gap: clamp(18px,2vw,32px)}.main-menu>.menu-item>a{font-size: clamp(12px,0.9vw,14px)}}@media (prefers-reduced-motion: reduce){.site-header,.header-logo,.main-menu>.menu-item>a,.icon-btn,.cart-badge,.burger-line,.cart-toast,.mob-overlay,.mob-panel,.sub-menu{transition: none !important;animation: none !important}}.site-header *:focus{outline: none}.site-header *:focus-visible{outline: 2px solid var(--sx-a);outline-offset: 2px}.main-navigation,.site-branding,.header-default,.primary-menu,#colophon,.site-footer,.site-info{display: none !important}