/* PoklonMania - egyedi frontend stílusok (frontend + CKEditor admin) */

/* ---------- Főoldal: Kategorije szekció (.pm-cats) ---------- */
.pm-cats{--pm-pink:#eb0c57;--pm-navy:#003d61;padding:40px 0 16px}
.pm-cats .pm-cats__head{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 0 28px}
.pm-cats .pm-cats__eyebrow{display:block;margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pm-pink)}
.pm-cats .pm-cats__title{margin:0;padding:0;font-size:clamp(26px,3vw,38px);font-weight:700;line-height:1.15;color:var(--pm-navy)}
.pm-cats .pm-cats__title:after{content:"";display:block;width:56px;height:4px;background:var(--pm-pink);margin:14px auto 0}
.pm-cats .pm-cats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(190px,15vw,270px);grid-auto-flow:dense;gap:18px;margin:0;padding:0}
.pm-cats a.pm-cat{position:relative;display:block;overflow:hidden;border-radius:0;background:#eef1f4;color:#fff !important;text-decoration:none !important;isolation:isolate;box-shadow:0 1px 2px rgba(0,61,97,.06),0 10px 28px -14px rgba(0,61,97,.35);transition:box-shadow .35s ease,transform .35s ease}
.pm-cats .pm-cat--feature{grid-column:span 2;grid-row:span 2}
.pm-cats .pm-cat--tall{grid-row:span 2}
.pm-cats .pm-cat--wide{grid-column:span 2}
.pm-cats .pm-cat--full{grid-column:1/-1}
.pm-cats .pm-cat img{position:absolute;inset:0;width:100% !important;height:100% !important;max-width:none;margin:0;object-fit:cover;z-index:-2;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.pm-cats .pm-cat--kuhinja img{object-position:50% 20%}
.pm-cats .pm-cat--solje-i-termosi img{object-position:50% 45%}
.pm-cats .pm-cat--kacketi img{object-position:50% 30%}
.pm-cats .pm-cat:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(0,30,48,.85) 0%,rgba(0,30,48,.4) 35%,rgba(0,30,48,0) 62%)}
.pm-cats .pm-cat__body{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:20px 22px}
.pm-cats .pm-cat__text{display:block;min-width:0}
.pm-cats .pm-cat__name{display:block;font-size:clamp(17px,1.35vw,22px);font-weight:600;line-height:1.2;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.3)}
.pm-cats .pm-cat--feature .pm-cat__name{font-size:clamp(22px,2.2vw,32px)}
.pm-cats .pm-cat__sub{display:block;margin-top:4px;font-size:13px;font-weight:500;color:rgba(255,255,255,.85)}
.pm-cats .pm-cat__go{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--pm-pink);font-size:20px;font-weight:600;line-height:1;transition:background .3s,color .3s,transform .3s}
.pm-cats a.pm-cat:hover{box-shadow:0 2px 4px rgba(0,61,97,.08),0 22px 40px -18px rgba(0,61,97,.5);transform:translateY(-3px)}
.pm-cats a.pm-cat:hover img{transform:scale(1.06)}
.pm-cats a.pm-cat:hover .pm-cat__go{background:var(--pm-pink);color:#fff;transform:translateX(3px)}
.pm-cats a.pm-cat:focus-visible{outline:3px solid var(--pm-pink);outline-offset:3px}
@media (max-width:1100px){
.pm-cats .pm-cats__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(160px,28vw,260px);gap:14px}
.pm-cats .pm-cat--full{grid-column:span 2}
}
@media (max-width:600px){
.pm-cats{padding:28px 0 8px}
.pm-cats .pm-cats__head{margin-bottom:20px}
.pm-cats .pm-cats__grid{grid-auto-rows:150px;gap:10px}
.pm-cats .pm-cat__body{padding:12px 14px;gap:8px}
.pm-cats .pm-cat__name{font-size:15px}
.pm-cats .pm-cat--feature .pm-cat__name{font-size:20px}
.pm-cats .pm-cat__sub{display:none}
.pm-cats .pm-cat--feature .pm-cat__sub{display:block}
.pm-cats .pm-cat__go{width:30px;height:30px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){
.pm-cats a.pm-cat,.pm-cats .pm-cat img,.pm-cats .pm-cat__go{transition:none}
.pm-cats a.pm-cat:hover{transform:none}
.pm-cats a.pm-cat:hover img{transform:none}
}