/*
Euromak Blog ek stilleri — yalnızca blog sayfalarına eklenir.
Tüm değerler main.css'teki mevcut token'lardan türetilmiştir
(#F5F5F5 kart zemini, 12px/4px radius, #page .content tipografi ölçüleri).
*/

@media (min-width:640px)
{
#page .content .cta-box { margin-top:3vw; padding:2vw; width:100%; background:#F5F5F5; border-radius:12px; }
#page .content .cta-box h3 { margin-top:0; width:100%; line-height:3vw; font-size:2.25vw; font-weight:bold; }
#page .content .cta-box p { margin-top:1vw; width:100%; line-height:2vw; font-size:1.25vw; }
#page .content ul, #page .content ol { margin-top:1vw; width:100%; padding-left:2vw; }
#page .content ul li { list-style:disc; line-height:2vw; font-size:1.25vw; margin-top:0.5vw; }
#page .content ol li { list-style:decimal; line-height:2vw; font-size:1.25vw; margin-top:0.5vw; }
}

@media (max-width:640px)
{
#page .content .cta-box { margin-top:5vw; padding:5vw; width:100%; background:#F5F5F5; border-radius:4px; }
#page .content .cta-box h3 { margin-top:0; width:100%; line-height:7vw; font-size:5vw; font-weight:bold; }
#page .content .cta-box p { margin-top:3vw; width:100%; line-height:4vw; font-size:3vw; }
#page .content ul, #page .content ol { margin-top:3vw; width:100%; padding-left:5vw; }
#page .content ul li { list-style:disc; line-height:4vw; font-size:3vw; margin-top:1vw; }
#page .content ol li { list-style:decimal; line-height:4vw; font-size:3vw; margin-top:1vw; }
}

/* Liste kartı ve detay sayfası kapakları: main.css'teki object-fit:contain yalnızca /blog/
   sayfalarında cover ile ezilir (Tasarım & Yenilik sayfaları blog.css'i yüklemediği için etkilenmez). */
@media (min-width:640px)
{
#blog article img { object-fit:cover; }
#page .content figure img { object-fit:cover; }
}

@media (max-width:640px)
{
#blog article img { object-fit:cover; }
#page .content figure img { object-fit:cover; }
}