modal-element#product-modal{--modal-bg: transparent}modal-element#product-modal modal-content{overflow:hidden}.product-modal{display:flex;flex-direction:column;background:var(--color-background);border-radius:16px;overflow:hidden;height:calc(100dvh - 80px);width:calc(100dvw - 80px);max-width:1360px}.product-modal__topbar{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding:12px 16px;background:var(--color-primary-button);border-radius:16px 16px 0 0}.product-modal__close{background:transparent;border:none;cursor:pointer;padding:4px;color:var(--color-background);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--default-duration) ease;min-height:unset}.product-modal__close:hover{background:#ffffff1a}.product-modal__close svg{width:24px;height:24px}.product-modal__layout{display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:40px;padding:40px;overflow-y:auto;flex:1}.product-modal__image-col{height:fit-content}.product-modal__image{width:100%;object-fit:contain}.product-modal__details{display:flex;flex-direction:column}.product-modal__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.product-modal__tag{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:100px;border:1px solid var(--color-primary-border);padding:4px 8px;color:var(--color-primary-button);font-size:var(--typography-size-body-small);font-weight:var(--typography-weight-body-small);line-height:var(--typography-height-body-small);white-space:nowrap}.product-modal__title{margin:0 0 8px;color:var(--color-primary-button);font-size:var(--typography-size-3);font-weight:600;line-height:var(--typography-height-3);letter-spacing:-.8px}.product-modal__description{margin:0 0 32px;color:#363636;font-size:var(--typography-size-5);font-weight:400;line-height:var(--typography-height-5)}.product-modal__description ul li{display:flex;align-items:center;gap:2px}.product-modal__description ul li svg{flex-shrink:0}.product-modal__description .metafield-rich_text_field *{color:var(--color-foreground);font-size:var(--typography-size-5);font-weight:400;line-height:var(--typography-height-5)}.product-modal tabs-list{display:flex;border-bottom:1px solid var(--color-foreground)}.product-modal tabs-trigger{padding:8px 32px;color:#363636;font-size:var(--typography-size-5);font-weight:400;line-height:var(--typography-height-5);letter-spacing:-.48px;position:relative;background:none;border:none;border-radius:0;transition:color var(--default-duration) ease}.product-modal tabs-trigger.is-active{color:var(--color-primary-button);font-weight:700}.product-modal tabs-trigger.is-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:5px;background-color:var(--color-primary-button)}.product-modal tabs-content{padding-top:24px}.product-modal__benefits-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}.product-modal__benefit-item{display:flex;flex-direction:column;gap:2px}.product-modal__benefit-title{color:#363636;font-size:var(--typography-size-body-large);font-weight:var(--typography-weight-6);line-height:120%}.product-modal__benefit-description,.product-modal__ingredients{color:#363636;font-size:var(--typography-size-body-large);font-weight:400;line-height:120%}@media screen and (max-width:769px){.product-modal{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.product-modal__layout{grid-template-columns:1fr;padding:24px 16px;gap:16px;flex:unset}.product-modal__image{height:fit-content}.product-modal__close{padding:0}.product-modal tabs-list{display:flex;justify-content:center}.product-modal__topbar{border-radius:0;padding:8px 16px}.product-modal__image-col{max-width:70%;margin:0 auto}.product-modal__description ul{padding:0}.product-modal tabs-trigger{padding:8px 16px}}@media(prefers-reduced-motion:reduce){.product-modal__close,.product-modal tabs-trigger{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/120/assets/product-modal.css.map */