/* Instacash promóció (2026. október 15. – november 15.): felső infósáv, főoldali slide és a
   részletfizetési oldal leírása. Csak a promóció idején töltődik be – lásd _header.tpl ($instacash_promo). */

/* --- felső infósáv: minden oldal tetején, kattintható (a minta: gumipark-instacash-infosav.jpg) --- */
.ic-sav{display:block;background:#315e63;color:#fff;font-size:14px;line-height:1.3;text-decoration:none}
.ic-sav:hover,.ic-sav:focus{background:#2a5459;color:#fff;text-decoration:none}
.ic-sav-belso{display:flex;align-items:center;gap:24px;max-width:1750px;height:50px;margin:0 auto;padding:0 28px;box-sizing:border-box}
.ic-logo{flex:none;width:250px;font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1;color:#fff}
.ic-logo span{color:#00e3fc}
.ic-sav-szoveg{flex:1;min-width:0}
.ic-sav-szoveg b{font-weight:800}
.ic-sav-datum{flex:none;padding-left:24px;border-left:1px solid rgba(255,255,255,.35);font-size:13px;line-height:20px;white-space:nowrap}
@media (max-width:1200px){
	.ic-logo{width:auto}
}
@media (max-width:760px){
	.ic-sav{font-size:12px;line-height:1.25}
	.ic-sav-belso{gap:10px;padding:0 12px}
	.ic-logo{font-size:17px}
	.ic-sav-datum,.ic-sav-elotag{display:none}
}

/* --- főoldali slide (a régi részletfizetés banner helyén). A kép teljes egészében látszik (contain);
       alatta a banner háttérszínével kitöltött sáv, mert a „Keresés méret szerint” doboz ~40–55 px-re
       rálóg a slider aljára, és különben a banner alján lévő dátumot takarná. --- */
.ic-slide{width:100%;padding-bottom:48px;background:#285155;cursor:pointer}
.ic-slide-kep{width:100%;aspect-ratio:3/1;max-height:500px; /* width:100% nélkül a max-height miatt a böngésző 1500 px-re szűkítené, és nem középen állna */
	background:url(/common/images/instacash-promo/instacash-promo-c-blokk-slider-3x1-1920x640.png) center/contain no-repeat}
.ic-slide-mobil{padding-bottom:64px}
.ic-slide-mobil .ic-slide-kep{aspect-ratio:4/5;max-width:448px;max-height:none;margin:0 auto;
	background-image:url(/common/images/instacash-promo/instacash-promo-c-blokk-feed-4x5-1080x1350.png);background-size:cover}
@supports not (aspect-ratio:1/1){
	.ic-slide-kep{height:450px}
}

/* --- részletfizetési landing: a promóció leírása a banner alatt.
       Az oldal saját h2 / a / ul / p stílusait itt felülírjuk. --- */
#ic-promo{max-width:1200px;margin:30px auto 40px;padding:0 20px;color:#24343a;font-size:16px;line-height:1.55}
#ic-promo .ic-banner img{display:block;width:100%;height:auto;border-radius:12px}
#ic-promo .ic-doboz{margin-top:24px;padding:30px;border-radius:12px;background:#eef5f5}
#ic-promo .ic-cimke{display:inline-block;margin-bottom:12px;padding:4px 10px;border-radius:5px;background:#315e63;color:#fff;font-size:13px;font-weight:700;letter-spacing:.3px}
#ic-promo h2{margin:0 0 12px;color:#1f3e42;font-size:28px;font-weight:800;line-height:1.25}
#ic-promo h2 span{color:#0aa7bd}
#ic-promo h3{margin:28px 0 12px;color:#1f3e42;font-size:20px;font-weight:800}
#ic-promo p{margin:0 0 12px}
#ic-promo a{color:#0a7f90;text-decoration:underline}
#ic-promo .ic-lepesek{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:ic-lepes}
#ic-promo .ic-lepesek li{position:relative;margin:0;padding:16px 16px 16px 58px;border-radius:10px;background:#fff;counter-increment:ic-lepes}
#ic-promo .ic-lepesek li:before{content:counter(ic-lepes);position:absolute;left:16px;top:15px;width:28px;height:28px;border-radius:50%;background:#315e63;color:#fff;font-weight:800;font-size:14px;line-height:28px;text-align:center}
#ic-promo .ic-keret{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:18px 20px;border-radius:10px;background:#315e63;color:#fff}
#ic-promo .ic-keret p{margin:0}
#ic-promo .ic-gomb{flex:none;display:inline-block;padding:12px 20px;border-radius:8px;background:#00e3fc;color:#123236;font-weight:800;text-decoration:none;white-space:nowrap}
#ic-promo .ic-gomb:hover{background:#4debfd;text-decoration:none}
#ic-promo .ic-gyik{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#ic-promo .ic-gyik div{padding:16px 18px;border-radius:10px;background:#fff}
#ic-promo .ic-gyik strong{display:block;margin-bottom:6px;color:#1f3e42}
#ic-promo .ic-gyik p{margin:0}
#ic-promo .ic-feltetelek{margin:20px 0 0;font-size:14px}
@media (max-width:768px){
	#ic-promo{margin-top:20px;padding:0 12px}
	#ic-promo .ic-doboz{padding:20px 16px}
	#ic-promo h2{font-size:22px}
	#ic-promo .ic-lepesek,#ic-promo .ic-gyik{grid-template-columns:minmax(0,1fr)}
	#ic-promo .ic-keret{flex-direction:column;align-items:stretch;text-align:center}
}