/* cms2 surfboard model detail */
.cms2-mdetail { padding: clamp(32px, 5vw, 64px) 20px; background: #fff; }
.cms2-mdetail-in { max-width: 1280px; margin: 0 auto; }
.cms2-mdetail-top { display: flex; gap: clamp(28px, 5vw, 64px); }
.cms2-mdetail-gallery { flex: 1; min-width: 0; }
.cms2-mdetail-main { background: #f7f7f6; border-radius: 10px; padding: 20px; }
.cms2-mdetail-main img { width: 100%; max-height: 640px; object-fit: contain; display: block; }
.cms2-mdetail-thumbs { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.cms2-mdetail-thumb {
    width: 72px; height: 92px;
    border: 2px solid #ddd;
    /* border-radius: 8px; */
    background: #f7f7f6;
    padding: 6px;
    cursor: pointer;
}
.cms2-mdetail-thumb.on, .cms2-mdetail-thumb:hover { border-color: #111; }
.cms2-mdetail-thumb img { width: 100%; height: 100%; object-fit: contain; }
.cms2-mdetail-copy { flex: 1.1; display: flex; flex-direction: column; gap: 14px; }
.cms2-mdetail-type { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #888; }
.cms2-mdetail-name { margin: 0; font-size: clamp(34px, 5vw, 60px); font-weight: 800; text-transform: uppercase; line-height: 1; }
.cms2-mdetail-sub { margin: 0; font-size: 16px; color: #666; }
.cms2-mdetail-price { margin: 0; font-size: 22px; font-weight: 700; }
.cms2-mdetail-desc { font-size: 15px; line-height: 1.7; color: #333; }
.cms2-mdetail-desc p { margin: 0 0 10px; }
.cms2-mdetail-wave { margin: 0; font-size: 14px; color: #666; }
.cms2-mdetail-tech { display: flex; gap: 16px; flex-wrap: wrap; }
.cms2-mdetail-tech-item { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; }
.cms2-mdetail-tech-item img { height: 34px; object-fit: contain; }
.cms2-mdetail-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 6px; }
.cms2-mdetail-specs { margin-top: clamp(36px, 6vw, 64px); }
.cms2-mdetail-specs h2 { font-size: clamp(24px, 3vw, 34px); font-weight: 800; text-transform: uppercase; margin: 0 0 18px; }
.cms2-mdetail-specs-scroll { overflow-x: auto; }
.cms2-mdetail-specs table { width: 100%; border-collapse: collapse; font-size: 14px; }
.cms2-mdetail-specs th {
    text-align: left; padding: 10px 12px;
    font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #888;
    border-bottom: 2px solid #111;
}
.cms2-mdetail-specs td { padding: 11px 12px; border-bottom: 1px solid #e5e5e5; }
@media (max-width: 860px) {
    .cms2-mdetail-top { flex-direction: column; }
}