.product{padding-bottom:var(--section-y)}.product__crumbs{padding-block:var(--s-4) var(--s-5)}.product__grid{display:grid;gap:var(--s-8)}@media(min-width:990px){.product__grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(2rem,1rem + 3vw,4.5rem);align-items:start}.product__visual{position:sticky;top:calc(var(--header-h) + 16px)}}.product__head{display:grid;gap:var(--s-3);margin-bottom:var(--s-6)}.product__title{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;line-height:1.05}.product__price-row{display:flex;align-items:baseline;gap:6px}.product__price-row .price{font-size:var(--fs-lg)}.product__short{color:var(--c-text-2);max-width:52ch}.product__details{margin-top:var(--s-10)}.text-error{color:var(--c-error)!important}.gallery__main{position:relative;aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;background:var(--c-muted)}.gallery__zoom{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.gallery__img{width:100%;height:100%;object-fit:cover;transition:opacity var(--t-med)}.gallery__thumbs{display:flex;gap:var(--s-2);margin-top:var(--s-3);overflow-x:auto;scrollbar-width:none}.gallery__thumbs button{width:72px;height:72px;padding:0;border-radius:var(--r-sm);overflow:hidden;border:2px solid transparent;background:var(--c-muted);opacity:.7;transition:opacity var(--t-fast),border-color var(--t-fast)}.gallery__thumbs button[aria-current=true],.gallery__thumbs button:hover{border-color:var(--c-ink);opacity:1}.gallery__thumbs img{width:100%;height:100%;object-fit:cover}.studio__tabs{display:flex;align-items:center;gap:4px;margin-bottom:var(--s-3)}.studio__tabs [role=tab]{border:0;background:none;padding:8px 14px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;color:var(--c-text-2)}.studio__tabs [role=tab][aria-selected=true]{background:var(--c-ink);color:var(--c-bg)}.studio__live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-2)}.studio__dot{width:7px;height:7px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 rgba(var(--c-accent-rgb),.6);animation:pulse 2s infinite}.studio__stage{position:relative;aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(120% 90% at 50% 15%,#fff,#fff0 60%),linear-gradient(rgba(var(--c-ink-rgb),.045) 1px,transparent 1px) 0 0 / 20px 20px,linear-gradient(90deg,rgba(var(--c-ink-rgb),.045) 1px,transparent 1px) 0 0 / 20px 20px,var(--c-muted);border:1px solid var(--c-line)}.studio__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;outline:none}.studio__canvas:focus-visible{box-shadow:inset 0 0 0 3px rgba(var(--c-ink-rgb),.5)}.studio__canvas.is-dragging{cursor:grabbing!important}.studio__stage.is-touch-edit{box-shadow:inset 0 0 0 3px var(--c-accent)}.studio__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:var(--s-4);background:var(--c-muted);z-index:3}.studio__skeleton{width:46%;aspect-ratio:3/4;border-radius:22px}.studio__error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:var(--s-4);text-align:center;padding:var(--s-6);background:var(--c-muted);z-index:4}.studio__error p{display:flex;gap:8px;align-items:center;color:var(--c-error)}.studio__toolbar{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-3);pointer-events:none;z-index:2}.studio__toolbar>*{pointer-events:auto}.studio__tools{display:flex;gap:6px;margin-left:auto}.tool{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--c-line);background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--c-ink);transition:background-color var(--t-fast),transform var(--t-fast)}.tool:hover{background:#fff;transform:translateY(-1px)}.tool[aria-pressed=false]{color:var(--c-text-2)}.tool.is-confirm{background:var(--c-error);color:#fff;border-color:var(--c-error)}.studio__touch{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:2;display:inline-flex;gap:6px;align-items:center;padding:10px 16px;border-radius:var(--r-pill);border:0;background:var(--c-ink);color:var(--c-bg);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-md)}.studio__touch[aria-pressed=true]{background:var(--c-accent);color:#111}.studio__legend{display:flex;flex-wrap:wrap;gap:var(--s-4);margin-top:var(--s-3);font-size:var(--fs-xs);color:var(--c-text-2)}.studio__legend span{display:inline-flex;align-items:center;gap:6px}.studio__legend [data-legend-size]{margin-left:auto;font-weight:600;color:var(--c-ink)}.lg{width:18px;height:0;border-top:2px dashed;display:inline-block}.lg--cut{border-color:var(--c-accent)}.lg--print{border-color:#1116;border-top-width:1.5px}.studio__note{display:flex;gap:6px;align-items:flex-start;margin-top:var(--s-2);font-size:var(--fs-xs);color:var(--c-text-2)}.studio__note .icon{flex:none;margin-top:2px}.anim-on .studio.is-ready .studio__stage{animation:stageIn .8s var(--ease-out)}.seg{display:inline-flex;padding:3px;border-radius:12px;background:#ffffffe6;border:1px solid var(--c-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.seg button{border:0;background:none;padding:8px 14px;border-radius:9px;font-size:var(--fs-sm);font-weight:600;color:var(--c-text-2);display:inline-flex;align-items:center;transition:background-color var(--t-fast),color var(--t-fast)}.seg button[aria-pressed=true]{background:var(--c-ink);color:var(--c-bg)}.seg--light{background:var(--c-surface)}.cfg{display:grid;gap:var(--s-3)}.cfg__progress{display:flex;gap:var(--s-2);margin-bottom:var(--s-2);counter-reset:none}.cfg__progress li{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--c-muted);font-size:var(--fs-xs);font-weight:600;color:var(--c-text-2);transition:background-color var(--t-med),color var(--t-med)}.cfg__progress li span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;border:1.5px solid currentColor;font-size:11px;flex:none;transition:all var(--t-med) var(--ease-out)}.cfg__progress li.is-current{background:var(--c-surface);color:var(--c-ink);box-shadow:inset 0 0 0 1.5px var(--c-ink)}.cfg__progress li.is-done{color:var(--c-ink)}.cfg__progress li.is-done span{background:var(--c-accent);border-color:var(--c-accent);color:transparent;position:relative}.cfg__progress li.is-done span:after{content:"";position:absolute;width:9px;height:5px;border-left:2px solid #111;border-bottom:2px solid #111;transform:rotate(-45deg) translate(1px,-1px)}.cfg__restore{align-items:center;flex-wrap:wrap}.cfg__step{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);transition:border-color var(--t-med),box-shadow var(--t-med)}.cfg__step[open]{border-color:#d6cec4;box-shadow:var(--shadow-sm)}.cfg__step summary{list-style:none;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);cursor:pointer}.cfg__step summary::-webkit-details-marker{display:none}.cfg__step summary .icon{flex:none;transition:transform var(--t-med) var(--ease-out)}.cfg__step[open] summary .icon{transform:rotate(180deg)}.cfg__step-num{font-family:var(--f-heading);font-weight:800;font-size:var(--fs-sm);color:var(--c-accent-text)}.cfg__step-title{font-weight:700}.cfg__step-sum{margin-left:auto;font-size:var(--fs-xs);color:var(--c-text-2);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46%}.cfg__step-body{padding:0 var(--s-5) var(--s-5);display:grid;gap:var(--s-5)}.anim-on .cfg__step[open] .cfg__step-body{animation:fadeDown .4s var(--ease-out)}.cfg__field .field__label{align-items:baseline}.cfg__textarea{min-height:90px}.cfg__style{display:grid;gap:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--c-line)}.cfg__side-label{font-size:var(--fs-sm);padding:8px 12px;background:var(--c-muted);border-radius:10px}.cfg__consent{font-size:var(--fs-xs)}.cfg__qty-row{display:flex;flex-wrap:wrap;gap:var(--s-5);align-items:flex-end;justify-content:space-between}.cfg__total{display:grid;gap:4px;min-width:200px;flex:1;font-size:var(--fs-sm)}.cfg__total>div{display:flex;justify-content:space-between;gap:var(--s-4)}.cfg__total dt{color:var(--c-text-2)}.cfg__total-sum{padding-top:6px;border-top:1px solid var(--c-line);font-size:var(--fs-lg);font-weight:800}.cfg__total-sum dt{color:var(--c-ink);font-weight:700;font-size:var(--fs-md)}.cfg__errors ul{margin:6px 0 0;padding-left:1.1em}.cfg__status{text-align:center;min-height:1.4em}.btn--lg{min-height:58px;font-size:1rem}.variant-picker{display:grid;gap:var(--s-5)}.opt{border:0;padding:0;margin:0;display:grid;gap:var(--s-2);min-width:0}.opt legend{padding:0;margin-bottom:var(--s-2)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip-input{position:absolute;opacity:0;pointer-events:none}.chip-opt{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1.5px solid var(--c-line);border-radius:12px;background:var(--c-surface);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:border-color var(--t-fast),background-color var(--t-fast),color var(--t-fast),transform var(--t-fast)}.chip-opt:hover{border-color:var(--c-ink)}.chip-input:checked+.chip-opt{border-color:var(--c-ink);background:var(--c-ink);color:var(--c-bg)}.chip-input:focus-visible+.chip-opt{box-shadow:var(--focus)}.chip-opt.is-unavailable{color:var(--c-text-2);background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(17,17,17,.04) 6px 7px),var(--c-surface);text-decoration:line-through}.shape-chip{display:inline-flex;flex-direction:column;align-items:center;gap:4px;width:84px;padding:10px 6px;border:1.5px solid var(--c-line);border-radius:12px;background:var(--c-surface);font-size:11px;font-weight:600;color:var(--c-text-2);transition:border-color var(--t-fast),color var(--t-fast),transform var(--t-fast)}.shape-chip svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5}.shape-chip:hover{border-color:var(--c-ink);color:var(--c-ink)}.shape-chip[aria-checked=true]{border-color:var(--c-ink);color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-ink)}.shape-chip[aria-checked=true] svg{fill:rgba(var(--c-accent-rgb),.18);stroke:var(--c-accent-text)}.cfg__shapes{display:grid;gap:var(--s-2)}.font-chip{min-height:44px;padding:8px 14px;border:1.5px solid var(--c-line);border-radius:12px;background:var(--c-surface);font-size:1rem;transition:border-color var(--t-fast)}.font-chip:hover{border-color:var(--c-ink)}.font-chip[aria-checked=true]{border-color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-ink)}.swatch{width:36px;height:36px;border-radius:50%;border:0;background:var(--sw);box-shadow:inset 0 0 0 1px #00000026;position:relative;transition:transform var(--t-fast) var(--ease-out)}.swatch:hover{transform:scale(1.08)}.swatch[aria-checked=true]:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--c-ink)}.switch{display:flex;align-items:center;gap:var(--s-3);cursor:pointer}.switch input{position:absolute;opacity:0}.switch__ui{flex:none;width:46px;height:28px;border-radius:14px;background:var(--c-line);position:relative;transition:background-color var(--t-med)}.switch__ui:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--t-med) var(--ease-out)}.switch input:checked+.switch__ui{background:var(--c-ink)}.switch input:checked+.switch__ui:after{transform:translate(18px)}.switch input:focus-visible+.switch__ui{box-shadow:var(--focus)}.switch input:disabled+.switch__ui{opacity:.4}.cfg__image{display:grid;gap:var(--s-2)}.imgcard{border:1px solid var(--c-line);border-radius:12px;padding:var(--s-3);display:grid;gap:var(--s-3);background:var(--c-bg)}.imgcard__top{display:grid;grid-template-columns:56px 1fr auto;gap:var(--s-3);align-items:center}.imgcard__thumb{width:56px;height:56px;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0 / 12px 12px;display:block}.imgcard__thumb img{width:100%;height:100%;object-fit:cover}.imgcard__meta{display:grid;gap:2px;min-width:0;font-size:var(--fs-sm)}.imgcard__meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imgcard__actions{display:grid;justify-items:end}.imgcard__replace{position:relative;cursor:pointer}.imgcard__controls{display:grid;gap:var(--s-3)}.imgcard__btns{display:flex;gap:var(--s-2);flex-wrap:wrap}.range-row{display:grid;grid-template-columns:24px 1fr 40px;gap:var(--s-3);align-items:center;color:var(--c-text-2)}.range-row output{text-align:right}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--c-line)}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--c-line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:var(--c-ink);border:3px solid #fff;box-shadow:0 1px 4px #00000040}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--c-ink);border:3px solid #fff;box-shadow:0 1px 4px #00000040}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus)}.move-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,40px);gap:4px;justify-content:start}.move-pad button{border:1px solid var(--c-line);background:var(--c-surface);border-radius:10px;display:grid;place-items:center}.move-pad button:hover{border-color:var(--c-ink)}.move-pad [data-move="0,-1"]{grid-column:2;grid-row:1}.move-pad [data-move="-1,0"]{grid-column:1;grid-row:2}.move-pad [data-move=center]{grid-column:2;grid-row:2;font-size:20px}.move-pad [data-move="1,0"]{grid-column:3;grid-row:2}.move-pad [data-move="0,1"]{grid-column:2;grid-row:3}@media(min-width:750px){.imgcard__controls{grid-template-columns:1fr auto;align-items:center}.imgcard__controls .range-row{grid-column:1}.move-pad{grid-column:2;grid-row:1 / span 3}.imgcard__btns{grid-column:1}}.ack{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-sm)}.ack input{margin-top:3px;accent-color:var(--c-ink)}.buybar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--c-surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--c-line);transform:translateY(110%);transition:transform var(--t-med) var(--ease-out)}.buybar.is-visible{transform:none}.buybar__price{display:grid;line-height:1.2}.buybar .btn{flex:1;max-width:260px}@media(min-width:990px){.buybar{display:none}}@media(max-width:989px){.product__grid--studio .product__visual{position:sticky;top:calc(var(--header-h) + 4px);z-index:5;background:var(--c-bg);margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) var(--s-2)}.product__grid--studio .studio__stage{aspect-ratio:auto;height:min(40vh,92vw)}.product__grid--studio .studio__legend,.product__grid--studio .studio__note{display:none}.product__grid--studio .studio__tabs{margin-bottom:6px}.product__grid--studio .gallery--tab .gallery__main{aspect-ratio:auto;height:min(40vh,92vw)}.product__grid--studio .gallery__thumbs{display:none}.site-header.is-scrolled~main .product__grid--studio .product__visual{box-shadow:0 8px 16px -12px #0003}.cfg__progress li{padding:8px;font-size:11px}}@media(max-width:989px)and (max-height:640px){.product__grid--studio .studio__stage,.product__grid--studio .gallery--tab .gallery__main{height:36vh}}.zoom-modal{border:0;padding:0;width:min(96vw,1100px);max-height:92vh;border-radius:var(--r-lg);background:var(--c-muted);overflow:hidden}.zoom-modal::backdrop{background:#1119;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.zoom-modal img{width:100%;height:auto;max-height:92vh;object-fit:contain}.zoom-modal__close{position:absolute;top:10px;right:10px;background:#fff;box-shadow:var(--shadow-sm)}.anim-on .zoom-modal[open]{animation:toastIn .35s var(--ease-out)}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--c-accent-rgb),.55)}70%{box-shadow:0 0 0 8px rgba(var(--c-accent-rgb),0)}to{box-shadow:0 0 rgba(var(--c-accent-rgb),0)}}@keyframes stageIn{0%{opacity:.4;transform:scale(.985)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/product.css.map */