/*
 * Area "marketing": marketing, legal and awards pages. Page-specific layout only: tokens, buttons,
 * forms, panels and the shared .mk- blocks (crumbs, lead, banner, CTA, legal links) are in site.css,
 * the blog is pages/blog.css. Prefix: .mk-
 */

/* ── contact / under construction ───────────────────────────────────── */
.mk-contact { text-align: center; }
.mk-contact__logo img { margin: 0 auto 16px; height: 64px; width: auto; }
.mk-contact .form { text-align: left; }
.mk-construction { padding: clamp(24px, 5vw, 48px); display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.mk-construction p { color: #dadada; line-height: 1.7; }
.mk-construction__insta img { width: 32px; height: 32px; }

/* ── depo magazine ──────────────────────────────────────────────────── */
.mk-about { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 32px; padding: clamp(20px, 4vw, 40px); align-items: center; }
.mk-about__image { width: 100%; border-radius: var(--radius); }
.mk-about__text { display: grid; gap: 12px; line-height: 1.7; }
.mk-about__text p { margin: 0; }
@media (max-width: 767px) { .mk-about { grid-template-columns: 1fr; } }
.mk-issues { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
@media (max-width: 991px) {
    .mk-issues { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: minmax(220px, 70%); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; }
    .mk-issue { scroll-snap-align: start; }
}
.mk-issue { padding: 16px; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.mk-issue img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--radius); }
.mk-issue h3 { font-size: 15px; }

/* ── pricing ────────────────────────────────────────────────────────── */
.mk-toggle { display: flex; justify-content: center; gap: 12px; margin-bottom: 16px; }
.mk-toggle__item { padding: 10px 18px; border-radius: 999px; border: 1px solid var(--line-strong); opacity: 0.55; transition: opacity var(--trans), border-color var(--trans); }
.mk-toggle__item.is-active { opacity: 1; border-color: var(--yellow); }
.mk-toggle__item img { height: 20px; width: auto; }
.mk-billing { justify-content: center; }
.mk-billing .badge { margin-left: 6px; }
.mk-plans { display: grid; grid-template-columns: repeat(2, minmax(0, 420px)); justify-content: center; gap: 24px; }
@media (max-width: 767px) { .mk-plans { grid-template-columns: 1fr; } }
.mk-plan { position: relative; padding: 28px; display: flex; flex-direction: column; gap: 20px; }
.mk-plan--premium { border-color: rgb(255 181 0 / 0.5); }
.mk-plan__badge { position: absolute; top: 16px; right: 16px; }
.mk-plan__title { font-size: 22px; }
.mk-plan--premium .mk-plan__title { color: var(--yellow); }
.mk-plan__features { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; color: #dadada; flex: 1; }
.mk-plan__features li { padding-left: 22px; position: relative; }
.mk-plan__features li::before { content: "✓"; position: absolute; left: 0; color: var(--green); }
.mk-plan__features .mk-plan__subtitle { padding-left: 0; color: var(--muted); }
.mk-plan__features .mk-plan__subtitle::before { content: none; }
.mk-plan__footer { display: grid; gap: 6px; }
.mk-plan__footer p { margin: 0; }
.mk-plan__price { font: 600 24px/1.2 var(--font-head); }

/* ── awards landing ─────────────────────────────────────────────────── */
.mk-awards__top { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.mk-awards__brand { font: 700 22px/1 var(--font-head); letter-spacing: 0.08em; }
.mk-awards__brand em, .mk-awards__hero em { font-family: var(--font); font-weight: 300; }
.mk-awards__nav { display: flex; gap: 8px 24px; flex-wrap: wrap; font-size: 13px; letter-spacing: 0.08em; color: var(--muted); }
.mk-awards__nav a:hover { color: var(--yellow); }
.mk-awards__hero { text-align: center; padding: clamp(32px, 7vw, 80px) 0 24px; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.mk-awards__crown { width: 120px; height: auto; }
.mk-awards__subtitle { letter-spacing: 0.3em; color: var(--muted); margin: 0; }
.mk-awards__win img { width: 100%; height: auto; border-radius: var(--radius-lg); }
.mk-awards__event { padding: clamp(20px, 4vw, 40px); display: flex; flex-direction: column; align-items: center; gap: 16px; }
.mk-awards__eye { width: 64px; height: auto; }
.mk-awards__year { max-width: 280px; height: auto; }
.mk-awards__deadline { padding: clamp(20px, 4vw, 36px); display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.mk-awards__deadline p { margin: 0; }
.mk-awards__date { font: 600 26px/1.2 var(--font-head); }
.mk-awards__timer { display: flex; gap: 12px; }
.mk-awards__timer-item { display: grid; justify-items: center; min-width: 64px; padding: 10px; border-radius: var(--radius); background: var(--surface-2); }
.mk-awards__timer-item span { font: 600 26px/1 var(--font-head); color: var(--yellow); }
.mk-awards__timer-item small { color: var(--muted); font-size: 12px; margin-top: 4px; }
.mk-awards__categories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 991px) { .mk-awards__categories { grid-template-columns: 1fr; } }
.mk-awards__category { padding: clamp(20px, 4vw, 36px); display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.mk-awards__category p { margin: 0; color: #dadada; line-height: 1.7; }
.mk-awards__category-crown { width: 150px; height: auto; margin: 0 auto; }
.mk-awards__category-title { max-width: 360px; width: 100%; height: auto; margin: 0 auto; }
.mk-awards__fee img { max-width: 100%; height: auto; }
.mk-awards__banner { text-align: center; font: 600 clamp(18px, 2.4vw, 28px)/1.3 var(--font-head); color: var(--yellow); }
.mk-awards__rewards { padding: clamp(20px, 4vw, 40px); display: grid; gap: 20px; }
.mk-awards__rewards-head { display: flex; align-items: center; gap: 16px; }
.mk-awards__rewards-head .section__title { margin: 0; }
.mk-awards__reward { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 20px; align-items: center; }
@media (max-width: 640px) { .mk-awards__reward { grid-template-columns: 1fr; } }
.mk-awards__reward-card { display: grid; place-items: center; min-height: 72px; border-radius: var(--radius); border: 1px solid var(--line-strong); font-weight: 700; letter-spacing: 0.08em; }
.mk-awards__featured img { width: 100%; height: auto; border-radius: var(--radius-lg); }
.mk-awards__featured-row { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 20px; }
.mk-awards__featured-row img { max-width: 240px; height: auto; }
.mk-awards__about { padding: clamp(20px, 4vw, 40px); display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 32px; align-items: center; }
.mk-awards__about p { line-height: 1.7; }
@media (max-width: 767px) { .mk-awards__about { grid-template-columns: 1fr; } }

/* ── awards submit ──────────────────────────────────────────────────── */
.mk-submit__hero { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; max-width: 820px; margin: 0 auto; }
.mk-submit__hero .hero__lead { margin: 0 auto; }
.mk-submit__intro { padding: clamp(20px, 4vw, 40px); display: grid; gap: 10px; }
.mk-submit__intro p { margin: 0; color: #dadada; }
.mk-submit__intro .section__title { color: var(--yellow); margin: 8px 0; }
.mk-submit__layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; margin-top: 24px; }
@media (max-width: 991px) { .mk-submit__layout { grid-template-columns: 1fr; } }
.mk-submit__form { padding: clamp(20px, 4vw, 32px); display: grid; gap: 28px; }
.mk-submit__section { display: grid; gap: 14px; }
.mk-submit__section p { margin: 0; }
.mk-submit__title { font-size: 18px; letter-spacing: 0.04em; }
.mk-submit__title em { color: var(--yellow); font-weight: 300; }
.mk-submit__aside { display: grid; gap: 16px; position: sticky; top: calc(var(--header-h) + 16px); }
.mk-submit__info { padding: 22px; }
.mk-submit__info .section__title { font-size: 16px; }
.mk-submit__info .mk-list { font-size: 14px; }
.mk-check--yellow span { color: var(--yellow); }
.mk-success-icon .icon { width: 48px; height: 48px; color: var(--green); margin: 0 auto 8px; }

.mk-upload { padding: 16px; min-height: 180px; justify-content: center; overflow: hidden; }
.mk-upload img { max-height: 320px; width: auto; max-width: 100%; border-radius: var(--radius); object-fit: contain; }
.mk-upload__empty { display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--muted); }
.mk-upload.has-error { border-color: var(--danger); }

.mk-submit__photos { padding: clamp(20px, 4vw, 32px); }
.mk-submit__photos-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.mk-mode { margin: 0; }
.mk-mode .tabs__item { cursor: pointer; }
.mk-slots { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1199px) { .mk-slots { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: minmax(220px, 75%); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; } .mk-slot { scroll-snap-align: start; } }
.mk-slot { display: grid; gap: 10px; align-content: start; transition: opacity var(--trans); }
.mk-slot.is-disabled { opacity: 0.35; pointer-events: none; }
.mk-slot .mk-upload { min-height: 160px; padding: 10px; }
.mk-categories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; }
@media (max-width: 640px) { .mk-categories { grid-template-columns: 1fr; } }
.mk-billing-options { display: grid; gap: 10px; }
.mk-billing-option { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 16px; border-radius: var(--radius); border: 1px solid var(--line-strong); }
.mk-billing-option p { margin: 0; }
.mk-billing-option__price { display: inline-flex; align-items: center; gap: 8px; font: 600 22px/1 var(--font-head); color: var(--yellow); }