:root{--header-bg: #ffffff;--header-text: #333333;--header-hover: #000000;--announcement-bg: #000000;--announcement-text: #ffffff;--dropdown-bg: #ffffff;--dropdown-border: #e5e5e5;--dropdown-shadow: rgba(0, 0, 0, .1);--overlay-bg: rgba(0, 0, 0, .5);--header-padding: 15px;--container-max-width: 1400px;--container-padding: 20px;--menu-font-size: 15px;--menu-font-weight: 500;--transition-speed: .3s;--transition-ease: ease;--z-header: 1000;--z-dropdown: 1001;--z-mobile-nav: 1002;--z-overlay: 1003;--z-search-popup: 1004}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.announcement-bar{display:flex;align-items:center;justify-content:center;padding:10px var(--container-padding);text-align:center;font-size:14px;position:relative}.announcement-bar--hidden{display:none}.announcement-bar__content{flex:1}.announcement-bar__text,.announcement-bar__link{margin:0;font-weight:500}.announcement-bar__link{text-decoration:none;transition:opacity var(--transition-speed) var(--transition-ease)}.announcement-bar__link:hover{opacity:.8}.announcement-bar__close{position:absolute;right:var(--container-padding);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity var(--transition-speed) var(--transition-ease)}.announcement-bar__close:hover{opacity:1}.header{position:relative;background:var(--header-bg);z-index:var(--z-header);border-bottom:1px solid var(--dropdown-border)}.header--sticky{position:sticky;top:0;transition:background-color var(--transition-speed) var(--transition-ease),box-shadow var(--transition-speed) var(--transition-ease)}.header--sticky.header--scrolled{box-shadow:0 2px 10px var(--dropdown-shadow)}.header__container{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);gap:20px}.header--logo-center .header__container{flex-wrap:wrap;justify-content:center}.header--logo-center .header__logo{order:1;width:100%;text-align:center;margin-bottom:10px}.header--logo-center .header__mobile-toggle{order:0;position:absolute;left:var(--container-padding)}.header--logo-center .header__nav{order:2;width:100%;justify-content:center}.header--logo-center .header__actions{order:0;position:absolute;right:var(--container-padding)}.header__mobile-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:0;background:none;border:none;cursor:pointer;z-index:var(--z-mobile-nav)}.header__hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px}.header__hamburger-line{display:block;width:100%;height:2px;background-color:var(--header-text);border-radius:2px;transition:transform var(--transition-speed) var(--transition-ease),opacity var(--transition-speed) var(--transition-ease)}.header__mobile-toggle[aria-expanded=true] .header__hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.header__mobile-toggle[aria-expanded=true] .header__hamburger-line:nth-child(2){opacity:0}.header__mobile-toggle[aria-expanded=true] .header__hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.header__logo{flex-shrink:0}.header__logo-link{display:inline-block;text-decoration:none}.header__logo-image{display:block;height:auto;transition:transform var(--transition-speed) var(--transition-ease)}.header--scrolled.header--sticky .header__logo-image.header__logo-image--reduce{transform:scale(.85)}.header__logo-text{font-size:24px;font-weight:700;letter-spacing:-.5px}.header__nav{display:none;flex:1}.header__menu{display:flex;align-items:center;gap:5px;list-style:none;margin:0;padding:0}.header__menu-item{position:relative}.header__menu-link{display:flex;align-items:center;gap:5px;padding:10px 15px;font-size:var(--menu-font-size);font-weight:var(--menu-font-weight);text-decoration:none;color:var(--header-text);background:none;border:none;cursor:pointer;transition:color var(--transition-speed) var(--transition-ease);white-space:nowrap}.header__menu-link:hover,.header__menu-link:focus{color:var(--header-hover)}.header__menu-link[aria-current=page]{color:var(--header-hover)}.header__dropdown-icon{transition:transform var(--transition-speed) var(--transition-ease)}.header__menu-link--dropdown[aria-expanded=true] .header__dropdown-icon{transform:rotate(180deg)}.header__dropdown{position:absolute;top:100%;left:0;min-width:220px;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:4px;box-shadow:0 4px 20px var(--dropdown-shadow);list-style:none;margin:0;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity var(--transition-speed) var(--transition-ease),visibility var(--transition-speed) var(--transition-ease),transform var(--transition-speed) var(--transition-ease);z-index:var(--z-dropdown)}.header__menu-item:hover>.header__dropdown,.header__menu-item:focus-within>.header__dropdown,.header__menu-link--dropdown[aria-expanded=true]+.header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header__dropdown-item{position:relative}.header__dropdown-link{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:14px;text-decoration:none;color:var(--header-text);background:none;border:none;width:100%;cursor:pointer;transition:background-color var(--transition-speed) var(--transition-ease),color var(--transition-speed) var(--transition-ease)}.header__dropdown-link:hover,.header__dropdown-link:focus{background-color:#f5f5f5;color:var(--header-hover)}.header__nested-dropdown{position:absolute;top:0;left:100%;min-width:200px;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:4px;box-shadow:0 4px 20px var(--dropdown-shadow);list-style:none;margin:0;padding:10px 0;opacity:0;visibility:hidden;transform:translate(10px);transition:opacity var(--transition-speed) var(--transition-ease),visibility var(--transition-speed) var(--transition-ease),transform var(--transition-speed) var(--transition-ease)}.header__dropdown-item:hover>.header__nested-dropdown,.header__dropdown-item:focus-within>.header__nested-dropdown,.header__dropdown-link--nested[aria-expanded=true]+.header__nested-dropdown{opacity:1;visibility:visible;transform:translate(0)}.header__nested-link{display:block;padding:10px 20px;font-size:14px;text-decoration:none;color:var(--header-text);transition:background-color var(--transition-speed) var(--transition-ease),color var(--transition-speed) var(--transition-ease)}.header__nested-link:hover,.header__nested-link:focus{background-color:#f5f5f5;color:var(--header-hover)}.header__actions{display:flex;align-items:center;gap:5px}.header__action-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;cursor:pointer;text-decoration:none;color:var(--header-text);transition:color var(--transition-speed) var(--transition-ease),transform var(--transition-speed) var(--transition-ease)}.header__action-btn:hover{color:var(--header-hover);transform:scale(1.05)}.header__cart{position:relative}.header__cart-count{position:absolute;top:5px;right:2px;min-width:18px;height:18px;padding:0 5px;background-color:#000;color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center;border-radius:50%;pointer-events:none;transition:transform var(--transition-speed) var(--transition-ease)}.header__cart-count[data-count="0"]{display:none}.header__cart-count.header__cart-count--updated{animation:cartBounce .5s ease}@keyframes cartBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.header__mobile-nav{position:fixed;top:0;left:0;width:85%;max-width:350px;height:100vh;background:var(--dropdown-bg);box-shadow:2px 0 20px var(--dropdown-shadow);transform:translate(-100%);transition:transform var(--transition-speed) var(--transition-ease);z-index:var(--z-mobile-nav);overflow-y:auto;-webkit-overflow-scrolling:touch}.header__mobile-nav[aria-hidden=false]{transform:translate(0)}.header__mobile-nav-inner{padding:80px 20px 30px}.header__mobile-menu{list-style:none;margin:0;padding:0}.header__mobile-menu-item{border-bottom:1px solid var(--dropdown-border)}.header__mobile-menu-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 0;font-size:16px;font-weight:500;text-decoration:none;color:var(--header-text);background:none;border:none;cursor:pointer;transition:color var(--transition-speed) var(--transition-ease);text-align:left}.header__mobile-menu-link:hover,.header__mobile-menu-link:focus{color:var(--header-hover)}.header__mobile-dropdown-icon{transition:transform var(--transition-speed) var(--transition-ease)}.header__mobile-menu-link--dropdown[aria-expanded=true] .header__mobile-dropdown-icon{transform:rotate(180deg)}.header__mobile-dropdown{display:none;list-style:none;margin:0;padding:0 0 15px 15px}.header__mobile-menu-link--dropdown[aria-expanded=true]+.header__mobile-dropdown{display:block}.header__mobile-dropdown-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;font-size:15px;text-decoration:none;color:var(--header-text);background:none;border:none;cursor:pointer;transition:color var(--transition-speed) var(--transition-ease);text-align:left}.header__mobile-dropdown-link:hover,.header__mobile-dropdown-link:focus{color:var(--header-hover)}.header__mobile-nested-icon{transition:transform var(--transition-speed) var(--transition-ease)}.header__mobile-dropdown-link--nested[aria-expanded=true] .header__mobile-nested-icon{transform:rotate(180deg)}.header__mobile-nested-dropdown{display:none;list-style:none;margin:0;padding:0 0 10px 15px}.header__mobile-dropdown-link--nested[aria-expanded=true]+.header__mobile-nested-dropdown{display:block}.header__mobile-nested-link{display:block;padding:10px 0;font-size:14px;text-decoration:none;color:var(--header-text);opacity:.8;transition:opacity var(--transition-speed) var(--transition-ease)}.header__mobile-nested-link:hover,.header__mobile-nested-link:focus{opacity:1}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);opacity:0;visibility:hidden;transition:opacity var(--transition-speed) var(--transition-ease),visibility var(--transition-speed) var(--transition-ease);z-index:calc(var(--z-mobile-nav) - 1)}.mobile-menu-overlay.mobile-menu-overlay--visible{opacity:1;visibility:visible}.search-popup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:100px;opacity:0;visibility:hidden;transition:opacity var(--transition-speed) var(--transition-ease),visibility var(--transition-speed) var(--transition-ease);z-index:var(--z-search-popup)}.search-popup[aria-hidden=false]{opacity:1;visibility:visible}.search-popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg)}.search-popup__content{position:relative;width:90%;max-width:600px;background:var(--dropdown-bg);border-radius:8px;padding:20px;box-shadow:0 10px 40px #0003;transform:translateY(-20px);transition:transform var(--transition-speed) var(--transition-ease)}.search-popup[aria-hidden=false] .search-popup__content{transform:translateY(0)}.search-popup__form{display:flex;align-items:center;gap:10px}.search-popup__input{flex:1;padding:15px 20px;font-size:16px;border:2px solid var(--dropdown-border);border-radius:4px;outline:none;transition:border-color var(--transition-speed) var(--transition-ease)}.search-popup__input:focus{border-color:var(--header-hover)}.search-popup__submit{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color var(--transition-speed) var(--transition-ease)}.search-popup__submit:hover{background:#333}.search-popup__close{position:absolute;top:-40px;right:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;cursor:pointer;opacity:.8;transition:opacity var(--transition-speed) var(--transition-ease)}.search-popup__close:hover{opacity:1}@media (min-width: 768px){.header__mobile-toggle{display:none}.header__nav{display:flex}.header__mobile-nav,.mobile-menu-overlay{display:none}.header--logo-center .header__mobile-toggle,.header--logo-center .header__actions{position:static}.header--logo-center .header__container{position:relative}.header--logo-center .header__actions{order:3;position:absolute;right:var(--container-padding);top:50%;transform:translateY(-50%)}}@media (min-width: 1024px){.header__menu{gap:10px}.header__menu-link{padding:10px 18px}.header__actions{gap:10px}}@media (max-width: 767px){.header__container{min-height:60px}.header--logo-center .header__logo{order:0;width:auto;margin-bottom:0;flex:1;text-align:center}.header--logo-center .header__mobile-toggle,.header--logo-center .header__actions{position:static}.announcement-bar{padding:8px 50px 8px var(--container-padding);font-size:12px}.search-popup{padding-top:60px}.search-popup__content{width:95%;padding:15px}.search-popup__input{padding:12px 15px;font-size:16px}.search-popup__submit{width:44px;height:44px}}@media (prefers-reduced-motion: reduce){.header,.header__hamburger-line,.header__logo-image,.header__menu-link,.header__dropdown,.header__nested-dropdown,.header__dropdown-icon,.header__dropdown-link,.header__nested-link,.header__action-btn,.header__cart-count,.header__mobile-nav,.header__mobile-dropdown-icon,.header__mobile-nested-icon,.mobile-menu-overlay,.search-popup,.search-popup__content,.search-popup__input,.announcement-bar__link,.announcement-bar__close{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.header{border-bottom-width:2px}.header__dropdown,.header__nested-dropdown{border-width:2px}.header__menu-link:focus,.header__action-btn:focus{outline:2px solid currentColor;outline-offset:2px}}.header__menu-link:focus-visible,.header__dropdown-link:focus-visible,.header__nested-link:focus-visible,.header__action-btn:focus-visible,.header__mobile-menu-link:focus-visible,.header__mobile-dropdown-link:focus-visible,.header__mobile-nested-link:focus-visible,.announcement-bar__close:focus-visible,.search-popup__input:focus-visible,.search-popup__submit:focus-visible,.search-popup__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/8/assets/header.css.map */