.header{--p-header-h: 52px;--p-header-glass: rgba(var(--color-header-bg-rgb, 246, 246, 248), .8);--p-header-solid: var(--color-header-bg, var(--p-color-bg-subtle));padding:0 var(--p-gutter)}@media only screen and (min-width:1068px){.header{--p-header-h: 56px}}.header--inner,.header.style1 .header--inner{max-width:var(--p-page-width);min-height:var(--p-header-h);column-gap:var(--p-space-6)}.header--inner:before{content:none}.header:before{background:var(--p-header-solid);transition:background-color var(--p-duration-base) var(--p-ease-standard),opacity var(--p-duration-base) var(--p-ease-standard)}.header:after,.header.header--shadow-small:after,.header.header--shadow-medium:after,.header.header--shadow-large:after{box-shadow:inset 0 -1px 0 var(--p-color-line);opacity:1;transition:opacity var(--p-duration-base) var(--p-ease-standard)}.header.transparent--true:not(.is-sticky):after,.header:has(.mobile-toggle-wrapper[open]):after{opacity:0}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.header.is-sticky:before{background:var(--p-header-glass);-webkit-backdrop-filter:saturate(var(--p-glass-saturate)) blur(var(--p-glass-blur));backdrop-filter:saturate(var(--p-glass-saturate)) blur(var(--p-glass-blur))}}.header:has(.thb-full-menu>li.menu-item-has-children:is(:hover,:focus-within)>.sub-menu):before{background:var(--p-header-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.header.p-mega-open:before{background:var(--p-header-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.header.p-mega-open:after{opacity:0}.header:has(.mobile-toggle-wrapper[open]):before{background:var(--p-header-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.header .mobile-toggle{width:44px;height:44px;margin-left:-12px;cursor:pointer}.header .mobile-toggle span{top:50%;left:12px;width:20px;height:1.6px;margin-top:-.8px;border-radius:1px;background:var(--color-header-icons, var(--p-color-text));transform-origin:center;transition:transform var(--p-duration-base) var(--p-ease-out),opacity var(--p-duration-fast) var(--p-ease-standard)}.header .mobile-toggle span:nth-child(1){top:50%;transform:translateY(-3.5px)}.header .mobile-toggle span:nth-child(2){opacity:0}.header .mobile-toggle span:nth-child(3){top:50%;transform:translateY(3.5px)}.header .mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(1){transform:rotate(45deg)}.header .mobile-toggle-wrapper[open].active .mobile-toggle span:nth-child(3){transform:rotate(-45deg)}.header .mobile-toggle:focus-visible{outline:2px solid var(--p-color-focus);outline-offset:-2px;border-radius:50%}.header .logolink{margin:0}.header .thb-full-menu>li{padding:0 var(--p-space-4)}.header .thb-full-menu>li>a,.header .thb-full-menu>li>.thb-full-menu--link{margin:0;padding:0;display:inline-flex;align-items:center;height:var(--p-header-h);font-size:calc(var(--font-navigation-scale, 1) * 14px);font-weight:var(--p-weight-medium);letter-spacing:.005em;color:rgba(var(--color-header-links-rgb, 29, 29, 31),.8);transition:color var(--p-duration-fast) var(--p-ease-standard)}.header .thb-full-menu>li>a:hover,.header .thb-full-menu>li>a:focus-visible,.header .thb-full-menu>li.active>a,.header .thb-full-menu>li.is-open>a{color:var(--color-header-links, var(--p-color-text))}.header .thb-full-menu>li>a:after{top:auto;bottom:14px;height:1.5px;border-radius:1px;background:currentColor;transition:transform var(--p-duration-base) var(--p-ease-out)}.header .thb-full-menu>li.is-open>a:after{transform:scale(1)}.header .thb-full-menu li.menu-item-has-children>.thb-full-menu--link,.header .thb-full-menu li.menu-item-has-pihot-mega>.thb-full-menu--link{padding-right:0;gap:var(--p-space-1)}.header .thb-full-menu li.menu-item-has-children>.thb-full-menu--link .p-icon,.header .thb-full-menu li.menu-item-has-pihot-mega>.thb-full-menu--link .p-icon{position:static;flex:none;margin:0;opacity:.55;transition:transform var(--p-duration-base) var(--p-ease-out),opacity var(--p-duration-fast) var(--p-ease-standard)}.header .thb-full-menu .thb-full-menu--link .p-icon path{stroke:currentColor}.header .thb-full-menu>li.menu-item-has-children:hover>.thb-full-menu--link .p-icon,.header .thb-full-menu>li.menu-item-has-children:focus-within>.thb-full-menu--link .p-icon,.header .thb-full-menu>li.is-open>.thb-full-menu--link .p-icon{transform:rotate(180deg);opacity:1}.header .thb-full-menu>li.menu-item-has-children>a:after,.header .thb-full-menu>li.menu-item-has-pihot-mega>a:after{width:calc(100% - 18px)}.header .thb-full-menu li.menu-item-has-children:hover:before{content:none}.header .thb-full-menu>li:not(.menu-item-has-megamenu)>.sub-menu{top:100%;left:50%;min-width:220px;padding:var(--p-space-2);border-radius:var(--p-radius-md);background:var(--p-header-solid);box-shadow:0 0 0 1px var(--p-color-line),var(--p-shadow-drop);font-size:14px;line-height:1.3;translate:-50% calc(-1 * var(--p-space-1));transform:none;transition:opacity var(--p-duration-fast) var(--p-ease-standard),translate var(--p-duration-base) var(--p-ease-out),visibility 0s linear var(--p-duration-fast)}.header .thb-full-menu>li:not(.menu-item-has-megamenu)>.sub-menu:before{content:"";position:absolute;inset:calc(-1 * var(--p-space-3)) 0 auto;height:var(--p-space-3)}.header .thb-full-menu>li.menu-item-has-children:not(.menu-item-has-megamenu):hover>.sub-menu,.header .thb-full-menu>li.menu-item-has-children:not(.menu-item-has-megamenu):focus-within>.sub-menu{translate:-50% 0;transform:none;transition:opacity var(--p-duration-fast) var(--p-ease-out),translate var(--p-duration-base) var(--p-ease-out),visibility 0s}.header .thb-full-menu .sub-menu .sub-menu{top:calc(-1 * var(--p-space-2));left:calc(100% + var(--p-space-2));translate:calc(-1 * var(--p-space-1)) 0}.header .thb-full-menu .sub-menu .sub-menu:before{inset:0 auto 0 calc(-1 * var(--p-space-2));width:var(--p-space-2);height:auto}.header .thb-full-menu .sub-menu li.menu-item-has-children:hover>.sub-menu,.header .thb-full-menu .sub-menu li.menu-item-has-children:focus-within>.sub-menu{translate:0 0}.header .thb-full-menu .sub-menu li{display:block}.header .thb-full-menu .sub-menu .thb-full-menu--link{display:flex;align-items:center;justify-content:space-between;gap:var(--p-space-3);padding:10px var(--p-space-3);border-radius:var(--p-radius-sm);font-size:14px;font-weight:var(--p-weight-regular);color:var(--p-color-text-secondary);transition:background-color var(--p-duration-fast) var(--p-ease-standard),color var(--p-duration-fast) var(--p-ease-standard)}.header .thb-full-menu .sub-menu .thb-full-menu--link:after{content:none}.header .thb-full-menu .sub-menu .thb-full-menu--link:hover,.header .thb-full-menu .sub-menu .thb-full-menu--link:focus-visible,.header .thb-full-menu .sub-menu li:hover>.thb-full-menu--link{background:#0000000d;color:var(--p-color-text)}.header .thb-full-menu .sub-menu li.active>.thb-full-menu--link{color:var(--p-color-text);font-weight:var(--p-weight-medium)}.header .thb-full-menu .sub-menu .thb-full-menu--link .p-icon{flex:none;opacity:.5}.header .thb-secondary-area{gap:var(--p-space-1)}.header .thb-secondary-area-item,.header .thb-secondary-area .thb-secondary-area-item:last-child{position:relative;width:40px;height:40px;padding:0;justify-content:center;border-radius:50%;color:var(--color-header-icons, var(--p-color-text));transition:background-color var(--p-duration-fast) var(--p-ease-standard),transform var(--p-duration-fast) var(--p-ease-out)}.header .thb-secondary-area-item:hover,.header shopify-account:hover .thb-secondary-area-item{background-color:#0000000d}.header .thb-secondary-area-item:active{transform:scale(.94)}.header .thb-secondary-area-item:focus-visible{outline:2px solid var(--p-color-focus);outline-offset:0}.header .thb-secondary-area-item .p-icon{display:block;pointer-events:none}.header .thb-secondary-area-item.p-header-account{display:none}@media only screen and (min-width:768px){.header .thb-secondary-area-item.p-header-account{display:inline-flex}}.header .thb-secondary-area shopify-account{--minimum-touch-target: 40px;--shopify-account-signed-in-avatar-size: 22px}shopify-account{--shopify-account-font-heading: var(--p-font-sans);--shopify-account-font-heading-weight: var(--p-weight-semibold);--shopify-account-font-body: var(--p-font-sans);--shopify-account-color-background: var(--p-color-bg-subtle);--shopify-account-color-background-subdued: var(--p-color-bg-muted);--shopify-account-color-text: var(--p-color-text);--shopify-account-color-text-subdued: var(--p-color-text-secondary);--shopify-account-color-accent: var(--p-color-text);--shopify-account-color-accent-text: var(--p-color-bg);--shopify-account-color-border: var(--p-color-line-strong);--shopify-account-color-control-background: var(--p-color-bg);--shopify-account-color-control-text: var(--p-color-text);--shopify-account-color-card-background: var(--p-color-bg);--shopify-account-color-card-text: var(--p-color-text);--shopify-account-radius-base: var(--p-radius-md);--shopify-account-radius-button: var(--p-radius-pill);--shopify-account-radius-button-small: var(--p-radius-pill);--shopify-account-radius-input: var(--p-radius-lg);--shopify-account-radius-dialog: var(--p-radius-lg);--shopify-account-signed-in-avatar-color-background: var(--p-color-text);--shopify-account-signed-in-avatar-color-text: var(--p-color-bg);--shopify-account-dialog-position-top: var(--p-account-top, var(--p-space-3))}shopify-account::part(dialog){border:1px solid var(--p-color-line);box-shadow:var(--p-shadow-lg)}@media(min-width:751px){shopify-account::part(dialog){inset-inline-end:var(--p-account-end, var(--p-space-3))}}.header .thb-secondary-area-item.thb-secondary-cart .thb-secondary-item-icon{position:relative;display:block;transform:none}.header .thb-secondary-area .thb-item-count{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--p-radius-pill);background:var(--p-color-brand);color:var(--p-color-on-brand);box-shadow:0 0 0 2px var(--p-header-solid);font-family:var(--p-font-sans);font-size:11px;font-weight:var(--p-weight-semibold);font-variant-numeric:tabular-nums;line-height:18px;letter-spacing:0;width:auto}.header .thb-secondary-area .thb-item-count:empty{display:none}.header .thb-secondary-area .thb-item-count.is-bumped{animation:p-badge-bump .5s var(--p-ease-spring)}@keyframes p-badge-bump{0%{transform:scale(.5)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.header:before,.header .thb-secondary-area-item,.header .mobile-toggle span,.header .thb-full-menu .p-icon,.header .thb-full-menu .sub-menu{transition:none}.header .thb-secondary-area .thb-item-count.is-bumped{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/pihot-header.css.map */