.section-breadcrumbs+.product-section .thb-product-detail{margin-top:0}.breadcrumbs{font-size:.75rem;overflow-x:auto;padding:15px;display:inline-flex;width:100%;white-space:nowrap;max-width:100vw;text-align:center}@media only screen and (min-width:768px){.breadcrumbs{padding:20px 50px;overflow-x:hidden}}.breadcrumbs i{opacity:.2;display:inline-block;margin:0 8px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/breadcrumbs.css.map?v=177832902218822197961755289753 */
@charset "UTF-8";.product-form{margin-top:30px;display:block}.add_to_cart_holder{display:flex;flex-wrap:wrap;margin-bottom:25px}.add_to_cart_holder .quantity{margin-right:10px;max-height:48px;border-color:var(--outline-button-label, var(--color-form-border))}[dir=rtl] .add_to_cart_holder .quantity{margin-right:0;margin-left:10px}.add_to_cart_holder .button{flex:1}.add_to_cart_holder .swym-button-bar{margin-top:0;margin-bottom:0}.single-add-to-cart-button[disabled]+.shopify-payment-button{display:none}.tdbuynow{width:100%}.shopify-payment-button{margin-top:10px;width:100%}.shopify-payment-button__button:not(.shopify-payment-button__button--branded){display:inline-flex;padding:7px 30px;align-items:center;justify-content:center;height:48px;font-size:calc(var(--button-font-scale) * .875rem);font-weight:var(--font-body-bold-weight, 600);letter-spacing:.02em;color:var(--solid-button-label, #fff);position:relative;overflow:hidden;border-radius:var(--button-border-radius, 3px);background:var(--solid-button-background, var(--color-accent))}.button-uppercase-true .shopify-payment-button__button:not(.shopify-payment-button__button--branded){text-transform:uppercase}.shopify-payment-button__button:not(.shopify-payment-button__button--branded):before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a;transform:translateY(100%);z-index:5}.shopify-payment-button__button:not(.shopify-payment-button__button--branded):not([disabled]):hover,.shopify-payment-button__button:not(.shopify-payment-button__button--branded):not([disabled]):focus{background:var(--color-accent);color:#fff}.shopify-payment-button__button:not(.shopify-payment-button__button--branded):not([disabled]):hover:before,.shopify-payment-button__button:not(.shopify-payment-button__button--branded):not([disabled]):focus:before{transform:translateY(0)}.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate div[role=button]{display:inline-flex;padding:7px 30px!important;align-items:center;justify-content:center;min-height:48px!important;font-size:calc(var(--button-font-scale) * .875rem)!important;font-weight:var(--font-body-bold-weight, 600);letter-spacing:.02em;color:var(--solid-button-label, #fff);position:relative;overflow:hidden;border-radius:var(--button-border-radius, 3px);background:var(--solid-button-background, var(--color-accent))}.button-uppercase-true .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate div[role=button]{text-transform:uppercase}.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate div[role=button]:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a;transform:translateY(100%);z-index:5}.shopify-payment-button__button--hidden{display:none!important}.shopify-payment-button .shopify-payment-button__more-options{text-decoration:none;margin:1em auto 0;width:auto;display:inline-block;font-size:.9375rem}.shopify-payment-button .shopify-payment-button__more-options:hover:not([disabled]){text-decoration:none}.product-form__input{padding:0;margin:0 0 20px;border:0}.product-form__input .form__label{display:flex;width:100%;align-items:center;font-weight:var(--font-body-bold-weight, 600);font-size:.8125rem;letter-spacing:.02em;margin-bottom:9px;text-transform:uppercase}.product-form__input .form__label__value{font-weight:400;text-transform:none;margin-right:20px;padding-left:2px}.product-form__input .form__label .product-popup-modal__opener{display:inline-flex;margin-left:auto}[dir=rtl] .product-form__input .form__label .product-popup-modal__opener{margin-left:0;margin-right:auto}.product-information--line-item--text::placeholder,.product-information--line-item--textarea::placeholder{color:rgba(var(--color-body-rgb),.6)}.product-information--line-item--textarea{min-height:0}.product-information--line-item input[type=text],.product-information--line-item textarea,.product-information--line-item select{width:100%}.product-information--line-item .label{display:block;margin-bottom:5px}.variations{margin-bottom:10px}.variations input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.variations input[type=radio]+label{position:relative}.variations input[type=radio]+label:before{position:absolute;width:100%;height:100%;top:0;background:linear-gradient(to bottom left,transparent calc(50% - 1px),var(--color-border),transparent calc(50% + 1px)) no-repeat;z-index:1}.variations input[type=radio].is-disabled+label:before{content:""}.variations input[type=radio].is-disabled+label:after,.variations input[type=radio].is-disabled+label>span{opacity:.4}.variations .product-form__input--dropdown .select,.variations .product-form__input--dropdown select{width:100%;margin-bottom:0}.variations .product-form__input--block{display:flex;flex-wrap:wrap;padding-left:1px;padding-top:1px}.variations .product-form__input--block input[type=radio]+label{width:auto;min-width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;padding:5px 15px;font-size:.8125rem;margin-left:-1px;margin-top:-1px;cursor:pointer;box-shadow:0 0 0 1px var(--color-border) inset}@media only screen and (min-width:768px){.variations .product-form__input--block input[type=radio]+label{margin-right:0}}.variations .product-form__input--block input[type=radio]:checked+label{z-index:5;box-shadow:0 0 0 1px var(--color-body) inset}.variations .product-form__input--block input[type=radio]:focus-visible+label{transform:scale(.9);box-shadow:0 0 0 2px #015ecc}.variations .product-form__input--color{display:flex;flex-wrap:wrap;padding-left:1px}.variations .product-form__input--color input[type=radio]+label{width:48px;height:48px;display:inline-flex;text-indent:-9999em;position:relative;margin-left:-1px;color:transparent;cursor:pointer;z-index:4;box-shadow:0 0 0 1px var(--color-border) inset}.variations .product-form__input--color input[type=radio]+label:after{content:"";display:block;position:absolute;top:14px;left:14px;right:14px;bottom:14px;border-radius:50%;background-position:center;background-size:cover;background-color:var(--option-color);background-image:var(--option-color-image)}.variations .product-form__input--color input[type=radio]:checked+label{z-index:5;box-shadow:0 0 0 1px var(--color-body) inset}.variations .product-form__input--color input[type=radio]:hover:after{transform:scale(.9)}.variations .product-form__input--color input[type=radio]:focus-visible+label{transform:scale(.9);box-shadow:0 0 0 2px #015ecc inset}.variations .product-form__input--color--large input[type=radio]+label{width:64px;height:64px}.variations .product-form__input--color--xlarge input[type=radio]+label{width:80px;height:80px}.variations .product-form__input--siblings{display:flex;flex-wrap:wrap;padding-left:1px;margin-bottom:var(--siblings-margin, 20px)}.variations .product-form__input--siblings label{width:48px;height:48px;display:inline-flex;text-indent:-9999em;position:relative;margin-left:-1px;color:transparent;cursor:pointer;z-index:4;box-shadow:0 0 0 1px var(--color-border) inset}.variations .product-form__input--siblings label:after{content:"";display:block;position:absolute;top:14px;left:14px;right:14px;bottom:14px;border-radius:50%;background-position:center;background-size:cover;background-color:var(--option-color);background-image:var(--option-color-image)}.variations .product-form__input--siblings label a{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:40}.variations .product-form__input--siblings label.active{z-index:5;box-shadow:0 0 0 1px var(--color-body) inset}.variations .product-form__input--siblings label.sold-out:after{opacity:.4}.variations .product-form__input--siblings input[type=radio]:checked+label{z-index:5;box-shadow:0 0 0 1px var(--color-body) inset}.variations .product-form__input--siblings input[type=radio]:hover:after{transform:scale(.9)}.variations .product-form__input--siblings input[type=radio]:focus-visible+label{transform:scale(.9);box-shadow:0 0 0 2px #015ecc inset}.variations .product-form__input--siblings--large label{width:64px;height:64px}.variations .product-form__input--siblings--xlarge label{width:80px;height:80px}@media only screen and (min-width:1068px){.product-grid-container{display:grid;grid-gap:clamp(30px,5%,60px);grid-template-columns:1fr clamp(360px,45%,480px)}}.product-image-container{margin:0 -15px 25px;width:calc(100% + 30px)}@media only screen and (min-width:768px){.product-image-container{margin:0 -50px 25px;width:calc(100% + 100px)}}@media only screen and (min-width:1068px){.product-image-container{margin:0;width:auto}}.product-images{display:grid;grid-gap:3px;scroll-behavior:smooth}@media only screen and (max-width:1067px){.product-images{padding:0 50px;grid-auto-flow:column;grid-auto-columns:minmax(calc(100vw - 100px),1fr);overflow-y:hidden;overflow-x:auto;grid-template-columns:repeat(auto-fill,minmax(calc(100vw - 100px),1fr));scroll-snap-type:x mandatory;scrollbar-width:none}.product-images::-webkit-scrollbar{display:none}.product-images__slide{scroll-snap-align:center;scroll-snap-stop:always}}@media only screen and (max-width:767px){.product-images{padding:0 15px;grid-auto-columns:minmax(calc(100vw - 30px),1fr);grid-template-columns:repeat(auto-fill,minmax(calc(100vw - 30px),1fr))}}@media only screen and (min-width:1068px){.product-images__slide--full{grid-column:span 2}}.product-images__slide.product-images__slide-item--variant{display:none}.product-images__slide.product-images__slide-item--variant:first-child,.product-images__slide.is-active{display:block}@media only screen and (min-width:1068px){.product-images--grid,.product-images--collage{grid-template-columns:1fr 1fr}}@media only screen and (min-width:1068px){.product-images--collage .product-images__slide:first-child{grid-column:span 2}}.product-images--list .product-images__slide--full{grid-column:span 1}.product-images--thumbnails{padding:0}.product-images--thumbnails .product-images__slide{display:none}.no-js .product-images--thumbnails .product-images__slide{display:block}.product-images--thumbnails .product-images__slide.product-images__slide-item--variant{display:none}.product-images--thumbnails .flickity-viewport .product-images__slide{display:block}.product-images--thumbnails:not(.flickity-enabled){display:grid;padding:0;overflow-x:auto;grid-auto-flow:column;grid-auto-columns:100%}.product-images--thumbnails:not(.flickity-enabled) .flickity-nav,.product-images--thumbnails:not(.flickity-enabled) .product-images__slide:not(.is-initial-selected){display:none}.product-images--thumbnails:not(.flickity-enabled)>.product-images__slide:first-child{display:block;margin:0 auto}.product-images-buttons{display:flex;align-items:center;justify-content:center;font-size:.6875rem}@media only screen and (min-width:1068px){.product-images-buttons{display:none}}.product-images-buttons span{margin:0 2px}.product-images-buttons .slider-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}.product-images-buttons .slider-button[disabled]{pointer-events:none;opacity:.4}.pickup-availability-wrapper{position:relative}.pickup-availability-wrapper.thb-loading{min-height:32px}.pickup-availability-information{padding-left:45px;position:relative;margin-bottom:25px;min-height:26px}.pickup-availability-information>svg{position:absolute;top:5px;left:0;width:21px;height:auto}.pickup-availability-information__title{margin-bottom:0;line-height:1.3;font-size:.875rem}.pickup-availability-information__title span{font-weight:var(--font-body-medium-weight, 500)}.pickup-availability-information__stock{font-size:.875rem;margin-bottom:5px;opacity:.8}.pickup-availability-information__button{font-size:.8125rem;font-weight:var(--font-body-medium-weight, 500)}.pickup-availability-list{list-style:none;margin:0;padding:0}.pickup-availability-list__item{margin-bottom:30px;font-size:.9375rem}.pickup-availability-list__location{font-size:1.0625rem;margin-bottom:10px;font-weight:var(--font-body-medium-weight, 500)}.pickup-availability-list__stock{font-size:.8125rem;padding-left:30px;position:relative;margin-bottom:10px}.pickup-availability-list__stock svg{position:absolute;top:4px;left:0;width:20px;height:auto}@media only screen and (min-width:768px){.thb-product-detail{margin-top:40px}}.thb-product-detail .product-title-container{margin-bottom:20px}.thb-product-detail .product-title{font-size:calc(var(--font-heading-scale) * 1.75rem);line-height:calc(var(--font-heading-line-height-scale) * 2.125rem);font-weight:var(--font-body-medium-weight, 500);margin-bottom:3px;color:var(--color-body)}.thb-product-detail .product-title.uppercase--true{text-transform:uppercase}.thb-product-detail .product-title a{color:var(--color-body)}@media only screen and (min-width:1068px){.thb-product-detail .product-information--inner.production-information--sticky{position:sticky;top:calc(var(--header-height, 80px) + 20px);left:0}}.thb-product-detail .product-information--image{margin-bottom:20px}.thb-product-detail .product-information--image .thb-placeholder{display:inline-flex}.thb-product-detail .product-information--image svg{width:60px;height:60px}.thb-product-detail shopify-payment-terms{font-size:.8125rem;margin-top:10px;display:block;text-align:center;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid var(--color-border)}.thb-product-detail .product-price-container .price{font-size:1.25rem;display:flex;flex-wrap:wrap;align-items:center;margin-right:11px}.thb-product-detail .product-price-container .price .unit-price{margin-left:5px}.thb-product-detail .product-price-container .product__tax{opacity:.6;font-size:.75rem}.thb-product-detail .product-price-container .product__tax a{text-decoration:underline;text-underline-offset:2px}.thb-product-detail .product-price-container .badges{margin-left:11px}.thb-product-detail .product-price-container .badge{margin-right:5px;height:23px;padding:0 11px}.thb-product-detail .star-rating-container{display:block;font-size:.8125rem;margin-top:.3125rem;line-height:0}.thb-product-detail .star-rating-container .star-rating{margin-right:12px}.thb-product-detail .product--text.style_vendor{text-transform:uppercase;font-size:.6875rem;letter-spacing:.1em;opacity:.6;margin-bottom:10px}.thb-product-detail .view-product-details{margin-top:30px}.thb-product-detail .product-short-description{font-size:.9375rem;margin-bottom:25px}.thb-product-detail .product-short-description p,.thb-product-detail .product-short-description ul{margin-bottom:10px}.thb-product-detail .product-short-description iframe,.thb-product-detail .product-short-description video{max-width:100%}.thb-product-detail .product-quick-images{height:300px;padding:10px;overflow-x:scroll;overflow-y:hidden;display:grid;grid-auto-flow:column;grid-auto-columns:max-content;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.thb-product-detail .product-quick-images::-webkit-scrollbar{display:none}@media only screen and (min-width:1068px){.thb-product-detail .product-quick-images{height:100%;padding:10px 0;grid-auto-flow:row;grid-auto-columns:1fr;overflow-x:hidden;overflow-y:scroll;align-content:start;scroll-snap-type:y mandatory}}.thb-product-detail .product-quick-images--container{height:300px;width:calc(100% + 60px);margin-left:-30px;margin-bottom:28px;background:var(--bg-body-darken, #f8f8f8);transition:transform .3s cubic-bezier(.104,.204,.492,1)}@media only screen and (min-width:1068px){.thb-product-detail .product-quick-images--container{position:absolute;top:0;left:0;bottom:0;width:420px;padding:0 10px;margin:0;height:auto;z-index:-1;transition-delay:.25s;transform:translate(0);box-shadow:inset 0 4px 40px #00000026}}@media only screen and (min-width:1068px){.thb-product-detail .product-quick-images--container.active,.template-product-quick-view .thb-product-detail .product-quick-images--container{transform:translate(-100%)}}.thb-product-detail .product-quick-images__slide{height:280px;display:inline-block;padding-right:10px;scroll-snap-stop:always}.thb-product-detail .product-quick-images__slide .product-single__media-image{display:block;position:relative;height:auto;overflow:hidden;padding-bottom:0}.thb-product-detail .product-quick-images__slide .product-single__media-image img{position:static;width:auto;height:280px;object-fit:contain}@media only screen and (min-width:1068px){.thb-product-detail .product-quick-images__slide .product-single__media-image img{height:auto}}.thb-product-detail .product-quick-images__slide .product-single__media-native-video{height:100%}@media only screen and (min-width:1068px){.thb-product-detail .product-quick-images__slide .product-single__media-native-video{height:auto}}.thb-product-detail .product-quick-images__slide .product-single__media-native-video video{height:100%}.thb-product-detail .product-quick-images__slide iframe{height:280px}@media only screen and (min-width:1068px){.thb-product-detail .product-quick-images__slide{padding:0;height:auto;width:100%;margin-bottom:10px}.thb-product-detail .product-quick-images__slide:last-child{margin-bottom:0}.thb-product-detail .product-quick-images__slide img,.thb-product-detail .product-quick-images__slide iframe{width:100%!important;height:auto}}.thb-product-detail .product-quick-images__slide.product-images__slide-item--variant{display:none}.thb-product-detail .product-quick-images__slide.product-images__slide-item--variant:first-child{display:block}.thb-product-detail .product-single__media{display:block;width:100%;position:relative;text-align:center}.thb-product-detail .product-single__media .figcaption{font-size:.875rem;line-height:1.5;text-align:center;padding:12px 15px;position:absolute;bottom:0;left:0;right:0;z-index:5;background:rgba(var(--bg-body-rgb),.7)}.thb-product-detail .product-single__media-image{display:block;position:relative;height:0;overflow:hidden;padding-bottom:var(--padding-bottom)}.thb-product-detail .product-single__media-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:5}.thb-product-detail .product-single__media-zoom{position:absolute;top:23px;right:23px;z-index:40;background:var(--bg-body, #fff);border-radius:50%;height:38px;width:38px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000026}.thb-product-detail .product-single__media-zoom svg{width:20px;height:20px}.thb-product-detail .product-single__media-zoom:hover svg,.thb-product-detail .product-single__media-zoom:focus svg{transform:scale(1.2)}@media only screen and (min-width:1068px){.thb-product-detail .product-single__media-zoom{opacity:0}}.thb-product-detail .product-single__media-xr-close{position:absolute;top:12px;right:12px;z-index:40;background:var(--bg-body, #fff);border-radius:50%;height:38px;width:38px;display:none;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000026}.thb-product-detail .product-single__media-xr-close svg{width:12px}@media only screen and (min-width:1068px){.thb-product-detail .product-single__media:hover .product-single__media-zoom{opacity:1}}.thb-product-detail .product-single__media.product-single__media-native-video{aspect-ratio:var(--aspect-ratio);line-height:0}.thb-product-detail .product-single__media.product-single__media-native-video video{width:100%;height:auto}.thb-product-detail .product-single__media.product-single__media-external-video .product-single__media-external-video--play{position:relative}.thb-product-detail .product-single__media.product-single__media-external-video .product-single__media-external-video--play img{width:100%}.thb-product-detail .product-single__media.product-single__media-external-video .product-single__media-external-video--play button{position:absolute;top:50%;left:50%;margin:-19px 0 0 -19px;border-radius:50%;height:38px;width:38px;display:flex;justify-content:center;align-items:center;background:var(--bg-body, #fff);box-shadow:0 2px 10px #00000026}.thb-product-detail .product-single__media.product-single__media-external-video .product-single__media-external-video--play button svg{width:16px;height:16px}.thb-product-detail .product-single__media.product-single__media-external-video .product-single__media-external-video--play+iframe{display:none}.thb-product-detail .product-single__media.product-single__media-external-video .product-single__media-external-video--play[hidden]+iframe{display:block}.thb-product-detail .product-single__media.product-single__media-external-video iframe{width:100%;aspect-ratio:var(--aspect-ratio)}.thb-product-detail .product-single__media.product-single__media-model>img,.thb-product-detail .product-single__media.product-single__media-model template{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;z-index:0;object-fit:contain}.thb-product-detail .product-single__media.product-single__media-model template{z-index:10}.thb-product-detail .product-single__media.product-single__media-model[loaded] .product-single__media-model-button,.thb-product-detail .product-single__media.product-single__media-model[loaded]>img{display:none}.thb-product-detail .product-single__media.product-single__media-model[loaded]+.product-single__media-xr-close{display:flex}.thb-product-detail .product-single__media.product-single__media-model .product-single__media-model-button{background:var(--bg-body, #fff);position:absolute;left:50%;top:50%;z-index:40;margin:-19px 0 0 -19px;border-radius:50%;height:38px;width:38px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000026}.thb-product-detail .product-single__media.product-single__media-model .product-single__media-model-button svg{width:20px;height:20px}.thb-product-detail .product-single__media.product-single__media-model .product-single__media-model-button:hover svg,.thb-product-detail .product-single__media.product-single__media-model .product-single__media-model-button:focus svg{transform:scale(1.2)}.thb-product-detail .product-single__media.product-single__media-model>model-viewer,.thb-product-detail .product-single__media.product-single__media-model>.shopify-model-viewer-ui{position:absolute;top:0;left:0;width:100%;height:100%}.thb-product-detail .product-single__media.product-single__media-model .shopify-model-viewer-ui{z-index:20}.thb-product-detail .product-single__media.product-single__media-model .shopify-model-viewer-ui model-viewer{width:100%;height:100%}.thb-product-detail .product__xr-button{width:100%;background:var(--bg-body-darken);border-color:var(--bg-body-darken);color:var(--color-body)}.thb-product-detail .product__xr-button svg{height:20px;margin-right:10px;vertical-align:middle}.thb-product-detail .product__xr-button svg path{fill:var(--color-body)}.thb-product-detail .product__xr-button[data-shopify-xr-hidden]{visibility:hidden}.shopify-design-mode .thb-product-detail .product__xr-button[data-shopify-xr-hidden]{display:none}.thb-product-detail .product-images__slide{width:100%}.thb-product-detail .product-form__error-message-wrapper{margin-bottom:20px}.thb-product-detail [data-hide-variants=true] .product-images__slide[data-group]{display:none}.thb-product-detail [data-hide-variants=true] .product-images__slide[data-group].is-active,.thb-product-detail [data-hide-variants=true] .product-images__slide.is-active{display:block}.pswp{display:none}.pswp.pswp--open{display:block}.product-specification-table{border:0}.product-specification-table th,.product-specification-table td{border:0;border-bottom:1px solid var(--color-border);padding-left:0}.product-specification-table th{width:30%}.product-specification-table tr:last-child th,.product-specification-table tr:last-child td{border-bottom:0}.metafield-color{display:inline-block;width:20px;height:20px;border-radius:50%;margin-right:5px}.metafield-rich_text_field>*:last-child{margin-bottom:0}.payment-icons{margin-bottom:35px}.payment-icons figure{display:inline-flex;margin-left:5px}.payment-icons figure:first-child{margin-left:0}.accordion{display:block;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:25px}.accordion+.accordion{border-top:0;margin-top:-25px}.accordion-container .accordion{max-width:760px;margin-right:auto;margin-left:auto}.accordion-container .accordion:last-child{margin-bottom:0}.accordion details[open] summary span:before{transform:rotate(90deg)}.accordion summary{width:100%;list-style:none;position:relative;font-weight:var(--font-body-bold-weight, 600);font-size:1rem;letter-spacing:.02em;line-height:1;padding:18px 40px 18px 0;cursor:pointer}[dir=rtl] .accordion summary{padding:18px 0 18px 40px}.accordion summary span{position:absolute;top:calc(50% - 5.5px);right:18px;width:12px;height:12px;display:block}[dir=rtl] .accordion summary span{right:auto;left:18px}.accordion summary span:before,.accordion summary span:after{content:"";display:block;position:absolute;top:5.5px;left:0;background:var(--color-body)}.accordion summary span:before{width:1px;height:12px;top:0;left:5.5px;will-change:transform}.accordion summary span:after{width:12px;height:1px}.accordion summary::-webkit-details-marker{display:none}.accordion .accordion__content{padding:0 0 15px;font-size:.9375rem}.accordion .accordion__content>*:last-child{margin-bottom:0}.share-article{display:block;font-size:.8125rem;line-height:1;margin-bottom:25px}.share-article svg{height:16px;width:auto}.share-article svg path{fill:var(--color-body)}.share-article label{display:block;font-size:.8125rem;letter-spacing:.1em;font-weight:var(--font-body-bold-weight, 600);text-transform:uppercase;margin-bottom:14px}.share-article .social{display:inline-flex;align-items:center;margin-right:14px;width:24px;height:24px;white-space:nowrap;color:var(--color-body)}.clipboard{position:relative}.clipboard--bubble{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);background-color:var(--color-body);color:var(--bg-body, #fff);white-space:nowrap;font-size:.75rem;padding:3px 6px;border-radius:1px;opacity:0;pointer-events:none;line-height:1.25}.clipboard--bubble:after{content:"";width:0px;height:0px;border-style:solid;border-width:3px 2.5px 0 2.5px;border-color:var(--color-body) transparent transparent transparent;transform:translate(-2.5px);position:absolute;bottom:-3px;left:50%}.clipboard-success .clipboard--bubble{opacity:1}.product-popup-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;padding:30px;background:rgba(var(--color-overlay-rgb),.7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);height:100%}.product-popup-modal[open]{opacity:1;visibility:visible;z-index:101}.product-popup-modal__button{color:var(--color-accent);display:flex;align-items:center;cursor:pointer}.product-popup-modal__button svg{height:12px;width:auto;margin-right:9px;fill:var(--color-accent)}.product-popup-modal__button span{font-size:.8125rem;letter-spacing:.02em}.product-popup-modal__button.no-js{display:none}.no-js .product-popup-modal__button.no-js{display:flex}.product-popup-modal__toggle{position:absolute;top:10px;right:10px;line-height:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:var(--bg-body, #fff);z-index:10}.product-popup-modal__content{overflow:auto;max-height:80vh;max-width:clamp(300px,90vw,800px);margin:0 auto;left:50%;transform:translate3d(-50%,-50%,0);width:100%;position:absolute;top:50%;display:flex;flex-direction:column;box-shadow:0 4px 40px #00000040}.product-popup-modal__content-header{display:flex;align-items:center;justify-content:center;height:73px;text-align:center;position:sticky;background-color:var(--bg-body, #fff);top:0;left:0;flex-shrink:0}.product-popup-modal__content-header h5{color:inherit;margin:0}.product-popup-modal__content scroll-shadow{flex:1;display:flex;width:100%;overflow:hidden}.product-popup-modal__content-info{padding:25px;background-color:var(--bg-body, #fff);overflow-y:auto;width:100%;position:relative;color:var(--color-body)}@media only screen and (min-width:768px){.product-popup-modal__content-info{padding:50px}}.product-popup-modal__content-info table:last-child{margin-bottom:0}.product-popup-modal--bottom-left .product-popup-modal__content{left:15px;bottom:15px;top:auto;transform:none}@media only screen and (min-width:768px){.product-popup-modal--bottom-left .product-popup-modal__content{left:30px;bottom:30px}}.product-popup-modal--bottom-right .product-popup-modal__content{left:auto;right:15px;bottom:15px;top:auto;transform:none}@media only screen and (min-width:768px){.product-popup-modal--bottom-right .product-popup-modal__content{right:30px;bottom:30px}}.product-popup-modal--buttons{display:flex;flex-direction:column;align-items:center;gap:15px}.product-popup-modal--heading,.product-popup-modal--text,.product-popup-modal--button{margin-bottom:10px}.product-popup-modal--footer{font-size:.75rem;margin-top:20px}.product-popup-modal--footer>*:last-child{margin-bottom:0}.product-add-to-cart-sticky{position:fixed;bottom:15px;right:15px;width:calc(100% - 30px);max-width:420px;z-index:31;background:var(--bg-body, #fff);padding:18px;box-shadow:0 2px 10px #00000026;transform:translate(calc(100% + 50px))}.product-add-to-cart-sticky.sticky--visible{transform:translate(0)}@media only screen and (min-width:768px){.product-add-to-cart-sticky{bottom:30px;right:30px}}.product-add-to-cart-sticky--image{width:48px;margin-right:18px;flex-shrink:0}[dir=rtl] .product-add-to-cart-sticky--image{margin-right:0;margin-left:18px}.product-add-to-cart-sticky--title{font-size:calc(var(--font-product-title-scale, 1) * .9375rem);line-height:calc(var(--font-product-title-line-height-scale, 1) * 1.4);font-weight:var(--font-body-bold-weight, 600);display:block;margin-bottom:5px}.product-title-uppercase-true .product-add-to-cart-sticky--title{text-transform:uppercase}.product-add-to-cart-sticky--inner{display:flex;align-items:center;position:relative;width:100%;padding-right:50px;text-align:left;min-height:48px}[dir=rtl] .product-add-to-cart-sticky--inner{padding-right:0;padding-left:50px}.product-add-to-cart-sticky--inner .plus{position:absolute;top:calc(50% - 9.5px);right:8px;width:19px;height:19px;display:block}[dir=rtl] .product-add-to-cart-sticky--inner .plus{right:auto;left:8px}.product-add-to-cart-sticky--inner .plus:before,.product-add-to-cart-sticky--inner .plus:after{content:"";display:block;position:absolute;top:9px;left:0;background:var(--color-body)}.product-add-to-cart-sticky--inner .plus:before{width:1px;height:19px;top:0;left:9px;will-change:transform}.product-add-to-cart-sticky--inner .plus:after{width:19px;height:1px}.product-add-to-cart-sticky--inner.sticky-open .plus:before{transform:rotate(90deg)}.product-add-to-cart-sticky--content{display:none;overflow:hidden;padding-top:18px}.product-add-to-cart-sticky--content.active{display:block}.product-add-to-cart-sticky .product-form .add_to_cart_holder{margin-bottom:0}.star-rating{--star-percent: calc(var(--star-rating) / 5 * 100%);display:inline-block;font-size:1rem;font-family:Times;line-height:1}.star-rating:before{content:"\2605\2605\2605\2605\2605";background:linear-gradient(90deg,var(--color-star) var(--star-percent),#e1e1e1 var(--star-percent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rating{display:inline-block;margin:0}.rating-star{--letter-spacing: .3;--font-size: 1.5;--percent: calc( ( var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size))) ) * 100% );letter-spacing:calc(var(--letter-spacing) * 1rem);font-size:calc(var(--font-size) * 1rem);line-height:1;display:inline-block;font-family:Times;margin:0}.rating-star:before{content:"\2605\2605\2605\2605\2605";background:linear-gradient(90deg,var(--color-reviews) var(--percent),rgba(var(--color-foreground),.15) var(--percent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rating-text{display:none}.rating-count{display:none;margin:0}@media(forced-colors:active){.rating{display:none}.rating-text{display:block}}.side-panel-links{display:block;margin-bottom:20px}.side-panel-links--link{display:inline-flex;align-items:center;margin-right:12px}@media only screen and (min-width:768px){.side-panel-links--link{margin-right:22px}}.side-panel-links--link svg{margin-right:5px;fill:var(--color-accent)}@media only screen and (min-width:768px){.side-panel-links--link svg{margin-right:10px}}[dir=rtl] .side-panel-links--link svg{margin-right:0;margin-left:5px}@media only screen and (min-width:768px){[dir=rtl] .side-panel-links--link svg{margin-left:10px}}[dir=rtl] .side-panel-links--link{margin-right:0;margin-left:12px}@media only screen and (min-width:768px){[dir=rtl] .side-panel-links--link{margin-left:22px}}.side-panel-links--link .text-button{margin-right:0}.side-panel-links--link.no-js{display:none}.no-js .side-panel-links--link.no-js{display:flex}.product-inventory-notice{font-size:.8125rem;line-height:1;margin-bottom:20px;color:var(--color-inventory-instock, #279a4b)}.product-inventory-notice--text{margin-bottom:13px;display:flex;align-items:center}.product-inventory-notice--pulse{display:inline-flex;width:8px;height:8px;margin:4px 12px 4px 4px;position:relative;border-radius:50%;background:var(--color-inventory-instock, #279a4b);vertical-align:middle}.product-inventory-notice--pulse:after{content:"";position:absolute;top:-4px;left:-4px;width:16px;height:16px;border-radius:8px;background:var(--color-inventory-instock, #279a4b);animation:inventory-pulse 2s ease-out infinite}.product-inventory-notice--bar{display:block;position:relative;height:4px;width:100%;background:var(--color-border)}.product-inventory-notice--bar span{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-inventory-instock, #279a4b);transform-origin:top left;animation:inventory-bar 1s ease-out forwards}.product-inventory-notice--low{color:var(--color-inventory-lowstock, #279a4b)}.product-inventory-notice--low .product-inventory-notice--pulse{background:var(--color-inventory-lowstock, #279a4b)}.product-inventory-notice--low .product-inventory-notice--pulse:after{background:var(--color-inventory-lowstock, #279a4b)}.product-inventory-notice--low .product-inventory-notice--bar span{background:var(--color-inventory-lowstock, #279a4b)}@keyframes inventory-pulse{0%{opacity:.5;transform:scale(.5)}to{opacity:0;transform:scale(1)}}@keyframes inventory-bar{0%{transform:scale(1)}to{transform:scaleX(calc(var(--inventory-scale)))}}.complementary-products--inner{border:1px solid var(--color-border);padding:20px;position:relative;margin-bottom:30px;margin-top:10px}.complementary-products--heading{position:absolute;top:0;left:50%;transform:translate3d(-50%,-50%,0);background:var(--bg-body, #fff);padding:0 20px;font-size:.8125rem;text-transform:uppercase;font-weight:var(--font-body-medium-weight, 500)}.complementary-products .product-cart-item{align-items:center;margin-bottom:15px}.complementary-products .product-cart-item:last-child{margin-bottom:0}.complementary-products .product-cart-item .product-cart-item-image{margin-right:20px}[dir=rtl] .complementary-products .product-cart-item .product-cart-item-image{margin-right:0;margin-left:20px}.complementary-products .product-cart-item img,.complementary-products .product-cart-item .thb-placeholder{width:64px}.complementary-products .product-cart-item .product-cart-item-info .price{display:block}#shopify-product-reviews{margin:0 auto;padding:0 15px;max-width:1440px;margin-top:var(--section-spacing-mobile, 0);margin-bottom:var(--section-spacing-mobile, 0)}@media only screen and (min-width:768px){#shopify-product-reviews{margin-top:var(--section-spacing-desktop, 0);margin-bottom:var(--section-spacing-desktop, 0);padding:0 50px}}#shopify-product-reviews .spr-container{padding:0;border:0}#shopify-product-reviews .spr-container .spr-review{border:0}#shopify-product-reviews .spr-icon{line-height:1}#shopify-product-reviews .spr-header-title{font-weight:var(--font-body-bold-weight, 600);letter-spacing:.02em;font-size:2.125rem;line-height:2.625rem}#shopify-product-reviews .spr-starrating,#shopify-product-reviews .spr-starratings{font-size:.625rem;color:var(--color-star)}#shopify-product-reviews .spr-summary{font-size:1.0625rem}@media only screen and (min-width:768px){#shopify-product-reviews .spr-summary{display:flex;align-items:center}#shopify-product-reviews .spr-summary .spr-summary-actions{margin-left:auto}}#shopify-product-reviews .spr-summary .spr-summary-caption{font-size:.875rem}#shopify-product-reviews .spr-summary .spr-starrating{margin-right:20px}#shopify-product-reviews .spr-summary-actions-newreview{text-decoration:none}#shopify-product-reviews .spr-reviews{display:grid;grid-gap:15px}@media only screen and (min-width:768px){#shopify-product-reviews .spr-reviews{grid-template-columns:1fr 1fr}}#shopify-product-reviews .spr-review{display:flex;flex-direction:column;padding:20px;background:rgba(var(--color-body-rgb),.03);margin:0}@media only screen and (min-width:768px){#shopify-product-reviews .spr-review{padding:40px}#shopify-product-reviews .spr-review .spr-review-header-starratings{margin-bottom:10px}#shopify-product-reviews .spr-review .spr-review-header-title{font-size:1.5rem;line-height:2rem;font-weight:var(--font-body-bold-weight, 600)}#shopify-product-reviews .spr-review .spr-review-header-byline{font-style:normal;opacity:.6;font-size:.875rem}}#shopify-product-reviews .spr-review .spr-review-content-body{font-size:1rem;line-height:1.375rem}#shopify-product-reviews .spr-review .spr-review-footer{width:100%}#shopify-product-reviews .spr-review .spr-review-footer .spr-review-reportreview{float:left}.shopify-payment-button__button:not(.shopify-payment-button__button--branded):before,.shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate div[role=button]:before,.variations input[type=radio]+label:before,.variations .product-form__input--color input[type=radio]+label,.variations .product-form__input--color input[type=radio]+label:after,.variations .product-form__input--siblings label,.variations .product-form__input--siblings label:after,.product-images-buttons .slider-button,.thb-product-detail .product-single__media-zoom svg,.thb-product-detail .product-single__media.product-single__media-model .product-single__media-model-button svg,.accordion summary span:before,.clipboard--bubble,.product-popup-modal,.product-add-to-cart-sticky,.product-add-to-cart-sticky--inner .plus:before{transition:all .25s cubic-bezier(.104,.204,.492,1)}.product-recommendations{display:none}.product-recommendations.product-recommendations--loaded{display:block}@media only screen and (min-width:768px){.product-recommendations__heading{margin-bottom:45px}}@media only screen and (max-width:767px){.product-recommendations.swipe-on-mobile .products.row{margin:0 -15px;width:calc(100% + 30px);padding:0 11px;display:grid;grid-gap:0;grid-auto-flow:column;grid-auto-columns:minmax(50%,1fr);overflow-x:auto;grid-template-columns:repeat(auto-fill,minmax(50%,1fr));scroll-snap-type:x mandatory;scrollbar-width:none}.product-recommendations.swipe-on-mobile .products.row::-webkit-scrollbar{display:none}.product-recommendations.swipe-on-mobile .products.row .columns{flex:0 0 100%;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/product.css.map?v=17481990152205242641755289753 */
.product-image-container.product-image-container--thumbnails .product-thumbnail-container .product-thumbnail:after{transition:all .25s cubic-bezier(.104,.204,.492,1)}.product-image-container.product-image-container--thumbnails{position:relative;margin:0 0 30px;width:100%}@media only screen and (min-width:768px){.product-image-container.product-image-container--thumbnails{padding-left:90px}[dir=rtl] .product-image-container.product-image-container--thumbnails{padding:0 90px 0 0}}@media only screen and (min-width:1068px){.product-image-container.product-image-container--thumbnails{margin-bottom:0}}.product-image-container.product-image-container--thumbnails scroll-shadow{margin:2px 0 0;width:100%}@media only screen and (min-width:768px){.product-image-container.product-image-container--thumbnails scroll-shadow{margin:0;display:block;position:absolute;top:0;left:0;width:80px;height:100%}}[dir=rtl] .product-image-container.product-image-container--thumbnails scroll-shadow{left:auto;right:0}.product-image-container.product-image-container--thumbnails .product-thumbnail-container{display:grid;gap:2px;z-index:20;align-content:start;overflow-y:hidden;overflow-x:scroll;grid-auto-flow:column;grid-auto-columns:max-content;grid-auto-rows:max-content;align-items:start;scrollbar-width:none}@media only screen and (min-width:768px){.product-image-container.product-image-container--thumbnails .product-thumbnail-container{gap:10px;grid-auto-flow:row;overflow-y:scroll;overflow-x:hidden;height:100%}}.product-image-container.product-image-container--thumbnails .product-thumbnail-container::-webkit-scrollbar{display:none}.product-image-container.product-image-container--thumbnails .product-thumbnail-container .product-thumbnail{position:relative;overflow:hidden;cursor:pointer;width:80px;height:auto}.product-image-container.product-image-container--thumbnails .product-thumbnail-container .product-thumbnail img{object-fit:contain}.product-image-container.product-image-container--thumbnails .product-thumbnail-container .product-thumbnail:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 1px transparent}.product-image-container.product-image-container--thumbnails .product-thumbnail-container .product-thumbnail-icon{width:21px;height:21px;display:flex;align-items:center;justify-content:center;background:var(--bg-body, #fff);position:absolute;top:7px;right:7px;border-radius:50%;pointer-events:none}.product-image-container.product-image-container--thumbnails .product-thumbnail-container .product-thumbnail-icon svg{opacity:.6;width:8px}.product-image-container.product-image-container--thumbnails .product-thumbnail-container .product-thumbnail:hover svg{opacity:1}.product-image-container.product-image-container--thumbnails .product-thumbnail-container .product-thumbnail.is-initial-selected:after{box-shadow:inset 0 0 0 1px var(--color-body),inset 0 0 0 3px var(--bg-body, #fff)}.product-image-container.product-image-container--thumbnails .product-thumbnail-container[data-hide-variants=true] .product-thumbnail{display:none}.product-image-container.product-image-container--thumbnails .product-thumbnail-container[data-hide-variants=true] .product-thumbnail.is-active,.product-image-container.product-image-container--thumbnails .product-thumbnail-container[data-hide-variants=true] .product-thumbnail.is-initial-selected{display:block}
/*# sourceMappingURL=/cdn/shop/t/7/assets/product-thumbnails.css.map?v=136249535059512871021755289753 */
.max-height{display:block;background-color:var(--bg-body, #fff);padding:25px;font-size:.875rem;position:relative}.max-height--no-background{padding:0}.max-height--no-background .max-height--toggle{left:0;right:0;padding-bottom:0}.max-height--no-background.max-height--active{padding-bottom:25px}.max-height--inner{position:relative;overflow:hidden;max-height:var(--max-height, 350px)}.max-height--inner-content>*:last-child{margin-bottom:0}.max-height--toggle{display:none;position:absolute;bottom:0;left:25px;right:25px;padding-top:10px;padding-bottom:25px;text-align:left;color:var(--color-accent);background-color:var(--bg-body, #fff)}.max-height--toggle:after{content:"";display:block;position:absolute;bottom:100%;height:50px;left:0;width:100%;background:linear-gradient(180deg,rgba(var(--bg-body-rgb),0) 10%,rgba(var(--bg-body-rgb),1) 90%);pointer-events:none;transition:.25s opacity cubic-bezier(.104,.204,.492,1)}.max-height--toggle .text-button--read-less{display:none}.max-height--active{padding-bottom:55px}.max-height--active .max-height--toggle{display:block}.max-height--enabled .max-height--inner{max-height:none}.max-height--enabled .max-height--toggle:after{opacity:0;pointer-events:none}.max-height--enabled .text-button--read-more{display:none}.max-height--enabled .text-button--read-less{display:inline-flex}.max-height .metafield-rich_text_field>*:last-child{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/max-height.css.map?v=155547012212047012461755289753 */
.product-image-container.product-image-container--thumbnails .product-thumbnail-container .product-thumbnail {
max-height: 50px;
max-width: 50px;
}
/* Base thumbnail opacity — width/height/position/grid layout all come from
the ported theme rule above (.product-image-container.product-image-
container--thumbnails .product-thumbnail-container .product-thumbnail),
which wins on specificity; this just adds a dim/highlight state the theme
rule doesn't set. */
.product-thumbnail-container .product-thumbnail {
/* opacity: 0.65; */
}
.product-thumbnail-container .product-thumbnail.is-active {
opacity: 1;
}
/* Gallery — swaps Flickity (the live theme's slider lib) for this app's
Swiper convention. The main-image Swiper sits where .product-images used
to hold a single static ![]()
; .product-gallery-thumbs-rail replaces the
theme's element so the ported "vertical rail on the left,
80px reserved via padding-left:90px" desktop layout above still applies —
the descendant selector for .product-thumbnail-container doesn't care
that there's a div instead of a custom element in between. */
/* CSS Grid items default to min-width:auto, which forces the browser to
consider the item's unconstrained intrinsic content size when solving the
`1fr` track above. A Swiper slide's width:100% (of a flex wrapper that's
itself width:100% of a grid item) chained into aspect-ratio-driven height
is exactly the kind of intrinsic-size cycle Chromium can't resolve, and it
falls back to an ~33M px column. min-width:0 is the standard fix — it lets
the item shrink to the track's resolved size instead of its content. */
.product-grid-container > .product-image-container {
min-width: 0;
}
.product-images.product-images--thumbnails {
display: block;
position: relative;
}
.product-gallery-swiper {
border-radius: 0;
}
/* The theme's height:0 + padding-bottom:% aspect-ratio hack fights the CSS
Grid `1fr` track above (Chromium can't resolve the item's intrinsic size,
since padding-bottom:% depends on a width the grid hasn't settled on
yet, and falls back to a ~33M px runaway column). Swapping to the
`aspect-ratio` property gives the grid item a definite intrinsic size
without that circular dependency; the ported absolute-positioned ![]()
(top/left/width/height 100%) still fills it exactly the same way. */
.product-gallery-swiper .product-single__media-image {
height: auto;
aspect-ratio: 4 / 5;
padding-bottom: 0;
}
.product-gallery-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--bg-body, #fff);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.product-gallery-arrow:before {
content: "";
width: 8px;
height: 8px;
border-right: 1.5px solid var(--color-body, #000);
border-bottom: 1.5px solid var(--color-body, #000);
}
.product-gallery-arrow.prev {
left: 12px;
}
.product-gallery-arrow.prev:before {
transform: rotate(135deg);
margin-left: 3px;
}
.product-gallery-arrow.next {
right: 12px;
}
.product-gallery-arrow.next:before {
transform: rotate(-45deg);
margin-right: 3px;
}
.product-gallery-arrow.swiper-button-disabled {
opacity: 0.35;
pointer-events: none;
}
.product-gallery-thumbs-rail {
margin-top: 10px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
padding: 30px;
}
@media only screen and (max-width: 768px) {
.product-gallery-thumbs-rail {
padding: 10px;
}
.product-image-container.product-image-container--thumbnails .product-thumbnail-container .product-thumbnail {
width: 40px;
height: 40px;
}
}
/* Below the image at every width, not a left-hand rail — overrides the
ported theme's scroll-shadow rail (padding-left:90px + position:absolute)
above, at the same specificity + breakpoints, so it wins by cascade order. */
@media only screen and (min-width: 768px) {
.product-image-container.product-image-container--thumbnails {
padding-left: 0;
}
[dir="rtl"] .product-image-container.product-image-container--thumbnails {
padding: 0;
}
}
.product-image-container.product-image-container--thumbnails .product-thumbnail-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
height: auto;
overflow: visible;
}
/* Buy it now + secure checkout — scoped two classes deep so it reliably
beats the many unscoped, load-order-dependent ".main_btns{...}" rules in
base-style.css (shared site-wide across hero buttons, etc). */
.product-add-to-cart-container .main_btns {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
max-width: 100%;
margin: 0;
flex: 1;
}
.product-add-to-cart-container .main_btns :is(a, button) {
width: 100%;
}
/* Quantity selector height must always match the Add to cart button's
actual (content-driven, ~52px) height, not a hardcoded px — so stretch it
via the flex row instead. Overrides ported theme's max-height:48px and
base-style's unscoped "body .quantity{height:33px}" (both same
specificity as this rule; this one wins on source order / height:auto
restores the default stretch behavior). */
.product-add-to-cart-container .quantity {
height: auto;
max-height: none;
align-self: stretch;
align-items: center;
min-width: 120px;
width: 120px;
}
.product-add-to-cart-container .quantity .qty,
.product-add-to-cart-container .quantity .plus,
.product-add-to-cart-container .quantity .minus {
height: 100%;
line-height: 100%;
}
.product-add-to-cart-container .quantity .qty {
font-size: 1.2rem;
width: initial;
}
.buy-it-now-button {
display: block;
width: 100%;
margin-top: 10px;
background: #846e47;
color: #faf5ee;
border: 1px solid #846e47;
padding: 14px;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
cursor: pointer;
border-radius: var(--button-border-radius, 0px);
}
.buy-it-now-button:hover {
opacity: 0.85;
}
.secure-checkout {
margin-top: 16px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
}
.secure-checkout > svg {
flex-shrink: 0;
color: #767676;
}
.secure-checkout--text {
font-size: 0.75rem;
color: #767676;
white-space: nowrap;
}
.payment-icon {
height: 22px;
width: auto;
display: block;
}
/* Product recommendations — Swiper carousel (site convention, see
.ProductS_slid on the homepage) instead of a static grid. */
.section-product-recommendations {
margin-top: 60px;
}
.product-recommendations-slider {
position: relative;
}
.ProductS_slid_recom .swiper-slide {
height: auto;
}
.product-recs-arrow {
position: absolute;
top: 40%;
transform: translateY(-50%);
z-index: 5;
width: 34px;
height: 34px;
border-radius: 50%;
background: var(--color-body, #495117);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.product-recs-arrow:before {
content: "";
width: 7px;
height: 7px;
border-right: 1.5px solid var(--bg-body, #fff);
border-bottom: 1.5px solid var(--bg-body, #fff);
}
.product-recs-arrow.prev {
left: -16px;
}
.product-recs-arrow.prev:before {
transform: rotate(135deg);
margin-left: 2px;
}
.product-recs-arrow.next {
right: -16px;
}
.product-recs-arrow.next:before {
transform: rotate(-45deg);
margin-right: 2px;
}
.product-recs-arrow.swiper-button-disabled {
opacity: 0.35;
pointer-events: none;
}
.variations label {
cursor: pointer;
}
/* The live product page renders this variant picker as an equal-width grid
of tiles filling the row (grid-template-columns resolving to 1fr per
column, ~70px-tall labels with 10px padding) rather than the theme's
stock shrink-to-fit flex pills — confirmed via computed styles on the
live DOM, though the winning rule itself lives in CSS this app can't
introspect (every readable stylesheet, including an identical byte-for-
byte copy of product.css, has no matching selector — it's almost
certainly injected by a storefront app/checkout-extension bundle).
Reproducing the resulting layout directly instead of chasing the rule. */
.variations .product-form__input--block {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
gap: 10px;
padding: 0;
}
.variations .product-form__input--block .form__label {
grid-column: 1 / -1;
margin-bottom: 2px;
}
.variations .product-form__input--block input[type="radio"] + label {
width: 100%;
min-height: 70px;
min-width: 0;
margin: 0;
padding: 10px;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
box-shadow: 0 0 0 1px var(--color-border) inset;
}
.variations .product-form__input--block input[type="radio"]:checked + label {
box-shadow: 0 0 0 1px var(--color-body) inset;
}
.variations label > span:first-child {
display: block;
font-size: 0.875rem;
line-height: 1.3;
color: #1e1e1e;
}
.priceOfVariant {
display: block;
font-size: 0.75rem;
color: #686363;
margin-top: 2px;
}
/* .star-rating / .star-rating-container / #shopify-product-reviews already
have full CSS a few KB up in this same file (ported verbatim from the
theme's product.css) — .star-rating-container just needed the `href` +
`span` link styling, which it inherits from the global `a` rule. */
.star-rating-container span {
text-decoration: underline;
text-underline-offset: 2px;
}
/* On the live site the product title is NOT uppercase — the theme's own
.product-information .product-title rule (style.css) has higher
specificity than the "uppercase--true" modifier from product.css and
wins, resetting it back to capitalize + a dark neutral color instead of
the olive --color-body. Verified against the live DOM via computed
styles: text-transform:capitalize, color:rgb(30,30,30), Raleway 400. */
.thb-product-detail.product .product-information .product-title {
text-transform: capitalize;
color: #1e1e1e;
}
/* "Make it a gift" — ported from the real Wrapped app widget markup/CSS
(its custom elements/shadow DOM aren't reachable from this app, so
plain divs are used instead, but the grid layout — media spans the full
left column, header/content/actions stack on the right — and the field
labels/placeholders/prices below are taken directly from the widget's
own HTML + :host CSS, not guessed from a screenshot). */
.gifting-options {
margin-bottom: 20px;
}
.gifting-options .form__label {
color: #686363;
}
.gifting-options .gift-checkbox {
font-size: 16px;
color: #000;
font-weight: 400;
}
.gift-checkbox {
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
font-size: 0.75rem;
font-weight: var(--font-body-bold-weight, 600);
text-transform: uppercase;
letter-spacing: 0.05em;
text-decoration: none;
color: var(--color-body);
}
.gift-checkbox input[type="checkbox"] {
width: 16px;
height: 16px;
margin: 0;
accent-color: var(--color-body);
cursor: pointer;
}
.pd-gift-modal-overlay {
position: fixed;
inset: 0;
background: rgba(156, 163, 175, 0.55);
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.pd-gift-modal-layout {
background: #fff;
color: #000;
width: 100%;
max-width: 840px;
max-height: 80vh;
border-radius: 16px;
overflow: hidden;
display: grid;
grid-template-areas: "media header" "media content" "media actions";
grid-template-columns: 1fr 1fr;
grid-template-rows: auto 1fr auto;
}
@media only screen and (max-width: 768px) {
.pd-gift-modal-layout {
grid-template-areas: "header" "media" "content" "actions";
grid-template-columns: 1fr;
grid-template-rows: auto auto 1fr auto;
max-height: calc(100vh - 20px);
}
}
.gift-dialog-header {
grid-area: header;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 8px;
padding: 24px 24px 0;
position: sticky;
top: 0;
background: #fff;
z-index: 1;
}
.gift-dialog-header h1 {
margin: 0;
font-size: 1.125rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.gift-dialog-close {
flex-shrink: 0;
width: 32px;
height: 32px;
border-radius: 50%;
border: 0;
background: #f3f3f3;
font-size: 1rem;
line-height: 1;
cursor: pointer;
}
.gift-dialog-close:hover {
background: #e6e6e6;
}
.gift-dialog-media {
grid-area: media;
background: var(--bg-body-darken, #f7eee1);
min-height: 220px;
}
@media only screen and (max-width: 768px) {
.gift-dialog-media {
max-height: 240px;
}
}
.gift-dialog-media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.gift-dialog-content {
grid-area: content;
padding: 20px 24px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 20px;
}
.gift-product {
display: flex;
flex-direction: column;
gap: 10px;
}
.gift-product-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.gift-product-title {
margin: 0;
font-size: 1rem;
font-weight: 500;
}
.gift-product-pricing {
font-size: 0.875rem;
color: #333;
}
.gift-product-description {
margin: 0;
font-size: 0.8125rem;
line-height: 1.5;
color: #333;
}
.gift-variant-selector {
display: flex;
flex-direction: column;
gap: 6px;
font-size: 0.75rem;
color: #333;
}
.gift-variant-selector select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
border: 0;
outline: 1px solid #000;
border-radius: 8px;
min-height: 42px;
padding: 10px 40px 10px 12px;
font-family: inherit;
font-size: 0.875rem;
color: #000;
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M6.24 8.2a.75.75 0 0 1 1.06.04l2.7 2.908 2.7-2.908a.75.75 0 1 1 1.1 1.02l-3.25 3.5a.75.75 0 0 1-1.1 0l-3.25-3.5a.75.75 0 0 1 .04-1.06Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 1em 1em;
cursor: pointer;
}
.gift-variant-selector select:focus,
.gift-variant-selector select:focus-visible {
outline-width: 2px;
}
.gift-message-fields {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.gift-field {
flex: 1 1 100%;
display: flex;
flex-direction: column;
gap: 6px;
font-size: 0.75rem;
color: #333;
}
@media only screen and (min-width: 768px) {
.gift-field:not(.gift-field--full) {
flex: 1 1 0%;
min-width: 0;
}
}
.gift-field input,
.gift-field textarea {
border: 0;
outline: 1px solid #000;
border-radius: 8px;
min-height: 42px;
padding: 10px 12px;
font-size: 0.875rem;
font-family: inherit;
background: #fff;
color: #000;
}
.gift-field input:focus,
.gift-field input:focus-visible,
.gift-field textarea:focus,
.gift-field textarea:focus-visible {
outline-width: 2px;
}
.gift-field textarea {
resize: vertical;
min-height: 90px;
}
.gift-field-counter {
align-self: flex-end;
font-size: 0.7rem;
color: #767676;
}
.gift-dialog-actions {
grid-area: actions;
position: sticky;
bottom: 0;
background: #fff;
padding: 16px 24px 24px;
}
.gift-dialog-save {
width: 100%;
background: #000;
color: #fff;
border: 0;
border-radius: 8px;
padding: 14px;
font-size: 0.875rem;
letter-spacing: 0.02em;
text-transform: uppercase;
cursor: pointer;
}
.gift-dialog-save:hover {
opacity: 0.85;
}
/* Nội dung content_ingredient/content_size (ACF wysiwyg) chèn thẳng vào
.product-short-description qua dangerouslySetInnerHTML có thể chứa —
base-style.css không set display cho a ở đây nên trình duyệt dùng mặc định
inline, nhưng để chắc chắn không bị override thành block bởi rule khác. */
.thb-product-detail .product-short-description a {
display: initial;
}