.detail-container {max-width:1200px;margin:140px auto 60px;padding:0 20px;} .detail-main-grid {display:grid;grid-template-columns:1.1fr 1fr;gap:50px;margin-bottom:80px;align-items:center;} .detail-showroom {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 52% 48%, rgba(227, 6, 19, 0.18), transparent 32%), linear-gradient(135deg, #05070d, #07101f 70%, #152239);border-radius:var(--radius-lg);min-height:480px;padding:40px;border:1px solid rgba(255, 255, 255, 0.05);} .detail-showroom img {max-height:320px;object-fit:contain;filter:drop-shadow(0 25px 20px rgba(0, 0, 0, 0.5));transition:opacity 0.3s ease, transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);} .detail-showroom-halo {position:absolute;width:80%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(255, 255, 255, 0.04);animation:rotate 60s linear infinite;pointer-events:none;} .detail-info {display:flex;flex-direction:column;gap:20px;} .detail-category-tag {align-self:flex-start;background:rgba(227, 6, 19, 0.1);color:var(--red);padding:6px 14px;font-family:var(--font-head);font-weight:800;font-size:11px;letter-spacing:1px;border-radius:20px;text-transform:uppercase;} .detail-info h1 {font-family:var(--font-head);font-weight:900;font-size:clamp(2.4rem, 4.8vw, 4.8rem);text-transform:uppercase;color:var(--navy);line-height:0.96;letter-spacing:-3px;} .detail-info-price {font-family:var(--font-head);font-weight:800;font-size:1.8rem;color:var(--red);} .detail-info-desc {font-size:15px;color:var(--muted);line-height:1.7;} .detail-highlights {list-style:none;display:flex;flex-direction:column;gap:12px;margin:10px 0;} .detail-highlights li {font-size:13px;font-weight:600;color:var(--navy-light);display:flex;align-items:center;gap:10px;} .detail-highlights li:before {content:"✓";color:var(--red);font-weight:bold;font-size:14px;} .detail-color-selector {border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;flex-direction:column;gap:12px;} .detail-color-selector span {font-family:var(--font-head);font-weight:800;font-size:11px;text-transform:uppercase;color:var(--navy);letter-spacing:0.5px;} .detail-color-swatches {display:flex;gap:12px;align-items:center;} .detail-cta-row {margin-top:15px;} .detail-wa-btn {background:#25d366;color:var(--white);font-family:var(--font-head);font-weight:800;font-size:12px;text-transform:uppercase;padding:15px 30px;border-radius:var(--radius);border:0;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:10px;letter-spacing:1px;box-shadow:0 4px 15px rgba(37, 211, 102, 0.25);} .detail-wa-btn:hover {background:#20ba59;transform:translateY(-2px);box-shadow:0 6px 20px rgba(37, 211, 102, 0.4);} .detail-specs-section {margin:80px 0;} .detail-specs-section h2 {font-family:var(--font-head);font-weight:850;font-size:1.6rem;text-transform:uppercase;color:var(--navy);margin-bottom:30px;border-left:4px solid var(--red);padding-left:15px;} .specs-table {width:100%;border-collapse:collapse;border:1px solid var(--line);background:var(--white);border-radius:0;overflow:hidden;box-shadow:0 5px 15px rgba(0, 0, 0, 0.02);} .specs-table tr {border-bottom:1px solid var(--line);} .specs-table tr:last-child {border-bottom:0;} .specs-table tr:nth-child(even) {background:var(--paper);} .specs-table td {padding:16px 25px;font-size:14px;} .specs-table td:first-child {font-family:var(--font-head);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:0.5px;color:var(--navy);width:35%;} .specs-table td:last-child {font-weight:600;color:var(--navy-light);} .related-section {border-top:1px solid var(--line);padding-top:80px;margin-bottom:80px;} .related-section h2 {font-family:var(--font-head);font-weight:850;font-size:1.6rem;text-transform:uppercase;color:var(--navy);margin-bottom:40px;text-align:center;} .related-grid {display:grid;grid-template-columns:repeat(3, 1fr);gap:25px;} @media (max-width:900px) {.detail-main-grid {grid-template-columns:1fr;gap:40px;} .detail-showroom {min-height:380px;padding:30px;} .detail-showroom img {max-height:250px;} .related-grid {grid-template-columns:1fr;gap:20px;}} .swatch {width:24px;height:24px;border-radius:50%;border:1px solid rgba(0, 0, 0, 0.15);cursor:pointer;transition:var(--transition);position:relative;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1);} .swatch:hover, .swatch.active {transform:scale(1.2);box-shadow:0 0 0 2px var(--white), 0 0 0 4px var(--red);} .swatch.has-note:after {content:"*";color:var(--muted);font-size:10px;position:absolute;top:-6px;right:-6px;} .detail-testimonial-section {border-top:1px solid var(--line);padding:60px 0;margin-top:40px;} .detail-testimonial-section h2 {font-family:var(--font-head);font-weight:850;font-size:1.6rem;text-transform:uppercase;color:var(--navy);margin-bottom:30px;border-left:4px solid var(--red);padding-left:15px;} .testimonials-slider-container {max-width:800px;margin:40px auto 0;padding:0 20px 30px;position:relative;overflow:hidden;} .testimonials-track {position:relative;min-height:220px;display:flex;align-items:center;justify-content:center;} .testimonial-slide {position:absolute;opacity:0;transform:translateY(20px) scale(0.98);transition:opacity 0.5s ease, transform 0.5s ease;pointer-events:none;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1;} .testimonial-slide.active {position:relative;opacity:1;transform:translateY(0) scale(1);pointer-events:auto;z-index:2;} .testimonial-rating {color:#ffc107;font-size:20px;margin-bottom:15px;letter-spacing:2px;} .testimonial-text {font-size:clamp(15px, 2.5vw, 19px);font-weight:500;line-height:1.6;color:var(--navy);margin-bottom:25px;font-style:italic;} .testimonial-author {display:flex;align-items:center;gap:15px;} .author-avatar {width:48px;height:48px;flex-shrink:0;border-radius:50%;color:var(--white);font-family:var(--font-head);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,0.1);} .author-info {display:flex;flex-direction:column;align-items:flex-start;text-align:left;} .author-info strong {font-size:15px;color:var(--navy);font-weight:700;} .author-info span {font-size:12px;color:var(--muted);font-weight:600;} .testimonials-controls {display:flex;align-items:center;justify-content:center;gap:30px;margin-top:30px;} .slider-btn {width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--navy);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);box-shadow:0 2px 5px rgba(0,0,0,0.05);line-height:1;} .slider-btn:hover {background:var(--red);color:var(--white);border-color:var(--red);transform:scale(1.08);} .slider-btn:active {transform:scale(0.95);} .slider-dots {display:flex;gap:8px;} .slider-dots .dot {width:8px;height:8px;border-radius:50%;background:var(--line);cursor:pointer;transition:var(--transition);} .slider-dots .dot.active {background:var(--red);transform:scale(1.3);} @media (max-width:600px) {.testimonials-track {min-height:280px;}}