: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) }
}
.product-block { margin:2rem 0 }
.product-block .container { margin:0 auto; max-width:var(--container-width); padding:0 15px; width:100% }
.product-block .product-block-content .product-block-title { color:var(--color-primary-heading); font-size:2rem; font-weight:600; margin-bottom:2rem; text-align:center }
@media(max-width:991.98px) {
.product-block .product-block-content .product-block-title { font-size:1.5rem; margin-bottom:1.5rem }
}
.product-block .product-block-content .products { display:grid; gap:var(--spacing-lg); grid-template-columns:repeat(4,1fr); list-style:none; margin:0; padding:0 }
@media(max-width:1200px) {
.product-block .product-block-content .products { grid-template-columns:repeat(3,1fr) }
}
@media(max-width:768px) {
.product-block .product-block-content .products { grid-template-columns:repeat(2,1fr) }
}
@media(max-width:480px) {
.product-block .product-block-content .products { gap:var(--spacing-sm) }
}
.product-block .product-block-content .products:before { display:none!important }
.product-block .product-block-content .products li { padding-left:0!important; padding-right:0!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 }
}
.product-block .product-block-content .products li .details-btn,.related-products ul.products li.product .details-btn,.woocommerce ul.products li.product .details-btn { position:relative; z-index:10 }
@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 .product-hover-overlay,.related-products ul.products li.product .product-hover-overlay,.woocommerce ul.products li.product .product-hover-overlay { align-items:center; bottom:60px; display:flex; flex-direction:column; justify-content:center; left:0; opacity:0; padding:var(--spacing-sm); position:absolute; right:0; top:0; transition:all .3s ease; visibility:hidden; z-index:5 }
.product-block .product-block-content .products li .product-hover-overlay .overlay-underlay,.related-products ul.products li.product .product-hover-overlay .overlay-underlay,.woocommerce ul.products li.product .product-hover-overlay .overlay-underlay { background:hsla(0,0%,100%,.95); bottom:0; left:0; position:absolute; right:0; top:0; z-index:1 }
@media(max-width:768px) {
.product-block .product-block-content .products li .product-hover-overlay .overlay-underlay,.related-products ul.products li.product .product-hover-overlay .overlay-underlay,.woocommerce ul.products li.product .product-hover-overlay .overlay-underlay { display:none }
.product-block .product-block-content .products li .product-hover-overlay,.related-products ul.products li.product .product-hover-overlay,.woocommerce ul.products li.product .product-hover-overlay { background:#fff; border-radius:8px; bottom:auto; box-shadow:0 10px 30px rgba(0,0,0,.3); height:auto; left:50%; max-width:400px; position:fixed; right:auto; top:50%; transform:translate(-50%,-50%); width:90%; z-index:1000 }
.product-block .product-block-content .products li .product-hover-overlay.mobile-active,.related-products ul.products li.product .product-hover-overlay.mobile-active,.woocommerce ul.products li.product .product-hover-overlay.mobile-active { opacity:1; visibility:visible }
}
.product-block .product-block-content .products li .product-hover-overlay .close-btn,.related-products ul.products li.product .product-hover-overlay .close-btn,.woocommerce ul.products li.product .product-hover-overlay .close-btn { align-items:center; background:var(--color-btn-bg); border:none; border-radius:50%; color:#fff; cursor:pointer; display:flex; font-size:18px; height:30px; justify-content:center; line-height:1; opacity:.9; pointer-events:auto; position:absolute; right:10px; top:10px; width:30px; z-index:100 }
@media(min-width:769px) {
.product-block .product-block-content .products li .product-hover-overlay .close-btn,.related-products ul.products li.product .product-hover-overlay .close-btn,.woocommerce ul.products li.product .product-hover-overlay .close-btn { display:none }
}
.product-block .product-block-content .products li .product-hover-overlay .close-btn:hover,.related-products ul.products li.product .product-hover-overlay .close-btn:hover,.woocommerce ul.products li.product .product-hover-overlay .close-btn:hover { background:var(--color-link-hover); opacity:1 }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content,.related-products ul.products li.product .product-hover-overlay .overlay-content,.woocommerce ul.products li.product .product-hover-overlay .overlay-content { max-width:250px; position:relative; text-align:center; width:100%; z-index:5 }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .product-title,.related-products ul.products li.product .product-hover-overlay .overlay-content .product-title,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .product-title { color:var(--color-primary-heading); font-family:var(--font-family-body); font-size:var(--font-size-text-lg); font-weight:800; line-height:1.2; margin-bottom:var(--spacing-sm) }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .variation-selector,.related-products ul.products li.product .product-hover-overlay .overlay-content .variation-selector,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .variation-selector { margin-bottom:var(--spacing-sm) }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .variation-selector .variation-field,.related-products ul.products li.product .product-hover-overlay .overlay-content .variation-selector .variation-field,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .variation-selector .variation-field { margin-bottom:var(--spacing-xs) }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .variation-selector .variation-field .variation-label,.related-products ul.products li.product .product-hover-overlay .overlay-content .variation-selector .variation-field .variation-label,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .variation-selector .variation-field .variation-label { color:var(--color-primary-heading); display:block; font-size:var(--font-size-text-sm); font-weight:500; margin-bottom:4px }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .variation-selector .variation-field select,.related-products ul.products li.product .product-hover-overlay .overlay-content .variation-selector .variation-field select,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .variation-selector .variation-field select { background:var(--color-white); border:1px solid var(--color-medium-gray); border-radius:3px; font-size:var(--font-size-text-sm); padding:8px; width:100% }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .variation-selector .variation-field select:focus,.related-products ul.products li.product .product-hover-overlay .overlay-content .variation-selector .variation-field select:focus,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .variation-selector .variation-field select:focus { border-color:var(--color-primary); outline:none }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .price-display,.related-products ul.products li.product .product-hover-overlay .overlay-content .price-display,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .price-display { color:var(--color-primary-heading); font-size:var(--font-size-text-md); font-weight:600; margin-bottom:var(--spacing-sm) }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .price-display .price,.related-products ul.products li.product .product-hover-overlay .overlay-content .price-display .price,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .price-display .price { display:block }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .quantity-selector,.related-products ul.products li.product .product-hover-overlay .overlay-content .quantity-selector,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .quantity-selector { align-items:center; background:var(--color-white); border:1px solid var(--color-medium-gray); border-radius:4px; display:flex; justify-content:center; margin-bottom:var(--spacing-sm); margin-left:auto; margin-right:auto; overflow:hidden; width:-moz-fit-content; width:fit-content }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .quantity-selector .quantity-btn,.related-products ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-btn,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-btn { align-items:center; background:var(--color-white); border:none; color:var(--color-text); cursor:pointer; display:flex; font-size:18px; font-weight:400; height:40px; justify-content:center; line-height:1; pointer-events:auto; position:relative; transition:background-color .2s ease; width:40px; z-index:10 }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .quantity-selector .quantity-btn:hover,.related-products ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-btn:hover,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-btn:hover { background:var(--color-light-gray) }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .quantity-selector .quantity-btn:active,.related-products ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-btn:active,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-btn:active { background:var(--color-medium-gray) }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .quantity-selector .quantity-btn.quantity-minus,.related-products ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-btn.quantity-minus,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-btn.quantity-minus { border-right:1px solid var(--color-medium-gray) }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .quantity-selector .quantity-btn.quantity-plus,.related-products ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-btn.quantity-plus,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-btn.quantity-plus { border-left:1px solid var(--color-medium-gray) }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .quantity-selector .quantity-input,.related-products ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-input,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-input { background:var(--color-white); border:none; font-size:var(--font-size-text-md); font-weight:400; height:40px; padding:0; pointer-events:auto; position:relative; text-align:center; width:50px; z-index:10 }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .quantity-selector .quantity-input:focus,.related-products ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-input:focus,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-input:focus { background:var(--color-light-gray); outline:none }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .quantity-selector .quantity-input::-webkit-inner-spin-button,.product-block .product-block-content .products li .product-hover-overlay .overlay-content .quantity-selector .quantity-input::-webkit-outer-spin-button,.related-products ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-input::-webkit-inner-spin-button,.related-products ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-input::-webkit-outer-spin-button,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-input::-webkit-inner-spin-button,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0 }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .quantity-selector .quantity-input[type=number],.related-products ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-input[type=number],.woocommerce ul.products li.product .product-hover-overlay .overlay-content .quantity-selector .quantity-input[type=number] { -moz-appearance:textfield }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .add-to-cart-btn,.related-products ul.products li.product .product-hover-overlay .overlay-content .add-to-cart-btn,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .add-to-cart-btn { 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 .product-hover-overlay .overlay-content .add-to-cart-btn:focus,.product-block .product-block-content .products li .product-hover-overlay .overlay-content .add-to-cart-btn:hover,.related-products ul.products li.product .product-hover-overlay .overlay-content .add-to-cart-btn:focus,.related-products ul.products li.product .product-hover-overlay .overlay-content .add-to-cart-btn:hover,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .add-to-cart-btn:focus,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .add-to-cart-btn:hover { background-color:transparent; border-color:var(--color-btn-bg); color:var(--color-btn-bg) }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .add-to-cart-btn:active,.related-products ul.products li.product .product-hover-overlay .overlay-content .add-to-cart-btn:active,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .add-to-cart-btn: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 .product-hover-overlay .overlay-content .add-to-cart-btn,.related-products ul.products li.product .product-hover-overlay .overlay-content .add-to-cart-btn,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .add-to-cart-btn { margin-top:auto; width:100% }
.product-block .product-block-content .products li .product-hover-overlay .overlay-content .add-to-cart-btn:disabled,.related-products ul.products li.product .product-hover-overlay .overlay-content .add-to-cart-btn:disabled,.woocommerce ul.products li.product .product-hover-overlay .overlay-content .add-to-cart-btn:disabled { cursor:not-allowed; opacity:.6 }
.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) }
}
.product-block .product-block-content .products li .mobile-cart-btn,.related-products ul.products li.product .mobile-cart-btn,.woocommerce ul.products li.product .mobile-cart-btn { display:none; margin-bottom:var(--spacing-xs) }
@media(max-width:768px) {
.product-block .product-block-content .products li .mobile-cart-btn,.related-products ul.products li.product .mobile-cart-btn,.woocommerce ul.products li.product .mobile-cart-btn { display:flex }
}
@keyframes spin { 0% { transform:rotate(0deg) }
to { transform:rotate(1turn) }
}
.product-image-wrapper { position:relative; width:100% }
.product-category-tags { display:flex; flex-wrap:wrap; gap:calc(var(--spacing-xs)/2); left:var(--spacing-xs); max-width:calc(100% - var(--spacing-md)); position:absolute; top:var(--spacing-xs); z-index:2 }
.product-category-tags .product-category-tag { background:hsla(0,0%,100%,.95); color:var(--color-link-hover); display:inline-block; font-size:calc(var(--font-size-text-sm)*.75); font-weight:500; line-height:1.2; padding:calc(var(--spacing-xs)/3) calc(var(--spacing-xs)/1.5); text-decoration:none; transition:background-color .2s ease,color .2s ease }
.product-category-tags .product-category-tag:hover { background:var(--color-link-hover); color:var(--color-white); text-decoration:none }








.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.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:1199.98px) {
body.home .site-header .site-header-main { padding:0 var(--spacing-sm) }
}
body.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.home .site-header .site-header-main .site-branding .custom-logo { max-height:50px; width:auto }
body.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.home .site-header .site-header-main .site-branding .site-name { display:none }
}
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 .container { padding:0!important }
.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-secondary { background-color:transparent; border-color:var(--color-medium-gray); color:var(--color-text) }
.button-secondary:focus,.button-secondary:hover { background-color:var(--color-medium-gray); border-color:var(--color-medium-gray); color:var(--color-primary-heading) }
.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) }
@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 }
}
.product-image-wrapper { position:relative; width:100% }
.product-category-tags { display:flex; flex-wrap:wrap; gap:calc(var(--spacing-xs)/2); left:var(--spacing-xs); max-width:calc(100% - var(--spacing-md)); position:absolute; top:var(--spacing-xs); z-index:2 }
.product-category-tags .product-category-tag { background:hsla(0,0%,100%,.95); color:var(--color-link-hover); display:inline-block; font-size:calc(var(--font-size-text-sm)*.75); font-weight:500; line-height:1.2; padding:calc(var(--spacing-xs)/3) calc(var(--spacing-xs)/1.5); text-decoration:none; transition:background-color .2s ease,color .2s ease }
.product-category-tags .product-category-tag:hover { background:var(--color-link-hover); color:var(--color-white); text-decoration:none }
@keyframes fadeIn { 0% { opacity:0; transform:translateY(10px) }
to { opacity:1; transform:translateY(0) }
}
@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) }
}
@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) }
}
.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 }
body.home h2 { margin-top:calc(var(--spacing-lg)*2) }
body.home .wp-block,body.home section { margin-bottom:calc(var(--spacing-xxl)*2) }
@media(max-width:768px) {
body.home .wp-block,body.home section { margin-bottom:calc(var(--spacing-xl)*2) }
}
body.title-align-left .entry-title,body.title-align-left .page-title,body.title-align-left h1,body.title-align-left h1.entry-title { text-align:left }
.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 }
.banners-block .banners-block-content { display:flex; max-height:450px }
@media(max-width:1199.98px) {
.banners-block .banners-block-content { max-height:100% }
}
.banners-block .banners-block-content .banners-block-item.image-position-left { flex-direction:row-reverse }
.banners-block .banners-block-content .banners-block-item.image-position-left .banners-block-item-image { padding-left:0 }
@media(max-width:1199.98px) {
.banners-block .banners-block-content .banners-block-item.image-position-left { flex-direction:column }
}
.banners-block .banners-block-content .banners-block-item.image-position-right { flex-direction:row }
.banners-block .banners-block-content .banners-block-item.image-position-right .banners-block-item-image { padding-right:0 }
@media(max-width:1199.98px) {
.banners-block .banners-block-content .banners-block-item.image-position-right { flex-direction:column }
}
.banners-block .banners-block-content .banners-block-item { display:flex; height:100%; overflow:hidden; width:100% }
.banners-block .banners-block-content .banners-block-item .banners-block-item-content { box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; padding:5%; width:50% }
.banners-block .banners-block-content .banners-block-item .banners-block-item-content h2,.banners-block .banners-block-content .banners-block-item .banners-block-item-content h3 { margin-top:0 }
.banners-block .banners-block-content .banners-block-item .banners-block-item-content .banners-block-item-title { font-family:IBM Plex Sans; font-size:36px; font-style:SemiBold; font-weight:600; letter-spacing:0; line-height:42px; margin-top:0; vertical-align:middle }
@media(max-width:1199.98px) {
.banners-block .banners-block-content .banners-block-item .banners-block-item-content .banners-block-item-title { font-size:24px; letter-spacing:-.48px; line-height:32px }
}
.banners-block .banners-block-content .banners-block-item .banners-block-item-content .banners-block-item-description { margin:16px 0 }
@media(max-width:1199.98px) {
.banners-block .banners-block-content .banners-block-item .banners-block-item-content { align-items:center; width:100% }
}
.banners-block .banners-block-content .banners-block-item .banners-block-item-content .banners-block-buttons { display:flex; flex-wrap:wrap; gap:12px; margin-top:auto }
.banners-block .banners-block-content .banners-block-item .banners-block-item-content .banners-block-item-link { align-content:center; height:51px; white-space:nowrap; width:-moz-fit-content; width:fit-content }
.banners-block .banners-block-content .banners-block-item .banners-block-item-image { align-items:center; display:flex; justify-content:center; max-height:450px; overflow:hidden; width:50% }
.banners-block .banners-block-content .banners-block-item .banners-block-item-image img { height:100%; -o-object-fit:cover; object-fit:cover; width:100% }
@media(max-width:1199.98px) {
.banners-block .banners-block-content .banners-block-item .banners-block-item-image { width:100% }
.banners-block .banners-block-content .banners-block-item { align-items:center; max-height:450px }
}
@media(max-width:991.98px) {
.banners-block .banners-block-content .banners-block-item { align-items:center; max-height:100% }
}
.popular-block { min-height:536px; width:100% }
@media(max-width:768px) {
.popular-block { height:auto }
}
.popular-block .container { height:536px; margin:0 auto; max-width:1320px; padding:0 15px; width:100% }
@media(max-width:768px) {
.popular-block .container { height:auto; min-height:400px; padding:0 10px }
}
.popular-block .container .popular-block-content { display:grid; gap:4px; grid-auto-flow:column; grid-template-columns:repeat(5,1fr); grid-template-rows:repeat(4,1fr); height:100%; width:100% }
@media(max-width:768px) {
.popular-block .container .popular-block-content { grid-auto-flow:row; grid-template-columns:repeat(2,1fr)!important; grid-template-rows:auto!important }
.popular-block .container .popular-block-content a { grid-column:span 1!important; grid-row:span 1!important; height:auto!important }
}
@media(max-width:415px) {
.popular-block .container .popular-block-content { gap:8px; grid-template-columns:1fr!important; grid-template-rows:auto!important }
.popular-block .container .popular-block-content a { grid-column:span 1!important; grid-row:span 1!important; height:auto!important }
}
.popular-block .container .popular-block-content a { box-sizing:border-box; display:flex; height:100%; min-width:0 }
.popular-block .container .popular-block-content .popular-block-item-first { background-color:#fff; background-image:var(--first-block-image); background-position:100% 100%; background-repeat:no-repeat; background-size:contain; border:1px solid #ebebeb; color:#000; display:flex; flex-direction:column; grid-row:span 4; overflow:hidden; padding:10px; position:relative; text-decoration:none; transition:transform .3s ease,box-shadow .3s ease }
@media(max-width:768px) {
.popular-block .container .popular-block-content .popular-block-item-first { aspect-ratio:2/1; background-position:100%; background-size:50%; grid-column:span 2!important; grid-row:span 2!important; min-height:unset; padding:0 10px 10px }
}
@media(max-width:415px) {
.popular-block .container .popular-block-content .popular-block-item-first { aspect-ratio:1.5/1; grid-column:span 1!important; grid-row:span 1!important; min-height:unset }
}
.popular-block .container .popular-block-content .popular-block-item-first:hover { box-shadow:0 4px 12px rgba(0,0,0,.1); transform:scale(1.05); z-index:10 }
@media(max-width:768px) {
.popular-block .container .popular-block-content .popular-block-item-first:hover { transform:scale(1.02) }
}
.popular-block .container .popular-block-content .popular-block-item-first .popular-block-title { font-family:IBM Plex Sans; font-size:18px; font-weight:600; letter-spacing:0; line-height:24px; margin:0; padding:0; position:relative; z-index:2 }
@media(max-width:768px) {
.popular-block .container .popular-block-content .popular-block-item-first .popular-block-title { background:linear-gradient(90deg,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.7) 50%,hsla(0,0%,100%,0)); border-radius:4px; padding:8px }
}
.popular-block .container .popular-block-content .popular-block-item-first .popular-block-description { font-family:IBM Plex Sans; font-size:14px; font-weight:400; letter-spacing:0; line-height:20px; margin:4px 0 0; padding:0; position:relative; z-index:2 }
@media(max-width:768px) {
.popular-block .container .popular-block-content .popular-block-item-first .popular-block-description { background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,.9) 40%,hsla(0,0%,100%,0)); border-radius:4px; max-width:65%; padding:6px 8px }
}
.popular-block .container .popular-block-content .popular-block-item { background-color:#fff; background-position:100% 100%; background-repeat:no-repeat; background-size:100px 100px; border:1px solid #ebebeb; color:#000; display:flex; flex-direction:column; font-size:32px; font-weight:600; height:100%; line-height:38px; overflow:hidden; padding:10px; position:relative; transition:transform .3s ease,box-shadow .3s ease; width:100% }
.popular-block .container .popular-block-content .popular-block-item:hover { box-shadow:0 4px 12px rgba(0,0,0,.1); transform:scale(1.05); z-index:10 }
@media(max-width:768px) {
.popular-block .container .popular-block-content .popular-block-item { aspect-ratio:1/1; background-position:100%; background-size:50%; min-height:unset; padding:0 12px 12px }
.popular-block .container .popular-block-content .popular-block-item:hover { transform:scale(1.02) }
}
.popular-block .container .popular-block-content .popular-block-item.vertical-2 { background-size:150px 150px; grid-row:span 2 }
.popular-block .container .popular-block-content .popular-block-item.vertical-2.horizontal-2,.popular-block .container .popular-block-content .popular-block-item.vertical-2.horizontal-3,.popular-block .container .popular-block-content .popular-block-item.vertical-2.horizontal-4 { background-size:200px 200px }
@media(max-width:768px) {
.popular-block .container .popular-block-content .popular-block-item.vertical-2 { background-size:50% }
}
.popular-block .container .popular-block-content .popular-block-item.horizontal-2 { grid-column:span 2 }
.popular-block .container .popular-block-content .popular-block-item .popular-block-item-title { font-family:IBM Plex Sans; font-size:18px; font-weight:600; letter-spacing:0; line-height:24px; margin:0; padding:0; position:relative; z-index:2 }
@media(max-width:768px) {
.popular-block .container .popular-block-content .popular-block-item .popular-block-item-title { background:linear-gradient(90deg,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.7) 50%,hsla(0,0%,100%,0)); border-radius:4px; padding:8px }
}
.popular-block .container .popular-block-content a { color:#000; text-decoration:none }
@media(max-width:768px) {
.popular-block .container .popular-block-content { align-items:center; grid-column:span 1!important; grid-row:span 1!important }
}
: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; }