/* ==========================================================================
   Moebelpaket.de – sekcja „Beliebteste Kategorien” (strona główna) · v1.0
   ========================================================================== */
.mpc{letter-spacing:0;--c-navy:#162946;--c-ink:#1c2433;--c-muted:#667085;--c-line:#e6e9ef;--c-soft:#f3f5f8;--c-gold:#b09873;padding:36px 0 44px;font-family:Calibri,"Carlito",Arial,sans-serif;color:var(--c-ink)}
.mpc :where(*){box-sizing:border-box}
.mpc :where(ul,li){list-style:none;margin:0;padding:0}
.mpc :where(a){text-decoration:none}
.mpc__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 18px;margin-bottom:20px}
.mpc .mpc__title{margin:0;font-size:30px;line-height:1.15;font-weight:700;color:var(--c-ink);letter-spacing:0;text-transform:none}
.mpc .mpc__title::after{display:none}
.mpc__lead{margin:0;font-size:16px;color:var(--c-muted)}
.mpc__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mpc-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:16px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.mpc-card:hover{box-shadow:0 18px 36px -22px rgba(22,41,70,.45);transform:translateY(-2px)}
.mpc-card__media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--c-soft)}
.mpc-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.mpc-card__img--crop{transform:scale(1.2)}
.mpc-card:hover .mpc-card__img{transform:scale(1.04)}
.mpc-card:hover .mpc-card__img--crop{transform:scale(1.25)}
.mpc-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,41,70,0) 45%,rgba(22,41,70,.82) 100%)}
.mpc-card__cap{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:flex;flex-direction:column;gap:2px}
.mpc .mpc-card__t{font-size:24px;font-weight:700;line-height:1.15;color:#fff;text-shadow:0 1px 8px rgba(10,20,40,.35)}
.mpc .mpc-card__s{font-size:14.5px;color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(10,20,40,.35)}
.mpc-card__body{display:flex;flex-direction:column;gap:14px;padding:16px 18px 18px;flex:1}
.mpc-card__chips{display:flex;flex-wrap:wrap;gap:7px}
.mpc .mpc-chip{display:inline-block;padding:6px 12px;border:1px solid var(--c-line);border-radius:999px;font-size:14px;font-weight:700;color:var(--c-ink);background:#fff;transition:background .15s,color .15s,border-color .15s}
.mpc .mpc-chip:hover{background:var(--c-navy);border-color:var(--c-navy);color:#fff}
.mpc .mpc-card__all{margin-top:auto;display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:15.5px;color:var(--c-navy);align-self:flex-start;border-bottom:1.5px solid var(--c-gold);padding-bottom:1px}
.mpc-card__all svg{width:15px;height:15px;transition:transform .15s}
.mpc-card__all:hover svg{transform:translateX(3px)}
.mpc a:focus-visible{outline:2px solid var(--c-navy);outline-offset:2px;border-radius:8px}
@media (max-width:1199px){.mpc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  .mpc{padding:26px 0 30px}
  .mpc .mpc__title{font-size:24px}
  .mpc__lead{font-size:14.5px}
  .mpc__grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -15px;padding:0 15px 6px;scroll-padding-inline:15px;scrollbar-width:none}
  .mpc__grid::-webkit-scrollbar{display:none}
  .mpc-card{flex:0 0 82%;scroll-snap-align:start}
  .mpc-card:hover{transform:none}
  .mpc .mpc-card__t{font-size:21px}
}
@media (prefers-reduced-motion:reduce){.mpc *{transition:none!important}}