/* ============================================================
   AKCII.CSS — страница «Плюшки» (/akcii/)
   Дизайн-система: Acid Grunge v1.0. Переменные — из base.css.
   ============================================================ */

/* === ШАПКА === START === */
.ak-hdr{position:sticky; top:0; left:0; right:0; z-index:50; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 16px; min-height:72px; background:rgba(13,20,32,.985); backdrop-filter:blur(10px); border-bottom:2px solid var(--cream)}
.ak-logo{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--cream)}
.ak-logo img{width:52px; height:52px; display:block}
.ak-word{font-family:'Oswald',sans-serif; font-weight:700; font-size:18px; letter-spacing:.5px; text-transform:uppercase}
.ak-word b{color:var(--lime); font-weight:700}
.ak-nav{display:flex; gap:8px; align-items:center; flex:0 0 auto}
@media(max-width:1023px){
  .ak-hdr{min-height:56px; position:static}
  .ak-nav{display:none}
  .ak-logo img{width:44px; height:44px}
}
.ak-btn-s{min-width:48px; height:44px; display:flex; align-items:center; justify-content:center; padding:0 12px; border:2px solid var(--cream); border-radius:6px; background:transparent; color:var(--cream); text-decoration:none; font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:1px; text-transform:uppercase; font-weight:700}
.ak-btn-s.is-active{background:var(--lime); color:#0D1420; border-color:var(--lime)}
.ak-btn-l{min-width:48px; height:44px; display:flex; align-items:center; justify-content:center; padding:0 12px; border:2px solid var(--lime); border-radius:6px; background:var(--lime); color:#0D1420; text-decoration:none; font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:1px; text-transform:uppercase; font-weight:700; flex-shrink:0}
/* === ШАПКА === END === */

/* === КОЛОНКА === START === */
.ak-shell{color:var(--cream); font-family:'Inter',sans-serif; padding-bottom:24px}
@media(min-width:1024px){.ak-shell{max-width:1120px; margin:0 auto}}
.ak-sec{padding:36px 16px 40px; border-bottom:1px solid rgba(232,220,196,.18); scroll-margin-top:76px}
.ak-sec:last-of-type{border-bottom:0}
.ak-sec-head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:20px; padding-bottom:12px; border-bottom:2px solid var(--lime)}
.ak-sec-head h2{font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; font-size:clamp(24px,6vw,32px); line-height:1.05; margin:0; letter-spacing:.5px}
.ak-sec-head span{font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:1.4px; text-transform:uppercase; color:rgba(232,220,196,.4)}
/* === КОЛОНКА === END === */

/* === ГЕРОЙ === START === */
.ak-hero{padding:30px 16px 28px; border-bottom:2px solid var(--cream)}
.ak-eyebrow{font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--lime)}
.ak-hero h1{font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; font-size:clamp(34px,10vw,58px); line-height:.95; margin:10px 0 0}
.ak-hero p{margin:12px 0 0; color:rgba(232,220,196,.7); max-width:44ch; font-size:16px; line-height:1.45}
/* === ГЕРОЙ === END === */

/* === БРОНЬ: ГЛАВНАЯ ПЛЮШКА === START === */
.ak-deal{display:grid; grid-template-columns:1fr; gap:18px; background:var(--lime); color:#0D1420; border-radius:8px; padding:22px 18px 24px; align-items:center}
@media(min-width:760px){.ak-deal{grid-template-columns:1.15fr .85fr; padding:28px 26px}}
.ak-deal-eyebrow{font-family:'JetBrains Mono',monospace; font-size:10.5px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; color:rgba(13,20,32,.6)}
.ak-deal h3{font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; font-size:clamp(30px,8vw,44px); line-height:.98; margin:8px 0 0}
.ak-deal p{margin:10px 0 0; font-size:15.5px; line-height:1.45; color:rgba(13,20,32,.8); max-width:42ch}
.ak-deal-cta{display:inline-flex; align-items:center; justify-content:center; margin-top:18px; height:58px; padding:0 22px; background:#0D1420; color:var(--lime); border:2px solid #0D1420; border-radius:6px; text-decoration:none; font-family:'JetBrains Mono',monospace; font-size:13px; letter-spacing:1.5px; text-transform:uppercase; font-weight:700}
.ak-calc{background:#0D1420; border-radius:8px; padding:16px 18px; display:flex; flex-direction:column; gap:10px}
.ak-calc-row{display:flex; align-items:baseline; justify-content:space-between; gap:12px; font-variant-numeric:tabular-nums}
.ak-calc-k{font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:1.3px; text-transform:uppercase; color:rgba(232,220,196,.4)}
.ak-calc-v{font-family:'Oswald',sans-serif; font-weight:700; font-size:22px; color:var(--cream)}
.ak-calc-row.tot{border-top:1px solid rgba(232,220,196,.25); padding-top:10px}
.ak-calc-row.tot .ak-calc-k{color:var(--lime)}
.ak-calc-row.tot .ak-calc-v{color:var(--lime); font-size:28px}
.ak-fine{margin:12px 0 0; font-size:13px; line-height:1.45; color:rgba(232,220,196,.5)}
/* === БРОНЬ === END === */

/* === ДНИ НЕДЕЛИ === START === */
.ak-days{display:grid; grid-template-columns:1fr; gap:16px}
@media(min-width:700px){.ak-days{grid-template-columns:1fr 1fr}}
.ak-day{border:1.5px solid rgba(232,220,196,.18); border-radius:8px; padding:16px; background:var(--panel); display:flex; flex-direction:column; gap:8px}
.ak-day-top{display:flex; align-items:baseline; justify-content:space-between; gap:10px}
.ak-day-name{font-family:'JetBrains Mono',monospace; font-size:12.5px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:var(--cream)}
.ak-day-time{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.8px; color:rgba(232,220,196,.4); font-variant-numeric:tabular-nums; white-space:nowrap}
.ak-day h3{font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; font-size:20px; line-height:1.08; margin:0; letter-spacing:.3px}
.ak-day p{margin:0; font-size:14.5px; line-height:1.45; color:rgba(232,220,196,.68)}
.ak-dj{font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:1.3px; text-transform:uppercase; color:var(--lime)}
/* === ДНИ === END === */

/* === ПОСТОЯННЫЕ === START === */
.ak-always{display:grid; grid-template-columns:1fr; gap:16px}
@media(min-width:700px){.ak-always{grid-template-columns:repeat(3,1fr); gap:20px}}
.ak-al{border-left:2px solid var(--lime); padding:4px 0 4px 14px; display:flex; flex-direction:column; gap:7px}
.ak-al h3{font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; font-size:18px; margin:0; letter-spacing:.3px}
.ak-al p{margin:0; font-size:14px; line-height:1.45; color:rgba(232,220,196,.68)}
.ak-al a{font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:1.3px; text-transform:uppercase; color:var(--lime); text-decoration:none; border-bottom:1px solid var(--lime); align-self:flex-start; padding-bottom:2px}
/* === ПОСТОЯННЫЕ === END === */


/* === ПОДВАЛ-CTA === START === */
.ak-foot{padding:28px 16px 32px; background:var(--cream); color:#0D1420; display:flex; flex-direction:column; gap:12px; align-items:flex-start}
.ak-foot h2{font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; font-size:28px; margin:0; line-height:1}
.ak-foot p{margin:0; font-size:14.5px; color:rgba(13,20,32,.75)}
.ak-foot-row{display:flex; flex-wrap:wrap; gap:9px; margin-top:4px}
.ak-foot-row a{display:inline-flex; align-items:center; justify-content:center; height:52px; padding:0 20px; border-radius:6px; border:2px solid #0D1420; color:#0D1420; text-decoration:none; font-family:'JetBrains Mono',monospace; font-size:12.5px; letter-spacing:1.4px; text-transform:uppercase; font-weight:700}
.ak-foot-row a.solid{background:#0D1420; color:var(--cream)}
/* === ПОДВАЛ-CTA === END === */

/* === НИЖНЯЯ ПАНЕЛЬ (мобильная) === START === */
.ak-sticky{display:flex; gap:8px; padding:10px 14px calc(10px + env(safe-area-inset-bottom)); position:sticky; bottom:0; left:0; right:0; z-index:40; background:rgba(13,20,32,.94); backdrop-filter:blur(10px); border-top:2px solid var(--cream)}
.ak-sticky{align-items:center}
.ak-sticky a.pin{flex:0 0 auto; padding:0 18px}
.ak-strip{flex:1 1 auto; display:flex; gap:8px; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; -webkit-overflow-scrolling:touch; scroll-snap-type:x proximity}
.ak-strip::-webkit-scrollbar{display:none}
.ak-strip a{flex:0 0 auto!important; padding:0 16px; scroll-snap-align:start}
.ak-arw{flex:0 0 auto; display:none; width:40px; min-height:48px; align-items:center; justify-content:center; background:transparent; color:var(--cream); border:2px solid var(--cream); border-radius:6px; font-family:'Oswald',sans-serif; font-size:22px; line-height:1; font-weight:700; cursor:pointer; padding:0}
.ak-arw.on{display:flex}
@media(prefers-reduced-motion:reduce){.ak-strip{scroll-behavior:auto}}
.ak-sticky a{flex:1; min-height:48px; display:flex; align-items:center; justify-content:center; background:transparent; color:var(--cream); border:2px solid var(--cream); border-radius:6px; font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:1.4px; text-transform:uppercase; font-weight:700; text-decoration:none}
.ak-sticky a.lime{background:var(--lime); color:#0D1420; border-color:var(--lime)}
@media(min-width:1024px){.ak-sticky{display:none}}
/* === НИЖНЯЯ ПАНЕЛЬ === END === */



/* === ЧИПСЫ-ОГЛАВЛЕНИЕ === START === */
.ak-chips{position:sticky; top:0; z-index:45; display:flex; gap:8px; overflow-x:auto; padding:12px 16px; background:rgba(13,20,32,.985); backdrop-filter:blur(10px); border-bottom:1px solid rgba(232,220,196,.18); scrollbar-width:none}
@media(min-width:1024px){.ak-chips{top:72px; justify-content:center}}
.ak-chips::-webkit-scrollbar{display:none}
.ak-chip{flex:0 0 auto; display:inline-flex; align-items:center; height:38px; padding:0 14px; border:1.5px solid rgba(232,220,196,.35); border-radius:6px; color:var(--cream); text-decoration:none; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:1.2px; text-transform:uppercase; font-weight:700; white-space:nowrap}
.ak-chip.is-cur{background:var(--lime); color:#0D1420; border-color:var(--lime)}
/* === ЧИПСЫ === END === */

/* === ПОДСКАЗКА «ЛИСТАЙ ДАЛЬШЕ» === START === */
.ak-more{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:18px; padding:14px 16px; border:1.5px dashed rgba(198,219,47,.5); border-radius:8px; color:var(--lime); text-decoration:none; font-family:'JetBrains Mono',monospace; font-size:11.5px; letter-spacing:1.3px; text-transform:uppercase; font-weight:700}
.ak-more i{font-style:normal; font-size:15px; line-height:1; animation:akBob 1.8s ease-in-out infinite}
@keyframes akBob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(prefers-reduced-motion:reduce){.ak-more i{animation:none}}
/* === ПОДСКАЗКА === END === */

/* === КАРТИНКИ === START === */
.ak-day{padding:0; gap:0; overflow:hidden}
.ak-day-img{display:block; flex:none; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; background:var(--bg)}
.ak-day-body{display:flex; flex-direction:column; gap:8px; padding:18px}
.ak-al-img{display:block; flex:none; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:8px; background:var(--panel)}
.ak-al{border-left:0; padding:0; gap:10px}
.ak-al-in{border-left:2px solid var(--lime); padding:2px 0 2px 14px; display:flex; flex-direction:column; gap:7px}
/* === КАРТИНКИ === END === */

section{overflow-x:clip}
a:focus-visible,button:focus-visible{outline:2px solid var(--lime); outline-offset:2px}

/* === РИТМ: чередование фона, чтобы разделы не сливались === START === */
#vsegda{background:var(--panel)}
#vsegda .ak-al-in{border-left-color:var(--lime)}
.ak-sec + .ak-sec{border-top:0}
/* якорь секции не должен уезжать под липкие чипсы */
#bron,#nedelya,#vsegda{scroll-margin-top:64px}
/* === РИТМ === END === */

/* === КЛИКАБЕЛЬНЫЕ КАРТОЧКИ «РАБОТАЕТ ВСЕГДА» === START === */
.ak-al-shot{display:block; border-radius:8px; overflow:hidden}
.ak-al-shot:focus-visible{outline:2px solid var(--lime); outline-offset:2px}
.ak-al-h{color:inherit; text-decoration:none}
.ak-al-h:hover{color:var(--lime)}
/* === КЛИКАБЕЛЬНЫЕ КАРТОЧКИ === END === */