.bayu-header-section,.bayu-header-root{display:contents}.bayu-header{position:relative;z-index:var(--z-header);background:var(--bayu-surface);border-bottom:1px solid var(--bayu-line)}.bayu-header--sticky{position:sticky;top:0}.bayu-header--overlay{margin-bottom:calc(var(--header-h) * -1);background:#14181b59;border-bottom-color:#ffffff14;color:var(--bayu-ink-on-inverse);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.bayu-header-root.is-scrolled .bayu-header--overlay{background:#14181bf5;border-bottom-color:#ffffff1f}.bayu-header--overlay .bayu-brand,.bayu-header--overlay .bayu-icon-btn{color:var(--bayu-ink-on-inverse)}.bayu-header--overlay .bayu-icon-btn:hover{background:#ffffff14}@media(prefers-reduced-motion:reduce){.bayu-header--overlay{transition:none}}.bayu-header__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--header-h)}.bayu-header__left{justify-self:start;display:flex;align-items:center;margin-left:calc(var(--sp-2) * -1)}.bayu-header__brand{justify-self:center;display:flex;align-items:center}.bayu-header__right{justify-self:end;display:flex;align-items:center;gap:0;margin-right:calc(var(--sp-2) * -1)}.bayu-header__cart-count{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--bayu-red);color:#fff;font-size:11px;font-weight:var(--fw-ui);line-height:1}.bayu-nav{display:none}@media(min-width:1024px){.bayu-header__bar{grid-template-columns:1fr auto 1fr;column-gap:var(--sp-6)}.bayu-header__left{visibility:hidden}.bayu-header__menu,.bayu-header__brand{display:none}.bayu-header__right{margin-right:calc(var(--sp-2) * -1)}.bayu-nav{display:block;justify-self:center;min-width:0}.bayu-nav__list{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:var(--sp-6);margin:0;padding:0;list-style:none}.bayu-nav__side{min-width:0}.bayu-nav__pair{display:flex;align-items:center;gap:var(--sp-1);margin:0;padding:0;list-style:none}.bayu-nav__side--left .bayu-nav__pair{justify-content:flex-end}.bayu-nav__side--right .bayu-nav__pair{justify-content:flex-start}.bayu-nav__item{position:relative}.bayu-nav__item--mega{position:static}.bayu-nav__item--brand{display:flex;justify-content:center;padding:0 var(--sp-2)}.bayu-brand--nav{min-height:var(--touch);padding:0 var(--sp-3);border-radius:var(--radius);color:var(--bayu-ink)}.bayu-brand--nav .bayu-brand__text{font-family:var(--font-heading);font-weight:700;font-size:22px;letter-spacing:.14em}.bayu-brand--nav:hover{background:var(--bayu-surface-2)}.bayu-brand--nav:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}.bayu-header--overlay .bayu-brand--nav{color:var(--bayu-ink-on-inverse)}.bayu-header--overlay .bayu-brand--nav:hover{background:#ffffff14}.bayu-nav__link,.bayu-nav__trigger{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:var(--touch);padding:0 var(--sp-4);border-radius:var(--radius);color:var(--bayu-ink);font-family:var(--font-body);font-weight:500;font-size:15px;letter-spacing:.01em;line-height:1;white-space:nowrap;position:relative}.bayu-nav__link:hover,.bayu-nav__trigger:hover,.bayu-nav__item.is-open .bayu-nav__trigger{background:var(--bayu-surface-2)}.bayu-header--overlay .bayu-nav__link,.bayu-header--overlay .bayu-nav__trigger{color:var(--bayu-ink-on-inverse)}.bayu-header--overlay .bayu-nav__link:hover,.bayu-header--overlay .bayu-nav__trigger:hover,.bayu-header--overlay .bayu-nav__item.is-open .bayu-nav__trigger{background:#ffffff14}.bayu-header--overlay .bayu-nav__panel{color:var(--bayu-ink)}.bayu-nav__link:focus-visible,.bayu-nav__trigger:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}.bayu-nav__link[aria-current=page]:after{content:"";position:absolute;left:var(--sp-4);right:var(--sp-4);bottom:6px;height:2px;background:var(--bayu-red)}.bayu-nav__trigger svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-fast) var(--ease)}.bayu-nav__item.is-open .bayu-nav__trigger svg{transform:rotate(180deg)}.bayu-nav__panel{position:absolute;top:calc(100% + var(--sp-1));left:0;z-index:var(--z-dropdown);min-width:240px;padding:var(--sp-2);background:var(--bayu-surface);border:1px solid var(--bayu-line);border-radius:var(--radius-lg);box-shadow:0 12px 32px #14181b1a;color:var(--bayu-ink)}.bayu-nav__panel[hidden]{display:none}.bayu-nav__panel--mega{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,auto);gap:var(--sp-2) var(--sp-6);padding:var(--sp-4) var(--sp-3)}.bayu-nav__panel--mega[hidden]{display:none}.bayu-nav__panel--mega .bayu-nav__group+.bayu-nav__group{margin:0;padding:0 0 0 var(--sp-6);border-top:0;border-left:1px solid var(--bayu-line)}.bayu-nav__side--right .bayu-nav__panel--mega{left:auto;right:0}.bayu-nav__panel--mega .bayu-nav__group ul{display:grid}.bayu-nav__sublink{display:flex;align-items:center;min-height:var(--touch);padding:0 var(--sp-3);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--bayu-ink);white-space:nowrap}.bayu-nav__sublink:hover{background:var(--bayu-surface-2)}.bayu-nav__sublink:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}.bayu-nav__group+.bayu-nav__group{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--bayu-line)}.bayu-nav__group-heading{display:block;padding:var(--sp-2) var(--sp-3) var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-ui);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--bayu-ink-3)}.bayu-nav__panel--shop{top:100%;left:0;right:0;min-width:0;padding:0;border:0;border-top:1px solid var(--bayu-line);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 24px 48px #14181b24}.bayu-nav__panel--shop[hidden]{display:none}.bayu-mega{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--sp-10, 40px);padding:var(--sp-8) 0 var(--sp-8);max-width:880px}.bayu-mega__zone{min-width:0}.bayu-mega__zone+.bayu-mega__zone{padding-left:var(--sp-8);border-left:1px solid var(--bayu-line)}.bayu-mega__heading{margin:0 0 var(--sp-3);font-family:var(--font-heading);font-weight:600;font-size:var(--fs-xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--bayu-ink-3)}.bayu-mega__rows{display:grid;gap:var(--sp-1);margin:0;padding:0;list-style:none}.bayu-mega__row{display:grid;grid-template-columns:56px minmax(0,1fr) 20px;align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--radius-lg);color:var(--bayu-ink);transition:background-color var(--dur-fast) var(--ease)}.bayu-mega__row:hover,.bayu-mega__row:focus-visible{background:var(--bayu-surface-2)}.bayu-mega__row:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}.bayu-mega__row>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;color:var(--bayu-ink-3);transition:transform var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.bayu-mega__row:hover>svg{transform:translate(3px);color:var(--bayu-red)}.bayu-nav-visual__text{display:grid;gap:2px;min-width:0}.bayu-mega__row-title{font-family:var(--font-heading);font-weight:600;font-size:var(--fs-base);line-height:1.2;color:var(--bayu-ink)}.bayu-mega__row-sub{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--bayu-ink-3);line-height:1.3}.bayu-mega__all{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);min-height:48px;margin-bottom:var(--sp-1);padding:0 var(--sp-3);font-family:var(--font-heading);font-weight:600;font-size:var(--fs-base);color:var(--bayu-ink);border-radius:var(--radius-lg);border-bottom:1px solid var(--bayu-line);border-radius:0}.bayu-mega__all svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-fast) var(--ease)}.bayu-mega__all:hover{color:var(--bayu-red)}.bayu-mega__all:hover svg{transform:translate(3px)}.bayu-mega__all:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}.bayu-mega__pict{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-lg);background:var(--bayu-surface-2);color:var(--bayu-ink)}.bayu-cat-icon{width:36px;height:36px;display:block}.bayu-mega__row--customise .bayu-mega__pict{background:var(--bayu-red-soft, #fbeae7)}@media(prefers-reduced-motion:reduce){.bayu-mega__row>svg,.bayu-mega__all svg{transition:none}}}@media(min-width:1024px)and (max-width:1199px){.bayu-mega{gap:var(--sp-6)}.bayu-mega__zone+.bayu-mega__zone{padding-left:var(--sp-6)}.bayu-mega__row{grid-template-columns:56px minmax(0,1fr) 20px}}.bayu-nav-visual__text{display:grid;gap:2px;min-width:0}.bayu-nav-visual__text>span{overflow-wrap:anywhere}.bayu-nav-drawer__pict{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-lg);background:var(--bayu-surface-2);color:var(--bayu-ink)}.bayu-nav-drawer__pict .bayu-cat-icon{width:34px;height:34px;display:block}.bayu-nav-drawer__row--customise .bayu-nav-drawer__pict{background:var(--bayu-red-soft, #fbeae7)}.bayu-nav-drawer__all{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:var(--sp-3);min-height:56px;padding:0 var(--sp-2);margin-bottom:var(--sp-1);border-bottom:1px solid var(--bayu-line);color:var(--bayu-ink)}.bayu-nav-drawer__all>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.bayu-nav-drawer__all:focus-visible{outline:none;box-shadow:inset var(--bayu-focus-ring)}.bayu-brand__image--light,.bayu-header--overlay .bayu-brand__image--dark{display:none}.bayu-header--overlay .bayu-brand__image--light{display:block}.bayu-header--overlay .bayu-brand--has-light .bayu-brand__image--dark,.bayu-footer--dark .bayu-brand__image--dark{display:none}.bayu-footer--dark .bayu-brand__image--light{display:block}.bayu-brand__image{width:var(--logo-w-mobile, var(--logo-w, 96px));height:auto;max-height:none}@media(min-width:1024px){.bayu-brand__image{width:var(--logo-w, 96px)}}.bayu-nav-drawer{width:min(100%,420px)}.bayu-nav-drawer:not(.is-open){pointer-events:none}.bayu-nav-drawer__head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--sp-2)}.bayu-nav-drawer__head .bayu-brand{justify-self:center}.bayu-nav-drawer__head .bayu-icon-btn:last-child{justify-self:end}.bayu-nav-drawer__head .bayu-icon-btn:first-child{justify-self:start}.bayu-nav-drawer__body{padding:var(--sp-2) 0 calc(var(--sp-6) + env(safe-area-inset-bottom,0px));overflow-x:hidden}.bayu-nav-drawer__heading{margin:var(--sp-4) var(--sp-4) var(--sp-2);font-family:var(--font-heading);font-weight:600;font-size:var(--fs-xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--bayu-ink-3)}.bayu-nav-drawer__rows,.bayu-nav-drawer__primary,.bayu-nav-drawer__sublist{display:flex;flex-direction:column;margin:0;padding:0 var(--sp-2);list-style:none}.bayu-nav-drawer__primary>li{min-width:0}.bayu-nav-drawer__row{display:grid;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:var(--sp-3);min-height:64px;padding:var(--sp-2);border-radius:var(--radius-lg);color:var(--bayu-ink)}.bayu-nav-drawer__row--icon{grid-template-columns:40px minmax(0,1fr) 20px;min-height:60px}.bayu-nav-drawer__toggle{width:100%;border:0;background:none;font:inherit;text-align:left;cursor:pointer}.bayu-nav-drawer__toggle>svg{transition:transform var(--dur-fast) var(--ease)}.bayu-nav-drawer__toggle[aria-expanded=true]>svg{transform:rotate(180deg);color:var(--bayu-ink)}.bayu-nav-drawer__section.is-open>.bayu-nav-drawer__toggle{background:var(--bayu-surface-2)}.bayu-nav-drawer__panel{padding:var(--sp-1) 0 var(--sp-3)}.bayu-nav-drawer__panel[hidden]{display:none}.bayu-nav-drawer__panel:not([hidden]){animation:bayu-drawer-panel-in var(--dur) var(--ease)}@keyframes bayu-drawer-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.bayu-nav-drawer__section+li,.bayu-nav-drawer__primary>li+.bayu-nav-drawer__section{border-top:1px solid var(--bayu-line)}.bayu-nav-drawer__section.is-open{padding-bottom:var(--sp-2)}.bayu-nav-drawer__sublist{padding-inline:var(--sp-2)}.bayu-nav-drawer__sublink{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:var(--sp-3);min-height:48px;padding:0 var(--sp-2) 0 var(--sp-4);border-radius:var(--radius);font-family:var(--font-body);font-weight:500;font-size:var(--fs-base);color:var(--bayu-ink)}.bayu-nav-drawer__sublink>span{min-width:0;overflow-wrap:anywhere}.bayu-nav-drawer__sublink>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;color:var(--bayu-ink-3)}.bayu-nav-drawer__sublink:hover{background:var(--bayu-surface-2)}.bayu-nav-drawer__sublink:focus-visible{outline:none;box-shadow:inset var(--bayu-focus-ring)}.bayu-nav-drawer__sublink[aria-current=page]>span{color:var(--bayu-red)}.bayu-nav-drawer__row:hover{background:var(--bayu-surface-2)}.bayu-nav-drawer__row:focus-visible{outline:none;box-shadow:inset var(--bayu-focus-ring)}.bayu-nav-drawer__row[aria-current=page] .bayu-nav-drawer__row-title{color:var(--bayu-red)}.bayu-nav-drawer__row>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;color:var(--bayu-ink-3)}.bayu-nav-drawer__ico{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--radius);background:var(--bayu-surface-2);color:var(--bayu-ink)}.bayu-nav-drawer__ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.bayu-nav-drawer__row-title{font-family:var(--font-heading);font-weight:600;font-size:var(--fs-base);line-height:1.2;min-width:0;overflow-wrap:anywhere}.bayu-nav-drawer__row-sub{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--bayu-ink-3);line-height:1.3}.bayu-nav-drawer__primary{margin-top:var(--sp-1)}.bayu-nav-drawer__utilities{margin:var(--sp-4) var(--sp-2) 0;padding:var(--sp-2) 0 0;border-top:1px solid var(--bayu-line);list-style:none}.bayu-nav-drawer__utility{display:flex;align-items:center;gap:var(--sp-3);min-height:48px;padding:0 var(--sp-2);font-size:var(--fs-base);color:var(--bayu-ink-2);border-radius:var(--radius)}.bayu-nav-drawer__utility svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.bayu-nav-drawer__utility:focus-visible{outline:none;box-shadow:inset var(--bayu-focus-ring)}@media(min-width:1024px){.bayu-nav-drawer,.bayu-overlay[data-nav-overlay]{display:none!important}}@media(prefers-reduced-motion:reduce){.bayu-nav-drawer__panel:not([hidden]){animation:none}.bayu-nav-drawer__toggle>svg{transition:none}}.bayu-announcement{background:var(--bayu-surface-inverse);color:var(--bayu-ink-on-inverse);font-size:var(--fs-sm);line-height:var(--lh-snug)}.bayu-announcement[hidden]{display:none}.bayu-announcement__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-2);min-height:40px;padding-block:var(--sp-2)}.bayu-announcement__text{margin:0;text-align:center;grid-column:1 / -1}.bayu-announcement__link{color:inherit;text-decoration:underline;text-underline-offset:.15em;margin-left:var(--sp-2);white-space:nowrap}.bayu-announcement__link:hover{text-decoration-thickness:2px}.bayu-announcement__link:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bayu-surface-inverse),0 0 0 4px var(--bayu-ink-on-inverse);border-radius:2px}.bayu-announcement__dismiss{color:inherit;margin-right:calc(var(--sp-2) * -1)}.bayu-announcement__dismiss:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bayu-surface-inverse),0 0 0 4px var(--bayu-ink-on-inverse)}.bayu-announcement__dismiss svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.bayu-announcement__inner:has(.bayu-announcement__dismiss) .bayu-announcement__text{grid-column:1;text-align:left}@media(min-width:600px){.bayu-announcement__inner:has(.bayu-announcement__dismiss) .bayu-announcement__text{text-align:center;padding-left:var(--touch)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/bayu-header.css.map */