.pg{padding-top:calc(72px + env(safe-area-inset-top,0px))}.pg .crumbs{padding-block:26px 30px}.gift{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(32px,5vw,80px);align-items:start;padding-bottom:110px}.info{position:sticky;top:104px;display:grid;gap:24px;min-width:0}.cat-no{font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums}.info h1{font-size:clamp(2.4rem,4.3vw,3.7rem);margin-top:-14px}.desc{font-size:1.06rem;color:color-mix(in srgb,var(--fg) 82%,transparent);max-width:32rem}.gprice{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;padding-block:18px;border-block:1px solid var(--line)}.gprice .from{font-size:.9rem;color:var(--muted)}.gprice .amt{font-family:var(--ar-d);font-weight:700;font-size:2.3rem;line-height:1}.gprice .per{font-size:.9rem;color:var(--muted)}.gprice .min{flex-basis:100%;font-size:.85rem;color:var(--muted)}.fit{display:grid;gap:10px}.lbl{font-size:.85rem;font-weight:500}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:.82rem;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--sky-top) 12%,transparent);color:color-mix(in srgb,var(--fg) 85%,var(--sky-top))}.qty-box{display:grid;gap:12px}.stepper{display:flex;align-items:center;width:max-content;border:1px solid color-mix(in srgb,var(--fg) 20%,transparent);border-radius:var(--radius);background:var(--surface)}.stepper button{width:48px;height:48px;border:0;background:none;color:var(--fg);font-size:1.3rem;cursor:pointer;transition:background .25s}.stepper button:hover{background:color-mix(in srgb,var(--fg) 6%,transparent)}.stepper input{width:92px;height:48px;border:0;border-inline:1px solid color-mix(in srgb,var(--fg) 14%,transparent);background:none;text-align:center;font-family:var(--ar-d);font-weight:700;font-size:1.35rem;color:var(--fg);font-variant-numeric:tabular-nums}.stepper input:focus-visible{outline-offset:-2px}.qrow{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.quick{display:flex;gap:6px;flex-wrap:wrap}.quick button{border:1px solid color-mix(in srgb,var(--fg) 16%,transparent);background:none;color:var(--fg);border-radius:999px;padding:5px 13px;font-size:.85rem;cursor:pointer;transition:background .3s var(--ease),color .3s}.quick button:hover{background:#fff}.quick button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.q-err{font-size:.82rem;color:var(--accent)}.logo-opt{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:start;padding:16px 18px;border:1px solid color-mix(in srgb,var(--fg) 14%,transparent);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color .3s,background .3s}.logo-opt:hover{border-color:color-mix(in srgb,var(--fg) 30%,transparent)}.logo-opt input{position:absolute;opacity:0;pointer-events:none}.logo-opt .box{grid-row:span 2;width:22px;height:22px;margin-top:3px;display:grid;place-items:center;border:1px solid var(--fg);rotate:45deg;transition:background .3s}.logo-opt .box:after{content:"";width:8px;height:8px;background:var(--on-accent);transform:scale(0);transition:transform .4s var(--ease)}.logo-opt b{font-weight:600}.logo-opt small{font-size:.84rem;color:var(--muted);line-height:1.6}.logo-opt:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.logo-opt:has(input:checked) .box{background:var(--accent);border-color:var(--accent)}.logo-opt:has(input:checked) .box:after{transform:scale(1)}.logo-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.actions{display:grid;gap:10px}.btn-add{height:58px;font-size:1.02rem;gap:14px}.btn-add .dm{width:9px;height:9px;rotate:45deg;background:var(--accent)}.btn-add.in .dm{background:var(--on-accent)}.facts{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.86rem;color:var(--muted)}.facts li{display:flex;gap:10px;align-items:center}.facts .ico{width:18px;height:18px;color:var(--fg)}.gallery{min-width:0}.gstage{position:relative;aspect-ratio:1/1;max-width:100%;overflow:hidden;border-radius:var(--radius);perspective:1600px;isolation:isolate;background:radial-gradient(55% 45% at 70% 12%,#fffaf28c,#fffaf200 70%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 52%,var(--sky-low) 100%)}.gstage:before{content:"";position:absolute;inset:auto -10% -18%;height:44%;border-radius:50%;background:radial-gradient(closest-side,#edefeebf,#edefee00);z-index:-1}.zoom{position:absolute;inset:0;will-change:transform}.tilt{position:absolute;inset:0;transform-style:preserve-3d}.gstage .shot-sh,.pins{position:absolute;inset:-8% -3% -12% -5%}.gstage .shot-sh{filter:drop-shadow(-30px 40px 30px rgba(40,46,60,.34))}.gstage .shot{position:absolute;inset:0;background-size:100% 100%;clip-path:polygon(27.27% 25.04%,79.59% 44.34%,64.59% 85.17%,14.11% 63.32%)}.gstage.cut .shot-sh,.gstage.cut .pins{inset:15.85% 8%}.gstage.cut .shot-sh{filter:drop-shadow(-26px 36px 26px rgba(40,46,60,.36))}.gstage .cut{position:absolute;inset:0;width:100%;height:100%}.vimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:3;pointer-events:none;transition:opacity .8s var(--ease)}.vimg.on{opacity:1}.thumb span.all.cut{inset:8%;background-size:contain;background-position:center}.thumb span.img{background-size:cover;background-position:center}.item .crop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gstage .emb{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:28px}.gstage .emb i{width:54px;height:54px;rotate:45deg;background:#ffffff38;box-shadow:inset 2px 2px 3px #ffffff8c,inset -2px -2px 4px #15171d2e}.gstage .emb i+i{box-shadow:inset 2px 2px 3px #ffffff80,inset -2px -2px 4px #a3482a73}.hs{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border:0;padding:0;border-radius:50%;background:#ffffffeb;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 16px -6px #15171d73;transition:opacity .5s var(--ease),transform .4s var(--ease)}.hs:before{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(255,255,255,.8);animation:ring 2.6s var(--ease) infinite}.hs i{width:9px;height:9px;rotate:45deg;background:var(--fg);transition:background .3s}.hs:hover,.hs.open{transform:scale(1.08)}.hs.open i{background:var(--accent)}.hs .tip{position:absolute;top:50%;inset-inline-end:calc(100% + 12px);translate:0 -50%;white-space:nowrap;background:#fff;color:var(--fg);font-size:.85rem;font-weight:500;padding:6px 12px;border-radius:var(--radius);box-shadow:0 10px 24px -14px #15171d80;opacity:0;pointer-events:none;transition:opacity .35s var(--ease),transform .35s var(--ease);transform:translate(6px)}.hs.flip .tip{inset-inline-end:auto;inset-inline-start:calc(100% + 12px);transform:translate(-6px)}.hs:hover .tip,.hs.open .tip,.hs:focus-visible .tip{opacity:1;transform:none}.gstage.zoomed .hs{opacity:0;pointer-events:none}@keyframes ring{0%{transform:scale(.8);opacity:.9}70%,to{transform:scale(1.5);opacity:0}}.stage-note{position:absolute;bottom:12px;inset-inline:0;text-align:center;font-size:.72rem;color:color-mix(in srgb,var(--fg) 70%,transparent);z-index:2}.stage-hint{position:absolute;top:16px;inset-inline-start:18px;z-index:2;font-size:.78rem;color:#ffffffeb;display:flex;align-items:center;gap:8px;transition:opacity .4s}.stage-hint i{width:7px;height:7px;rotate:45deg;background:#fff}.thumbs{display:flex;gap:12px;margin-top:14px}.thumb-wrap{flex:1;max-width:120px;display:grid}.thumb{position:relative;aspect-ratio:1;border:0;padding:0;cursor:pointer;border-radius:var(--radius);background:linear-gradient(180deg,var(--sky-top),var(--sky-low));overflow:hidden;box-shadow:inset 0 0 0 1px #fff6;transition:transform .5s var(--ease)}.thumb span{position:absolute;inset:0;background-repeat:no-repeat}.thumb:hover{transform:translateY(-3px)}.thumb:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .3s}.thumb[aria-pressed=true]:after{box-shadow:inset 0 0 0 2px var(--fg)}.thumb-lbl{display:block;font-size:.78rem;color:var(--muted);margin-top:6px;text-align:center}.inside{padding-block:120px;border-top:1px solid var(--line)}.inside .sec-head{margin-bottom:48px}.items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.item{display:grid;gap:14px;align-content:start;min-width:0}.item .crop{position:relative;aspect-ratio:4/5;max-width:100%;border-radius:var(--radius);overflow:hidden;background-color:#dccbb4;background-repeat:no-repeat;box-shadow:0 40px 50px -44px #15171d80;transition:transform 1s var(--ease)}.item:hover .crop{transform:translateY(-6px)}.item .crop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(21,23,29,.18))}.item .n{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.item h3{font-size:1.4rem}.item p{color:var(--muted);font-size:.95rem}.how{padding-block:20px 120px}.how-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:48px;align-items:start;padding:clamp(28px,4vw,52px);border-radius:var(--radius);background:var(--surface);box-shadow:inset 0 0 0 1px #ffffffb3,0 50px 60px -56px #15171d66}.how-box h2{font-size:clamp(1.8rem,3vw,2.5rem)}.how-box>div>p{color:var(--muted);margin-top:10px}.groute{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.groute li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:baseline}.groute .num{grid-row:span 2;font-family:var(--ar-d);font-weight:700;font-size:2.6rem;line-height:1;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--fg) 40%,transparent)}.groute li:last-child .num{-webkit-text-stroke-color:var(--accent)}.groute b{font-weight:600}.groute span{font-size:.88rem;color:var(--muted)}.more{padding-block:0 130px}.more-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:40px}.more-head h2{font-size:clamp(2rem,3.6vw,3rem)}.more-head a{font-size:.95rem;text-decoration:none;box-shadow:0 1px 0 currentColor}.more .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}.buybar{position:fixed;inset-inline:0;bottom:0;z-index:55;display:none;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);box-shadow:0 -1px 0 var(--line);transform:translateY(110%);transition:transform .5s var(--ease)}.buybar.show{transform:none}.buybar p{font-size:.85rem;color:var(--muted);line-height:1.4}.buybar p b{display:block;color:var(--fg);font-family:var(--ar-d);font-size:1.2rem}.buybar .btn{padding:12px 18px}.still .hs:before{animation:none}html[lang=en] .gprice .amt,html[lang=en] .stepper input,html[lang=en] .groute .num,html[lang=en] .buybar p b{font-weight:400}html[lang=en] .gprice .amt{font-size:2.6rem}html[lang=en] .stepper{flex-direction:row-reverse}html[lang=en] .hs .tip{inset-inline-end:auto;inset-inline-start:calc(100% + 12px);transform:translate(-6px)}html[lang=en] .hs.flip .tip{inset-inline-start:auto;inset-inline-end:calc(100% + 12px);transform:translate(6px)}@media(max-width:900px){.gift{grid-template-columns:1fr;padding-bottom:80px}.gallery{order:-1}.info{position:static}.pg .crumbs{padding-block:18px}.items{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.how-box{grid-template-columns:1fr;gap:28px}.groute{grid-template-columns:repeat(2,minmax(0,1fr))}.more .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px}.buybar{display:flex}.motion-toggle{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.inside{padding-block:90px}.hs .tip{font-size:.78rem}}@media(max-width:600px){.groute{grid-template-columns:1fr}.thumbs{gap:8px}.gift{gap:24px;padding-bottom:60px}.info h1{font-size:2rem;margin-top:-6px}.desc{font-size:.95rem}.gprice .amt{font-size:1.8rem}.btn-add{height:50px;font-size:.95rem}.stepper button{width:42px;height:42px}.stepper input{width:76px;height:42px;font-size:1.15rem}.items{gap:24px 12px}.item h3{font-size:1.1rem}.item p{font-size:.86rem}.how-box{padding:22px}.how-box h2{font-size:1.6rem}.groute .num{font-size:2rem}.more-head h2{font-size:1.7rem}.more .grid{gap:34px 12px}html[lang=en] .gprice .amt{font-size:2rem}}