<a href="https://novotomnikovo.ru/" target="_blank" rel="nofollow noopener" style="display: block; text-decoration: none;">
    <div style="width: 728px; height: 90px; background: #0a2a1f; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.15); position: relative; font-family: 'Inter', 'Segoe UI', Arial, sans-serif; display: flex;">

        <div style="width: 360px; height: 90px; background: url('https://novotomnikovo.ru/wp-content/uploads/2026/05/oblozhka-n.jpg') center/cover no-repeat;"></div>
        
        <div style="width: 2px; height: 100%; background: linear-gradient(180deg, transparent, #D4AF37, #FFD700, #D4AF37, transparent);"></div>
        
        <div style="flex: 1; background: linear-gradient(135deg, #1a4d3e 0%, #0f3328 100%); display: flex; align-items: center; justify-content: space-between; padding: 0 20px; position: relative;">
            <div style="display: flex; align-items: center; gap: 15px;">
                <div style="width: 50px; height: 50px; background: linear-gradient(135deg, #D4AF37, #B8962E); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.2);">
                    <img src="https://novotomnikovo.ru/wp-content/uploads/2026/05/cropped-logo_koni_zavod-300x300.png" style="width: 38px; height: 38px; object-fit: contain; border-radius: 50%;" alt="Новотомниковский ПЗ">
                </div>
                <div>
                    <div style="font-size: 9px; color: #D4AF37; letter-spacing: 2px; margin-bottom: 2px;">КОННЫЙ ЗАВОД</div>
                    <div style="font-size: 15px; font-weight: 800; color: white; letter-spacing: 0.5px;">НОВОТОМНИКОВСКИЙ</div>
                    <div style="font-size: 9px; color: rgba(255,255,255,0.7);">Орловские лошади элитной кровей</div>
                </div>
            </div>
        </div>
    </div>
</a>

<a href="https://novotomnikovo.ru/" target="_blank" rel="nofollow noopener" style="display: block; text-decoration: none;">
    <div style="width: 300px; height: 250px; background: #0a2a1f; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.15); font-family: 'Inter', 'Segoe UI', Arial, sans-serif; display: flex; flex-direction: column;">

        <div style="height: 50%; background: url('https://novotomnikovo.ru/wp-content/uploads/2026/05/oblozhka-n.jpg') center/cover no-repeat;"></div>
        
        <div style="flex: 1; background: linear-gradient(135deg, #1a4d3e 0%, #0f3328 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 15px; position: relative;">
            <div style="position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #D4AF37, #FFD700, #D4AF37, transparent);"></div>
            
            <div style="width: 55px; height: 55px; background: linear-gradient(135deg, #D4AF37, #B8962E); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.2);">
                <img src="https://novotomnikovo.ru/wp-content/uploads/2026/05/cropped-logo_koni_zavod-300x300.png" style="width: 42px; height: 42px; object-fit: contain; border-radius: 50%;" alt="Новотомниковский ПЗ">
            </div>
            <div style="font-size: 8px; color: #D4AF37; letter-spacing: 2.5px; margin-bottom: 4px;">КОННЫЙ ЗАВОД</div>
            <div style="font-size: 14px; font-weight: 800; color: white; letter-spacing: 0.5px; margin-bottom: 3px;">НОВОТОМНИКОВСКИЙ</div>
            <div style="font-size: 9px; color: rgba(255,255,255,0.7); margin-bottom: 10px;">Орловские лошади</div>
        </div>
    </div>
</a>

<a href="https://novotomnikovo.ru/" target="_blank" rel="nofollow noopener" style="display: block; text-decoration: none;">
    <div style="width: 240px; height: 400px; background: #0a2a1f; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.15); font-family: 'Inter', 'Segoe UI', Arial, sans-serif; display: flex; flex-direction: column;">

        <div style="height: 50%; background: url('https://novotomnikovo.ru/wp-content/uploads/2026/05/oblozhka-n.jpg') center/cover no-repeat;"></div>
        
        <div style="flex: 1; background: linear-gradient(135deg, #1a4d3e 0%, #0f3328 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 15px; position: relative;">
            <div style="position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #D4AF37, #FFD700, #D4AF37, transparent);"></div>
            
            <div style="width: 55px; height: 55px; background: linear-gradient(135deg, #D4AF37, #B8962E); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.2);">
                <img src="https://novotomnikovo.ru/wp-content/uploads/2026/05/cropped-logo_koni_zavod-300x300.png" style="width: 42px; height: 42px; object-fit: contain; border-radius: 50%;" alt="Новотомниковский ПЗ">
            </div>
            <div style="font-size: 8px; color: #D4AF37; letter-spacing: 2.5px; margin-bottom: 4px;">КОННЫЙ ЗАВОД</div>
            <div style="font-size: 14px; font-weight: 800; color: white; letter-spacing: 0.5px; margin-bottom: 3px;">НОВОТОМНИКОВСКИЙ</div>
            <div style="font-size: 9px; color: rgba(255,255,255,0.7); margin-bottom: 10px;">Орловские лошади</div>
        </div>
    </div>
</a>