.hd-Header{position:relative;z-index:10;width:100%;height:calc(var(--Header_Height) + var(--Announcement_Height))}.lyt-Site-floatingHeader .hd-Header{position:absolute;top:0;left:0;z-index:10}@media only screen and (min-width: 901px){.hd-Header{pointer-events:none}.util-KlevuActive .hd-Header{pointer-events:auto}}.hd-Header_Body{position:relative;display:block;transition:top .5s ease}.hd-Header_Body-sticky{position:fixed;top:calc((var(--Header_Height) + var(--Announcement_Height)) * -1);left:0;z-index:10;width:100%;pointer-events:auto}.hd-Header_Body-sticky:hover,.hd-Header_Body-visible{top:calc(var(--Announcement_Height) * -1)}@media only screen and (min-width: 901px){.hd-Header_Body-sticky:hover,.hd-Header_Body-visible{top:0}}.hd-Banner{--Banner_Margin: 15px;position:relative;display:block;padding-block-start:var(--Banner_Margin);padding-block-end:var(--Banner_Margin);transition:background-color .5s ease}.hd-Header_Body-sticky .hd-Banner,.lyt-Site-solidHeader .hd-Banner,.hd-Banner:hover{background-color:var(--Color_CarbonGrey)}.util-KlevuActive .hd-Banner{background-color:var(--Color_Background)}@media only screen and (min-width: 901px){.hd-Banner{--Banner_Margin: 20px}}.hd-Banner_Body{align-items:center;justify-content:space-between;display:flex;color:#fff}.hd-Banner_Logo{flex-shrink:0;width:70px;height:77px}@media only screen and (min-width: 901px){.hd-Banner_Logo{width:70px;height:77px}}.hd-Banner_LogoLink{display:block;pointer-events:auto}.hd-Banner_Nav{display:none}@media only screen and (min-width: 1201px){.hd-Banner_Nav{display:block;padding-inline-start:20px;padding-inline-end:20px}}.hd-Banner_Ancillary{margin-inline-end:-7px}@media only screen and (min-width: 768px){.hd-Banner_Ancillary{flex-grow:1;margin-inline-start:15px}}@media only screen and (min-width: 1201px){.hd-Banner_Ancillary{flex-grow:0;margin-inline-start:0;margin-inline-end:0}}.hd-Banner_Items{align-items:center;gap:30px;display:flex;pointer-events:auto}.hd-Banner_Ancillary .hd-Banner_Items{gap:5px}@media only screen and (min-width: 768px){.hd-Banner_Ancillary .hd-Banner_Items{gap:15px}}.hd-Banner_Item{display:block}.hd-Banner_Item-search{display:none}@media only screen and (min-width: 768px){.hd-Banner_Item-search{flex-grow:1;display:block}}@media only screen and (min-width: 1201px){.hd-Banner_Item-menu{display:none}.hd-Banner_Item-search{position:relative;flex-grow:0;width:160px}}@media only screen and (min-width: 1440px){.hd-Banner_Item-search{width:270px}}@media only screen and (min-width: 768px){.hd-Banner_Item-account{display:none}}.hd-Banner_Link{position:relative;display:block;padding-block-start:2px;padding-block-end:2px;white-space:nowrap;overflow:hidden}.hd-Banner_Link:before{content:attr(data-content);position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;padding-block-start:2px;padding-block-end:2px;color:var(--Color_PetronasTeal);clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);pointer-events:none;transition:clip-path .3s ease}.hd-Banner_Link:after{content:"";position:absolute;bottom:0;left:0;z-index:1;display:block;width:100%;height:1px;background-color:var(--Color_PetronasTeal);transform:scaleX(0);transition:transform .3s ease}@media only screen and (min-width: 768px){.hd-Banner_Item:is(:hover,:focus-within) .hd-Banner_Link:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.hd-Banner_Item:is(:hover,:focus-within) .hd-Banner_Link:after{transform:scaleX(1)}}.hd-Banner_Icon{--Icon_Wrapper_Size: 36px;--Icon_Size: 24px;position:relative;align-items:center;justify-content:center;display:flex;width:var(--Icon_Wrapper_Size);height:var(--Icon_Wrapper_Size);transition:color .3s ease}.hd-Banner_Icon-search{width:56px;height:46px}.hd-Banner_Icon svg{width:var(--Icon_Size);height:var(--Icon_Size)}@media only screen and (min-width: 768px){.hd-Banner_Icon:is(:hover,:focus){color:var(--Color_PetronasTeal)}.hd-Banner_Item-cart .hd-Banner_Icon:is(:hover,:focus){color:var(--Color_VoltGreen)}}.hd-Banner_WishlistCount{--Counter_Size: 19px;position:absolute;top:-3px;right:-3px;z-index:1;justify-content:center;display:flex;width:var(--Counter_Size);height:var(--Counter_Size);font-size:12px;font-weight:700;line-height:19px;text-align:center;background-color:#fff;border-radius:50%;color:var(--Color_CarbonGrey);transition:transform .3s ease}.hd-Banner_WishlistCount[data-count="0"]{transform:scale(0)}.hd-Banner_CartCount{--Counter_Size: 19px;position:absolute;top:-3px;right:-3px;z-index:1;justify-content:center;display:flex;width:var(--Counter_Size);height:var(--Counter_Size);font-size:12px;font-weight:700;line-height:19px;text-align:center;background-color:var(--Color_VoltGreen);border-radius:50%;color:var(--Color_CarbonGrey);transition:transform .3s ease}.hd-Banner_CartCount[aria-hidden=true]{transform:scale(0)}.hd-Banner_Footer{margin-block-start:15px;color:#fff}@media only screen and (min-width: 768px){.hd-Banner_Footer{display:none}}.hd-Banner_SearchContainer{position:relative;display:block}@media only screen and (max-width: 900px){.hd-Banner_SearchContainer[active]{position:fixed;top:0;right:0;left:0;z-index:10;align-items:center;display:flex;margin-inline-start:20px;margin-inline-end:20px;padding-block-start:15px;padding-block-end:15px;background-color:#000}}@media only screen and (min-width: 1201px){.hd-Banner_SearchContainer[active]{z-index:1}}.hd-Banner_SearchForm{display:flex;width:100%;margin-right:0;background-color:#fdfdfd26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:2px;transition:width .3s ease}.util-KlevuActive .hd-Banner_SearchForm{--CloseButtonWidth: 39px;width:calc(100% - var(--CloseButtonWidth));transition-delay:.1s}@media only screen and (min-width: 1201px){.util-KlevuActive .hd-Banner_SearchForm{--CloseButtonWidth: 49px}}.hd-Banner_SearchField{margin-block-start:0}.hd-Banner_SearchInput{height:46px;border:0;color:#fff}.hd-Banner_SearchInput::placeholder{color:#fff}.hd-Banner_SearchLabel{color:#fff}.hd-Banner_SearchClose{position:absolute;top:50%;right:0;align-items:center;justify-content:center;display:flex;min-width:24px;width:24px;height:24px;margin-inline-start:14px;margin-inline-start:24px;background-color:#fff;border-radius:50%;color:var(--Color_Grey-dark);transform:translateY(-50%) scale(0);transition:transform .3s ease}.hd-Banner_SearchContainer[active] .hd-Banner_SearchClose{transform:translateY(-50%);transition:transform .3s ease .1s;transition-delay:.1s}.hd-Banner_SearchClose svg{width:12px;height:12px;transition:transform .25s}@media only screen and (min-width: 901px){.hd-Banner_SearchClose{width:32px;height:32px}.hd-Banner_SearchClose:hover{background-color:var(--Color_Grey-dark);color:#fff}.hd-Banner_SearchClose svg{width:18px;height:18px}.hd-Banner_SearchClose:hover svg{transform:rotate(90deg) scale(.7)}}.hd-Banner_Dropdown{position:absolute;top:100%;right:0;left:0;z-index:0;opacity:0;visibility:hidden;transition:opacity .3s ease 0s,visibility .3s ease 0s}.hd-Banner_Dropdown-seo{display:none}.hd-Banner_Item:hover .hd-Banner_Dropdown{opacity:1;visibility:visible;transition:opacity .4s ease .2s,visibility .4s ease .2s}.hd-Banner_DropdownOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--Color_CarbonGrey);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease 0s,visibility .3s ease 0s}.hd-Banner_Item:hover .hd-Banner_DropdownOverlay{opacity:.9;visibility:visible;transition:opacity .4s ease .2s,visibility .4s ease .2s}@media only screen and (min-width: 901px){.util-KlevuActive .hd-Banner_Body{align-items:center;justify-content:space-between;grid-template-columns:repeat(12,1fr);display:grid;color:#fff}.util-KlevuActive .hd-Banner_Nav{display:none}.util-KlevuActive .hd-Banner_Logo{grid-column:1 / span 2;width:auto}.util-KlevuActive .hd-Banner_LogoLink{flex-shrink:0;width:70px;height:77px}.util-KlevuActive .hd-Banner_Ancillary{grid-column:4 / span 9;margin:0}.util-KlevuActive .hd-Banner_Items{display:flex}.util-KlevuActive .hd-Banner_Item-search{flex-grow:1;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/149/assets/header.css.map */