.announcement-bar-section .utility-bar{min-height:3.4rem;border-color:var(--bopiko-border)}.announcement-bar__message{min-height:3.4rem;padding:.7rem 0;font-family:var(--font-body-family);font-size:1.25rem;font-weight:700;line-height:1.4;letter-spacing:.06em}.announcement-bar__link:hover{text-decoration:none}.announcement-bar__link:hover .announcement-bar__message,.announcement-bar__link:focus-visible .announcement-bar__message{opacity:.76}.header-wrapper{background:rgb(var(--color-background));transition:box-shadow .18s ease,border-color .18s ease}.header-wrapper--border-bottom{border-bottom-color:var(--bopiko-border)}.shopify-section-header-sticky .header-wrapper{border-bottom:.1rem solid var(--bopiko-border);box-shadow:0 .6rem 2rem #332c2a0b}.header__heading-link{border-radius:var(--bopiko-radius-sm)}.header__heading-link .h2{color:var(--bopiko-charcoal);font-family:var(--font-heading-family);font-size:clamp(2.4rem,2vw,3rem);font-weight:var(--font-heading-weight);letter-spacing:-.055em;line-height:1}.header__heading-logo-wrapper,.header__heading-logo{display:block}.header__inline-menu{min-width:0}.header__inline-menu .list-menu--inline{align-items:center;column-gap:.2rem;flex-wrap:wrap}.header__menu-item{min-height:4.4rem;padding:1rem 1.15rem;border-radius:var(--bopiko-radius-sm);color:var(--bopiko-charcoal);font-size:1.45rem;font-weight:600;letter-spacing:.015em;line-height:1.25;transition:color .16s ease,background-color .16s ease}.header__menu-item span{position:relative;text-decoration:none!important}.header__menu-item span:after{content:"";position:absolute;right:0;bottom:-.55rem;left:0;height:.2rem;border-radius:999px;background:var(--bopiko-lavender);opacity:0;transform:scaleX(.45);transition:opacity .16s ease,transform .16s var(--bopiko-ease)}.header__menu-item:hover,.header__menu-item:focus-visible,details[open]>.header__menu-item{color:var(--bopiko-charcoal);background:var(--bopiko-lavender-soft);text-decoration:none}.header__menu-item:hover span:after,.header__menu-item:focus-visible span:after,details[open]>.header__menu-item span:after,.header__active-menu-item:after{opacity:1;transform:scaleX(1)}.header__active-menu-item{color:var(--bopiko-charcoal);font-weight:700;text-decoration:none}.header__submenu.global-settings-popup{min-width:22rem;padding:.8rem;border:.1rem solid var(--bopiko-border);border-radius:var(--bopiko-radius-md);background:var(--bopiko-cream);box-shadow:var(--bopiko-shadow-md)}.header__submenu .header__menu-item{min-height:4.4rem;padding:1rem 1.2rem;border-radius:var(--bopiko-radius-sm)}.header__submenu .header__menu-item:hover,.header__submenu .header__menu-item:focus-visible{background:var(--bopiko-lavender-soft);text-decoration:none}.header__submenu .header__menu-item span:after{content:none}.header__icons{align-items:center;gap:.2rem;padding-right:0}.header__icon{border-radius:50%;color:var(--bopiko-charcoal);transition:color .16s ease,background-color .16s ease,transform .16s var(--bopiko-ease)}.header__icon:hover,.header__icon:focus-visible{color:var(--bopiko-lavender);background:var(--bopiko-lavender-soft)}.header__icon:hover .icon,.modal__close-button:hover .icon{transform:none}.header__icon--cart{margin-right:0}.cart-count-bubble{top:.35rem;right:.15rem;bottom:auto;left:auto;min-width:1.8rem;height:1.8rem;padding:0 .45rem;border:.2rem solid var(--bopiko-cream);background:var(--bopiko-lavender);color:#fff;font-size:.95rem;font-weight:700;line-height:1}.search-modal{min-height:8.2rem;border-color:var(--bopiko-border);background:var(--bopiko-cream);box-shadow:var(--bopiko-shadow-sm)}.search-modal__content{max-width:var(--page-width);margin:0 auto}.search-modal .field__input{background:#ffffff7a}.predictive-search--header{margin-top:.8rem;overflow:hidden;border:.1rem solid var(--bopiko-border);border-radius:var(--bopiko-radius-md);background:var(--bopiko-cream);box-shadow:var(--bopiko-shadow-md)}.search-modal .field__input{min-height:5.6rem;border-radius:var(--bopiko-radius-md);color:var(--bopiko-charcoal)}.search-modal .field:focus-within{border-radius:var(--bopiko-radius-md);outline:.3rem solid var(--bopiko-focus);outline-offset:.2rem}predictive-search .predictive-search{max-height:min(62vh,48rem);border:1px solid var(--bopiko-border);border-radius:var(--bopiko-radius-md);background:#fffdf9;box-shadow:var(--bopiko-shadow-md)}predictive-search .predictive-search__heading{margin-inline:1.6rem;border-bottom-color:var(--bopiko-border);color:var(--bopiko-lavender);font-size:1.1rem;font-weight:750;letter-spacing:.12em}predictive-search .predictive-search__results-groups-wrapper{border-bottom-color:var(--bopiko-border)}predictive-search .predictive-search__item{min-height:4.8rem;padding:1.1rem 1.6rem;border-radius:var(--bopiko-radius-sm);color:var(--bopiko-charcoal)}predictive-search .predictive-search__item--link-with-thumbnail{grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:1.3rem;min-height:8rem}predictive-search .predictive-search__image{width:6rem;height:6rem;border-radius:var(--bopiko-radius-sm);background:var(--bopiko-lavender-soft);object-fit:contain}predictive-search .predictive-search__item-heading{color:var(--bopiko-charcoal);font-size:1.5rem;font-weight:700;line-height:1.3;overflow-wrap:anywhere}predictive-search .bopiko-predictive__product-title{margin:.2rem 0 0;color:#332c2ab8;font-size:1.2rem}predictive-search .predictive-search__list-item[aria-selected=true]>.predictive-search__item,predictive-search .predictive-search__item:hover{background:var(--bopiko-lavender-soft)}predictive-search .predictive-search__item:focus-visible{outline:.3rem solid var(--bopiko-focus);outline-offset:-.3rem}predictive-search .predictive-search__item--term{min-height:5.2rem;border-top:1px solid var(--bopiko-border);word-break:normal;overflow-wrap:anywhere}predictive-search[loading] .predictive-search__loading-state{min-height:5rem;align-items:center}.menu-drawer{border-color:var(--bopiko-border);background:var(--bopiko-cream);box-shadow:var(--bopiko-shadow-md);filter:none}.menu-drawer__navigation{padding:2.2rem 0 3rem}.js .menu-drawer__menu li{margin:.3rem 1.6rem}.menu-drawer__menu-item{min-height:5.6rem;padding:1.4rem 1.6rem;border-radius:var(--bopiko-radius-md);color:var(--bopiko-charcoal);font-family:var(--font-heading-family);font-size:1.8rem;font-weight:700;letter-spacing:-.015em;line-height:1.25}.menu-drawer summary.menu-drawer__menu-item{padding-right:5rem}.menu-drawer__menu-item--active,.menu-drawer__menu-item:focus-visible,.menu-drawer__menu-item:hover,.menu-drawer__close-button:focus-visible,.menu-drawer__close-button:hover{color:var(--bopiko-charcoal);background:var(--bopiko-lavender-soft)}.menu-drawer__menu-item>.icon-arrow{right:1.8rem;color:var(--bopiko-lavender)}.js .menu-drawer__submenu{background:var(--bopiko-cream)}.menu-drawer__close-button{min-height:5.2rem;margin:1.2rem 1.6rem 0;padding:1.2rem 1.6rem;width:calc(100% - 3.2rem);border:0;border-radius:var(--bopiko-radius-md);color:var(--bopiko-charcoal);font-weight:700}.menu-drawer__utility-links{padding:1.6rem 2rem;border-top:.1rem solid var(--bopiko-border);background:var(--bopiko-lavender-soft)}.menu-drawer__account{min-height:4.8rem;padding:1rem 1.2rem;border-radius:var(--bopiko-radius-sm);font-size:1.5rem;font-weight:700}.header .focus-inset:focus-visible,.announcement-bar .focus-inset:focus-visible,.menu-drawer .focus-inset:focus-visible{outline:.3rem solid var(--bopiko-focus);outline-offset:-.3rem;box-shadow:none}@media screen and (min-width:990px){.header--middle-left{grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(2.4rem,4vw,5.6rem)}.header--middle-left .header__inline-menu{justify-self:start;margin-left:0}.header__heading-link{margin-left:-.75rem}}@media screen and (max-width:989px){.header{grid-template-columns:1fr auto 1fr;padding-top:1rem;padding-bottom:1rem}.header__heading,.header__heading-link{justify-self:center}.header__heading-link .h2{font-size:2.5rem}.header__icons{gap:0}.menu-drawer{width:min(100%,40rem);border-right:.1rem solid var(--bopiko-border)}}@media screen and (max-width:374px){.header{padding-right:1rem;padding-left:1rem}.header__icon,.header__icon--cart .icon{width:4rem;height:4rem}.header__heading-link{padding-right:.4rem;padding-left:.4rem}.header__heading-link .h2{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){.header-wrapper,.header__menu-item,.header__menu-item span:after,.header__icon,.menu-drawer,.menu-drawer__submenu{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/bopiko-header.css.map */