@keyframes fadeUp{ from{ opacity:0;transform:translateY(40px)} to{ opacity:1;transform:translateY(0)}} @keyframes fadeIn{ from{ opacity:0} to{ opacity:1}} @keyframes scaleIn{ from{ opacity:0;transform:scale(0.92)} to{ opacity:1;transform:scale(1)}} @keyframes shimmer{ 0%{ background-position:-200% 0} 100%{ background-position:200% 0}} @keyframes float{ 0%, 100%{ transform:translateY(0)} 50%{ transform:translateY(-6px)}} @keyframes pulseGlow{ 0%, 100%{ box-shadow:0 0 20px rgba(196,154,108,0.15)} 50%{ box-shadow:0 0 40px rgba(196,154,108,0.3)}} .reveal{ opacity:0;transform:translateY(40px);transition:opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1)} .reveal--visible{ opacity:1;transform:translateY(0)} .reveal--delay-1{ transition-delay:0.1s} .reveal--delay-2{ transition-delay:0.2s} .reveal--delay-3{ transition-delay:0.3s} .reveal--delay-4{ transition-delay:0.4s} *, *::before, *::after{ margin:0;padding:0;box-sizing:border-box} html{ scroll-behavior:smooth} html{ -webkit-tap-highlight-color:transparent} button, a, .btn, .booking__slot, .gallery__card{ touch-action:manipulation} input, select, textarea{ font-size:16px} body{ font-family:'Inter', sans-serif;background:#1a1410;background-image:url('/images/photoshoot/IMG_3745.jpeg');background-size:contain;background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-repeat:no-repeat;color:#e8ddd0;line-height:1.6;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh;transition:background-image 1.5s ease;will-change:background-image} body::before{ content:'';position:fixed;inset:0;background:rgba(26,20,16,0.65);z-index:0;pointer-events:none} body > *{ position:relative;z-index:1} h1, h2, h3, h4{ font-family:'Playfair Display', serif;font-weight:400;color:#f5ede0} h2{ font-size:clamp(2rem, 5vw, 3.2rem)} h3{ font-size:1.4rem} .section__header{ text-align:center;max-width:640px;margin:0 auto 3rem} .section__label{ display:inline-block;font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;color:#c49a6c;margin-bottom:0.75rem;border:1px solid rgba(196, 154, 108, 0.3);padding:0.3rem 1rem;border-radius:100px} .section__header p{ margin-top:1rem;color:#b8a99a;font-size:1.05rem} .container{ width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem} .section{ padding:5rem 0} .btn{ display:inline-block;padding:0.85rem 2rem;border-radius:100px;text-decoration:none;font-size:0.9rem;font-weight:500;transition:all 0.3s;cursor:pointer;border:none;font-family:'Inter', sans-serif} .btn--primary{ background:linear-gradient(135deg, #c49a6c, #a67c52);color:#1a1410} .btn--primary:hover{ background:linear-gradient(135deg, #d4aa7c, #b68c62);transform:translateY(-2px);box-shadow:0 8px 25px rgba(196,154,108,0.3)} .btn--ghost{ background:transparent;color:#e8ddd0;border:1px solid rgba(232,221,208,0.3)} .btn--ghost:hover{ border-color:#c49a6c;color:#c49a6c} .btn--outline{ background:transparent;color:#c49a6c;border:1px solid rgba(196,154,108,0.4)} .btn--outline:hover{ background:rgba(196,154,108,0.1)} .btn--large{ padding:1rem 3rem;font-size:1rem} .nav{ position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;transition:background 0.3s, padding 0.3s} .nav--scrolled{ background:rgba(26,20,16,0.92);backdrop-filter:blur(12px);padding:0.8rem 2rem;border-bottom:1px solid rgba(196,154,108,0.15)} .nav__logo{ display:flex;align-items:center;gap:0.5rem} .nav__logo-icon{ font-size:1.5rem;color:#c49a6c} .nav__logo-text{ font-family:'Playfair Display', serif;font-size:1.4rem;color:#f5ede0} .nav__links{ display:flex;list-style:none;gap:2rem;align-items:center} .nav__links a{ text-decoration:none;color:#d4c8b8;font-size:0.9rem;transition:color 0.2s} .nav__links a:hover{ color:#c49a6c} .nav__cta{ background:rgba(196,154,108,0.15);padding:0.5rem 1.2rem;border-radius:100px;border:1px solid rgba(196,154,108,0.3)} .nav__toggle{ display:none;background:none;border:none;color:#e8ddd0;font-size:1.5rem;cursor:pointer} .hero{ min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;animation:fadeIn 1s ease} .hero::before{ content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c49a6c' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.5} .hero__bg{ background-image:url('/images/photoshoot/IMG_7481.jpeg');position:absolute;inset:0;background-size:contain;background-repeat:no-repeat;background-position:center center;background-position:center 30%;transition:background-image 1.5s ease;will-change:background-image} .hero__bg::after{ content:'';position:absolute;inset:0;background:linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.3) 50%, rgba(26,20,16,0.5) 100%)} .hero__overlay{ position:absolute;right:-10%;top:50%;transform:translateY(-50%);width:45%;height:70%;background:radial-gradient(ellipse at center, rgba(196,154,108,0.06) 0%, transparent 70%);border-radius:50%;pointer-events:none;z-index:1} .hero__content{ position:relative;z-index:3;max-width:680px;padding:6rem 2rem 3rem} .hero__subtitle{ font-size:0.8rem;letter-spacing:0.25em;text-transform:uppercase;color:#c49a6c;margin-bottom:1.5rem} .hero__title{ animation:fadeUp 1s 0.3s both;font-size:clamp(2.8rem, 8vw, 5rem);line-height:1.05;letter-spacing:-0.02em;margin-bottom:1.5rem} .hero__desc{ animation:fadeUp 1s 0.5s both;font-size:1.1rem;color:#b8a99a;max-width:480px;margin-bottom:2.5rem;line-height:1.7} .hero__actions{ display:flex;gap:1rem;flex-wrap:wrap;animation:fadeUp 1s 0.7s both} .cars{ background:rgba(26,20,16,0.6)} .car-featured{ display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center} .car-featured__image{ border-radius:20px;overflow:hidden;position:relative;background:#2a1f18;aspect-ratio:4/3;display:flex;flex-direction:column} .car-featured__photo{ width:100%;height:100%;object-fit:cover;transition:opacity 0.4s ease;display:block;flex:1} .car-featured__thumbs{ display:flex;gap:0.5rem;padding:0.6rem;background:rgba(0,0,0,0.4);backdrop-filter:blur(8px)} .car-featured__thumb{ width:60px;height:45px;border-radius:6px;object-fit:cover;cursor:pointer;opacity:0.6;transition:opacity 0.2s, transform 0.2s;border:1px solid rgba(255,255,255,0.1)} .car-featured__thumb:hover{ opacity:1;transform:scale(1.05);border-color:#c49a6c} .car-featured__loading, .car-featured__empty{ display:flex;align-items:center;justify-content:center;height:100%;color:#8a7a6a;font-style:italic} .car-featured__info{ display:flex;flex-direction:column;gap:1rem} .car-featured__title{ font-size:2rem;font-style:italic} .car-featured__tags{ display:flex;flex-wrap:wrap;gap:0.5rem} .car-featured__tag{ font-size:0.8rem;padding:0.3rem 1rem;border-radius:100px;background:rgba(196,154,108,0.1);border:1px solid rgba(196,154,108,0.15);color:#c49a6c} .car-featured__desc{ color:#b8a99a;font-size:0.95rem;line-height:1.7} .car-featured__features{ display:grid;grid-template-columns:1fr 1fr;gap:0.8rem} .car-featured__feature{ display:flex;align-items:center;gap:0.6rem;color:#d4c8b8;font-size:0.9rem} .car-featured__feature-icon{ font-size:1.2rem} @media (max-width:768px){ .car-featured{ grid-template-columns:1fr;gap:2rem} .car-featured__features{ grid-template-columns:1fr}} .services{ background:rgba(26,20,16,0.6)} .services__grid{ display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem} .service-card{ background:linear-gradient(145deg, #2a1f18, #1a1410);border:1px solid rgba(196,154,108,0.1);border-radius:20px;padding:2.5rem 2rem;transition:border-color 0.3s} .service-card{ animation:fadeUp 0.8s both} .service-card:nth-child(1){ animation-delay:0.1s} .service-card:nth-child(2){ animation-delay:0.2s} .service-card:nth-child(3){ animation-delay:0.3s} .service-card:hover{ border-color:rgba(196,154,108,0.3)} .service-card__icon{ font-size:2.5rem;margin-bottom:1rem} .service-card h3{ margin-bottom:0.8rem} .service-card p{ color:#b8a99a;font-size:0.95rem;margin-bottom:1.2rem;line-height:1.7} .service-card ul{ list-style:none} .service-card li{ padding:0.35rem 0;font-size:0.9rem;color:#d4c8b8} .service-card li::before{ content:'✦ ';color:#c49a6c} .packages{ background:rgba(26,20,16,0.6)} .packages__grid{ display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;align-items:start} .package-card__carousel{ width:100%;aspect-ratio:16/10;border-radius:14px;overflow:hidden;margin-bottom:1.5rem;position:relative;background:#2a1f18} .package-card__carousel img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease} .package-card__carousel img.active{ opacity:1} .package-card__carousel-dots{ position:absolute;bottom:0.6rem;left:50%;transform:translateX(-50%);display:flex;gap:0.4rem;z-index:2} .package-card__carousel-dots span{ width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.3);transition:background 0.3s, transform 0.3s} .package-card__carousel-dots span.active{ background:#c49a6c;transform:scale(1.3)} .package-card{ background:linear-gradient(145deg, #2a1f18, #1a1410);border:1px solid rgba(196,154,108,0.1);border-radius:20px;padding:2.5rem 2rem;text-align:center;position:relative;transition:all 0.3s} .package-card{ animation:fadeUp 0.8s both} .package-card:nth-child(1){ animation-delay:0.1s} .package-card:nth-child(2){ animation-delay:0.2s} .package-card:nth-child(3){ animation-delay:0.3s} .package-card:hover{ border-color:rgba(196,154,108,0.3)} .package-card--featured{ border-color:rgba(196,154,108,0.3);background:linear-gradient(145deg, #2a1f18, #1f1813);transform:scale(1.05)} .package-card__badge{ position:absolute;top:-0.7rem;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, #c49a6c, #a67c52);color:#1a1410;font-size:0.75rem;font-weight:600;padding:0.3rem 1.2rem;border-radius:100px} .package-card__head{ margin-bottom:1.5rem} .package-card__name{ display:block;font-size:1.1rem;color:#b8a99a;margin-bottom:0.5rem} .package-card__price{ font-family:'Playfair Display', serif;font-size:2.5rem;color:#c49a6c} .package-card__unit{ font-size:1rem;color:#8a7a6a} .package-card__features{ list-style:none;margin-bottom:2rem;text-align:center} .package-card__features li{ padding:0.5rem 0;color:#d4c8b8;font-size:0.9rem;border-bottom:1px solid rgba(196,154,108,0.06)} .package-card__features li:last-child{ border:none} .package-card .btn{ width:100%;text-align:center} .gallery{ background:rgba(26,20,16,0.6)} .gallery__filters{ display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-bottom:2.5rem} .gallery__filter{ background:transparent;border:1px solid rgba(196,154,108,0.2);color:#b8a99a;padding:0.5rem 1.2rem;border-radius:100px;font-size:0.85rem;cursor:pointer;transition:all 0.3s;font-family:'Inter', sans-serif} .gallery__filter:hover{ border-color:rgba(196,154,108,0.4);color:#e8ddd0} .gallery__filter.active{ background:rgba(196,154,108,0.15);border-color:#c49a6c;color:#c49a6c} .gallery__grid{ display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.2rem} .gallery__card{ border-radius:14px;overflow:hidden;position:relative;transition:transform 0.4s, box-shadow 0.4s} .gallery__card:hover{ transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,0.4)} .gallery__card-img{ aspect-ratio:4/3;width:100%;position:relative;cursor:pointer;overflow:hidden;background:#2a1f18} .gallery__card-img img{ width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.22,1,0.36,1)} .gallery__card:hover .gallery__card-img img{ transform:scale(1.05)} .gallery__card-overlay{ position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.2rem;opacity:0;transition:opacity 0.3s} .gallery__card:hover .gallery__card-overlay{ opacity:1} .gallery__card-tag{ font-size:0.8rem;color:#c49a6c;font-weight:500;letter-spacing:0.05em} .gallery__card-caption{ font-size:0.85rem;color:#e8ddd0;margin-top:0.3rem} .gallery__empty{ grid-column:1 / -1;text-align:center;padding:4rem 1rem;color:#8a7a6a} .gallery__note{ text-align:center;margin-top:2rem;color:#8a7a6a;font-style:italic;font-family:'Playfair Display', serif;font-size:0.9rem} .gallery__loading{ grid-column:1 / -1;text-align:center;padding:3rem;color:#8a7a6a} .lightbox{ display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,0.92);backdrop-filter:blur(8px);justify-content:center;align-items:center;flex-direction:column} .lightbox--open{ display:flex;animation:fadeIn 0.3s ease} .lightbox__img{ max-width:90vw;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.5)} .lightbox__close{ position:absolute;top:1.5rem;right:1.5rem;background:rgba(255,255,255,0.1);border:none;color:#fff;font-size:2rem;width:48px;height:48px;border-radius:50%;cursor:pointer;transition:background 0.2s;line-height:48px;text-align:center} .lightbox__close:hover{ background:rgba(255,255,255,0.2)} .lightbox__prev, .lightbox__next{ position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.08);border:none;color:#fff;font-size:2.5rem;width:52px;height:52px;border-radius:50%;cursor:pointer;transition:background 0.2s;line-height:52px;text-align:center} .lightbox__prev{ left:1.5rem} .lightbox__next{ right:1.5rem} .lightbox__prev:hover, .lightbox__next:hover{ background:rgba(255,255,255,0.15)} .lightbox__caption{ margin-top:1rem;color:#b8a99a;font-size:0.9rem;font-family:'Playfair Display', serif;font-style:italic} @media (max-width:600px){ .gallery__grid{ grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:0.8rem} .lightbox__prev, .lightbox__next{ width:40px;height:40px;font-size:1.5rem;line-height:40px} .lightbox__close{ width:36px;height:36px;font-size:1.5rem;line-height:36px}} .locations{ background:rgba(26,20,16,0.6)} .locations__grid{ display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem} .location-card{ text-align:center;padding:2rem;border:1px solid rgba(196,154,108,0.08);border-radius:16px} .location-card h3{ margin-bottom:0.8rem;font-style:italic} .location-card p{ color:#b8a99a;font-size:0.9rem;line-height:1.6} .contact{ background:rgba(26,20,16,0.6)} .contact__form{ max-width:680px;margin:0 auto;animation:fadeUp 0.8s both} .form__row{ display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem} .form__group{ display:flex;flex-direction:column;gap:0.4rem} .form__group--full{ margin-bottom:1.5rem} .form__group label{ font-size:0.85rem;color:#d4c8b8;font-weight:500} .form__group input, .form__group select, .form__group textarea{ background:rgba(255,255,255,0.04);border:1px solid rgba(196,154,108,0.15);border-radius:12px;padding:0.8rem 1rem;font-size:0.95rem;color:#e8ddd0;font-family:'Inter', sans-serif;transition:border-color 0.3s, box-shadow 0.3s, transform 0.2s;outline:none} .form__group input:focus, .form__group select:focus, .form__group textarea:focus{ border-color:#c49a6c;background:rgba(196,154,108,0.06);box-shadow:0 0 0 3px rgba(196,154,108,0.1);transform:translateY(-1px)} .form__group input::placeholder, .form__group textarea::placeholder{ color:#6a5a4a} .form__group select{ cursor:pointer} .form__group option{ background:#1a1410;color:#e8ddd0} .contact__form .btn{ margin-top:0.5rem} .form__hint{ margin-top:1rem;text-align:center;font-size:0.8rem;color:#8a7a6a} .footer{ background:rgba(15,10,8,0.85);border-top:1px solid rgba(196,154,108,0.08);padding:4rem 0 2rem} .footer__grid{ display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem} .footer__logo{ font-family:'Playfair Display', serif;font-size:1.3rem;color:#f5ede0;display:block;margin-bottom:0.8rem} .footer__brand p{ color:#8a7a6a;font-size:0.9rem;line-height:1.6;margin-bottom:1rem} .footer__socials{ display:flex;gap:1rem} .footer__socials a{ text-decoration:none;font-size:1.3rem;opacity:0.6;transition:opacity 0.2s} .footer__socials a:hover{ opacity:1} .footer__col h4{ font-size:1rem;margin-bottom:1rem;font-style:italic} .footer__col ul{ list-style:none} .footer__col li{ margin-bottom:0.5rem} .footer__col a, .footer__col li{ color:#8a7a6a;text-decoration:none;font-size:0.9rem;transition:color 0.2s} .footer__col a:hover{ color:#c49a6c} .footer__bottom{ border-top:1px solid rgba(196,154,108,0.06);padding-top:2rem;text-align:center;color:#6a5a4a;font-size:0.85rem} .cookie-banner{ position:fixed;bottom:0;left:0;right:0;background:rgba(26,20,16,0.95);backdrop-filter:blur(12px);border-top:1px solid rgba(196,154,108,0.15);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;z-index:300;animation:fadeUp 0.5s ease;flex-wrap:wrap} .cookie-banner span{ font-size:0.85rem;color:#b8a99a} @media (max-width:500px){ .cookie-banner{ justify-content:center;text-align:center}} .toast{ position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg, #c49a6c, #a67c52);color:#1a1410;padding:1rem 1.5rem;border-radius:12px;font-weight:500;font-size:0.9rem;opacity:0;transform:translateY(1rem);transition:all 0.4s;pointer-events:none;z-index:200} .toast--show{ opacity:1;transform:translateY(0)} .toast--success{ background:linear-gradient(135deg, #2d7a3a, #3a9a4a);color:#fff} .toast--warn{ background:linear-gradient(135deg, #8a7a3a, #b89a3a);color:#1a1410} .toast--error{ background:linear-gradient(135deg, #8a2a2a, #b83a3a);color:#fff} @media (max-width:900px){ .footer__grid{ grid-template-columns:1fr 1fr;gap:2rem}} @media (max-width:768px){ .nav__links{ display:none;position:absolute;top:100%;left:0;right:0;background:rgba(26,20,16,0.98);flex-direction:column;padding:1.5rem 2rem;gap:1rem} .nav__links--open{ display:flex} .nav__toggle{ display:block} .form__row{ grid-template-columns:1fr} .package-card--featured{ transform:none} .hero__content{ padding:5rem 1.5rem 3rem} .section{ padding:3rem 0} .services__grid{ grid-template-columns:1fr} .footer__grid{ grid-template-columns:1fr;text-align:center} .footer__socials{ justify-content:center}} .music-player{ position:fixed;bottom:1.5rem;right:1.5rem;z-index:999;display:flex;align-items:center;gap:0.6rem} .music-player__btn{ width:44px;height:44px;border-radius:50%;border:1px solid rgba(196,154,108,0.3);background:rgba(26,20,16,0.85);backdrop-filter:blur(8px);color:#c49a6c;font-size:1.1rem;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;font-family:'Inter', sans-serif} .music-player__btn:hover{ border-color:#c49a6c;background:rgba(26,20,16,0.95);transform:scale(1.05)} .music-player__btn--active{ border-color:#c49a6c;background:rgba(196,154,108,0.15);box-shadow:0 0 15px rgba(196,154,108,0.2);animation:pulseGlow 2s ease-in-out infinite} .music-player__bar{ width:60px;height:2px;background:rgba(196,154,108,0.1);border-radius:2px;overflow:hidden} .music-player__btn--active ~ .music-player__bar{ background:rgba(196,154,108,0.15)} .music-player__btn--active ~ .music-player__bar::before{ content:'';display:block;height:100%;width:100%;background:linear-gradient(90deg, #c49a6c, #a67c52);animation:musicWave 2s ease-in-out infinite} @keyframes musicWave{ 0%, 100%{ width:30%;opacity:0.5} 50%{ width:100%;opacity:1}} @media (max-width:600px){ .music-player{ bottom:1rem;right:1rem} .music-player__bar{ display:none}} .booking{ max-width:680px;margin:0 auto} .booking__step-title{ font-size:1.1rem;font-weight:400;color:#d4c8b8;margin-bottom:1.5rem} .booking__date-row{ display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap} .booking__date-input{ background:rgba(255,255,255,0.04);border:1px solid rgba(196,154,108,0.15);border-radius:12px;padding:0.8rem 1rem;font-size:1rem;color:#e8ddd0;font-family:'Inter', sans-serif;outline:none;transition:border-color 0.3s;min-width:200px} .booking__date-input:focus{ border-color:#c49a6c;background:rgba(196,154,108,0.06)} .booking__hint{ font-size:0.8rem;color:#8a7a6a} .booking__slots{ display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:0.6rem;margin-bottom:2rem} .booking__slots-loading{ grid-column:1 / -1;text-align:center;color:#8a7a6a;padding:2rem;font-style:italic} .booking__slot{ padding:0.7rem 0.5rem;border:1px solid rgba(196,154,108,0.2);background:transparent;color:#d4c8b8;font-size:0.9rem;cursor:pointer;transition:all 0.2s;font-family:'Inter', sans-serif;text-align:center;border-radius:8px} .booking__slot:hover{ border-color:#c49a6c;background:rgba(196,154,108,0.06)} .booking__slot--selected{ border-color:#c49a6c;background:rgba(196,154,108,0.15);color:#c49a6c;font-weight:500} .booking__slot--booked{ border-color:rgba(255,68,68,0.15);color:#6a4a4a;cursor:not-allowed;opacity:0.5;text-decoration:line-through} .booking__slot--booked:hover{ border-color:rgba(255,68,68,0.15);background:transparent} .booking__selected-slot{ background:rgba(196,154,108,0.08);border:1px solid rgba(196,154,108,0.15);border-radius:12px;padding:0.8rem 1.2rem;margin-bottom:1.5rem;display:inline-block;color:#c49a6c;font-size:0.9rem} .booking__details{ animation:fadeUp 0.4s ease} .booking__success{ text-align:center;padding:3rem 1rem;animation:fadeUp 0.5s ease} .booking__success-icon{ width:60px;height:60px;border-radius:50%;background:rgba(196,154,108,0.15);border:2px solid #c49a6c;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#c49a6c;margin:0 auto 1rem} .booking__success h3{ margin-bottom:0.5rem;color:#f5ede0} .booking__success p{ color:#b8a99a;margin-bottom:1.5rem} .car-calc{ background:rgba(26,20,16,0.5);border:1px solid rgba(196,154,108,0.15);border-radius:16px;padding:2rem;max-width:520px;margin:0 auto} .car-calc__row{ display:flex;gap:12px;margin-bottom:12px} .car-calc__group{ flex:1;display:flex;flex-direction:column;gap:0.4rem} .car-calc__group label{ font-size:0.8rem;color:#b8a99a;text-transform:uppercase;letter-spacing:0.05em} .car-calc__result{ margin-top:1.5rem;padding:1.2rem;background:rgba(196,154,108,0.06);border:1px solid rgba(196,154,108,0.12);border-radius:10px;text-align:center} .car-calc__hours{ font-size:0.9rem;color:#b8a99a;margin-bottom:0.5rem} .car-calc__hours strong{ color:#f5ede0} .car-calc__price{ font-family:'Playfair Display', serif;font-size:2.2rem;color:#c49a6c;font-weight:700;margin-bottom:0.3rem} .car-calc__details{ font-size:0.85rem;color:#8a7a6a;line-height:1.4} .car-calc__form{ margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(196,154,108,0.1)} .car-calc__success{ text-align:center;padding:2rem 1rem} .car-calc .booking__date-input{ width:100%;padding:0.6rem 0.8rem;font-size:0.9rem;background:rgba(255,255,255,0.04);border:1px solid rgba(196,154,108,0.2);color:#f5ede0;border-radius:8px;font-family:inherit} .car-calc .booking__date-input:focus{ outline:none;border-color:#c49a6c} .car-calc .booking__date-input::-webkit-calendar-picker-indicator{ filter:invert(0.7)} @media (max-width:480px){ .hero__title{ font-size:2.2rem} .hero__subtitle{ font-size:0.85rem} .hero__desc{ font-size:0.85rem} .hero__content{ padding:4rem 1.2rem 2.5rem} .hero__actions{ flex-direction:column;align-items:center} .hero__actions .btn{ width:100%;max-width:280px} .section__header h2{ font-size:1.6rem} .package-card{ padding:1.2rem} .package-card__price{ font-size:1.3rem} .booking__date-input{ font-size:14px} .booking__slots{ grid-template-columns:repeat(3, 1fr);gap:0.5rem} .booking__slot{ padding:0.6rem 0.4rem;font-size:0.8rem} .form__group input, .form__group select, .form__group textarea{ font-size:16px;padding:0.7rem 0.9rem} .car-calc__row{ flex-direction:column;gap:0.8rem} .car-calc__group{ width:100%} .nav{ padding:0.7rem 1rem} .nav__logo{ font-size:1.1rem} .footer{ padding:2rem 1rem} .footer__grid{ gap:1.5rem} .gallery__grid{ grid-template-columns:repeat(2, 1fr);gap:0.5rem} .gallery__filters{ flex-wrap:wrap;gap:0.4rem} .gallery__filter{ font-size:0.75rem;padding:0.4rem 0.8rem} .music-player{ bottom:1rem;right:1rem} .music-player__btn{ width:38px;height:38px;font-size:1rem} .lightbox__img{ max-width:100vw;max-height:60vh} .lightbox__prev, .lightbox__next{ font-size:2rem;padding:0.5rem} .toast{ font-size:0.8rem;padding:0.7rem 1.2rem}} @media (max-width:380px){ .hero__title{ font-size:1.8rem} .hero__content{ padding:3.5rem 1rem 2rem} .booking__slots{ grid-template-columns:repeat(2, 1fr)} .gallery__grid{ grid-template-columns:1fr} .section__header h2{ font-size:1.3rem} .package-card__features li{ font-size:0.8rem}}