:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link) { border:2px solid; padding:.667em 1.333em }
:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)) { color:currentColor }
:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)) { background-color:initial; background-image:none }
}
@supports (-webkit-touch-callout:inherit) { .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax { background-attachment:scroll }
}
:root :where(.wp-block-cover h1:not(.has-text-color)),:root :where(.wp-block-cover h2:not(.has-text-color)),:root :where(.wp-block-cover h3:not(.has-text-color)),:root :where(.wp-block-cover h4:not(.has-text-color)),:root :where(.wp-block-cover h5:not(.has-text-color)),:root :where(.wp-block-cover h6:not(.has-text-color)),:root :where(.wp-block-cover p:not(.has-text-color)) { color:inherit }
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) { .wp-block-image.is-style-circle-mask img { border-radius:0; -webkit-mask-image:url('data:image/svg+xml; utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); mask-image:url('data:image/svg+xml; utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); mask-mode:alpha; -webkit-mask-position:center; mask-position:center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:contain; mask-size:contain }
}
:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img) { border-radius:9999px }
@keyframes show-content-image { 0% { visibility:hidden }
99% { visibility:hidden }
to { visibility:visible }
}
@keyframes turn-on-visibility { 0% { opacity:0 }
to { opacity:1 }
}
@keyframes turn-off-visibility { 0% { opacity:1; visibility:visible }
99% { opacity:0; visibility:visible }
to { opacity:0; visibility:hidden }
}
@keyframes lightbox-zoom-in { 0% { transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)) }
to { transform:translate(-50%,-50%) scale(1) }
}
@keyframes lightbox-zoom-out { 0% { transform:translate(-50%,-50%) scale(1); visibility:visible }
99% { visibility:visible }
to { transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); visibility:hidden }
}
:root :where(.wp-block-latest-posts.is-grid) { padding:0 }
:root :where(.wp-block-latest-posts.wp-block-latest-posts__list) { padding-left:0 }
ol,ul { box-sizing:border-box }
:root :where(.wp-block-list.has-background) { padding:1.25em 2.375em }
}
}
@keyframes overlay-menu__fade-in-animation { 0% { opacity:0; transform:translateY(.5em) }
to { opacity:1; transform:translateY(0) }
}
:root :where(p.has-background) { padding:1.25em 2.375em }
:where(p.has-text-color:not(.has-link-color)) a { color:inherit }
:where(.wp-block-post-comments-form) input:not([type=submit]),:where(.wp-block-post-comments-form) textarea { border:1px solid #949494; font-family:inherit; font-size:1em }
:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])),:where(.wp-block-post-comments-form) textarea { padding:calc(.667em + 2px) }
:root :where(.wp-block-separator.is-style-dots) { height:auto; line-height:1; text-align:center }
:root :where(.wp-block-separator.is-style-dots):before { color:currentColor; content:"···"; font-family:serif; font-size:1.5em; letter-spacing:2em; padding-left:2em }
:root :where(.wp-block-site-logo.is-style-rounded) { border-radius:9999px }
:root :where(.wp-block-social-links .wp-social-link a) { padding:.25em }
:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a) { padding:0 }
:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a) { padding-left:.6666666667em; padding-right:.6666666667em }
:root :where(.wp-block-tag-cloud.is-style-outline) { display:flex; flex-wrap:wrap; gap:1ch }
:root :where(.wp-block-tag-cloud.is-style-outline a) { border:1px solid; font-size:unset!important; margin-right:0; padding:1ch 2ch; text-decoration:none!important }
:root :where(.wp-block-table-of-contents) { box-sizing:border-box }
@supports (position:sticky) { .wp-block-video [poster] { object-fit:cover }
}
:root { --wp--preset--font-size--normal:16px; --wp--preset--font-size--huge:42px }
.screen-reader-text { border:0; clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; word-wrap:normal!important }
.screen-reader-text:focus { background-color:#ddd; clip-path:none; color:#444; display:block; font-size:1em; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000 }
html :where(.has-border-color) { border-style:solid }
html :where([style*=border-top-color]) { border-top-style:solid }
html :where([style*=border-right-color]) { border-right-style:solid }
html :where([style*=border-bottom-color]) { border-bottom-style:solid }
html :where([style*=border-left-color]) { border-left-style:solid }
html :where([style*=border-width]) { border-style:solid }
html :where([style*=border-top-width]) { border-top-style:solid }
html :where([style*=border-right-width]) { border-right-style:solid }
html :where([style*=border-bottom-width]) { border-bottom-style:solid }
html :where([style*=border-left-width]) { border-left-style:solid }
html :where(img[class*=wp-image-]) { height:auto; max-width:100% }
html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px) }
@media screen and (max-width:600px) {
html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset:0px }
}
@keyframes spin { 0% { transform:rotate(0deg) }
to { transform:rotate(1turn) }
}
.related-products ul.products,.woocommerce ul.products { display:grid; gap:var(--spacing-lg); grid-template-columns:repeat(3,1fr); list-style:none; margin:0; padding:0 }
@media(max-width:1200px) {
.related-products ul.products,.woocommerce ul.products { grid-template-columns:repeat(3,1fr) }
}
@media(max-width:768px) {
.related-products ul.products,.woocommerce ul.products { grid-template-columns:repeat(2,1fr) }
}
@media(max-width:480px) {
.related-products ul.products,.woocommerce ul.products { gap:var(--spacing-sm) }
}
.related-products ul.products:before,.woocommerce ul.products:before { display:none!important }
.product-block .product-block-content .products li,.related-products ul.products li.product,.woocommerce ul.products li.product { box-sizing:border-box; display:flex; flex-direction:column; float:none!important; margin:0!important; overflow:hidden; padding:var(--spacing-sm); position:relative; text-align:left; width:100%!important }
@media(max-width:767.98px) {
.product-block .product-block-content .products li,.related-products ul.products li.product,.woocommerce ul.products li.product { margin-bottom:40px!important; padding:0 }
}
@media(min-width:769px)and (hover:hover)and (pointer:fine) {
.product-block .product-block-content .products li:hover .woocommerce-loop-product__link img,.related-products ul.products li.product:hover .woocommerce-loop-product__link img,.woocommerce ul.products li.product:hover .woocommerce-loop-product__link img { transform:scale(1.05); transition:transform .3s ease }
.product-block .product-block-content .products li:hover .product-hover-overlay,.related-products ul.products li.product:hover .product-hover-overlay,.woocommerce ul.products li.product:hover .product-hover-overlay { opacity:1; visibility:visible }
.product-block .product-block-content .products li:hover .variation-name-price,.related-products ul.products li.product:hover .variation-name-price,.woocommerce ul.products li.product:hover .variation-name-price { display:none }
}
.product-block .product-block-content .products li .woocommerce-loop-product__link,.related-products ul.products li.product .woocommerce-loop-product__link,.woocommerce ul.products li.product .woocommerce-loop-product__link { display:flex; flex-direction:column; flex-grow:1; text-decoration:none }
.product-block .product-block-content .products li .woocommerce-loop-product__link img,.related-products ul.products li.product .woocommerce-loop-product__link img,.woocommerce ul.products li.product .woocommerce-loop-product__link img { aspect-ratio:1; display:block; height:auto; margin-bottom:var(--spacing-sm); -o-object-fit:cover; object-fit:cover; width:100% }
.product-block .product-block-content .products li .woocommerce-loop-product__link .woocommerce-loop-product__title,.related-products ul.products li.product .woocommerce-loop-product__link .woocommerce-loop-product__title,.woocommerce ul.products li.product .woocommerce-loop-product__link .woocommerce-loop-product__title { color:var(--color-primary-heading); font-family:var(--font-family-display); font-size:var(--font-size-text-md); font-weight:500; line-height:1.2; margin-bottom:var(--spacing-xs); text-align:center }
.product-block .product-block-content .products li .woocommerce-loop-product__link .price,.related-products ul.products li.product .woocommerce-loop-product__link .price,.woocommerce ul.products li.product .woocommerce-loop-product__link .price { color:var(--color-primary-heading); display:block; font-size:var(--font-size-text-md); font-weight:500; margin-bottom:var(--spacing-sm); text-align:center }
.product-block .product-block-content .products li .button,.related-products ul.products li.product .button,.woocommerce ul.products li.product .button { align-items:center; background-color:var(--color-btn-bg); border:1px solid transparent; box-sizing:border-box; color:var(--color-white); cursor:pointer; display:inline-flex; font-family:var(--font-family-body); font-size:var(--font-size-text-md); font-weight:400; justify-content:center; letter-spacing:1px; line-height:2.66em; padding:0 34px; text-align:center; text-decoration:none; text-transform:uppercase; transition:all .2s ease; width:auto }
.product-block .product-block-content .products li .button:focus,.product-block .product-block-content .products li .button:hover,.related-products ul.products li.product .button:focus,.related-products ul.products li.product .button:hover,.woocommerce ul.products li.product .button:focus,.woocommerce ul.products li.product .button:hover { background-color:transparent; border-color:var(--color-btn-bg); color:var(--color-btn-bg) }
.product-block .product-block-content .products li .button:active,.related-products ul.products li.product .button:active,.woocommerce ul.products li.product .button:active { background-color:var(--color-btn-bg); border-color:var(--color-btn-bg); color:var(--color-white); opacity:.9 }
.product-block .product-block-content .products li .button,.related-products ul.products li.product .button,.woocommerce ul.products li.product .button { margin-top:auto; width:100% }
@media(max-width:767.98px) {
.product-block .product-block-content .products li .button,.related-products ul.products li.product .button,.woocommerce ul.products li.product .button { padding:0 var(--spacing-xs) }
}
@keyframes spin { 0% { transform:rotate(0deg) }
to { transform:rotate(1turn) }
}
.related-products .section-header { align-items:center; display:flex; justify-content:space-between; margin-bottom:var(--spacing-lg) }
.related-products .section-header h2 { color:var(--color-primary-heading); font-family:var(--font-family-body); font-size:var(--font-size-text-xl); margin:0 }
.related-products .section-header .view-more-link { align-items:center; color:var(--color-link-hover); display:flex; font-family:var(--font-family-body); font-size:var(--font-size-text-md); font-weight:500; gap:var(--spacing-xs); text-decoration:none; transition:color var(--transition-speed) }
.related-products .section-header .view-more-link svg { height:16px; transition:transform var(--transition-speed); width:16px }
.related-products .section-header .view-more-link:hover { color:var(--color-link) }
.related-products .section-header .view-more-link:hover svg { transform:translateX(4px) }
.related-products { margin:var(--spacing-xl) 0 }
@media(min-width:992px) {
.related-products ul.products { grid-template-columns:repeat(4,1fr) }
}
button.pswp__button { box-shadow:none!important; background-image:url('https://tearoom.com.ua/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png')!important }
button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover { background-color:transparent!important }
button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover { background-image:none!important }
button.pswp__button--close:hover { background-position:0 -44px }
button.pswp__button--zoom:hover { background-position:-88px 0 }
.pswp { display:none; position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; -ms-touch-action:none; touch-action:none; z-index:1500; -webkit-text-size-adjust:100%; -webkit-backface-visibility:hidden; outline:0 }
.pswp * { -webkit-box-sizing:border-box; box-sizing:border-box }
.pswp__bg { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; will-change:opacity }
.pswp__scroll-wrap { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden }
.pswp__container,.pswp__zoom-wrap { -ms-touch-action:none; touch-action:none; position:absolute; left:0; right:0; top:0; bottom:0 }
.pswp__container,.pswp__img { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none }
.pswp__bg { will-change:opacity; -webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1); transition:opacity 333ms cubic-bezier(.4,0,.22,1) }
.pswp__container,.pswp__zoom-wrap { -webkit-backface-visibility:hidden }
.pswp__item { position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden }
.pswp__button { width:44px; height:44px; position:relative; background:0 0; cursor:pointer; overflow:visible; -webkit-appearance:none; display:block; border:0; padding:0; margin:0; float:left; opacity:.75; -webkit-transition:opacity .2s; transition:opacity .2s; -webkit-box-shadow:none; box-shadow:none }
.pswp__button:focus,.pswp__button:hover { opacity:1 }
.pswp__button:active { outline:0; opacity:.9 }
.pswp__button::-moz-focus-inner { padding:0; border:0 }
.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before { background:url('https://tearoom.com.ua/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png') 0 0 no-repeat; background-size:264px 88px; width:44px; height:44px }
.pswp__button--close { background-position:0 -44px }
.pswp__button--share { background-position:-44px -44px }
.pswp__button--fs { display:none }
.pswp__button--zoom { display:none; background-position:-88px 0 }
.pswp__button--arrow--left,.pswp__button--arrow--right { background:0 0; top:50%; margin-top:-50px; width:70px; height:100px; position:absolute }
.pswp__button--arrow--left { left:0 }
.pswp__button--arrow--right { right:0 }
.pswp__button--arrow--left:before,.pswp__button--arrow--right:before { content:''; top:35px; background-color:rgba(0,0,0,.3); height:30px; width:32px; position:absolute }
.pswp__button--arrow--left:before { left:6px; background-position:-138px -44px }
.pswp__button--arrow--right:before { right:6px; background-position:-94px -44px }
.pswp__counter,.pswp__share-modal { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.pswp__share-modal { display:block; background:rgba(0,0,0,.5); width:100%; height:100%; top:0; left:0; padding:10px; position:absolute; z-index:1600; opacity:0; -webkit-transition:opacity .25s ease-out; transition:opacity .25s ease-out; -webkit-backface-visibility:hidden; will-change:opacity }
.pswp__share-modal--hidden { display:none }
.pswp__share-tooltip { z-index:1620; position:absolute; background:#fff; top:56px; border-radius:2px; display:block; width:auto; right:44px; -webkit-box-shadow:0 2px 5px rgba(0,0,0,.25); box-shadow:0 2px 5px rgba(0,0,0,.25); -webkit-transform:translateY(6px); -ms-transform:translateY(6px); transform:translateY(6px); -webkit-transition:-webkit-transform .25s; transition:transform .25s; -webkit-backface-visibility:hidden; will-change:transform }
.pswp__counter { position:relative; left:0; top:0; height:44px; font-size:13px; line-height:44px; color:#fff; opacity:.75; padding:0 10px; margin-inline-end:auto }
.pswp__caption { position:absolute; left:0; bottom:0; width:100%; min-height:44px }
.pswp__caption__center { text-align:left; max-width:420px; margin:0 auto; font-size:13px; padding:10px; line-height:20px; color:#ccc }
.pswp__preloader { width:44px; height:44px; position:absolute; top:0; left:50%; margin-left:-22px; opacity:0; -webkit-transition:opacity .25s ease-out; transition:opacity .25s ease-out; will-change:opacity; direction:ltr }
.pswp__preloader__icn { width:20px; height:20px; margin:12px }
@media screen and (max-width:1024px) {
.pswp__preloader { position:relative; left:auto; top:auto; margin:0; float:right }
}
@-webkit-keyframes clockwise { 0% { -webkit-transform:rotate(0); transform:rotate(0) }
100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) }
}
@keyframes clockwise { 0% { -webkit-transform:rotate(0); transform:rotate(0) }
100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) }
}
@-webkit-keyframes donut-rotate { 0% { -webkit-transform:rotate(0); transform:rotate(0) }
50% { -webkit-transform:rotate(-140deg); transform:rotate(-140deg) }
100% { -webkit-transform:rotate(0); transform:rotate(0) }
}
@keyframes donut-rotate { 0% { -webkit-transform:rotate(0); transform:rotate(0) }
50% { -webkit-transform:rotate(-140deg); transform:rotate(-140deg) }
100% { -webkit-transform:rotate(0); transform:rotate(0) }
}
.pswp__ui { -webkit-font-smoothing:auto; visibility:visible; opacity:1; z-index:1550 }
.pswp__top-bar { position:absolute; left:0; top:0; height:44px; width:100%; display:flex; justify-content:flex-end }
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar { -webkit-backface-visibility:hidden; will-change:opacity; -webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1); transition:opacity 333ms cubic-bezier(.4,0,.22,1) }
.pswp__caption,.pswp__top-bar { background-color:rgba(0,0,0,.5) }
.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar { opacity:.001 }








.header-top-bar { background-color:var(--color-light-gray); font-size:var(--font-size-text-sm); position:relative; transition:all var(--transition-speed); z-index:2 }
.header-top-bar .container { align-items:center; display:flex; justify-content:flex-end; padding:var(--spacing-xs) }
.header-top-bar .announcement-bar { background-color:var(--color-btn-bg); color:var(--pine-green-025); font-size:var(--font-size-text-sm); line-height:1.4; padding:var(--spacing-xs) 0 }
.header-top-bar .announcement-bar .container { align-items:center; display:flex; justify-content:center; padding:0 }
.header-top-bar .announcement-bar .announcement-content { text-align:center }
.header-top-bar .announcement-bar .announcement-content strong { font-weight:600 }
.header-top-bar .announcement-bar .announcement-content p { margin:0 }
.header-social-links { display:flex; gap:var(--spacing-xs); margin-right:20px }
.header-social-links a { align-items:center; color:var(--color-link-hover); display:flex; justify-content:center; position:relative; transition:color var(--transition-speed) }
.header-social-links a svg { max-height:24px; max-width:24px; position:relative; z-index:1 }
.header-social-links a:before { background-color:#e9ebe7; border-radius:50%; content:""; height:36px; left:50%; position:absolute; top:50%; transform:translate(-50%,-50%) scale(0); transition:transform var(--transition-speed); width:36px; z-index:0 }
.header-social-links a:hover { color:var(--color-link) }
.header-social-links a:hover:before { transform:translate(-50%,-50%) scale(1) }
.header-top-actions { gap:var(--spacing-sm) }
.header-top-actions a { color:var(--color-link-hover); font-family:var(--font-family-display); font-weight:500; transition:color var(--transition-speed) }
.header-top-actions a:hover { color:var(--color-link) }
.site-header { left:0; position:fixed; right:0; top:0; transition:all var(--transition-speed); width:100%; z-index:9999 }
body:not(.home) .site-header .site-header-main { align-items:center; box-sizing:border-box; display:flex; flex-direction:row; justify-content:flex-start; margin:0 auto; max-width:1200px; padding:0 var(--spacing-xs); width:100% }
@media(max-width:767.98px) {
body:not(.home) .site-header .site-header-main { padding:0 var(--spacing-sm) }
}
body:not(.home) .site-header .site-header-main .site-branding { align-items:center; display:flex; gap:var(--spacing-sm); margin-bottom:0; margin-right:var(--spacing-md); padding:var(--spacing-xs) 0 }
body:not(.home) .site-header .site-header-main .site-branding .custom-logo { max-height:50px; width:auto }
body:not(.home) .site-header .site-header-main .site-branding .site-name { color:var(--color-primary-heading); display:inline-block; font-family:var(--font-family-display); font-size:var(--font-size-text-lg); font-weight:600; margin-left:var(--spacing-xs); white-space:nowrap }
@media(max-width:768px) {
body:not(.home) .site-header .site-header-main .site-branding .site-name { display:none }
}
.site-header .site-header-main { align-items:center; background-color:var(--color-background); display:flex; flex-direction:column; justify-content:space-between; padding:var(--spacing-xl) 0 var(--spacing-md); z-index:1 }
.site-header .site-header-main .site-branding { align-items:center; display:flex; margin-bottom:var(--spacing-md) }
.site-header .site-header-main .site-branding .custom-logo-link { align-items:center; display:flex; text-decoration:none }
.site-header .site-header-main .site-branding .custom-logo-link:active,.site-header .site-header-main .site-branding .custom-logo-link:focus,.site-header .site-header-main .site-branding .custom-logo-link:hover { opacity:1; transform:none }
.site-header .site-header-main .site-branding .custom-logo-link img { display:block; max-height:95px; max-width:95px; width:auto }
@media(max-width:768px) {
.site-header .site-header-main .site-branding .custom-logo-link img { max-height:50px; max-width:50px }
}
.site-header .site-header-main .site-branding .custom-logo-link .site-name { display:none }
.main-navigation { align-items:center; display:flex; flex:1; justify-content:flex-end }
.main-navigation>ul>li>a { color:var(--neutral-grey-850); font-family:var(--font-family-body); line-height:1; padding:var(--spacing-xs) var(--spacing-sm)!important }
@media(max-width:768px) {
.main-navigation>ul>li>a { line-height:32px }
}
.main-navigation>ul>li>a:hover { background-color:#f7f8f3; color:var(--color-btn-bg) }
.main-navigation ul { display:flex; list-style:none; margin:0; padding:0 }
.main-navigation ul li { margin:0; position:relative }
.main-navigation ul li a { color:var(--color-primary-heading); display:block; font-family:var(--font-family-body); font-size:var(--font-size-text-sm); font-weight:600; padding:var(--spacing-xs) 0; position:relative; text-decoration:none; text-transform:uppercase; z-index:1 }
.main-navigation ul li a:hover { background-color:#f7f8f3; color:var(--color-btn-bg) }
.main-navigation ul li .sub-menu { background-color:var(--color-background); box-shadow:0 2px 10px rgba(0,0,0,.1); display:flex; flex-direction:column; left:50%; min-width:200px; opacity:0; padding:var(--spacing-xs) 0; position:absolute; top:100%; transform:translateX(-50%) translateY(10px); transition:all var(--transition-speed); visibility:hidden; z-index:100 }
.main-navigation ul li .sub-menu li { margin:0; max-width:100%; width:100% }
.main-navigation ul li .sub-menu li a { font-size:calc(var(--font-size-text-xs)*.9); padding:var(--spacing-xs) var(--spacing-md); white-space:nowrap }
.main-navigation ul li:focus-within>.sub-menu,.main-navigation ul li:hover>.sub-menu { opacity:1; transform:translateX(-50%) translateY(0); visibility:visible }
.submenu-toggle { align-items:center; background:none; border:none; border-radius:4px; color:var(--color-primary-heading); cursor:pointer; display:none; height:32px; justify-content:center; line-height:1; padding:var(--spacing-xs); width:32px }
.submenu-toggle:hover { background-color:var(--color-light-gray) }
.submenu-toggle svg { height:14px; width:14px }
.header-account-link,.header-cart-link,.header-search-toggle { align-items:center; display:flex; font-size:20px; justify-content:center }
.header-search-panel { background-color:var(--color-background); box-shadow:-2px 0 10px rgba(0,0,0,.1); height:100%; padding:var(--spacing-lg); position:fixed; right:-350px; top:0; transition:right var(--transition-speed); width:350px; z-index:1001 }
.header-search-panel form { margin-bottom:var(--spacing-lg) }
.header-search-panel input[type=search] { background-color:transparent; border:none; border-bottom:1px solid var(--color-border); padding:var(--spacing-xs) 0; width:100% }
.header-search-panel-social { margin-top:var(--spacing-xl) }
.header-search-panel-social h4 { font-size:var(--font-size-text-md); margin-bottom:var(--spacing-sm) }
.header-search-panel-social .header-social-links { justify-content:flex-start }
.header-mobile-menu-toggle { background-color:transparent; border:none; color:var(--color-primary-heading); cursor:pointer; display:none; height:32px; padding:0; width:20px }
.header-mobile-menu-toggle .hamburger-lines { display:flex; flex-direction:column; height:16px; justify-content:space-between; width:20px }
.header-mobile-menu-toggle .hamburger-lines span { background-color:currentColor; border-radius:1px; display:block; height:2px; width:100% }
.header-mobile-actions,.mobile-menu-header,.mobile-menu-overlay { display:none }
@media(max-width:992px) {
.header-promo-text,.header-top-bar .container { display:none }
.site-header .site-header-main { align-items:center; box-sizing:border-box; display:flex; flex-direction:row; justify-content:flex-start; margin:0 auto; max-width:1200px; padding:0 var(--spacing-xs); width:100% }
.site-header .site-header-main .site-branding { margin-bottom:0; margin-right:var(--spacing-md); padding:var(--spacing-xs) 0 }
.site-header .site-header-main .site-branding .custom-logo { max-height:50px; width:auto }
.site-header .site-header-main .header-mobile-actions { align-items:center; display:flex; gap:var(--spacing-sm); margin-left:auto; margin-right:var(--spacing-sm) }
.site-header .site-header-main .header-mobile-actions .mobile-account,.site-header .site-header-main .header-mobile-actions .mobile-cart,.site-header .site-header-main .header-mobile-actions .mobile-instagram { align-items:center; color:var(--color-primary-heading); display:flex; justify-content:center; padding:var(--spacing-xs); position:relative }
.site-header .site-header-main .header-mobile-actions .mobile-account:hover,.site-header .site-header-main .header-mobile-actions .mobile-cart:hover,.site-header .site-header-main .header-mobile-actions .mobile-instagram:hover { color:var(--color-accent) }
.site-header .site-header-main .header-mobile-actions .mobile-account svg,.site-header .site-header-main .header-mobile-actions .mobile-cart svg,.site-header .site-header-main .header-mobile-actions .mobile-instagram svg { height:20px; width:20px }
.site-header .site-header-main .header-mobile-actions .mobile-cart .cart-count { align-items:center; background-color:var(--color-accent); border-radius:50%; color:var(--color-background); display:flex; font-size:10px; font-weight:600; height:16px; justify-content:center; line-height:1; position:absolute; right:-4px; top:-4px; width:16px }
.main-navigation { align-items:flex-start; background-color:var(--pine-green-050); box-shadow:-2px 0 20px rgba(0,0,0,.1); flex-direction:column; height:100vh; justify-content:flex-start; overflow-y:auto; position:fixed; right:-90%; top:0; transition:right var(--transition-speed); width:90%; z-index:9999 }
.main-navigation.active { right:0 }
.main-navigation .mobile-menu-header { align-items:center; background-color:var(--pine-green-050); border-bottom:1px solid var(--color-border); box-sizing:border-box; display:flex; justify-content:space-between; padding:var(--spacing-sm); position:sticky; top:0; width:100%; z-index:10 }
.main-navigation .mobile-menu-header .mobile-menu-logo .mobile-logo-link { display:block }
.main-navigation .mobile-menu-header .mobile-menu-logo .mobile-logo-link .mobile-logo { max-height:40px; max-width:120px; width:auto }
.main-navigation .mobile-menu-header .mobile-menu-logo .mobile-site-title { color:var(--color-primary-heading); font-family:var(--font-family-display); font-size:var(--font-size-text-lg); font-weight:600; text-decoration:none }
.main-navigation .mobile-menu-header .mobile-menu-close { background:none; border:none; border-radius:4px; color:var(--color-primary-heading); cursor:pointer; padding:var(--spacing-xs) }
.main-navigation .mobile-menu-header .mobile-menu-close:hover { background-color:var(--color-light-gray) }
.main-navigation .mobile-menu-header .mobile-menu-close svg { height:24px; width:24px }
.main-navigation ul { flex-direction:column; padding:var(--spacing-xms) var(--spacing-md); position:relative; width:100% }
.main-navigation li { border-bottom:1px solid var(--color-border); margin:0; width:100% }
.main-navigation li:last-child { border-bottom:none }
.main-navigation li a { color:var(--color-primary-heading); display:block; font-size:var(--font-size-text-base); font-weight:500; padding:var(--spacing-md) var(--spacing-lg); text-decoration:none }
.main-navigation li .sub-menu,.main-navigation li a:hover { background-color:var(--color-light-gray) }
.main-navigation li .sub-menu { border-top:1px solid var(--color-border); box-shadow:none; display:none; left:0!important; opacity:1; padding:0; position:static!important; transform:none; transform:none!important; visibility:visible; width:100% }
.main-navigation li .sub-menu li { border-bottom:1px solid var(--color-border); margin:0 }
.main-navigation li .sub-menu li:last-child { border-bottom:none }
.main-navigation li .sub-menu li a { background-color:transparent; color:var(--color-primary-heading); font-size:var(--font-size-text-sm); font-weight:400; opacity:.8; padding:var(--spacing-sm) }
.main-navigation li .sub-menu li a:hover { background-color:hsla(0,0%,100%,.5); opacity:1 }
.main-navigation li.menu-item-has-children { display:block }
.main-navigation li.menu-item-has-children>a { align-items:center; display:flex; justify-content:space-between }
.main-navigation li.menu-item-has-children .submenu-toggle { display:inline-flex!important; margin-left:auto; margin-right:0 }
.main-navigation li.menu-item-has-children:not(.submenu-open)>.sub-menu { display:none!important }
.main-navigation li.menu-item-has-children:not(.submenu-open) .submenu-toggle svg { transform:rotate(0deg) }
.main-navigation li.menu-item-has-children.submenu-open>.sub-menu { box-sizing:border-box; display:block; left:0; margin:0; padding:0; position:relative; transform:none; width:100% }
.main-navigation li.menu-item-has-children.submenu-open>.sub-menu li a { padding:var(--spacing-xs) var(--spacing-sm) }
.main-navigation li.menu-item-has-children.submenu-open .submenu-toggle svg { transform:rotate(180deg) }
.header-mobile-menu-toggle { display:block }
.header-mobile-actions,.mobile-menu-header { display:flex!important }
.mobile-menu-overlay { background-color:rgba(0,0,0,.5); display:block!important; height:100vh; left:0; opacity:0; position:fixed; top:0; visibility:hidden; width:100%; z-index:9998 }
.mobile-menu-overlay.active { opacity:1; visibility:visible }
}
@media(max-width:768px) {
.header-top-bar .container { flex-direction:column; gap:var(--spacing-xs) }
.header-social-links,.header-top-actions { justify-content:center; width:100% }
.header-search-panel { right:-100%; width:100% }
}
.site-footer { background-color:var(--color-light-gray); margin:0; margin-top:var(--spacing-xl); padding:var(--spacing-lg) 0 }
.site-footer .container { box-sizing:border-box; display:flex; flex-direction:column; gap:var(--spacing-lg); max-width:var(--container-width); padding:0 70px; width:100% }
@media(max-width:991.98px) {
.site-footer .container { max-width:100%; padding:0 20px }
}
.site-footer .container .footer-content { display:flex; flex-direction:row; gap:64px; height:100%; justify-content:space-between; max-width:1220px; width:100% }
@media(max-width:991.98px) {
.site-footer .container .footer-content { align-items:center; flex-direction:column; gap:48px }
}
@media(max-width:575.98px) {
.site-footer .container .footer-content { align-items:center }
}
.site-footer .container .footer-content .footer-shop-about { display:flex; flex-direction:row; gap:64px; margin-right:64px; width:-moz-fit-content; width:fit-content }
@media(max-width:991.98px) {
.site-footer .container .footer-content .footer-shop-about { margin-right:0 }
}
@media(max-width:575.98px) {
.site-footer .container .footer-content .footer-shop-about { justify-content:center }
}
.site-footer .container .footer-content .footer-shop-about .footer-logo { max-width:100px }
.site-footer .container .footer-content .footer-shop-about .footer-logo img { height:100px; -o-object-fit:contain; object-fit:contain; width:100px }
.site-footer .container .footer-content .footer-shop-about .footer-shop-about-text p { margin-bottom:10px }
@media(max-width:991.98px) {
.site-footer .container .footer-content .footer-shop-about { gap:30px }
}
.site-footer .container .footer-content .footer-menu { display:flex; flex-direction:row; gap:48px; justify-content:space-between; max-width:648px; width:auto }
@media(max-width:991.98px) {
.site-footer .container .footer-content .footer-menu { max-width:100%; width:100% }
}
@media(max-width:767.98px) {
.site-footer .container .footer-content .footer-menu { flex-direction:column; gap:30px }
}
@media(max-width:575.98px) {
.site-footer .container .footer-content .footer-menu { justify-content:center }
}
.site-footer .container .footer-content .footer-menu .footer-item { display:flex; flex-direction:column; width:100% }
@media(max-width:991.98px) {
.site-footer .container .footer-content .footer-menu .footer-item { align-items:center }
}
.site-footer .container .footer-content .footer-menu .footer-item h4 { font-family:IBM Plex Sans,sans-serif; font-size:var(--font-size-text-xl); font-style:Medium; font-weight:500; margin-bottom:var(--spacing-sm) }
.site-footer .container .footer-content .footer-menu .footer-item ul { list-style:none; margin:0; padding:0; width:100% }
.site-footer .container .footer-content .footer-menu .footer-item li { list-style:none; margin-bottom:var(--spacing-xs) }
@media(max-width:991.98px) {
.site-footer .container .footer-content .footer-menu .footer-item li { text-align:center }
}
.site-footer .container .footer-content .footer-menu .footer-item a { color:var(--neutral-grey-600); font-family:IBM Plex Sans,sans-serif; font-size:18px; font-style:Regular; font-weight:400; letter-spacing:0; line-height:26px; text-decoration:none }
.site-footer .container .footer-content .footer-menu .footer-item a:hover { color:var(--color-link-hover) }
.site-footer .container .site-info { text-align:center }
.container { box-sizing:border-box; margin-left:auto; margin-right:auto; max-width:100%; padding-left:var(--spacing-sm); padding-right:var(--spacing-sm); width:var(--container-width) }
.site-main { margin-bottom:var(--spacing-lg); margin-top:var(--spacing-xl) }
@media(max-width:767.98px) {
.site-main { margin-top:var(--spacing-md) }
}
.site-main h1,.site-main h2,.site-main h3,.site-main h4,.site-main h5,.site-main h6 { color:var(--color-primary-heading); font-family:var(--font-family-display); margin-bottom:var(--spacing-sm); margin-top:var(--spacing-md) }
.site-main h1 { font-size:var(--font-size-display-lg) }
.site-main h2 { font-size:var(--font-size-display-md) }
.site-main h3 { font-size:var(--font-size-display-sm) }
.site-main h4 { font-size:var(--font-size-display-xs) }
.button { align-items:center; border:1px solid transparent; box-sizing:border-box; cursor:pointer; display:inline-flex; font-family:var(--font-family-body); font-size:var(--font-size-text-md); font-weight:400; justify-content:center; letter-spacing:1px; line-height:2.66em; padding:0 34px; text-align:center; text-decoration:none; text-transform:uppercase; transition:all .2s ease; width:auto }
.button.button-full-width { width:100% }
.button.button-auto-margin { margin-top:auto }
.button-main { background-color:var(--color-btn-bg); border-color:transparent; color:var(--color-white) }
.button-main:focus,.button-main:hover { background-color:transparent; border-color:var(--color-btn-bg); color:var(--color-btn-bg); text-decoration:none }
.button-main:active { background-color:var(--color-btn-bg); border-color:var(--color-btn-bg); color:var(--color-white); opacity:.9 }
.button.button-disabled,.button:disabled { cursor:not-allowed; opacity:.6 }
.button.button-disabled:focus,.button.button-disabled:hover,.button:disabled:focus,.button:disabled:hover { background-color:var(--color-btn-bg); border-color:transparent; color:var(--color-white) }
.product-container { align-items:flex-start; display:flex; flex-wrap:wrap; gap:var(--spacing-xl); margin:0 auto var(--spacing-xl) auto }
.product-gallery { max-width:480px; min-width:300px }
@media(max-width:1199.98px) {
.product-gallery { max-width:300px }
}
.product-gallery .custom-product-gallery { margin:0 auto; max-width:100%; padding-bottom:100px; position:relative; width:480px }
.product-gallery .custom-product-gallery .gallery-main-image { aspect-ratio:1; margin-bottom:var(--spacing-md); overflow:hidden; position:relative; width:100% }
.product-gallery .custom-product-gallery .gallery-main-image img { cursor:zoom-in; display:block; height:100%; -o-object-fit:contain; object-fit:contain; opacity:0; transition:opacity .3s ease-in-out,transform .3s ease-in-out; width:100% }
.product-gallery .custom-product-gallery .gallery-main-image img:hover { transform:scale(1.05) }
.product-gallery .custom-product-gallery .gallery-thumbnails { bottom:0; display:flex; gap:var(--spacing-md); justify-content:center; left:0; overflow-x:auto; padding:var(--spacing-md) 0 0 0; position:absolute; right:0; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none }
@media(max-width:1199.98px) {
.product-gallery .custom-product-gallery .gallery-thumbnails { justify-content:flex-start }
}
@media(max-width:767.98px) {
.product-gallery .custom-product-gallery .gallery-thumbnails { justify-content:center }
}
.product-gallery .custom-product-gallery .gallery-thumbnails::-webkit-scrollbar { display:none }
.product-gallery .custom-product-gallery .gallery-thumbnails img.gallery-thumbnail { border-bottom:2px solid transparent; border-radius:0; cursor:pointer; flex:0 0 70px; height:70px; -o-object-fit:contain; object-fit:contain; opacity:.8; padding-bottom:var(--spacing-xs); transition:all .2s ease-in-out; width:70px }
.product-gallery .custom-product-gallery .gallery-thumbnails img.gallery-thumbnail.active,.product-gallery .custom-product-gallery .gallery-thumbnails img.gallery-thumbnail:hover { border-bottom:2px solid #c4996d; opacity:1 }
@media(max-width:767.98px) {
.product-gallery .custom-product-gallery { padding-bottom:80px }
.product-gallery .custom-product-gallery .gallery-thumbnails img.gallery-thumbnail { flex:0 0 60px; height:60px; width:60px }
}
@media(max-width:575.98px) {
.product-gallery .custom-product-gallery { padding-bottom:70px }
.product-gallery .custom-product-gallery .gallery-thumbnails { gap:.5rem }
.product-gallery .custom-product-gallery .gallery-thumbnails img.gallery-thumbnail { flex:0 0 50px; height:50px; width:50px }
}
.product-details { display:flex; flex:1; flex-direction:column; gap:var(--spacing-md); max-width:100%; min-width:320px }
.product-details .product-title { color:var(--color-primary-heading); font-size:var(--font-size-display-sm); font-weight:600; line-height:1.2; margin-bottom:0!important }
.product-details .product-add-to-cart { margin-top:1rem }
.product-details .product-add-to-cart form.cart { align-items:stretch; display:flex; flex-direction:column; gap:1rem }
.product-details .product-add-to-cart form.cart .quantity-cart-wrap { display:flex; gap:1rem }
.product-details .product-add-to-cart .quantity { position:relative }
.product-details .product-add-to-cart .quantity input[type=number] { -moz-appearance:textfield; -webkit-appearance:textfield; appearance:textfield; background:#fff; border:1px solid var(--color-medium-gray); font-size:var(--font-size-text-sm); height:45px; margin-right:25px; position:relative; text-align:center; width:47px }
.product-details .product-add-to-cart .quantity input[type=number]::-webkit-inner-spin-button,.product-details .product-add-to-cart .quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0 }
.product-details .product-add-to-cart .quantity input[type=number]:focus { border-color:var(--color-dark-gray); outline:none; z-index:2 }
.product-details .product-add-to-cart .quantity .qty-adjust { align-items:center; background:none; border:none; border:1px solid var(--color-medium-gray); color:var(--color-dark-gray); cursor:pointer; display:flex; height:23px; justify-content:center; padding:0; position:absolute; right:1px; width:25px; z-index:1 }
.product-details .product-add-to-cart .quantity .qty-adjust:hover { border-color:var(--color-dark-gray) }
.product-details .product-add-to-cart .quantity .qty-adjust svg { height:4.875px; width:8.36px }
.product-details .product-add-to-cart .quantity .qty-adjust.plus { top:0 }
.product-details .product-add-to-cart .quantity .qty-adjust.plus:hover { z-index:2 }
.product-details .product-add-to-cart .quantity .qty-adjust.minus { bottom:0 }
.product-details .product-add-to-cart .quantity .qty-adjust.minus:hover { z-index:2 }
.product-meta { border-top:1px solid #eee; color:#888; font-size:1rem; margin-top:1.2rem; padding-top:1.2rem }
@media(max-width:767.98px) {
.product-container { flex-direction:column; gap:2rem }
.product-details,.product-gallery { max-width:100%; min-width:100% }
.product-title { font-size:2rem }
}
@media(max-width:600px) {
.product-container { padding:0 .5rem }
.product-title { font-size:1.4rem }
.product-price { font-size:1.1rem }
.product-meta { font-size:.95rem }
}
@media(max-width:768px) {
.brewing-methods-tab-headers { flex-direction:row; overflow-x:auto; padding-bottom:10px; white-space:nowrap }
.brewing-method-tab-header { flex:0 0 auto }
.brewing-method-details th,.custom-fields-details th { width:50% }
.tea-custom-meta { padding:1rem .7rem }
.tea-custom-meta h3 { font-size:1.1rem }
.tea-custom-meta p { font-size:.97rem }
}
.yevhenry-breadcrumbs { border-bottom:1px solid #eee; color:#666; font-size:.875rem; margin-bottom:2rem; padding:1rem 0 }
.yevhenry-breadcrumbs .breadcrumbs-inner { align-items:center; display:flex; flex-wrap:nowrap; gap:.5rem; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none }
.yevhenry-breadcrumbs .breadcrumbs-inner::-webkit-scrollbar { display:none }
.yevhenry-breadcrumbs a { color:#666; text-decoration:none; transition:color .2s ease }
.yevhenry-breadcrumbs a:hover { color:var(--color-accent,#4a7c59) }
.yevhenry-breadcrumbs span { color:#333; font-weight:500 }
.yevhenry-breadcrumbs .breadcrumb-separator { color:#999; flex-shrink:0; height:16px; margin:0 .25rem; width:16px }
.yevhenry-breadcrumbs a,.yevhenry-breadcrumbs span { flex-shrink:0; white-space:nowrap }
@media(max-width:768px) {
.yevhenry-breadcrumbs { font-size:.8125rem; margin-bottom:1.5rem }
.yevhenry-breadcrumbs .breadcrumb-separator { height:14px; width:14px }
.yevhenry-breadcrumbs .mobile-hidden,.yevhenry-breadcrumbs .mobile-hidden+.breadcrumb-separator { display:none }
.yevhenry-breadcrumbs .breadcrumb-product-name { flex-shrink:1; max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
}
.variations { margin-bottom:1.5rem; width:100% }
.variations select,.variations td .reset_variations { display:none }
.related-products ul.products,.woocommerce ul.products { display:grid; gap:var(--spacing-lg); grid-template-columns:repeat(3,1fr); list-style:none; margin:0; padding:0 }
@media(max-width:1200px) {
.related-products ul.products,.woocommerce ul.products { grid-template-columns:repeat(3,1fr) }
}
@media(max-width:768px) {
.related-products ul.products,.woocommerce ul.products { grid-template-columns:repeat(2,1fr) }
}
@media(max-width:480px) {
.related-products ul.products,.woocommerce ul.products { gap:var(--spacing-sm) }
}
.related-products ul.products:before,.woocommerce ul.products:before { display:none!important }
.related-products ul.products li.product,.woocommerce ul.products li.product { box-sizing:border-box; display:flex; flex-direction:column; float:none!important; margin:0!important; overflow:hidden; padding:var(--spacing-sm); position:relative; text-align:left; width:100%!important }
@media(max-width:767.98px) {
.related-products ul.products li.product,.woocommerce ul.products li.product { margin-bottom:40px!important; padding:0 }
}
@media(min-width:769px)and (hover:hover)and (pointer:fine) {
.related-products ul.products li.product:hover .woocommerce-loop-product__link img,.woocommerce ul.products li.product:hover .woocommerce-loop-product__link img { transform:scale(1.05); transition:transform .3s ease }
.related-products ul.products li.product:hover .product-hover-overlay,.woocommerce ul.products li.product:hover .product-hover-overlay { opacity:1; visibility:visible }
.related-products ul.products li.product:hover .variation-name-price,.woocommerce ul.products li.product:hover .variation-name-price { display:none }
}
.related-products ul.products li.product .woocommerce-loop-product__link,.woocommerce ul.products li.product .woocommerce-loop-product__link { display:flex; flex-direction:column; flex-grow:1; text-decoration:none }
.related-products ul.products li.product .woocommerce-loop-product__link img,.woocommerce ul.products li.product .woocommerce-loop-product__link img { aspect-ratio:1; display:block; height:auto; margin-bottom:var(--spacing-sm); -o-object-fit:cover; object-fit:cover; width:100% }
.related-products ul.products li.product .woocommerce-loop-product__link .woocommerce-loop-product__title,.woocommerce ul.products li.product .woocommerce-loop-product__link .woocommerce-loop-product__title { color:var(--color-primary-heading); font-family:var(--font-family-display); font-size:var(--font-size-text-md); font-weight:500; line-height:1.2; margin-bottom:var(--spacing-xs); text-align:center }
.related-products ul.products li.product .woocommerce-loop-product__link .price,.woocommerce ul.products li.product .woocommerce-loop-product__link .price { color:var(--color-primary-heading); display:block; font-size:var(--font-size-text-md); font-weight:500; margin-bottom:var(--spacing-sm); text-align:center }
.related-products ul.products li.product .button,.woocommerce ul.products li.product .button { align-items:center; background-color:var(--color-btn-bg); border:1px solid transparent; box-sizing:border-box; color:var(--color-white); cursor:pointer; display:inline-flex; font-family:var(--font-family-body); font-size:var(--font-size-text-md); font-weight:400; justify-content:center; letter-spacing:1px; line-height:2.66em; padding:0 34px; text-align:center; text-decoration:none; text-transform:uppercase; transition:all .2s ease; width:auto }
.related-products ul.products li.product .button:focus,.related-products ul.products li.product .button:hover,.woocommerce ul.products li.product .button:focus,.woocommerce ul.products li.product .button:hover { background-color:transparent; border-color:var(--color-btn-bg); color:var(--color-btn-bg) }
.related-products ul.products li.product .button:active,.woocommerce ul.products li.product .button:active { background-color:var(--color-btn-bg); border-color:var(--color-btn-bg); color:var(--color-white); opacity:.9 }
.related-products ul.products li.product .button,.woocommerce ul.products li.product .button { margin-top:auto; width:100% }
@media(max-width:767.98px) {
.related-products ul.products li.product .button,.woocommerce ul.products li.product .button { padding:0 var(--spacing-xs) }
}
.related-products .section-header { align-items:center; display:flex; justify-content:space-between; margin-bottom:var(--spacing-lg) }
.related-products .section-header h2 { color:var(--color-primary-heading); font-family:var(--font-family-body); font-size:var(--font-size-text-xl); margin:0 }
.related-products .section-header .view-more-link { align-items:center; color:var(--color-link-hover); display:flex; font-family:var(--font-family-body); font-size:var(--font-size-text-md); font-weight:500; gap:var(--spacing-xs); text-decoration:none; transition:color var(--transition-speed) }
.related-products .section-header .view-more-link svg { height:16px; transition:transform var(--transition-speed); width:16px }
.related-products .section-header .view-more-link:hover { color:var(--color-link) }
.related-products .section-header .view-more-link:hover svg { transform:translateX(4px) }
.related-products { margin:var(--spacing-xl) 0 }
@media(min-width:992px) {
.related-products ul.products { grid-template-columns:repeat(4,1fr) }
}
.tea-info-section { margin:var(--spacing-lg) 0; padding:0 0 calc(var(--spacing-lg)*2) }
.tea-info-section h3 { align-items:center; border-bottom:1px solid #eee; color:var(--color-primary-heading); display:flex; font-family:var(--font-family-display); font-size:var(--font-size-text-xl); gap:var(--spacing-sm); margin-bottom:0; margin-top:var(--spacing-md); text-transform:uppercase }
.tea-info-section h3 .tea-info-icon { flex-shrink:0; height:20px; width:20px }
.tea-meta-grid { display:flex; flex-direction:column; gap:var(--spacing-xs) }
.tea-meta-grid .meta-item { padding:var(--spacing-sm) 0 0 }
.tea-meta-grid .meta-item:not(:last-child) { border-bottom:1px solid var(--color-light-gray) }
.tea-meta-grid .meta-item h4 { color:var(--color-dark-gray); font-family:var(--font-family-display); font-size:var(--font-size-text-md); line-height:1; margin-bottom:var(--spacing-xs); margin-top:0 }
.tea-meta-grid .meta-item p { color:var(--color-text); margin:0 }
.brewing-methods-section { margin-top:var(--spacing-lg) }
.brewing-methods-section .brewing-methods-tabs .brewing-methods-tab-headers { display:flex; gap:var(--spacing-xs); margin-bottom:var(--spacing-md); margin-top:var(--spacing-md); overflow-x:auto; padding-bottom:var(--spacing-xs); scrollbar-width:none; -ms-overflow-style:none }
.brewing-methods-section .brewing-methods-tabs .brewing-methods-tab-headers::-webkit-scrollbar { display:none }
.brewing-methods-section .brewing-methods-tabs .brewing-methods-tab-headers .brewing-method-tab-header { border:1px solid var(--color-btn-bg); color:var(--color-link-hover); cursor:pointer; font-family:var(--font-family-display); font-size:var(--font-size-text-sm); font-weight:600; padding:var(--spacing-sm) var(--spacing-md); transition:all .2s ease; white-space:nowrap }
.brewing-methods-section .brewing-methods-tabs .brewing-methods-tab-headers .brewing-method-tab-header.active,.brewing-methods-section .brewing-methods-tabs .brewing-methods-tab-headers .brewing-method-tab-header:hover { background:var(--color-btn-bg); color:var(--color-white) }
.brewing-methods-section .brewing-methods-tabs .brewing-methods-tab-content .brewing-method-tab { animation:fadeIn .3s ease; display:none }
.brewing-methods-section .brewing-methods-tabs .brewing-methods-tab-content .brewing-method-tab h4 { color:var(--color-text); font-family:var(--font-family-display); font-size:var(--font-size-text-xl); margin-bottom:var(--spacing-sm) }
.brewing-methods-section .brewing-methods-tabs .brewing-method-details { border-collapse:separate; border-spacing:0 var(--spacing-xs); width:100% }
.brewing-methods-section .brewing-methods-tabs .brewing-method-details tr:last-child td,.brewing-methods-section .brewing-methods-tabs .brewing-method-details tr:last-child th { border-bottom:none }
.brewing-methods-section .brewing-methods-tabs .brewing-method-details tr td,.brewing-methods-section .brewing-methods-tabs .brewing-method-details tr th { border-bottom:1px solid var(--color-btn-bg); padding:var(--spacing-sm); text-align:left; vertical-align:middle }
.brewing-methods-section .brewing-methods-tabs .brewing-method-details tr th { color:var(--color-dark-gray); font-weight:500; width:40% }
.brewing-methods-section .brewing-methods-tabs .brewing-method-details tr td { color:var(--color-text) }
@keyframes fadeIn { 0% { opacity:0; transform:translateY(10px) }
to { opacity:1; transform:translateY(0) }
}
@media(max-width:767.98px) {
.tea-info-section { margin:var(--spacing-sm) 0; padding:var(--spacing-sm) 0 }
.tea-meta-grid { gap:var(--spacing-sm); grid-template-columns:1fr }
.brewing-methods-section .brewing-methods-tab-headers .brewing-method-tab-header { font-size:var(--font-size-text-sm)!important; padding:var(--spacing-xs) var(--spacing-sm)!important }
.brewing-methods-section .brewing-method-details td,.brewing-methods-section .brewing-method-details th { padding:calc(var(--spacing-sm)*.75) }
}
@keyframes highlight { 0% { background-color:transparent }
50% { background-color:rgba(var(--color-primary-rgb),.1) }
to { background-color:transparent }
}
@keyframes spin { to { transform:rotate(1turn) }
}
.woocommerce-error,.woocommerce-info,.woocommerce-message,.woocommerce-notices-wrapper { max-width:400px; position:fixed; z-index:9999 }
@media(min-width:769px) {
.woocommerce-error,.woocommerce-info,.woocommerce-message,.woocommerce-notices-wrapper { bottom:var(--spacing-lg); left:auto; right:var(--spacing-lg); top:auto }
}
@media(max-width:768px) {
.woocommerce-error,.woocommerce-info,.woocommerce-message,.woocommerce-notices-wrapper { bottom:0; left:0; max-width:none; right:0; width:100% }
}
@keyframes slideInUp { 0% { opacity:0; transform:translateY(100%) }
to { opacity:1; transform:translateY(0) }
}
@keyframes fadeOut { 0% { opacity:1; transform:translateY(0) }
to { opacity:0; transform:translateY(-20px) }
}
.woocommerce-notices-wrapper { position:static!important }
.woocommerce-notices-wrapper:not([style*="position: fixed"]) { position:fixed!important; z-index:9999!important }
@media(min-width:769px) {
.woocommerce-notices-wrapper:not([style*="position: fixed"]) { bottom:var(--spacing-lg)!important; left:auto!important; max-width:400px!important; right:var(--spacing-lg)!important; top:auto!important }
}
@media(max-width:768px) {
.woocommerce-notices-wrapper:not([style*="position: fixed"]) { bottom:0!important; left:0!important; max-width:none!important; right:0!important; top:auto!important; width:100%!important }
}
.header-login-link { align-items:center; color:inherit; display:flex; font-size:14px; gap:6px; line-height:1; text-decoration:none; transition:opacity .2s ease }
.header-login-link svg { flex-shrink:0; height:24px; width:24px }
.header-login-link span { font-size:inherit; line-height:inherit }
.header-login-link:hover { opacity:.8 }
.header-top-actions { align-items:center; display:flex; gap:20px; position:relative }
.header-top-actions a { align-items:center; color:inherit; display:flex; font-size:14px; gap:6px; line-height:1; text-decoration:none; transition:opacity .2s ease }
.header-top-actions a svg { flex-shrink:0; height:24px; width:24px }
.header-top-actions a span { font-size:inherit; line-height:inherit }
.header-top-actions a:hover { opacity:.8 }
.header-cart-link { position:relative }
.header-cart-link .cart-count { align-items:center; background:transparent; color:--color-black; display:flex; font-size:11px; font-weight:600; height:14px; justify-content:center; left:4px; position:absolute; top:6px; width:14px }
.header-cart-link .cart-total { font-size:inherit; font-weight:500; line-height:inherit }
:root { --color-primary:#6ec1e4; --color-primary-heading:#2f3327; --color-secondary:#54595f; --color-accent:#61ce70; --color-white:#fff; --color-light-gray:#f8f9fa; --color-medium-gray:#e9ecef; --color-dark-gray:#495057; --color-border:#dee2e6; --color-background:#fff; --color-text:#000; --color-btn-bg:#656e4e; --color-btn-bg-hover:#fff; --color-btn-text:#fff; --color-btn-text-hover:#656e4e; --color-link:#2f3327; --color-link-hover:#68745c; --neutral-grey-025:#fcfcfc; --neutral-grey-050:#f9f9f9; --neutral-grey-100:#efefef; --neutral-grey-150:#dcdcdc; --neutral-grey-200:#bdbdbd; --neutral-grey-300:#989898; --neutral-grey-400:#7c7c7c; --neutral-grey-500:#656565; --neutral-grey-600:#525252; --neutral-grey-700:#464646; --neutral-grey-800:#3a3a3a; --neutral-grey-850:#2e2e2e; --neutral-grey-900:#171717; --neutral-grey-950:#0a0a0a; --bronze-025:#fefcfb; --bronze-050:#fdf2f1; --bronze-100:#fce7e3; --bronze-150:#fdcdc5; --bronze-200:#f9a898; --bronze-300:#f79873; --bronze-400:#ef8256; --bronze-500:#e36643; --bronze-600:#c85a3a; --bronze-700:#b54708; --bronze-800:#93370d; --bronze-850:#7a2e0e; --bronze-900:#771a00; --bronze-950:#57130a; --pine-green-025:#fefefe; --pine-green-050:#f3f5f3; --pine-green-100:#e3e9e3; --pine-green-150:#cdd5cd; --pine-green-200:#9fb09f; --pine-green-300:#84a584; --pine-green-350:#d1d9bb; --pine-green-400:#696; --pine-green-500:#4d8c4d; --pine-green-600:#3a6e3a; --pine-green-700:#2d5a2d; --pine-green-800:#1f3d1f; --pine-green-850:#1a2e1a; --pine-green-900:#101b11; --pine-green-950:#0b0f0b; --font-family-display:"Spectral",serif; --font-family-body:"IBM Plex Sans",sans-serif; --font-size-display-2xl:72px; --font-size-display-xl:60px; --font-size-display-lg:48px; --font-size-display-md:28px; --font-size-display-sm:24px; --font-size-display-xs:20px; --font-size-text-xl:20px; --font-size-text-lg:18px; --font-size-text-md:16px; --font-size-text-sm:14px; --font-size-text-xs:12px; --font-weight-regular:400; --font-weight-medium:500; --font-weight-semibold:600; --font-weight-bold:700; --line-height-display-2xl:90px; --line-height-display-xl:72px; --line-height-display-lg:60px; --line-height-display-md:36px; --line-height-display-sm:32px; --line-height-display-xs:28px; --line-height-text-xl:30px; --line-height-text-lg:28px; --line-height-text-md:24px; --line-height-text-sm:20px; --line-height-text-xs:18px; --spacing-xs:8px; --spacing-xms:12px; --spacing-sm:16px; --spacing-md:24px; --spacing-lg:32px; --spacing-xl:48px; --spacing-xxl:64px; --spacing-2xl:72px; --spacing-3xl:96px; --container-width:1200px; --header-height:150px; --transition-speed:0.3s ease }
.screen-reader-text { height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; clip:rect(0,0,0,0); border-width:0; white-space:nowrap }
html[lang] { font-size:16px; margin:0!important }
body { background-color:var(--color-white); color:var(--color-text); font-family:var(--font-family-body); font-size:var(--font-size-text-md); font-weight:var(--font-weight-regular); line-height:var(--line-height-text-md); margin:0; padding:0; padding-top:var(--header-height) }
@media(max-width:992px) {
body { --header-height:100px }
}
* { box-sizing:border-box }
h1,h2,h3,h4,h5,h6 { font-family:var(--font-family-display); font-weight:var(--font-weight-regular); margin:0 0 var(--spacing-md) 0 }
h1 { font-size:var(--font-size-display-lg); line-height:var(--line-height-display-lg) }
h2 { font-size:var(--font-size-display-md); line-height:var(--line-height-display-md) }
h3 { font-size:var(--font-size-display-sm); line-height:var(--line-height-display-sm) }
h4 { font-size:var(--font-size-display-xs); line-height:var(--line-height-display-xs) }
p { font-family:var(--font-family-body); font-size:var(--font-size-text-md); line-height:var(--line-height-text-md); margin:0 0 var(--spacing-md) 0 }
a { color:var(--color-btn-bg); text-decoration:none }
a:hover { color:var(--color-link-hover); text-decoration:underline }
.screen-reader-text { clip:rect(1px,1px,1px,1px); word-wrap:normal!important; border:0; clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; overflow-wrap:normal!important; padding:0; position:absolute!important; width:1px }
.screen-reader-text:focus { clip:auto!important; background-color:#fff; border-radius:3px; box-shadow:0 0 2px 2px rgba(0,0,0,.6); clip-path:none; color:#2b2d2f; display:block; font-size:.875rem; font-weight:700; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000 }
img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }
:root :where(.wp-block-image figcaption) { color:#555; font-size:13px; text-align:center }
:root :where(.wp-block-template-part.has-background) { margin-bottom:0; margin-top:0; padding:1.25em 2.375em }
:root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); }
:root :where(.wp-block-pullquote) { font-size: 1.5em; line-height: 1.6; }