.car-detail-container{background:#f2f4f5;min-height:100vh}.car-image-gallery{border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.car-thumbnail{transition:all .3s ease;border-radius:8px;overflow:hidden}.car-thumbnail:hover{transform:scale(1.05)}.car-thumbnail.active{border-color:#f97316!important;box-shadow:0 0 0 2px #f9731633}.price-badge{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-radius:24px;padding:12px 20px;box-shadow:0 4px 12px #f973164d}.special-offer-banner{background:linear-gradient(135deg,#f97316,#dc2626);border-radius:12px;box-shadow:0 4px 12px #f973164d}.loan-option{transition:all .3s ease;border-radius:8px;border:2px solid #e5e7eb}.loan-option:hover{border-color:#f97316;background-color:#fff7ed}.loan-option.selected{border-color:#f97316!important;background-color:#fff7ed!important;box-shadow:0 0 0 2px #f973161a}.action-button{transition:all .3s ease;border-radius:8px;font-weight:600}.action-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.action-button.primary{background:linear-gradient(135deg,#f97316,#ea580c);border:none}.action-button.primary:hover{background:linear-gradient(135deg,#ea580c,#dc2626)}.action-button.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.action-button.secondary:hover{background:#e5e7eb}.specification-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.specification-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;border-radius:8px;transition:all .3s ease}.specification-item:hover{background:#f8fafc;transform:translateY(-2px)}.similar-car-card{transition:all .3s ease;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.similar-car-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.location-info{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d;border-left:4px solid #f97316}.breadcrumb-link{transition:color .3s ease}.breadcrumb-link:hover{color:#f97316}@media (max-width: 768px){.car-detail-container{padding:16px}.specification-item{padding:12px}.car-thumbnail{height:48px}.breadcrumb-mobile{line-height:1.4}.breadcrumb-mobile .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.car-carousel .slick-slide{display:flex!important;align-items:flex-start;justify-content:center;padding:0 8px}.car-carousel .slick-slide>div{width:100%;display:flex;align-items:flex-start;justify-content:center}.car-carousel .slick-track{display:flex!important;align-items:flex-start}.car-carousel .slick-list{overflow:hidden}.car-card-image-container{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:24px 24px 0 0;background-color:#f3f4f6}.car-card-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:opacity .3s ease,transform .3s ease}.car-card-image.loading{opacity:0}.car-card-image.loaded{opacity:1}.car-card:hover .car-card-image{transform:scale(1.02)}@keyframes imageLoad{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.car-card-image.animate-load{animation:imageLoad .4s ease-out}.car-card-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px;font-weight:500}.car-card-image-placeholder:before{content:"📷";font-size:24px;margin-bottom:8px;display:block}.car-carousel-container{overflow:hidden}.car-carousel .slick-arrow{z-index:20;transition:all .3s ease}.car-carousel .slick-arrow:hover{transform:scale(1.1)}.car-carousel .slick-slide:focus{outline:2px solid #f97316;outline-offset:2px}.aspect-4-3-strict{aspect-ratio:4/3!important;width:100%!important;height:auto!important}@supports not (aspect-ratio: 4/3){.aspect-4-3-strict{height:0;padding-bottom:75%;position:relative}.aspect-4-3-strict>*{position:absolute;top:0;left:0;width:100%;height:100%}}.car-card-auto-fit,.car-card-auto-fit>div,[class*=CarCard]{height:auto!important;min-height:auto!important;max-height:none!important}.car-card-auto-fit{display:flex!important;flex-direction:column!important}.car-card-auto-fit .bg-white{height:auto!important;min-height:auto!important;max-height:none!important}.car-carousel .slick-slide a{display:block;width:100%}.car-carousel .slick-slide a>div{width:100%!important;max-width:380px!important;min-width:auto!important}@media (max-width: 640px){.similar-cars-grid{gap:1rem}}@media (min-width: 641px) and (max-width: 768px){.similar-cars-grid{gap:1.5rem}}@media (min-width: 769px){.similar-cars-grid{gap:1.5rem}}@media (max-width: 1200px){.car-carousel .slick-slide{padding:0 6px}}@media (max-width: 768px){.car-carousel .slick-slide{padding:0 4px}}@media (max-width: 480px){.car-carousel .slick-slide{padding:0 2px}}.hero-banner-container{position:relative;width:100%;overflow:hidden}.hero-banner-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:opacity .5s ease}.hero-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a,#0003,#0000004d)}.hero-banner-nav-button{display:flex;justify-content:center;align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;transition:all .2s ease;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hero-banner-nav-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 20px #00000040}.hero-banner-nav-button:active{transform:scale(.95)}.hero-banner-nav-button svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.hero-banner-nav-button:hover svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.hero-banner-indicator{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease}.hero-banner-indicator.active{background:#fff;transform:scale(1.25)}.hero-banner-indicator.inactive{background:#ffffff80}.hero-banner-indicator.inactive:hover{background:#ffffffbf}@media (max-width: 640px){.hero-banner-container>div{aspect-ratio:9/3}.car-card-auto-fit{min-width:0!important;max-width:none!important}.car-card-auto-fit .p-5{padding:1rem}.car-card-auto-fit h3{font-size:.875rem;line-height:1.25rem}.car-card-auto-fit .text-sm{font-size:.75rem}.car-card-auto-fit .text-xs{font-size:.625rem}}@media (min-width: 641px) and (max-width: 768px){.hero-banner-container>div{aspect-ratio:21/9}}@media (min-width: 769px) and (max-width: 1024px){.hero-banner-container>div{aspect-ratio:3/1}}@media (min-width: 1025px){.hero-banner-container>div{aspect-ratio:3/1}}@media (max-width: 640px){.hero-banner-nav-button{width:40px;height:40px}.hero-banner-nav-button svg{width:20px;height:20px}.hero-banner-indicator{width:8px;height:8px}.hero-banner-nav-button{min-width:44px;min-height:44px}}@media (min-width: 641px) and (max-width: 1024px){.hero-banner-nav-button{width:48px;height:48px}.hero-banner-nav-button svg{width:24px;height:24px}.car-card-auto-fit{min-width:0!important}.car-card-auto-fit h3{font-size:1rem;line-height:1.5rem}}@media (min-width: 1025px){.hero-banner-nav-button{width:56px;height:56px}.hero-banner-nav-button svg{width:28px;height:28px}.hero-banner-nav-button:hover{transform:scale(1.15)}.hero-banner-container{border-radius:30px}}.hero-banner-image.loading{opacity:0}.hero-banner-image.loaded{opacity:1}.hero-banner-container{background:#f3f4f6}.hero-banner-container *{transition:all .2s ease}.hero-banner-nav-button:focus{outline:2px solid #f97316;outline-offset:2px}.hero-banner-indicator:focus{outline:2px solid #f97316;outline-offset:1px}.car-carousel-promo .slick-slide{display:flex!important;align-items:flex-start;justify-content:center}.car-carousel-promo .slick-slide>div{width:100%;display:flex;align-items:flex-start;justify-content:center}.car-carousel-promo .slick-track{display:flex!important;align-items:flex-start}.car-carousel-promo .slick-list{overflow:hidden}.car-carousel-promo .slick-slide a{display:block;width:100%}.car-carousel-promo .slick-slide a>div{width:100%!important;max-width:380px!important;min-width:auto!important}@media (max-width: 1200px){.car-carousel-promo .slick-slide{padding:0 6px}}@media (max-width: 768px){.car-carousel-promo .slick-slide{padding:0 4px}}@media (max-width: 480px){.car-carousel-promo .slick-slide{padding:0 2px}}.promotion-section-container{margin-bottom:2.5rem;position:relative;overflow:hidden}.promotion-section-container section{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(135deg,#f97316,#ea580c);border-top-left-radius:30px;border-top-right-radius:30px;min-height:400px;height:100%;transition:all .3s ease}@media (min-width: 640px){.promotion-section-container section{padding:1.5rem;min-height:450px}}@media (min-width: 1024px){.promotion-section-container section{min-height:650px}}.promo-carousel-row{display:flex;flex-direction:column}@media (min-width: 1024px){.promo-carousel-row{flex-direction:row;align-items:stretch;min-height:650px}.promotion-section-container{height:100%}}.promotion-section-container+.car-carousel-promo{margin-top:2rem}
