.elementor-kit-27{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#C2CE61;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-27 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Castillo - Złoto Andaluzji</title>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@300;400;600&display=swap" rel="stylesheet">
    <style>
        :root {
            --olive-dark: #4A5D23;
            --olive-light: #6B7F3F;
            --cream: #FDFBF4;
            --sand: #F2EBD9;
            --text: #2C2C2C;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--cream);
            color: var(--text);
            line-height: 1.6;
        }

        h1, h2, h3 { font-family: 'Playfair Display', serif; }

        .container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

        /* HERO SECTION */
        header {
            padding: 20px 0;
            background: var(--cream);
        }

        .hero {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 60px 0;
            gap: 40px;
        }

        .hero-content { flex: 1; }
        .hero-image { flex: 1; text-align: right; }
        .hero-image img { max-width: 100%; border-radius: 8px; }

        h1 { font-size: 3.5rem; color: var(--text); line-height: 1.1; margin-bottom: 20px; }
        .subtitle { font-size: 1.1rem; margin-bottom: 30px; color: #555; }

        .btn {
            display: inline-block;
            background-color: var(--olive-dark);
            color: white;
            padding: 16px 32px;
            text-decoration: none;
            border-radius: 4px;
            font-weight: 600;
            transition: background 0.3s;
        }
        .btn:hover { background-color: var(--olive-light); }

        /* TRUST BAR */
        .trust-bar {
            background: var(--sand);
            padding: 40px 0;
            text-align: center;
        }

        .testimonials { font-style: italic; font-size: 1.2rem; margin-top: 10px; }

        /* FEATURES */
        .features { padding: 80px 0; text-align: center; }
        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }
        .feature-card { padding: 20px; }
        .feature-card h3 { margin: 15px 0; color: var(--olive-dark); }
        .icon { font-size: 40px; color: var(--olive-light); }

        /* STORY SECTION */
        .story {
            background-color: var(--olive-dark);
            color: white;
            padding: 80px 0;
            display: flex;
            align-items: center;
            gap: 50px;
        }
        .story img { width: 50%; border-radius: 12px; }
        .story-content { flex: 1; }

        /* SENSORY SECTION */
        .sensory { padding: 80px 0; text-align: center; }
        .sensory-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 40px;
        }
        .sensory-item { background: white; padding: 20px; border-radius: 8px; border: 1px solid var(--sand); }

        /* FOOTER / CTA */
        .final-cta {
            background: var(--sand);
            padding: 80px 0;
            text-align: center;
        }

        @media (max-width: 768px) {
            .hero, .story { flex-direction: column; text-align: center; }
            .hero-image { text-align: center; }
            .story img { width: 100%; }
            h1 { font-size: 2.5rem; }
            .sensory-grid { grid-template-columns: 1fr; }
        }
    </style>
</head>
<body>

    <header>
        <div class="container">
            <strong>Castillo</strong>
        </div>
    </header>

    <section class="container hero">
        <div class="hero-content">
            <h1>Złoto Andaluzji w Twojej kuchni</h1>
            <p class="subtitle">Odkryj niefiltrowaną oliwę Extra Virgin z pierwszego tłoczenia, zbieraną ręcznie w rodzinnym gaju Castillo.</p>
            <a href="#" class="btn">ZAMÓW BUTELKĘ – 89 ZŁ</a>
        </div>
        <div class="hero-image">
            <img src="https://images.unsplash.com/photo-1474979266404-7eaacbcd87c5?auto=format&fit=crop&q=80&w=800" alt="Oliwa Castillo">
        </div>
    </section>

    <div class="trust-bar">
        <div class="container">
            <p class="testimonials">"Najlepsza oliwa, jaką piłam. Dosłownie piłam!" – Magda, szefowa kuchni</p>
        </div>
    </div>

    <section class="container features">
        <h2>Dlaczego nasza oliwa?</h2>
        <div class="features-grid">
            <div class="feature-card">
                <div class="icon">%</div>
                <h3>Kwasowość < 0,2%</h3>
                <p>Gwarancja najwyższej jakości i delikatnego smaku.</p>
            </div>
            <div class="feature-card">
                <div class="icon">❄️</div>
                <h3>Tłoczenie na zimno</h3>
                <p>Zachowanie wszystkich polifenoli i witamin E oraz K.</p>
            </div>
            <div class="feature-card">
                <div class="icon">🌿</div>
                <h3>Zbiór 24h</h3>
                <p>Od zerwania owocu do zamknięcia w butelce mija doba.</p>
            </div>
        </div>
    </section>

    <section class="story">
        <div class="container" style="display: flex; align-items: center; gap: 40px;">
            <img src="https://images.unsplash.com/photo-1500651230702-0e2d8a49d4ad?auto=format&fit=crop&q=80&w=800" alt="Gaj oliwny">
            <div class="story-content">
                <h2>Nie jesteśmy fabryką. Jesteśmy rodziną.</h2>
                <p>Każda butelka naszej oliwy „Liquid Gold” pochodzi z drzew, które pamiętają czasy naszych pradziadków. Nie przyspieszamy natury – czekamy, aż słońce wykona swoją pracę.</p>
            </div>
        </div>
    </section>

    <section class="container sensory">
        <h2>Jak smakuje?</h2>
        <div class="sensory-grid">
            <div class="sensory-item">
                <strong>Nos</strong>
                <p>Świeżo skoszona trawa, zielone pomidory.</p>
            </div>
            <div class="sensory-item">
                <strong>Podniebienie</strong>
                <p>Maślana tekstura z nutą migdałów.</p>
            </div>
            <div class="sensory-item">
                <strong>Finisz</strong>
                <p>Charakterystyczne, pieprzne drapanie w gardle.</p>
            </div>
        </div>
    </section>

    <section class="final-cta">
        <div class="container">
            <h2>Podnieś smak swoich potraw</h2>
            <p style="margin-bottom: 30px;">Dołącz do grona smakoszy prawdziwej, hiszpańskiej oliwy.</p>
            <a href="#" class="btn">ZAMÓW PAKIET TERAZ</a>
        </div>
    </section>

</body>
</html>/* End custom CSS */