/* =========================================================
   Малевич² — страница «Акции» (v47). Подключается только в akcii.php через $pageHead.
   Только токены из style.css (:root). Классы ak-*.
   ========================================================= */
.ak-hero{padding-bottom:28px;}
.ak-lead{max-width:640px;font-size:16px;color:var(--grey);margin-top:12px;}
.ak-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.ak-nav a{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:2px solid var(--black);background:#fff;color:var(--ink);font-weight:700;font-size:14px;text-decoration:none;border-radius:var(--radius);}
.ak-nav a:hover{background:var(--yellow);}
.ak-nav a:focus-visible{outline:3px solid var(--black);outline-offset:2px;}
.ak-nav .mono{font-family:var(--font-mono);font-size:12px;background:var(--black);color:var(--yellow);padding:2px 6px;}

.ak-sec{background:var(--paper-dark);padding:56px 0;scroll-margin-top:90px;}
.ak-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center;border:2px solid var(--black);background:#fff;padding:36px;}

/* картинка с супрематической композицией: жёлтый квадрат и красная полоса за фото */
.ak-visual{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;}
.ak-visual picture{position:relative;z-index:2;display:block;width:100%;max-width:520px;}
.ak-visual img{display:block;width:100%;height:auto;}
.ak-shape{position:absolute;z-index:1;display:block;}
.ak-shape-sq{width:62%;aspect-ratio:1;background:var(--yellow);right:4%;bottom:6%;transform:rotate(6deg);}
.ak-shape-bar{height:14px;width:58%;background:var(--red);left:0;top:18%;transform:rotate(-6deg);}
.ak-sticker{position:absolute;z-index:3;left:0;bottom:4%;background:var(--black);color:var(--yellow);padding:8px 14px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;transform:rotate(-4deg);}

.ak-body h2{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(28px,4vw,44px);line-height:1.05;margin:10px 0 14px;hyphens:auto;}
.ak-body h3{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:17px;margin:22px 0 10px;}
.ak-intro{font-size:16px;line-height:1.55;max-width:60ch;margin:0;}

.ak-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:22px 0 4px;}
.ak-price-old{font-family:var(--font-display);font-weight:900;font-size:22px;color:var(--grey);font-variant-numeric:tabular-nums;}
.ak-price-new{font-family:var(--font-display);font-weight:900;font-size:clamp(40px,5vw,56px);line-height:1;color:var(--black);background:var(--yellow);padding:4px 12px;transform:rotate(-4deg);display:inline-block;font-variant-numeric:tabular-nums;}
.ak-price-note{width:100%;font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);}

.ak-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.ak-list li{position:relative;padding-left:24px;font-size:15px;line-height:1.5;}
.ak-list li::before{content:"";position:absolute;left:2px;top:.45em;width:11px;height:11px;background:var(--yellow);border:2px solid var(--black);transform:rotate(-6deg);}

.ak-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.ak-badge{font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:6px 10px;border:2px solid var(--black);background:var(--paper);}
.ak-badge:first-child{background:var(--yellow);}

/* сравнение «по отдельности / по акции» — плакатная сетка с чёрным зазором */
.ak-compare{margin-top:24px;display:grid;gap:2px;background:var(--black);border:2px solid var(--black);max-width:720px;}
.ak-compare-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;background:#fff;padding:12px 16px;font-size:15px;}
.ak-compare-row b{font-family:var(--font-display);font-weight:900;font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.ak-compare-row--sum{background:var(--paper);}
.ak-compare-row--sum b{text-decoration:line-through;color:var(--grey);}
.ak-compare-row--deal{background:var(--yellow);font-weight:700;}
.ak-compare-row--deal b{font-size:22px;}

.ak-terms{margin:0;padding-left:20px;display:grid;gap:10px;max-width:70ch;}
.ak-terms li{line-height:1.55;}

@media (max-width:860px){
  .ak-sec{padding:36px 0;}
  .ak-card{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px 16px;}
  .ak-visual{min-height:0;}
  .ak-visual picture{max-width:420px;}
  .ak-shape-bar{height:10px;}
}
@media (max-width:600px){
  .ak-sticker{font-size:12px;padding:6px 10px;}
  .ak-compare-row{padding:10px 12px;font-size:14px;}
  .ak-compare-row b{font-size:16px;}
  .ak-compare-row--deal b{font-size:19px;}
}
.ak-body h2 em{font-style:normal;background:var(--yellow);padding:0 .12em;}   /* как .sec-head h2 em */