.pc-img,.pdp-frame{background:#f5f5f7;border:0;padding:0;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pc-img{aspect-ratio:4/5}.pdp-frame{aspect-ratio:4/5}
.pc-img img,.pdp-frame img{width:100%;height:100%;object-fit:contain;border-radius:0;padding:12px;transition:transform .4s ease}
.pc:hover .pc-img img{transform:scale(1.03)}
.th{background:#f5f5f7;border:1px solid transparent;border-radius:12px;padding:4px}.th:hover,.th:focus-visible{border-color:var(--ink)}
.th img{aspect-ratio:4/5;object-fit:contain;border-radius:8px}
.rate{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:600}
.stars{color:var(--garnet);letter-spacing:2px;font-size:16px}
.pay{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;justify-content:center}.pay svg{width:46px;height:30px}
.low{display:flex;align-items:center;gap:10px;margin-top:24px;color:var(--mid);font-size:15px}
.dot{width:14px;height:14px;border-radius:50%;background:var(--red);flex:none}
.alert{margin-top:12px;border:1px solid #ecd5d8;background:#fbf4f5;border-radius:16px;padding:20px;color:#2d2d33}
.alert .t{display:block;font-weight:700;margin-bottom:10px}.alert p{margin:0 0 8px;line-height:1.5}.alert p:last-child{margin:0}
.acc{margin-top:24px;border-top:1px solid var(--line)}.acc details{border-bottom:1px solid var(--line)}
.acc summary{display:flex;align-items:center;gap:12px;padding:18px 0;font-weight:700;font-size:17px;cursor:pointer;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.acc summary:after{content:'';margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.acc details[open] summary:after{transform:rotate(-135deg)}
.acc .ab{padding:0 0 18px;color:#424245;line-height:1.6}.acc .ab p{margin:0 0 10px}
.story{max-width:900px;margin:0 auto;text-align:center;padding-top:96px}
.story h2{font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.story p{font-size:18px;color:var(--mid);margin-top:16px;line-height:1.6}
.story .m{margin-top:32px;border-radius:24px;overflow:hidden;background:var(--bg2)}
.story .m img,.story .m video{width:100%;height:auto;display:block}
.vs{padding-top:96px}
.vs .rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 16px;margin-top:32px;-webkit-overflow-scrolling:touch}
.vs .vc{flex:0 0 240px;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#111;scroll-snap-align:start}
.vs .vc video{width:100%;height:100%;object-fit:cover}
.gar{margin-top:96px;background:var(--bg2);border-radius:28px;padding:56px 24px;text-align:center}
.gar svg{margin:0 auto 16px;color:var(--garnet)}.gar p{margin-top:12px;color:var(--mid);font-size:18px}
@media(max-width:700px){.grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}.how .grid{grid-template-columns:1fr}.pc h3{font-size:14px;margin-top:10px}.pc-img img{padding:8px}.story{padding-top:64px}.story h2{font-size:28px}.vs .vc{flex-basis:68%}.vs{padding-top:64px}.gar{margin-top:64px}}