/* ── Banner ────────────────────────────────────────────────────────── */
.mag-banner {
  padding: 20px 0 24px;
  color: #fff;
  margin-bottom: 0;
}
.mag-banner .home-banner {
  background:
    url('../../../../sites/default/files/static/magazin-bg1.png'),
    url('../../../../sites/default/files/static/mag-banner-bg2.png'),
    linear-gradient(to bottom, #0f2e95, #3071fc);
  background-repeat: no-repeat;
  background-size: contain, contain, cover;
  background-position: 0%, 100%, center;
  border-radius: 8px;
  padding: 20px 120px 20px 120px;
  position: relative;
  height: auto;
  overflow: hidden;
}
.mag-banner .page-tit {
  font-size: 2.7em;
  font-weight: 700;
  color: #fff;
  margin-top: 8%;
  text-transform: none;
  letter-spacing: normal;
}
.mag-banner .page-descr {
  font-size: 1.125em;
  color: #fff;
  line-height: 1.4;
  margin: 0;
}
.mag-banner .mag-banner-img {
  width: 55%;
  display: block;
  margin: 0 auto;
}

/* Listing wrapper */
.mag-listing { padding: 40px 0 56px; }

/* Sort bar — matches live site dropdown pattern */
.mag-sort-bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 28px;
}
.mag-sort-bar .year-dropdown {
  float: right;
  position: relative;
}
.mag-sort-bar .dropdown-title {
  margin: 0;
  font-size: 1em;
  color: #434343;
}
.mag-sort-bar .dropdown-title span {
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding-right: 25px;
}
.mag-sort-bar .dropdown-title span:after {
  content: "";
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  top: 7px;
  right: 0;
  transition: all ease 0.2s;
  transform: rotate(45deg);
}
.mag-sort-bar .year-dropdown.activedropdown .dropdown-title span:after {
  top: 10px;
  transform: rotate(225deg);
}
.mag-sort-bar .dropdown-list {
  display: none;
  margin: 0;
  list-style: none;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,.22);
  z-index: 300;
  padding: 4px 0;
  min-width: 180px;
  right: 0;
  top: calc(100% + 6px);
}
.mag-sort-bar .year-dropdown.activedropdown .dropdown-list { display: block; }
.mag-sort-option {
  padding: 10px 16px;
  font-size: .875rem;
  color: #1a3caa;
  cursor: pointer;
  transition: background .12s;
}
.mag-sort-option:hover,
.mag-sort-option.is-active { background: #f0f4ff; }

/* Grid — flexbox to prevent float-sticking at uneven card heights */
.maga-grid.mag-grid {
  transition: opacity .2s;
  display: block;
}
.maga-grid .row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

/* Card */
.mag-card {
  text-decoration: none;
  color: inherit;
  display: block;
  background: #f2f2f2;
  padding: 16px;
  margin-bottom: 30px;
  border-radius: 0;

}
.mag-card__cover {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  box-shadow: none;
  border-radius: 0;
  position: relative;
}
.mag-card__cover img {
  width: 100%;
  height: 460px;
  object-fit: cover;
  object-position: top center;
  display: block;
  border-radius: 0;
  margin: 0;
  transition: transform .3s ease;
}
.mag-card:hover .mag-card__cover img { transform: scale(1.03); }
.mag-card__cover-placeholder { width: 100%; height: 460px; background: #dde3f0; }
.mag-card__title {
  font-size: 18px;
    font-weight: 600;
    color: #111;
    margin: 0 0 5px;
    line-height: 1.4;
    text-transform: none;
    min-height: 50px;
    display: flex;
    align-items: center;
}
.mag-card__date {
  font-size: .8rem;
  color: #888;
  margin: 0;
  display: block;
}

/* Loading state */
.mag-grid--loading { opacity: 0.35; pointer-events: none; }

/* ── Responsive ────────────────────────────────────────────────────── */
@media only screen and (max-width: 1500px) {
  .mag-card__cover img,
  .mag-card__cover-placeholder { height: 380px; }
}
@media only screen and (max-width: 1025px) {
  .mag-banner .home-banner { padding: 20px 40px; }
  .mag-card__cover img,
  .mag-card__cover-placeholder { height: auto; }
  .mag-card__title { min-height: auto; }
  .mag-card { height: auto; }
  .maga-grid .cols-3 { width: 33.33%; }
}
@media only screen and (max-width: 992px) {
  .maga-grid .cols-3 { width: 50%; }
  .mag-banner .home-banner{padding: 20px !important;}
}
@media only screen and (max-width: 650px) {
  .mag-card__meta{padding: 18px;}
  .mag-card__date{padding: 18px 0}
  .mag-banner .home-banner { padding: 20px 20px 15px; }
  .mag-banner .page-tit { font-size: 1.6em; margin-top: 0; margin-bottom: 8px; }
  .mag-banner .page-descr { font-size: 0.95em; }
  .mag-banner .mag-banner-img { width: 50%; margin: 10px auto 0; }
  .mag-banner .cols-6.cols-sd-12.text-center { padding-top: 0; }
  .mag-card__cover img,
  .mag-card__cover-placeholder { height: auto !important; }
  .maga-grid .cols-3 { width: 100%; }
  .mag-card { height: auto; }
}