.product-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.product-modal.active{display:flex;align-items:center;justify-content:center}.product-modal__overlay{display:block!important;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1f1e1bcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-modal__content{position:relative;background:var(--color-beige);border-radius:.8rem;padding:clamp(6rem,8vw,12rem) clamp(6rem,12vw,19rem);max-width:calc(100vw - 6rem);width:144rem;max-height:80vh;height:auto;overflow-y:auto;box-shadow:0 2rem 4rem #0000004d;z-index:10000}.product-modal__close{position:absolute;top:2.4rem;right:2.4rem;background:none;border:none;cursor:pointer;background-color:var(--color-red);transition:background-color .3s ease;z-index:10001;width:5.6rem;height:5.6rem;min-height:5.6rem;min-width:5.6rem;display:flex;align-items:center;justify-content:center;border-radius:.4rem}.product-modal__close:hover{background-color:var(--color-black)}.product-modal__close img{transform:rotate(135deg);width:2rem;height:2rem;object-fit:contain;object-position:center}.product-modal__header{position:relative;margin-bottom:clamp(2rem,6vw,4rem);text-align:left}.product-modal__title{font-family:var(--font-fatfrank);font-weight:900;font-size:clamp(3rem,6vw,4.4rem);line-height:90%;text-transform:uppercase;color:var(--color-black-light);margin:0;text-align:center}.product-modal__body{position:relative}.product-modal__image-wrapper{margin-bottom:clamp(3rem,5vw,4.8rem)}.product-modal__image{width:100%;max-width:75rem;margin:0 auto;border-radius:.8rem;overflow:hidden;background-color:#ffffff80}.product-modal__image img{width:100%;height:auto;display:block;object-fit:contain}.product-modal__description{font-family:var(--font-circe-slab-b);font-size:clamp(1.6rem,2vw,1.8rem);line-height:130%;color:var(--color-black);margin-bottom:clamp(3rem,5vw,4.8rem);text-align:center}.product-modal__description p{margin:0 0 1.6rem}.product-modal__description p:last-child{margin-bottom:0}.product-modal__metafields{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(2rem,4vw,3.2rem);margin-bottom:clamp(3rem,5vw,4.8rem);padding-top:4rem;border-top:1px solid var(--color-black-lighter)}.product-modal__metafield{padding:0;background:transparent;border-radius:0;border-left:none}.product-modal__metafield-title{font-family:var(--font-fatfrank);font-weight:900;font-size:clamp(2rem,3vw,2.4rem);line-height:100%;text-transform:uppercase;color:var(--color-black-light);margin:0 0 1.6rem}.product-modal__metafield-content{font-family:var(--font-circe-slab-b);font-size:clamp(1.6rem,2vw,1.8rem);line-height:130%;color:var(--color-black)}.product-modal__metafield-content p{margin:0 0 1.2rem}.product-modal__metafield-content p:last-child{margin-bottom:0}.product-modal__metafield-content ul,.product-modal__metafield-content ol{margin:0;padding-left:2rem}.product-modal__metafield-content li{margin-bottom:.8rem}.product-modal__metafield-content li:last-child{margin-bottom:0}.product-modal__image-grid{margin-top:clamp(3rem,5vw,4.8rem);margin-bottom:clamp(3rem,5vw,4.8rem)}.product-modal__image-grid-wrapper{width:100%}.product-modal__image-grid-wrapper .image-grid__item{background-color:transparent}.nutrition-facts-simple{font-family:var(--font-circe-slab-b);font-size:clamp(1.6rem,2vw,1.8rem);line-height:130%;color:var(--color-black)}.nutrition-facts-simple p{margin:0}.product-modal__nutrition-table{overflow-x:auto}.product-modal__nutrition-table .nutrition-table{max-width:100%}@media screen and (max-width: 989px){.product-modal__metafields{grid-template-columns:1fr;gap:clamp(2rem,4vw,3.2rem)}}@media screen and (max-width: 749px){.product-modal__content{padding:5rem 2rem;margin:2rem;width:calc(100% - 4rem)}.product-modal__title,.product-modal__description{text-align:left}.product-modal__title{font-size:2.4rem}.product-modal__description{font-size:1.6rem}.product-modal__metafield-title{font-size:1.8rem}.product-modal__close{top:0rem;right:0rem;width:3.2rem;height:3.2rem;min-width:3.2rem;min-height:3.2rem}}body.modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-modal.css.map */