.elementor-5797 .elementor-element.elementor-element-30c0688{--display:flex;--min-height:120px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-5797 .elementor-element.elementor-element-87ddb7e{--grid-template-columns:repeat(3, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-5797 .elementor-element.elementor-element-87ddb7e .elementor-widget-container{text-align:right;}.elementor-5797 .elementor-element.elementor-element-f56745b{--display:flex;}.elementor-5797 .elementor-element.elementor-element-5815d4c{width:100%;max-width:100%;}.elementor-5797 .elementor-element.elementor-element-092baab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5797 .elementor-element.elementor-element-6fa613b{--display:flex;}.elementor-5797 .elementor-element.elementor-element-49d8bfa{width:100%;max-width:100%;}.elementor-5797 .elementor-element.elementor-element-f1804dd{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5797 .elementor-element.elementor-element-30c0688{--content-width:1600px;}.elementor-5797 .elementor-element.elementor-element-f56745b{--content-width:1600px;}.elementor-5797 .elementor-element.elementor-element-6fa613b{--content-width:1600px;}}/* Start custom CSS *//* ========================================
   LUXURY ANIMATIONS v2 - Z TRIGGERAMI
   ======================================== */

/* 1. ANIMATED GRADIENT HERO */
.hero-kontakt {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #000000 100%) !important;
    background-size: 400% 400% !important;
    animation: luxuryGradient 12s ease infinite !important;
    position: relative !important;
    overflow: hidden !important;
}

@keyframes luxuryGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Złoty shimmer - zawsze aktywny */
.hero-kontakt::after {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: linear-gradient(
        45deg,
        transparent 30%,
        rgba(212, 175, 55, 0.15) 50%,
        transparent 70%
    ) !important;
    animation: shimmer 6s linear infinite !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

@keyframes shimmer {
    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}

.hero-kontakt-content {
    position: relative !important;
    z-index: 2 !important;
}

/* 2. ZŁOTA LINIA POD NAGŁÓWKAMI - zawsze widoczna */
.hero-kontakt h1::after {
    content: '' !important;
    display: block !important;
    width: 100px !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #d4af37, transparent) !important;
    margin: 20px auto 0 !important;
    animation: expandGoldLine 2s ease-out 0.5s forwards !important;
}

@keyframes expandGoldLine {
    from { width: 0; opacity: 0; }
    to { width: 120px; opacity: 1; }
}

/* 3. PULSUJĄCE IKONY - zawsze aktywne */
.hero-kontakt-icon {
    animation: pulseGold 2.5s ease-in-out infinite !important;
    display: inline-block !important;
}

@keyframes pulseGold {
    0%, 100% {
        transform: scale(1);
        filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.6));
    }
    50% {
        transform: scale(1.15);
        filter: drop-shadow(0 0 30px rgba(212, 175, 55, 1));
    }
}

/* 4. GOLD GLOW BUTTONS - hover effect */
.elementor-button,
.wpcf7-submit,
button[type="submit"] {
    position: relative !important;
    transition: all 0.4s ease !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

.elementor-button::before,
.wpcf7-submit::before,
button[type="submit"]::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 0 !important;
    height: 0 !important;
    border-radius: 50% !important;
    background: rgba(212, 175, 55, 0.4) !important;
    transform: translate(-50%, -50%) !important;
    transition: width 0.6s ease, height 0.6s ease !important;
    z-index: -1 !important;
}

.elementor-button:hover::before,
.wpcf7-submit:hover::before,
button[type="submit"]:hover::before {
    width: 400px !important;
    height: 400px !important;
}

.elementor-button:hover,
.wpcf7-submit:hover,
button[type="submit"]:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 12px 35px rgba(212, 175, 55, 0.5) !important;
}

/* 5. 3D LIFT dla sekcji - hover */
.elementor-section:not(.hero-kontakt):hover {
    transform: translateY(-5px) !important;
    transition: transform 0.4s ease !important;
}

/* 6. GOLD GLOW na tekst - hover */
.hero-kontakt h1:hover,
h2:hover,
h3:hover {
    text-shadow: 0 0 25px rgba(212, 175, 55, 0.7),
                 0 0 50px rgba(212, 175, 55, 0.4) !important;
    transition: text-shadow 0.3s ease !important;
}

/* 7. ZŁOTA LINIA pod linkami - hover */
a:not(.elementor-button) {
    position: relative !important;
    transition: color 0.3s ease !important;
}

a:not(.elementor-button)::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 0 !important;
    height: 2px !important;
    background: linear-gradient(90deg, #d4af37, #f4d03f) !important;
    transition: width 0.4s ease !important;
}

a:not(.elementor-button):hover::after {
    width: 100% !important;
}

a:not(.elementor-button):hover {
    color: #d4af37 !important;
}

/* 8. FEATURE LIST - animacja opóźniona */
.hero-kontakt-features {
    animation: fadeInFeatures 1s ease-out 0.8s both !important;
}

@keyframes fadeInFeatures {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 9. SZEROKOŚĆ (zachowane z poprzedniego) */
.elementor-section-boxed > .elementor-container {
    max-width: 1600px !important;
    width: 100% !important;
}

.elementor-container {
    max-width: 1600px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* 10. SMOOTH SCROLL */
html {
    scroll-behavior: smooth !important;
}

/* 11. MOBILE */
@media (max-width: 768px) {
    .elementor-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .hero-kontakt::after {
        animation-duration: 8s !important;
    }
}/* End custom CSS */