.detail-page{background:#f6f7fa;padding:28px 0 76px}.detail-breadcrumb{display:flex;align-items:center;gap:9px;color:#7a8494;font-size:12px;margin-bottom:24px}.detail-breadcrumb a:hover{color:var(--brand)}.detail-breadcrumb i{font-size:9px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:34px;align-items:start}.detail-article{background:#fff;border:1px solid #e5e8ee;border-radius:12px;padding:34px}.detail-header h1{font:800 clamp(28px,3vw,42px)/1.22 var(--display);letter-spacing:-1.6px;margin:12px 0 16px}.detail-category{display:inline-flex;background:#efedff;color:var(--brand);padding:6px 10px;border-radius:6px;font-size:11px;font-weight:700}.detail-meta{display:flex;flex-wrap:wrap;gap:18px;color:#7a8494;font-size:11px}.detail-meta i{color:var(--brand);margin-right:4px}.detail-hero-image{margin:28px 0 26px;border-radius:10px;overflow:hidden;background:#e9edf3}.detail-hero-image img{display:block;width:100%;max-height:520px;object-fit:cover}.detail-lead{font-size:17px;line-height:1.75;color:#4d596b;padding-bottom:28px;border-bottom:1px solid #eceef2}.article-section{padding:28px 0}.article-section h2,.included-box h2,.faq-section>h2{font:750 23px var(--display);letter-spacing:-.6px;margin:0 0 18px}.article-content{color:#465267;font-size:15px;line-height:1.8}.article-content img{max-width:100%;height:auto;border-radius:8px}.included-box{background:#f8f9fc;border:1px solid #e5e8ee;border-radius:10px;padding:24px;margin:4px 0 28px}.included-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.included-grid>div{display:flex;align-items:center;gap:12px}.included-grid>div>i{width:40px;height:40px;border-radius:8px;background:#eeecff;color:var(--brand);display:grid;place-items:center;font-size:18px}.included-grid span,.purchase-benefits span{display:flex;flex-direction:column}.included-grid b{font-size:13px}.included-grid small{font-size:11px;color:#8993a3;margin-top:2px}.notice-box{border-left:3px solid #f4a340;background:#fff9ef;padding:22px 24px;border-radius:0 9px 9px 0;margin-bottom:30px}.notice-box h2{font:700 16px var(--display);margin:0 0 13px}.notice-box h2 i{color:#e48a1a;margin-right:7px}.notice-box ul{margin:0;padding-left:19px;color:#5b6575;font-size:13px;line-height:1.8}.faq-section details{border-top:1px solid #e7e9ee;padding:17px 0}.faq-section summary{font-weight:700;font-size:14px;cursor:pointer}.faq-section details p{color:#687386;font-size:13px;line-height:1.65;margin:10px 0 0}.purchase-column{position:sticky;top:92px}.purchase-card,.support-card{background:#fff;border:1px solid #e1e5ec;border-radius:12px;padding:25px}.purchase-label{font-size:11px;color:#8b95a5;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.purchase-price{font:800 36px var(--display);letter-spacing:-1px;margin-top:5px}.purchase-original{text-decoration:line-through;color:#9aa3b1;font-size:13px}.availability{display:flex;align-items:center;gap:8px;color:#288764;font-size:12px;font-weight:600;margin:15px 0 23px}.availability span{width:8px;height:8px;border-radius:50%;background:#26b47e;box-shadow:0 0 0 4px #e7f8f2}.availability.out{color:#d24b4b}.availability.out span{background:#e75b5b;box-shadow:0 0 0 4px #fdeaea}.quantity-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.quantity-row label{font-size:13px;font-weight:700}.quantity-control{height:36px;display:flex;border:1px solid #dce1e9;border-radius:7px;overflow:hidden}.quantity-control button{width:34px;border:0;background:#f7f8fa}.quantity-control input{width:38px;text-align:center;border:0;outline:0;font-weight:700;background:#fff}.purchase-primary,.purchase-secondary{width:100%;height:48px;border-radius:8px;font-weight:700;font-size:14px}.purchase-primary{border:0;background:var(--brand);color:#fff;margin-bottom:10px}.purchase-primary:hover{background:#5142eb}.purchase-secondary{border:1px solid #cfd5df;background:#fff;color:#263143}.purchase-primary:disabled,.purchase-secondary:disabled{opacity:.5;cursor:not-allowed}.purchase-benefits{border-top:1px solid #eaedf1;margin-top:22px;padding-top:19px;display:grid;gap:16px}.purchase-benefits>div{display:flex;gap:11px;align-items:center}.purchase-benefits>div>i{font-size:18px;color:var(--brand)}.purchase-benefits b{font-size:12px}.purchase-benefits small{font-size:10px;color:#8a94a3}.support-card{margin-top:15px;display:flex;gap:13px;padding:20px}.support-card>i{font-size:21px;color:var(--brand)}.support-card b{font-size:13px}.support-card p{font-size:11px;color:#7e8898;line-height:1.5;margin:5px 0}.support-card a{font-size:11px;color:var(--brand);font-weight:700}.related-market{margin-top:42px}.related-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.related-heading h2{font:750 24px var(--display)}.related-heading a{font-size:12px;color:var(--brand);font-weight:700}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.related-item{background:#fff;border:1px solid #e2e6ec;border-radius:9px;overflow:hidden}.related-item img{width:100%;aspect-ratio:16/10;object-fit:cover}.related-item>span{display:flex;flex-direction:column;padding:13px}.related-item b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-item strong{font-size:14px;margin-top:7px}@media(max-width:900px){.detail-layout{grid-template-columns:1fr}.purchase-column{position:static;display:grid;grid-template-columns:1fr 1fr;gap:15px}.support-card{margin:0}.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.detail-page{padding-top:18px}.detail-article{padding:20px}.detail-header h1{font-size:28px}.detail-meta{gap:10px}.included-grid{grid-template-columns:1fr}.purchase-column{display:block}.support-card{margin-top:12px}.related-grid{gap:10px}.detail-lead{font-size:15px}}