.pdp{display:grid;gap:28px;padding-block:20px}.crumbs{display:flex;gap:4px;align-items:center;color:var(--color-text-3);font-size:13px;padding-top:22px;flex-wrap:wrap}.crumbs a{color:var(--color-text-2);padding:4px 8px;border-radius:var(--radius-pill)}.crumbs a:first-child{padding-left:0}.crumbs a:hover{color:var(--color-text);background:#ffffff0f}.crumbs .ic{width:14px;height:14px;color:var(--color-text-3);transform:rotate(-90deg)}.crumbs span:last-child{padding-left:4px;color:var(--color-text-3)}.gallery{display:grid;gap:10px}.gallery-main{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none;border-radius:20px}.gallery-main::-webkit-scrollbar{display:none}.gallery-main figure{margin:0;flex:0 0 100%;scroll-snap-align:start;aspect-ratio:4/5;background:var(--color-card);border-radius:20px;overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:cover}.lightbox{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0b0b0ff0;cursor:zoom-out}.lightbox[hidden]{display:none}.lightbox img{max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);object-fit:contain;border-radius:12px}.lightbox button{position:absolute;top:16px;right:16px}.thumbs{display:flex;gap:8px}.thumbs button{width:64px;height:80px;border-radius:10px;overflow:hidden;border:2px solid transparent;background:var(--color-card);padding:0}.thumbs button.on{border-color:var(--color-yellow)}.thumbs img{width:100%;height:100%;object-fit:cover}.buy{display:grid;gap:18px;align-content:start}.buy h1{font-size:clamp(26px,3.4vw,38px);cursor:pointer}.buy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.buy-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--color-line-2);color:var(--color-text-2)}.buy-close:hover{color:var(--color-text);border-color:var(--color-text-3)}.buy-close .ic{width:20px;height:20px}.spec{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px}.spec div{border-top:1px solid var(--color-line);padding-top:8px}.spec span{display:block;color:var(--color-text-3);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.spec b{font-weight:500;font-size:15px}.buy-meta{display:flex;gap:6px;flex-wrap:wrap}.buy-meta .chip{height:30px;padding:0 12px;font-size:13px}.buy-meta .chip.y{background:var(--color-yellow);color:var(--color-on-yellow);border-color:var(--color-yellow);font-weight:600}.buy-meta .chip.r{color:#ff8a78;border-color:#c91d0880}.price-box{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.price-main{font-family:var(--font-display);font-weight:700;font-size:52px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.price-transfer{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:var(--radius-pill);background:#35d07f1f;color:var(--color-green);font-weight:600;font-size:14px}.buy-ctas{display:flex;gap:10px;flex-wrap:wrap}.buy-ctas #addBtn{flex:1}.stock{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.stock i{width:8px;height:8px;border-radius:50%;background:var(--color-green)}.stock.low i{background:var(--color-yellow)}.stock.out i{background:var(--color-red)}.variants{display:grid;gap:8px}.variants span{font-size:13px;color:var(--color-text-2)}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg button{height:40px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid var(--color-line-2);font-weight:500;color:var(--color-text-2)}.seg button.on{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.seg button:disabled{opacity:.35;text-decoration:line-through}.pre-note{border:1px solid rgba(247,93,2,.5);background:#f75d0214;border-radius:var(--radius-card);padding:14px 16px;display:grid;gap:4px;font-size:14px}.pre-note b{color:var(--color-orange);font-family:var(--font-display)}.desc{color:var(--color-text-2);display:grid;gap:10px;max-width:65ch}.desc p{margin:0}.trust{display:grid;gap:8px}.trust div{display:flex;gap:10px;align-items:center;color:var(--color-text-2);font-size:14px}.trust .ic{color:var(--color-yellow);width:18px;height:18px}.related{padding-block:36px 8px}.related-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-template-rows:auto;grid-auto-rows:0;column-gap:12px;row-gap:0;overflow:hidden}.related-track :is(.card,.card-body,.card-row){min-width:0}.related-track .card-row{flex-direction:column;align-items:stretch;gap:2px}.related-track :is(.card-name,.card-meta){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:900px){.pdp{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:48px;align-items:start}.related-track{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));column-gap:16px}.gallery.has-thumbs{grid-template-columns:72px 1fr}.thumbs{flex-direction:column;order:-1}.gallery-main figure{aspect-ratio:4/5}.gallery-main figure.zoom{cursor:zoom-in}.buy{position:sticky;top:calc(var(--nav-h) + 24px)}}.buy-loading{display:grid;place-items:center;min-height:160px}
