.detail-page{color:#172333;background:#f8f8f6;min-height:100vh}.detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:64px;max-width:1280px;margin:auto;padding:58px max(5vw,28px);display:grid}.detail-main{object-fit:contain;background:#fff;width:100%;height:min(590px,55vw)}.detail-empty{color:#a76f11;justify-content:center;align-items:center;font-size:28px;display:flex}.detail-thumbs{gap:10px;margin-top:12px;display:flex;overflow:auto}.detail-thumbs button{background:#fff;border:1px solid #dce3ee;padding:5px}.detail-thumbs img{object-fit:cover;width:75px;height:75px}.detail-grid article{background:#fff;flex-direction:column;align-self:start;gap:18px;padding:42px 38px;display:flex}.detail-grid article>small{color:#a76f11;letter-spacing:1px}.detail-grid h1{margin:0;font-size:clamp(28px,3.5vw,44px);line-height:1.35}.detail-grid p{color:#5f6b7c;line-height:1.8}.detail-grid del{color:#8c949a}.detail-grid strong{color:#a14b25;font-size:30px}.detail-grid label{gap:7px;font-size:13px;font-weight:700;display:grid}.detail-grid select{border:1px solid #cfd5d2;width:100%;padding:13px}.detail-purchase{align-items:center;gap:14px;display:flex}.detail-buy{color:#fff;text-align:center;cursor:pointer;background:#172333;border:0;flex:1;padding:15px 28px;font-weight:700}.detail-buy:disabled{opacity:.5}.detail-added{color:#28653d;background:#edf7f0;gap:7px;padding:14px;display:grid}.detail-added a{color:#172333}.detail-info{border-top:1px solid #dce3ee;margin-top:8px;padding-top:16px}.detail-info h3{font-size:16px}@media (max-width:800px){.detail-grid{grid-template-columns:1fr;gap:20px;padding:30px 16px}.detail-main{height:90vw}.detail-grid article{padding:25px}.detail-grid h1{font-size:30px}}