.header{position:sticky;top:0;z-index:var(--z-header);background:var(--bd-ivory);border-bottom:1px solid rgba(27,46,27,.06);transition:background var(--duration-base) ease,box-shadow var(--duration-base) ease,backdrop-filter var(--duration-base) ease}.header.is-scrolled{background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 2px 16px #1b2e1b0f}.header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;max-width:var(--max-width);margin:0 auto;padding:0 var(--page-padding);gap:var(--space-8)}.header__left{display:flex;align-items:center;gap:var(--space-8)}.header__logo{flex-shrink:0}.header__logo a{display:flex;align-items:center;text-decoration:none}.header__logo img{display:block;height:auto}.header__logo-text{font-family:var(--font-heading);font-size:24px;font-weight:var(--weight-regular);color:var(--bd-deep);letter-spacing:var(--tracking-wider);text-transform:uppercase}.header__nav{flex:1;display:flex;justify-content:flex-start}.header__nav-list{display:flex;align-items:center;gap:var(--space-8);list-style:none;margin:0;padding:0}.header__nav-item{position:relative}.header__nav-link{font-family:var(--font-body);font-size:11px;font-weight:var(--weight-medium);color:var(--bd-charcoal);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;padding:var(--space-2) 0;position:relative;transition:color var(--duration-fast) ease}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-cta);transition:width var(--duration-base) var(--ease-out-expo)}.header__nav-link:hover:after,.header__nav-link.is-active:after{width:100%}.header__nav-link:hover{color:var(--color-cta)}.header__dropdown{position:absolute;top:100%;left:-12px;min-width:200px;padding-top:var(--space-2);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .25s ease,visibility .25s ease,transform .25s var(--ease-out-expo)}.header__nav-item.has-dropdown:hover .header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header__dropdown-list{list-style:none;margin:0;padding:var(--space-3) 0;background:var(--bd-ivory);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);border:1px solid rgba(27,46,27,.06)}.header__dropdown-link{display:block;font-family:var(--font-body);font-size:var(--text-sm);color:var(--bd-charcoal);text-decoration:none;padding:10px 20px;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.header__dropdown-link:hover{color:var(--color-cta);background:var(--bd-cream)}.header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4)}.header__icon{color:var(--bd-charcoal);text-decoration:none;display:flex;align-items:center;padding:4px;transition:color var(--duration-fast) ease}.header__icon:hover{color:var(--color-cta)}.header__cart{position:relative}.header__cart-count{position:absolute;top:-4px;right:-6px;background:var(--color-cta);color:var(--color-cta-text);font-family:var(--font-body);font-size:10px;font-weight:var(--weight-bold);min-width:18px;height:18px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;line-height:1}.header__cart-count:empty,.header__cart-count[data-count="0"]{display:none}.header__menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--bd-charcoal);padding:4px;align-items:center;justify-content:center;width:40px;height:40px}.header__tabs{background:var(--bd-deep);border-top:1px solid rgba(255,255,255,.06);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.header__tabs::-webkit-scrollbar{display:none}.header__tabs-inner{max-width:var(--max-width);margin:0 auto;padding:6px 24px;display:flex;align-items:center;justify-content:center;gap:0}.header__tab{display:inline-flex;align-items:center;gap:10px;text-decoration:none;padding:10px 22px;white-space:nowrap;transition:all .25s ease;position:relative;border-radius:var(--radius-sm)}.header__tab:hover{background:#2d8c4e14}.header__tab-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0;transition:all .25s ease}.header__tab-icon--coffee{background:#2d8c4e1f;color:var(--bd-gold-light)}.header__tab:hover .header__tab-icon--coffee{background:#2d8c4e33}.header__tab-icon--matcha{background:#6b8f7126;color:var(--bd-sage-light)}.header__tab:hover .header__tab-icon--matcha{background:#6b8f7140}.header__tab-icon--cacao{background:#ffffff0f;color:#faf7f24d}.header__tab-icon--gift{background:#2d8c4e1f;color:var(--color-cta)}.header__tab:hover .header__tab-icon--gift{background:#2d8c4e33}.header__tab-icon svg{flex-shrink:0}.header__tab-text{display:flex;flex-direction:column;gap:1px}.header__tab-name{font-family:var(--font-body);font-size:11px;font-weight:var(--weight-semibold);color:var(--bd-cream);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px}.header__tab-desc{font-family:var(--font-body);font-size:10px;font-weight:var(--weight-regular);color:#faf7f266;letter-spacing:.02em}.header__tab:hover .header__tab-name{color:var(--color-cta)}.header__tab--soon{cursor:default;opacity:.5}.header__tab--soon:hover{background:transparent}.header__tab--soon .header__tab-name,.header__tab--soon:hover .header__tab-name{color:#faf7f259}.header__tab-badge{font-size:8px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:#faf7f280;background:#faf7f233;padding:2px 6px;border-radius:var(--radius-xs);line-height:1.3}.header__tab--promo .header__tab-name{color:var(--color-cta)}.header__tab--promo .header__tab-desc{color:#6b8f71b3;font-weight:var(--weight-medium)}.header__tab-pulse{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-cta);animation:tabPulse 2s infinite}.header__tab-sep{width:1px;height:24px;background:#ffffff14;flex-shrink:0;margin:0 4px}.header__drawer{position:fixed;top:0;left:0;width:320px;height:100vh;background:var(--bd-ivory);z-index:10000;transform:translate(-100%);transition:transform .4s var(--ease-out-expo);overflow-y:auto;box-shadow:8px 0 40px #1b2e1b1f}.header__drawer.is-open{transform:translate(0)}.header__drawer-inner{padding:28px}.header__drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.header__drawer-title{font-family:var(--font-heading);font-size:22px;font-weight:var(--weight-regular);color:var(--bd-deep);letter-spacing:.04em}.header__drawer-close{background:none;border:none;cursor:pointer;color:var(--bd-charcoal);padding:4px}.header__drawer-nav{display:flex;flex-direction:column}.header__drawer-section-title{font-family:var(--font-body);font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.12em;color:#1c1c1c66;padding:0 0 8px;margin-bottom:4px}.header__drawer-link{font-family:var(--font-body);font-size:16px;font-weight:var(--weight-medium);color:var(--bd-charcoal);text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(27,46,27,.06);display:flex;align-items:center;justify-content:space-between}.header__drawer-link:hover{color:var(--color-cta)}.header__drawer-link--disabled{color:#1c1c1c59;pointer-events:none}.header__drawer-tag{font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--bd-white);background:var(--color-cta);padding:3px 8px;border-radius:var(--radius-xs)}.header__drawer-tag--new{background:var(--bd-deep)}.header__drawer-tag--soon{background:#1c1c1c40}.header__drawer-tag--promo{background:var(--bd-sage)}.header__drawer-link--promo{color:var(--color-cta);font-weight:var(--weight-semibold)}.header__drawer-divider{height:1px;background:#1b2e1b0f;margin:12px 0}.header__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b2e1b66;z-index:9999;opacity:0;visibility:hidden;transition:opacity var(--duration-base) ease,visibility 0s linear var(--duration-base);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.header__overlay.is-visible{opacity:1;visibility:visible;transition:opacity var(--duration-base) ease,visibility 0s}@media(max-width:989px){.header__menu-toggle{display:flex}.header__nav,.header__icon--desktop{display:none}.header__tabs-inner{justify-content:flex-start;padding:6px 16px}.header__tab{padding:8px 14px}.header__tab-icon{width:28px;height:28px}.header__tab-icon svg{width:14px;height:14px}.header__tab-name{font-size:10px}.header__tab-desc{font-size:9px}.header__tab-sep{height:20px}}@media(max-width:599px){.header__inner{height:56px;padding:0 16px}.header__logo-text{font-size:20px}.header__tabs-inner{padding:4px 12px;gap:0}.header__tab{padding:6px 8px;gap:6px}.header__tab-icon{width:24px;height:24px;border-radius:var(--radius-xs)}.header__tab-icon svg{width:12px;height:12px}.header__tab-text{gap:0}.header__tab-name{font-size:10px;letter-spacing:.02em}.header__tab-desc{display:none}.header__tab-badge{font-size:7px;padding:1px 4px}.header__tab-sep{height:16px;margin:0 2px}.header__tab-pulse{width:6px;height:6px;top:4px;right:4px}.header__drawer{width:100%}}@media(min-width:990px){.header__drawer,.header__overlay{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-header.css.map */