/* ==========================================================================
   TV Kikinda — Marketing page: offer, political marketing price list, ad spaces
   ========================================================================== */
.mkt__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; margin: 10px 0 0; }
.mkt__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(48px, 6vw, 80px); padding-block: clamp(36px, 5vw, 72px); }

/* What we offer */
.mkt-offer__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.mkt-offer__item {
  display: grid; gap: 10px; align-content: start; padding: 22px; border-radius: var(--r-lg);
  background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow-sm);
}
.mkt-offer__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--grad); color: #fff; }
.mkt-offer__icon .ico { width: 22px; height: 22px; }
.mkt-offer__name { font: italic 900 1.35rem/1 var(--font-display); text-transform: uppercase; }
.mkt-offer__text { color: var(--ink-2); line-height: 1.55; }

/* Political marketing: the old price-list image as a section in the brand's colours */
.pol {
  position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(28px, 4vw, 48px);
  padding: clamp(28px, 5vw, 64px); border-radius: var(--r-lg); color: #fff; box-shadow: var(--shadow-md);
  background: radial-gradient(120% 140% at 100% 0%, rgba(15, 117, 188, .55) 0%, rgba(15, 117, 188, 0) 60%), linear-gradient(110deg, var(--navy-950), var(--navy) 55%, var(--navy-mid));
}
.pol::before {
  content: ''; position: absolute; z-index: -1; top: -30%; bottom: -30%; right: 9%; width: 140px;
  background: linear-gradient(180deg, var(--orange), transparent 75%); opacity: .28; transform: skewX(var(--skew));
}
.pol::after { content: ''; position: absolute; inset: 0; z-index: -1; background: repeating-linear-gradient(-74deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 26px); }
.pol__head { display: grid; gap: 12px; max-width: 60ch; }
.pol__title { font: italic 900 clamp(2.4rem, 1.4rem + 4vw, 4.6rem)/.88 var(--font-display); text-transform: uppercase; letter-spacing: -.01em; }
.pol__lead { margin: 0; font-size: 1.12rem; line-height: 1.5; color: rgba(255, 255, 255, .82); }
.pol__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 64px); align-items: start; }
.pol__sub { margin: 0 0 14px; font: 800 .9rem/1 var(--font-display); letter-spacing: .16em; text-transform: uppercase; color: var(--orange); }
.pol__list { display: grid; margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255, 255, 255, .18); }
.pol-price {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "num label value" "num note value";
  gap: 4px 20px; align-items: center; padding-block: 20px; border-bottom: 1px solid rgba(255, 255, 255, .18);
}
.pol-price__num { grid-area: num; font: italic 900 2.6rem/.8 var(--font-display); color: transparent; -webkit-text-stroke: 1.5px rgba(255, 255, 255, .45); }
.pol-price__label { grid-area: label; font: italic 900 clamp(1.3rem, 1rem + .9vw, 1.75rem)/1 var(--font-display); text-transform: uppercase; }
.pol-price__note { grid-area: note; font-size: .92rem; color: rgba(255, 255, 255, .72); }
.pol-price__value { grid-area: value; display: grid; justify-items: end; text-align: right; }
.pol-price__value strong { font: italic 900 clamp(2.2rem, 1.4rem + 2.4vw, 3.4rem)/.9 var(--font-display); color: var(--orange); }
.pol-price__value span { font: 800 .74rem/1.2 var(--font-display); letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }
.pol__vat { margin: 14px 0 0; font-size: .88rem; color: rgba(255, 255, 255, .72); }
.pol__pdf { margin-top: 22px; }
.pol__terms { padding: clamp(20px, 2.4vw, 30px); border-radius: var(--r-lg); background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); }
.pol-terms { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.pol-terms li { display: flex; gap: 12px; align-items: flex-start; line-height: 1.55; color: rgba(255, 255, 255, .9); }
.pol-terms .ico { flex: none; margin-top: .25em; color: var(--orange); stroke-width: 3; }

/* Ad spaces (table from the tvk-oglasi plugin) */
.mkt-ads .pricing { padding: clamp(14px, 2vw, 26px); border-radius: var(--r-lg); background: var(--surface); border: 1px solid var(--line); }

@media (max-width: 1100px) {
  .mkt-offer__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pol__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .mkt-offer__list { grid-template-columns: minmax(0, 1fr); }
  .pol-price { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "num label" "num value" "num note"; gap: 8px 16px; }
  .pol-price__value { justify-items: start; text-align: left; grid-auto-flow: column; align-items: baseline; gap: 8px; justify-content: start; }
}