.logo{background:url(https://singielek.pl/ow_userfiles/themes/theme_image_5.png)}
a.leftlogo ,.ow_logo_img ,.ow.base_sign_in .ow_sign_in_wrap h2{background-image:url(https://singielek.pl/ow_userfiles/themes/theme_image_6.png)}
a.google_app_logo {
    display: none !important;
}

a.apple_app_logo {
    display: none !important;
}

div#mc_embed_signup { display: none ! important ;}

/* 1. Usunięcie sztywnego "display: block" dla wszystkich stanów */
/* Pozwalamy wtyczce na sterowanie widocznością, ale przejmujemy pozycję */
body .smileys_panel.smileys_tooltip_top_right {
    position: fixed !important;
    top: 40% !important; 
    left: 20% !important;
    transform: none !important;
    z-index: 99999999 !important;
    
    /* Zamiast wymuszać "display: block", pozwalamy na to, co ustawi JS */
    /* Ale dbamy o to, by przy "display: none" okno znikało */
}

/* 2. Naprawa znikania: Jeśli JS ustawi display: none, my to szanujemy */
/* Ale jeśli JS zapomni o tym, wymuszamy czystość */
body .smileys_panel[style*="display: none"] {
    display: none !important;
}

/* 3. Zabezpieczenie przed "przyklejeniem" */
/* Jeśli wtyczka nadaje klasę, która powinna ukryć okno, nasze !important tego nie zablokuje */
body .smileys_panel:not([style*="display: block"]) {
    display: none !important;
}

/* Klasa kontenera */
.photo_preview_image {
    padding: 5px;
    width: 100% !important; /* Zmieniamy ze sztywnych 510px na 100% szerokości rodzica */
    max-width: 510px;       /* Maksymalna szerokość dla komputerów */
    margin: 0 auto;         /* Wyśrodkowanie na stronie */
    box-sizing: border-box; /* Ważne, aby padding nie powiększał szerokości */
}

/* Klasa samego zdjęcia */
.photo_preview_image img {
    display: block;         /* Usuwa drobne odstępy pod zdjęciem */
    width: 100% !important; /* Zdjęcie wypełnia kontener */
    max-width: 100% !important; /* Nigdy nie wyjdzie poza ekran */
    height: auto !important;    /* Zachowuje proporcje przy zmianie szerokości */
}