/* NaszeMedia.info — publiczne kategorie: stabilny, responsywny widok */
.category-page{overflow:hidden;background:#f5f7fb;padding-bottom:54px}
.category-page>.container{width:min(100% - 32px,1480px);margin-inline:auto}
.category-page .category-layout{align-items:start;grid-template-columns:minmax(0,1fr) 340px;gap:24px;margin-top:24px}
.category-page .category-panel{min-width:0;border-color:#dde5ef;border-radius:18px;box-shadow:0 10px 28px rgba(16,36,62,.055)}
.category-page .category-panel-head{align-items:center}
.category-page .category-lead{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:center}
.category-page .category-lead__image{aspect-ratio:16/10;background:#eaf0f6}
.category-page .category-lead__image img{width:100%;height:100%;object-fit:cover}
.category-page .category-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.category-page .category-card{min-width:0;align-items:center}
.category-page .category-card img{display:block;aspect-ratio:3/2}
.category-page .category-card h3{overflow-wrap:anywhere}
.category-page aside{min-width:0}

/* Reklamy na kategorii nie moga rozpychac dokumentu po utracie stylu bazowego. */
.category-page .ad-placement{max-width:100%;margin:22px auto;overflow:hidden}
.category-page .ad-placement--leaderboard,.category-page .ad-placement--premium{width:100%}
.category-page .ad-placement img,.category-page .ad-placement video,.category-page .ad-placement iframe{max-width:100%}

/* Commerce jest osadzony wewnatrz kontenera kategorii — usuwamy drugi szeroki margines. */
.category-page .commerce-zone{margin:28px 0 0;padding:0;background:transparent}
.category-page .commerce-zone>.container{width:100%;max-width:none;padding:0}
.category-page .commerce-shell{padding:22px;border-radius:18px;box-shadow:0 10px 28px rgba(16,36,62,.055)}
.category-page .commerce-head{align-items:flex-start;margin-bottom:16px}
.category-page .commerce-head h2{font-size:26px}
.category-page .commerce-head p{font-size:13px;line-height:1.55}
.category-page .commerce-card{flex-basis:calc((100% - 30px)/3)}
.category-page .commerce-card-media{aspect-ratio:16/10}
.category-page .commerce-card-body{padding:15px}
.category-page .commerce-card h3{font-size:16px}

@media(max-width:1100px){
  .category-page .category-layout{grid-template-columns:minmax(0,1fr) 300px}
  .category-page .category-lead{grid-template-columns:1fr}
  .category-page .category-lead__image{max-height:360px}
  .category-page .commerce-card{flex-basis:calc((100% - 15px)/2)}
}
@media(max-width:900px){
  .category-page>.container{width:min(100% - 24px,1480px)}
  .category-page .category-layout{grid-template-columns:1fr}
  .category-page .category-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-page aside{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:18px;align-items:start}
  .category-page aside .ad-placement{margin:0}
}
@media(max-width:680px){
  .category-page>.container{width:min(100% - 20px,1480px)}
  .category-page .category-panel{padding:18px;border-radius:15px}
  .category-page .category-panel-head{align-items:flex-start;flex-direction:column;gap:6px}
  .category-page .category-lead{gap:14px}
  .category-page .category-lead h3{font-size:23px}
  .category-page .category-list{grid-template-columns:1fr}
  .category-page .category-card{grid-template-columns:104px minmax(0,1fr)}
  .category-page aside{grid-template-columns:1fr}
  .category-page .commerce-shell{padding:16px}
  .category-page .commerce-head h2{font-size:23px}
  .category-page .commerce-card{flex-basis:86%}
}