.pd{background:radial-gradient(1100px 620px at 30% 30%,#2a2119 0%,var(--night) 62%);color:#f3ebdd;overflow:hidden}
.pd .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;padding-block:46px 70px}
@media(max-width:860px){.pd .wrap{grid-template-columns:1fr;gap:16px;padding-block:22px 46px}}
.crumbs{font-size:12px;letter-spacing:.12em;color:#a99c8a;margin-bottom:18px}
.crumbs a{color:#cfc3b2;text-decoration:none}
.stage3d{position:relative;aspect-ratio:1/1;perspective:1100px;max-width:560px;margin:0 auto;width:100%}
.stage3d .halo{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(closest-side,
rgba(232,211,162,.32),transparent);animation:breathe 5s ease-in-out infinite}
.stage3d .plate{position:absolute;inset:9%;border-radius:28px;background:#fff;overflow:hidden;
box-shadow:0 40px 80px rgba(0,0,0,.55),0 0 0 1px rgba(232,211,162,.35);transform-style:preserve-3d;
transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .15s linear;
animation:floaty 7s ease-in-out infinite}
.stage3d img{width:100%;height:100%;object-fit:contain;padding:7%;
transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1)}
.stage3d img.swap{opacity:0;transform:scale(.9) rotateY(28deg)}
.stage3d .shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,
rgba(255,255,255,.55) 48%,transparent 60%);background-size:250% 100%;background-position:120% 0}
.stage3d .shine.go{animation:sweep 1s ease}
.stage3d .floor{position:absolute;left:18%;right:18%;bottom:1%;height:6%;background:radial-gradient(closest-side,
rgba(0,0,0,.6),transparent);filter:blur(5px)}
.pinfo h1{font-weight:400;font-size:clamp(38px,5.4vw,66px);line-height:1.02;margin:8px 0 6px}
.pinfo .vm{color:#cfc3b2;font-size:12px;letter-spacing:.2em}
.lbl{margin:26px 0 10px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.sizes{display:flex;flex-wrap:wrap;gap:10px}
.sizes button{font:inherit;color:#efe6d6;background:rgba(255,255,255,.04);border:1px solid rgba(232,211,162,.35);
border-radius:16px;padding:10px 16px;cursor:pointer;text-align:left;line-height:1.2;transition:transform .2s,
background .2s,border-color .2s,color .2s}
.sizes button small{display:block;font-size:11px;color:#a99c8a;letter-spacing:.06em}
.sizes button:hover{transform:translateY(-2px);border-color:var(--gold2)}
.sizes button[aria-checked=true]{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1b1714;
border-color:transparent;box-shadow:0 8px 22px rgba(184,149,90,.35)}
.sizes button[aria-checked=true] small{color:#3b3127}.sizes button .dot{display:inline-block;width:7px;height:7px;
border-radius:50%;margin-right:6px;background:#5bd68a;vertical-align:1px}.sizes button .dot.order{background:#e8d3a2}
.sizes button .dot.out{background:#8a8079}.sizes button .dot.ns{background:#7d8fb3}
.pprice{display:flex;align-items:baseline;gap:12px;margin:24px 0 4px;min-height:58px}
.pprice .num{font:700 clamp(38px,5vw,52px)/1 -apple-system,Arial,sans-serif;color:#fff}
.pprice s{color:#a99c8a;font-size:20px}.pprice .off{background:linear-gradient(135deg,var(--gold2),var(--gold));
color:#1b1714;font:700 12px/1 Arial,sans-serif;padding:6px 8px;border-radius:20px}
.pprice.bump .num{animation:bump .45s ease}
.pstate{font-size:13px;color:#cfc3b2}.pstate i{font-style:normal;color:var(--gold2)}
.pref{font-size:12px;color:#a99c8a;min-height:16px}
.pbuy{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 8px}
.pbuy .btn{position:relative;overflow:hidden;font-size:16px;padding:15px 28px}
.pbuy .btn.buy::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,
rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:glint 3.2s ease-in-out infinite}
.pbuy .btn[disabled]{opacity:.45;cursor:not-allowed}
.perks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px;font-size:14px;color:#cfc3b2}
.perks li::before{content:"✦";color:var(--gold);margin-right:10px}
.notice{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);z-index:40;width:min(520px,92vw);
background:rgba(14,11,9,.96);color:#efe6d6;border:1px solid rgba(232,211,162,.45);border-radius:16px;
padding:16px 18px;box-shadow:0 20px 50px rgba(0,0,0,.5);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.notice.on{transform:translate(-50%,0)}.notice button{margin-top:10px}
.pinfo>*{animation:rise .7s ease both}.pinfo>*:nth-child(2){animation-delay:.06s}
.pinfo>*:nth-child(3){animation-delay:.12s}.pinfo>*:nth-child(4){animation-delay:.18s}
.pinfo>*:nth-child(n+5){animation-delay:.24s}
a.card{color:inherit;text-decoration:none}
@keyframes floaty{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes breathe{0%,100%{opacity:.6;scale:1}50%{opacity:1;scale:1.05}}
@keyframes sweep{from{background-position:120% 0}to{background-position:-30% 0}}
@keyframes bump{0%{transform:translateY(10px);opacity:0}100%{transform:none;opacity:1}}
@keyframes glint{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){.stage3d .plate,.stage3d .halo,.pbuy .btn.buy::after{animation:none}}