/* --- CSS BASE --- */
        :root { --gold: #c5a059; --dark-bg: #000; }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Lato', sans-serif; color: #e0e0e0; line-height: 1.6; background-color: var(--dark-bg); overflow-x: hidden; }
        h1, h2, h3 { font-family: 'Playfair Display', serif; color: #fff; }
        .container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
        
        .header { background-color: #000; padding: 20px 0; border-bottom: 1px solid #222; position: sticky; top: 0; z-index: 1000; }
        .logo { color: var(--gold); font-size: 1.5rem; font-weight: 700; text-decoration: none; }
        
        /* Language Switcher */
        .lang-switch { display: flex; gap: 10px; align-items: center; }
        .lang-link { color: #fff; font-size: 0.8rem; cursor: pointer; opacity: 0.5; transition: 0.3s; font-weight: 700; }
        .lang-link.active { opacity: 1; color: var(--gold); }

        /* HERO IMAGE */
        .tour-hero {
            height: 60vh;
            background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.6)), url('/img/amalfi-coast.webp');
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: flex-end;
            padding-bottom: 50px;
        }

        .tour-title { font-size: clamp(2.3rem,6vw,4.2rem); margin-bottom: 10px; color: #fff; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); }
        .tour-subtitle { font-size: 1.2rem; color: #f0f0f0; max-width: 700px; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); }
        
        .content-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; margin-top: 50px; }
        
        .info-box { background: #111; padding: 30px; border: 1px solid #333; margin-bottom: 20px; position: sticky; top: 100px; }
        .info-box h2,.info-box h3 { color: var(--gold); margin-bottom: 15px; border-bottom: 1px solid #333; padding-bottom: 10px; }
        
        .stops-list li { margin-bottom: 15px; padding-left: 30px; position: relative; list-style: none; }
        .stops-list li::before { content: "🍋"; position: absolute; left: 0; top: 0; }
        
        .btn-gold { background-color: var(--gold); color: #000 !important; padding: 15px 30px; border-radius: 4px; text-decoration: none; font-weight: 700; display: block; text-align: center; margin-top: 20px; transition: 0.3s; text-transform: uppercase; }
        .btn-gold:hover { background-color: #fff; transform: translateY(-2px); }

        footer { padding: 40px 0; text-align: center; border-top: 1px solid #222; color: #666; margin-top: 60px; font-size: 0.9rem; }

        @media (max-width: 768px) {
            .content-grid { grid-template-columns: 1fr; }
            .tour-hero { height: 50vh; }
        }
    
        .faq-section { margin-top: 40px; }
        .faq-item { background: #0a0a0a; border: 1px solid #222; padding: 20px; margin-bottom: 10px; border-radius: 4px; }
        .faq-question { color: #c5a059; font-weight: 700; display: block; margin-bottom: 8px; }
