@media (max-width: 1200px) {
    .hero-grid { gap: 40px; }
    .checkout-grid { grid-template-columns: 1fr 380px; gap: 32px; }
    .features-grid { grid-template-columns: repeat(2, 1fr); }
    .about-grid { grid-template-columns: repeat(2, 1fr); }
    .stats-grid { gap: 24px; }
}

@media (max-width: 1024px) {
    .nav { width: calc(100% - 24px); border-radius: 16px; }
    .nav-links { display: none; }
    .model-grid { grid-template-columns: repeat(3, 1fr); }
    .cart-modal-content { max-width: 100%; }
    .hero-grid { grid-template-columns: 1fr; gap: 40px; }
    .hero-gallery { position: static; max-width: 500px; margin: 0 auto; }
    .hero-title { font-size: 36px; }
    .section-title { font-size: 32px; }
    .trust-grid { grid-template-columns: repeat(2, 1fr); }
    .reviews-track { grid-template-columns: repeat(2, 1fr); }
    .checkout-grid { grid-template-columns: 1fr; }
    .order-summary { position: static; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
    .footer-brand { grid-column: 1 / -1; }
    .about-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .container { padding: 0 16px; }
    .nav { top: 8px; width: calc(100% - 16px); border-radius: 14px; }
    .nav-container { padding: 0 16px; height: 48px; }
    .hero { padding: 80px 0 0; }
    .hero-title { font-size: 28px; }
    .hero-desc { font-size: 15px; }
    .price-current { font-size: 32px; }
    .price-old { font-size: 18px; }
    .section-title { font-size: 28px; }
    .section-desc { font-size: 15px; }
    .section-header { margin-bottom: 40px; }
    .trust-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .trust-card { padding: 20px 16px; }
    .trust-card h4 { font-size: 14px; }
    .trust-card p { font-size: 12px; }
    .features-grid { grid-template-columns: 1fr; gap: 20px; }
    .feature-card { padding: 28px 20px; }
    .feature-card h3 { font-size: 18px; }
    .about-grid { grid-template-columns: 1fr; gap: 20px; }
    .about-card { padding: 28px 20px; }
    .about-card h3 { font-size: 18px; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .stat-number { font-size: 40px; }
    .stat-plus { font-size: 28px; }
    .stat-label { font-size: 14px; }
    .reviews-track { grid-template-columns: 1fr; }
    .review-card { padding: 20px; }
    .form-row { grid-template-columns: 1fr; }
    .checkout-card { padding: 20px; }
    .footer-grid { grid-template-columns: 1fr; gap: 24px; }
    .model-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
    .model-card { padding: 10px 8px; }
    .model-card-image { width: 56px; height: 56px; }
    .model-card-name { font-size: 12px; }
    .model-card-price { font-size: 11px; }
    .storage-grid { grid-template-columns: repeat(2, 1fr); }
    .thumb { width: 60px; height: 70px; }
    .toast { bottom: 16px; right: 16px; left: 16px; max-width: none; }
    .cart-modal-content { max-width: 100%; }
    .cart-item { gap: 10px; padding: 10px; }
    .cart-item-image { width: 56px; height: 66px; }
    .cart-item-name { font-size: 13px; }
    .cart-item-details { font-size: 11px; }
    .cart-item-price { font-size: 14px; }
    .order-modal-content { margin: 16px; max-width: calc(100vw - 32px); }
    .order-modal-header { padding: 24px 16px 16px; }
    .order-modal-body { padding: 16px; }
    .order-modal-footer { padding: 16px; }
    .order-modal-total { font-size: 18px; }
    .order-detail-row { font-size: 13px; }
    .live-chat-modal { width: 100vw; height: 65vh; right: 0; bottom: 56px; border-radius: 16px 16px 0 0; position: fixed; }
    .live-chat-btn { right: 16px; bottom: 100px; width: 56px; height: 56px; }
    .gallery-main { aspect-ratio: 1; max-height: 360px; }
}

@media (max-width: 480px) {
    .nav { top: 6px; width: calc(100% - 12px); border-radius: 12px; }
    .nav-container { padding: 0 12px; height: 44px; }
    .hero { padding: 80px 0 0; }
    .hero-title { font-size: 24px; }
    .hero-badges { gap: 6px; }
    .badge { font-size: 11px; padding: 5px 10px; }
    .hero-meta { flex-direction: column; gap: 10px; padding: 16px; }
    .hero-price { gap: 10px; }
    .price-current { font-size: 28px; }
    .price-old { font-size: 16px; }
    .price-save { font-size: 12px; padding: 5px 10px; }
    .product-options { margin-bottom: 16px; }
    .option-group { margin-bottom: 20px; }
    .model-grid { grid-template-columns: repeat(2, 1fr); gap: 6px; }
    .model-card { padding: 6px; }
    .model-card-image { width: 48px; height: 48px; }
    .model-card-name { font-size: 10px; }
    .model-card-price { font-size: 9px; }
    .storage-grid { grid-template-columns: repeat(2, 1fr); }
    .option-card { padding: 10px 12px; font-size: 13px; }
    .color-swatch { width: 36px; height: 36px; }
    .btn-buy, .btn-cart, .btn-purchase { padding: 14px 20px; font-size: 14px; }
    .section-title { font-size: 24px; }
    .section-tag { font-size: 11px; }
    .stats-grid { grid-template-columns: 1fr; gap: 20px; }
    .stat-number { font-size: 36px; }
    .stat-plus { font-size: 24px; }
    .trust-grid { grid-template-columns: 1fr; }
    .model-card-name { font-size: 10px; }
    .model-card-price { font-size: 9px; }
    .thumb { width: 54px; height: 63px; }
    .checkout-card-title { font-size: 18px; }
    .delivery-option { padding: 14px; }
    .delivery-name { font-size: 13px; }
    .delivery-eta { font-size: 11px; }
    .delivery-price { font-size: 14px; }
    .nav-logo span { font-size: 15px; }
    .nav-logo svg { width: 22px; height: 22px; }
    .live-chat-modal { width: 100vw; height: 100vh; right: 0; bottom: 0; border-radius: 0; position: fixed; z-index: 999; }
    .live-chat-btn { right: 12px; bottom: 68px; width: 44px; height: 44px; }
    .order-modal-content { margin: 0; max-width: 100vw; border-radius: 0; min-height: 100vh; }
    .order-modal-header h2 { font-size: 22px; }
    .order-modal-body { padding: 14px; max-height: none; }
    .order-modal-footer { padding: 14px; }
    .order-modal-total { font-size: 16px; }
    .btn-close-order { padding: 10px 16px; font-size: 14px; }
    .btn-pay-now { padding: 14px 20px; font-size: 15px; }
    .order-detail-row { font-size: 13px; }
    .cart-modal-content { max-width: 100%; }
    .cart-modal-header { padding: 14px; }
    .cart-modal-body { padding: 14px; }
    .cart-modal-footer { padding: 14px; }
    .cart-total { font-size: 15px; }
    .btn-checkout { padding: 12px 16px; font-size: 14px; }
    .feature-card h3 { font-size: 17px; }
    .about-card h3 { font-size: 17px; }
    .feature-card p, .about-card p, .review-text { font-size: 14px; }
    .hero-rating { gap: 8px; }
    .star { font-size: 16px; }
    .rating-text { font-size: 14px; }
    .rating-count { font-size: 12px; }
}

@media (min-width: 1400px) {
    .container { max-width: 1340px; }
    .hero-title { font-size: 56px; }
    .price-current { font-size: 48px; }
    .section-title { font-size: 52px; }
    .stat-number { font-size: 64px; }
    .stat-plus { font-size: 48px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    .animate-on-scroll { opacity: 1; transform: none; }
    html { scroll-behavior: auto; }
}

@media (hover: none) {
    .trust-card:hover, .feature-card:hover, .review-card:hover, .about-card:hover, .model-card:hover { transform: none; }
    .btn-buy:hover, .btn-cart:hover, .btn-purchase:hover, .btn-pay-now:hover { transform: none; }
}

@media print {
    .nav, .toast, .carousel-controls, .live-chat-btn, .live-chat-modal { display: none; }
    body { background: white; }
    .hero { padding-top: 20px; }
}