.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-214251 .elementor-element.elementor-element-770409c > .elementor-widget-container{margin:16px 16px 16px 16px;padding:16px 16px 16px 16px;}.elementor-214251 .elementor-element.elementor-element-770409c{text-align:center;}.elementor-214251 .elementor-element.elementor-element-770409c .elementor-heading-title{color:#5D7A86;}.elementor-214251 .elementor-element.elementor-element-770409c .elementor-heading-title a:hover, .elementor-214251 .elementor-element.elementor-element-770409c .elementor-heading-title a:focus{color:#000000;}.elementor-214251 .elementor-element.elementor-element-770409c .elementor-heading-title a{transition-duration:0.5s;}:root{--page-title-display:none;}body.elementor-page-214251{margin:6px 6px 6px 6px;padding:6px 6px 6px 6px;}/* Start custom CSS */<!DOCTYPE html>
<html lang="uk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        /* ============================================================
           SKYNET CORE STYLES - Глобальні налаштування
           ============================================================ */
        .skynet-partners-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
            gap: 25px;
            padding: 20px;
            font-family: 'Segoe UI', Roboto, -apple-system, sans-serif;
            background: transparent;
        }

        /* Картка партнера */
        .partner-card {
            background: #ffffff;
            border-radius: 16px;
            padding: 28px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
            border: 1px solid #eef2f6;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            position: relative;
            overflow: hidden;
            text-decoration: none;
            color: #333;
            min-height: 320px;
        }

        .partner-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 30px rgba(0, 102, 255, 0.12);
            border-color: #0066ff;
        }

        /* Індикатор активності при наведенні */
        .partner-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 5px;
            height: 100%;
            background: #0066ff;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .partner-card:hover::before {
            opacity: 1;
        }

        /* Секція логотипу */
        .partner-logo {
            width: 100%;
            height: 60px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

        .partner-logo img {
            max-width: 160px;
            max-height: 100%;
            object-fit: contain;
            filter: grayscale(100%);
            opacity: 0.7;
            transition: all 0.4s ease;
        }

        .partner-card:hover .partner-logo img {
            filter: grayscale(0%);
            opacity: 1;
            transform: scale(1.05);
        }

        /* Текстовий контент */
        .partner-domain {
            font-size: 1.25rem;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 10px;
            letter-spacing: -0.5px;
        }

        .partner-description {
            font-size: 0.95rem;
            color: #666;
            line-height: 1.6;
            margin-bottom: 25px;
        }

        /* CTA посилання */
        .partner-link {
            display: inline-flex;
            align-items: center;
            font-size: 0.85rem;
            font-weight: 700;
            color: #0066ff;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: auto;
        }

        .partner-link svg {
            margin-left: 10px;
            transition: transform 0.3s ease;
        }

        .partner-card:hover .partner-link svg {
            transform: translateX(6px);
        }

        /* Адаптивність */
        @media (max-width: 600px) {
            .skynet-partners-container {
                grid-template-columns: 1fr;
                padding: 15px;
            }
            .partner-card {
                min-height: auto;
            }
        }
    </style>
</head>
<body>

<div class="skynet-partners-container">

    <!-- ПАРТНЕР 1: FURLEGEND -->
    <a href="https://furlegend.com" class="partner-card" target="_blank">
        <div class="partner-logo">
            <!-- Місце для лого: замініть src на реальний шлях -->
            <img src="https://via.placeholder.com/160x60/f0f4f8/0066ff?text=FURLEGEND" alt="Furlegend Logo">
        </div>
        <div class="partner-info">
            <div class="partner-domain">furlegend.com</div>
            <p class="partner-description">
                Елітний бренд хутряних виробів. Реалізовано преміальний дизайн та оптимізовану воронку продажів для залучення VIP-аудиторії.
            </p>
        </div>
        <div class="partner-link">
            Відвідати проект
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
        </div>
    </a>

    <!-- МІСЦЕ ДЛЯ НАСТУПНОГО ПАРТНЕРА -->

</div>

</body>
</html>/* End custom CSS */