/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 17 2026 | 21:25:44 */
/* --- DESKTOP ZOBRAZENÍ --- */

.ymc-col.ymc-col-1 {
    position: absolute !important;
    right: 20px !important;
    top: 40% !important; /* Pozice vysoko, jak jste chtěl */
    transform: translateY(-50%) !important;

    /* DŮLEŽITÉ: Zrušíme pevnou výšku kontejneru */
    height: auto !important; 
    
    /* Kontejner může být široký, ale ne přes text (max 65%) */
    width: auto !important;
    max-width: 65% !important; 

    /* Vzhled rámečku */
    overflow: hidden !important;
    border-radius: 20px !important; /* Trochu menší rádius vypadá lépe u širokých nudlí */
    
    /* Vyčistí pozadí a padding */
    background: transparent !important;
    padding: 0 !important;
    z-index: 10 !important;
}

/* Nastavení přímo pro obrázek */
.ymc-col.ymc-col-1 img {
    display: block !important;
    
    /* TOTO URČUJE VELIKOST: */
    /* Obrázek bude max 200px vysoký (aby nebyl obří), šířka se dopočítá sama */
    max-height: 300px !important; 
    width: auto !important;
    
    /* Pojistka, aby obrázek nikdy nelezl z max-width kontejneru */
    max-width: 100% !important; 
    height: auto !important;
}

/* efekt při hoveru */
.ymc-post-layout3 .ymc-col-1:hover img {
transform: scale(1.05) !important; /* zvětšení */
filter: brightness(85%) !important; /* lehké ztmavení */
}