.twst-pmain{--pm-px: clamp(10px, calc(10px + 14 * (100vw - 390px) / 1050), 24px);--pm-r: 24px;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:var(--pm-pt, 26px) var(--pm-px) var(--pm-pb, 100px);color:var(--twst-text);letter-spacing:0}.twst-pmain *,.twst-pmain *:before,.twst-pmain *:after{box-sizing:border-box}.twst-pmain__gallery{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.twst-pmain__main{width:100%;border-radius:var(--pm-r);overflow:hidden}.twst-pmain__slide{aspect-ratio:1;overflow:hidden;border-radius:var(--pm-r);background:#eef5e6}.twst-pmain__zoom,.twst-pmain__zoom-btn{display:block;width:100%;height:100%}.twst-pmain__zoom-btn{margin:0;padding:0;border:0;background:none;cursor:zoom-in}.twst-pmain__zoom-btn:focus-visible{outline:2px solid var(--twst-primary);outline-offset:-4px;border-radius:var(--pm-r)}.twst-pmain__slide img,.twst-pmain__slide .twst-placeholder{display:block;width:100%;height:100%;object-fit:cover}.twst-pmain__thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.twst-pmain__thumb{width:clamp(50px,calc(50px + 20 * (100vw - 390px) / 1050),70px);aspect-ratio:1;padding:0;overflow:hidden;border:2px solid transparent;border-radius:10px;background:none;cursor:pointer;transition:border-color .3s ease-out}.twst-pmain__thumb[aria-current=true]{border-color:var(--pm-line, #95ff00)}.twst-pmain__thumb img{display:block;width:100%;height:100%;object-fit:cover}.twst-pmain__info{min-width:0}.twst-pmain__card{display:flex;flex-direction:column;align-items:stretch;gap:clamp(24px,calc(24px + 6 * (100vw - 390px) / 1050),30px);position:relative;padding:clamp(16px,calc(16px + 14 * (100vw - 390px) / 1050),30px);border:1px solid transparent;border-radius:var(--pm-r);background:var(--pm-card-bg, #f4ffea)}.twst-pmain__dash{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:hidden;border-radius:var(--pm-r);color:var(--pm-line, #95ff00);pointer-events:none}.twst-pmain__dash rect{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:6 6}.twst-pmain__head{display:flex;flex-direction:column;gap:clamp(12px,calc(12px + 4 * (100vw - 390px) / 1050),16px)}.twst-pmain__rating{display:flex;align-items:center;gap:5px;font-family:var(--twst-font-body);font-size:clamp(10px,calc(10px + 1 * (100vw - 390px) / 1050),11px);text-transform:capitalize}.twst-pmain__app .shopify-app-block,.twst-pmain__app .jdgm-preview-badge{margin:0}.twst-pmain__app .jdgm-prev-badge{display:flex;align-items:center;gap:5px;margin:0;font-family:var(--twst-font-body);font-size:inherit;line-height:normal;cursor:pointer}.twst-pmain .twst-pmain__app .jdgm-prev-badge__stars{display:inline-flex;align-items:center;gap:3.25px;margin:0;line-height:1}.twst-pmain .twst-pmain__app .jdgm-prev-badge .jdgm-star{display:block;width:12px;height:12px;margin:0;padding:0;font-size:12px;line-height:12px;color:#95ff00}.twst-pmain .twst-pmain__app .jdgm-prev-badge .jdgm-star.jdgm--off{color:#22222226}.twst-pmain .twst-pmain__app .jdgm-prev-badge__text{margin:0;font-family:var(--twst-font-body);font-weight:400;font-size:11px;line-height:normal;letter-spacing:0;text-transform:capitalize;color:#222;visibility:visible}.twst-pmain__app .jdgm-prev-badge:hover .jdgm-prev-badge__text{text-decoration:underline;text-underline-offset:2px}.twst-pmain__title{margin:0;font-family:var(--twst-font-title);font-weight:var(--twst-font-title-weight);font-size:var(--pm-title, 34px);line-height:normal;letter-spacing:0;text-transform:uppercase;color:var(--twst-text)}.twst-pmain__title em{font-family:var(--twst-font-display);font-weight:var(--twst-font-display-weight);font-style:normal;color:var(--twst-primary)}.twst-pmain__about{margin:0;max-width:627px;font-family:var(--twst-font-body);font-size:clamp(11px,calc(11px + 3 * (100vw - 390px) / 1050),14px);line-height:normal}.twst-pmain__about--cap{text-transform:capitalize}.twst-pmain__sizes{display:block;margin:0;padding:0;border:0;min-width:0}.twst-pmain__label{float:left;width:100%;margin:0 0 20px;padding:0;font-family:var(--twst-font-body);font-weight:500;font-size:clamp(14px,calc(14px + 2 * (100vw - 390px) / 1050),16px);line-height:normal;text-transform:capitalize}.twst-pmain__size-list{clear:both;display:flex;flex-wrap:wrap;gap:16px 24px}.twst-size{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:71px;cursor:pointer}.twst-size__disc{--ring: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71 71'%3E%3Ccircle cx='35.5' cy='35.5' r='35' fill='none' stroke='%23222222' stroke-dasharray='4 4'/%3E%3C/svg%3E");position:relative;display:block;width:71px;aspect-ratio:1;border-radius:50%;background:var(--ring) center / 100% 100% no-repeat;overflow:clip;transition:background-color .3s ease-out}.twst-size__img{position:absolute;left:50%;top:6px;display:block;width:auto;height:120%;max-width:none;transform:translate(-50%);transition:transform .3s ease-out}.twst-size__img--ph{width:34%;border-radius:40% 40% 8% 8%;background:#2222221f}.twst-size__text{display:flex;flex-direction:column;align-items:center;font-family:var(--twst-font-body);line-height:normal;white-space:nowrap;text-transform:capitalize}.twst-size__name{font-size:12px;text-transform:uppercase}.twst-size__price{font-size:14px;font-weight:600}.twst-size__unit{position:absolute;left:calc(50% + 2px);bottom:41px;padding:2px 5px;border:0;border-radius:60px;background:var(--twst-accent);font-family:var(--twst-font-body);font-size:10px;line-height:15px;text-transform:none;white-space:nowrap;transform:translate(-50%);text-transform:capitalize}.twst-size input:checked~.twst-size__disc{--ring: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 71 71'%3E%3Ccircle cx='35.5' cy='35.5' r='35' fill='none' stroke='%2395FF00' stroke-dasharray='4 4'/%3E%3C/svg%3E");overflow:visible;background:var(--ring) center / 100% 100% no-repeat,radial-gradient(circle closest-side,var(--twst-accent) calc(100% - 1px),transparent calc(100% - .5px))}.twst-size input:checked~.twst-size__disc .twst-size__img{transform:translate(-50%,-20px)}.twst-size input:checked~.twst-size__unit{bottom:42px;border:1px dashed #fff}.twst-size input:focus-visible~.twst-size__disc{outline:2px solid var(--twst-text);outline-offset:3px}.twst-size--soldout .twst-size__disc,.twst-size--soldout .twst-size__text{opacity:.5}.twst-pmain__offers{display:flex;flex-direction:column;gap:12px}.twst-pmain__code.twst-pmain__code--auto{cursor:default;color:var(--twst-primary)}.twst-pmain__code--auto svg{width:14px;height:14px}.twst-pmain__offer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:clamp(5px,calc(5px + 5 * (100vw - 390px) / 1050),10px) 5px clamp(5px,calc(5px + 5 * (100vw - 390px) / 1050),10px) clamp(10px,calc(10px + 6 * (100vw - 390px) / 1050),16px);border:1px dashed var(--pm-line, #95ff00);border-radius:10px;background:#fff}.twst-pmain__offer-text{display:flex;flex-wrap:wrap;align-items:center;gap:0 clamp(3px,calc(3px + 4 * (100vw - 390px) / 1050),7px);margin:0;min-width:0;line-height:normal;text-transform:uppercase}.twst-pmain__offer-title{font-family:var(--twst-font-display);font-weight:var(--twst-font-display-weight);font-size:clamp(16px,calc(16px + 6 * (100vw - 390px) / 1050),22px);color:var(--twst-primary)}.twst-pmain__offer-sub{font-family:var(--twst-font-body);font-weight:500;font-size:clamp(11px,calc(11px + 3 * (100vw - 390px) / 1050),14px);color:#7f7f7f}.twst-pmain__code{display:inline-flex;flex:none;align-items:center;gap:10px;padding:clamp(8px,calc(8px + 2 * (100vw - 390px) / 1050),10px) clamp(8px,calc(8px + 3 * (100vw - 390px) / 1050),11px);border:0;border-radius:clamp(6px,calc(6px + 4 * (100vw - 390px) / 1050),10px);background:#e4ffbf;color:var(--twst-text);font-family:var(--twst-font-title);font-weight:var(--twst-font-title-weight);font-size:clamp(11px,calc(11px + 5 * (100vw - 390px) / 1050),16px);line-height:1;text-transform:uppercase;cursor:pointer}.twst-pmain__code{transition:background-color .3s ease-out}.twst-pmain__code.is-copied{background:var(--twst-accent)}.twst-pmain__code svg{width:12px;height:15px;flex:none}.twst-pmain__form{display:block}.twst-pmain__buy{width:calc(100% - var(--twst-btn-sx));min-height:0;padding:20px 24px;font-size:16px}.twst-pmain__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-family:var(--twst-font-body);line-height:normal}.twst-pmain__price-now{font-size:clamp(22px,calc(22px + 6 * (100vw - 390px) / 1050),28px);font-weight:600;color:var(--twst-text)}.twst-pmain__price-was{font-size:clamp(14px,calc(14px + 2 * (100vw - 390px) / 1050),16px);color:#5c5c5c}.twst-pmain__price-off{align-self:center;padding:3px 10px;border-radius:60px;background:var(--twst-accent, #95ff00);font-size:12px;font-weight:600;color:var(--twst-primary)}.twst-pmain__price [hidden]{display:none}.twst-pmain__tax{flex-basis:100%;font-size:12px;color:#222222b8}.twst-pmain__actions{display:flex;align-items:stretch;gap:12px}.twst-pmain__actions .twst-pmain__buy{flex:1 1 auto;width:auto;margin-right:var(--twst-btn-sx)}.twst-pmain__qty{display:flex;flex:none;align-items:center;margin-bottom:var(--twst-btn-sy, 6px);border:1px solid var(--twst-primary);border-radius:10px;background:#fff;overflow:hidden}.twst-pmain__qty-btn{display:flex;align-items:center;justify-content:center;width:44px;height:100%;min-height:44px;padding:0;border:0;background:none;color:var(--twst-primary);cursor:pointer}.twst-pmain__qty-btn svg{width:16px;height:16px}.twst-pmain__qty-btn>*{pointer-events:none}.twst-pmain__qty-btn.disabled{opacity:.4;cursor:not-allowed}.twst-pmain__qty-input{width:32px;padding:0;border:0;background:none;font-family:var(--twst-font-body);font-size:16px;font-weight:500;text-align:center;color:var(--twst-text);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.twst-pmain__qty-input::-webkit-outer-spin-button,.twst-pmain__qty-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.twst-pmain__qty-input:focus-visible{outline:2px solid var(--twst-accent, #95ff00);outline-offset:2px}.twst-pmain__buy-now{margin-top:12px}.twst-pmain__buy-now .shopify-payment-button__button--unbranded{min-height:56px;border:1px solid var(--twst-primary);border-radius:10px;background:#fff;font-family:var(--twst-font-body);font-size:16px;font-weight:600;color:var(--twst-primary);letter-spacing:0;box-shadow:none}.twst-pmain__buy-now .shopify-payment-button__button--unbranded:before,.twst-pmain__buy-now .shopify-payment-button__button--unbranded:after{display:none}.twst-pmain__buy-now .shopify-payment-button__button--unbranded:hover:not([disabled]){background:var(--tcd-soft, #ebffa4)}.twst-pmain__buy-now .shopify-payment-button__more-options{color:var(--twst-primary)}.twst-pmain__sticky{display:none}@media screen and (max-width:749px){.twst-pmain__sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;gap:12px;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));color:var(--twst-text);letter-spacing:0;border-top:1px solid var(--twst-primary);background:#fcfff2;transform:translateY(110%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}.twst-pmain__sticky.is-visible{transform:none;visibility:visible;transition:transform .25s ease}.twst-pmain__sticky-info{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;font-family:var(--twst-font-body);line-height:normal}.twst-pmain__sticky-name{overflow:hidden;font-size:14px;font-weight:600;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.twst-pmain__sticky-price{display:flex;gap:8px;font-size:14px}.twst-pmain__sticky-size{color:#222222b8;text-transform:uppercase}.twst-pmain__sticky-btn{flex:none;min-height:0;margin:0 var(--twst-btn-sx) var(--twst-btn-sy) 0;padding:12px 20px;font-size:14px}.twst-pmain__sticky-btn[disabled]{opacity:.6}}.twst-pmain__buy[disabled]{cursor:not-allowed;opacity:.6}.twst-pmain__buy .loading__spinner{position:absolute;width:18px}.twst-pmain__buy.loading>span{visibility:hidden}.twst-pmain .product-form__error-message-wrapper{margin-top:10px;font-family:var(--twst-font-body);font-size:12px;color:#b3261e}.twst-pmain__accordions{display:flex;flex-direction:column;gap:16px}.twst-pmain__acc{border:1px dashed var(--pm-line, #95ff00);border-radius:10px;background:#fff;overflow:hidden}.twst-pmain__acc summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(10px,calc(10px + 2 * (100vw - 390px) / 1050),12px) clamp(10px,calc(10px + 6 * (100vw - 390px) / 1050),16px);font-family:var(--twst-font-body);font-weight:500;font-size:clamp(12px,calc(12px + 2 * (100vw - 390px) / 1050),14px);line-height:normal;text-transform:capitalize;list-style:none;cursor:pointer}.twst-pmain__acc summary::-webkit-details-marker{display:none}.twst-pmain__plus{position:relative;flex:none;width:clamp(13px,calc(13px + 2 * (100vw - 390px) / 1050),15px);aspect-ratio:1}.twst-pmain__plus:before,.twst-pmain__plus:after{content:"";position:absolute;left:0;top:calc(50% - 1px);width:100%;height:2px;border-radius:2px;background:var(--twst-primary);transition:transform .3s ease-out}.twst-pmain__plus:after{transform:rotate(90deg)}.twst-pmain__acc[open] .twst-pmain__plus:after{transform:rotate(0)}.twst-pmain__acc-body{padding:0 clamp(10px,calc(10px + 6 * (100vw - 390px) / 1050),16px) clamp(10px,calc(10px + 2 * (100vw - 390px) / 1050),14px);font-family:var(--twst-font-body);font-size:clamp(12px,calc(12px + 2 * (100vw - 390px) / 1050),14px);line-height:1.5}.twst-pmain__acc-body>:first-child{margin-top:0}.twst-pmain__acc-body>:last-child{margin-bottom:0}.twst-pmain__badges{display:flex;margin:0;padding:0;list-style:none}.twst-pmain__badge{display:flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0}.twst-pmain__badge-disc{--disc: clamp(50px, calc(50px + 20 * (100vw - 390px) / 1050), 70px);display:flex;flex:none;align-items:center;justify-content:center;width:var(--disc);height:var(--disc);border-radius:50%;background:#fff;overflow:hidden}.twst-pmain__badge-disc img,.twst-pmain__badge-disc .twst-placeholder{display:block;width:71.5%;height:71.5%;max-width:none;object-fit:contain;transform:scale(var(--zoom, 1))}@media screen and (min-width:750px)and (max-width:989px){.twst-pmain__gallery{width:100%;max-width:600px;margin-inline:auto}}@media screen and (min-width:990px){.twst-pmain{grid-template-columns:minmax(0,653fr) minmax(0,715fr);align-items:start}.twst-pmain__slide{aspect-ratio:653 / 614}.twst-pmain__info{position:sticky;top:20px}}.product-media-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;background-color:#fff;visibility:hidden;opacity:0}.product-media-modal[open]{z-index:1001;visibility:visible;opacity:1}.product-media-modal__dialog{display:flex;align-items:center;height:100vh;height:100dvh}.product-media-modal__content{width:100%;max-height:100vh;max-height:100dvh;overflow:auto;overscroll-behavior:contain;cursor:zoom-out}.product-media-modal__content>*{display:block;height:auto;margin:auto}.product-media-modal__content>*:not(.active){display:none}.product-media-modal__content img{max-width:none;border-radius:0}.product-media-modal__content .deferred-media{width:100%}.product-media-modal__toggle{position:fixed;top:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:46px;padding:0;border:1px solid var(--twst-accent, #95ff00);border-radius:10px;background:var(--twst-accent, #95ff00);color:var(--twst-primary, #2d7736);box-shadow:6px 4px 0 var(--twst-primary, #2d7736);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.product-media-modal__toggle:hover{transform:translate(6px,4px);box-shadow:0 0 0 var(--twst-primary, #2d7736)}.product-media-modal__toggle .icon,.product-media-modal__toggle svg{width:20px;height:20px;margin:0}@media screen and (min-width:750px){.product-media-modal__content{padding:2rem 11rem}.product-media-modal__content>*:not(.active){display:block}.product-media-modal__content>*{width:100%}.product-media-modal__content img{max-width:100%}.product-media-modal__content>*+*{margin-top:2rem}.product-media-modal__toggle{top:24px;right:40px}}@media(prefers-reduced-motion:reduce){.twst-size__disc,.twst-size__img,.twst-size__unit,.twst-pmain__plus:before,.twst-pmain__plus:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-twst-main-product.css.map */
