cha-maker-form{display:grid}.zp{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;border-bottom:1px solid var(--c-line)}.zp-rail{grid-column:1 / span 2;position:sticky;top:var(--hdr-h);display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--z2);padding:var(--z3) var(--z3) var(--z3) var(--mx)}.zp-th{position:relative;width:100%;aspect-ratio:1 / 1;padding:0;border:0;background:var(--c-mist);cursor:pointer;overflow:hidden;opacity:.45;transition:opacity .6s var(--zpe)}.zp-th:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--c-ink);opacity:0;transition:opacity .6s var(--zpe)}.zp-th img{width:100%;height:100%;object-fit:cover}.zp-th:hover,.zp-th.on{opacity:1}.zp-th.on:after{opacity:1}.zp-gal{grid-column:3 / span 6;position:sticky;top:var(--hdr-h);height:calc(100vh - var(--hdr-h));min-height:560px;background:var(--c-mist);overflow:hidden;border-left:1px solid var(--c-line)}.zp-gi{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;background:var(--c-mist);overflow:hidden;opacity:0;visibility:hidden;transition:opacity .9s var(--zpe),visibility 0s linear .9s}.zp-gi.on{opacity:1;visibility:visible;transition:opacity .9s var(--zpe)}.zp-gi img{width:100%;height:100%;object-fit:cover;transition:transform 2.4s var(--zpe)}.zp-gi.on img{animation:zpWipe 1.2s var(--zpe) both}.zp-gi:hover img{transform:scale(1.03)}.zp-gnav{position:absolute;right:var(--z3);bottom:var(--z3);z-index:2;display:flex;align-items:center;gap:var(--z1);padding:4px;background:#fafaf7b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.zp-gbtn{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:transparent;cursor:pointer;transition:color .5s var(--zpe)}.zp-gbtn svg{width:14px;height:14px}.zp-gbtn:hover{color:var(--c-indigo)}.zp-gcnt{min-width:56px;text-align:center;font-size:var(--fs-k);font-variant-numeric:tabular-nums;color:var(--c-stone)}.zp-buy{grid-column:9 / -1;position:sticky;top:var(--hdr-h);height:calc(100vh - var(--hdr-h));display:flex;flex-direction:column;border-left:1px solid var(--c-line);background:var(--c-paper)}.zp-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--c-line) transparent;padding:var(--z3) var(--z5) var(--z5)}.zp-scroll>*{animation:zpRise 1.1s var(--zpe) both}.zp-scroll>:nth-child(2){animation-delay:.08s}.zp-scroll>:nth-child(3){animation-delay:.16s}.zp-scroll>:nth-child(4){animation-delay:.24s}.zp-scroll>:nth-child(n+5){animation-delay:.32s}.zp-crumb{display:flex;gap:var(--z1);font-size:var(--fs-k);color:var(--c-stone)}.zp-crumb a:hover{color:var(--c-indigo)}.zp-crumb .cur{color:var(--c-ink)}.zp-head{padding:var(--z4) 0;border-bottom:1px solid var(--c-line)}.zp-head h1{font-family:var(--f-serif);font-weight:300;font-size:50px;line-height:.95;letter-spacing:-.02em}.zp-tag{font-family:var(--f-serif);font-weight:300;font-size:var(--fs-t);line-height:1.25;margin-top:var(--z2);color:#3a3935}.zp-price{display:flex;align-items:center;gap:var(--z2);margin-top:var(--z4);flex-wrap:wrap}.zp-price .now{font-size:26px;font-weight:500;line-height:1.5;letter-spacing:-.01em}.zp-price s{font-size:var(--fs-ui);color:var(--c-stone)}.zp-save{display:inline-flex;align-items:center;height:24px;padding:0 10px;background:var(--c-indigo);color:var(--c-white);font-size:var(--fs-k);font-weight:500}.zp-price [hidden]{display:none}.zp-stock{display:flex;align-items:center;gap:10px;margin-top:var(--z2);font-size:var(--fs-sm);color:var(--c-ink)}.zp-stock i{position:relative;width:6px;height:6px;border-radius:50%;background:var(--c-indigo);flex:none}.zp-stock i:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--c-indigo);opacity:0;animation:stockPulse 2.4s var(--zpe) infinite}.zp-stock.out i{background:var(--c-stone)}.zp-stock.out i:after{display:none}@keyframes stockPulse{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.zp-blk{padding:var(--z4) 0;border-bottom:1px solid var(--c-line)}.zp-lbl{display:flex;justify-content:space-between;align-items:baseline;gap:var(--z2);margin-bottom:var(--z2)}.zp-lbl .k{font-size:var(--fs-sm);font-weight:500}.zp-lbl .v{font-size:var(--fs-k);color:var(--c-stone)}.zp-sw{display:flex;gap:var(--z1);flex-wrap:wrap}.zp-swb{position:relative;display:flex;align-items:center;gap:10px;height:48px;padding:0 var(--z2) 0 12px;border:1px solid var(--c-line);background:transparent;cursor:pointer;font-size:var(--fs-sm);line-height:1.5;transition:border-color .6s var(--zpe),background-color .6s var(--zpe)}.zp-swb .sw-c{position:relative;width:20px;height:20px;border-radius:50%;border:1px solid rgba(28,28,26,.25)}.zp-swb:hover{border-color:var(--c-ink)}.zp-swb.on{border-color:var(--c-ink);background:var(--c-white);box-shadow:inset 0 0 0 1px var(--c-ink)}.zp-swb.on .sw-c{box-shadow:0 0 0 2px var(--c-white),0 0 0 3px var(--c-indigo)}.zp-swb.sold{color:var(--c-stone)}.zp-swb.sold .sw-n{text-decoration:line-through}.zp-swb.sold .sw-c{opacity:.6}.zp-swb.sold .sw-c:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--c-stone);transform:rotate(45deg)}.sw-x{font-size:var(--fs-xs);padding:2px 6px;background:var(--c-mist);color:var(--c-stone)}.zp-sets{display:grid;gap:var(--z1)}.zs{border:1px solid var(--c-line);transition:border-color .7s var(--zpe),background-color .7s var(--zpe),box-shadow .7s var(--zpe)}.zs:hover{border-color:#1c1c1a73}.zs.on{border-color:var(--c-ink);background:var(--c-white);box-shadow:inset 0 0 0 1px var(--c-ink)}.zs-h{display:grid;grid-template-columns:18px minmax(0,1fr) auto;column-gap:var(--z2);row-gap:4px;align-items:start;width:100%;padding:var(--z3) var(--z3) 20px;background:none;border:0;text-align:left;cursor:pointer}.dot{position:relative;width:14px;height:14px;border:1px solid var(--c-ink);border-radius:50%}.zs.on .dot{border-color:var(--c-indigo)}.zs.on .dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--c-indigo)}.zs-n{grid-column:2;grid-row:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.zs-n .nm{font-family:var(--f-serif);font-size:28px;line-height:1.05}.zs-pc{grid-column:3;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-end;margin-top:5px}.zs-p{font-size:var(--fs-lead);font-weight:500;line-height:1.5;text-align:right}.zs-s{grid-column:2;grid-row:2;font-size:var(--fs-sm);color:var(--c-stone)}.zs-v{margin-top:2px;font-size:var(--fs-k);line-height:1.4;color:var(--c-stone);text-align:right;white-space:nowrap}.zs-t{margin-top:8px;display:inline-flex;align-items:center;height:22px;padding:0 8px;background:var(--c-indigo-tint);color:var(--c-indigo);font-size:var(--fs-xs);font-weight:500;line-height:1.5;letter-spacing:.02em;white-space:nowrap;transition:background-color .5s var(--zpe),color .5s var(--zpe)}.zs.on .zs-t{background:var(--c-indigo);color:var(--c-white)}.zs-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .9s var(--zpe)}.zs.on .zs-b{grid-template-rows:1fr}.zs-b>div{overflow:hidden}.zs-in{padding:0 var(--z3) var(--z3) 58px}.zs-in[hidden]{display:none}.zs-r{display:flex;align-items:center;gap:12px;min-height:37px;padding:var(--z1) 0;border-top:1px dashed var(--c-line);font-size:var(--fs-sm)}.zs-r .si-n{flex:1;min-width:0}.zs-r .si-q{color:var(--c-stone);white-space:nowrap;min-width:2.2ch;text-align:right}.zp-buyrow{padding:var(--z4) 0 0}.zp-buyrow [hidden]{display:none}.zp-ship{font-size:var(--fs-k);color:var(--c-stone);margin-top:var(--z2);text-align:center}.zp-set-note{margin-top:var(--z2);line-height:1.5;text-align:left}.zp-set-note[hidden]{display:none}.zp-notify{border-color:var(--c-ink)}.zp-hl{margin:var(--z4) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}.zp-hl li{display:flex;flex-direction:column;gap:4px;padding:var(--z3) var(--z1) var(--z3) 0;font-size:var(--fs-xs);color:var(--c-stone);line-height:1.3}.zp-hl li+li{padding-left:12px;border-left:1px solid var(--c-line)}.zp-hl b{font-family:var(--f-serif);font-weight:400;font-size:var(--fs-t);color:var(--c-ink)}.zp-desc{border-bottom:0;padding-bottom:0}.zp-desc-b p{font-size:var(--fs-ui);line-height:1.7;color:var(--c-text-2)}.zp-desc-b p+p{margin-top:12px}.zp-pts{margin:var(--z3) 0 0;border-top:1px solid var(--c-line)}.zp-pts li{position:relative;padding:12px 0 12px 20px;border-bottom:1px solid var(--c-line);font-size:var(--fs-ui)}.zp-pts li:before{content:"";position:absolute;left:2px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--c-indigo)}.zp-ptl{padding:0 0 1px;border:0;border-bottom:1px solid currentColor;background:none;font:inherit;color:var(--c-ink);cursor:pointer;transition:color .5s var(--zpe)}.zp-ptl:hover{color:var(--c-indigo)}.zp-links{border-top:1px solid var(--c-ink);padding:var(--z1) var(--z5) var(--z2);background:var(--c-paper)}.zp-link{display:flex;justify-content:space-between;align-items:center;width:100%;height:44px;padding:0;background:none;border:0;border-bottom:1px solid var(--c-line);font-size:var(--fs-sm);line-height:1.5;cursor:pointer;text-align:left}.zp-link:last-child{border-bottom:0}.zp-link:hover{color:var(--c-indigo)}.zp-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-bar);display:flex;justify-content:space-between;align-items:center;gap:var(--z2);padding:12px var(--mx);background:#fafaf7e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--c-line);transform:translateY(100%);transition:transform .9s var(--zpe)}.zp-bar.on{transform:none}.zb-l{display:flex;align-items:center;gap:var(--z2);min-width:0}.zb-l img{width:44px;height:44px;object-fit:contain;mix-blend-mode:multiply}.zb-n{font-family:var(--f-serif);font-size:var(--fs-t);line-height:1.1}.zb-r{display:flex;align-items:center;gap:var(--z3)}.zb-p{font-size:16px;font-weight:500}.zd h2 .it,.zd h2 em{font-weight:300}.zd-steps{margin:var(--z4) 0 0;border-top:1px solid var(--c-ink)}.zd-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:var(--z2) 0;border-bottom:1px solid var(--c-line)}.zd-steps b{font-family:var(--f-serif);font-weight:400;font-size:20px;color:var(--c-stone)}.zd-steps h3{font-family:var(--f-serif);font-weight:400;font-size:var(--fs-t);line-height:1.1}.zd-steps p{font-size:var(--fs-ui);color:var(--c-stone);margin-top:4px}.zd-kv{margin-top:var(--z3);border-top:1px solid var(--c-line)}.zd-kv>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--z2);padding:var(--z2) 0;border-bottom:1px solid var(--c-line);font-size:var(--fs-ui)}.zd-kv dt{color:var(--c-stone)}.zd-more{margin-top:var(--z3)}@media(max-width:1180px)and (min-width:1024px){.zp-scroll{padding:var(--z3) var(--z4) var(--z4)}.zp-links{padding:var(--z1) var(--z4) var(--z2)}.zp-head h1{font-size:52px}}@media(max-width:1100px)and (min-width:1024px){.zp{grid-template-columns:minmax(0,1fr) minmax(380px,420px)}.zp-rail{display:none}.zp-gal{grid-column:1}.zp-buy{grid-column:2}}@media(max-width:1023px){.zp{grid-template-columns:minmax(0,1fr);border-bottom:0}.zp-rail{display:none}.zp-gal{grid-column:1;position:static;height:auto;min-height:0;display:flex;gap:2px;overflow-x:auto;scroll-snap-type:x mandatory;background:var(--c-paper);border-left:0;scrollbar-width:none}.zp-gal::-webkit-scrollbar{display:none}.zp-gi{position:relative;inset:auto;flex:0 0 86%;aspect-ratio:1 / 1;scroll-snap-align:start;opacity:1;visibility:visible}.zp-gi:last-of-type{scroll-snap-align:end}.zp-gi.on img{animation:none}.zp-gnav{display:none}.zp-buy{grid-column:1;position:static;height:auto;border-left:0}.zp-scroll{overflow:visible;padding:var(--z3) var(--mx) var(--z4)}.zp-head{padding:var(--z3) 0}.zp-head h1{font-size:40px}.zp-tag{font-size:20px;margin-top:12px}.zp-price{margin-top:var(--z3)}.zp-blk{padding:var(--z3) 0}.zs-h{padding:var(--z2) var(--z2) 14px;column-gap:12px}.zs-n .nm{font-size:24px}.zs-in{padding:0 var(--z2) var(--z2) 46px}.zp-buyrow{padding-top:var(--z3)}.zp-hl{grid-template-columns:repeat(2,minmax(0,1fr))}.zp-hl li{padding:var(--z2) var(--z1) var(--z2) 0}.zp-hl li:nth-child(3){padding-left:0;border-left:0;border-top:1px solid var(--c-line)}.zp-hl li:nth-child(4){border-top:1px solid var(--c-line)}.zp-links{padding:0 var(--mx);border-top:1px solid var(--c-ink)}.zp-link{height:52px}.zp-bar{padding:10px var(--mx) calc(10px + env(safe-area-inset-bottom))}.zb-l img,.zb-p{display:none}.zb-n{font-size:19px}.zb-r .btn{height:44px;padding:0 20px}.zd-kv>div{grid-template-columns:1fr;gap:4px}}@media(max-width:1023px)and (min-width:768px){.zp-scroll>*,.zp-links>*{max-width:640px}}@media(prefers-reduced-motion:reduce){.zp-gi img,.zp-scroll>*{animation:none!important}.zp-stock i:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-product-cha-maker.css.map */