:root{--bonthes-blue: #2d2e83;--bonthes-blue-soft: #7482bf;--bonthes-gold: #ab8c52;--bonthes-cream: #f7f5ef;--bonthes-ink: #20213d}::selection{color:#fff;background:var(--bonthes-blue)}.btn{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #2d2e8321}.page-announcement strong{color:inherit;letter-spacing:.02em}.site-header .navlink,.site-header .navlink--toplevel{letter-spacing:.01em}.bonthes-tea-types{overflow:hidden}.bonthes-tea-types__header{max-width:760px;margin:0 auto 34px;text-align:center}.bonthes-tea-types__heading{margin:0 0 12px}.bonthes-tea-types__intro p{margin:0}.bonthes-tea-types__tabs{display:grid;grid-template-columns:repeat(9,minmax(72px,1fr));gap:10px;max-width:1180px;margin:0 auto 42px}.bonthes-tea-types__tab{-webkit-appearance:none;appearance:none;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:8px 4px 10px;color:currentColor;font:inherit;line-height:1.15;text-align:center;background:transparent;border:0;border-radius:18px;cursor:pointer;transition:color .18s ease,background-color .18s ease,transform .18s ease}.bonthes-tea-types__tab:hover,.bonthes-tea-types__tab:focus-visible,.bonthes-tea-types__tab.is-active{color:var(--bonthes-blue);background:#ffffffb8;transform:translateY(-2px)}.bonthes-tea-types__tab:focus-visible{outline:2px solid var(--bonthes-gold);outline-offset:3px}.bonthes-tea-types__swatch{display:grid;width:70px;height:66px;place-items:center;transition:transform .2s ease,filter .2s ease}.bonthes-tea-types__swatch img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(32,33,61,.13))}.bonthes-tea-types__tab:hover .bonthes-tea-types__swatch,.bonthes-tea-types__tab.is-active .bonthes-tea-types__swatch{transform:scale(1.09) rotate(-1deg)}.bonthes-tea-types__stage{display:grid;grid-template-columns:minmax(300px,1.08fr) minmax(280px,.92fr);align-items:center;gap:clamp(38px,7vw,100px);max-width:1080px;margin:0 auto}.bonthes-tea-types__visual-column{position:relative;display:grid;place-items:center;min-height:470px}.bonthes-tea-types__visual-column:before,.bonthes-tea-types__visual-column:after{position:absolute;z-index:0;content:"";pointer-events:none;border-radius:999px}.bonthes-tea-types__visual-column:before{width:74%;height:74%;background:color-mix(in srgb,var(--tea-accent) 28%,transparent);filter:blur(28px);opacity:.72}.bonthes-tea-types__visual-column:after{width:28%;height:28%;right:4%;bottom:8%;background:color-mix(in srgb,var(--bonthes-gold) 20%,transparent);filter:blur(16px)}.bonthes-tea-types__visual-link{position:relative;z-index:1;display:block;width:min(100%,500px)}.bonthes-tea-types__visual{display:block;width:100%;aspect-ratio:1;overflow:hidden;background:var(--tea-accent);filter:drop-shadow(0 24px 34px rgba(32,33,61,.16));-webkit-mask-image:var(--tea-mask);mask-image:var(--tea-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;transition:transform .28s ease,opacity .15s ease}.bonthes-tea-types__visual-link:hover .bonthes-tea-types__visual{transform:scale(1.015) rotate(-.35deg)}.bonthes-tea-types__image{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:opacity .15s ease,transform .42s ease}.bonthes-tea-types__stage.is-changing .bonthes-tea-types__visual,.bonthes-tea-types__stage.is-changing .bonthes-tea-types__content{opacity:.4}.bonthes-tea-types__content{max-width:480px;transition:opacity .15s ease}.bonthes-tea-types__eyebrow{margin:0 0 8px;color:var(--bonthes-gold);font-size:.78em;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.bonthes-tea-types__active-title{margin:0 0 14px;color:var(--bonthes-blue)}.bonthes-tea-types__description{margin:0 0 26px;max-width:42ch}.site-footer-wrapper{border-top:1px solid rgba(171,140,82,.45)}.site-footer .footer__logo__wrapper{margin-bottom:36px}.site-footer .footer__block__title{color:#fff}.site-footer a:hover,.supporting-menu a:hover{color:#d8c59e}.site-footer .rte a{text-decoration-thickness:1px;text-underline-offset:3px}.shopify-section-group-group-pre-footer .newsletter__wrapper{border-top:1px solid rgba(171,140,82,.2)}@media screen and (max-width:1100px){.bonthes-tea-types__tabs{grid-template-columns:repeat(5,minmax(90px,1fr));max-width:760px}}@media screen and (max-width:749px){.bonthes-tea-types__header{margin-bottom:24px}.bonthes-tea-types__tabs{display:flex;justify-content:flex-start;gap:6px;margin:0 -16px 28px;padding:4px 16px 12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.bonthes-tea-types__tabs::-webkit-scrollbar{display:none}.bonthes-tea-types__tab{flex:0 0 92px;scroll-snap-align:center}.bonthes-tea-types__swatch{width:62px;height:58px}.bonthes-tea-types__stage{grid-template-columns:1fr;gap:22px;text-align:center}.bonthes-tea-types__visual-column{min-height:auto}.bonthes-tea-types__visual-link{width:min(88vw,390px)}.bonthes-tea-types__content{margin:0 auto}.bonthes-tea-types__description{margin-right:auto;margin-left:auto}}@media(prefers-reduced-motion:reduce){.bonthes-tea-types *,.btn{transition-duration:.01ms!important}}.logo__img--product-white{display:none}@media screen and (min-width:750px){.template-product .header__wrapper[data-header-transparent]:not(.meganav--visible):not(.js__header__stuck) .header__desktop__upper--reverse .header__desktop__bar__c{--text: #fff;--link: #fff;--link-hover: rgba(255, 255, 255, .82);--text-dark: #fff;--text-light: #fff}.template-product .header__wrapper[data-header-transparent]:not(.meganav--visible):not(.js__header__stuck) .header__desktop__upper--reverse .header__desktop__bar__c .navlink--highlight{--link: #fff;--link-hover: rgba(255, 255, 255, .82)}.template-product .header__wrapper[data-header-transparent]:not(.meganav--visible):not(.js__header__stuck) .header__desktop__bar__r{--text: var(--bonthes-blue);--link: var(--bonthes-blue);--link-hover: var(--bonthes-blue-soft);--text-dark: var(--bonthes-blue);--text-light: var(--bonthes-blue)}.template-product .header__wrapper[data-header-transparent]:not(.meganav--visible):not(.js__header__stuck) .header__logo--product-split .logo__img--color{display:block;opacity:1;-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%)}.template-product .header__wrapper[data-header-transparent]:not(.meganav--visible):not(.js__header__stuck) .header__logo--product-split .logo__img--product-white{display:block;opacity:1;filter:brightness(0) invert(1);-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0)}}@media screen and (min-width:750px){.template-product .header__wrapper[data-header-transparent].bonthes-product-image-is-light:not(.meganav--visible):not(.js__header__stuck) .header__desktop__upper--reverse .header__desktop__bar__c{--text: var(--bonthes-blue);--link: var(--bonthes-blue);--link-hover: var(--bonthes-blue-soft);--text-dark: var(--bonthes-blue);--text-light: var(--bonthes-blue)}.template-product .header__wrapper[data-header-transparent].bonthes-product-image-is-light:not(.meganav--visible):not(.js__header__stuck) .header__logo--product-split .logo__img--product-white{filter:drop-shadow(0 1px 2px rgba(0,0,0,.13))}.template-product .header__wrapper[data-header-transparent].bonthes-product-image-is-dark:not(.meganav--visible):not(.js__header__stuck) .header__logo--product-split .logo__img--product-white{filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.13))}.template-product .header__wrapper[data-header-transparent]:not(.meganav--visible):not(.js__header__stuck) .header__logo--product-split .logo__img--color{filter:drop-shadow(0 1px 2px rgba(0,0,0,.13))}}@media screen and (min-width:1600px){.template-collection .collection-products .grid{--columns: var(--COLUMNS-WIDESCREEN, 4)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/bonthes-custom.css.map */