.pm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vw,3rem);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.pm.is-open{opacity:1;visibility:visible}.pm__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1414149e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pm__panel{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(1080px,100%);max-height:min(720px,calc(100vh - 4rem));overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:0 30px 60px #0000004d;color:var(--color-fg);transform:translateY(10px) scale(.98);transition:transform .22s cubic-bezier(.16,1,.3,1)}.pm.is-open .pm__panel{transform:translateY(0) scale(1)}.pm__close{position:absolute;top:1rem;right:1rem;z-index:10;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--color-fg);box-shadow:0 2px 8px #0000002e;color:var(--color-on-fg);cursor:pointer;transition:filter var(--anim-short),transform var(--anim-short)}.pm__close:hover{filter:brightness(1.08);transform:scale(1.04)}.pm__close:active{transform:scale(.96)}.pm__gallery{position:relative;display:flex;flex-direction:column;min-height:0;background:var(--color-bg)}.pm__gallery-images{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-bg);touch-action:pan-y;-webkit-user-select:none;user-select:none}.pm__gallery-images img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#fff;opacity:0;pointer-events:none;transition:opacity .22s ease}.pm__gallery-images img.is-active{opacity:1}.pm__gallery-thumbs{display:flex;gap:.45rem;overflow-x:auto;padding:.65rem .75rem .75rem;cursor:grab;scrollbar-width:none;touch-action:pan-y}.pm__gallery-thumbs::-webkit-scrollbar{display:none}.pm__gallery-thumbs:active{cursor:grabbing}.pm__gallery-thumbs button{flex:0 0 auto;width:56px;height:56px;padding:2px;overflow:hidden;border:1.5px solid transparent;border-radius:var(--input-radius);background:var(--color-bg);cursor:pointer}.pm__gallery-thumbs button.is-active{border-color:var(--color-fg)}.pm__gallery-thumbs img{display:block;width:100%;height:100%;border-radius:calc(var(--input-radius) - 3px);object-fit:contain;background:#fff;pointer-events:none}.pm__details{max-height:min(720px,calc(100vh - 4rem));padding:3.75rem 2.25rem 2rem;overflow-y:auto}.pm__recommendation{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;margin:0 2.75rem 1.25rem 0;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--color-accent) 48%,var(--color-border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg))}.pm__recommendation[hidden]{display:none}.pm__recommendation-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-accent);color:var(--color-on-accent, var(--color-fg))}.pm__recommendation-label{display:inline-flex;width:fit-content;margin:0;padding:.24rem .55rem;border-radius:999px;background:var(--color-accent);color:var(--color-on-accent, var(--color-fg));font-size:.72rem;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase}.pm__recommendation-title{margin:.2rem 0 0;font-weight:700}.pm__recommendation-message{margin:.3rem 0 0;color:var(--color-muted);font-size:.88rem;line-height:1.45}.pm__vendor{display:none}.pm__head-row{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:.65rem}.pm__title{margin:0;font-family:var(--font-heading);font-size:1.85rem;font-weight:700;letter-spacing:-.02em;line-height:1.05}.pm__price{display:flex;flex-direction:column;gap:.1rem;text-align:left}.pm__price>[data-pm-price]{color:var(--color-error);font-size:1.25rem;font-weight:700}.pm__price-was{color:var(--color-muted);font-size:.9rem;text-decoration:line-through}.pm__subtitle{margin:.5rem 0 .75rem;font-size:1.1rem;font-weight:700}.pm__desc{color:var(--color-fg);font-size:.92rem;line-height:1.6}.pm__desc p{margin:0 0 .5rem}.pm__desc ul{margin:.5rem 0;padding-left:1.1rem}.pm__rule{margin:1.25rem 0;border:0;border-top:1px solid var(--color-border)}.pm__variants{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.85rem}.pm__variant-label{display:block;margin-bottom:.35rem;color:var(--color-muted);font-size:.78rem}.pm__variant-label strong{color:var(--color-fg);font-weight:600}.pm__variant-values{display:flex;flex-wrap:wrap;gap:.35rem}.pm__variant-val{position:relative;cursor:pointer}.pm__variant-val input{position:absolute;opacity:0;pointer-events:none}.pm__variant-val>span{display:inline-flex;align-items:center;padding:.45rem .85rem;border:1.5px solid var(--color-border);border-radius:var(--button-radius);background:var(--color-bg);color:var(--color-fg);font-size:.82rem;transition:background var(--anim-short),border-color var(--anim-short),color var(--anim-short)}.pm__variant-val:has(input:checked)>span{border-color:var(--color-fg);background:var(--color-fg);color:var(--color-on-fg)}.pm__variant-val.is-sold-out>span{opacity:.4;text-decoration:line-through}.pm__variant-val--swatch>span{min-width:0;padding:3px;border-radius:50%}.pm__swatch-dot{display:block;width:26px;height:26px;border-radius:50%;background:var(--swatch, var(--color-muted));box-shadow:inset 0 0 0 1px #00000014}.pm__variant-val--swatch:has(input:checked)>span{border-color:var(--color-fg);background:var(--color-bg);box-shadow:0 0 0 2px var(--color-fg)}.pm__variant-val--img>span{gap:.4rem;padding:2px}.pm__variant-img{display:block;width:28px;height:28px;border-radius:50%;object-fit:cover}.pm__stock{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.45rem .85rem;border-radius:var(--button-radius);background:color-mix(in srgb,var(--color-error) 10%,var(--color-bg));color:var(--color-fg);font-size:.82rem;font-weight:500}.pm__stock.is-in-stock{background:color-mix(in srgb,var(--color-success) 10%,var(--color-bg))}.pm__stock-dot{width:8px;height:8px;border-radius:50%;background:var(--color-error)}.pm__stock.is-in-stock .pm__stock-dot{background:var(--color-success)}.pm__qty{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem .85rem;margin-bottom:.85rem}.pm__qty[hidden]{display:none}.pm__qty-label{color:var(--color-muted);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pm__qty-stepper{display:grid;grid-template-columns:2.35rem 2.75rem 2.35rem;border:1px solid var(--color-border)}.pm__qty-stepper button,.pm__qty-stepper input{min-width:0;min-height:2.6rem;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:center}.pm__qty-stepper button{cursor:pointer;font-size:1.1rem}.pm__qty-stepper button:hover{background:color-mix(in srgb,var(--color-fg) 7%,transparent)}.pm__qty-stepper input{-webkit-appearance:textfield;appearance:textfield;font-weight:700}.pm__qty-stepper input::-webkit-inner-spin-button,.pm__qty-stepper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.pm__qty-note{flex-basis:100%;margin:0;color:var(--color-muted);font-size:.78rem}.pm__actions{display:flex;flex-direction:column;gap:.6rem}.pm__btn{width:100%;padding:1rem 1.25rem;border:1.5px solid var(--color-fg);border-radius:var(--button-radius);font:inherit;font-family:var(--button-font-family, inherit);text-transform:var(--button-text-transform, none);font-size:.95rem;font-weight:600;cursor:pointer;transition:filter var(--anim-short),transform var(--anim-short),background var(--anim-short),color var(--anim-short)}.pm__btn:active:not(:disabled){transform:scale(.985)}.pm__btn--primary{border-color:var(--primary-btn-color, var(--color-fg));background:var(--primary-btn-color, var(--color-fg));color:var(--primary-btn-label, var(--color-on-fg))}.pm__btn--primary:hover{filter:brightness(1.08)}.pm__btn--secondary{border-color:var(--secondary-btn-color, var(--color-fg));background:var(--color-bg);color:var(--secondary-btn-color, var(--color-fg))}.pm__btn--secondary:hover{background:var(--secondary-btn-color, var(--color-surface));color:var(--secondary-btn-label, var(--color-bg))}.pm__btn:disabled{opacity:.55;cursor:not-allowed}.pm__msg{margin:.5rem 0 0;color:var(--color-error);font-size:.82rem}.pm__msg.is-success{color:var(--color-success)}.pm__share{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem;margin:1.25rem 0 1rem;color:var(--color-muted);font-size:.82rem}.pm__share a{display:inline-flex;color:var(--color-fg);transition:opacity var(--anim-short)}.pm__share a:hover{opacity:.6}.pm__help{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;color:var(--color-muted);text-decoration:underline;text-underline-offset:3px}.pm__full{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;border-top:1px solid var(--color-border);color:var(--color-fg);font-size:.88rem;font-weight:500;text-decoration:none}.pm--addon .pm__share,.pm--addon .pm__full{display:none}.pm--addon .pm__panel{width:min(880px,100%)}.pm--addon .pm__gallery-images{flex:1;min-height:100%;aspect-ratio:auto}.pm--addon .pm__recommendation{padding:.7rem .8rem;margin-bottom:.6rem;gap:.6rem}.pm--addon .pm__recommendation-message{display:none}.pm--addon .pm__title{font-size:1.25rem}.pm--addon .pm__vendor{margin-bottom:.1rem}.pm--addon .pm__desc{font-size:.85rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pm--addon .pm__rule{margin:.6rem 0}.pm--addon .pm__stock{margin-bottom:.6rem;padding:.3rem .65rem}.pm--addon .pm__qty{margin-bottom:.6rem}.pm--addon .pm__qty-note{font-size:.72rem}.pm--addon .pm__btn{padding:.7rem 1.1rem;font-size:.9rem}.pm--addon .pm__variants{margin-bottom:.5rem}body.pm-open{overflow:hidden}@media(max-width:780px){.pm{padding:.5rem}.pm__panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;width:100%;max-width:100%;max-height:calc(100dvh - 1rem);overflow-x:hidden;overflow-y:auto}.pm__gallery{flex-shrink:0;min-width:0;max-width:100%}.pm__gallery-images{width:100%;max-width:100%;aspect-ratio:1}.pm__details{min-width:0;max-width:100%;max-height:none;padding:1.25rem 1.5rem 1.75rem;overflow:visible}.pm__recommendation{margin-right:2.5rem}.pm__title{overflow-wrap:break-word}.pm--addon .pm__gallery-images{flex:0 0 auto;min-height:0;aspect-ratio:1}}@media(prefers-reduced-motion:reduce){.pm,.pm__panel,.pm__gallery-images img{transition:none}}.pm--builder .pm__variants,.pm--builder .pm__qty{display:none}.pm__addons{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.pm__addons[hidden]{display:none}.pm__addon-row{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border:1px solid color-mix(in srgb,var(--color-fg) 14%,transparent);background:#fff;cursor:pointer;font-size:.88rem}.pm__addon-row:hover{border-color:color-mix(in srgb,var(--color-fg) 32%,transparent)}.pm__addon-row:has(input[type=checkbox]:checked){border-color:var(--color-accent)}.pm__addon-row.is-disabled{opacity:.5;cursor:not-allowed}.pm__addon-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-fg);flex-shrink:0}.pm__addon-thumb{width:44px;height:44px;object-fit:contain;background:#fff;flex-shrink:0}.pm__addon-title{flex:1;min-width:0;font-weight:600}.pm__addon-price{flex-shrink:0;font-weight:700}.pm__addon-row{flex-wrap:wrap}.pm__addon-variants{display:inline-flex;gap:.3rem;flex-shrink:0}.pm__addon-variant{padding:.25rem .6rem;border:1px solid color-mix(in srgb,var(--color-fg) 25%,transparent);background:transparent;color:inherit;font-size:.78rem;font-weight:600;cursor:pointer}.pm__addon-variant.is-active{background:var(--color-fg);color:var(--color-on-fg, #fff);border-color:var(--color-fg)}.pm__addon-variant:disabled{opacity:.45;cursor:not-allowed}.pm__stock{display:none!important}@media not (min-width:768px){.pm__addon-row{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;padding:14px}.pm__addon-thumb{grid-column:1 / -1;grid-row:1;width:100%;height:112px;object-fit:contain}.pm__addon-row input[type=checkbox]{grid-column:1;grid-row:2;width:20px;height:20px;margin:2px 0 0}.pm__addon-title{grid-column:2;grid-row:2;font-size:15px;line-height:1.4}.pm__addon-variants{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}.pm__addon-variant{min-height:44px;flex:1;padding:8px 12px}.pm__addon-price{grid-column:2;font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-preview-modal.css.map */