/* construction-pattern.css - УЛУЧШЕННАЯ ВЕРСИЯ С ЯРКИМИ ЭЛЕМЕНТАМИ */
:root {
    --primary: #2E86AB;
    --primary-dark: #1B5E7A;
    --secondary: #F26419;
}

body {
    background: 
        linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.93)),
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><rect width="200" height="200" fill="%23f8f9fa"/><g opacity="0.25"><path d="M50 50L70 30L150 110L130 130Z" stroke="%232E86AB" stroke-width="2" fill="none"/><path d="M80 80L100 60" stroke="%23F26419" stroke-width="3"/><circle cx="120" cy="120" r="8" fill="%232E86AB"/><rect x="140" y="40" width="20" height="60" rx="2" fill="%23F26419"/><path d="M30 150L50 130L70 150L50 170Z" fill="%232E86AB" opacity="0.3"/></g><g opacity="0.15"><circle cx="160" cy="160" r="12" stroke="%232E86AB" stroke-width="1.5" fill="none"/><rect x="20" y="80" width="40" height="15" rx="3" fill="%23F26419"/></g></svg>');
    background-attachment: fixed;
    background-size: 300px 300px;
}

.hero-services {
    background: linear-gradient(135deg, 
        rgba(83, 70, 60, 0.85) 0%, 
        rgba(126, 126, 126, 0.82) 50%,
        rgba(83, 70, 60, 0.85) 100%),
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 250 250"><rect width="250" height="250" fill="%23463f36" opacity="0.6"/><g opacity="0.25"><path d="M50 80L80 50L200 170L170 200Z" stroke="%23ffffff" stroke-width="3" fill="none"/><circle cx="150" cy="100" r="15" stroke="%23ffffff" stroke-width="2" fill="none"/><rect x="180" y="60" width="30" height="80" rx="3" fill="%23ffffff"/><path d="M60 180L90 150L110 170L80 200Z" fill="%23ffffff" opacity="0.4"/></g><g opacity="0.2"><path d="M100 120L120 100L140 120L120 140Z" stroke="%23F26419" stroke-width="2" fill="none"/><circle cx="200" cy="200" r="20" stroke="%23F26419" stroke-width="1.5" fill="none" opacity="0.6"/></g></svg>');
}

.special-offer {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)),
                url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><rect width="120" height="120" fill="%231B5E7A" opacity="0.15"/><g opacity="0.3"><path d="M30 45L45 30L90 75L75 90Z" stroke="%23ffffff" stroke-width="2.5" fill="none"/><circle cx="60" cy="60" r="10" stroke="%23ffffff" stroke-width="2" fill="none"/><path d="M40 80L50 70L70 90L60 100Z" fill="%23ffffff" opacity="0.4"/></g><g opacity="0.25"><rect x="80" y="40" width="15" height="40" rx="2" fill="%23F26419"/><circle cx="100" cy="100" r="8" stroke="%23F26419" stroke-width="1.5" fill="none"/></g></svg>');
}

.nds-banner {
    background: linear-gradient(135deg, #F26419, #e55a15),
                url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><rect width="80" height="80" fill="%23F26419" opacity="0.1"/><g opacity="0.25"><path d="M0 0L80 80M80 0L0 80" stroke="%23ffffff" stroke-width="1.5"/><circle cx="40" cy="40" r="15" stroke="%23ffffff" stroke-width="1.5" fill="none"/><rect x="25" y="25" width="30" height="30" rx="3" stroke="%23ffffff" stroke-width="1" fill="none"/></g></svg>');
}

.service-card, .document-card, .promotion-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(2px);
}

.advantage-overlay {
    background: linear-gradient(to bottom, 
        rgba(255, 255, 255, 0.15) 0%, 
        rgba(255, 255, 255, 0.08) 20%,
        rgba(0, 0, 0, 0.4) 50%, 
        rgba(0, 0, 0, 0.8) 80%,
        rgba(0, 0, 0, 0.95) 100%);
}

/* Улучшенная читаемость текста */
.advantage-content h3, .advantage-content p {
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);
}

.hero-services .slide-content h1,
.hero-services .slide-content h2,
.hero-services .slide-content p {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* construction-pattern.css - ДОБАВЛЕННЫЕ СТИЛИ ДЛЯ PAGE-HERO */

.page-hero {
    background: linear-gradient(135deg, 
        rgba(83, 70, 60, 0.85) 0%, 
        rgba(126, 126, 126, 0.82) 50%,
        rgba(83, 70, 60, 0.85) 100%),
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 250 250"><rect width="250" height="250" fill="%23463f36" opacity="0.6"/><g opacity="0.25"><path d="M50 80L80 50L200 170L170 200Z" stroke="%23ffffff" stroke-width="3" fill="none"/><circle cx="150" cy="100" r="15" stroke="%23ffffff" stroke-width="2" fill="none"/><rect x="180" y="60" width="30" height="80" rx="3" fill="%23ffffff"/><path d="M60 180L90 150L110 170L80 200Z" fill="%23ffffff" opacity="0.4"/></g><g opacity="0.2"><path d="M100 120L120 100L140 120L120 140Z" stroke="%23F26419" stroke-width="2" fill="none"/><circle cx="200" cy="200" r="20" stroke="%23F26419" stroke-width="1.5" fill="none" opacity="0.6"/></g></svg>');
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.page-hero h1,
.page-hero p {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}