.btn {display: inline-block;background: #e60000;color: #fff;padding: 10px 20px;border-radius: 5px;text-align: center;border: none;cursor: pointer;transition: background 0.3s ease;}.btn:hover {background: #c00000;}.hero {text-align: center;padding: 60px 0;background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/hero-background.jpg');background-size: cover;background-position: center;color: #fff;margin-bottom: 40px;}.hero h2 {font-size: 36px;margin-bottom: 15px;}.hero p {font-size: 18px;}.featured-cars {padding: 40px 0;}.featured-cars h2 {text-align: center;margin-bottom: 30px;font-size: 28px;}.car-grid {display: flex;flex-wrap: wrap;gap: 2rem;justify-content: center;}.car-card {background: #f7f7fa;border-radius: 16px;box-shadow: 0 2px 12px rgba(0,0,0,0.07);width: 300px;padding: 1.2rem 1rem 1.5rem 1rem;display: flex;flex-direction: column;align-items: center;transition: box-shadow 0.2s;margin-bottom: 1.5rem;}.car-card:hover {box-shadow: 0 4px 24px rgba(0,0,0,0.13);}.car-card img {width: 90%;height: 160px;object-fit: cover;border-radius: 12px;margin-bottom: 1rem;background: #eaeaea;}.car-card h3 {font-size: 1.05rem;font-weight: 600;margin: 0.5rem 0 0.3rem 0;color: #222;text-align: center;}.car-card .price {color: #d32f2f;font-size: 1.15rem;font-weight: bold;margin: 0.2rem 0 0.5rem 0;text-align: center;}.car-card .brief-desc {font-size: 0.93rem;color: #555;margin-bottom: 1.1rem;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 90%;}.car-card .btn {background: #e53935;color: #fff;border: none;border-radius: 8px;padding: 0.7rem 1.5rem;font-size: 1rem;font-weight: 500;cursor: pointer;text-decoration: none;transition: background 0.2s;display: block;margin: 0 auto;}.car-card .btn:hover {background: #b71c1c;}.car-detail {background: #fff;border-radius: 8px;padding: 30px;margin: 40px 0;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}.car-detail-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}.car-detail-header h2 {font-size: 28px;}.car-detail-price {font-size: 24px;font-weight: bold;color: #e60000;}.car-gallery {margin-bottom: 30px;}.main-image {height: 800px;overflow: hidden;margin-bottom: 15px;border-radius: 8px;}.main-image img {width: 100%;height: 100%;object-fit: cover;}.car-thumbnails {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;}.car-thumbnails img {height: 80px;width: 100%;object-fit: cover;cursor: pointer;border-radius: 4px;transition: opacity 0.3s ease;}.car-thumbnails img:hover {opacity: 0.8;}.car-info {display: grid;grid-template-columns: 1fr 1fr;gap: 30px;}.car-description h3, .car-specs h3 {margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #eee;}.car-specs ul li {padding: 8px 0;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;}.car-specs ul li span:first-child {font-weight: bold;}.car-features {margin-top: 30px;}.car-features h3 {margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #eee;}.car-features ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}.car-features ul li {position: relative;padding-left: 20px;line-height: 1.8;}.car-features ul li:before {content: "✓";position: absolute;left: 0;color: #e60000;}@media (max-width: 576px) {.car-features ul {grid-template-columns: 1fr;}}.actions {margin-top: 30px;display: flex;gap: 15px;}.back-btn {background: #666;}.back-btn:hover {background: #555;}@media (max-width: 768px) {.car-info {grid-template-columns: 1fr;}.car-thumbnails {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 900px) {.car-grid {gap: 1rem;}.car-card {width: 90vw;max-width: 340px;}}.accessories-section {margin: 2.5rem 0;border-top: 1px solid #eee;padding-top: 1.5rem;max-width: 980px;margin-left: auto;margin-right: auto;}.accessories-section h3 {margin-bottom: 1.2rem;font-size: 1.2rem;color: #222;font-weight: 600;}.accessories-slider {display: flex;gap: 1.5rem;overflow-x: auto;padding-bottom: 0.5rem;scrollbar-width: auto;scrollbar-color: #bdbdbd #f5f5f5;max-width: 720px;margin: 0 auto;}.accessories-slider::-webkit-scrollbar {height: 14px;background: #f5f5f5;}.accessories-slider::-webkit-scrollbar-thumb {background: #bdbdbd;border-radius: 7px;border: 3px solid #f5f5f5;}.accessories-slider::-webkit-scrollbar-track {background: #f5f5f5;border-radius: 7px;}.accessory-card {min-width: 210px;max-width: 220px;background: #fff;border-radius: 12px;box-shadow: 0 2px 10px rgba(0,0,0,0.08);padding: 1rem 1rem 1.2rem 1rem;display: flex;flex-direction: column;align-items: center;transition: box-shadow 0.2s;}.accessory-card:hover {box-shadow: 0 4px 18px rgba(0,0,0,0.13);}.accessory-card img {width: 90%;height: 100px;object-fit: cover;border-radius: 8px;margin-bottom: 0.7rem;background: #eaeaea;}.accessory-card h4 {font-size: 1rem;font-weight: 600;margin: 0.3rem 0 0.2rem 0;color: #222;text-align: center;}.accessory-card .price {color: #d32f2f;font-size: 1rem;font-weight: bold;margin-bottom: 0.3rem;}.accessory-card .desc {font-size: 0.93rem;color: #555;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 90%;}.slider-arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 38px;height: 38px;background: #fff;border: 1.5px solid #bdbdbd;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: #888;cursor: pointer;box-shadow: 0 2px 8px rgba(0,0,0,0.08);z-index: 2;transition: background 0.2s, color 0.2s, border 0.2s;}.slider-arrow:hover:not(.disabled) {background: #f5f5f5;color: #222;border-color: #888;}.slider-arrow.disabled {opacity: 0.4;pointer-events: none;}.slider-arrow.left {left: -48px;}.slider-arrow.right {right: -48px;}.accessories-slider-wrapper {position: relative;display: flex;align-items: center;max-width: 720px;margin: 0 auto;}.accessory-modal-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.55);z-index: 1000;display: flex;align-items: center;justify-content: center;transition: opacity 0.2s;}.accessory-modal {background: #fff;border-radius: 14px;max-width: 480px;width: 95vw;box-shadow: 0 8px 32px rgba(0,0,0,0.18);padding: 2rem 1.5rem 1.5rem 1.5rem;position: relative;animation: modalIn 0.2s;}@keyframes modalIn {from {transform: translateY(40px) scale(0.97);opacity: 0;}to {transform: none;opacity: 1;}}.modal-close-btn {position: absolute;top: 16px;right: 18px;font-size: 1.5rem;color: #888;background: none;border: none;cursor: pointer;z-index: 2;transition: color 0.2s;}.modal-close-btn:hover {color: #e53935;}.accessory-modal img {width: 100%;max-height: 180px;object-fit: cover;border-radius: 8px;margin-bottom: 1rem;}.accessory-modal h2 {font-size: 1.2rem;margin-bottom: 0.3rem;text-align: center;}.accessory-modal .price {color: #d32f2f;font-size: 1.1rem;font-weight: bold;margin-bottom: 0.5rem;text-align: center;}.accessory-modal .desc {font-size: 1rem;color: #444;margin-bottom: 1.2rem;text-align: center;}.accessory-modal .car-base-info {display: flex;align-items: center;gap: 1rem;margin-bottom: 1.2rem;background: #f7f7fa;border-radius: 8px;padding: 0.7rem 1rem;}.accessory-modal .car-base-info img {width: 60px;height: 40px;object-fit: cover;border-radius: 6px;margin-bottom: 0;}.accessory-modal .car-base-info .car-title {font-size: 1rem;font-weight: 500;color: #222;}.accessory-inquiry-form {display: flex;flex-direction: column;gap: 0.7rem;margin-top: 1.2rem;}.accessory-inquiry-form label {font-size: 0.97rem;color: #333;margin-bottom: 0.2rem;}.accessory-inquiry-form input, .accessory-inquiry-form textarea {padding: 0.5rem 0.7rem;border: 1px solid #ccc;border-radius: 6px;font-size: 1rem;resize: none;}.accessory-inquiry-form button {background: #e53935;color: #fff;border: none;border-radius: 8px;padding: 0.7rem 1.5rem;font-size: 1rem;font-weight: 500;cursor: pointer;margin-top: 0.5rem;transition: background 0.2s;}.accessory-inquiry-form button:hover {background: #b71c1c;}.accessory-modal-wide {display: flex;flex-direction: column;max-width: 1464px;width: 1464px;min-height: 771px;background: #fff;border-radius: 14px;box-shadow: 0 8px 32px rgba(0,0,0,0.18);padding: 16px;position: relative;overflow: hidden;gap: 0;animation: modalIn 0.2s;}.modal-content-row {display: flex;flex-direction: row;gap: 24px;width: 100%;}.modal-heading {font-size: 1.5rem;font-weight: 700;color: #222;text-align: left;margin-bottom: 1.2rem;width: 100%;padding-left: 0;}.modal-left {flex: 1.1;background: #f7f7fa;display: flex;align-items: flex-start;justify-content: center;min-width: 380px;min-height: 420px;padding: 2.5rem 1.5rem 2.5rem 2.5rem;}.modal-left img {width: 340px;height: 220px;object-fit: cover;border-radius: 12px;background: #eaeaea;box-shadow: 0 2px 12px rgba(0,0,0,0.07);}.modal-right {flex: 1.3;padding: 2.5rem 2.5rem 2rem 1.5rem;display: flex;flex-direction: column;justify-content: flex-start;min-width: 380px;}.accessory-section-heading {font-size: 1.1rem;font-weight: 600;color: #222;text-align: left;margin-bottom: 1.1rem;}.accessory-select-list {display: flex;gap: 1.2rem;margin-bottom: 1.5rem;overflow-x: auto;}.accessory-select-item {display: flex;flex-direction: column;align-items: center;min-width: 200px;max-width: 240px;min-height: 210px;background: #fff;border-radius: 12px;border: 2px solid #e0e0e0;padding: 1.1rem 0.7rem 0.9rem 0.7rem;transition: border 0.2s;box-shadow: 0 2px 8px rgba(0,0,0,0.06);justify-content: flex-start;position: relative;}.accessory-select-item.selected, .accessory-select-item input:checked + label {border: 2px solid #1976d2;}.accessory-select-item img {width: 120px;height: 80px;object-fit: cover;border-radius: 8px;margin-bottom: 0.7rem;background: #eaeaea;}.accessory-select-item label {font-size: 1.08rem;color: #222;margin-bottom: 0.3rem;text-align: center;cursor: pointer;font-weight: 600;display: block;word-break: break-word;line-height: 1.2;}.accessory-select-item .acc-price {color: #1976d2;font-size: 1.05rem;font-weight: 600;margin-bottom: 0.4rem;text-align: center;}.accessory-select-item input[type='checkbox'] {margin-top: 0.2rem;accent-color: #1976d2;width: 22px;height: 22px;display: block;}.accessory-select-item .item-added-label {position: absolute;top: 8px;right: 8px;background: #1976d2;color: #fff;font-size: 0.85rem;font-weight: 600;border-radius: 6px;padding: 2px 10px;display: none;}.accessory-select-item.selected .item-added-label {display: block;}.interest-form-header {font-size: 1.18rem;font-weight: 700;color: #1976d2;margin-bottom: 0.3rem;text-align: left;}.interest-form-desc {color: #444;font-size: 1rem;margin-bottom: 1.1rem;}.interest-form-fields {display: flex;gap: 0.7rem;margin-bottom: 0.7rem;}.interest-form-fields input {flex: 1;}.accessory-inquiry-form input, .accessory-inquiry-form textarea {padding: 0.5rem 0.7rem;border: 1px solid #ccc;border-radius: 6px;font-size: 1rem;resize: none;}.accessory-inquiry-form button {background: #1976d2;color: #fff;border: none;border-radius: 8px;padding: 0.7rem 1.5rem;font-size: 1rem;font-weight: 500;cursor: pointer;margin-top: 0.5rem;transition: background 0.2s;width: 100%;}.accessory-inquiry-form button:hover {background: #1251a3;}@media (max-width: 800px) {.accessory-modal-wide {flex-direction: column;max-width: 98vw;min-width: 0;}.modal-left, .modal-right {min-width: 0;padding: 1.2rem 0.7rem;}.modal-left img {width: 340px;height: 220px;max-width: 90vw;object-fit: cover;}}.custom-checkbox-label {display: flex;align-items: center;gap: 3px;margin-top: 2px;cursor: pointer;}.custom-checkbox-input {display: none;}.custom-checkbox-span {display: inline-block;width: 16.8px;height: 16.8px;border: 0.02px solid transparent;border-radius: 3px;background: #fff;position: relative;}.custom-checkbox-input:checked + .custom-checkbox-span {background: #478AD6;border-color: #478AD6;}.custom-checkbox-input:checked + .custom-checkbox-span::after {border-color: #fff;}.custom-checkbox-text {min-width: 36px;height: 18px;font-size: 13px;line-height: 16px;color: #222;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;text-align: left;margin-right: 8px;}.accessory-outer-card, .accessory-inner-card {box-shadow: none;border: 1px solid transparent;}.accessory-img {width: 124px;height: 75.78px;object-fit: cover;border-radius: 4px;background: #eaeaea;}.accessory-row {width: 124px;height: 24px;display: flex;align-items: center;justify-content: space-between;margin-top: 4px;}.custom-checkbox-label {display: flex;align-items: center;cursor: pointer;gap: 3px;height: 24px;}.checkbox-container {width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;}.custom-checkbox-span {display: inline-block;width: 16.8px;height: 16.8px;border: 0.02px solid #478AD6;border-radius: 3px;background: #fff;position: relative;transition: background 0.2s, border-color 0.2s;}.custom-checkbox-input:checked + .custom-checkbox-span {background: #478AD6;border-color: #478AD6;}.custom-checkbox-input:checked + .custom-checkbox-span::after {content: '';position: absolute;left: 4px;top: 1.5px;width: 7px;height: 12px;border: solid #fff;border-width: 0 2.5px 2.5px 0;transform: rotate(45deg);display: block;}.custom-checkbox-text {font-size: 15px;line-height: 18px;color: #222;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;text-align: left;height: 18px;margin-right: 8px;}#accessory-sidebar::-webkit-scrollbar {width: 6px;background: #f5f5f5;}#accessory-sidebar::-webkit-scrollbar-thumb {background: #bdbdbd;border-radius: 3px;}#accessory-sidebar::-webkit-scrollbar-track {background: #f5f5f5;border-radius: 3px;}.accessory-main-box {width: 534px;height: 565px;display: flex;flex-direction: column;align-items: center;background: #fff;border-radius: 12px;}.accessory-main-title {width: 534px;height: 22px;font-size: 16px;font-weight: 700;color: #478AD6;text-align: left;padding-left: 0;margin-bottom: 0;line-height: 22px;}.accessory-main-image-container {width: 534px;height: 532px;display: flex;align-items: center;justify-content: center;background: #f5f5f5;border-radius: 12px;overflow: hidden;}.accessory-main-image-container img {width: 100%;height: 100%;object-fit: contain;border-radius: 12px;}body.modal-open {overflow: hidden;}.accessory-modal-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);display: flex;align-items: flex-start;justify-content: center;z-index: 1000;overflow-y: auto;padding-top: 50px;padding-bottom: 50px;}.accessory-modal-container {width: 1007px;max-width: 95%;border-radius: 6px;background: #fff;box-shadow: 0 8px 32px rgba(0,0,0,0.18);animation: modalIn 0.2s;overflow: hidden;display: flex;flex-direction: column;}.modal-top-frame-main {width: 100%;height: 55px;padding: 0 24px;border-bottom: 1px solid #C9C9C9;font-size: 20px;font-weight: 700;color: #222;letter-spacing: 0.01em;display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;}.modal-close-btn {font-size: 2rem;color: #888;background: none;border: none;cursor: pointer;transition: color 0.2s;padding: 0 1rem;}.modal-close-btn:hover {color: #333;}.modal-view-mobile {display: none;}@media (max-width: 768px) {.accessory-modal-overlay {padding: 0;align-items: stretch;}.accessory-modal-container {width: 100%;height: 100%;border-radius: 0;max-width: 100%;}.modal-view-desktop {display: none;}.modal-view-mobile {display: flex;flex-direction: column;overflow-y: auto;flex: 1;padding: 16px;}.modal-top-frame-main {height: 60px;font-size: 16px;padding: 0 16px;}.mobile-main-image {width: 334px;max-width: 100%;height: 333px;object-fit: cover;border-radius: 4px;border: 1px solid #EFEFEF;margin-bottom: 16px;align-self: center;}.mobile-accessory-slider-wrapper {margin-bottom: 24px;position: relative;width: 100%;}.mobile-accessory-slider {display: flex;overflow-x: auto;gap: 12px;padding: 4px;scroll-behavior: smooth;-ms-overflow-style: none;scrollbar-width: none;}.mobile-accessory-slider::-webkit-scrollbar {display: none;}.mobile-slider-arrow {position: absolute;top: 45px;transform: translateY(-50%);width: 32px;height: 32px;background: rgba(255, 255, 255, 0.95);border: 1px solid #ddd;border-radius: 50%;display: none;align-items: center;justify-content: center;font-size: 1.2rem;color: #333;cursor: pointer;box-shadow: 0 1px 5px rgba(0,0,0,0.12);z-index: 2;transition: opacity 0.2s, background-color 0.2s;}.mobile-slider-arrow.left {left: -10px;}.mobile-slider-arrow.right {right: -10px;}.mobile-slider-arrow:hover:not(.disabled) {background-color: #fff;}.mobile-slider-arrow.disabled {opacity: 0;pointer-events: none;}.is-scrollable .mobile-slider-arrow {display: flex;}.mobile-accessory-card {flex-shrink: 0;width: 105px;}.mobile-accessory-card img {width: 100px;height: 75px;object-fit: cover;border-radius: 4px;border: 2px solid #ddd;transition: border-color 0.2s;display: block;margin: 0 auto;}.mobile-accessory-card.selected img {border-color: #478AD6;}.mobile-accessory-info {display: flex;justify-content: space-between;align-items: center;padding: 8px 4px;}.mobile-accessory-name {font-size: 13px;font-weight: 500;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.mobile-accessory-card input[type="checkbox"].custom-checkbox-input-mobile {display: block;width: 18px;height: 18px;accent-color: #478AD6;margin: 0;flex-shrink: 0;}.mobile-form-wrapper .accessory-count-text {text-align: center;margin-bottom: 16px;font-size: 12px;color: #478AD6;}.mobile-form-wrapper .form-container {border: none;padding: 0;}.mobile-form-wrapper .form-header h3 {font-size: 16px;font-weight: 700;color: #478AD6;margin-bottom: 8px;}.mobile-form-wrapper .form-header p {font-size: 11px;color: #757575;line-height: 1.3;margin-bottom: 16px;}.mobile-form-wrapper .interest-form-fields {display: flex;flex-direction: column;gap: 8px;}.mobile-form-wrapper .interest-form-fields input {width: 100%;min-height: 38px;padding: 8px 16px;border: 1px solid #C9C9C9;border-radius: 4px;font-size: 14px;}.mobile-form-wrapper .interest-form-fields button {height: 42px;background: #478AD6;color: #fff;font-size: 16px;font-weight: 600;border: none;border-radius: 6px;cursor: pointer;transition: background 0.2s;margin-top: 8px;}.mobile-form-wrapper .interest-form-fields button:hover {background: #357ABD;}.mobile-form-wrapper .form-disclaimer {font-size: 10px;color: #888;margin-top: 16px;line-height: 1.4;}}