/*! ========================================
    203 CUSTOM HEADER — floating rounded pill
    Fill lives on <header> / ::before only.
    Wrappers stay transparent so Concept cannot paint a square ear
    past the radius (desktop and mobile).
    Never use 100vw: it is wider than the scrollbar gutter.
    ======================================== */.header-section{--header-float-gutter: clamp(1rem, 2.5vw, 1.75rem);--header-float-radius: 24px;--header-float-top: 10px;background:transparent!important;background-color:transparent!important}.header-section.shopify-section,.shopify-section-group-header-group{background:transparent!important;background-color:transparent!important}.header-section .header,header.header{border-radius:var(--header-float-radius)!important;box-sizing:border-box!important;background:none!important;background-color:transparent!important;width:calc(100% - (var(--header-float-gutter) * 2))!important;max-width:none!important;margin-inline:var(--header-float-gutter)!important;top:var(--header-float-top)!important;overflow:visible}.header-section .header:before{border-radius:inherit!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important}.header-section.header-scrolled .header:before{border-radius:inherit!important}.header-section .header__corner,.header-section .header__cutout{display:none!important}.header-section.header-transparent .header,.header-transparent .header,.header-section.header-transparent.header-scrolled .header,.header-transparent.header-scrolled .header{inset-block-start:var(--header-float-top)!important;top:var(--header-float-top)!important;margin-top:0!important}.header-transparent:not(.header-scrolled) .header,.js :has(.shopify-section:first-child [allow-transparent-header]) .header-section .header{--header-background-opacity: 1;--header-logo-opacity: 1;color:rgb(var(--color-foreground))!important}@media only screen and (max-width:768px){.header-section{--header-float-gutter: clamp(.75rem, 3vw, 1.5rem);--header-float-radius: 12px}.header-section .header,header.header{min-height:60px!important;padding-top:.5rem!important;padding-bottom:.5rem!important}}.header a,.header button,.header [role=button],.header__icon,.header__menu-link{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}#MenuDrawer .drawer__menu-group--shop{padding-inline:var(--sp-5);padding-block-end:var(--sp-3)}
/*# sourceMappingURL=/cdn/shop/t/19/assets/custom-203-header.css.map */