/* Csomagajánlatok és Akciós termékek oldal – Bolt arculat (a kategoria.css .kt alapjaira épül) */
.cs h1,.cs h2,.cs h3,.ak h1,.ak h2,.ak h3{font-family:inherit}
.cs-morzsa{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;font-size:13px;color:var(--kt-mut)}
.cs-morzsa a{color:var(--kt-mut)}
.cs-morzsa a:hover{color:var(--kt-red)}
.cs-morzsa [aria-current]{color:var(--kt-ink);font-weight:500}
.cs-db{margin:0 0 12px;font-size:14px;color:var(--kt-txt)}
.cs-db strong{color:var(--kt-ink)}
.cs-ures__gombok{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}
.cs-ures__gombok .kt-gomb,.cs-ures__gombok .kt-segit__gomb{margin-top:0;height:48px}

/* ---------- Csomagok: fejléc ---------- */
.cs-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;margin-bottom:24px;padding:32px;background:#fff;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.cs-hero--egy{grid-template-columns:minmax(0,1fr)}
.cs-hero__bal{display:flex;flex-direction:column;gap:12px;min-width:0}
.cs-cimke{align-self:flex-start;padding:5px 12px;border-radius:50px;background:var(--kt-tint);color:var(--kt-red);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.kt .cs-cim{margin:0;font-size:32px;line-height:1.25;font-weight:700;color:var(--kt-ink)}
.cs-bevezeto{margin-top:0}
.cs-bevezeto.is-csukott .kt-bevezeto__szoveg::after{background:linear-gradient(rgba(255,255,255,0),#fff)}
.cs-statok{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.cs-statok li{display:inline-flex;align-items:center;gap:8px;height:40px;margin:0;padding:0 14px;border-radius:50px;background:var(--kt-bg);font-size:14px;font-weight:600;color:var(--kt-ink)}
.cs-statok .ti{font-size:18px;color:var(--kt-act)}
.cs-lepesek{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:12px;background:var(--kt-tint)}
.kt .cs-lepesek__cim{margin:0;font-size:16px;line-height:1.4;font-weight:600;color:var(--kt-ink)}
.cs-lepesek ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cs-lepesek li{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:14px;line-height:1.5;color:var(--kt-txt)}
.cs-lepesek li strong{color:var(--kt-ink)}
.cs-lepesek__szam{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--kt-act);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.cs-szuro{margin-bottom:20px}

/* ---------- Csomagkártya ---------- */
.cs-racs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cs-racs__elem{display:flex;min-width:0;margin:0}
.cs-kartya{width:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--kt-line);border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.06);overflow:hidden}
.cs-kartya.is-kiemelt{border:2px solid var(--kt-act)}
.cs-kartya__fej{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px 0}
.cs-kartya__kat{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--kt-red)}
.cs-kartya__cimkek{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.cs-badge{padding:4px 10px;border-radius:50px;background:var(--kt-red);color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
.cs-badge--sotet{background:var(--kt-ink);font-weight:600}
.cs-kartya__termekek{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:start;gap:8px;padding:14px 18px}
.cs-termek{display:flex;flex-direction:column;gap:8px;min-width:0}
.cs-termek__kep{display:block;aspect-ratio:1/1;border-radius:10px;background:#f5f5f5;overflow:hidden}
.cs-termek__kep img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.cs-termek__nev{margin:0;font-size:15px;line-height:1.4;font-weight:600}
.cs-termek__nev a{color:var(--kt-ink)}
.cs-termek__nev a:hover{color:var(--kt-red)}
.cs-plusz{margin-top:70px;width:36px;height:36px;border-radius:50%;background:var(--kt-tint);color:var(--kt-act);display:flex;align-items:center;justify-content:center;font-size:20px}
.cs-ar{display:flex;flex-direction:column;gap:2px;margin:0;padding:8px 10px;border-radius:10px}
.cs-ar__cimke{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.cs-ar strong{font-size:20px;line-height:1.25;white-space:nowrap}
.cs-ar--normal{background:var(--kt-bg);border:1px solid var(--kt-line)}
.cs-ar--normal .cs-ar__cimke{color:var(--kt-mut)}
.cs-ar--normal strong{font-weight:700;color:var(--kt-ink)}
.cs-ar--csomag{background:var(--kt-tint);border:1px solid #fecaca}
.cs-ar--csomag .cs-ar__cimke{color:var(--kt-red)}
.cs-ar__sor{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 8px}
.cs-ar__sor:last-child{justify-content:flex-start}
.cs-ar__chip{padding:1px 8px;border-radius:50px;background:var(--kt-red);color:#fff;font-size:11px;font-weight:700;white-space:nowrap}
.cs-ar--csomag strong{font-size:22px;font-weight:800;color:var(--kt-act)}
.cs-ar del{font-size:14px;color:var(--kt-mut);white-space:nowrap}
.cs-kartya__lab{margin-top:auto;display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--kt-tint);border-top:2px dashed #fecaca}
.cs-kartya__arak{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;gap:12px}
.cs-osszeg{display:flex;flex-direction:column;justify-content:center;gap:2px;margin:0}
.cs-osszeg__cimke{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kt-red)}
.cs-osszeg strong{font-size:34px;line-height:1.1;font-weight:800;color:var(--kt-act);white-space:nowrap}
.cs-osszeg__kulon{font-size:14px;color:var(--kt-mut)}
.cs-sparol{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:132px;margin:0;padding:10px 16px;border-radius:12px;background:var(--kt-ink);color:#fff;text-align:center}
.cs-sparol > span:first-child{font-size:12px;font-weight:500;color:#e0e0e0}
.cs-sparol strong{font-size:22px;line-height:1.2;font-weight:800;white-space:nowrap}
.cs-sparol__pct{padding:2px 10px;border-radius:50px;background:var(--kt-red);font-size:12px;font-weight:700}
.kt .cs-gomb{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:8px 22px;border:0;border-radius:50px;background:var(--kt-act);box-shadow:0 6px 16px rgba(204,45,60,.28);color:#fff;font-family:inherit;font-size:16px;font-weight:700;line-height:1.3;cursor:pointer;transition:background .2s}
.kt .cs-gomb:hover,.kt .cs-gomb:focus{background:var(--kt-act-h);color:#fff}
.kt .cs-gomb.is-tolt{opacity:.7;pointer-events:none}
.kt a.cs-gomb.is-kosarban{background:#f0fdf4;border:1px solid #bbf7d0;box-shadow:none;color:#166534}
.cs-uzenet{margin:-4px 0 0;font-size:13px;font-weight:500;text-align:center;color:#166534}
.cs-uzenet.is-hiba{color:var(--kt-red)}

/* Akció sáv */
.cs-sav{margin-top:40px;padding:24px 28px;border-radius:14px;background:var(--kt-ink);color:#fff;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.kt .cs-sav__cim{margin:0;font-size:20px;line-height:1.4;font-weight:600;color:#fff}
.cs-sav__szoveg{margin:4px 0 0;font-size:14px;line-height:1.6;color:#e0e0e0}
.cs-sav__gomb{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:50px;background:var(--kt-act);color:#fff !important;font-size:15px;font-weight:700}
.cs-sav__gomb:hover{background:var(--kt-act-h)}
.cs-bizalom{margin:40px 0 0}
.cs .kt-gyik,.ak .kt-gyik{margin-top:40px}

/* ---------- Akciós oldal ---------- */
.ak-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:center;margin-bottom:24px;padding:32px;border-radius:14px;background:var(--kt-ink);color:#fff}
.ak-hero--egy{grid-template-columns:minmax(0,1fr)}
.ak-hero__bal{display:flex;flex-direction:column;gap:10px;min-width:0}
.ak-kampany{align-self:flex-start;padding:5px 12px;border-radius:50px;background:var(--kt-red);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.kt .ak-cim{margin:0;font-size:34px;line-height:1.2;font-weight:700;color:#fff}
.ak-bevezeto{font-size:15px;line-height:1.7;color:#e0e0e0}
.ak-bevezeto > *{margin:0 0 8px}
.ak-bevezeto > :last-child{margin-bottom:0}
.ak-bevezeto h2,.ak-bevezeto h3{margin:12px 0 6px;font-size:18px;line-height:1.4;color:#fff}
.ak-bevezeto a{color:#fff;text-decoration:underline}
.ak-szaml{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:12px;background:#333}
.ak-szaml__cim{margin:0;font-size:13px;font-weight:600;color:#e0e0e0}
.ak-szaml__dobozok{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ak-szaml__dobozok span{display:flex;flex-direction:column;align-items:center;padding:10px 6px;border-radius:10px;background:#fff;color:var(--kt-mut);font-size:12px}
.ak-szaml__dobozok strong{font-size:26px;line-height:1.1;color:var(--kt-ink)}
.ak-eszkoz{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:14px 16px;background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.ak-eszkoz__szurok{flex:1;min-width:0}
.kt .ak-chip--csomag{border:1px dashed var(--kt-act);background:var(--kt-tint);color:var(--kt-red);font-weight:600}
.ak-eszkoz .kt-rendez{margin:0}
/* A kártya ár alatti sora (Modul kártya, „modul_bolt_kartya_ar_alatt”) */
.ak-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px}
.ak-info__megt{padding:2px 8px;border-radius:50px;background:#f0fdf4;color:#166534;font-size:12px;font-weight:700;white-space:nowrap}
.ak-info__minusz{display:none}
.ak-info__vege{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--kt-mut)}
.ak-info__vege.is-surgos{color:var(--kt-red)}
.ak-info__keszlet{padding:2px 8px;border-radius:50px;background:var(--kt-ink);color:#fff;font-size:11px;font-weight:600}
/* Üres állapot */
.ak-ures{padding:48px 24px;background:#fff;border-radius:14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.ak-ures__ikon{width:64px;height:64px;border-radius:50%;background:var(--kt-tint);color:var(--kt-act);display:flex;align-items:center;justify-content:center;font-size:30px}
.kt .ak-ures__cim{margin:0;font-size:22px;font-weight:600;color:var(--kt-ink)}
.ak-ures__szoveg{margin:0;max-width:520px;font-size:15px;line-height:1.7;color:var(--kt-mut)}
/* Csomag-ajánló */
.ak-cs{margin-top:40px;padding:28px;border-radius:14px;background:var(--kt-tint);border:2px dashed #fecaca;display:flex;flex-direction:column;gap:16px}
.ak-cs__fej{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.kt .ak-cs__cim{margin:0;font-size:22px;line-height:1.4;font-weight:600;color:var(--kt-ink)}
.ak-cs__szoveg{margin:2px 0 0;font-size:14px;color:var(--kt-mut)}
.ak-cs__osszes{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--kt-red) !important}
.ak-cs__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ak-cs__lista li{margin:0}
.ak-cs__elem{display:flex;align-items:center;gap:12px;height:100%;padding:14px;border-radius:12px;background:#fff}
.ak-cs__kep{width:64px;height:64px;flex-shrink:0;border-radius:10px;background:#f5f5f5;overflow:hidden}
.ak-cs__kep img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.ak-cs__plusz{font-size:20px;color:var(--kt-mut)}
.ak-cs__szov{display:flex;flex-direction:column;gap:2px;min-width:0}
.kt .ak-cs__nev{margin:0;font-size:14px;line-height:1.35;font-weight:600;color:var(--kt-ink)}
.ak-cs__ar{font-size:13px;color:var(--kt-mut)}
.ak-cs__ar strong{color:var(--kt-act)}

@media (max-width:960px){
	.cs-racs{grid-template-columns:minmax(0,1fr)}
	.cs-hero,.ak-hero{grid-template-columns:minmax(0,1fr)}
	.ak-cs__lista{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
	.cs-hero{padding:18px;gap:16px}
	.kt .cs-cim,.kt .ak-cim{font-size:26px}
	.cs-lepesek{padding:12px}
	.cs-lepesek li{align-items:center;font-size:13px}
	.cs-lepesek__szam{width:24px;height:24px;font-size:12px}
	.cs-kartya__fej{padding:12px 14px 0}
	.cs-kartya__termekek{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 14px}
	.cs-termek{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:12px;row-gap:6px;align-items:center}
	.cs-termek__kep{grid-row:1 / span 2;width:76px}
	.cs-plusz{margin:0 auto;width:30px;height:30px;font-size:16px}
	.cs-ar strong{font-size:18px}
	.cs-ar--csomag strong{font-size:20px}
	.cs-kartya__lab{padding:14px}
	.cs-osszeg strong{font-size:28px}
	.cs-sparol{min-width:0;padding:8px 12px}
	.cs-sparol strong{font-size:18px}
	.kt .cs-gomb{font-size:15px;min-height:52px}
	.cs-sav{padding:18px;gap:14px}
	.cs-sav__gomb{width:100%;justify-content:center}
	.ak-hero{padding:18px;gap:14px}
	.ak-szaml{padding:12px}
	.ak-szaml__dobozok strong{font-size:20px}
	.ak-eszkoz{padding:10px 12px}
	.ak-eszkoz__szurok{flex-basis:100%}
	.ak-eszkoz__szurok .kt-jell__lista{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
	.ak-cs{padding:16px}
	.ak-cs__elem{gap:8px;padding:10px}
	.ak-cs__kep{width:48px;height:48px}
	.ak-cs__plusz{font-size:16px}
	/* Mobilon egy oszlop: a kártya minden sora (ár, megtakarítás, lejárat, készlet) kényelmesen elfér. */
	.ak .kt-racs{grid-template-columns:minmax(0,1fr);gap:14px}
	.ak .bk-card .bk-media{max-height:260px;overflow:hidden}
	/* A kártyán a megtakarítás-sor ne tolja ki a kosár gombot. */
	.ak .bk-price{min-width:0}
}