/*
Theme Name: АРТУРЫ4
Theme URI: https://artyri4.tv/
Author: АРТУРЫ4
Description: Чистая тема АРТУРЫ4 v2.
Version: 4.0.0
Text Domain: artyri4
*/

*{box-sizing:border-box}
html{background:#071018}
body{margin:0;background:#071018;color:#eaf3f8;font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input{font:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== HEADER V2 — one clean implementation ===== */
.a4-v2-header{position:relative;z-index:50;background:linear-gradient(135deg,#06111a 0%,#091925 52%,#06111a 100%);border-bottom:1px solid rgba(38,164,220,.48);box-shadow:0 7px 22px rgba(0,0,0,.24)}
.a4-v2-header:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 18%,rgba(30,151,205,.055) 18.1% 18.5%,transparent 18.6% 78%,rgba(30,151,205,.045) 78.1% 78.45%,transparent 78.55%)}
.a4-v2-header-inner{position:relative;max-width:1240px;min-height:112px;margin:0 auto;padding:14px 20px;display:grid;grid-template-columns:auto 1px minmax(390px,1fr) 1px auto;align-items:center;gap:22px}
.a4-v2-separator{width:1px;height:54px;background:linear-gradient(transparent,#25a9df 25%,#25a9df 75%,transparent);opacity:.75}
.a4-v2-brand{display:flex;flex-direction:column;justify-content:center;min-width:270px}
.a4-v2-logo{display:block;color:#fff;font-size:42px;font-weight:900;line-height:.95;letter-spacing:-2px;white-space:nowrap}
.a4-v2-logo span{color:#12aeea}
.a4-v2-tagline{margin-top:9px;color:#1db9f0;font-size:11px;font-weight:800;letter-spacing:2.1px;white-space:nowrap}

.a4-v2-socials{min-width:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 12px;border:1px solid rgba(75,178,220,.38);border-radius:14px;background:linear-gradient(135deg,rgba(24,57,76,.52),rgba(7,22,32,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 25px rgba(0,0,0,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.a4-v2-social-label{font-size:14px;font-weight:800;white-space:nowrap;color:#f2f8fb}
.a4-v2-social-buttons{display:flex;align-items:center;gap:7px;min-width:0}
.a4-v2-social-buttons a{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:1px solid rgba(78,190,235,.5);border-radius:11px;background:linear-gradient(145deg,rgba(31,73,94,.6),rgba(8,26,37,.7));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 12px rgba(0,0,0,.2);transition:.18s ease}
.a4-v2-social-buttons a:hover{transform:translateY(-1px);border-color:#35b9ee;background:linear-gradient(145deg,rgba(38,91,116,.7),rgba(9,31,44,.78))}
.a4-v2-social-buttons img{display:block;width:30px;height:30px;object-fit:contain}

.a4-v2-actions{display:flex;align-items:center;gap:8px}
.a4-v2-actions a,.a4-v2-actions button{height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;color:#f5f9fb;font-size:12px;font-weight:900;white-space:nowrap;border:1px solid rgba(52,178,230,.62);border-radius:11px;background:linear-gradient(145deg,rgba(20,55,74,.72),rgba(7,24,35,.8));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 15px rgba(0,0,0,.16);cursor:pointer;transition:.18s ease}
.a4-v2-actions a:hover,.a4-v2-actions button:hover{border-color:#3fc4f7;background:linear-gradient(145deg,rgba(29,76,101,.8),rgba(8,30,43,.88))}
.a4-v2-action-icon{font-size:20px;line-height:1;color:#cfefff}

.a4-v2-drop,.a4-v2-search{position:relative;z-index:2;border-top:1px solid rgba(45,150,194,.25);background:rgba(5,17,25,.97)}
.a4-v2-drop-inner,.a4-v2-search form{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;gap:10px}
.a4-v2-drop-inner a{padding:10px 16px;border:1px solid rgba(54,151,192,.35);border-radius:8px;background:#0b202d;font-size:13px;font-weight:700}
.a4-v2-search form{justify-content:flex-end}
.a4-v2-search input{width:min(520px,100%);height:42px;padding:0 14px;color:#fff;border:1px solid #275b74;border-radius:9px;background:#071a26;outline:none}
.a4-v2-search input:focus{border-color:#28afe6}
.a4-v2-search button{height:42px;padding:0 18px;color:#fff;font-weight:800;border:1px solid #299ed0;border-radius:9px;background:#0d3347;cursor:pointer}

/* ===== Existing content shell kept deliberately simple ===== */
.a4-container{width:min(1200px,calc(100% - 28px));margin:0 auto}
.a4-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;padding-top:22px;padding-bottom:30px}
.a4-main,.a4-sidebar{min-width:0}
.a4-card,.a4-post-card,.a4-widget{background:#0c1a24;border:1px solid #183344;border-radius:12px;padding:18px}
.a4-sidebar{display:flex;flex-direction:column;gap:16px}
article{max-width:100%}
.entry-content{line-height:1.7;color:#d9e4ea}
.entry-content a{color:#32b9ed}

@media(max-width:1024px){
  .a4-v2-header-inner{min-height:0;padding:12px 14px;grid-template-columns:1fr;gap:8px}
  .a4-v2-separator{display:none}
  .a4-v2-brand{min-width:0;align-items:center;padding:5px 0 8px}
  .a4-v2-logo{font-size:40px}
  .a4-v2-tagline{margin-top:7px;font-size:10px;letter-spacing:1.8px}
  .a4-v2-socials{width:100%;justify-content:center;min-height:56px;padding:7px 10px;border-radius:12px}
  .a4-v2-social-buttons{gap:8px}
  .a4-v2-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
  .a4-v2-actions a,.a4-v2-actions button{width:100%;height:46px}
  .a4-layout{grid-template-columns:1fr}
  .a4-sidebar{grid-row:auto}
}

@media(max-width:600px){
  .a4-v2-header-inner{padding:9px 8px;gap:6px}
  .a4-v2-brand{padding:4px 0 7px}
  .a4-v2-logo{font-size:35px}
  .a4-v2-tagline{font-size:8px;letter-spacing:1.45px;margin-top:6px}
  .a4-v2-socials{display:grid;grid-template-columns:minmax(96px,1fr) auto;gap:6px;padding:6px 7px;min-height:52px;border-radius:10px}
  .a4-v2-social-label{font-size:12px}
  .a4-v2-social-buttons{gap:4px}
  .a4-v2-social-buttons a{width:34px;height:34px;flex-basis:34px;border-radius:9px}
  .a4-v2-social-buttons img{width:26px;height:26px}
  .a4-v2-actions{gap:6px}
  .a4-v2-actions a,.a4-v2-actions button{height:44px;padding:0 7px;font-size:11px;border-radius:9px;gap:5px}
  .a4-v2-action-icon{font-size:17px}
  .a4-v2-drop-inner{flex-direction:column;padding:9px 8px}
  .a4-v2-search form{padding:9px 8px}
  .a4-container{width:calc(100% - 16px)}
  .a4-layout{gap:14px;padding-top:14px}
}


/* ===== v2.1.0 — approved header refinement ===== */
.a4-v2-logo{
  font-family:Impact,"Arial Black","Arial Narrow",Arial,sans-serif;
  font-weight:900;
  letter-spacing:.6px;
  transform:scaleX(1.04);
  transform-origin:left center;
  text-shadow:0 2px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.28);
}
.a4-v2-brand-line{
  width:100%;
  height:9px;
  margin:5px 0 1px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.a4-v2-brand-line:before,
.a4-v2-brand-line:after{
  content:"";
  height:1px;
  flex:1;
  background:linear-gradient(90deg,transparent,#1fb7ef);
  box-shadow:0 0 7px rgba(31,183,239,.38);
}
.a4-v2-brand-line:after{transform:scaleX(-1)}
.a4-v2-brand-line i{
  width:7px;height:7px;flex:0 0 7px;
  margin:0 5px;
  border:1px solid #62d5ff;
  background:#12aeea;
  transform:rotate(45deg);
  box-shadow:0 0 8px rgba(18,174,234,.65);
}
.a4-v2-tagline{margin-top:3px}

/* VK uses a clean SVG and the wrapper clips every icon cleanly. */
.a4-v2-social-buttons a{overflow:hidden}
.a4-v2-social-buttons img{border-radius:7px}

/* Expanded menu: a new full-width row below the header on desktop. */
.a4-v2-drop{
  position:relative;
  z-index:2;
  border-top:1px solid rgba(41,161,211,.45);
  border-bottom:1px solid rgba(41,161,211,.42);
  background:linear-gradient(180deg,rgba(7,25,37,.98),rgba(5,17,26,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 22px rgba(0,0,0,.22);
}
.a4-v2-menu-grid{
  width:min(1500px,calc(100% - 20px));
  margin:0 auto;
  padding:9px 0;
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:7px;
}
.a4-v2-menu-item{
  min-width:0;
  height:62px;
  padding:6px 7px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#f2f8fb;
  text-align:center;
  font-size:11px;
  line-height:1.15;
  font-weight:800;
  border:1px solid rgba(47,175,226,.55);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(16,53,72,.76),rgba(6,24,35,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 12px rgba(0,0,0,.14);
  transition:.16s ease;
}
.a4-v2-menu-item:hover{
  border-color:#3dc7fa;
  background:linear-gradient(145deg,rgba(23,73,97,.82),rgba(7,31,44,.92));
  transform:translateY(-1px);
}
.a4-v2-menu-icon{
  flex:0 0 auto;
  color:#9cddfa;
  font-size:21px;
  line-height:1;
  text-shadow:0 0 8px rgba(37,174,231,.28);
}

/* Active state of the MENU button while the row is open. */
.a4-v2-menu-button[aria-expanded="true"]{
  border-color:#45c8fa;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 14px rgba(28,169,224,.18);
}

@media(max-width:1024px){
  .a4-v2-logo{transform:none;transform-origin:center}
  .a4-v2-brand-line{width:min(360px,78%);margin:4px auto 0}
  .a4-v2-tagline{margin-top:2px}
  .a4-v2-menu-grid{
    width:calc(100% - 20px);
    padding:10px 0;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .a4-v2-menu-item{
    height:70px;
    padding:7px 8px;
    font-size:12px;
    flex-direction:column;
    gap:5px;
  }
  .a4-v2-menu-icon{font-size:23px}
}

@media(max-width:600px){
  .a4-v2-brand-line{width:min(300px,82%);height:7px;margin-top:3px}
  .a4-v2-brand-line i{width:6px;height:6px;flex-basis:6px}
  .a4-v2-menu-grid{
    width:calc(100% - 12px);
    padding:7px 0;
    gap:5px;
  }
  .a4-v2-menu-item{
    height:66px;
    padding:5px 4px;
    border-radius:8px;
    font-size:10px;
    line-height:1.1;
    gap:4px;
  }
  .a4-v2-menu-icon{font-size:20px}
}


/* ===== v2.1.1 — DESKTOP HEADER WIDTH FIX =====
   Mobile design remains unchanged.
   Desktop is used only when there is genuinely enough room.
*/
@media (min-width:1181px){
  .a4-v2-header-inner{
    width:calc(100% - 32px);
    max-width:1500px;
    min-height:112px;
    padding:14px 0;
    grid-template-columns:300px 1px minmax(410px,1fr) 1px auto;
    gap:20px;
  }

  .a4-v2-brand{
    width:300px;
    min-width:300px;
  }

  .a4-v2-logo{
    font-size:46px;
    transform:none;
    transform-origin:left center;
  }

  .a4-v2-brand-line{
    width:270px;
  }

  .a4-v2-socials{
    width:100%;
    min-width:410px;
    padding-left:14px;
    padding-right:14px;
  }

  .a4-v2-actions{
    min-width:350px;
  }

  .a4-v2-actions a,
  .a4-v2-actions button{
    min-width:0;
  }
}

/* At compact desktop widths use the already approved stacked/tablet header,
   instead of forcing the desktop row outside the viewport. */
@media (min-width:1025px) and (max-width:1180px){
  .a4-v2-header-inner{
    min-height:0;
    padding:12px 14px;
    grid-template-columns:1fr;
    gap:8px;
  }
  .a4-v2-separator{display:none}
  .a4-v2-brand{min-width:0;align-items:center;padding:5px 0 8px}
  .a4-v2-logo{font-size:40px;transform:none;transform-origin:center}
  .a4-v2-brand-line{width:min(360px,78%);margin:4px auto 0}
  .a4-v2-tagline{margin-top:2px;font-size:10px;letter-spacing:1.8px}
  .a4-v2-socials{width:100%;min-width:0;justify-content:center;min-height:56px;padding:7px 10px;border-radius:12px}
  .a4-v2-social-buttons{gap:8px}
  .a4-v2-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;min-width:0}
  .a4-v2-actions a,.a4-v2-actions button{width:100%;height:46px}
  .a4-v2-menu-grid{
    width:calc(100% - 20px);
    padding:10px 0;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .a4-v2-menu-item{
    height:70px;
    padding:7px 8px;
    font-size:12px;
    flex-direction:column;
    gap:5px;
  }
  .a4-v2-menu-icon{font-size:23px}
}


/* =========================================================
   v2.2.0 — FINAL HEADER COMPACT PASS
   Approved design/functionality locked.
   Only excessive vertical whitespace is removed.
   ========================================================= */

/* Desktop */
@media (min-width:1181px){
  .a4-v2-header-inner{
    min-height:88px!important;
    padding:8px 0!important;
    gap:16px!important;
  }

  .a4-v2-brand{
    padding-top:0!important;
    padding-bottom:0!important;
  }

  .a4-v2-logo{
    line-height:.92!important;
  }

  .a4-v2-brand-line{
    height:7px!important;
    margin:3px 0 0!important;
  }

  .a4-v2-tagline{
    margin-top:1px!important;
    line-height:1.1!important;
  }

  .a4-v2-socials{
    min-height:52px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }

  .a4-v2-actions{
    align-self:center!important;
  }

  .a4-v2-actions a,
  .a4-v2-actions button{
    height:50px!important;
  }

  .a4-v2-menu-grid{
    padding-top:6px!important;
    padding-bottom:6px!important;
  }

  .a4-v2-menu-item{
    height:54px!important;
  }
}

/* Compact desktop / tablet */
@media (min-width:601px) and (max-width:1180px){
  .a4-v2-header-inner{
    padding-top:7px!important;
    padding-bottom:7px!important;
    gap:5px!important;
  }

  .a4-v2-brand{
    padding-top:1px!important;
    padding-bottom:3px!important;
  }

  .a4-v2-logo{line-height:.94!important}

  .a4-v2-brand-line{
    height:6px!important;
    margin-top:2px!important;
  }

  .a4-v2-tagline{
    margin-top:0!important;
    line-height:1.05!important;
  }

  .a4-v2-socials{
    min-height:50px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }

  .a4-v2-actions a,
  .a4-v2-actions button{
    height:44px!important;
  }

  .a4-v2-menu-grid{
    padding-top:7px!important;
    padding-bottom:7px!important;
    gap:6px!important;
  }

  .a4-v2-menu-item{
    height:62px!important;
  }
}

/* Phone — preserve the approved layout, just remove dead vertical space */
@media (max-width:600px){
  .a4-v2-header-inner{
    padding-top:6px!important;
    padding-bottom:6px!important;
    gap:4px!important;
  }

  .a4-v2-brand{
    padding-top:0!important;
    padding-bottom:2px!important;
  }

  .a4-v2-logo{line-height:.94!important}

  .a4-v2-brand-line{
    height:5px!important;
    margin-top:2px!important;
    margin-bottom:0!important;
  }

  .a4-v2-tagline{
    margin-top:0!important;
    line-height:1.05!important;
  }

  .a4-v2-socials{
    min-height:46px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }

  .a4-v2-actions{
    gap:5px!important;
  }

  .a4-v2-actions a,
  .a4-v2-actions button{
    height:42px!important;
  }

  .a4-v2-menu-grid{
    padding-top:5px!important;
    padding-bottom:5px!important;
    gap:4px!important;
  }

  .a4-v2-menu-item{
    height:60px!important;
  }
}


/* =========================================================
   v2.2.1 — HEADER LOCK
   1) Desktop: restore safe left/right inner gutters.
   2) Tablet/mobile: add only a tiny top breathing space.
   ========================================================= */

/* Desktop: keep the whole header safely inside the site width */
@media (min-width:1181px){
  .a4-v2-header-inner{
    width:calc(100% - 48px)!important;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  .a4-v2-brand{
    min-width:0!important;
    width:286px!important;
  }

  .a4-v2-socials{
    min-width:0!important;
  }

  .a4-v2-actions{
    min-width:330px!important;
  }

  .a4-v2-menu-grid{
    width:calc(100% - 48px)!important;
    max-width:1440px!important;
  }
}

/* Tablet: tiny top inset, nothing else */
@media (min-width:601px) and (max-width:1180px){
  .a4-v2-header-inner{
    padding-top:10px!important;
  }
}

/* Phone: tiny top inset, nothing else */
@media (max-width:600px){
  .a4-v2-header-inner{
    padding-top:9px!important;
  }
}


/* =========================================================
   v2.2.2 — DESKTOP HEADER ALIGNMENT FIX
   Keep the approved tablet/mobile header untouched.
   ========================================================= */
@media (min-width:1181px){

  /* Same horizontal container as the page content */
  .a4-v2-header-inner{
    width:min(1200px,calc(100% - 32px))!important;
    max-width:1200px!important;
    margin:0 auto!important;
    padding:8px 0!important;
    grid-template-columns:280px 1px minmax(0,1fr) 1px 320px!important;
    column-gap:16px!important;
    box-sizing:border-box!important;
  }

  /* Desktop logo now matches the lighter proportions used on tablet/mobile */
  .a4-v2-brand{
    width:280px!important;
    min-width:0!important;
    align-items:center!important;
  }

  .a4-v2-logo{
    font-family:Arial,"Helvetica Neue",sans-serif!important;
    font-size:42px!important;
    font-weight:800!important;
    letter-spacing:-1.2px!important;
    line-height:.95!important;
    transform:none!important;
    text-shadow:none!important;
  }

  .a4-v2-brand-line{
    width:250px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .a4-v2-tagline{
    text-align:center!important;
  }

  .a4-v2-socials{
    width:100%!important;
    min-width:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
    box-sizing:border-box!important;
  }

  .a4-v2-actions{
    width:320px!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:7px!important;
  }

  .a4-v2-actions a,
  .a4-v2-actions button{
    width:100%!important;
    min-width:0!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }

  /* Open menu follows exactly the same 1200px desktop line */
  .a4-v2-menu-grid{
    width:min(1200px,calc(100% - 32px))!important;
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* =========================================================
   v2.2.3 — HEADER FINAL LOCK
   Expanded menu visual shell is constrained to site width.
   Header itself remains exactly as approved in v2.2.2.
   ========================================================= */
@media (min-width:1181px){

  /* Remove full-viewport decorative lines from the menu wrapper */
  .a4-v2-drop{
    width:min(1200px,calc(100% - 32px))!important;
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border:1px solid rgba(41,161,211,.42)!important;
    border-radius:0 0 11px 11px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* Grid lives inside that same shell; no second outside width */
  .a4-v2-menu-grid{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:6px 8px!important;
    box-sizing:border-box!important;
  }
}

/* v2.2.4 — ACTIVE MENU BUTTON; geometry unchanged */
.a4-v2-menu-button[aria-expanded="true"]{color:#fff!important;background:linear-gradient(180deg,#d82c38 0%,#a91420 100%)!important;border-color:#ff6570!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(255,70,82,.18),0 0 14px rgba(215,35,49,.28)!important;text-shadow:0 1px 1px rgba(0,0,0,.28)!important;}
.a4-v2-menu-button[aria-expanded="true"]:hover{color:#fff!important;background:linear-gradient(180deg,#e23441 0%,#b71825 100%)!important;border-color:#ff7b84!important;}


/* =========================================================
   v2.3.0 — QUICK LINKS: VIP / IPTV / ЯДиск / MEGA
   Separate homepage component. Header v2.2.4 is untouched.
   ========================================================= */
.a4-quicklinks{
  width:100%;
  margin:12px 0 16px;
  padding:7px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  box-sizing:border-box;
  background:linear-gradient(180deg,rgba(15,29,43,.96),rgba(8,17,27,.96));
  border:1px solid rgba(56,167,216,.28);
  border-radius:11px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.18);
}

.a4-quicklink{
  position:relative;
  min-width:0;
  height:46px;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:8px;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:800;
  line-height:1;
  letter-spacing:.25px;
  text-transform:none;
  box-sizing:border-box;
  transition:transform .16s ease,border-color .16s ease,filter .16s ease;
}

.a4-quicklink::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 9px currentColor;
}

.a4-quicklink:hover{
  color:#fff;
  transform:translateY(-1px);
  filter:brightness(1.10);
}

.a4-quicklink--vip{
  background:linear-gradient(180deg,#b72d79 0%,#7e1c54 100%);
  border-color:rgba(255,115,193,.55);
}
.a4-quicklink--iptv{
  background:linear-gradient(180deg,#168fc3 0%,#0b5e8c 100%);
  border-color:rgba(82,199,247,.58);
}
.a4-quicklink--yadisk{
  background:linear-gradient(180deg,#d94b3f 0%,#9d2c25 100%);
  border-color:rgba(255,124,111,.55);
}
.a4-quicklink--mega{
  background:linear-gradient(180deg,#b71f2b 0%,#79131c 100%);
  border-color:rgba(255,91,103,.55);
}

@media (max-width:600px){
  .a4-quicklinks{
    margin-top:9px;
    margin-bottom:12px;
    padding:5px;
    gap:4px;
    border-radius:9px;
  }
  .a4-quicklink{
    height:40px;
    padding:0 4px;
    gap:4px;
    border-radius:7px;
    font-size:11px;
    letter-spacing:0;
  }
  .a4-quicklink::before{
    width:5px;
    height:5px;
    flex-basis:5px;
  }
}


/* =========================================================
   v2.3.1 — QUICK LINKS MATCH APPROVED REFERENCE
   Header v2.2.4 remains untouched.
   ========================================================= */
.a4-quicklinks{
  width:100%;
  margin:12px 0 16px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.a4-quicklink{
  position:relative;
  height:78px;
  padding:0 38px 0 74px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  overflow:hidden;
  border-radius:13px;
  color:#fff!important;
  text-decoration:none!important;
  box-sizing:border-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 22px rgba(0,0,0,.16);
  transition:transform .16s ease,filter .16s ease;
}
.a4-quicklink::before{display:none!important}
.a4-quicklink:hover{transform:translateY(-2px);filter:brightness(1.07)}
.a4-quicklink--vip{background:linear-gradient(115deg,#6722c9 0%,#bc20f0 100%);border:1px solid rgba(222,135,255,.48)}
.a4-quicklink--iptv{background:linear-gradient(115deg,#0795a7 0%,#25b8ca 100%);border:1px solid rgba(113,237,245,.48)}
.a4-quicklink--yadisk{background:linear-gradient(115deg,#176bc0 0%,#1597ff 100%);border:1px solid rgba(104,190,255,.48)}
.a4-quicklink--mega{background:linear-gradient(115deg,#ae1738 0%,#ef0e52 100%);border:1px solid rgba(255,100,143,.48)}
.a4-quicklink-icon{
  position:absolute;
  left:12px;
  top:50%;
  width:50px;
  height:50px;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:10px;
  background:rgba(255,255,255,.92);
  box-shadow:0 4px 12px rgba(0,0,0,.15);
  font-weight:900;
  line-height:1;
}
.a4-quicklink-icon img{width:100%;height:100%;object-fit:cover;display:block}
.a4-quicklink-icon--vip{color:#d99a00;font-size:15px}
.a4-quicklink-icon--yadisk{background:#dfeaff;color:#146ee7;font-size:24px;font-style:italic}
.a4-quicklink-icon--mega{background:#fff;color:#d9271d;font-size:28px;border-radius:50%}
.a4-quicklink-title{font-size:20px;font-weight:900;line-height:1;letter-spacing:.15px;white-space:nowrap}
.a4-quicklink-subtitle{font-size:10px;font-weight:700;line-height:1.15;opacity:.96;white-space:nowrap}
.a4-quicklink-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:25px;font-weight:900;line-height:1;color:#fff}

@media (max-width:760px){
  .a4-quicklinks{gap:5px;margin:9px 0 12px}
  .a4-quicklink{height:54px;padding:0 12px 0 44px;border-radius:8px;gap:3px}
  .a4-quicklink-icon{left:6px;width:34px;height:34px;border-radius:7px;font-size:10px}
  .a4-quicklink-icon--yadisk,.a4-quicklink-icon--mega{font-size:17px}
  .a4-quicklink-title{font-size:12px}
  .a4-quicklink-subtitle{font-size:7px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .a4-quicklink-arrow{display:none}
}
@media (max-width:430px){
  .a4-quicklink{height:50px;padding-left:38px;padding-right:4px}
  .a4-quicklink-icon{left:5px;width:29px;height:29px}
  .a4-quicklink-title{font-size:10px}
  .a4-quicklink-subtitle{font-size:6px}
}


/* =========================================================
   v2.3.2 — QUICK LINKS: original logos + restrained colors
   IMPORTANT: header styles are untouched.
   Glass is used ONLY behind the logo.
   ========================================================= */
.a4-quicklinks{
  gap:12px!important;
}
.a4-quicklink{
  height:76px!important;
  padding:0 34px 0 76px!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 7px 18px rgba(0,0,0,.15)!important;
}
.a4-quicklink--vip{
  background:linear-gradient(115deg,#6823b7 0%,#9a25cf 100%)!important;
  border-color:rgba(190,105,234,.38)!important;
}
.a4-quicklink--iptv{
  background:linear-gradient(115deg,#087f91 0%,#159cad 100%)!important;
  border-color:rgba(77,190,203,.40)!important;
}
.a4-quicklink--yadisk{
  background:linear-gradient(115deg,#1767ad 0%,#1786d7 100%)!important;
  border-color:rgba(86,167,226,.42)!important;
}
.a4-quicklink--mega{
  background:linear-gradient(115deg,#a51636 0%,#c91b45 100%)!important;
  border-color:rgba(229,77,111,.40)!important;
}

/* Only the logo plate is glass */
.a4-quicklink-icon{
  left:12px!important;
  width:52px!important;
  height:52px!important;
  padding:6px!important;
  border-radius:11px!important;
  box-sizing:border-box!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.90),rgba(226,241,250,.76))!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(77,125,158,.13),
    0 4px 10px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.a4-quicklink-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:5px!important;
}
.a4-quicklink-title{
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:19px!important;
  line-height:1.05!important;
}
.a4-quicklink-subtitle{
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:9.5px!important;
  line-height:1.1!important;
}
.a4-quicklink-arrow{
  right:10px!important;
  font-size:23px!important;
}

@media (max-width:760px){
  .a4-quicklinks{gap:5px!important}
  .a4-quicklink{
    height:52px!important;
    padding:0 5px 0 39px!important;
  }
  .a4-quicklink-icon{
    left:5px!important;
    width:30px!important;
    height:30px!important;
    padding:3px!important;
    border-radius:7px!important;
  }
  .a4-quicklink-title{font-size:10px!important}
  .a4-quicklink-subtitle{font-size:6px!important}
}


/* =========================================================
   v2.3.3 — QUICK LINKS precision pass
   Header is LOCKED and untouched.
   ========================================================= */
.a4-quicklink{
  padding-left:72px!important;
  padding-right:25px!important;
}
.a4-quicklink-icon{
  left:11px!important;
  width:50px!important;
  height:50px!important;
  padding:5px!important;
}
.a4-quicklink-title{
  font-size:18px!important;
  letter-spacing:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.a4-quicklink--iptv .a4-quicklink-title{
  font-size:16px!important;
  white-space:nowrap!important;
}
.a4-quicklink-subtitle{
  font-size:9px!important;
}
.a4-quicklink-arrow{
  right:8px!important;
}
@media (max-width:1000px) and (min-width:761px){
  .a4-quicklinks{gap:10px!important}
  .a4-quicklink{
    padding-left:68px!important;
    padding-right:20px!important;
  }
  .a4-quicklink-icon{
    left:10px!important;
    width:48px!important;
    height:48px!important;
  }
  .a4-quicklink-title{font-size:17px!important}
  .a4-quicklink--iptv .a4-quicklink-title{font-size:15px!important}
  .a4-quicklink-subtitle{font-size:8px!important}
}


/* =========================================================
   v2.3.4 — QUICK LINKS readability + volume
   Header remains completely untouched.
   ========================================================= */
.a4-quicklink{
  isolation:isolate;
  font-family:Arial,"Helvetica Neue",sans-serif!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -12px 24px rgba(0,0,0,.10),
    0 8px 20px rgba(0,0,0,.20)!important;
}
.a4-quicklink::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-12%;
  right:-8%;
  bottom:-58%;
  height:88%;
  border-radius:50%;
  border-top:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0));
  transform:rotate(-4deg);
  pointer-events:none;
}
.a4-quicklink-title{
  font-family:Arial,"Helvetica Neue",sans-serif!important;
  font-weight:800!important;
  font-size:18px!important;
  line-height:1.08!important;
  letter-spacing:.05px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.22)!important;
}
.a4-quicklink--iptv .a4-quicklink-title{
  font-size:16px!important;
}
.a4-quicklink-subtitle{
  font-family:Arial,"Helvetica Neue",sans-serif!important;
  font-weight:600!important;
  font-size:10px!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  opacity:.96!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}
.a4-quicklink--iptv .a4-quicklink-subtitle{
  font-size:10.5px!important;
}
.a4-quicklink-icon{
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(221,239,248,.80))!important;
}
.a4-quicklink--vip .a4-quicklink-icon img{
  transform:scale(1.18);
}
@media (max-width:760px){
  .a4-quicklink-title{font-size:10.5px!important}
  .a4-quicklink--iptv .a4-quicklink-title{font-size:9.5px!important}
  .a4-quicklink-subtitle{font-size:6.3px!important}
  .a4-quicklink--iptv .a4-quicklink-subtitle{font-size:6.3px!important}
}


/* =========================================================
   v2.6.0 — A4 PREMIUM LINKS
   Rebuilt to match the approved visual reference.
   HEADER IS LOCKED: no header/menu selectors in this block.
   ========================================================= */

.a4-premium-links{
  width:100%;
  margin:14px 0 18px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  box-sizing:border-box;
}

.a4-premium-card{
  --bg1:#50158e;
  --bg2:#9622c6;
  --edge:#c15cff;
  --flare:rgba(207,94,255,.9);
  position:relative;
  min-width:0;
  height:92px;
  padding:0 42px 0 92px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  overflow:hidden;
  box-sizing:border-box;
  border:1px solid color-mix(in srgb,var(--edge) 72%,white 10%);
  border-radius:16px;
  background:
    radial-gradient(100% 95% at 4% 0%,rgba(255,255,255,.20),transparent 47%),
    linear-gradient(115deg,var(--bg1),var(--bg2));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -22px 34px rgba(0,0,0,.12),
    0 7px 18px rgba(0,0,0,.23),
    0 0 12px color-mix(in srgb,var(--edge) 18%,transparent);
  color:#fff!important;
  text-decoration:none!important;
  isolation:isolate;
  transition:transform .16s ease,filter .16s ease;
}

.a4-premium-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:125%;
  height:88%;
  left:-15%;
  bottom:-58%;
  border-radius:50%;
  transform:rotate(-6deg);
  border-top:1px solid rgba(255,255,255,.22);
  background:
    radial-gradient(80% 100% at 50% 0%,rgba(255,255,255,.10),transparent 65%);
}

.a4-premium-card::after{
  content:"";
  position:absolute;
  z-index:2;
  left:13%;
  right:13%;
  bottom:-1px;
  height:2px;
  border-radius:100%;
  background:linear-gradient(90deg,transparent,var(--flare),transparent);
  box-shadow:0 0 11px var(--flare);
}

.a4-premium-card:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
}

.a4-premium-card--vip{
  --bg1:#4d168b; --bg2:#8c1fbd; --edge:#a842e6; --flare:#d058ff;
}
.a4-premium-card--iptv{
  --bg1:#087785; --bg2:#0798a6; --edge:#18c9d4; --flare:#2ff1f4;
}
.a4-premium-card--disk{
  --bg1:#14589d; --bg2:#087ee0; --edge:#269bf2; --flare:#39b5ff;
}
.a4-premium-card--mega{
  --bg1:#92142e; --bg2:#c41642; --edge:#ee315d; --flare:#ff416b;
}

.a4-premium-logo{
  position:absolute;
  left:13px;
  top:50%;
  width:66px;
  height:66px;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.90);
  border-radius:15px;
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,1),rgba(255,255,255,.88) 38%,rgba(214,232,245,.78) 100%);
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 -2px 4px rgba(64,106,139,.16),
    0 4px 13px rgba(0,0,0,.25),
    0 0 13px rgba(255,255,255,.24);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.a4-premium-logo::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.40),transparent 42%);
  pointer-events:none;
}

.a4-premium-logo img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.a4-premium-card--vip .a4-premium-logo img{transform:scale(1.24)}
.a4-premium-card--iptv .a4-premium-logo img{transform:scale(1.18)}

.a4-premium-title{
  display:block;
  max-width:100%;
  font-family:Arial,"Helvetica Neue",sans-serif;
  font-size:22px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.35px;
  white-space:nowrap;
  text-shadow:0 1px 2px rgba(0,0,0,.24);
}

.a4-premium-card--iptv .a4-premium-title{font-size:19px}

.a4-premium-sub{
  display:block;
  max-width:100%;
  margin-top:8px;
  font-family:Arial,"Helvetica Neue",sans-serif;
  font-size:11px;
  font-weight:500;
  line-height:1.08;
  white-space:nowrap;
  color:rgba(255,255,255,.91);
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}

.a4-premium-arrow{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-53%);
  font-family:Arial,sans-serif;
  font-size:32px;
  font-weight:400;
  line-height:1;
  color:#fff;
  text-shadow:0 0 8px rgba(255,255,255,.20);
}

/* Tablet + mobile: 4 true square cards in one row. */
@media (max-width:1024px){
  .a4-premium-links{
    gap:7px;
    margin:10px 0 15px;
  }

  .a4-premium-card{
    aspect-ratio:1 / 1;
    height:auto;
    padding:9% 4% 6%;
    justify-content:flex-start;
    align-items:center;
    text-align:center;
    border-radius:13px;
  }

  .a4-premium-card::before{
    width:150%;
    height:58%;
    left:-25%;
    bottom:-35%;
  }

  .a4-premium-logo{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    width:52%;
    height:auto;
    aspect-ratio:1 / 1;
    padding:7%;
    margin:0 auto 9%;
    border-radius:20%;
    flex:0 0 auto;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    width:100%;
    font-size:clamp(11px,2.2vw,18px);
    line-height:1.05;
    letter-spacing:-.15px;
    white-space:normal;
    text-align:center;
  }

  .a4-premium-sub{
    width:100%;
    margin-top:6%;
    padding:0 2px;
    font-size:clamp(7px,1.25vw,11px);
    line-height:1.12;
    white-space:normal;
    text-align:center;
  }

  .a4-premium-arrow{display:none}
}

@media (max-width:600px){
  .a4-premium-links{gap:5px}

  .a4-premium-card{
    padding:8% 3% 5%;
    border-radius:10px;
  }

  .a4-premium-logo{
    width:53%;
    padding:6%;
    margin-bottom:8%;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(9px,2.7vw,13px);
  }

  .a4-premium-sub{
    margin-top:5%;
    font-size:clamp(6px,1.75vw,9px);
  }
}


/* =========================================================
   v2.7.0 — PREMIUM LINKS: approved geometry refinement
   New VIP/IPTV logos connected directly from staging media.
   HEADER REMAINS COMPLETELY UNTOUCHED.
   ========================================================= */
@media (min-width:1025px){
  .a4-premium-links{
    gap:14px!important;
    margin-top:16px!important;
    margin-bottom:20px!important;
  }

  .a4-premium-card{
    height:112px!important;
    padding-left:112px!important;
    padding-right:48px!important;
    border-radius:17px!important;
  }

  .a4-premium-logo{
    left:15px!important;
    width:80px!important;
    height:80px!important;
    padding:8px!important;
    border-radius:17px!important;
  }

  .a4-premium-card--vip .a4-premium-logo img{
    transform:none!important;
  }

  .a4-premium-card--iptv .a4-premium-logo img{
    transform:none!important;
  }

  .a4-premium-title{
    font-size:25px!important;
    line-height:1!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:21px!important;
  }

  .a4-premium-sub{
    margin-top:9px!important;
    font-size:12px!important;
  }

  .a4-premium-arrow{
    right:14px!important;
    font-size:35px!important;
  }

  .a4-premium-card::before{
    bottom:-52%!important;
    height:95%!important;
  }

  .a4-premium-card::after{
    height:3px!important;
    left:11%!important;
    right:11%!important;
    box-shadow:0 0 14px var(--flare)!important;
  }
}

/* Tablet: four square cards in one row */
@media (min-width:601px) and (max-width:1024px){
  .a4-premium-links{
    gap:8px!important;
  }
  .a4-premium-card{
    aspect-ratio:1/1!important;
    height:auto!important;
    padding:9% 4% 6%!important;
  }
  .a4-premium-logo{
    width:54%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    padding:6%!important;
    margin-bottom:9%!important;
  }
  .a4-premium-card--vip .a4-premium-logo img,
  .a4-premium-card--iptv .a4-premium-logo img{
    transform:none!important;
  }
}

/* Phone: preserve 4 square cards and maximize usable content area */
@media (max-width:600px){
  .a4-premium-links{
    gap:4px!important;
    margin-top:9px!important;
  }
  .a4-premium-card{
    aspect-ratio:1/1!important;
    height:auto!important;
    padding:7% 2.5% 5%!important;
  }
  .a4-premium-logo{
    width:55%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    padding:5%!important;
    margin-bottom:7%!important;
  }
  .a4-premium-card--vip .a4-premium-logo img,
  .a4-premium-card--iptv .a4-premium-logo img{
    transform:none!important;
  }
}


/* =========================================================
   v2.7.2 — PREMIUM LINKS RESPONSIVE FIX ONLY
   At tablet widths (including 914px), force the approved
   four-square-card composition. Logos/design/header untouched.
   ========================================================= */

@media (max-width:1024px){
  .a4-premium-links{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
  }

  .a4-premium-card{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    padding:9% 4% 6%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:center!important;
  }

  .a4-premium-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:54%!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    margin:0 auto 9%!important;
    flex:0 0 auto!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(11px,2.1vw,18px)!important;
    line-height:1.05!important;
    white-space:normal!important;
    text-align:center!important;
  }

  .a4-premium-sub{
    width:100%!important;
    max-width:100%!important;
    margin-top:6%!important;
    font-size:clamp(7px,1.25vw,11px)!important;
    line-height:1.12!important;
    white-space:normal!important;
    text-align:center!important;
  }

  .a4-premium-arrow{
    display:none!important;
  }
}

@media (max-width:600px){
  .a4-premium-links{
    gap:4px!important;
  }

  .a4-premium-card{
    padding:7% 2.5% 5%!important;
  }

  .a4-premium-logo{
    width:55%!important;
    margin-bottom:7%!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(9px,2.7vw,13px)!important;
  }

  .a4-premium-sub{
    margin-top:5%!important;
    font-size:clamp(6px,1.75vw,9px)!important;
  }
}


/* =========================================================
   v2.8.0 — SERVICE CARDS FROM APPROVED PHOTO
   Geometry, spacing and visible layered volume follow reference.
   Header/menu are untouched.
   ========================================================= */

.a4-premium-links{
  container-type:inline-size;
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin:18px 0 22px!important;
}

.a4-premium-card{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:118px!important;
  aspect-ratio:auto!important;
  padding:0 42px 0 116px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  text-align:left!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -24px 34px rgba(0,0,0,.10),
    0 7px 17px rgba(0,0,0,.25),
    0 0 13px color-mix(in srgb,var(--edge) 28%,transparent)!important;
}

/* broad curved light band visible inside every card */
.a4-premium-card::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:-12%!important;
  bottom:-54%!important;
  width:130%!important;
  height:102%!important;
  border-radius:50% 50% 0 0 / 42% 42% 0 0!important;
  transform:rotate(-5deg)!important;
  border-top:1px solid rgba(255,255,255,.28)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.025) 58%,transparent)!important;
  box-shadow:0 -9px 24px rgba(255,255,255,.055)!important;
}

.a4-premium-card::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:9%!important;
  right:9%!important;
  bottom:-1px!important;
  height:3px!important;
  border-radius:50%!important;
  background:linear-gradient(90deg,transparent,var(--flare),transparent)!important;
  box-shadow:0 0 14px var(--flare)!important;
}

.a4-premium-logo{
  position:absolute!important;
  z-index:2!important;
  left:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:84px!important;
  height:84px!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.94)!important;
  background:
    radial-gradient(circle at 32% 18%,#fff 0%,rgba(255,255,255,.96) 31%,rgba(232,240,247,.89) 72%,rgba(211,226,237,.82) 100%)!important;
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 -2px 5px rgba(49,87,115,.18),
    0 4px 12px rgba(0,0,0,.25),
    0 0 13px rgba(255,255,255,.26)!important;
}

.a4-premium-logo img{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:none!important;
}

.a4-premium-title{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  max-width:100%!important;
  font-size:25px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.3px!important;
  white-space:nowrap!important;
  text-align:left!important;
}

.a4-premium-card--iptv .a4-premium-title{
  font-size:22px!important;
}

.a4-premium-sub{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  max-width:100%!important;
  margin-top:10px!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  text-align:left!important;
}

.a4-premium-arrow{
  display:block!important;
  position:absolute!important;
  z-index:3!important;
  right:15px!important;
  top:50%!important;
  transform:translateY(-53%)!important;
  font-size:36px!important;
  line-height:1!important;
}

/* At the actual narrow 4-card row, scale CONTENT, not the card volume. */
@container (max-width: 1000px){
  .a4-premium-links{gap:12px!important}

  .a4-premium-card{
    height:112px!important;
    padding-left:104px!important;
    padding-right:30px!important;
  }

  .a4-premium-logo{
    left:14px!important;
    width:76px!important;
    height:76px!important;
    padding:7px!important;
    border-radius:16px!important;
  }

  .a4-premium-title{
    font-size:20px!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:17px!important;
    letter-spacing:-.45px!important;
  }

  .a4-premium-sub{
    margin-top:7px!important;
    font-size:10px!important;
  }

  .a4-premium-arrow{
    right:9px!important;
    font-size:30px!important;
  }
}

/* Very narrow phones: still 4 cards, but use the approved stacked square composition. */
@container (max-width: 620px){
  .a4-premium-links{gap:5px!important}

  .a4-premium-card{
    height:auto!important;
    aspect-ratio:1 / 1!important;
    padding:8% 4% 5%!important;
    justify-content:flex-start!important;
    align-items:center!important;
    text-align:center!important;
    border-radius:11px!important;
  }

  .a4-premium-logo{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:54%!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    margin:0 auto 8%!important;
    padding:6%!important;
    border-radius:18%!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    width:100%!important;
    font-size:clamp(9px,2.8vw,13px)!important;
    line-height:1.05!important;
    letter-spacing:-.1px!important;
    white-space:normal!important;
    text-align:center!important;
  }

  .a4-premium-sub{
    width:100%!important;
    margin-top:5%!important;
    font-size:clamp(6px,1.7vw,9px)!important;
    white-space:normal!important;
    text-align:center!important;
  }

  .a4-premium-arrow{display:none!important}
}


/* =========================================================
   v2.8.1 — SERVICE CARDS TYPOGRAPHY/SPACING ONLY
   Card volume, height, colors, wave, logos and header untouched.
   ========================================================= */

.a4-premium-card{
  padding-left:108px!important;
  padding-right:34px!important;
}

.a4-premium-logo{
  left:14px!important;
  width:78px!important;
  height:78px!important;
  padding:7px!important;
}

.a4-premium-title{
  font-size:24px!important;
  line-height:1!important;
}

.a4-premium-card--iptv .a4-premium-title{
  font-size:20px!important;
  letter-spacing:-.35px!important;
}

.a4-premium-sub{
  margin-top:8px!important;
  font-size:11px!important;
  line-height:1.1!important;
}

.a4-premium-arrow{
  right:8px!important;
  font-size:31px!important;
}

/* Scale text according to the actual width of this component. */
@container (max-width:1000px){
  .a4-premium-card{
    padding-left:96px!important;
    padding-right:25px!important;
  }

  .a4-premium-logo{
    left:12px!important;
    width:72px!important;
    height:72px!important;
    padding:6px!important;
  }

  .a4-premium-title{
    font-size:21px!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:17px!important;
    letter-spacing:-.45px!important;
  }

  .a4-premium-sub{
    margin-top:7px!important;
    font-size:10px!important;
  }

  .a4-premium-arrow{
    right:5px!important;
    font-size:27px!important;
  }
}

/* Keep the already approved stacked mobile composition. */
@container (max-width:620px){
  .a4-premium-card{
    padding:8% 4% 5%!important;
  }

  .a4-premium-logo{
    left:auto!important;
    width:54%!important;
    height:auto!important;
    padding:6%!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(9px,2.8vw,13px)!important;
  }

  .a4-premium-sub{
    font-size:clamp(6px,1.7vw,9px)!important;
  }
}


/* =========================================================
   v2.8.2 — SMALLER LOGO PLATES / MORE ROOM FOR TEXT
   Only service-card internals changed.
   Card volume, colors, wave, height and header untouched.
   ========================================================= */

.a4-premium-card{
  padding-left:92px!important;
  padding-right:27px!important;
}

.a4-premium-logo{
  left:12px!important;
  width:66px!important;
  height:66px!important;
  padding:6px!important;
  border-radius:15px!important;
}

.a4-premium-title{
  font-size:23px!important;
}

.a4-premium-card--iptv .a4-premium-title{
  font-size:19px!important;
  letter-spacing:-.4px!important;
}

.a4-premium-sub{
  margin-top:8px!important;
  font-size:11px!important;
}

.a4-premium-arrow{
  right:6px!important;
  font-size:29px!important;
}

/* Actual narrow row: keep logos compact and preserve readable text. */
@container (max-width:1000px){
  .a4-premium-card{
    padding-left:84px!important;
    padding-right:22px!important;
  }

  .a4-premium-logo{
    left:10px!important;
    width:62px!important;
    height:62px!important;
    padding:5px!important;
  }

  .a4-premium-title{
    font-size:20px!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:16px!important;
    letter-spacing:-.5px!important;
  }

  .a4-premium-sub{
    margin-top:7px!important;
    font-size:10px!important;
  }

  .a4-premium-arrow{
    right:4px!important;
    font-size:25px!important;
  }
}

/* Mobile square layout: smaller logo so title/subtitle have room. */
@container (max-width:620px){
  .a4-premium-card{
    padding:7% 3% 5%!important;
  }

  .a4-premium-logo{
    left:auto!important;
    width:45%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    margin:0 auto 7%!important;
    padding:5%!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(10px,2.9vw,14px)!important;
  }

  .a4-premium-sub{
    font-size:clamp(7px,1.8vw,10px)!important;
  }
}


/* =========================================================
   v2.8.3 — COMPACT HEIGHT + READABLE TEXT
   Only service-card vertical geometry and typography changed.
   Logos, colors, wave, links and header untouched.
   ========================================================= */

.a4-premium-card{
  height:94px!important;
  padding-left:92px!important;
  padding-right:27px!important;
}

.a4-premium-logo{
  width:62px!important;
  height:62px!important;
  left:13px!important;
  padding:5px!important;
  border-radius:14px!important;
}

.a4-premium-title{
  font-size:24px!important;
  font-weight:800!important;
  line-height:1.02!important;
}

.a4-premium-card--iptv .a4-premium-title{
  font-size:19px!important;
  letter-spacing:-.35px!important;
}

.a4-premium-sub{
  margin-top:7px!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.08!important;
  color:rgba(255,255,255,.96)!important;
}

.a4-premium-arrow{
  right:6px!important;
  font-size:29px!important;
}

/* Keep the curved volume visible after reducing card height. */
.a4-premium-card::before{
  bottom:-59%!important;
  height:118%!important;
}

@container (max-width:1000px){
  .a4-premium-card{
    height:92px!important;
    padding-left:82px!important;
    padding-right:21px!important;
  }

  .a4-premium-logo{
    left:10px!important;
    width:58px!important;
    height:58px!important;
    padding:5px!important;
  }

  .a4-premium-title{
    font-size:21px!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:16px!important;
    letter-spacing:-.45px!important;
  }

  .a4-premium-sub{
    margin-top:6px!important;
    font-size:10.5px!important;
  }

  .a4-premium-arrow{
    right:4px!important;
    font-size:25px!important;
  }
}

/* Mobile square composition stays independent. */
@container (max-width:620px){
  .a4-premium-card{
    height:auto!important;
    aspect-ratio:1/1!important;
    padding:7% 3% 5%!important;
  }

  .a4-premium-logo{
    left:auto!important;
    width:43%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    margin:0 auto 6%!important;
    padding:5%!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(10px,3vw,14px)!important;
  }

  .a4-premium-sub{
    margin-top:5%!important;
    font-size:clamp(7px,1.9vw,10px)!important;
  }
}


/* =========================================================
   v2.8.4 — DESKTOP ONLY: lower height + readable typography
   Mobile/tablet untouched. Header untouched.
   ========================================================= */

@media (min-width:1025px){
  .a4-premium-links{
    margin-top:14px!important;
    margin-bottom:18px!important;
  }

  .a4-premium-card{
    height:78px!important;
    padding-left:82px!important;
    padding-right:25px!important;
    border-radius:15px!important;
  }

  .a4-premium-logo{
    left:11px!important;
    width:56px!important;
    height:56px!important;
    padding:5px!important;
    border-radius:13px!important;
  }

  .a4-premium-title{
    font-size:21px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:-.2px!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:17px!important;
    letter-spacing:-.35px!important;
  }

  .a4-premium-sub{
    margin-top:6px!important;
    font-size:11px!important;
    font-weight:500!important;
    line-height:1!important;
    color:rgba(255,255,255,.97)!important;
  }

  .a4-premium-arrow{
    right:5px!important;
    font-size:25px!important;
  }

  /* Preserve visible curved depth in the shallower desktop card. */
  .a4-premium-card::before{
    bottom:-70%!important;
    height:142%!important;
  }

  .a4-premium-card::after{
    height:2px!important;
  }
}


/* =========================================================
   v2.8.5 — DESKTOP ONLY
   More compact vertically, human typography, VIP subtitle
   on two lines, and no air above service buttons.
   Tablet/mobile/header structure untouched.
   ========================================================= */

@media (min-width:1025px){

  .a4-premium-links{
    margin-top:0!important;
    margin-bottom:14px!important;
  }

  .a4-premium-card{
    height:68px!important;
    padding-left:75px!important;
    padding-right:24px!important;
    border-radius:14px!important;
  }

  .a4-premium-logo{
    left:10px!important;
    width:50px!important;
    height:50px!important;
    padding:4px!important;
    border-radius:12px!important;
  }

  .a4-premium-title{
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size:19px!important;
    font-weight:700!important;
    line-height:1.05!important;
    letter-spacing:0!important;
    text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:16px!important;
    font-weight:700!important;
    letter-spacing:-.15px!important;
  }

  .a4-premium-sub{
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    margin-top:4px!important;
    font-size:10.5px!important;
    font-weight:400!important;
    line-height:1.08!important;
    letter-spacing:0!important;
    color:rgba(255,255,255,.96)!important;
  }

  /* VIP subtitle intentionally wraps into two readable lines. */
  .a4-premium-card--vip .a4-premium-sub{
    width:92px!important;
    white-space:normal!important;
  }

  .a4-premium-arrow{
    right:5px!important;
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size:23px!important;
    font-weight:400!important;
  }

  .a4-premium-card::before{
    bottom:-82%!important;
    height:165%!important;
  }

  .a4-premium-card::after{
    height:2px!important;
  }
}


/* =========================================================
   v2.8.6 — DESKTOP MAIN-COLUMN WIDTH FIX
   Quick links now stop before the sidebar boundary.
   Also tightens the gap under the locked header.
   Mobile/tablet/header untouched.
   ========================================================= */

@media (min-width:1025px){

  .a4-premium-links{
    /* Reserve the right-hand sidebar zone instead of spilling into it. */
    width:calc(100% - 225px)!important;
    max-width:calc(100% - 225px)!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;

    /* Pull the row closer to the bottom border of the locked header. */
    margin-top:-5px!important;
    margin-bottom:14px!important;
  }

  .a4-premium-card{
    min-width:0!important;
    padding-left:70px!important;
    padding-right:20px!important;
  }

  .a4-premium-logo{
    left:9px!important;
    width:48px!important;
    height:48px!important;
    padding:4px!important;
  }

  .a4-premium-title{
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size:18px!important;
    font-weight:600!important;
    letter-spacing:0!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:15px!important;
    font-weight:600!important;
    letter-spacing:-.1px!important;
  }

  .a4-premium-sub{
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size:10px!important;
    font-weight:400!important;
  }

  .a4-premium-card--vip .a4-premium-sub{
    width:88px!important;
  }

  .a4-premium-arrow{
    right:4px!important;
    font-size:21px!important;
  }
}


/* =========================================================
   v2.8.7 — DESKTOP SIZE BALANCE
   Keep sidebar boundary, restore comfortable card scale.
   Tablet/mobile/header untouched.
   ========================================================= */

@media (min-width:1025px){

  /* Keep the right boundary from v2.8.6, but use the main column better. */
  .a4-premium-links{
    width:calc(100% - 185px)!important;
    max-width:calc(100% - 185px)!important;
    gap:12px!important;
    margin-top:-4px!important;
    margin-bottom:14px!important;
  }

  .a4-premium-card{
    height:76px!important;
    padding-left:79px!important;
    padding-right:24px!important;
    border-radius:15px!important;
  }

  .a4-premium-logo{
    left:10px!important;
    width:54px!important;
    height:54px!important;
    padding:5px!important;
    border-radius:13px!important;
  }

  .a4-premium-title{
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size:20px!important;
    font-weight:600!important;
    line-height:1.04!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:16px!important;
    font-weight:600!important;
    letter-spacing:-.1px!important;
  }

  .a4-premium-sub{
    margin-top:5px!important;
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size:10.5px!important;
    font-weight:400!important;
    line-height:1.08!important;
  }

  .a4-premium-card--vip .a4-premium-sub{
    width:92px!important;
    white-space:normal!important;
  }

  .a4-premium-arrow{
    right:5px!important;
    font-size:24px!important;
  }

  .a4-premium-card::before{
    bottom:-74%!important;
    height:150%!important;
  }
}


/* =========================================================
   v2.8.8 — DESKTOP MAIN COLUMN FIX
   The quick-link row uses 100% of its EXISTING main column.
   No manual sidebar subtraction.
   Tablet/mobile/header untouched.
   ========================================================= */

@media (min-width:1025px){

  .a4-premium-links{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    margin-top:-4px!important;
    margin-bottom:14px!important;
  }

  .a4-premium-card{
    width:100%!important;
    min-width:0!important;
    height:72px!important;
    padding-left:76px!important;
    padding-right:23px!important;
    border-radius:14px!important;
  }

  .a4-premium-logo{
    left:10px!important;
    width:52px!important;
    height:52px!important;
    padding:4px!important;
    border-radius:12px!important;
  }

  .a4-premium-title{
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size:19px!important;
    font-weight:600!important;
    line-height:1.04!important;
    letter-spacing:0!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:16px!important;
    font-weight:600!important;
    letter-spacing:-.1px!important;
  }

  .a4-premium-sub{
    margin-top:5px!important;
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size:10.5px!important;
    font-weight:400!important;
    line-height:1.08!important;
  }

  .a4-premium-card--vip .a4-premium-sub{
    width:92px!important;
    white-space:normal!important;
  }

  .a4-premium-arrow{
    right:5px!important;
    font-size:23px!important;
  }

  .a4-premium-card::before{
    bottom:-78%!important;
    height:158%!important;
  }
}


/* =========================================================
   v2.8.9 — DESKTOP RIGHT BREATHING SPACE
   Verified structure: links are already inside .a4-main.
   Only a small 14px reserve before the sidebar gap.
   No artificial sidebar subtraction.
   ========================================================= */

@media (min-width:1025px){
  .a4-premium-links{
    width:calc(100% - 14px)!important;
    max-width:calc(100% - 14px)!important;
    margin-right:14px!important;
    gap:11px!important;
  }

  .a4-premium-card{
    height:72px!important;
    padding-left:74px!important;
    padding-right:22px!important;
  }

  .a4-premium-logo{
    width:51px!important;
    height:51px!important;
  }

  .a4-premium-title{
    font-size:18.5px!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:15.5px!important;
  }

  .a4-premium-sub{
    font-size:10.25px!important;
  }
}


/* =========================================================
   v2.9.0 — DESKTOP QUICK LINKS: tiny left shift only
   Move the whole row slightly left without changing cards.
   ========================================================= */
@media (min-width:1025px){
  .a4-premium-links{
    transform:translateX(-6px)!important;
  }
}


/* =========================================================
   v2.9.1 — DESKTOP: fit quick links to marked sidebar boundary
   Keep left position from v2.9.0; trim only the right edge.
   Card height/typography/logos/header/sidebar untouched.
   ========================================================= */
@media (min-width:1025px){
  .a4-premium-links{
    width:calc(100% - 34px)!important;
    max-width:calc(100% - 34px)!important;
    margin-right:34px!important;
    transform:translateX(-6px)!important;
    gap:11px!important;
  }
}


/* =========================================================
   v2.9.2 — DESKTOP QUICK LINKS FINAL
   Approved desktop composition:
   - keep the v2.9.1 sidebar boundary
   - remove excess air below header
   - slightly reduce card height
   - tighten vertical spacing only
   Tablet/mobile are intentionally untouched.
   ========================================================= */
@media (min-width:1025px){

  .a4-layout{
    padding-top:12px!important;
  }

  .a4-premium-links{
    width:calc(100% - 34px)!important;
    max-width:calc(100% - 34px)!important;
    margin-top:-6px!important;
    margin-right:34px!important;
    margin-bottom:10px!important;
    transform:translateX(-6px)!important;
    gap:11px!important;
  }

  .a4-premium-card{
    height:68px!important;
    padding-left:72px!important;
    padding-right:22px!important;
  }

  .a4-premium-logo{
    left:10px!important;
    width:49px!important;
    height:49px!important;
    padding:4px!important;
  }

  .a4-premium-title{
    font-size:18px!important;
    line-height:1.02!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:15px!important;
  }

  .a4-premium-sub{
    margin-top:4px!important;
    font-size:10px!important;
    line-height:1.05!important;
  }

  .a4-premium-card::before{
    bottom:-83%!important;
    height:168%!important;
  }
}


/* =========================================================
   v2.9.3 — DESKTOP QUICK LINKS LOCK
   Final desktop alignment + unified typography.
   Tablet/mobile intentionally untouched.
   ========================================================= */
@media (min-width:1025px){

  /* Pull the block just inside the site's common left boundary. */
  .a4-premium-links{
    width:calc(100% - 38px)!important;
    max-width:calc(100% - 38px)!important;
    margin-left:4px!important;
    margin-right:34px!important;
    transform:none!important;
    gap:11px!important;
  }

  /* One typography system for all four card titles. */
  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:600!important;
    line-height:1.02!important;
    letter-spacing:0!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size:10px!important;
    font-weight:400!important;
    line-height:1.05!important;
    letter-spacing:0!important;
  }
}


/* =========================================================
   v2.9.4 — MOBILE + TABLET QUICK LINKS
   Desktop v2.9.3 remains locked and untouched.
   Four compact square cards in one row, no excess air.
   Logo plates are removed on mobile/tablet so transparent
   logos sit cleanly on the card without white "tails".
   ========================================================= */

@media (max-width:1024px){

  .a4-premium-links{
    width:100%!important;
    max-width:100%!important;
    margin:clamp(10px,2vw,16px) 0 clamp(14px,2.4vw,20px)!important;
    padding:0 clamp(12px,2.2vw,18px)!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(7px,1.7vw,14px)!important;
    box-sizing:border-box!important;
  }

  .a4-premium-card{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    padding:clamp(7px,1.8vw,14px) clamp(3px,1vw,8px) clamp(7px,1.5vw,12px)!important;
    border-radius:clamp(12px,2.5vw,18px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    overflow:hidden!important;
  }

  /* No white glass square around logos on mobile/tablet. */
  .a4-premium-logo{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:clamp(38px,9vw,76px)!important;
    max-width:70%!important;
    aspect-ratio:auto!important;
    margin:0 auto clamp(5px,1vw,9px)!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    flex:0 0 auto!important;
  }

  .a4-premium-logo img{
    display:block!important;
    width:auto!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
    margin:0 auto!important;
    filter:none!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    width:100%!important;
    margin:0!important;
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size:clamp(12px,2.6vw,22px)!important;
    font-weight:700!important;
    line-height:1.02!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(10px,2.25vw,19px)!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    width:100%!important;
    margin:clamp(4px,.9vw,7px) 0 0!important;
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size:clamp(7px,1.55vw,13px)!important;
    font-weight:400!important;
    line-height:1.08!important;
    white-space:normal!important;
    text-align:center!important;
  }

  .a4-premium-card--vip .a4-premium-sub{
    max-width:95%!important;
  }

  .a4-premium-arrow{
    display:none!important;
  }

  /* Keep the approved dimensional wave, scaled for square cards. */
  .a4-premium-card::before{
    bottom:-38%!important;
    height:76%!important;
  }
}

/* Narrow phones: squeeze gutters/gaps instead of breaking into 2x2. */
@media (max-width:480px){
  .a4-premium-links{
    padding-left:12px!important;
    padding-right:12px!important;
    gap:7px!important;
    margin-top:10px!important;
    margin-bottom:14px!important;
  }

  .a4-premium-card{
    padding:7px 2px 7px!important;
    border-radius:12px!important;
  }

  .a4-premium-logo{
    height:clamp(34px,9.2vw,44px)!important;
    margin-bottom:5px!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(10px,3.15vw,14px)!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(9px,2.7vw,12px)!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    margin-top:4px!important;
    font-size:clamp(6.5px,1.95vw,9px)!important;
    line-height:1.05!important;
  }
}


/* =========================================================
   v2.9.5 — MOBILE/TABLET ICE FINAL PASS
   DESKTOP >=1025px IS UNTOUCHED.
   Approved mobile reference:
   - no white logo plates/tails
   - original logo artwork preserved
   - icy/glass depth added to cards
   - tighter gutters, gaps and vertical air
   ========================================================= */

@media (max-width:1024px){

  .a4-premium-links{
    padding:0 clamp(8px,1.6vw,14px)!important;
    gap:clamp(5px,1.2vw,10px)!important;
    margin-top:clamp(7px,1.2vw,11px)!important;
    margin-bottom:clamp(9px,1.6vw,14px)!important;
  }

  .a4-premium-card{
    padding:clamp(5px,1.1vw,9px) clamp(2px,.65vw,5px) clamp(6px,1.15vw,9px)!important;
    border-radius:clamp(11px,2vw,16px)!important;
    border:1px solid rgba(255,255,255,.42)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.42),
      inset 0 -10px 22px rgba(0,0,0,.10),
      0 0 10px rgba(82,210,255,.15),
      0 6px 14px rgba(0,0,0,.20)!important;
  }

  /* Ice/glass facets without changing the logo artwork itself. */
  .a4-premium-card::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    border-radius:inherit!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.03) 27%,transparent 28%),
      linear-gradient(315deg,rgba(255,255,255,.10) 0%,transparent 31%),
      linear-gradient(165deg,transparent 0 48%,rgba(255,255,255,.09) 49%,transparent 51%)!important;
    opacity:.78!important;
    z-index:0!important;
  }

  .a4-premium-card > *{
    position:relative!important;
    z-index:2!important;
  }

  /* Logo itself only: no white square, no plate, no tails. */
  .a4-premium-logo{
    height:clamp(39px,8.7vw,72px)!important;
    max-width:74%!important;
    margin:0 auto clamp(3px,.75vw,6px)!important;
    padding:0!important;
    background:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .a4-premium-logo::before,
  .a4-premium-logo::after{
    content:none!important;
    display:none!important;
  }

  .a4-premium-logo img{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:0!important;
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.28))!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    margin:0!important;
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size:clamp(11px,2.45vw,20px)!important;
    font-weight:700!important;
    line-height:1!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(9.5px,2.1vw,17px)!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    margin-top:clamp(3px,.65vw,5px)!important;
    font-size:clamp(6.5px,1.45vw,12px)!important;
    line-height:1.03!important;
  }

  .a4-premium-arrow{
    display:none!important;
  }
}

@media (max-width:480px){

  .a4-premium-links{
    padding-left:8px!important;
    padding-right:8px!important;
    gap:5px!important;
    margin-top:7px!important;
    margin-bottom:10px!important;
  }

  .a4-premium-card{
    padding:5px 2px 6px!important;
    border-radius:11px!important;
  }

  .a4-premium-logo{
    height:clamp(34px,9vw,42px)!important;
    margin-bottom:3px!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(10px,3vw,13px)!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(8.5px,2.55vw,11px)!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    margin-top:3px!important;
    font-size:clamp(6px,1.8vw,8px)!important;
  }
}


/* =========================================================
   v2.9.6 — MOBILE/TABLET VERTICAL COMPRESSION
   Desktop >=1025px untouched.
   Keep approved ice design and original logos.
   ========================================================= */

@media (max-width:1024px){

  .a4-premium-links{
    margin-top:clamp(4px,.8vw,7px)!important;
    margin-bottom:clamp(6px,1vw,10px)!important;
  }

  .a4-premium-card{
    aspect-ratio:auto!important;
    height:clamp(96px,18vw,150px)!important;
    padding:clamp(4px,.8vw,7px) clamp(2px,.65vw,5px) clamp(4px,.9vw,7px)!important;
  }

  .a4-premium-logo{
    height:clamp(35px,7.6vw,62px)!important;
    margin-bottom:clamp(2px,.45vw,4px)!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    margin-top:clamp(2px,.4vw,4px)!important;
  }

  .a4-premium-card::before{
    bottom:-43%!important;
    height:72%!important;
  }
}

@media (max-width:480px){

  .a4-premium-links{
    margin-top:4px!important;
    margin-bottom:7px!important;
  }

  .a4-premium-card{
    height:112px!important;
    padding:4px 2px 5px!important;
  }

  .a4-premium-logo{
    height:36px!important;
    margin-bottom:2px!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    margin-top:2px!important;
  }
}


/* =========================================================
   v2.9.7 — MOBILE/TABLET COMPACT REFERENCE LOCK
   Desktop >=1025px untouched.
   - remove unused vertical space inside cards
   - reduce gap below HOME/MENU/SEARCH row
   - enlarge only IPTV logo
   - keep approved ice styling and original logo artwork
   ========================================================= */

@media (max-width:1024px){

  /* Bring service cards closer to the navigation row. */
  .a4-premium-links{
    margin-top:2px!important;
    margin-bottom:8px!important;
  }

  /* Content-driven compact rectangles instead of tall squares. */
  .a4-premium-card{
    aspect-ratio:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:7px 3px 8px!important;
    justify-content:flex-start!important;
  }

  .a4-premium-logo{
    height:clamp(42px,8.2vw,68px)!important;
    margin:0 auto 3px!important;
  }

  /* Ы-ТВ source artwork is visually smaller, compensate only here. */
  .a4-premium-card--iptv .a4-premium-logo{
    height:clamp(49px,9.6vw,80px)!important;
    margin-top:-4px!important;
    margin-bottom:0!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    margin:0!important;
    line-height:1!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    margin-top:3px!important;
    margin-bottom:0!important;
    line-height:1.03!important;
  }
}

@media (max-width:480px){

  .a4-premium-links{
    margin-top:2px!important;
    margin-bottom:7px!important;
  }

  .a4-premium-card{
    height:auto!important;
    min-height:0!important;
    padding:6px 2px 7px!important;
  }

  .a4-premium-logo{
    height:39px!important;
    margin-bottom:2px!important;
  }

  .a4-premium-card--iptv .a4-premium-logo{
    height:47px!important;
    margin-top:-4px!important;
    margin-bottom:-2px!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    margin-top:2px!important;
  }
}


/* =========================================================
   v2.9.8 — MOBILE/TABLET TIGHT VERTICAL PASS
   Desktop >=1025px untouched.
   - remove gap below HOME/MENU/SEARCH
   - slightly compress service cards vertically
   - preserve approved logos/ice design
   ========================================================= */

@media (max-width:1024px){

  .a4-premium-links{
    margin-top:-5px!important;
    margin-bottom:6px!important;
  }

  .a4-premium-card{
    height:auto!important;
    min-height:0!important;
    padding:5px 3px 6px!important;
  }

  .a4-premium-logo{
    height:clamp(39px,7.7vw,64px)!important;
    margin-bottom:2px!important;
  }

  .a4-premium-card--iptv .a4-premium-logo{
    height:clamp(46px,9vw,75px)!important;
    margin-top:-4px!important;
    margin-bottom:-1px!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    margin-top:2px!important;
  }
}

@media (max-width:480px){

  .a4-premium-links{
    margin-top:-5px!important;
    margin-bottom:5px!important;
  }

  .a4-premium-card{
    padding:4px 2px 5px!important;
  }

  .a4-premium-logo{
    height:36px!important;
    margin-bottom:1px!important;
  }

  .a4-premium-card--iptv .a4-premium-logo{
    height:44px!important;
    margin-top:-4px!important;
    margin-bottom:-2px!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    margin-top:1px!important;
  }
}


/* =========================================================
   v2.9.9 — MOBILE/TABLET TEXT POSITION ONLY
   Sizes/design/desktop are locked.
   Only add a little breathing room between logo and text.
   ========================================================= */

@media (max-width:1024px){
  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    margin-top:4px!important;
  }
}

@media (max-width:480px){
  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    margin-top:3px!important;
  }
}


/* =========================================================
   v3.0.0 — MOBILE/TABLET FINAL CLEANUP
   DESKTOP >=1025px COMPLETELY UNTOUCHED.
   - Yandex logo: remove white source-image background visually
   - tighter adaptive card height / unused vertical air
   - keep approved card design, typography and logo geometry
   ========================================================= */

@media (max-width:1024px){

  .a4-premium-links{
    margin-top:-5px!important;
    margin-bottom:5px!important;
  }

  .a4-premium-card{
    aspect-ratio:auto!important;
    height:auto!important;
    min-height:0!important;
    padding-top:4px!important;
    padding-bottom:5px!important;
  }

  .a4-premium-logo{
    margin-bottom:2px!important;
  }

  /* Keep the approved small separation between logo and title. */
  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    margin-top:3px!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    margin-top:1px!important;
    margin-bottom:0!important;
  }

  /* Yandex source PNG contains a white rectangle.
     Blend only its near-white pixels into the blue card without
     touching the logo geometry or the other three logos. */
  .a4-premium-card--yandex .a4-premium-logo,
  .a4-premium-card--disk .a4-premium-logo,
  .a4-premium-card:nth-child(3) .a4-premium-logo{
    mix-blend-mode:multiply!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .a4-premium-card--yandex .a4-premium-logo img,
  .a4-premium-card--disk .a4-premium-logo img,
  .a4-premium-card:nth-child(3) .a4-premium-logo img{
    mix-blend-mode:multiply!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}

@media (max-width:480px){

  .a4-premium-links{
    margin-top:-6px!important;
    margin-bottom:4px!important;
  }

  .a4-premium-card{
    height:auto!important;
    min-height:0!important;
    padding-top:3px!important;
    padding-bottom:4px!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    margin-top:3px!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    margin-top:1px!important;
  }
}


/* =========================================================
   v3.0.1 — MOBILE/TABLET IPTV MICRO-FIX ONLY
   Desktop >=1025px untouched.
   - slightly larger IPTV title
   - remove IPTV logo backing/plate
   - keep logo safely inside card boundaries
   ========================================================= */

@media (max-width:1024px){

  .a4-premium-card--iptv .a4-premium-logo{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    padding:0!important;
    max-width:68%!important;
  }

  .a4-premium-card--iptv .a4-premium-logo::before,
  .a4-premium-card--iptv .a4-premium-logo::after{
    content:none!important;
    display:none!important;
  }

  .a4-premium-card--iptv .a4-premium-logo img{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:0!important;
    max-width:100%!important;
    object-fit:contain!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(10.5px,2.3vw,18px)!important;
  }
}

@media (max-width:480px){

  .a4-premium-card--iptv .a4-premium-logo{
    max-width:66%!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(9.5px,2.85vw,12px)!important;
  }
}


/* =========================================================
   v3.0.2 — MOBILE/TABLET Ы-ТВ LOGO EDGE FIX ONLY
   Desktop >=1025px untouched.
   Keep card/design/text sizes locked.
   Pull the IPTV logo artwork safely away from card borders
   and neutralize any visible backing around the logo.
   ========================================================= */

@media (max-width:1024px){

  .a4-premium-card--iptv .a4-premium-logo{
    height:clamp(42px,8.2vw,68px)!important;
    width:auto!important;
    max-width:58%!important;
    margin-top:0!important;
    margin-bottom:2px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    mix-blend-mode:multiply!important;
  }

  .a4-premium-card--iptv .a4-premium-logo img{
    display:block!important;
    width:auto!important;
    height:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    object-fit:contain!important;
    mix-blend-mode:multiply!important;
  }
}

@media (max-width:480px){

  .a4-premium-card--iptv .a4-premium-logo{
    height:40px!important;
    max-width:56%!important;
    margin-top:0!important;
    margin-bottom:1px!important;
  }
}


/* =========================================================
   v3.0.3 — Ы-ТВ COLOR RESTORE
   Mobile/tablet only. Desktop untouched.
   Undo blend mode that darkened the original Ы-ТВ artwork.
   Keep only safe sizing/positioning inside the card.
   ========================================================= */

@media (max-width:1024px){
  .a4-premium-card--iptv .a4-premium-logo,
  .a4-premium-card--iptv .a4-premium-logo img{
    mix-blend-mode:normal!important;
    filter:none!important;
    opacity:1!important;
    background:transparent!important;
  }

  .a4-premium-card--iptv .a4-premium-logo{
    max-width:58%!important;
    overflow:visible!important;
  }

  .a4-premium-card--iptv .a4-premium-logo img{
    width:auto!important;
    height:100%!important;
    max-width:100%!important;
    object-fit:contain!important;
  }
}

@media (max-width:480px){
  .a4-premium-card--iptv .a4-premium-logo{
    max-width:56%!important;
  }
}


/* =========================================================
   v3.0.4 — MOBILE/TABLET FINAL POLISH
   Desktop >=1025px is locked and untouched.
   Final adaptive cleanup only:
   - remove remaining unused vertical air
   - balance logo/text spacing
   - improve small-screen readability
   - preserve approved card geometry and artwork
   ========================================================= */

@media (max-width:1024px){

  .a4-premium-links{
    margin-top:-6px!important;
    margin-bottom:4px!important;
    gap:clamp(5px,1.15vw,10px)!important;
    align-items:stretch!important;
  }

  .a4-premium-card{
    height:auto!important;
    min-height:0!important;
    padding:4px 3px 5px!important;
    justify-content:flex-start!important;
  }

  .a4-premium-logo{
    margin-top:0!important;
    margin-bottom:2px!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(11px,2.05vw,16px)!important;
    line-height:1.02!important;
    margin-top:3px!important;
    margin-bottom:0!important;
    white-space:nowrap!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    font-size:clamp(8.5px,1.55vw,11px)!important;
    line-height:1.02!important;
    margin-top:2px!important;
    margin-bottom:0!important;
  }

  /* IPTV: preserve original colors and keep artwork safely inside card. */
  .a4-premium-card--iptv .a4-premium-logo{
    height:clamp(42px,8.2vw,68px)!important;
    max-width:58%!important;
    margin-top:0!important;
    margin-bottom:1px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    mix-blend-mode:normal!important;
  }

  .a4-premium-card--iptv .a4-premium-logo img{
    width:auto!important;
    height:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    object-fit:contain!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(11.5px,2.15vw,17px)!important;
  }
}

@media (max-width:480px){

  .a4-premium-links{
    margin-top:-7px!important;
    margin-bottom:3px!important;
    gap:6px!important;
  }

  .a4-premium-card{
    padding:3px 2px 4px!important;
  }

  .a4-premium-logo{
    margin-bottom:1px!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    font-size:11px!important;
    line-height:1!important;
    margin-top:3px!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:11.5px!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    font-size:8.5px!important;
    line-height:1!important;
    margin-top:2px!important;
  }

  .a4-premium-card--iptv .a4-premium-logo{
    height:40px!important;
    max-width:56%!important;
    margin-bottom:0!important;
  }
}

@media (max-width:380px){

  .a4-premium-links{
    gap:4px!important;
  }

  .a4-premium-card{
    padding-left:1px!important;
    padding-right:1px!important;
  }

  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    font-size:10px!important;
  }

  .a4-premium-card--iptv .a4-premium-title{
    font-size:10.5px!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    font-size:7.8px!important;
  }
}


/* =========================================================
   v3.0.5 — DESKTOP VISUAL STYLE ONLY
   IMPORTANT:
   - Desktop dimensions/geometry/spacing/fonts are NOT changed.
   - Mobile/tablet <=1024px are NOT changed.
   - Only desktop card appearance is brought into the approved
     mobile/tablet glass/ice visual language.
   ========================================================= */

@media (min-width:1025px){

  .a4-premium-card{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    background:
      linear-gradient(145deg,
        rgba(255,255,255,.13) 0%,
        rgba(255,255,255,.025) 31%,
        rgba(0,0,0,.10) 64%,
        rgba(255,255,255,.075) 100%)!important;
    backdrop-filter:blur(9px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(9px) saturate(145%)!important;
  }

  /* Ice/glass facets — visual overlay only, no geometry changes. */
  .a4-premium-card::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    pointer-events:none!important;
    opacity:.48!important;
    background:
      linear-gradient(122deg, transparent 0 26%, rgba(255,255,255,.11) 27% 28%, transparent 29% 100%),
      linear-gradient(36deg, transparent 0 49%, rgba(255,255,255,.075) 50% 51%, transparent 52% 100%),
      linear-gradient(156deg, transparent 0 61%, rgba(255,255,255,.065) 62% 63%, transparent 64% 100%)!important;
  }

  .a4-premium-card--vip{
    background-color:rgba(107,18,178,.68)!important;
    border-color:rgba(204,83,255,.92)!important;
    box-shadow:
      inset 0 0 18px rgba(255,255,255,.07),
      0 0 14px rgba(170,38,255,.18)!important;
  }

  .a4-premium-card--iptv{
    background-color:rgba(0,129,151,.68)!important;
    border-color:rgba(40,224,238,.90)!important;
    box-shadow:
      inset 0 0 18px rgba(255,255,255,.07),
      0 0 14px rgba(0,213,230,.16)!important;
  }

  .a4-premium-card--disk{
    background-color:rgba(0,93,184,.70)!important;
    border-color:rgba(50,163,255,.92)!important;
    box-shadow:
      inset 0 0 18px rgba(255,255,255,.07),
      0 0 14px rgba(0,132,255,.16)!important;
  }

  .a4-premium-card--mega{
    background-color:rgba(173,22,48,.70)!important;
    border-color:rgba(255,77,105,.92)!important;
    box-shadow:
      inset 0 0 18px rgba(255,255,255,.07),
      0 0 14px rgba(255,42,78,.16)!important;
  }

  /* Keep original logo artwork clean — no white plates/backings. */
  .a4-premium-logo,
  .a4-premium-logo img{
    background:transparent!important;
    border-color:transparent!important;
  }

  .a4-premium-logo::before,
  .a4-premium-logo::after{
    content:none!important;
    display:none!important;
  }
}


/* =========================================================
   v3.0.6 — DESKTOP COLOR + TYPOGRAPHY MICRO-POLISH
   Desktop only. Mobile/tablet <=1024px untouched.
   Geometry, card sizes and spacing remain locked.
   ========================================================= */

@media (min-width:1025px){

  /* A little more color/saturation without changing dimensions. */
  .a4-premium-card{
    backdrop-filter:blur(9px) saturate(170%)!important;
    -webkit-backdrop-filter:blur(9px) saturate(170%)!important;
  }

  .a4-premium-card--vip{
    background-color:rgba(124,20,202,.76)!important;
    border-color:rgba(219,93,255,.96)!important;
    box-shadow:
      inset 0 0 20px rgba(255,255,255,.09),
      0 0 16px rgba(185,43,255,.24)!important;
  }

  .a4-premium-card--iptv{
    background-color:rgba(0,151,174,.76)!important;
    border-color:rgba(53,235,245,.96)!important;
    box-shadow:
      inset 0 0 20px rgba(255,255,255,.09),
      0 0 16px rgba(0,222,238,.22)!important;
  }

  .a4-premium-card--disk{
    background-color:rgba(0,111,211,.77)!important;
    border-color:rgba(65,177,255,.96)!important;
    box-shadow:
      inset 0 0 20px rgba(255,255,255,.09),
      0 0 16px rgba(0,143,255,.22)!important;
  }

  .a4-premium-card--mega{
    background-color:rgba(194,25,54,.77)!important;
    border-color:rgba(255,88,113,.96)!important;
    box-shadow:
      inset 0 0 20px rgba(255,255,255,.09),
      0 0 16px rgba(255,47,82,.22)!important;
  }

  /* Responsive desktop type only; card geometry is unchanged. */
  .a4-premium-title,
  .a4-premium-card--iptv .a4-premium-title{
    font-size:clamp(17px,1.22vw,19px)!important;
    line-height:1.02!important;
  }

  .a4-premium-sub,
  .a4-premium-card--vip .a4-premium-sub{
    font-size:clamp(10px,.78vw,11px)!important;
    line-height:1.04!important;
  }
}


/* =========================================================
   v3.0.7 — HOMEPAGE / НОВИНКИ (TEST)
   Automatic: 4 latest published posts.
   Desktop: 4 columns. Tablet/mobile: 2 columns.
   Existing header/service cards remain untouched.
   ========================================================= */

.a4-newest{
  margin:8px 0 18px;
}

.a4-newest-head{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:6px 10px;
  border:1px solid rgba(20,191,255,.72);
  border-radius:10px;
  background:linear-gradient(90deg,rgba(4,35,55,.96),rgba(5,23,39,.94));
  box-shadow:inset 0 0 18px rgba(0,176,255,.06);
}

.a4-newest-badge{
  flex:0 0 auto;
  padding:3px 8px 4px;
  border-radius:5px;
  background:linear-gradient(135deg,#ff2942,#d90020);
  color:#fff;
  font:800 italic 11px/1 "Segoe UI",Arial,sans-serif;
  box-shadow:0 0 10px rgba(255,30,65,.28);
}

.a4-newest-title{
  flex:0 0 auto;
  color:#fff;
  font:800 15px/1 "Segoe UI",Arial,sans-serif;
  letter-spacing:.2px;
}

.a4-newest-kicker{
  flex:0 0 auto;
  color:#20d7ff;
  font:700 8px/1 "Segoe UI",Arial,sans-serif;
  text-transform:uppercase;
}

.a4-newest-line{
  height:1px;
  flex:1 1 auto;
  min-width:20px;
  background:linear-gradient(90deg,rgba(31,210,255,.85),rgba(31,210,255,.08));
}

.a4-newest-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}

.a4-newest-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(27,190,244,.72);
  border-radius:10px;
  background:
    linear-gradient(145deg,rgba(9,39,59,.96),rgba(4,20,33,.98));
  box-shadow:
    inset 0 0 16px rgba(34,201,255,.045),
    0 5px 16px rgba(0,0,0,.18);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.a4-newest-card:hover{
  transform:translateY(-2px);
  border-color:rgba(59,218,255,.95);
  box-shadow:
    inset 0 0 18px rgba(34,201,255,.07),
    0 7px 20px rgba(0,153,220,.12);
}

.a4-newest-link{
  display:block;
  height:100%;
  color:inherit;
  text-decoration:none!important;
}

.a4-newest-thumb{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#061521;
  border-bottom:1px solid rgba(27,190,244,.48);
}

.a4-newest-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .22s ease;
}

.a4-newest-card:hover .a4-newest-thumb img{
  transform:scale(1.025);
}

.a4-newest-body{
  padding:8px 8px 9px;
}

.a4-newest-cat{
  display:inline-flex;
  align-items:center;
  min-height:19px;
  max-width:100%;
  margin:0 0 6px;
  padding:2px 6px;
  border:1px solid rgba(28,207,255,.68);
  border-radius:5px;
  color:#29d8ff;
  background:rgba(0,137,190,.10);
  font:700 8px/1 "Segoe UI",Arial,sans-serif;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.a4-newest-post-title{
  margin:0;
  color:#fff;
  font:700 clamp(13px,1.05vw,15px)/1.22 "Segoe UI",Roboto,Arial,sans-serif;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

@media (max-width:1024px){
  .a4-newest{
    margin-top:7px;
  }

  .a4-newest-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .a4-newest-post-title{
    font-size:clamp(12px,2.8vw,16px);
  }

  .a4-newest-cat{
    font-size:8px;
  }
}

@media (max-width:480px){
  .a4-newest-head{
    min-height:34px;
    gap:6px;
    padding:5px 7px;
  }

  .a4-newest-badge{
    padding:3px 6px;
    font-size:9px;
  }

  .a4-newest-title{
    font-size:12px;
  }

  .a4-newest-kicker{
    font-size:6.5px;
  }

  .a4-newest-grid{
    gap:6px;
    margin-top:7px;
  }

  .a4-newest-body{
    padding:6px 6px 7px;
  }

  .a4-newest-cat{
    min-height:17px;
    margin-bottom:5px;
    padding:2px 5px;
    font-size:7px;
  }

  .a4-newest-post-title{
    font-size:11px;
    line-height:1.18;
  }
}


/* =========================================================
   v3.0.8 — НОВИНКИ: TYPOGRAPHY + MOBILE/TABLET COMPACT PASS
   Header/service cards untouched.
   - slightly smaller article titles everywhere
   - allow more title text to fit
   - compact card text area on <=1024px
   ========================================================= */

/* Desktop: a little smaller, but still comfortably readable. */
@media (min-width:1025px){
  .a4-newest-post-title{
    font-size:clamp(12px,.92vw,14px)!important;
    line-height:1.18!important;
    -webkit-line-clamp:3!important;
  }

  .a4-newest-body{
    padding:7px 8px 8px!important;
  }

  .a4-newest-cat{
    margin-bottom:5px!important;
  }
}

/* Tablet/mobile: tighten only the lower text section of cards. */
@media (max-width:1024px){
  .a4-newest-body{
    padding:5px 6px 6px!important;
  }

  .a4-newest-cat{
    min-height:16px!important;
    margin-bottom:4px!important;
    padding:1px 5px!important;
    font-size:7px!important;
  }

  .a4-newest-post-title{
    font-size:clamp(10px,2.35vw,13px)!important;
    line-height:1.14!important;
    -webkit-line-clamp:3!important;
  }
}

@media (max-width:480px){
  .a4-newest{
    margin-bottom:12px!important;
  }

  .a4-newest-grid{
    gap:5px!important;
  }

  .a4-newest-body{
    padding:4px 5px 5px!important;
  }

  .a4-newest-cat{
    min-height:15px!important;
    margin-bottom:3px!important;
    padding:1px 4px!important;
    font-size:6.5px!important;
  }

  .a4-newest-post-title{
    font-size:10px!important;
    line-height:1.12!important;
    -webkit-line-clamp:3!important;
  }
}


/* =========================================================
   v3.0.9 — НОВИНКИ META ROW
   Category + publication date + all-time views.
   Existing card dimensions/design remain intact.
   ========================================================= */

.a4-newest-meta{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  margin:0 0 5px;
  white-space:nowrap;
}

.a4-newest-meta .a4-newest-cat{
  margin:0!important;
  flex:0 1 auto;
}

.a4-newest-date,
.a4-newest-views{
  color:rgba(220,238,247,.78);
  font:600 7.5px/1 "Segoe UI",Arial,sans-serif;
}

.a4-newest-date{
  margin-left:auto;
}

.a4-newest-views{
  display:inline-flex;
  align-items:center;
  gap:2px;
}

.a4-newest-eye{
  color:#25d5ff;
  font-size:7px;
  line-height:1;
}

@media (max-width:1024px){
  .a4-newest-meta{
    gap:4px;
    margin-bottom:4px;
  }

  .a4-newest-date,
  .a4-newest-views{
    font-size:7px;
  }
}

@media (max-width:480px){
  .a4-newest-meta{
    gap:3px;
    margin-bottom:3px;
  }

  .a4-newest-date,
  .a4-newest-views{
    font-size:6.5px;
  }

  .a4-newest-eye{
    font-size:6px;
  }
}


/* =========================================================
   v3.1.0 — НОВИНКИ META CHIPS + REAL TOTAL VIEWS
   Category / date / views now share the same visual weight.
   Card dimensions and approved page layout stay untouched.
   ========================================================= */

.a4-newest-meta{
  gap:4px!important;
  align-items:center!important;
}

.a4-newest-meta .a4-newest-cat,
.a4-newest-date,
.a4-newest-views{
  box-sizing:border-box!important;
  min-height:19px!important;
  padding:2px 6px!important;
  border-radius:5px!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:8px!important;
  font-weight:700!important;
  line-height:1!important;
}

.a4-newest-meta .a4-newest-cat{
  color:#2ad9ff!important;
  border:1px solid rgba(36,210,255,.76)!important;
  background:rgba(0,151,205,.11)!important;
}

.a4-newest-date{
  margin-left:auto!important;
  color:#d7e8f2!important;
  border:1px solid rgba(151,184,207,.46)!important;
  background:rgba(108,142,168,.10)!important;
}

.a4-newest-views{
  color:#e1cfff!important;
  border:1px solid rgba(168,107,255,.62)!important;
  background:rgba(119,55,203,.13)!important;
}

.a4-newest-eye{
  position:relative!important;
  display:inline-block!important;
  width:9px!important;
  height:6px!important;
  margin-right:2px!important;
  border:1px solid currentColor!important;
  border-radius:50% / 60%!important;
  color:#cda8ff!important;
}

.a4-newest-eye::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:2px!important;
  height:2px!important;
  border-radius:50%!important;
  background:currentColor!important;
  transform:translate(-50%,-50%)!important;
}

@media (max-width:1024px){
  .a4-newest-meta .a4-newest-cat,
  .a4-newest-date,
  .a4-newest-views{
    min-height:17px!important;
    padding:2px 4px!important;
    font-size:7px!important;
  }
}

@media (max-width:480px){
  .a4-newest-meta{
    gap:2px!important;
  }

  .a4-newest-meta .a4-newest-cat,
  .a4-newest-date,
  .a4-newest-views{
    min-height:15px!important;
    padding:1px 3px!important;
    font-size:6.2px!important;
  }

  .a4-newest-eye{
    width:7px!important;
    height:5px!important;
    margin-right:1px!important;
  }
}

/* v3.1.1 — search-stat chip/icon only */
.a4-newest-views{
  color:#e6d7ff!important;
  border-color:rgba(170,111,255,.72)!important;
  background:rgba(119,55,203,.16)!important;
}
.a4-newest-eye{
  position:relative!important;display:inline-block!important;
  width:8px!important;height:8px!important;margin:0 4px 0 0!important;
  border:1.5px solid #d4b4ff!important;border-radius:50%!important;
  color:#d4b4ff!important;background:transparent!important;
}
.a4-newest-eye::after{
  content:""!important;position:absolute!important;width:4px!important;height:1.5px!important;
  right:-3px!important;bottom:-1px!important;border-radius:2px!important;
  background:currentColor!important;transform:rotate(45deg)!important;
}
@media (max-width:480px){
  .a4-newest-eye{width:7px!important;height:7px!important;margin-right:3px!important;border-width:1.25px!important}
  .a4-newest-eye::after{width:3px!important;right:-2px!important}
}


/* =========================================================
   v3.1.2 — HOMEPAGE / БИТВА АРТУРЫ4
   Automatic latest post with existing Battle metadata.
   No winner and no score are exposed on the homepage.
   ========================================================= */

.a4-battle-home{
  margin:8px 0 18px;
}

.a4-battle-head{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:6px 10px;
  border:1px solid rgba(20,191,255,.72);
  border-radius:10px;
  background:linear-gradient(90deg,rgba(4,35,55,.96),rgba(5,23,39,.94));
  box-shadow:inset 0 0 18px rgba(0,176,255,.06);
}

.a4-battle-icon{
  flex:0 0 auto;
  padding:3px 7px 4px;
  border:1px solid rgba(255,79,93,.88);
  border-radius:5px;
  background:linear-gradient(135deg,#ff344a,#a90020);
  color:#fff;
  font:900 italic 10px/1 "Segoe UI",Arial,sans-serif;
  box-shadow:0 0 10px rgba(255,35,61,.25);
}

.a4-battle-heading{
  flex:0 0 auto;
  color:#fff;
  font:800 15px/1 "Segoe UI",Arial,sans-serif;
}

.a4-battle-kicker{
  flex:0 0 auto;
  color:#ff6877;
  font:800 8px/1 "Segoe UI",Arial,sans-serif;
}

.a4-battle-line{
  height:1px;
  flex:1 1 auto;
  min-width:20px;
  background:linear-gradient(90deg,rgba(255,74,93,.76),rgba(30,203,255,.20),rgba(30,203,255,.03));
}

.a4-battle-feature{
  display:grid;
  grid-template-columns:minmax(0,39%) minmax(0,61%);
  min-height:170px;
  margin-top:10px;
  overflow:hidden;
  border:1px solid rgba(34,201,255,.76);
  border-radius:12px;
  color:inherit;
  text-decoration:none!important;
  background:
    radial-gradient(circle at 79% 48%,rgba(138,35,255,.17),transparent 34%),
    linear-gradient(120deg,rgba(6,34,53,.98),rgba(7,19,34,.99));
  box-shadow:
    inset 0 0 24px rgba(35,203,255,.05),
    0 7px 20px rgba(0,0,0,.20);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.a4-battle-feature:hover{
  transform:translateY(-2px);
  border-color:rgba(59,218,255,.98);
  box-shadow:
    inset 0 0 26px rgba(35,203,255,.07),
    0 8px 24px rgba(0,154,220,.14);
}

.a4-battle-cover{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#061521;
  border-right:1px solid rgba(35,203,255,.42);
}

.a4-battle-cover img{
  display:block;
  width:100%;
  height:100%;
  min-height:170px;
  object-fit:cover;
  transition:transform .22s ease;
}

.a4-battle-feature:hover .a4-battle-cover img{
  transform:scale(1.02);
}

.a4-battle-cover-vs{
  position:absolute;
  right:10px;
  bottom:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:35px;
  height:35px;
  border:1px solid rgba(255,91,105,.92);
  border-radius:50%;
  background:rgba(127,0,24,.88);
  color:#fff;
  font:900 italic 11px/1 "Segoe UI",Arial,sans-serif;
  box-shadow:0 0 14px rgba(255,38,69,.30);
}

.a4-battle-content{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:15px 18px;
}

.a4-battle-label{
  align-self:flex-start;
  margin-bottom:7px;
  padding:3px 7px;
  border:1px solid rgba(255,83,102,.68);
  border-radius:5px;
  color:#ff8390;
  background:rgba(159,18,43,.12);
  font:800 8px/1 "Segoe UI",Arial,sans-serif;
}

.a4-battle-title{
  margin:0;
  color:#fff;
  font:800 clamp(17px,1.55vw,23px)/1.13 "Segoe UI",Roboto,Arial,sans-serif;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

.a4-battle-mystery{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
}

.a4-battle-question{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:37px;
  height:37px;
  border:1px solid rgba(182,105,255,.80);
  border-radius:9px;
  color:#e3c6ff;
  background:linear-gradient(145deg,rgba(114,37,190,.32),rgba(26,15,50,.50));
  font:900 24px/1 "Segoe UI",Arial,sans-serif;
  box-shadow:0 0 13px rgba(144,63,235,.16);
}

.a4-battle-mystery-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.a4-battle-mystery-copy strong{
  color:#fff;
  font:800 11px/1 "Segoe UI",Arial,sans-serif;
}

.a4-battle-mystery-copy small{
  color:rgba(216,232,241,.70);
  font:500 9px/1.15 "Segoe UI",Arial,sans-serif;
}

.a4-battle-cta{
  align-self:flex-start;
  margin-top:11px;
  padding:5px 9px;
  border:1px solid rgba(33,207,255,.76);
  border-radius:6px;
  color:#2bdcff;
  background:rgba(0,141,194,.10);
  font:800 9px/1 "Segoe UI",Arial,sans-serif;
}

.a4-battle-cta b{
  margin-left:4px;
  color:#fff;
}

@media (max-width:1024px){
  .a4-battle-feature{
    grid-template-columns:1fr;
    min-height:0;
  }

  .a4-battle-cover{
    aspect-ratio:16/9;
    border-right:0;
    border-bottom:1px solid rgba(35,203,255,.42);
  }

  .a4-battle-cover img{
    min-height:0;
    height:100%;
  }

  .a4-battle-content{
    padding:10px 12px 12px;
  }

  .a4-battle-title{
    font-size:clamp(15px,3.3vw,21px);
  }
}

@media (max-width:480px){
  .a4-battle-home{
    margin:7px 0 13px;
  }

  .a4-battle-head{
    min-height:34px;
    gap:6px;
    padding:5px 7px;
  }

  .a4-battle-icon{
    padding:3px 5px;
    font-size:8px;
  }

  .a4-battle-heading{
    font-size:12px;
  }

  .a4-battle-kicker{
    font-size:6.5px;
  }

  .a4-battle-content{
    padding:8px 9px 9px;
  }

  .a4-battle-label{
    margin-bottom:5px;
    font-size:7px;
  }

  .a4-battle-title{
    font-size:14px;
    line-height:1.12;
  }

  .a4-battle-mystery{
    gap:7px;
    margin-top:8px;
  }

  .a4-battle-question{
    width:31px;
    height:31px;
    border-radius:7px;
    font-size:20px;
  }

  .a4-battle-mystery-copy strong{
    font-size:9px;
  }

  .a4-battle-mystery-copy small{
    font-size:8px;
  }

  .a4-battle-cta{
    margin-top:8px;
    padding:4px 7px;
    font-size:8px;
  }
}


/* =========================================================
   v3.1.3 — БИТВА: approved richer horizontal layout
   Adds date/category/excerpt and balances unused space.
   No winner/score spoilers.
   ========================================================= */

@media (min-width:1025px){
  .a4-battle-head{
    min-height:42px!important;
    padding:7px 12px!important;
  }

  .a4-battle-heading{
    font-size:17px!important;
  }

  .a4-battle-kicker{
    color:#29d9ff!important;
    font-size:8px!important;
    letter-spacing:.15px!important;
  }

  .a4-battle-feature{
    grid-template-columns:minmax(0,40%) minmax(0,60%)!important;
    min-height:196px!important;
    background:
      radial-gradient(circle at 82% 42%,rgba(92,53,205,.20),transparent 38%),
      linear-gradient(118deg,rgba(5,32,50,.99),rgba(9,20,48,.99))!important;
  }

  .a4-battle-cover img{
    min-height:196px!important;
  }

  .a4-battle-content{
    justify-content:flex-start!important;
    padding:16px 18px 14px!important;
  }

  .a4-battle-meta{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    margin-bottom:10px!important;
  }

  .a4-battle-meta .a4-battle-label{
    margin:0!important;
  }

  .a4-battle-date,
  .a4-battle-category{
    display:inline-flex!important;
    align-items:center!important;
    min-height:20px!important;
    padding:3px 7px!important;
    border-radius:5px!important;
    font:700 8px/1 "Segoe UI",Arial,sans-serif!important;
  }

  .a4-battle-date{
    color:#d8eaff!important;
    border:1px solid rgba(48,151,255,.62)!important;
    background:rgba(20,89,164,.13)!important;
  }

  .a4-battle-category{
    color:#54e4ff!important;
    border:1px solid rgba(38,207,255,.62)!important;
    background:rgba(0,139,190,.11)!important;
  }

  .a4-battle-title{
    font-size:clamp(18px,1.6vw,23px)!important;
    line-height:1.12!important;
    -webkit-line-clamp:2!important;
  }

  .a4-battle-excerpt{
    margin:9px 0 0!important;
    max-width:96%!important;
    color:rgba(229,239,246,.82)!important;
    font:500 clamp(10px,.82vw,12px)/1.35 "Segoe UI",Roboto,Arial,sans-serif!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }

  .a4-battle-bottom{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin-top:auto!important;
    padding-top:12px!important;
  }

  .a4-battle-mystery{
    margin-top:0!important;
  }

  .a4-battle-question{
    width:42px!important;
    height:42px!important;
    font-size:27px!important;
  }

  .a4-battle-mystery-copy strong{
    font-size:12px!important;
  }

  .a4-battle-mystery-copy small{
    font-size:9px!important;
  }

  .a4-battle-cta{
    flex:0 0 auto!important;
    margin-top:0!important;
    padding:8px 12px!important;
    font-size:10px!important;
    box-shadow:0 0 12px rgba(28,204,255,.10)!important;
  }
}

@media (max-width:1024px){
  .a4-battle-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
    margin-bottom:7px;
  }

  .a4-battle-meta .a4-battle-label{
    margin:0!important;
  }

  .a4-battle-date,
  .a4-battle-category{
    display:inline-flex;
    align-items:center;
    min-height:18px;
    padding:2px 5px;
    border-radius:5px;
    font:700 7px/1 "Segoe UI",Arial,sans-serif;
  }

  .a4-battle-date{
    color:#d8eaff;
    border:1px solid rgba(48,151,255,.55);
    background:rgba(20,89,164,.12);
  }

  .a4-battle-category{
    color:#54e4ff;
    border:1px solid rgba(38,207,255,.55);
    background:rgba(0,139,190,.10);
  }

  .a4-battle-excerpt{
    margin:7px 0 0;
    color:rgba(229,239,246,.80);
    font:500 clamp(9px,2.1vw,12px)/1.3 "Segoe UI",Roboto,Arial,sans-serif;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
  }

  .a4-battle-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:9px;
  }

  .a4-battle-mystery{
    margin-top:0!important;
  }

  .a4-battle-cta{
    margin-top:0!important;
    flex:0 0 auto;
  }
}

@media (max-width:480px){
  .a4-battle-excerpt{
    font-size:9px;
    -webkit-line-clamp:2;
  }

  .a4-battle-bottom{
    align-items:flex-end;
  }

  .a4-battle-date,
  .a4-battle-category{
    min-height:16px;
    padding:2px 4px;
    font-size:6.5px;
  }
}


/* =========================================================
   v3.1.4 — MAIN COLUMN / BATTLE OVERFLOW FIX
   No visual redesign and no width changes.
   Prevent long Battle content and CTA from pushing the
   main grid track into the sidebar.
   ========================================================= */

.a4-battle-home,
.a4-battle-feature,
.a4-battle-content,
.a4-battle-bottom,
.a4-battle-mystery,
.a4-battle-mystery-copy{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

.a4-battle-home{
  width:100%!important;
  overflow:hidden!important;
}

.a4-battle-feature{
  width:100%!important;
}

.a4-battle-title,
.a4-battle-excerpt,
.a4-battle-mystery-copy strong,
.a4-battle-mystery-copy small{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}

.a4-battle-cta{
  max-width:100%!important;
  box-sizing:border-box!important;
}

@media (min-width:1025px){
  .a4-battle-bottom{
    flex-wrap:wrap!important;
  }

  .a4-battle-mystery{
    flex:1 1 180px!important;
  }

  .a4-battle-cta{
    flex:0 1 auto!important;
    white-space:nowrap!important;
  }
}


/* =========================================================
   v3.1.6 — НОВИНКИ: HORIZONTAL SIDEBAR CLEARANCE ONLY
   Reverts v3.1.5 vertical/text compression completely.
   Desktop only:
   - preserve original v3.1.4 card height, typography and padding
   - reduce only the total horizontal width of the Новинки block
   - keep content from ever pushing into the sidebar
   Mobile/tablet untouched.
   ========================================================= */

@media (min-width:1025px){

  .a4-newest{
    width:calc(100% - 38px)!important;
    max-width:calc(100% - 38px)!important;
    margin-left:4px!important;
    margin-right:34px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .a4-newest-head,
  .a4-newest-grid,
  .a4-newest-card,
  .a4-newest-link,
  .a4-newest-body{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .a4-newest-grid{
    width:100%!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  .a4-newest-card{
    min-width:0!important;
    overflow:hidden!important;
  }

  .a4-newest-post-title{
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }
}


/* =========================================================
   v3.1.7 — НОВИНКИ: MORE TITLE HEIGHT
   Width/sidebar clearance remains exactly as v3.1.6.
   Only give the article-title area more vertical room.
   ========================================================= */

@media (min-width:1025px){
  .a4-newest-post-title{
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
  }

  .a4-newest-body{
    min-height:82px!important;
  }
}

@media (max-width:1024px){
  .a4-newest-post-title{
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
  }
}

@media (max-width:480px){
  .a4-newest-post-title{
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
  }
}


/* =========================================================
   v3.1.8 — БИТВА: SIDEBAR SAFE WIDTH
   Match the approved horizontal clearance used by Новинки.
   No vertical compression, no redesign.
   Desktop only.
   ========================================================= */

@media (min-width:1025px){
  .a4-battle-home{
    width:calc(100% - 38px)!important;
    max-width:calc(100% - 38px)!important;
    margin-left:4px!important;
    margin-right:34px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .a4-battle-head,
  .a4-battle-feature,
  .a4-battle-cover,
  .a4-battle-content,
  .a4-battle-meta,
  .a4-battle-bottom{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .a4-battle-feature{
    width:100%!important;
    grid-template-columns:minmax(0,40%) minmax(0,60%)!important;
  }

  .a4-battle-content{
    overflow:hidden!important;
  }

  .a4-battle-title,
  .a4-battle-excerpt{
    max-width:100%!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
  }

  .a4-battle-bottom{
    width:100%!important;
    flex-wrap:nowrap!important;
  }

  .a4-battle-mystery{
    min-width:0!important;
    flex:1 1 auto!important;
  }

  .a4-battle-cta{
    flex:0 1 auto!important;
    max-width:46%!important;
    white-space:nowrap!important;
  }
}


/* =========================================================
   v3.1.9 — SECTION RHYTHM + MOBILE/TABLET NOVINKI COMPACT
   Desktop card dimensions stay approved.
   - remove excess vertical air between Novinki and Battle
   - compact Novinki carefully on <=1024px
   ========================================================= */

/* Desktop: only vertical spacing between approved sections. */
@media (min-width:1025px){
  .a4-newest{
    margin-bottom:8px!important;
  }

  .a4-battle-home{
    margin-top:0!important;
  }
}

/* Tablet/mobile: keep 2x2 layout but reduce its screen height. */
@media (max-width:1024px){
  .a4-newest{
    margin-bottom:7px!important;
  }

  .a4-battle-home{
    margin-top:0!important;
  }

  .a4-newest-grid{
    gap:6px!important;
  }

  .a4-newest-body{
    min-height:0!important;
    padding:4px 5px 5px!important;
  }

  .a4-newest-meta{
    margin-bottom:3px!important;
    gap:3px!important;
  }

  .a4-newest-meta .a4-newest-cat,
  .a4-newest-date,
  .a4-newest-views{
    min-height:15px!important;
    padding:1px 4px!important;
    font-size:6.5px!important;
  }

  .a4-newest-post-title{
    font-size:clamp(9px,1.85vw,11px)!important;
    line-height:1.10!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
  }
}

@media (max-width:480px){
  .a4-newest{
    margin-bottom:6px!important;
  }

  .a4-newest-grid{
    gap:5px!important;
  }

  .a4-newest-body{
    padding:3px 4px 4px!important;
  }

  .a4-newest-meta{
    margin-bottom:2px!important;
    gap:2px!important;
  }

  .a4-newest-meta .a4-newest-cat,
  .a4-newest-date,
  .a4-newest-views{
    min-height:14px!important;
    padding:1px 3px!important;
    font-size:6px!important;
  }

  .a4-newest-post-title{
    font-size:9px!important;
    line-height:1.08!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
  }
}


/* =========================================================
   v3.2.0 — БИТВА: DESKTOP TITLE FIT ONLY
   Mobile/tablet <=1024px untouched.
   Keep the approved Battle geometry; only make the desktop
   title fit naturally without ugly word/line truncation.
   ========================================================= */

@media (min-width:1025px){
  .a4-battle-title{
    font-size:clamp(16px,1.38vw,20px)!important;
    line-height:1.10!important;
    display:block!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
}


/* =========================================================
   v3.2.1 — БИТВА: DESKTOP CTA BUTTON
   Desktop only. Mobile/tablet untouched.
   Make "УЗНАТЬ РЕЗУЛЬТАТ" a fuller button and use the
   available lower-right space without changing card size.
   ========================================================= */

@media (min-width:1025px){
  .a4-battle-bottom{
    align-items:stretch!important;
  }

  .a4-battle-cta{
    align-self:stretch!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:190px!important;
    max-width:none!important;
    min-height:42px!important;
    padding:8px 18px!important;
    border:1px solid rgba(37,211,255,.95)!important;
    border-radius:8px!important;
    color:#58e5ff!important;
    background:
      linear-gradient(180deg,rgba(0,165,220,.20),rgba(0,83,137,.18))!important;
    box-shadow:
      inset 0 0 16px rgba(36,210,255,.08),
      0 0 14px rgba(26,190,255,.12)!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.1px!important;
    white-space:nowrap!important;
  }

  .a4-battle-feature:hover .a4-battle-cta{
    background:
      linear-gradient(180deg,rgba(0,190,245,.28),rgba(0,100,158,.23))!important;
    border-color:#52e5ff!important;
    box-shadow:
      inset 0 0 18px rgba(48,220,255,.11),
      0 0 18px rgba(30,205,255,.18)!important;
  }

  .a4-battle-cta b{
    margin-left:8px!important;
    font-size:14px!important;
  }
}


/* =========================================================
   v3.2.2 — БИТВА: DESKTOP MYSTERY PANEL
   Desktop only. Mobile/tablet untouched.
   Enlarge "КТО ПОБЕДИЛ?" area and turn it into a polished
   purple panel balancing the CTA button on the right.
   ========================================================= */

@media (min-width:1025px){
  .a4-battle-mystery{
    min-height:42px!important;
    padding:6px 12px 6px 7px!important;
    border:1px solid rgba(177,101,255,.78)!important;
    border-radius:9px!important;
    background:
      radial-gradient(circle at 12% 50%,rgba(186,91,255,.23),transparent 35%),
      linear-gradient(105deg,rgba(89,28,153,.32),rgba(37,18,78,.38))!important;
    box-shadow:
      inset 0 0 18px rgba(171,80,255,.08),
      0 0 13px rgba(126,52,220,.10)!important;
  }

  .a4-battle-question{
    width:42px!important;
    height:42px!important;
    border-color:rgba(205,139,255,.92)!important;
    background:linear-gradient(145deg,rgba(154,65,225,.48),rgba(64,24,113,.58))!important;
    color:#f0d9ff!important;
    font-size:27px!important;
    box-shadow:0 0 13px rgba(175,81,255,.20)!important;
  }

  .a4-battle-mystery-copy{
    gap:4px!important;
  }

  .a4-battle-mystery-copy strong{
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
  }

  .a4-battle-mystery-copy small{
    color:#d6c6e8!important;
    font-size:9.5px!important;
    font-weight:500!important;
    line-height:1.1!important;
  }
}

/* v3.2.3 — ONLY Battle on mobile/tablet. Desktop untouched. */
@media (max-width:1024px){
 .a4-battle-home{margin-top:0!important;margin-bottom:8px!important}
 .a4-battle-feature{display:grid!important;grid-template-columns:minmax(0,42%) minmax(0,58%)!important;min-height:0!important;height:auto!important;align-items:stretch!important}
 .a4-battle-cover{width:100%!important;aspect-ratio:16/9!important;align-self:center!important;border-right:1px solid rgba(35,203,255,.42)!important;border-bottom:0!important;overflow:hidden!important}
 .a4-battle-cover img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important}
 .a4-battle-cover-vs{width:28px!important;height:28px!important;right:6px!important;bottom:6px!important;font-size:9px!important}
 .a4-battle-content{justify-content:center!important;padding:8px 9px!important;overflow:hidden!important}
 .a4-battle-meta{gap:4px!important;margin-bottom:5px!important}
 .a4-battle-meta .a4-battle-label,.a4-battle-date,.a4-battle-category{min-height:16px!important;padding:2px 4px!important;font-size:6.5px!important}
 .a4-battle-title{margin:0!important;font-size:clamp(12px,2.1vw,17px)!important;line-height:1.08!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;overflow:hidden!important;overflow-wrap:normal!important;word-break:normal!important}
 .a4-battle-excerpt{margin:5px 0 0!important;font-size:clamp(8px,1.35vw,10px)!important;line-height:1.18!important;-webkit-line-clamp:2!important;line-clamp:2!important}
 .a4-battle-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch!important;gap:6px!important;margin-top:7px!important}
 .a4-battle-mystery{min-width:0!important;min-height:34px!important;margin:0!important;padding:4px 6px!important;border:1px solid rgba(177,101,255,.72)!important;border-radius:7px!important;background:linear-gradient(105deg,rgba(89,28,153,.28),rgba(37,18,78,.34))!important}
 .a4-battle-question{width:30px!important;height:30px!important;border-radius:7px!important;font-size:20px!important}
 .a4-battle-mystery-copy{gap:2px!important}
 .a4-battle-mystery-copy strong{font-size:9px!important;line-height:1!important}
 .a4-battle-mystery-copy small{font-size:7px!important;line-height:1.05!important}
 .a4-battle-cta{align-self:stretch!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;min-height:34px!important;padding:5px 8px!important;border-radius:7px!important;font-size:8px!important;white-space:nowrap!important}
}
@media (max-width:560px){
 .a4-battle-feature{grid-template-columns:1fr!important}
 .a4-battle-cover{width:100%!important;aspect-ratio:16/9!important;border-right:0!important;border-bottom:1px solid rgba(35,203,255,.42)!important}
 .a4-battle-content{padding:6px 7px 7px!important}
 .a4-battle-meta{margin-bottom:4px!important}
 .a4-battle-title{font-size:12px!important;line-height:1.06!important;-webkit-line-clamp:2!important;line-clamp:2!important}
 .a4-battle-excerpt{display:none!important}
 .a4-battle-bottom{gap:5px!important;margin-top:5px!important}
 .a4-battle-mystery{min-height:31px!important;padding:3px 5px!important}
 .a4-battle-question{width:27px!important;height:27px!important;font-size:18px!important}
 .a4-battle-mystery-copy strong{font-size:8px!important}
 .a4-battle-mystery-copy small{font-size:6.5px!important}
 .a4-battle-cta{min-height:31px!important;padding:4px 6px!important;font-size:7px!important}
}

/* =========================================================
   v3.2.4 — BATTLE ONLY: compact mobile/tablet horizontal card
   Desktop untouched. Other homepage sections untouched.
   ========================================================= */
@media (max-width:1024px){
 .a4-battle-feature{
   display:grid!important;
   grid-template-columns:minmax(0,43%) minmax(0,57%)!important;
   align-items:stretch!important;
   min-height:0!important;
 }
 .a4-battle-cover{
   width:100%!important;
   aspect-ratio:16/9!important;
   align-self:center!important;
   border-right:1px solid rgba(35,203,255,.42)!important;
   border-bottom:0!important;
 }
 .a4-battle-cover img{width:100%!important;height:100%!important;object-fit:cover!important;min-height:0!important}
 .a4-battle-content{padding:8px 9px!important;justify-content:center!important}
 .a4-battle-title{
   font-size:clamp(14px,2.5vw,18px)!important;
   line-height:1.1!important;
   -webkit-line-clamp:3!important;
   line-clamp:3!important;
 }
 .a4-battle-excerpt{display:none!important}
 .a4-battle-bottom{margin-top:8px!important}
}

/* Phones: do NOT return to full-width cover.
   Keep the cover smaller at left and restore readable text. */
@media (max-width:560px){
 .a4-battle-feature{
   grid-template-columns:minmax(0,44%) minmax(0,56%)!important;
 }
 .a4-battle-cover{
   width:100%!important;
   aspect-ratio:16/9!important;
   align-self:start!important;
   margin-top:8px!important;
   border-right:1px solid rgba(35,203,255,.42)!important;
   border-bottom:0!important;
 }
 .a4-battle-cover-vs{
   width:25px!important;height:25px!important;right:5px!important;bottom:5px!important;font-size:8px!important
 }
 .a4-battle-content{
   padding:7px 7px 7px!important;
   justify-content:flex-start!important;
 }
 .a4-battle-meta{
   gap:3px!important;
   margin-bottom:5px!important;
 }
 .a4-battle-meta .a4-battle-label,.a4-battle-date,.a4-battle-category{
   min-height:16px!important;padding:2px 4px!important;font-size:6.5px!important
 }
 .a4-battle-title{
   font-size:12.5px!important;
   line-height:1.1!important;
   -webkit-line-clamp:4!important;
   line-clamp:4!important;
 }
 .a4-battle-bottom{
   grid-column:1/-1!important;
 }
}

/* On very narrow phones, keep the same compact principle. */
@media (max-width:390px){
 .a4-battle-feature{grid-template-columns:minmax(0,42%) minmax(0,58%)!important}
 .a4-battle-title{font-size:11.5px!important}
}


/* =========================================================
   v3.2.8 — BATTLE MOBILE/TABLET LOCKED 50/50 CONCEPT
   Based on clean v3.2.4.
   Desktop >=1025px untouched.
   Only Battle changes.
   Left half = 16:9 cover.
   Right half = meta + title + controls.
   Nothing spans below the cover.
   ========================================================= */

@media (max-width:1024px){

  .a4-battle-feature{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:start!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  .a4-battle-cover{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    aspect-ratio:16/9!important;
    align-self:start!important;
    margin:0!important;
    border-right:1px solid rgba(35,203,255,.42)!important;
    border-bottom:0!important;
    overflow:hidden!important;
  }

  .a4-battle-cover img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
  }

  .a4-battle-cover-vs{
    width:27px!important;
    height:27px!important;
    right:5px!important;
    bottom:5px!important;
    font-size:8px!important;
  }

  .a4-battle-content{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:7px 8px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }

  .a4-battle-meta{
    gap:3px!important;
    margin:0 0 5px!important;
    flex-wrap:wrap!important;
  }

  .a4-battle-meta .a4-battle-label,
  .a4-battle-date,
  .a4-battle-category{
    min-height:16px!important;
    padding:2px 4px!important;
    font-size:6.5px!important;
    line-height:1!important;
  }

  .a4-battle-title{
    margin:0!important;
    font-size:clamp(12px,2.15vw,16px)!important;
    line-height:1.08!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
    overflow:hidden!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .a4-battle-excerpt{
    display:none!important;
  }

  .a4-battle-bottom{
    width:100%!important;
    min-width:0!important;
    margin:7px 0 0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;
    gap:5px!important;
    align-items:stretch!important;
  }

  .a4-battle-mystery{
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    height:38px!important;
    margin:0!important;
    padding:3px 5px!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .a4-battle-question{
    flex:0 0 28px!important;
    width:28px!important;
    height:28px!important;
    font-size:18px!important;
  }

  .a4-battle-mystery-copy{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  .a4-battle-mystery-copy strong{
    display:block!important;
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .a4-battle-mystery-copy small{
    display:block!important;
    margin-top:2px!important;
    font-size:6px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .a4-battle-cta{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:38px!important;
    height:38px!important;
    margin:0!important;
    padding:3px 5px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    font-size:7px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
}

@media (max-width:560px){

  .a4-battle-feature{
    grid-template-columns:50% 50%!important;
  }

  .a4-battle-content{
    padding:6px 6px!important;
  }

  .a4-battle-meta{
    gap:2px!important;
    margin-bottom:4px!important;
  }

  .a4-battle-meta .a4-battle-label,
  .a4-battle-date,
  .a4-battle-category{
    min-height:15px!important;
    padding:2px 3px!important;
    font-size:6px!important;
  }

  .a4-battle-title{
    font-size:11.5px!important;
    line-height:1.07!important;
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
  }

  .a4-battle-bottom{
    margin-top:6px!important;
    grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;
    gap:4px!important;
  }

  .a4-battle-mystery,
  .a4-battle-cta{
    min-height:36px!important;
    height:36px!important;
  }

  .a4-battle-mystery{
    padding:3px 4px!important;
    gap:4px!important;
  }

  .a4-battle-question{
    flex-basis:26px!important;
    width:26px!important;
    height:26px!important;
    font-size:17px!important;
  }

  .a4-battle-mystery-copy strong{
    font-size:7.5px!important;
  }

  .a4-battle-mystery-copy small{
    font-size:5.7px!important;
  }

  .a4-battle-cta{
    padding:3px 4px!important;
    font-size:6.5px!important;
  }
}

@media (max-width:390px){
  .a4-battle-content{
    padding-left:5px!important;
    padding-right:5px!important;
  }

  .a4-battle-title{
    font-size:10.8px!important;
  }

  .a4-battle-bottom{
    gap:3px!important;
  }

  .a4-battle-mystery-copy strong{
    font-size:7px!important;
  }

  .a4-battle-mystery-copy small{
    font-size:5.3px!important;
  }

  .a4-battle-cta{
    font-size:6px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
}


/* =========================================================
   v3.2.9 — BATTLE MOBILE/TABLET TYPOGRAPHY POLISH
   Geometry/proportions from v3.2.8 are LOCKED.
   No width/height/grid/aspect-ratio changes.
   Only typography + safe text overflow.
   Desktop untouched.
   ========================================================= */

@media (max-width:1024px){

  .a4-battle-content{
    min-width:0!important;
  }

  .a4-battle-meta{
    min-width:0!important;
  }

  .a4-battle-meta .a4-battle-label,
  .a4-battle-date,
  .a4-battle-category{
    font-weight:700!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }

  .a4-battle-title{
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-weight:750!important;
    letter-spacing:-.12px!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .a4-battle-mystery-copy{
    overflow:hidden!important;
  }

  .a4-battle-mystery-copy strong{
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-weight:800!important;
    letter-spacing:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .a4-battle-mystery-copy small{
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-weight:500!important;
    letter-spacing:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .a4-battle-cta{
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-align:center!important;
    text-overflow:ellipsis!important;
  }
}

@media (max-width:560px){

  .a4-battle-title{
    font-size:12px!important;
    line-height:1.09!important;
    letter-spacing:-.16px!important;
  }

  .a4-battle-meta .a4-battle-label,
  .a4-battle-date,
  .a4-battle-category{
    font-size:6.2px!important;
  }

  .a4-battle-mystery-copy strong{
    font-size:7.7px!important;
    line-height:1.02!important;
  }

  .a4-battle-mystery-copy small{
    font-size:5.8px!important;
    line-height:1.02!important;
  }

  .a4-battle-cta{
    font-size:6.7px!important;
    line-height:1!important;
  }
}

@media (max-width:390px){

  .a4-battle-title{
    font-size:11px!important;
    line-height:1.08!important;
    letter-spacing:-.18px!important;
  }

  .a4-battle-meta .a4-battle-label,
  .a4-battle-date,
  .a4-battle-category{
    font-size:5.8px!important;
  }

  .a4-battle-mystery-copy strong{
    font-size:7.1px!important;
  }

  .a4-battle-mystery-copy small{
    font-size:5.2px!important;
  }

  .a4-battle-cta{
    font-size:6.1px!important;
  }
}


/* =========================================================
   v3.3.0 — БИТВА: MOBILE/TABLET READABILITY PASS
   Desktop >=1025px untouched.
   Locked concept remains:
   - left 50% cover, 16:9
   - right 50% all information
   Only typography/control layout inside right half is polished.
   ========================================================= */

@media (max-width:1024px){

  .a4-battle-content{
    min-width:0!important;
    padding:7px 8px!important;
  }

  .a4-battle-meta{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:3px!important;
    margin-bottom:5px!important;
    overflow:hidden!important;
  }

  .a4-battle-meta .a4-battle-label,
  .a4-battle-date,
  .a4-battle-category{
    flex:0 1 auto!important;
    min-width:0!important;
    padding:2px 4px!important;
    font-size:6.6px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .a4-battle-title{
    font-size:clamp(12.5px,2.25vw,16px)!important;
    line-height:1.09!important;
    font-weight:750!important;
    letter-spacing:-.12px!important;
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
  }

  /* Controls stay completely inside the right 50%.
     Stack them so both labels can be genuinely readable. */
  .a4-battle-bottom{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    gap:5px!important;
    margin:7px 0 0!important;
  }

  .a4-battle-mystery{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    padding:3px 6px!important;
    gap:6px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .a4-battle-question{
    flex:0 0 27px!important;
    width:27px!important;
    height:27px!important;
    font-size:18px!important;
  }

  .a4-battle-mystery-copy{
    min-width:0!important;
    overflow:hidden!important;
  }

  .a4-battle-mystery-copy strong{
    display:block!important;
    font-size:8.7px!important;
    line-height:1.02!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .a4-battle-mystery-copy small{
    display:block!important;
    margin-top:2px!important;
    font-size:6.7px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .a4-battle-cta{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:4px 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    font-size:8.5px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
}

@media (max-width:560px){

  .a4-battle-content{
    padding:6px!important;
  }

  .a4-battle-meta{
    gap:2px!important;
    margin-bottom:4px!important;
  }

  .a4-battle-meta .a4-battle-label,
  .a4-battle-date,
  .a4-battle-category{
    padding:2px 3px!important;
    font-size:5.9px!important;
  }

  .a4-battle-title{
    font-size:11.8px!important;
    line-height:1.08!important;
    letter-spacing:-.14px!important;
  }

  .a4-battle-bottom{
    gap:4px!important;
    margin-top:5px!important;
  }

  .a4-battle-mystery{
    height:34px!important;
    min-height:34px!important;
    padding:3px 5px!important;
    gap:5px!important;
  }

  .a4-battle-question{
    flex-basis:25px!important;
    width:25px!important;
    height:25px!important;
    font-size:17px!important;
  }

  .a4-battle-mystery-copy strong{
    font-size:8px!important;
  }

  .a4-battle-mystery-copy small{
    font-size:6.1px!important;
  }

  .a4-battle-cta{
    height:32px!important;
    min-height:32px!important;
    padding:3px 5px!important;
    font-size:7.8px!important;
  }
}

@media (max-width:390px){

  .a4-battle-content{
    padding:5px!important;
  }

  .a4-battle-meta .a4-battle-label,
  .a4-battle-date,
  .a4-battle-category{
    font-size:5.5px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }

  .a4-battle-title{
    font-size:11px!important;
    line-height:1.07!important;
  }

  .a4-battle-mystery-copy strong{
    font-size:7.5px!important;
  }

  .a4-battle-mystery-copy small{
    font-size:5.7px!important;
  }

  .a4-battle-cta{
    font-size:7.3px!important;
  }
}


/* =========================================================
   v3.3.2 — BATTLE MOBILE/TABLET: REAL 2x2 GRID
   Fix for v3.3.1: controls were nested inside .a4-battle-content,
   so assigning them to the parent grid could not move them.
   display:contents exposes the inner elements to the feature grid.
   Desktop >=1025px untouched.
   ========================================================= */

@media (max-width:1024px){

  .a4-battle-feature{
    display:grid!important;
    grid-template-columns:50% 50%!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    overflow:hidden!important;
  }

  .a4-battle-cover{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    aspect-ratio:16/9!important;
    margin:0!important;
  }

  /* Critical fix: let meta/title/bottom participate in the parent grid. */
  .a4-battle-content{
    display:contents!important;
  }

  .a4-battle-meta{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    margin:7px 7px 0 8px!important;
    z-index:2!important;
  }

  .a4-battle-title{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    margin:31px 7px 0 8px!important;
    padding:0!important;
    z-index:1!important;
    font-size:clamp(12.5px,2.25vw,16px)!important;
    line-height:1.09!important;
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
  }

  .a4-battle-excerpt{
    display:none!important;
  }

  .a4-battle-bottom{
    display:contents!important;
  }

  .a4-battle-mystery{
    grid-column:1!important;
    grid-row:2!important;
    width:auto!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    margin:6px 4px 7px 7px!important;
    padding:4px 7px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    overflow:hidden!important;
  }

  .a4-battle-question{
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
    font-size:20px!important;
  }

  .a4-battle-mystery-copy{
    min-width:0!important;
    overflow:hidden!important;
  }

  .a4-battle-mystery-copy strong{
    display:block!important;
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .a4-battle-mystery-copy small{
    display:block!important;
    margin-top:2px!important;
    font-size:6.6px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .a4-battle-cta{
    grid-column:2!important;
    grid-row:2!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    min-height:40px!important;
    margin:6px 7px 7px 4px!important;
    padding:5px 7px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:8.5px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
}

@media (max-width:560px){

  .a4-battle-meta{
    margin:6px 5px 0 6px!important;
    gap:2px!important;
  }

  .a4-battle-title{
    margin:28px 5px 0 6px!important;
    font-size:11.8px!important;
    line-height:1.08!important;
  }

  .a4-battle-mystery,
  .a4-battle-cta{
    height:38px!important;
    min-height:38px!important;
  }

  .a4-battle-mystery{
    margin:5px 3px 6px 6px!important;
    padding:3px 5px!important;
    gap:5px!important;
  }

  .a4-battle-cta{
    margin:5px 6px 6px 3px!important;
    padding:4px 5px!important;
    font-size:7.8px!important;
  }

  .a4-battle-question{
    flex-basis:28px!important;
    width:28px!important;
    height:28px!important;
    font-size:19px!important;
  }

  .a4-battle-mystery-copy strong{
    font-size:8.2px!important;
  }

  .a4-battle-mystery-copy small{
    font-size:6px!important;
  }
}

@media (max-width:390px){
  .a4-battle-title{
    font-size:11px!important;
  }

  .a4-battle-mystery-copy strong{
    font-size:7.7px!important;
  }

  .a4-battle-mystery-copy small{
    font-size:5.6px!important;
  }

  .a4-battle-cta{
    font-size:7.2px!important;
  }
}


/* =========================================================
   v3.3.3 — БИТВА MOBILE/TABLET: TEXT POLISH
   Geometry from v3.3.2 is LOCKED.
   Desktop >=1025px untouched.
   No cover/grid/proportion changes.
   ========================================================= */

@media (max-width:1024px){

  /* Right side: use the existing free area more effectively. */
  .a4-battle-meta .a4-battle-label,
  .a4-battle-date,
  .a4-battle-category{
    font-size:7px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:0!important;
  }

  .a4-battle-title{
    font-size:clamp(13px,2.35vw,17px)!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:-.12px!important;
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
  }

  /* Short supporting copy in the free right-side area. */
  .a4-battle-excerpt{
    display:-webkit-box!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    margin:91px 7px 0 8px!important;
    padding:0!important;
    font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
    font-size:8px!important;
    font-weight:500!important;
    line-height:1.18!important;
    color:rgba(230,240,248,.76)!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    overflow:hidden!important;
  }

  /* Left mystery panel: larger, readable typography. */
  .a4-battle-mystery-copy strong{
    font-size:10.5px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:0!important;
  }

  .a4-battle-mystery-copy small{
    font-size:7.5px!important;
    font-weight:500!important;
    line-height:1!important;
  }

  /* Right CTA: visually a real button, larger label. */
  .a4-battle-cta{
    font-size:9.5px!important;
    font-weight:800!important;
    letter-spacing:0!important;
  }
}

@media (max-width:560px){

  .a4-battle-meta .a4-battle-label,
  .a4-battle-date,
  .a4-battle-category{
    font-size:6.2px!important;
  }

  .a4-battle-title{
    font-size:12.2px!important;
    line-height:1.08!important;
    letter-spacing:-.14px!important;
  }

  .a4-battle-excerpt{
    margin:84px 5px 0 6px!important;
    font-size:7.2px!important;
    line-height:1.15!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
  }

  .a4-battle-mystery-copy strong{
    font-size:9.3px!important;
  }

  .a4-battle-mystery-copy small{
    font-size:6.6px!important;
  }

  .a4-battle-cta{
    font-size:8.6px!important;
  }
}

@media (max-width:390px){

  .a4-battle-title{
    font-size:11.3px!important;
  }

  .a4-battle-excerpt{
    margin-top:80px!important;
    font-size:6.7px!important;
  }

  .a4-battle-mystery-copy strong{
    font-size:8.7px!important;
  }

  .a4-battle-mystery-copy small{
    font-size:6.1px!important;
  }

  .a4-battle-cta{
    font-size:8px!important;
  }
}


/* =========================================================
   v3.3.4 — БИТВА MOBILE/TABLET: CTA TEXT ENLARGE ONLY
   Geometry/layout/image from v3.3.3 LOCKED.
   Desktop >=1025px untouched.
   ========================================================= */

@media (max-width:1024px){
  .a4-battle-mystery-copy strong{
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  .a4-battle-mystery-copy small{
    font-size:8.5px!important;
    line-height:1!important;
    font-weight:500!important;
  }

  .a4-battle-cta{
    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;
  }
}

@media (max-width:560px){
  .a4-battle-mystery-copy strong{
    font-size:10.5px!important;
  }

  .a4-battle-mystery-copy small{
    font-size:7.4px!important;
  }

  .a4-battle-cta{
    font-size:9.7px!important;
  }
}

@media (max-width:390px){
  .a4-battle-mystery-copy strong{
    font-size:9.7px!important;
  }

  .a4-battle-mystery-copy small{
    font-size:6.8px!important;
  }

  .a4-battle-cta{
    font-size:9px!important;
  }
}


/* =========================================================
   v3.3.5 — БИТВА: DESKTOP CLEANUP + READABLE CTA
   Mobile/tablet <=1024px untouched.
   Existing desktop geometry/width/cover proportions remain.
   Remove nonessential metadata and tighten empty air.
   ========================================================= */

@media (min-width:1025px){

  /* Keep the approved desktop card geometry; clean only its content. */
  .a4-battle-content{
    padding:14px 18px 13px!important;
  }

  /* On desktop the date/category chips are visual noise here. */
  .a4-battle-meta{
    margin:0 0 8px!important;
  }

  .a4-battle-date,
  .a4-battle-category{
    display:none!important;
  }

  .a4-battle-meta .a4-battle-label{
    min-height:20px!important;
    padding:4px 8px!important;
    font-size:8px!important;
  }

  .a4-battle-title{
    margin:0!important;
    font-size:clamp(19px,1.65vw,23px)!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:-.15px!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
  }

  .a4-battle-excerpt{
    margin:8px 0 0!important;
    max-width:100%!important;
    font-size:11px!important;
    line-height:1.3!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
  }

  .a4-battle-bottom{
    flex-wrap:nowrap!important;
    gap:14px!important;
    margin-top:auto!important;
    padding-top:10px!important;
  }

  .a4-battle-mystery{
    flex:1 1 auto!important;
    min-height:54px!important;
    padding:6px 11px!important;
    gap:10px!important;
    border-radius:8px!important;
  }

  .a4-battle-question{
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    font-size:27px!important;
  }

  .a4-battle-mystery-copy strong{
    font-size:15px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }

  .a4-battle-mystery-copy small{
    margin-top:4px!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:500!important;
    white-space:nowrap!important;
  }

  .a4-battle-cta{
    flex:0 0 205px!important;
    min-height:54px!important;
    margin:0!important;
    padding:8px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:8px!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
    background:linear-gradient(135deg,rgba(0,159,225,.18),rgba(0,104,185,.12))!important;
    box-shadow:inset 0 0 18px rgba(30,203,255,.05),0 0 13px rgba(28,204,255,.10)!important;
  }

  .a4-battle-cta b{
    margin-left:7px!important;
    font-size:14px!important;
  }
}


/* =========================================================
   v3.3.6 — БИТВА DESKTOP FINAL
   Mobile/tablet <=1024px untouched.
   Restore publication date + section.
   Tighten only remaining desktop whitespace.
   ========================================================= */

@media (min-width:1025px){

  .a4-battle-content{
    padding:12px 16px 11px!important;
  }

  .a4-battle-meta{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    margin:0 0 7px!important;
  }

  .a4-battle-date,
  .a4-battle-category{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:20px!important;
    padding:4px 7px!important;
    font-size:8px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .a4-battle-meta .a4-battle-label{
    min-height:20px!important;
    padding:4px 8px!important;
    font-size:8px!important;
  }

  .a4-battle-title{
    margin:0!important;
    line-height:1.08!important;
  }

  .a4-battle-excerpt{
    margin-top:6px!important;
    line-height:1.24!important;
  }

  .a4-battle-bottom{
    gap:12px!important;
    padding-top:8px!important;
  }

  .a4-battle-mystery,
  .a4-battle-cta{
    min-height:52px!important;
  }

  .a4-battle-question{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }
}


/* =========================================================
   v3.3.7 — ВЫБЕРИТЕ ТЕМУ
   Desktop: 6 cards in one row inside main column.
   Mobile/tablet: LOCKED 2 x 3.
   Existing header/services/newest/battle untouched.
   ========================================================= */

.a4-topics-home{
  width:100%;
  min-width:0;
  margin:10px 0 12px;
}

.a4-topics-head{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 12px;
  border:1px solid #00aeea;
  border-radius:10px;
  background:linear-gradient(90deg,rgba(3,35,49,.98),rgba(3,20,31,.98));
  box-sizing:border-box;
  overflow:hidden;
}

.a4-topics-mark{
  flex:0 0 3px;
  width:3px;
  height:20px;
  border-radius:3px;
  background:#21d9ff;
  box-shadow:0 0 10px rgba(33,217,255,.9);
}

.a4-topics-heading{
  flex:0 0 auto;
  color:#fff;
  font-size:16px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
}

.a4-topics-kicker{
  flex:0 0 auto;
  color:#19ccff;
  font-size:7px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
}

.a4-topics-line{
  flex:1 1 auto;
  height:1px;
  min-width:20px;
  background:linear-gradient(90deg,#00bceb,rgba(0,188,235,.08));
}

.a4-topics-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  width:100%;
  min-width:0;
  margin-top:10px;
}

.a4-topic-card{
  display:block;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(0,190,245,.88);
  border-radius:7px;
  background:#04131d;
  box-shadow:inset 0 0 12px rgba(0,190,245,.06);
  text-decoration:none;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}

.a4-topic-card:hover{
  transform:translateY(-2px);
  border-color:#36ddff;
  box-shadow:0 0 13px rgba(0,190,245,.18),inset 0 0 12px rgba(0,190,245,.08);
}

.a4-topic-image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}

/* Tablet + phone: exactly 2 columns x 3 rows. */
@media (max-width:1024px){
  .a4-topics-home{
    margin-top:8px;
    margin-bottom:9px;
  }

  .a4-topics-head{
    min-height:39px;
    padding:6px 9px;
    gap:7px;
    border-radius:9px;
  }

  .a4-topics-mark{
    height:18px;
  }

  .a4-topics-heading{
    font-size:14px;
  }

  .a4-topics-kicker{
    font-size:6.3px;
  }

  .a4-topics-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:8px;
  }

  .a4-topic-card{
    border-radius:8px;
  }
}

@media (max-width:560px){
  .a4-topics-home{
    margin-top:7px;
    margin-bottom:8px;
  }

  .a4-topics-head{
    min-height:37px;
    padding:6px 8px;
    gap:6px;
  }

  .a4-topics-heading{
    font-size:13px;
  }

  .a4-topics-kicker{
    font-size:5.6px;
  }

  .a4-topics-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:7px;
  }
}


/* =========================================================
   v3.3.9 — TOPICS DESKTOP FIT + IMAGE READABILITY
   Fix only the six category cards.
   Battle/Newest/Header/Services untouched.
   ========================================================= */

/* Critical: never allow this section/grid to exceed the main column. */
.a4-topics-home,
.a4-topics-grid{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

.a4-topics-grid{
  overflow:hidden!important;
}

.a4-topic-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

.a4-topic-image{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Desktop: six cards must fit INSIDE .a4-main, not the full site width.
   The source WebPs are only ~203px wide, so do not squeeze their text
   into six tiny cards. Give the grid a readable two-row layout. */
@media (min-width:1025px){
  .a4-topics-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .a4-topic-card{
    aspect-ratio:203/104!important;
  }

  .a4-topic-image{
    height:100%!important;
    aspect-ratio:auto!important;
    object-fit:fill!important;
  }
}

/* Tablet + mobile remains exactly 2 x 3 as approved. */
@media (max-width:1024px){
  .a4-topics-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .a4-topic-card{
    aspect-ratio:203/104!important;
  }

  .a4-topic-image{
    height:100%!important;
    aspect-ratio:auto!important;
    object-fit:fill!important;
  }
}


/* =========================================================
   v3.4.0 — TOPICS FINAL RESPONSIVE GRID
   Desktop >=1025: 6 x 1 strictly inside .a4-main.
   Tablet/mobile <=1024: 2 x 3.
   Uses uploaded HQ WebP files; no image stretching beyond card width.
   ========================================================= */

.a4-main{
  min-width:0!important;
}

.a4-topics-home{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.a4-topics-head{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

.a4-topics-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

.a4-topic-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.a4-topic-image{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
}

/* PC — exactly six cards in one row, calculated from available MAIN width. */
@media (min-width:1025px){
  .a4-topics-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:hidden!important;
  }

  .a4-topic-card{
    aspect-ratio:auto!important;
  }

  .a4-topic-image{
    aspect-ratio:auto!important;
    height:auto!important;
  }
}

/* Tablet + mobile — approved 2 x 3. */
@media (max-width:1024px){
  .a4-topics-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .a4-topic-card{
    aspect-ratio:auto!important;
  }

  .a4-topic-image{
    aspect-ratio:auto!important;
    height:auto!important;
  }
}


/* =========================================================
   v3.4.1 — TOPICS DESKTOP 3 x 2
   Fix: category cards stay strictly inside the main column.
   Tablet/mobile remain 2 x 3.
   ========================================================= */

@media (min-width:1025px){
  .a4-topics-home,
  .a4-topics-head,
  .a4-topics-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .a4-topics-home{
    overflow:hidden!important;
  }

  .a4-topics-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:hidden!important;
  }

  .a4-topic-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .a4-topic-image{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
}


/* =========================================================
   v3.4.2 — TOPICS: REAL DESKTOP COLUMN WIDTH FIX
   The parent main element can visually extend under the sidebar in the
   current theme, so 100% was the wrong reference. Reserve the actual
   sidebar (280px) + layout gap (22px) on desktop.
   Only this topics block is changed.
   ========================================================= */

@media (min-width:1025px){
  .a4-topics-home{
    width:calc(100% - 302px)!important;
    max-width:calc(100% - 302px)!important;
    min-width:0!important;
    margin-right:302px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .a4-topics-head,
  .a4-topics-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .a4-topics-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:hidden!important;
  }

  .a4-topic-card{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .a4-topic-image{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

/* Never apply the desktop sidebar reservation to tablet/mobile. */
@media (max-width:1024px){
  .a4-topics-home{
    width:100%!important;
    max-width:100%!important;
    margin-right:0!important;
  }
}


/* =========================================================
   v3.4.4 — TOPICS DESKTOP TRUE MAIN WIDTH
   Undo the incorrect extra 302px subtraction from v3.4.2.
   .a4-main is already the content column beside the sidebar.
   Prevent <picture>/1200px source intrinsic width from expanding grid.
   Desktop 3x2; tablet/mobile unchanged 2x3.
   ========================================================= */

@media (min-width:1025px){
  .a4-topics-home{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-right:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .a4-topics-head,
  .a4-topics-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .a4-topics-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:hidden!important;
  }

  .a4-topic-card,
  .a4-topic-card picture{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .a4-topic-image{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    object-fit:contain!important;
  }
}


/* =========================================================
   v3.4.5 — TOPICS DESKTOP SIDEBAR SAFETY GUTTER
   Keep the successful 3x2 sizing, but pull ONLY this block
   12px away from the sidebar edge.
   ========================================================= */

@media (min-width:1025px){
  .a4-topics-home{
    width:calc(100% - 12px)!important;
    max-width:calc(100% - 12px)!important;
    margin-right:12px!important;
    box-sizing:border-box!important;
  }

  .a4-topics-head,
  .a4-topics-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .a4-topics-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}


/* =========================================================
   v3.4.6 — TOPICS DESKTOP: a little more sidebar clearance
   Desktop only. Tablet/mobile untouched.
   ========================================================= */
@media (min-width:1025px){
  .a4-topics-home{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin-right:24px!important;
  }
}


/* v3.4.7 — desktop topics: final 4px sidebar clearance */
@media (min-width:1025px){
  .a4-topics-home{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin-right:28px!important;
  }
}


/* =========================================================
   v3.4.8 — ПОПУЛЯРНОЕ СЕЙЧАС
   Position: Battle -> Popular -> Topics.
   Uses existing 30-day search referral stats.
   Desktop: compact 3 cards. Tablet/mobile: compact responsive cards.
   Existing approved blocks untouched.
   ========================================================= */

.a4-popular{
  width:100%;
  min-width:0;
  margin:10px 0 12px;
}

.a4-popular-head{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 12px;
  border:1px solid #00aeea;
  border-radius:10px;
  background:linear-gradient(90deg,rgba(3,35,49,.98),rgba(3,20,31,.98));
  box-sizing:border-box;
  overflow:hidden;
}

.a4-popular-icon{
  flex:0 0 auto;
  font-size:17px;
  line-height:1;
  filter:saturate(1.15);
}

.a4-popular-title{
  flex:0 0 auto;
  color:#fff;
  font-size:16px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
}

.a4-popular-kicker{
  flex:0 0 auto;
  color:#ffb327;
  font-size:7px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
}

.a4-popular-line{
  flex:1 1 auto;
  min-width:20px;
  height:1px;
  background:linear-gradient(90deg,#ff9d18,rgba(255,157,24,.05));
}

.a4-popular-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
  min-width:0;
}

.a4-popular-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(0,190,245,.72);
  border-radius:9px;
  background:linear-gradient(145deg,#071522,#09152d);
  box-shadow:inset 0 0 18px rgba(0,190,245,.035);
}

.a4-popular-link{
  display:grid;
  grid-template-columns:42% minmax(0,1fr);
  min-height:96px;
  color:inherit;
  text-decoration:none;
}

.a4-popular-thumb{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#03101a;
}

.a4-popular-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.a4-popular-rank{
  position:absolute;
  left:6px;
  top:6px;
  padding:3px 6px;
  border:1px solid rgba(255,173,33,.95);
  border-radius:5px;
  background:rgba(55,27,0,.86);
  color:#ffc14c;
  font-size:7px;
  line-height:1;
  font-weight:900;
}

.a4-popular-body{
  min-width:0;
  padding:9px 9px 8px;
}

.a4-popular-meta{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:7px;
  min-width:0;
}

.a4-popular-cat,
.a4-popular-count{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:3px 6px;
  border-radius:5px;
  font-size:7px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
}

.a4-popular-cat{
  max-width:65%;
  overflow:hidden;
  text-overflow:ellipsis;
  border:1px solid rgba(0,187,244,.65);
  color:#36d8ff;
  background:rgba(0,116,166,.12);
}

.a4-popular-count{
  margin-left:auto;
  gap:3px;
  color:#ffc14c;
  border:1px solid rgba(255,173,33,.55);
  background:rgba(116,62,0,.12);
}

.a4-popular-post-title{
  margin:0;
  color:#fff;
  font-size:13px;
  line-height:1.12;
  font-weight:800;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
}

@media (min-width:1025px){
  /* Same final desktop clearance as the approved Topics block. */
  .a4-popular{
    width:calc(100% - 28px);
    max-width:calc(100% - 28px);
    margin-right:28px;
    box-sizing:border-box;
  }
}

@media (max-width:1024px){
  .a4-popular{
    margin:8px 0 9px;
  }

  .a4-popular-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-top:8px;
  }

  .a4-popular-link{
    display:block;
    min-height:0;
  }

  .a4-popular-thumb{
    aspect-ratio:16/9;
  }

  .a4-popular-body{
    padding:7px;
  }

  .a4-popular-post-title{
    font-size:11px;
    -webkit-line-clamp:3;
    line-clamp:3;
  }
}

@media (max-width:560px){
  .a4-popular-head{
    min-height:37px;
    padding:6px 8px;
    gap:6px;
  }

  .a4-popular-title{
    font-size:13px;
  }

  .a4-popular-kicker{
    font-size:5.6px;
  }

  .a4-popular-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }

  .a4-popular-meta{
    gap:3px;
    margin-bottom:5px;
  }

  .a4-popular-cat,
  .a4-popular-count{
    padding:3px 4px;
    font-size:6px;
  }

  .a4-popular-post-title{
    font-size:9.5px;
    line-height:1.1;
  }
}


/* =========================================================
   v3.4.9 — ПОПУЛЯРНОЕ СЕЙЧАС: GOLD TOP STYLE
   Larger cards inspired by the approved "Новинки" block.
   Desktop: 3 substantial cards.
   Tablet/mobile: 2 columns for readable cards.
   Existing Battle / Topics / Newest untouched.
   ========================================================= */

.a4-popular-head{
  border-color:#d9a62a!important;
  background:linear-gradient(90deg,rgba(52,35,5,.98),rgba(17,22,28,.98))!important;
  box-shadow:inset 0 0 20px rgba(255,190,45,.06)!important;
}

.a4-popular-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:25px!important;
  height:25px!important;
  border:1px solid #ffc247!important;
  border-radius:6px!important;
  background:linear-gradient(145deg,#9b5e00,#3b2200)!important;
  font-size:14px!important;
  box-shadow:0 0 10px rgba(255,177,25,.18)!important;
}

.a4-popular-title{
  color:#fff6d5!important;
  font-size:17px!important;
}

.a4-popular-kicker{
  color:#ffc247!important;
  font-size:7.5px!important;
}

.a4-popular-line{
  background:linear-gradient(90deg,#ffc247,rgba(255,194,71,.05))!important;
}

.a4-popular-grid{
  gap:10px!important;
}

.a4-popular-card{
  border:1px solid rgba(255,190,55,.82)!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#171307,#0b111b 62%)!important;
  box-shadow:
    inset 0 0 22px rgba(255,187,39,.045),
    0 0 10px rgba(255,174,24,.055)!important;
}

.a4-popular-link{
  display:block!important;
  min-height:0!important;
}

.a4-popular-thumb{
  width:100%!important;
  aspect-ratio:16/9!important;
  border-bottom:1px solid rgba(255,190,55,.45)!important;
}

.a4-popular-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.a4-popular-rank{
  left:8px!important;
  top:8px!important;
  padding:5px 8px!important;
  border:1px solid #ffd05d!important;
  border-radius:6px!important;
  background:linear-gradient(135deg,rgba(153,91,0,.96),rgba(70,39,0,.96))!important;
  color:#fff3c4!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.35px!important;
  box-shadow:0 0 10px rgba(255,190,45,.18)!important;
}

.a4-popular-body{
  padding:10px 11px 12px!important;
}

.a4-popular-meta{
  margin-bottom:8px!important;
}

.a4-popular-cat,
.a4-popular-count{
  min-height:20px!important;
  padding:4px 7px!important;
  font-size:7.5px!important;
}

.a4-popular-cat{
  border-color:rgba(255,190,55,.62)!important;
  background:rgba(125,78,0,.16)!important;
  color:#ffd267!important;
}

.a4-popular-count{
  border-color:rgba(255,190,55,.62)!important;
  background:rgba(125,78,0,.16)!important;
  color:#ffd267!important;
}

.a4-popular-post-title{
  color:#fff!important;
  font-size:15px!important;
  line-height:1.16!important;
  -webkit-line-clamp:3!important;
  line-clamp:3!important;
}

/* Desktop: use the same safe width established for the block below. */
@media (min-width:1025px){
  .a4-popular{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin-right:28px!important;
  }

  .a4-popular-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Tablet/mobile: larger and readable — two cards per row, not three tiny ones. */
@media (max-width:1024px){
  .a4-popular-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .a4-popular-post-title{
    font-size:13px!important;
    line-height:1.14!important;
  }
}

@media (max-width:560px){
  .a4-popular-title{
    font-size:14px!important;
  }

  .a4-popular-kicker{
    font-size:6px!important;
  }

  .a4-popular-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  .a4-popular-body{
    padding:8px!important;
  }

  .a4-popular-cat,
  .a4-popular-count{
    font-size:6.5px!important;
    padding:3px 5px!important;
  }

  .a4-popular-post-title{
    font-size:11px!important;
    line-height:1.12!important;
  }
}


/* =========================================================
   v3.5.0 — ПОПУЛЯРНОЕ СЕЙЧАС: 4 ARTICLES
   Same card count/layout logic as "Новинки":
   Desktop 4 x 1, tablet/mobile 2 x 2.
   Gold TOP styling remains.
   ========================================================= */

@media (min-width:1025px){
  .a4-popular-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:9px!important;
  }

  .a4-popular-post-title{
    font-size:14px!important;
    line-height:1.14!important;
  }
}

@media (max-width:1024px){
  .a4-popular-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* =========================================================
   v3.5.1 — ПОПУЛЯРНОЕ: FULL DESKTOP TITLES
   Desktop only. Mobile/tablet untouched.
   ========================================================= */
@media (min-width:1025px){
  .a4-popular-post-title{
    font-size:11.5px!important;
    line-height:1.08!important;
    display:block!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    overflow:visible!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  .a4-popular-body{
    padding:9px 10px 11px!important;
  }

  .a4-popular-meta{
    margin-bottom:7px!important;
  }
}

/* v3.5.2 — compact red help strip */
.a4-help-strip{width:100%;min-height:54px;margin:10px 0;padding:6px 8px;display:grid;grid-template-columns:auto 1px minmax(150px,1fr) auto;align-items:center;gap:12px;box-sizing:border-box;border:1px solid #f02b3d;border-radius:10px;background:linear-gradient(100deg,#740713 0%,#41060e 38%,#1c050a 72%,#0a0d13 100%);box-shadow:inset 0 0 22px rgba(255,38,58,.13);overflow:hidden}
.a4-help-main{display:flex;align-items:center;gap:9px;min-width:0}
.a4-help-icon{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border:1px solid #ff4a59;border-radius:8px;background:linear-gradient(145deg,#d51c31,#720916);color:#fff;font-size:18px;font-weight:900}
.a4-help-copy{display:flex;flex-direction:column;min-width:0;line-height:1}
.a4-help-copy strong{color:#fff;font-size:16px;font-weight:950;letter-spacing:-.25px;white-space:nowrap}
.a4-help-copy small{margin-top:5px;color:#d5a9ae;font-size:8px;font-weight:700;white-space:nowrap}
.a4-help-divider{width:1px;height:30px;background:linear-gradient(180deg,transparent,#ff6876,transparent)}
.a4-help-question{min-width:0;color:#ff5968;font-size:15px;line-height:1;font-weight:950;letter-spacing:.2px;white-space:nowrap}
.a4-help-button{min-height:36px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ff5a68;border-radius:8px;background:linear-gradient(180deg,#e21f35,#8d0b1a);color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:950;white-space:nowrap}
.a4-help-button b{font-size:20px;line-height:.8}
@media(max-width:1024px){.a4-help-strip{grid-template-columns:auto 1px minmax(0,1fr) auto;gap:8px;min-height:52px;padding:6px 7px}.a4-help-copy strong{font-size:13px}.a4-help-question{font-size:12px}.a4-help-button{padding:0 9px;font-size:9px}}
@media(max-width:560px){.a4-help-strip{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;min-height:0;padding:7px}.a4-help-main{grid-column:1}.a4-help-divider{display:none}.a4-help-question{grid-column:1;grid-row:2;padding-left:43px;font-size:10px}.a4-help-button{grid-column:2;grid-row:1/span 2;min-height:39px;padding:0 8px;font-size:8px}.a4-help-copy strong{font-size:12px}.a4-help-copy small{font-size:7px;margin-top:4px}}


/* =========================================================
   v3.5.3 — HELP STRIP: DESKTOP SIDEBAR CLEARANCE
   Desktop only. Keep the help strip inside the main column.
   ========================================================= */
@media (min-width:1025px){
  .a4-help-strip{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin-right:28px!important;
    box-sizing:border-box!important;
  }
}


/* =========================================================
   v3.5.4 — HELP STRIP: tiny symmetric desktop clearance
   ========================================================= */
@media (min-width:1025px){
  .a4-help-strip{
    width:calc(100% - 36px)!important;
    max-width:calc(100% - 36px)!important;
    margin-left:4px!important;
    margin-right:32px!important;
  }
}


/* =========================================================
   v3.5.5 — HELP STRIP MOBILE/TABLET COMPACT + FULL BUTTON
   Desktop untouched.
   ========================================================= */
@media (max-width:1024px){
  .a4-help-strip{
    min-height:0!important;
    padding:5px 6px!important;
    gap:4px 7px!important;
  }

  .a4-help-icon{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
    font-size:16px!important;
  }

  .a4-help-main{
    gap:7px!important;
  }

  .a4-help-copy strong{
    font-size:12px!important;
  }

  .a4-help-copy small{
    margin-top:3px!important;
    font-size:6.5px!important;
  }

  .a4-help-question{
    font-size:10px!important;
  }

  .a4-help-button{
    min-height:34px!important;
  }
}

@media (max-width:560px){
  .a4-help-strip{
    grid-template-columns:minmax(0,1fr) minmax(170px,1fr)!important;
    padding:5px 6px!important;
    gap:3px 7px!important;
  }

  .a4-help-question{
    padding-left:37px!important;
    font-size:9.5px!important;
  }

  .a4-help-button{
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    padding:0 10px!important;
    font-size:9px!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
}


/* =========================================================
   v3.5.6 — АРТУРЫ4 SIDEBAR
   Desktop = right column.
   Tablet/mobile = full-width block after main content.
   ========================================================= */

.a4-sidebar{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.a4-side-brand{
  padding:13px 10px 11px;
  border:1px solid #164d68;
  border-radius:10px;
  background:linear-gradient(145deg,#08151f,#0a1d2a);
  text-align:center;
  overflow:hidden;
}
.a4-side-brand-link{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-decoration:none!important;
}
.a4-side-brand-name{
  color:#fff;
  font-size:27px;
  line-height:.95;
  font-weight:950;
  letter-spacing:-1.2px;
}
.a4-side-brand-name span{color:#18bdf2}
.a4-side-brand-slogan{
  margin-top:6px;
  color:#a8c6d4;
  font-size:7px;
  line-height:1;
  font-weight:900;
  letter-spacing:1.45px;
}

.a4-side-banner{
  display:block;
  width:100%;
  border-radius:9px;
  overflow:hidden;
  line-height:0;
  background:#071019;
}
.a4-side-banner img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

.a4-side-top{
  border:1px solid #185473;
  border-radius:10px;
  overflow:hidden;
  background:linear-gradient(145deg,#091923,#071018);
}
.a4-side-head{
  min-height:36px;
  padding:0 10px;
  display:flex;
  align-items:center;
  gap:7px;
  border-bottom:1px solid #16455e;
  background:linear-gradient(90deg,#0c2938,#08151f);
  color:#fff;
}
.a4-side-head strong{
  font-size:12px;
  font-weight:950;
  letter-spacing:.15px;
}
.a4-side-fire{font-size:14px}

.a4-side-top-list{padding:4px 7px 6px}
.a4-side-top-item{
  display:grid;
  grid-template-columns:22px 54px minmax(0,1fr);
  align-items:center;
  gap:7px;
  min-height:48px;
  padding:5px 0;
  border-bottom:1px solid rgba(39,92,116,.35);
  color:#fff!important;
  text-decoration:none!important;
}
.a4-side-top-item:last-child{border-bottom:0}
.a4-side-rank{
  display:flex;
  align-items:center;
  justify-content:center;
  width:21px;
  height:21px;
  border:1px solid #e7ad31;
  border-radius:5px;
  background:#352508;
  color:#ffc54c;
  font-size:10px;
  font-weight:950;
}
.a4-side-top-item img,
.a4-side-noimg{
  width:54px;
  height:34px;
  border-radius:5px;
  object-fit:cover;
  background:#0d2633;
}
.a4-side-noimg{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#42cffa;
  font-size:9px;
  font-weight:950;
}
.a4-side-top-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.a4-side-top-title{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  color:#edf9ff;
  font-size:9px;
  line-height:1.15;
  font-weight:850;
}
.a4-side-top-copy small{
  margin-top:4px;
  color:#55ccee;
  font-size:7px;
  line-height:1;
  font-weight:750;
}

.a4-side-help{
  padding:9px;
  border:1px solid #ee3344;
  border-radius:10px;
  background:linear-gradient(145deg,#650812,#26060b 72%,#101016);
}
.a4-side-help-top{
  display:flex;
  align-items:center;
  gap:8px;
}
.a4-side-help-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #ff5967;
  border-radius:7px;
  background:#a71021;
  color:#fff;
  font-size:15px;
  font-weight:950;
}
.a4-side-help-top span:last-child{
  display:flex;
  flex-direction:column;
}
.a4-side-help-top strong{
  color:#fff;
  font-size:12px;
  line-height:1;
  font-weight:950;
}
.a4-side-help-top small{
  margin-top:4px;
  color:#d8a2a8;
  font-size:7px;
  line-height:1;
}
.a4-side-help>a{
  width:100%;
  min-height:31px;
  margin-top:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  box-sizing:border-box;
  border:1px solid #ff5665;
  border-radius:7px;
  background:linear-gradient(180deg,#df2035,#8b0b1a);
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px;
  font-weight:950;
}
.a4-side-help>a b{font-size:17px;line-height:1}

@media (hover:hover) and (pointer:fine){
  .a4-side-top-item:hover .a4-side-top-title{color:#55d5ff}
  .a4-side-help>a:hover{filter:brightness(1.12)}
}

/* Mobile + tablet: sidebar becomes a lower full-width section. */
@media (max-width:1024px){
  .a4-layout{
    display:block!important;
  }

  .a4-main{
    width:100%!important;
    max-width:100%!important;
  }

  .a4-sidebar{
    width:100%!important;
    max-width:100%!important;
    margin-top:18px!important;
    padding-top:14px!important;
    border-top:1px solid #16465d;
    gap:10px!important;
  }

  .a4-side-brand{
    padding:15px 10px 13px;
  }
  .a4-side-brand-name{font-size:31px}
  .a4-side-brand-slogan{font-size:8px}

  .a4-side-banner{
    width:100%;
    max-width:100%;
  }

  .a4-side-top-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 12px;
  }
  .a4-side-top-item{
    grid-template-columns:24px 66px minmax(0,1fr);
    min-height:56px;
  }
  .a4-side-top-item img,
  .a4-side-noimg{
    width:66px;
    height:40px;
  }
  .a4-side-top-title{font-size:10px}
  .a4-side-top-copy small{font-size:7.5px}

  .a4-side-help{
    padding:9px 10px;
  }
}

@media (max-width:560px){
  .a4-sidebar{
    margin-top:14px!important;
    padding-top:12px!important;
  }

  .a4-side-brand-name{font-size:27px}
  .a4-side-brand-slogan{font-size:7px}

  .a4-side-top-list{
    grid-template-columns:1fr;
  }
  .a4-side-top-item{
    grid-template-columns:25px 72px minmax(0,1fr);
    min-height:58px;
  }
  .a4-side-top-item img,
  .a4-side-noimg{
    width:72px;
    height:42px;
  }
  .a4-side-top-title{
    font-size:10.5px;
    -webkit-line-clamp:2;
    line-clamp:2;
  }

  .a4-side-help{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(145px,.8fr);
    align-items:center;
    gap:8px;
  }
  .a4-side-help>a{
    margin-top:0;
    min-height:36px;
  }
}


/* =========================================================
   v3.5.7 — LINKS + HOVER POLISH
   Requested homepage navigation and desktop pointer feedback.
   ========================================================= */
.a4-battle-heading-link{
  color:inherit!important;
  text-decoration:none!important;
}

/* Help: visible hover/focus animation without changing geometry. */
.a4-help-button,
.a4-side-help>a{
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease!important;
}

/* Popular cards: subtle lift/glow, preserving approved layout. */
.a4-popular-card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.a4-popular-thumb img{
  transition:transform .28s ease, filter .28s ease!important;
}

@media (hover:hover) and (pointer:fine){
  .a4-help-button:hover,
  .a4-side-help>a:hover{
    transform:translateY(-2px)!important;
    filter:brightness(1.12)!important;
    box-shadow:0 7px 18px rgba(222,28,50,.25)!important;
  }
  .a4-popular-card:hover{
    transform:translateY(-3px)!important;
    border-color:#ffd05d!important;
    box-shadow:0 8px 22px rgba(255,184,39,.16), inset 0 0 22px rgba(255,187,39,.06)!important;
  }
  .a4-popular-card:hover .a4-popular-thumb img{
    transform:scale(1.035)!important;
    filter:brightness(1.07)!important;
  }
  .a4-battle-heading-link:hover{
    color:#52d9ff!important;
  }
}

.a4-help-button:focus-visible,
.a4-side-help>a:focus-visible,
.a4-battle-heading-link:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:2px!important;
}

/* =========================================================
   v3.7.0 — универсальные страницы разделов
   ========================================================= */
.a4-section-hero{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:20px;
  align-items:center;
  padding:18px;
  margin-bottom:18px;
  border:1px solid #164f70;
  border-radius:12px;
  background:linear-gradient(145deg,#0d2030,#101b31);
  overflow:hidden;
}
.a4-section-hero-image{
  width:180px;height:100px;object-fit:cover;border-radius:10px;
}
.a4-section-hero-copy small,.a4-all-posts-head small{
  color:#35bff0;font-size:9px;font-weight:950;letter-spacing:1.5px;
}
.a4-section-hero-copy h1,.a4-all-posts-head h1{
  margin:4px 0 7px;color:#fff;font-size:29px;line-height:1;font-weight:950;
}
.a4-section-hero-copy p{
  margin:0;color:#a9c7d8;font-size:11px;line-height:1.45;
}
.a4-section-all{
  display:inline-flex;align-items:center;gap:9px;min-height:42px;margin-top:14px;padding:0 18px;
  border:1px solid #ff4561;border-radius:9px;background:linear-gradient(180deg,#ed3152,#b41431);
  color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:950;
}
.a4-section-all b{
  display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;
  border-radius:50%;background:#99152b;color:#ffccd4;font-size:9px;
}
.a4-section-feed{margin:0 0 18px}
.a4-section-title{
  min-height:42px;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:10px;
  border:1px solid #173d59;border-radius:9px;background:linear-gradient(180deg,#14283d,#0d1a29);
  color:#fff;
}
.a4-section-title strong{font-size:15px;font-weight:950}
.a4-section-new{
  padding:5px 7px;border-radius:5px;background:#ff3153;color:#fff;font-size:8px;font-weight:950;
}
.a4-section-hot{font-size:15px}
.a4-section-grid,.a4-all-posts-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
}
.a4-section-card{
  min-width:0;overflow:hidden;border:1px solid #173e59;border-radius:10px;background:#0e1d2d;
}
.a4-section-card-link{display:block;color:inherit!important;text-decoration:none!important}
.a4-section-card-media{aspect-ratio:16/9;overflow:hidden;background:#061018}
.a4-section-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}
.a4-section-card-body{padding:10px 11px 13px}
.a4-section-card-meta{display:flex;gap:8px;color:#43bff0;font-size:8px;font-weight:850}
.a4-section-card h3,.a4-section-card h2{
  margin:8px 0 0;color:#fff;font-size:14px;line-height:1.25;font-weight:900;
}
.a4-section-card:hover .a4-section-card-media img{transform:scale(1.025)}
.a4-section-card:hover h3,.a4-section-card:hover h2{color:#56d4ff}
.a4-section-empty{
  padding:16px;border:1px solid #6e5b20;border-radius:9px;background:#241f0e;color:#ffd76a;
}
.a4-all-posts-head{
  padding:16px 18px;margin-bottom:14px;border:1px solid #164f70;border-radius:11px;
  background:linear-gradient(145deg,#0d2030,#101b31);
}
.a4-all-posts-head p{margin:7px 0 0;color:#a9c7d8;font-size:10px;font-weight:850}
.a4-all-posts-head p b{color:#47cdf7}
.navigation.pagination{margin:18px 0 4px}
.nav-links{display:flex;gap:6px;flex-wrap:wrap}
.page-numbers{
  display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 9px;
  border:1px solid #195172;border-radius:7px;background:#0d2030;color:#dff6ff!important;text-decoration:none!important;
}
.page-numbers.current{background:#1688bb;color:#fff!important}

@media(max-width:1024px){
  .a4-section-hero{grid-template-columns:160px minmax(0,1fr)}
  .a4-section-hero-image{width:160px;height:90px}
}
@media(max-width:560px){
  .a4-section-hero{grid-template-columns:112px minmax(0,1fr);gap:11px;padding:10px}
  .a4-section-hero-image{width:112px;height:86px}
  .a4-section-hero-copy h1{font-size:20px}
  .a4-section-hero-copy p{font-size:8.5px;line-height:1.35}
  .a4-section-all{min-height:35px;margin-top:9px;padding:0 10px;font-size:9px}
  .a4-section-grid,.a4-all-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .a4-section-card-body{padding:7px 8px 9px}
  .a4-section-card h3,.a4-section-card h2{font-size:10px}
  .a4-section-card-meta{font-size:6.5px}
}


/* =========================================================
   v3.7.1 — карточки разделов: новый заголовок + описание
   ========================================================= */
.a4-section-card-body{
  padding:12px 13px 14px!important;
}
.a4-section-card-meta{
  margin-bottom:7px;
  gap:10px!important;
  font-size:8px!important;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.25px;
}
.a4-section-card h3,
.a4-section-card h2{
  margin:0!important;
  color:#f7fbff!important;
  font-size:15px!important;
  line-height:1.22!important;
  font-weight:900!important;
  letter-spacing:-.15px;
  text-transform:none!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
}
.a4-section-card-excerpt{
  margin:8px 0 0!important;
  color:#9eb9c8!important;
  font-size:10px!important;
  line-height:1.42!important;
  font-weight:500!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
}
.a4-section-card:hover h3,
.a4-section-card:hover h2{
  color:#52d2ff!important;
}

@media(max-width:560px){
  .a4-section-card-body{padding:8px 9px 10px!important}
  .a4-section-card-meta{margin-bottom:5px;font-size:6.5px!important}
  .a4-section-card h3,
  .a4-section-card h2{
    font-size:10.5px!important;
    line-height:1.2!important;
  }
  .a4-section-card-excerpt{
    margin-top:6px!important;
    font-size:8px!important;
    line-height:1.35!important;
    -webkit-line-clamp:2;
    line-clamp:2;
  }
}


/* =========================================================
   v3.7.2 — нормализация типографики карточек на всех устройствах
   ========================================================= */

/* Desktop */
.a4-section-card-body{
  padding:14px 15px 16px!important;
}
.a4-section-card-meta{
  margin-bottom:8px!important;
  gap:10px!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
.a4-section-card h3,
.a4-section-card h2{
  margin:0!important;
  font-size:18px!important;
  line-height:1.22!important;
  font-weight:900!important;
  letter-spacing:-.18px!important;
  -webkit-line-clamp:3!important;
  line-clamp:3!important;
}
.a4-section-card-excerpt{
  margin-top:9px!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:500!important;
  -webkit-line-clamp:3!important;
  line-clamp:3!important;
}

/* Tablet */
@media (min-width:561px) and (max-width:1024px){
  .a4-section-card-body{
    padding:12px 13px 14px!important;
  }
  .a4-section-card-meta{
    margin-bottom:7px!important;
    font-size:9px!important;
  }
  .a4-section-card h3,
  .a4-section-card h2{
    font-size:16px!important;
    line-height:1.23!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
  }
  .a4-section-card-excerpt{
    margin-top:8px!important;
    font-size:12px!important;
    line-height:1.42!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
  }
}

/* Mobile */
@media (max-width:560px){
  .a4-section-card-body{
    padding:10px 10px 12px!important;
  }
  .a4-section-card-meta{
    margin-bottom:6px!important;
    gap:7px!important;
    font-size:8px!important;
    line-height:1.2!important;
  }
  .a4-section-card h3,
  .a4-section-card h2{
    font-size:13px!important;
    line-height:1.24!important;
    letter-spacing:-.08px!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
  }
  .a4-section-card-excerpt{
    margin-top:7px!important;
    font-size:10px!important;
    line-height:1.4!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
  }
}


/* =========================================================
   v3.7.3 — верхушка разделов в геометрии Battle 50/50
   ========================================================= */
.a4-section-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
  padding:0!important;
  min-height:250px;
  border:1px solid #176181!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#071723,#0b2030)!important;
  overflow:hidden!important;
}
.a4-section-hero-image{
  width:100%!important;
  height:100%!important;
  min-height:250px!important;
  object-fit:cover!important;
  border-radius:0!important;
  display:block!important;
}
.a4-section-hero-copy{
  min-width:0;
  padding:28px 30px!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 100% 0%,rgba(24,189,242,.10),transparent 42%),
    linear-gradient(145deg,#0c2030,#0a1724);
}
.a4-section-hero-copy small{
  color:#39c8f7!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:1.7px!important;
}
.a4-section-hero-copy h1{
  margin:8px 0 12px!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.7px!important;
}
.a4-section-hero-copy p{
  margin:0!important;
  max-width:520px;
  color:#b9d1dd!important;
  font-size:14px!important;
  line-height:1.48!important;
  font-weight:550!important;
}
.a4-section-all{
  width:max-content!important;
  min-width:245px;
  min-height:54px!important;
  margin-top:22px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  box-sizing:border-box;
  border:1px solid #ff3f60!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#ef3153,#b71331)!important;
  box-shadow:0 8px 24px rgba(190,18,48,.20);
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:950!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.a4-section-all-icon{
  width:30px;height:30px;flex:0 0 30px;
  display:grid!important;
  grid-template-columns:repeat(2,6px);
  grid-template-rows:repeat(2,6px);
  place-content:center;
  gap:3px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:8px;
  background:rgba(255,255,255,.10);
}
.a4-section-all-icon i{
  display:block;width:6px;height:6px;border-radius:1px;background:#fff;
}
.a4-section-all-label{white-space:nowrap}
.a4-section-all b{
  min-width:27px!important;
  height:27px!important;
  padding:0 6px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#8f1128!important;
  color:#ffd6dd!important;
  font-size:11px!important;
}
.a4-section-all-arrow{
  margin-left:auto;
  color:#fff;
  font-size:21px;
  line-height:1;
  font-weight:800;
}
@media(hover:hover) and (pointer:fine){
  .a4-section-all:hover{
    transform:translateY(-2px);
    filter:brightness(1.08);
    box-shadow:0 11px 28px rgba(190,18,48,.28);
  }
}

/* Tablet: still 50/50, like Battle. */
@media (min-width:561px) and (max-width:1024px){
  .a4-section-hero{min-height:220px!important}
  .a4-section-hero-image{min-height:220px!important}
  .a4-section-hero-copy{padding:22px!important}
  .a4-section-hero-copy small{font-size:9px!important}
  .a4-section-hero-copy h1{font-size:28px!important;margin:7px 0 10px!important}
  .a4-section-hero-copy p{font-size:12px!important;line-height:1.42!important}
  .a4-section-all{
    min-width:220px!important;
    min-height:48px!important;
    margin-top:17px!important;
    font-size:12px!important;
  }
}

/* Mobile: preserve the same left-image/right-content concept, compacted. */
@media (max-width:560px){
  .a4-section-hero{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    min-height:190px!important;
  }
  .a4-section-hero-image{
    width:100%!important;
    height:100%!important;
    min-height:190px!important;
    object-fit:cover!important;
  }
  .a4-section-hero-copy{
    padding:13px 11px!important;
  }
  .a4-section-hero-copy small{
    font-size:7px!important;
    letter-spacing:1px!important;
  }
  .a4-section-hero-copy h1{
    margin:6px 0 8px!important;
    font-size:21px!important;
    line-height:1!important;
  }
  .a4-section-hero-copy p{
    font-size:9px!important;
    line-height:1.38!important;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    line-clamp:4;
    overflow:hidden;
  }
  .a4-section-all{
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    margin-top:11px!important;
    padding:0 8px!important;
    gap:6px!important;
    border-radius:8px!important;
    font-size:9px!important;
  }
  .a4-section-all-icon{
    width:24px;height:24px;flex-basis:24px;
    grid-template-columns:repeat(2,5px);
    grid-template-rows:repeat(2,5px);
    gap:2px;
  }
  .a4-section-all-icon i{width:5px;height:5px}
  .a4-section-all b{
    min-width:22px!important;height:22px!important;font-size:8px!important;
  }
  .a4-section-all-arrow{font-size:16px}
}


/* =========================================================
   v3.7.4 — section hero: original image proportions + neon frame
   Existing source images are NOT modified.
   ========================================================= */
.a4-section-hero-media{
  min-width:0;
  min-height:250px;
  padding:22px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  background:
    radial-gradient(circle at 50% 50%,rgba(0,174,255,.13),transparent 58%),
    linear-gradient(145deg,#06131e,#091b29);
}
.a4-section-hero-frame{
  width:100%;
  max-width:390px;
  padding:3px;
  box-sizing:border-box;
  border-radius:13px;
  background:linear-gradient(135deg,#18c8ff,#1479ff 45%,#7a39ff);
  box-shadow:
    0 0 0 1px rgba(69,210,255,.22),
    0 0 18px rgba(0,170,255,.20),
    inset 0 0 12px rgba(255,255,255,.06);
}
.a4-section-hero-frame::before{content:none!important}
.a4-section-hero-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  border-radius:10px!important;
  background:#061018;
}

/* Tablet */
@media (min-width:561px) and (max-width:1024px){
  .a4-section-hero-media{
    min-height:220px!important;
    padding:17px!important;
  }
  .a4-section-hero-frame{
    max-width:340px;
  }
}

/* Mobile */
@media (max-width:560px){
  .a4-section-hero-media{
    min-height:190px!important;
    padding:9px!important;
  }
  .a4-section-hero-frame{
    width:100%;
    max-width:100%;
    padding:2px;
    border-radius:9px;
  }
  .a4-section-hero-image{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    border-radius:7px!important;
  }
}


/* =========================================================
   v3.7.5 — карточки статей: нормальная обложка + рамка + баланс текста
   Исходные изображения не меняются.
   ========================================================= */
.a4-section-grid,
.a4-all-posts-grid{
  gap:12px!important;
}

.a4-section-card{
  padding:12px!important;
  box-sizing:border-box;
  background:linear-gradient(145deg,#0b1b29,#0d2131)!important;
  border:1px solid #174d69!important;
  border-radius:12px!important;
}

.a4-section-card-link{
  display:grid!important;
  grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
  gap:14px!important;
  align-items:center!important;
  height:100%;
}

.a4-section-card-media{
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  padding:2px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#18c8ff,#1479ff 48%,#8a3cff)!important;
  box-shadow:
    0 0 0 1px rgba(66,210,255,.18),
    0 0 13px rgba(0,170,255,.16)!important;
}

.a4-section-card-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  border-radius:8px!important;
  background:#050b10!important;
}

.a4-section-card-body{
  padding:2px 6px 2px 0!important;
  min-width:0;
}

.a4-section-card-meta{
  margin-bottom:7px!important;
  font-size:9px!important;
  line-height:1.2!important;
}

.a4-section-card h3,
.a4-section-card h2{
  font-size:17px!important;
  line-height:1.22!important;
  -webkit-line-clamp:3!important;
  line-clamp:3!important;
}

.a4-section-card-excerpt{
  margin-top:8px!important;
  font-size:12px!important;
  line-height:1.42!important;
  -webkit-line-clamp:3!important;
  line-clamp:3!important;
}

.a4-section-card-cta{
  width:max-content;
  min-height:31px;
  margin-top:11px;
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  box-sizing:border-box;
  border:1px solid #159bd3;
  border-radius:7px;
  background:#0a2637;
  color:#fff;
  font-size:9px;
  line-height:1;
  font-weight:900;
}
.a4-section-card-cta b{
  color:#39cfff;
  font-size:15px;
  line-height:1;
}
@media(hover:hover) and (pointer:fine){
  .a4-section-card:hover{
    border-color:#23789e!important;
  }
  .a4-section-card:hover .a4-section-card-media{
    box-shadow:
      0 0 0 1px rgba(66,210,255,.25),
      0 0 18px rgba(0,170,255,.24)!important;
  }
  .a4-section-card:hover .a4-section-card-media img{
    transform:scale(1.015)!important;
  }
  .a4-section-card:hover .a4-section-card-cta{
    background:#0d344a;
    border-color:#39cfff;
  }
}

/* Tablet */
@media (min-width:561px) and (max-width:1024px){
  .a4-section-card{
    padding:10px!important;
  }
  .a4-section-card-link{
    grid-template-columns:minmax(0,41%) minmax(0,59%)!important;
    gap:11px!important;
  }
  .a4-section-card h3,
  .a4-section-card h2{
    font-size:15px!important;
  }
  .a4-section-card-excerpt{
    font-size:11px!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
  }
  .a4-section-card-cta{
    min-height:29px;
    margin-top:9px;
    font-size:8px;
  }
}

/* Mobile: cards remain 2-column in the section grid, but image/text stack
   inside each card to keep covers undistorted and text readable. */
@media (max-width:560px){
  .a4-section-card{
    padding:7px!important;
    border-radius:9px!important;
  }
  .a4-section-card-link{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  .a4-section-card-media{
    width:100%!important;
    aspect-ratio:16/9!important;
    border-radius:8px!important;
  }
  .a4-section-card-media img{
    width:100%!important;
    height:100%!important;
    aspect-ratio:16/9!important;
    object-fit:contain!important;
    border-radius:6px!important;
  }
  .a4-section-card-body{
    padding:1px 2px 3px!important;
  }
  .a4-section-card-meta{
    margin-bottom:5px!important;
    font-size:7px!important;
  }
  .a4-section-card h3,
  .a4-section-card h2{
    font-size:12px!important;
    line-height:1.23!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
  }
  .a4-section-card-excerpt{
    margin-top:6px!important;
    font-size:9px!important;
    line-height:1.38!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
  }
  .a4-section-card-cta{
    width:100%;
    min-height:29px;
    margin-top:8px;
    padding:0 7px;
    justify-content:center;
    gap:5px;
    font-size:7px;
  }
}


/* =========================================================
   v3.7.6 — НОВИНКИ / ПОПУЛЯРНОЕ: фирменные techno-полосы АРТУРЫ4
   ========================================================= */
.a4-section-title{
  position:relative!important;
  min-height:48px!important;
  padding:0 18px!important;
  margin-bottom:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  overflow:hidden!important;
  border:1px solid #176181!important;
  border-radius:9px!important;
  background:
    linear-gradient(90deg,rgba(17,67,94,.86),rgba(8,27,40,.96) 52%,rgba(7,18,28,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(73,207,255,.08),
    0 5px 16px rgba(0,0,0,.14)!important;
}
.a4-section-title::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:4px!important;
  background:linear-gradient(180deg,#2bd8ff,#167fc8)!important;
  box-shadow:0 0 12px rgba(43,216,255,.55)!important;
}
.a4-section-title::after{
  content:""!important;
  position:absolute!important;
  right:16px!important;
  top:50%!important;
  width:34%!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(39,190,240,.55),transparent)!important;
}
.a4-section-title strong{
  position:relative!important;
  z-index:2!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.25px!important;
}
.a4-section-new{
  position:relative!important;
  z-index:2!important;
  padding:6px 8px!important;
  border:1px solid #ff5871!important;
  border-radius:6px!important;
  background:linear-gradient(180deg,#ff3e5e,#d81839)!important;
  box-shadow:0 0 12px rgba(255,42,75,.20)!important;
  color:#fff!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
}
.a4-section-hot{
  position:relative!important;
  z-index:2!important;
  width:27px!important;
  height:27px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #e2a630!important;
  border-radius:7px!important;
  background:linear-gradient(180deg,#4b3307,#251b08)!important;
  box-shadow:0 0 12px rgba(235,170,36,.14)!important;
  font-size:15px!important;
}

/* Tablet */
@media (min-width:561px) and (max-width:1024px){
  .a4-section-title{
    min-height:44px!important;
    padding:0 14px!important;
  }
  .a4-section-title strong{font-size:14px!important}
  .a4-section-title::after{width:28%!important}
}

/* Mobile */
@media (max-width:560px){
  .a4-section-title{
    min-height:40px!important;
    padding:0 11px!important;
    gap:7px!important;
    border-radius:7px!important;
  }
  .a4-section-title::before{width:3px!important}
  .a4-section-title::after{
    right:9px!important;
    width:20%!important;
  }
  .a4-section-title strong{font-size:12px!important}
  .a4-section-new{
    padding:5px 6px!important;
    font-size:7px!important;
  }
  .a4-section-hot{
    width:23px!important;
    height:23px!important;
    font-size:13px!important;
  }
}


/* =========================================================
   v3.7.7 — полосы разделов точно в языке главной страницы
   ========================================================= */
.a4-section-title{
  min-height:43px!important;
  padding:0 11px!important;
  gap:8px!important;
  justify-content:flex-start!important;
  background:linear-gradient(90deg,#0b2636,#081923)!important;
  border:1px solid #079bd0!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
.a4-section-title::before,
.a4-section-title::after{
  content:none!important;
  display:none!important;
}
.a4-section-title strong{
  flex:0 0 auto;
  font-size:14px!important;
  letter-spacing:.1px!important;
}
.a4-section-new{
  flex:0 0 auto;
  padding:5px 7px!important;
  border-radius:5px!important;
  font-size:7px!important;
  font-style:italic;
}
.a4-section-hot{
  width:auto!important;
  height:auto!important;
  flex:0 0 auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:15px!important;
}
.a4-section-subtitle{
  flex:0 0 auto;
  color:#16c9f4;
  font-size:7px;
  line-height:1;
  font-weight:950;
  white-space:nowrap;
}
.a4-section-title-popular .a4-section-subtitle{
  color:#f3bd45;
}
.a4-section-line{
  display:block;
  flex:1 1 auto;
  min-width:20px;
  height:1px;
  margin-left:2px;
  background:linear-gradient(90deg,#16bde9,rgba(22,189,233,.08));
}
.a4-section-title-popular .a4-section-line{
  background:linear-gradient(90deg,#dca62e,rgba(220,166,46,.07));
}

/* Tablet */
@media (min-width:561px) and (max-width:1024px){
  .a4-section-title{
    min-height:41px!important;
    padding:0 10px!important;
    gap:7px!important;
  }
  .a4-section-title strong{font-size:13px!important}
  .a4-section-subtitle{font-size:6.5px}
}

/* Mobile */
@media (max-width:560px){
  .a4-section-title{
    min-height:38px!important;
    padding:0 8px!important;
    gap:6px!important;
  }
  .a4-section-title strong{font-size:11px!important}
  .a4-section-new{padding:4px 5px!important;font-size:6px!important}
  .a4-section-hot{font-size:13px!important}
  .a4-section-subtitle{font-size:5.5px}
  .a4-section-line{min-width:10px}
}


/* =========================================================
   v3.7.8 — страницы разделов: безопасный зазор до сайдбара
   ========================================================= */
@media (min-width:1025px){
  .a4-section-hero,
  .a4-section-feed,
  .a4-all-posts-head,
  .a4-all-posts-grid,
  .navigation.pagination{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin-right:28px!important;
    box-sizing:border-box!important;
  }

  .a4-section-grid{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .a4-section-card{
    min-width:0!important;
    max-width:100%!important;
  }

  .a4-section-card-link,
  .a4-section-card-body{
    min-width:0!important;
  }
}


/* =========================================================
   v3.7.9 — уточнения крупнее + объёмная фирменная линия
   ========================================================= */

/* Desktop */
.a4-section-subtitle{
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.18px!important;
  font-weight:950!important;
}
.a4-section-line{
  position:relative!important;
  flex:1 1 auto!important;
  min-width:24px!important;
  height:4px!important;
  margin-left:4px!important;
  border-radius:999px!important;
  background:
    linear-gradient(180deg,
      rgba(91,224,255,.92) 0%,
      rgba(17,179,226,.78) 35%,
      rgba(6,91,126,.45) 100%)!important;
  box-shadow:
    0 0 7px rgba(25,194,239,.30),
    inset 0 1px 0 rgba(255,255,255,.40),
    inset 0 -1px 0 rgba(0,55,82,.45)!important;
  overflow:hidden!important;
}
.a4-section-line::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:72%!important;
  height:1px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,0))!important;
}
.a4-section-title-popular .a4-section-line{
  background:
    linear-gradient(180deg,
      rgba(255,211,91,.92) 0%,
      rgba(216,158,37,.78) 35%,
      rgba(103,69,8,.45) 100%)!important;
  box-shadow:
    0 0 7px rgba(226,170,44,.28),
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -1px 0 rgba(83,53,0,.45)!important;
}

/* Tablet */
@media (min-width:561px) and (max-width:1024px){
  .a4-section-subtitle{
    font-size:8px!important;
  }
  .a4-section-line{
    height:4px!important;
    margin-left:3px!important;
  }
}

/* Mobile */
@media (max-width:560px){
  .a4-section-subtitle{
    font-size:7px!important;
    letter-spacing:.08px!important;
  }
  .a4-section-line{
    min-width:12px!important;
    height:3px!important;
    margin-left:2px!important;
    box-shadow:
      0 0 5px rgba(25,194,239,.26),
      inset 0 1px 0 rgba(255,255,255,.38),
      inset 0 -1px 0 rgba(0,55,82,.40)!important;
  }
  .a4-section-title-popular .a4-section-line{
    box-shadow:
      0 0 5px rgba(226,170,44,.24),
      inset 0 1px 0 rgba(255,255,255,.32),
      inset 0 -1px 0 rgba(83,53,0,.40)!important;
  }
}


/* =========================================================
   v3.8.0 — Sidebar TOP-5: larger 16:9 covers, neon frames,
   more vertical room, readable titles/statistics
   ========================================================= */

/* Widget container — support current sidebar TOP-5 class patterns */
.a4-sidebar-popular,
.a4-sidebar-top,
.a4-sidebar-top5{
  overflow:hidden!important;
}

/* Each ranking row */
.a4-sidebar-popular-item,
.a4-sidebar-top-item,
.a4-sidebar-top5-item{
  min-height:86px!important;
  padding:9px 7px!important;
  display:grid!important;
  grid-template-columns:26px 82px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  box-sizing:border-box!important;
  border-bottom:1px solid rgba(37,112,145,.42)!important;
}
.a4-sidebar-popular-item:last-child,
.a4-sidebar-top-item:last-child,
.a4-sidebar-top5-item:last-child{
  border-bottom:0!important;
}

/* Rank */
.a4-sidebar-popular-rank,
.a4-sidebar-top-rank,
.a4-sidebar-top5-rank{
  width:24px!important;
  height:29px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #e1a51f!important;
  border-radius:7px!important;
  background:linear-gradient(180deg,#3a2b08,#191509)!important;
  box-shadow:inset 0 1px 0 rgba(255,221,113,.12)!important;
  color:#ffc735!important;
  font-size:11px!important;
  font-weight:950!important;
}

/* Thumbnail frame */
.a4-sidebar-popular-thumb,
.a4-sidebar-top-thumb,
.a4-sidebar-top5-thumb{
  width:82px!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  padding:2px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#1ee0ff,#1685ff 48%,#7a38ff)!important;
  box-shadow:
    0 0 0 1px rgba(55,211,255,.18),
    0 0 10px rgba(0,174,255,.18)!important;
}
.a4-sidebar-popular-thumb img,
.a4-sidebar-top-thumb img,
.a4-sidebar-top5-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  border-radius:6px!important;
  background:#050b10!important;
}

/* Text area */
.a4-sidebar-popular-info,
.a4-sidebar-top-info,
.a4-sidebar-top5-info{
  min-width:0!important;
  align-self:center!important;
}
.a4-sidebar-popular-title,
.a4-sidebar-top-title,
.a4-sidebar-top5-title{
  margin:0!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1.23!important;
  font-weight:900!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  line-clamp:3!important;
  overflow:hidden!important;
}
.a4-sidebar-popular-views,
.a4-sidebar-top-views,
.a4-sidebar-top5-views{
  margin-top:5px!important;
  color:#20c6f4!important;
  font-size:7px!important;
  line-height:1.1!important;
  font-weight:850!important;
}

/* Broader selectors for the current compact widget if its markup is list-based */
.a4-sidebar .a4-popular-list > *{
  min-height:86px!important;
}
.a4-sidebar .a4-popular-list img{
  object-fit:contain!important;
}

/* When sidebar moves below content on tablet/mobile, use the extra width. */
@media (max-width:1024px){
  .a4-sidebar-popular-item,
  .a4-sidebar-top-item,
  .a4-sidebar-top5-item{
    min-height:96px!important;
    grid-template-columns:30px 112px minmax(0,1fr)!important;
    gap:11px!important;
    padding:10px 9px!important;
  }
  .a4-sidebar-popular-thumb,
  .a4-sidebar-top-thumb,
  .a4-sidebar-top5-thumb{
    width:112px!important;
  }
  .a4-sidebar-popular-title,
  .a4-sidebar-top-title,
  .a4-sidebar-top5-title{
    font-size:11px!important;
  }
  .a4-sidebar-popular-views,
  .a4-sidebar-top-views,
  .a4-sidebar-top5-views{
    font-size:8px!important;
  }
}

@media (max-width:560px){
  .a4-sidebar-popular-item,
  .a4-sidebar-top-item,
  .a4-sidebar-top5-item{
    min-height:88px!important;
    grid-template-columns:28px 96px minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px 7px!important;
  }
  .a4-sidebar-popular-thumb,
  .a4-sidebar-top-thumb,
  .a4-sidebar-top5-thumb{
    width:96px!important;
  }
  .a4-sidebar-popular-title,
  .a4-sidebar-top-title,
  .a4-sidebar-top5-title{
    font-size:10px!important;
  }
}


/* =========================================================
   v3.8.1 — REAL sidebar TOP-5 selectors
   ========================================================= */
.a4-side-top-list{
  padding:3px 7px 7px!important;
}
.a4-side-top-item{
  min-height:88px!important;
  padding:9px 0!important;
  display:grid!important;
  grid-template-columns:27px 84px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  border-bottom:1px solid rgba(39,112,145,.42)!important;
  text-decoration:none!important;
}
.a4-side-top-item:last-child{border-bottom:0!important}

.a4-side-rank{
  width:25px!important;
  height:31px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  border:1px solid #e4aa21!important;
  border-radius:7px!important;
  background:linear-gradient(180deg,#3c2d08,#171308)!important;
  color:#ffc735!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
}

/* Existing markup uses a naked IMG, so style that exact image. */
.a4-side-top-item > img{
  display:block!important;
  width:84px!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:contain!important;
  box-sizing:border-box!important;
  padding:2px!important;
  border:0!important;
  border-radius:8px!important;
  background:
    linear-gradient(#050b10,#050b10) padding-box,
    linear-gradient(135deg,#1edfff,#1687ff 50%,#803dff) border-box!important;
  outline:1px solid rgba(38,199,247,.55)!important;
  box-shadow:0 0 10px rgba(0,177,255,.20)!important;
}

.a4-side-top-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.a4-side-top-title{
  color:#fff!important;
  font-size:9.5px!important;
  line-height:1.22!important;
  font-weight:900!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  line-clamp:3!important;
  overflow:hidden!important;
}
.a4-side-top-copy small{
  display:block!important;
  margin-top:5px!important;
  color:#20c7f4!important;
  font-size:7.5px!important;
  line-height:1.1!important;
  font-weight:850!important;
}

/* Tablet/mobile: sidebar is below main content, use available width. */
@media (max-width:1024px){
  .a4-side-top-list{padding:5px 9px 9px!important}
  .a4-side-top-item{
    min-height:105px!important;
    grid-template-columns:31px 124px minmax(0,1fr)!important;
    gap:11px!important;
    padding:10px 0!important;
  }
  .a4-side-rank{
    width:29px!important;height:35px!important;font-size:12px!important;
  }
  .a4-side-top-item > img{width:124px!important}
  .a4-side-top-title{font-size:12px!important}
  .a4-side-top-copy small{font-size:9px!important}
}
@media (max-width:560px){
  .a4-side-top-item{
    min-height:96px!important;
    grid-template-columns:29px 106px minmax(0,1fr)!important;
    gap:9px!important;
  }
  .a4-side-top-item > img{width:106px!important}
  .a4-side-top-title{font-size:11px!important}
  .a4-side-top-copy small{font-size:8px!important}
}


/* =========================================================
   v3.8.2 — Sidebar TOP-5 fixed visual:
   landscape covers + compact rows + neon frame
   ========================================================= */
.a4-side-top-list{
  padding:3px 7px 6px!important;
}

.a4-side-top-item{
  min-height:72px!important;
  padding:7px 0!important;
  grid-template-columns:26px 88px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
}

/* Number */
.a4-side-rank{
  width:24px!important;
  height:29px!important;
  border-radius:7px!important;
  font-size:10px!important;
}

/* Landscape cover — explicitly defeat old square thumbnail rules */
.a4-side-top-item > img{
  width:88px!important;
  height:50px!important;
  min-width:88px!important;
  min-height:50px!important;
  max-width:88px!important;
  max-height:50px!important;
  aspect-ratio:88 / 50!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:2px!important;
  box-sizing:border-box!important;
  border-radius:8px!important;
  background:#050b10!important;
  outline:1px solid #19c9f4!important;
  box-shadow:
    0 0 0 1px rgba(35,126,255,.30),
    0 0 9px rgba(0,190,255,.20)!important;
}

/* Text */
.a4-side-top-copy{
  min-width:0!important;
}
.a4-side-top-title{
  font-size:9px!important;
  line-height:1.18!important;
  -webkit-line-clamp:3!important;
  line-clamp:3!important;
}
.a4-side-top-copy small{
  margin-top:4px!important;
  font-size:7px!important;
  line-height:1!important;
}

/* Tablet — sidebar below main, use more width without wasting height */
@media (min-width:561px) and (max-width:1024px){
  .a4-side-top-item{
    min-height:82px!important;
    padding:8px 0!important;
    grid-template-columns:29px 112px minmax(0,1fr)!important;
    gap:9px!important;
  }
  .a4-side-rank{
    width:27px!important;
    height:32px!important;
    font-size:11px!important;
  }
  .a4-side-top-item > img{
    width:112px!important;
    height:63px!important;
    min-width:112px!important;
    min-height:63px!important;
    max-width:112px!important;
    max-height:63px!important;
    aspect-ratio:16/9!important;
  }
  .a4-side-top-title{font-size:11px!important}
  .a4-side-top-copy small{font-size:8px!important}
}

/* Mobile */
@media (max-width:560px){
  .a4-side-top-item{
    min-height:76px!important;
    padding:7px 0!important;
    grid-template-columns:27px 100px minmax(0,1fr)!important;
    gap:8px!important;
  }
  .a4-side-rank{
    width:25px!important;
    height:30px!important;
    font-size:10px!important;
  }
  .a4-side-top-item > img{
    width:100px!important;
    height:56px!important;
    min-width:100px!important;
    min-height:56px!important;
    max-width:100px!important;
    max-height:56px!important;
    aspect-ratio:16/9!important;
  }
  .a4-side-top-title{
    font-size:10px!important;
    line-height:1.18!important;
  }
  .a4-side-top-copy small{font-size:7.5px!important}
}


/* =========================================================
   v3.8.3 — Sidebar TOP-5:
   natural cover proportions, no forced crop/stretch/black bars
   ========================================================= */

/* Keep the compact approved row geometry, but give covers a little more room. */
.a4-side-top-item{
  min-height:72px!important;
  padding:7px 0!important;
  grid-template-columns:26px 96px minmax(0,1fr)!important;
  gap:7px!important;
}

/* Critical fix:
   remove ALL forced height/aspect/object-fit rules from the actual image. */
.a4-side-top-item > img{
  display:block!important;
  width:96px!important;
  height:auto!important;

  min-width:96px!important;
  max-width:96px!important;
  min-height:0!important;
  max-height:none!important;

  aspect-ratio:auto!important;
  object-fit:initial!important;
  object-position:initial!important;

  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;

  border:1px solid #20cdf7!important;
  outline:1px solid rgba(38,126,255,.48)!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:
    0 0 0 1px rgba(31,122,255,.18),
    0 0 9px rgba(0,190,255,.22)!important;
}

/* Text gets the remaining width, without adding vertical air. */
.a4-side-top-title{
  font-size:9px!important;
  line-height:1.17!important;
}
.a4-side-top-copy small{
  margin-top:3px!important;
  font-size:7px!important;
}

/* Tablet */
@media (min-width:561px) and (max-width:1024px){
  .a4-side-top-item{
    min-height:82px!important;
    grid-template-columns:29px 120px minmax(0,1fr)!important;
    gap:9px!important;
    padding:8px 0!important;
  }
  .a4-side-top-item > img{
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
  }
}

/* Mobile */
@media (max-width:560px){
  .a4-side-top-item{
    min-height:76px!important;
    grid-template-columns:27px 108px minmax(0,1fr)!important;
    gap:8px!important;
    padding:7px 0!important;
  }
  .a4-side-top-item > img{
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
  }
}


/* =========================================================
   v3.8.4 — TOP-5 uses FULL featured image from WordPress.
   Display it as a real landscape article cover.
   ========================================================= */
.a4-side-top-item{
  min-height:72px!important;
  grid-template-columns:26px 96px minmax(0,1fr)!important;
  gap:7px!important;
  padding:7px 0!important;
}
.a4-side-top-item > img{
  display:block!important;
  width:96px!important;
  height:54px!important;
  min-width:96px!important;
  min-height:54px!important;
  max-width:96px!important;
  max-height:54px!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  border:1px solid #20cdf7!important;
  outline:1px solid rgba(38,126,255,.48)!important;
  border-radius:8px!important;
  background:#050b10!important;
  box-shadow:
    0 0 0 1px rgba(31,122,255,.18),
    0 0 9px rgba(0,190,255,.22)!important;
}
@media (min-width:561px) and (max-width:1024px){
  .a4-side-top-item{
    grid-template-columns:29px 120px minmax(0,1fr)!important;
  }
  .a4-side-top-item > img{
    width:120px!important;
    height:68px!important;
    min-width:120px!important;
    min-height:68px!important;
    max-width:120px!important;
    max-height:68px!important;
  }
}
@media (max-width:560px){
  .a4-side-top-item{
    grid-template-columns:27px 108px minmax(0,1fr)!important;
  }
  .a4-side-top-item > img{
    width:108px!important;
    height:61px!important;
    min-width:108px!important;
    min-height:61px!important;
    max-width:108px!important;
    max-height:61px!important;
  }
}


/* =========================================================
   v3.8.5 — ResetVPN banner between Новинки and Битва
   ========================================================= */
.a4-resetvpn-home{
  width:calc(100% - 28px);
  max-width:calc(100% - 28px);
  margin:14px 28px 14px 0;
  box-sizing:border-box;
}
.a4-resetvpn-home-link{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  border:1px solid #159bd3;
  border-radius:12px;
  background:#06131e;
  box-shadow:
    0 0 0 1px rgba(38,198,245,.08),
    0 7px 22px rgba(0,0,0,.20);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.a4-resetvpn-home-link img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
}
@media(hover:hover) and (pointer:fine){
  .a4-resetvpn-home-link:hover{
    transform:translateY(-2px);
    border-color:#35d4ff;
    box-shadow:
      0 0 0 1px rgba(53,212,255,.16),
      0 0 18px rgba(0,178,255,.18),
      0 10px 25px rgba(0,0,0,.24);
  }
}
@media(max-width:1024px){
  .a4-resetvpn-home{
    width:100%;
    max-width:100%;
    margin:12px 0;
  }
  .a4-resetvpn-home-link{
    border-radius:10px;
  }
}
@media(max-width:560px){
  .a4-resetvpn-home{
    margin:10px 0;
  }
  .a4-resetvpn-home-link{
    border-radius:8px;
  }
}


/* =========================================================
   v3.8.6 — ResetVPN: hide white canvas above/below banner
   Image itself is untouched.
   ========================================================= */
.a4-resetvpn-home-link{
  aspect-ratio:6 / 1!important;
  overflow:hidden!important;
  background:#06131e!important;
}
.a4-resetvpn-home-link img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
@media(max-width:1024px){
  .a4-resetvpn-home-link{aspect-ratio:6 / 1!important}
}


/* =========================================================
   v3.8.7 — ResetVPN: entire banner strip is clickable
   ========================================================= */
.a4-resetvpn-home-link{
  display:block!important;
  position:relative!important;
  width:100%!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
.a4-resetvpn-home-link::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  cursor:pointer!important;
}
.a4-resetvpn-home-link img{
  position:relative!important;
  z-index:1!important;
  pointer-events:none!important;
}


/* =========================================================
   v3.9.0 — RESET VPN landing page
   ========================================================= */
.a4-rvpn{width:calc(100% - 28px);max-width:calc(100% - 28px);margin-right:28px;box-sizing:border-box;color:#d8edf6}
.a4-rvpn-hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:350px;margin-bottom:14px;overflow:hidden;border:1px solid #176d91;border-radius:14px;background:radial-gradient(circle at 85% 15%,rgba(56,55,255,.17),transparent 40%),linear-gradient(145deg,#07131e,#0b2232)}
.a4-rvpn-hero-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}
.a4-rvpn-kicker,.a4-rvpn-heading small,.a4-rvpn-price small,.a4-rvpn-final small{color:#2bcdf7;font-size:9px;font-weight:950;letter-spacing:1.5px}
.a4-rvpn-hero h1{margin:8px 0 13px;color:#fff;font-size:37px;line-height:1.02;font-weight:950;letter-spacing:-1px}
.a4-rvpn-hero h1 em{color:#39cfff;font-style:normal}
.a4-rvpn-hero-copy>p{margin:0;color:#aac8d7;font-size:13px;line-height:1.5}
.a4-rvpn-mini-features{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}
.a4-rvpn-mini-features span{padding:8px;border:1px solid #174b66;border-radius:7px;background:#0b1c29;color:#9dbbc9;font-size:9px}
.a4-rvpn-mini-features b{color:#fff}
.a4-rvpn-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;width:max-content;min-width:230px;min-height:48px;margin-top:19px;padding:0 15px;border:1px solid #20cffa;border-radius:9px;background:linear-gradient(180deg,#087fae,#075979);box-shadow:0 0 16px rgba(24,194,239,.16);color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:950;box-sizing:border-box;transition:.18s}
.a4-rvpn-cta b{font-size:20px;color:#70e4ff}
.a4-rvpn-cta:hover{transform:translateY(-2px);border-color:#72e7ff;box-shadow:0 0 22px rgba(24,194,239,.25)}
.a4-rvpn-partner{margin-top:6px;color:#6f96a8;font-size:7px}
.a4-rvpn-hero-media{min-width:0;overflow:hidden;display:flex;align-items:center;background:#06111a}
.a4-rvpn-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.a4-rvpn-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.a4-rvpn-stats>div{padding:17px 12px;text-align:center;border:1px solid #165776;border-radius:10px;background:linear-gradient(180deg,#0d2637,#091923)}
.a4-rvpn-stats b{display:block;font-size:19px}.a4-rvpn-stats strong{display:block;margin-top:5px;color:#fff;font-size:16px}.a4-rvpn-stats span{display:block;margin-top:4px;color:#7fa7b9;font-size:8px}
.a4-rvpn-panel,.a4-rvpn-price,.a4-rvpn-final{margin-bottom:14px;padding:22px;border:1px solid #174e6b;border-radius:12px;background:linear-gradient(145deg,#0b1c2a,#0a1722)}
.a4-rvpn-heading{display:flex;align-items:center;gap:11px;margin-bottom:13px}.a4-rvpn-heading>span{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #1aaadf;border-radius:8px;background:#0a2a3c;color:#4edbff;font-weight:950}.a4-rvpn-heading h2,.a4-rvpn-price h2,.a4-rvpn-final h2{margin:3px 0 0;color:#fff;font-size:20px;line-height:1.15}.a4-rvpn-panel>p,.a4-rvpn-price p,.a4-rvpn-final p{color:#a8c2cf;font-size:12px;line-height:1.55}
.a4-rvpn-checks{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.a4-rvpn-checks span{padding:7px 10px;border:1px solid #146483;border-radius:7px;background:#092535;color:#bcecff;font-size:9px;font-weight:800}
.a4-rvpn-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.a4-rvpn-cards>div{padding:16px 7px;text-align:center;border:1px solid #164b67;border-radius:9px;background:#0a1d2a}.a4-rvpn-cards b{display:block;font-size:21px}.a4-rvpn-cards strong{display:block;margin-top:7px;color:#fff;font-size:10px}.a4-rvpn-cards span{display:block;margin-top:3px;color:#7da3b4;font-size:8px}
.a4-rvpn-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:9px;align-items:center}.a4-rvpn-steps>div{min-height:78px;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid #16516e;border-radius:9px;background:#0a1d2a}.a4-rvpn-steps i{width:29px;height:29px;flex:0 0 29px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#087ba6;color:#fff;font-style:normal;font-weight:950}.a4-rvpn-steps strong{color:#dff6ff;font-size:9px;line-height:1.3}.a4-rvpn-steps>span{color:#32cfff;font-size:20px}
.a4-rvpn-price,.a4-rvpn-final{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#166f91;background:radial-gradient(circle at 100% 0,rgba(33,197,244,.12),transparent 45%),linear-gradient(145deg,#0b2130,#091721)}.a4-rvpn-price .a4-rvpn-cta,.a4-rvpn-final .a4-rvpn-cta{flex:0 0 auto;margin:0}
.a4-rvpn-panel blockquote{margin:16px 0 0;padding:15px 17px;border-left:3px solid #26c9f3;border-radius:0 8px 8px 0;background:#081722;color:#d9f5ff;font-size:13px;font-weight:750}.a4-rvpn-panel blockquote cite{display:block;margin-top:7px;color:#31c9f2;font-size:8px;font-style:normal}
.a4-rvpn-faq{display:grid;gap:7px}.a4-rvpn-faq details{border:1px solid #164b67;border-radius:8px;background:#091a26}.a4-rvpn-faq summary{padding:12px 14px;cursor:pointer;color:#eaf9ff;font-size:10px;font-weight:900}.a4-rvpn-faq details p{margin:0;padding:0 14px 13px;color:#91afbd;font-size:10px;line-height:1.45}
.a4-rvpn-final>span{font-size:31px}.a4-rvpn-note{margin:0 0 16px;color:#688796;font-size:8px;line-height:1.45;text-align:center}

@media(max-width:1024px){
 .a4-rvpn{width:100%;max-width:100%;margin-right:0}
 .a4-rvpn-hero{grid-template-columns:1fr 1fr}
 .a4-rvpn-hero-copy{padding:24px}
 .a4-rvpn-hero h1{font-size:30px}
 .a4-rvpn-cards{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:560px){
 .a4-rvpn-hero{grid-template-columns:1fr;min-height:0}
 .a4-rvpn-hero-copy{padding:19px 16px}
 .a4-rvpn-hero h1{font-size:27px}
 .a4-rvpn-hero-copy>p{font-size:11px}
 .a4-rvpn-hero-media{min-height:130px}
 .a4-rvpn-mini-features{grid-template-columns:1fr 1fr}
 .a4-rvpn-cta{width:100%;min-width:0;min-height:44px}
 .a4-rvpn-stats{grid-template-columns:1fr}
 .a4-rvpn-panel,.a4-rvpn-price,.a4-rvpn-final{padding:15px}
 .a4-rvpn-heading h2,.a4-rvpn-price h2,.a4-rvpn-final h2{font-size:17px}
 .a4-rvpn-panel>p,.a4-rvpn-price p,.a4-rvpn-final p{font-size:10px}
 .a4-rvpn-cards{grid-template-columns:repeat(2,1fr)}
 .a4-rvpn-cards>div:last-child{grid-column:1/-1}
 .a4-rvpn-steps{grid-template-columns:1fr}
 .a4-rvpn-steps>span{transform:rotate(90deg);text-align:center}
 .a4-rvpn-price,.a4-rvpn-final{display:block}
 .a4-rvpn-price .a4-rvpn-cta,.a4-rvpn-final .a4-rvpn-cta{margin-top:14px}
}


/* =========================================================
   v3.9.1 — ResetVPN readability + brand/logo + richer accents
   ========================================================= */
.a4-rvpn{font-size:16px}
.a4-rvpn-hero-copy>p{font-size:15px!important;line-height:1.58!important;color:#c7dde7!important}
.a4-rvpn-mini-features span{font-size:11px!important;line-height:1.25!important;padding:10px!important}
.a4-rvpn-partner{font-size:9px!important}
.a4-rvpn-stats span{font-size:10px!important;line-height:1.35!important;color:#91b7c8!important}
.a4-rvpn-heading small,.a4-rvpn-price small,.a4-rvpn-final small,.a4-rvpn-kicker{font-size:10px!important}
.a4-rvpn-heading h2,.a4-rvpn-price h2,.a4-rvpn-final h2{font-size:23px!important}
.a4-rvpn-panel>p,.a4-rvpn-price p,.a4-rvpn-final p{font-size:14px!important;line-height:1.65!important;color:#bdd1db!important}
.a4-rvpn-checks span{font-size:11px!important;padding:9px 11px!important}
.a4-rvpn-cards strong{font-size:12px!important}.a4-rvpn-cards span{font-size:10px!important}
.a4-rvpn-steps strong{font-size:11px!important;line-height:1.45!important}
.a4-rvpn-faq summary{font-size:12px!important}.a4-rvpn-faq details p{font-size:12px!important;line-height:1.55!important}
.a4-rvpn-note{font-size:10px!important}

.a4-rvpn-hero-media{position:relative;min-height:350px;background:
 radial-gradient(circle at 50% 35%,rgba(0,185,255,.18),transparent 35%),
 radial-gradient(circle at 78% 70%,rgba(116,57,255,.16),transparent 35%),
 linear-gradient(145deg,#06131f,#071c2b 55%,#081524)!important}
.a4-rvpn-brand{position:relative;width:100%;height:100%;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:25px;box-sizing:border-box}
.a4-rvpn-brand:before,.a4-rvpn-brand:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(43,205,247,.16);border-radius:50%}
.a4-rvpn-brand:after{width:230px;height:230px;border-color:rgba(130,80,255,.18)}
.a4-rvpn-brand-logo{position:absolute!important;left:18px!important;top:18px!important;width:62px!important;height:62px!important;object-fit:contain!important;z-index:3;filter:drop-shadow(0 0 12px rgba(33,202,255,.35))}
.a4-rvpn-brand-vpn{position:relative;z-index:2;font-size:43px;line-height:1;font-weight:950;letter-spacing:-2px;color:#fff;text-shadow:0 0 22px rgba(31,197,255,.28)}
.a4-rvpn-brand-vpn strong{color:#29cfff}.a4-rvpn-brand-vpn span{color:#fff}
.a4-rvpn-brand-line{position:relative;z-index:2;margin-top:8px;color:#65dfff;font-size:9px;font-weight:900;letter-spacing:1.1px}
.a4-rvpn-brand-orbit{position:absolute;inset:0;pointer-events:none}
.a4-rvpn-brand-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:#2bd5ff;box-shadow:0 0 12px #2bd5ff}
.a4-rvpn-brand-orbit i:nth-child(1){left:19%;top:31%}.a4-rvpn-brand-orbit i:nth-child(2){right:16%;top:42%;background:#8c5cff;box-shadow:0 0 12px #8c5cff}.a4-rvpn-brand-orbit i:nth-child(3){left:29%;bottom:24%;background:#53e08b;box-shadow:0 0 12px #53e08b}
.a4-rvpn-brand-badges{position:relative;z-index:2;display:flex;gap:8px;margin-top:23px}
.a4-rvpn-brand-badges span{min-width:70px;padding:8px 7px;text-align:center;border:1px solid #1d7293;border-radius:8px;background:rgba(5,22,34,.82);color:#57dfff;font-size:13px}
.a4-rvpn-brand-badges span:nth-child(1){border-color:#7745d9;color:#a877ff}.a4-rvpn-brand-badges span:nth-child(3){border-color:#278e62;color:#4ce08e}
.a4-rvpn-brand-badges b{color:#eafaff;font-size:8px}

.a4-rvpn-panel{position:relative;overflow:hidden}
.a4-rvpn-panel:after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(42,207,247,.25),transparent)}
.a4-rvpn-purple>span{border-color:#7a4ce0!important;background:#20163a!important;color:#b58aff!important}
.a4-rvpn-green>span{border-color:#278e62!important;background:#102d26!important;color:#58e59a!important}
.a4-rvpn-gold>span{border-color:#a87924!important;background:#30230e!important;color:#ffc95b!important}
.a4-rvpn-cyan>span{border-color:#1aaadf!important;background:#0a2a3c!important;color:#4edbff!important}
.a4-rvpn-stats>div:nth-child(1){border-color:#9a6a1d}.a4-rvpn-stats>div:nth-child(1) strong{color:#ffd66d}
.a4-rvpn-stats>div:nth-child(2){border-color:#167a9e}.a4-rvpn-stats>div:nth-child(2) strong{color:#6ce4ff}
.a4-rvpn-stats>div:nth-child(3){border-color:#6346a9}.a4-rvpn-stats>div:nth-child(3) strong{color:#c09cff}
.a4-rvpn-cards>div:nth-child(3n+1){border-top-color:#29cfff}.a4-rvpn-cards>div:nth-child(3n+2){border-top-color:#885cff}.a4-rvpn-cards>div:nth-child(3n){border-top-color:#45d68b}

@media(max-width:560px){
 .a4-rvpn-hero-copy>p{font-size:13px!important}
 .a4-rvpn-mini-features span{font-size:10px!important}
 .a4-rvpn-heading h2,.a4-rvpn-price h2,.a4-rvpn-final h2{font-size:19px!important}
 .a4-rvpn-panel>p,.a4-rvpn-price p,.a4-rvpn-final p{font-size:12px!important}
 .a4-rvpn-hero-media,.a4-rvpn-brand{min-height:245px}
 .a4-rvpn-brand-vpn{font-size:38px}
 .a4-rvpn-brand-logo{width:48px!important;height:48px!important}
}

/* v3.9.2 — ResetVPN purchase buttons */
.a4-rvpn-buy{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 14px;padding:20px 22px;border:1px solid #25bde9;border-radius:12px;background:radial-gradient(circle at 88% 25%,rgba(126,70,255,.20),transparent 32%),linear-gradient(120deg,#092231,#0b1726);box-shadow:0 0 18px rgba(28,184,232,.08)}
.a4-rvpn-buy:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#35d9ff,#805cff)}
.a4-rvpn-buy-copy{position:relative;z-index:1}.a4-rvpn-buy-copy small{color:#56dfff;font-size:10px;font-weight:950;letter-spacing:1.2px}.a4-rvpn-buy-copy h2{margin:4px 0 5px;color:#fff;font-size:24px;line-height:1.1}.a4-rvpn-buy-copy p{margin:0;color:#a9c8d6;font-size:13px;line-height:1.45}
.a4-rvpn-buy-btn{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px;min-width:225px;min-height:52px;padding:0 17px;border:1px solid #55ddff;border-radius:10px;background:linear-gradient(135deg,#087ea9,#0b60c2 62%,#7047d8);box-shadow:0 0 20px rgba(30,200,246,.22);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:950;transition:.18s}.a4-rvpn-buy-btn b{font-size:21px;color:#c8f6ff}.a4-rvpn-buy-btn:hover{transform:translateY(-2px);box-shadow:0 0 27px rgba(43,207,247,.34)}
@media(max-width:560px){.a4-rvpn-buy{display:block;padding:16px}.a4-rvpn-buy-copy h2{font-size:20px}.a4-rvpn-buy-copy p{font-size:12px}.a4-rvpn-buy-btn{width:100%;min-width:0;box-sizing:border-box;margin-top:14px}}

/* v3.9.3 — ResetVPN red pulsing purchase CTAs */
.a4-rvpn .a4-rvpn-cta,
.a4-rvpn .a4-rvpn-buy-btn{
  border-color:#ff5260!important;
  background:linear-gradient(180deg,#f12638,#a90818)!important;
  box-shadow:0 0 10px rgba(255,31,52,.55),0 0 24px rgba(255,31,52,.22)!important;
  color:#fff!important;
  animation:a4-rvpn-red-pulse 1.35s ease-in-out infinite!important;
}
.a4-rvpn .a4-rvpn-cta b,
.a4-rvpn .a4-rvpn-buy-btn b{color:#fff!important}
.a4-rvpn .a4-rvpn-cta:hover,
.a4-rvpn .a4-rvpn-buy-btn:hover{
  border-color:#ffadb4!important;
  background:linear-gradient(180deg,#ff3b4c,#c40c1e)!important;
  box-shadow:0 0 14px rgba(255,36,57,.8),0 0 32px rgba(255,36,57,.42)!important;
}
@keyframes a4-rvpn-red-pulse{
  0%,100%{box-shadow:0 0 8px rgba(255,31,52,.45),0 0 18px rgba(255,31,52,.16);filter:brightness(1)}
  50%{box-shadow:0 0 17px rgba(255,50,68,.9),0 0 35px rgba(255,31,52,.42);filter:brightness(1.16)}
}
@media (prefers-reduced-motion:reduce){
 .a4-rvpn .a4-rvpn-cta,.a4-rvpn .a4-rvpn-buy-btn{animation:none!important}
}


/* =========================================================
   v3.9.7 — Sidebar technical pages + About + Rights holders
   ========================================================= */
.a4-side-tech{margin-top:14px;padding:12px;border:1px solid #174d68;border-radius:11px;background:linear-gradient(145deg,#0a1b28,#08141e)}
.a4-side-tech-head{display:flex;align-items:center;gap:9px;margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid #173b4d}
.a4-side-tech-head>span{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border:1px solid #2088b1;border-radius:7px;background:#0b2939;color:#4bd8ff;font-size:15px}
.a4-side-tech-head strong{display:block;color:#fff;font-size:10px;font-weight:950}.a4-side-tech-head small{display:block;margin-top:2px;color:#61899c;font-size:6.5px;font-weight:850;letter-spacing:.7px}
.a4-side-tech-links{display:grid;gap:6px}.a4-side-tech-links>a{display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:9px;border:1px solid #153f54;border-radius:8px;background:#091a25;color:inherit!important;text-decoration:none!important;transition:.18s}
.a4-side-tech-links>a:hover{transform:translateX(2px);border-color:#27bfe9;background:#0a2230}.a4-side-tech-icon{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#0c3043;color:#54ddff;font-size:13px;font-weight:950}.a4-side-tech-links>a:nth-child(2) .a4-side-tech-icon{background:#2a203d;color:#c19aff}
.a4-side-tech-links b{display:block;color:#eaf8ff;font-size:9px}.a4-side-tech-links small{display:block;margin-top:2px;color:#708f9e;font-size:7px;line-height:1.25}.a4-side-tech-links i{color:#3bcff5;font-style:normal;font-size:15px}

.a4-techpage{width:calc(100% - 28px);max-width:calc(100% - 28px);margin-right:28px;color:#d9edf6}
.a4-tech-hero{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:21px;margin-bottom:14px;padding:25px;border:1px solid #176180;border-radius:13px;background:radial-gradient(circle at 92% 15%,rgba(110,61,231,.16),transparent 35%),linear-gradient(135deg,#091d2b,#091722)}
.a4-tech-symbol{width:86px;height:86px;display:flex;align-items:center;justify-content:center;border:1px solid #29c9f3;border-radius:17px;background:linear-gradient(145deg,#0b3b52,#111b39);box-shadow:0 0 22px rgba(36,196,238,.14);color:#fff;font-size:25px;font-weight:950}
.a4-tech-hero span,.a4-tech-label{color:#3ad4fa;font-size:9px;font-weight:950;letter-spacing:1.25px}.a4-tech-hero h1{margin:4px 0 7px;color:#fff;font-size:29px;line-height:1.08}.a4-tech-hero p{max-width:650px;margin:0;color:#a9c3cf;font-size:12px;line-height:1.55}
.a4-tech-intro,.a4-tech-panel,.a4-tech-legal-content,.a4-tech-legal-note{margin-bottom:14px;padding:21px;border:1px solid #174d68;border-radius:11px;background:linear-gradient(145deg,#0a1b28,#091620)}
.a4-tech-intro strong{display:block;margin-bottom:7px;color:#6de5ff;font-size:16px}.a4-tech-intro p,.a4-tech-panel p{margin:0;color:#b5ccd7;font-size:13px;line-height:1.65}
.a4-about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.a4-about-grid>div{padding:19px;border:1px solid #17516e;border-radius:11px;background:#0a1b28}.a4-about-grid>div:nth-child(2){border-color:#61419d}.a4-about-grid>div:nth-child(3){border-color:#8c6521}.a4-about-grid i{display:flex;width:36px;height:36px;align-items:center;justify-content:center;margin-bottom:10px;border-radius:8px;background:#0b3042;color:#43d8ff;font-style:normal;font-size:17px}.a4-about-grid>div:nth-child(2) i{background:#251b38;color:#bb8aff}.a4-about-grid>div:nth-child(3) i{background:#30250f;color:#ffc758}.a4-about-grid h2,.a4-tech-panel h2{margin:0 0 7px;color:#fff;font-size:17px}.a4-about-grid p{margin:0;color:#96b1be;font-size:11px;line-height:1.55}
.a4-tech-panel h2{margin-top:4px;font-size:20px}.a4-tech-actions{display:flex;gap:8px;margin-top:15px}.a4-tech-actions a{padding:9px 12px;border:1px solid #28bde6;border-radius:7px;background:#0a3143;color:#eafaff!important;text-decoration:none!important;font-size:9px;font-weight:950}.a4-tech-actions a:nth-child(2){border-color:#7550bd;background:#241b38}
.a4-tech-legal-hero .a4-tech-symbol{border-color:#9a6cf0;background:linear-gradient(145deg,#281c42,#101b30);color:#d0afff}
.a4-tech-legal-note{display:flex;align-items:center;gap:13px;padding:13px 16px;border-color:#7350b1;background:#181426}.a4-tech-legal-note b{color:#d2b3ff;font-size:10px}.a4-tech-legal-note span{color:#9e93b1;font-size:9px}
.a4-tech-legal-content{padding:25px;color:#bed0d8;font-size:13px;line-height:1.7}.a4-tech-legal-content h1,.a4-tech-legal-content h2,.a4-tech-legal-content h3{color:#fff;line-height:1.2}.a4-tech-legal-content h2{margin-top:25px;padding-bottom:7px;border-bottom:1px solid #19475e;font-size:19px}.a4-tech-legal-content h3{font-size:16px}.a4-tech-legal-content a{color:#4bdcff}.a4-tech-legal-content strong{color:#eefaff}.a4-tech-legal-content ul,.a4-tech-legal-content ol{padding-left:22px}.a4-tech-legal-content blockquote{margin:15px 0;padding:13px 16px;border-left:3px solid #9c70ed;background:#121927;color:#c9d7df}

@media(max-width:1024px){.a4-techpage{width:100%;max-width:100%;margin-right:0}}
@media(max-width:560px){
 .a4-tech-hero{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:15px}.a4-tech-symbol{width:58px;height:58px;border-radius:11px;font-size:18px}.a4-tech-hero h1{font-size:20px}.a4-tech-hero p{font-size:9.5px}
 .a4-tech-intro,.a4-tech-panel,.a4-tech-legal-content{padding:15px}.a4-tech-intro p,.a4-tech-panel p,.a4-tech-legal-content{font-size:11px}
 .a4-about-grid{grid-template-columns:1fr}.a4-about-grid>div{padding:15px}.a4-about-grid p{font-size:10px}
 .a4-tech-legal-note{display:block}.a4-tech-legal-note span{display:block;margin-top:4px}
 .a4-tech-actions{display:grid;grid-template-columns:1fr 1fr}.a4-tech-actions a{text-align:center}
}

/* v3.9.8 — technical sidebar readability */
.a4-side-tech-head strong{font-size:12px!important;line-height:1.2!important}
.a4-side-tech-head small{font-size:8px!important;line-height:1.3!important;letter-spacing:.55px!important}
.a4-side-tech-links b{font-size:11px!important;line-height:1.25!important}
.a4-side-tech-links small{font-size:9px!important;line-height:1.35!important;color:#8eacba!important}
.a4-side-tech-links>a{padding:10px!important}

/* v3.9.9 — only shortcode output */
.a4-sc-card{display:grid;grid-template-columns:42% minmax(0,1fr);overflow:hidden;min-height:145px;border:1px solid #247c9d;border-radius:10px;background:#091d29;color:inherit!important;text-decoration:none!important}.a4-sc-img{padding:2px;background:linear-gradient(145deg,#28dcff,#238aff 55%,#965fff)}.a4-sc-img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;border-radius:6px!important}.a4-sc-copy{display:flex;flex-direction:column;padding:13px}.a4-sc-copy small{color:#b98aff;font-size:9px;font-weight:900}.a4-sc-copy strong{margin-top:5px;color:#fff;font-size:15px;line-height:1.25}.a4-sc-copy>span{margin-top:5px;color:#93adba;font-size:10px;line-height:1.4}.a4-sc-copy b{margin-top:auto;padding-top:8px;color:#43d9fb;font-size:9px}.a4-sc-section{margin:18px 0}@media(max-width:560px){.a4-sc-card{min-height:115px}.a4-sc-copy{padding:9px}.a4-sc-copy strong{font-size:12px}.a4-sc-copy>span{display:none}}


/* =========================================================
   v3.9.10 — LEGACY ARTICLE VISUALS
   Only existing article classes / shortcode classes. No site grid changes.
   ========================================================= */

/* Original AРТУРЫ4 divider — restored as a compact neon separator. */
.artyri4-divider{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    margin:24px 0;
    min-height:28px;
}
.artyri4-divider:before,
.artyri4-divider:after{
    content:"";
    height:1px;
    flex:1 1 auto;
    background:linear-gradient(90deg,transparent,rgba(48,214,255,.9),rgba(139,82,255,.72));
    box-shadow:0 0 8px rgba(48,214,255,.24);
}
.artyri4-divider:after{transform:scaleX(-1)}
.artyri4-divider-core{
    flex:0 0 auto;
    margin:0 12px;
    padding:5px 12px;
    border:1px solid rgba(58,215,255,.72);
    border-radius:6px;
    background:linear-gradient(135deg,#0a3348,#241b53);
    box-shadow:0 0 14px rgba(49,205,255,.16);
    color:#eafaff;
    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:1.6px;
}

/* Old MAX + Telegram raw HTML from imported articles. */
.artyri4-social2-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    width:100%;
    max-width:620px;
    margin:14px auto 18px;
}
.artyri4-social2-btn{
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:58px;
    padding:9px 14px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:10px;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:900;
    letter-spacing:.3px;
    box-shadow:0 8px 20px rgba(0,0,0,.18);
    transition:transform .18s ease,filter .18s ease;
}
.artyri4-social2-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.artyri4-social2-max{background:linear-gradient(135deg,#6441e8,#3626a5)}
.artyri4-social2-telegram{background:linear-gradient(135deg,#159bd7,#086aa9)}
.artyri4-social2-icon{
    display:block!important;
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    object-fit:contain!important;
    margin:0!important;
}
.artyri4-social2-text{font-size:13px;line-height:1}

/* Review links for Battle/app reviews: make both cards clearly visible and
   readable. This styles the existing a4_dual_articles output from v3.9.9. */







@media(max-width:560px){
    .artyri4-divider{margin:18px 0}
    .artyri4-divider-core{margin:0 8px;padding:4px 8px;font-size:8px;letter-spacing:1.1px}
    .artyri4-social2-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
    .artyri4-social2-btn{min-height:48px;padding:7px 8px;gap:7px}
    .artyri4-social2-icon{width:30px!important;height:30px!important;max-width:30px!important}
    .artyri4-social2-text{font-size:10px}
    
    
    
    
    
    
}

/* v3.9.11 — the two original inline Battle review shortcodes */
.a4-sc-inline-review{
    margin:14px 0 20px;
    grid-template-columns:210px minmax(0,1fr);
    min-height:128px;
    border-color:rgba(47,190,255,.62);
    box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.a4-sc-inline-review .a4-sc-img{min-height:128px}
.a4-sc-inline-review .a4-sc-copy{padding:14px 16px}
.a4-sc-inline-review .a4-sc-copy small{color:#46d9fb;font-size:10px}
.a4-sc-inline-review .a4-sc-copy strong{font-size:16px}
.a4-sc-inline-review .a4-sc-copy>span{font-size:11px;line-height:1.45}
@media(max-width:560px){
 .a4-sc-inline-review{grid-template-columns:38% minmax(0,1fr);min-height:108px;margin:11px 0 16px}
 .a4-sc-inline-review .a4-sc-img{min-height:108px}
 .a4-sc-inline-review .a4-sc-copy{padding:9px}
 .a4-sc-inline-review .a4-sc-copy small{font-size:8px}
 .a4-sc-inline-review .a4-sc-copy strong{font-size:11px}
 .a4-sc-inline-review .a4-sc-copy>span{display:none}
 .a4-sc-inline-review .a4-sc-copy b{font-size:8px}
}


/* =========================================================
   v3.9.18 — ARTICLE DESIGN, geometry corrected
   Single posts only. Header, site grid and sidebar untouched.
========================================================= */
.a4-single{
    background:transparent;
    border:0;
    padding:0;
    overflow:visible;
}
.a4-single-head{
    max-width:820px;
    margin:0 0 14px;
}
.a4-single-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 11px;
    margin:0 0 10px;
    color:#8fa6b4;
    font-size:12px;
    line-height:1.35;
}
.a4-single-cat{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 9px;
    border:1px solid rgba(38,194,241,.55);
    border-radius:7px;
    background:linear-gradient(135deg,rgba(8,146,205,.92),rgba(20,91,165,.92));
    color:#fff!important;
    font-size:10px;
    font-weight:900;
    letter-spacing:.3px;
    text-transform:uppercase;
    box-shadow:0 0 12px rgba(31,190,239,.13);
}
.a4-single-date{
    display:inline-flex;
    align-items:center;
    gap:6px;
}
.a4-single-date:before{
    content:"";
    width:4px;
    height:4px;
    border-radius:50%;
    background:#29c7f4;
}
.a4-single .a4-entry-title{
    max-width:820px;
    margin:0;
    color:#f4f8fb;
    font-size:clamp(28px,3vw,36px);
    line-height:1.12;
    font-weight:900;
    letter-spacing:-.45px;
    overflow-wrap:break-word;
}
.a4-single .a4-featured{
    position:relative;
    width:min(100%,820px);
    margin:16px auto 20px 0;
    padding:2px;
    border-radius:13px;
    background:linear-gradient(110deg,#14c8f3 0%,#278ff7 48%,#9c42ef 100%);
    box-shadow:0 0 14px rgba(20,194,239,.14),0 0 18px rgba(151,64,235,.08);
    overflow:hidden;
}
.a4-single .a4-featured img{
    display:block;
    width:100%;
    height:auto;
    max-height:520px;
    object-fit:contain;
    margin:0;
    border-radius:11px;
    background:#071018;
}
.a4-single .a4-entry-content{
    color:#dce7ed;
    font-size:16px;
    line-height:1.72;
    overflow-wrap:anywhere;
}
.a4-single .a4-entry-content>p{margin:0 0 18px}
.a4-single .a4-entry-content h2,
.a4-single .a4-entry-content h3,
.a4-single .a4-entry-content h4{
    position:relative;
    color:#f5f9fb;
    font-weight:900;
    line-height:1.22;
}
.a4-single .a4-entry-content h2{
    margin:30px 0 13px;
    padding-left:15px;
    font-size:25px;
}
.a4-single .a4-entry-content h2:before{
    content:"";
    position:absolute;
    left:0;
    top:.13em;
    width:4px;
    height:.95em;
    border-radius:4px;
    background:#25c7f2;
    box-shadow:0 0 9px rgba(37,199,242,.42);
}
.a4-single .a4-entry-content h3{margin:24px 0 10px;font-size:20px}
.a4-single .a4-entry-content h4{margin:20px 0 9px;font-size:18px}
.a4-single .a4-entry-content a:not(.a4-sc-card):not(.artyri4-social2-btn){
    color:#35c9f4;
    text-decoration-color:rgba(53,201,244,.38);
    text-underline-offset:3px;
}
.a4-single .a4-entry-content ul,
.a4-single .a4-entry-content ol{
    margin:12px 0 20px;
    padding-left:24px;
}
.a4-single .a4-entry-content li{margin:6px 0}
.a4-single .a4-entry-content li::marker{color:#27c7f5;font-weight:900}
.a4-single .a4-entry-content blockquote{
    margin:22px 0;
    padding:14px 17px;
    border:1px solid rgba(41,176,226,.32);
    border-left:4px solid #28c7f2;
    border-radius:9px;
    background:linear-gradient(100deg,rgba(13,57,78,.58),rgba(17,28,48,.45));
    color:#e6f1f6;
}
.a4-single .a4-entry-content table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    margin:20px 0;
    border:1px solid #1c455b;
    border-radius:10px;
    overflow:hidden;
    background:#0a1821;
}
.a4-single .a4-entry-content th,
.a4-single .a4-entry-content td{
    padding:10px 12px;
    border-right:1px solid #17394b;
    border-bottom:1px solid #17394b;
    text-align:left;
    vertical-align:top;
}
.a4-single .a4-entry-content th{background:#0e2634;color:#fff}
.a4-single .a4-entry-content tr:last-child td{border-bottom:0}
.a4-single .a4-entry-content th:last-child,
.a4-single .a4-entry-content td:last-child{border-right:0}
.a4-single .a4-entry-content img{
    height:auto;
    border-radius:9px;
}
.a4-single .wp-caption{max-width:100%}
.a4-single .wp-caption-text,
.a4-single figcaption{
    margin-top:7px;
    color:#8399a7;
    font-size:12px;
    line-height:1.45;
    text-align:center;
}

@media(max-width:1024px){
    .a4-single-head{max-width:none}
    .a4-single .a4-entry-title{max-width:none;font-size:clamp(27px,4.2vw,34px)}
    .a4-single .a4-featured{width:100%;max-width:820px}
}
@media(max-width:600px){
    .a4-single-head{margin-bottom:11px}
    .a4-single-meta{gap:7px 9px;margin-bottom:8px;font-size:10px}
    .a4-single-cat{min-height:22px;padding:0 8px;font-size:9px}
    .a4-single .a4-entry-title{font-size:26px;line-height:1.12;letter-spacing:-.25px}
    .a4-single .a4-featured{margin:13px 0 16px;border-radius:11px}
    .a4-single .a4-featured img{max-height:none;border-radius:9px}
    .a4-single .a4-entry-content{font-size:15px;line-height:1.68}
    .a4-single .a4-entry-content>p{margin-bottom:16px}
    .a4-single .a4-entry-content h2{margin:25px 0 11px;padding-left:12px;font-size:21px}
    .a4-single .a4-entry-content h3{font-size:18px}
    .a4-single .a4-entry-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}


/* =========================================================
   v3.9.19 — ARTICLE TOP REFINEMENT
   Only single-post article internals. Site grid/sidebar/header untouched.
========================================================= */
.a4-single .a4-entry-title{
    max-width:780px;
    font-size:clamp(27px,2.65vw,33px);
    line-height:1.10;
    letter-spacing:-.35px;
}
.a4-single-head{max-width:780px}
.a4-single .a4-featured{
    width:min(100%,760px);
    margin:16px auto 16px;
}
.a4-single-info{
    width:min(100%,760px);
    margin:0 auto 18px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 16px;
    min-height:38px;
    padding:8px 12px;
    border:1px solid rgba(38,132,181,.36);
    border-radius:9px;
    background:rgba(12,31,44,.62);
    color:#9eb2be;
    font-size:12px;
    line-height:1.35;
}
.a4-single-info-item{
    display:inline-flex;
    align-items:center;
    gap:7px;
}
.a4-single-info-icon{
    color:#2ac8f3;
    font-weight:900;
}
.a4-single .a4-entry-content{
    max-width:100%;
}
.a4-single .a4-entry-content > p:first-of-type{
    margin-top:2px;
}
@media(max-width:1024px){
    .a4-single-head{max-width:none}
    .a4-single .a4-entry-title{max-width:none;font-size:clamp(27px,3.8vw,32px)}
}
@media(max-width:600px){
    .a4-single .a4-entry-title{font-size:25px;line-height:1.11}
    .a4-single .a4-featured{width:100%;margin:13px auto 13px}
    .a4-single-info{width:100%;margin-bottom:15px;padding:7px 10px;font-size:11px}
}


/* v3.9.20 — breadcrumbs placement only; no site geometry changes */
.a4-single-breadcrumbs{
    margin:0 0 12px;
}
.a4-single-breadcrumbs .a4-breadcrumbs{
    margin-bottom:0;
}
@media(max-width:700px){
    .a4-single-breadcrumbs{margin-bottom:10px}
}


/* =========================================================
   v3.9.21 — ARTICLE BODY: HEADINGS + CONTENT IMAGES
   Header/sidebar/site grid untouched.
========================================================= */

/* Legacy/default H2/H3: replace old bright inline plaques with the new clean article heading. */
.a4-single .a4-entry-content h2:not(.a4-heading-standard):not(.a4-heading-sm):not(.a4-heading-md):not(.a4-heading-lg),
.a4-single .a4-entry-content h3:not(.a4-heading-standard):not(.a4-heading-sm):not(.a4-heading-md):not(.a4-heading-lg){
    background:none !important;
    background-image:none !important;
    min-height:0 !important;
    height:auto !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#f5f9fb !important;
    text-shadow:none !important;
}

/* Explicit "standard" choice from the editor. */
.a4-single .a4-entry-content .a4-heading-standard{
    margin:26px 0 12px !important;
    padding:0 !important;
    background:none !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#f5f9fb !important;
    text-shadow:none !important;
    font-weight:900 !important;
    line-height:1.22 !important;
}
.a4-single .a4-entry-content h2.a4-heading-standard:before{display:none !important}

/* New АРТУРЫ4 plaques: same design, three sizes. */
.a4-single .a4-entry-content .a4-heading-sm,
.a4-single .a4-entry-content .a4-heading-md,
.a4-single .a4-entry-content .a4-heading-lg{
    position:relative;
    display:block;
    width:100%;
    box-sizing:border-box;
    margin:28px 0 15px !important;
    border:1px solid rgba(46,174,240,.28) !important;
    border-left:4px solid #25c7f2 !important;
    border-radius:9px !important;
    background:
        linear-gradient(100deg,rgba(16,48,69,.96) 0%,rgba(17,35,58,.96) 58%,rgba(40,22,63,.94) 100%) !important;
    color:#f7fbff !important;
    text-shadow:none !important;
    font-weight:900 !important;
    line-height:1.25 !important;
    box-shadow:0 7px 22px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.a4-single .a4-entry-content .a4-heading-sm:before,
.a4-single .a4-entry-content .a4-heading-md:before,
.a4-single .a4-entry-content .a4-heading-lg:before{display:none !important}

.a4-single .a4-entry-content .a4-heading-sm{
    padding:9px 13px !important;
    font-size:16px !important;
}
.a4-single .a4-entry-content .a4-heading-md{
    padding:12px 15px !important;
    font-size:20px !important;
}
.a4-single .a4-entry-content .a4-heading-lg{
    padding:15px 17px !important;
    font-size:24px !important;
}

/* Normal article images: keep originals intact, only control display size. */
.a4-single .a4-entry-content > img,
.a4-single .a4-entry-content > p > img,
.a4-single .a4-entry-content > p > a:only-child > img,
.a4-single .a4-entry-content figure.wp-block-image > img,
.a4-single .a4-entry-content figure.wp-block-image > a > img,
.a4-single .a4-entry-content .wp-caption > img,
.a4-single .a4-entry-content .wp-caption > a > img{
    display:block;
    width:auto !important;
    max-width:min(100%,760px) !important;
    height:auto !important;
    max-height:none !important;
    margin:20px auto !important;
    object-fit:contain;
    border-radius:10px;
}

/* WordPress wrappers follow the image width instead of stretching the picture. */
.a4-single .a4-entry-content figure.wp-block-image,
.a4-single .a4-entry-content .wp-caption{
    max-width:760px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Never resize known service/shortcode imagery with the generic article-image rule. */
.a4-single .a4-entry-content .a4-sc-card img,
.a4-single .a4-entry-content .artyri4-social2-row img,
.a4-single .a4-entry-content .artyri4-social2-btn img,
.a4-single .a4-entry-content .artyri4-divider img{
    max-width:none !important;
    margin:0 !important;
}

@media(max-width:600px){
    .a4-single .a4-entry-content .a4-heading-sm{padding:8px 11px !important;font-size:15px !important}
    .a4-single .a4-entry-content .a4-heading-md{padding:10px 12px !important;font-size:18px !important}
    .a4-single .a4-entry-content .a4-heading-lg{padding:12px 13px !important;font-size:21px !important}

    .a4-single .a4-entry-content > img,
    .a4-single .a4-entry-content > p > img,
    .a4-single .a4-entry-content > p > a:only-child > img,
    .a4-single .a4-entry-content figure.wp-block-image > img,
    .a4-single .a4-entry-content figure.wp-block-image > a > img,
    .a4-single .a4-entry-content .wp-caption > img,
    .a4-single .a4-entry-content .wp-caption > a > img{
        max-width:100% !important;
        margin:16px auto !important;
        border-radius:8px;
    }
}


/* Gutenberg aliases for the same three plaques. */
.a4-single .a4-entry-content .is-style-a4-standard{padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important}
.a4-single .a4-entry-content .is-style-a4-small{padding:9px 13px !important;font-size:16px !important}
.a4-single .a4-entry-content .is-style-a4-medium{padding:12px 15px !important;font-size:20px !important}
.a4-single .a4-entry-content .is-style-a4-large{padding:15px 17px !important;font-size:24px !important}
.a4-single .a4-entry-content .is-style-a4-small,
.a4-single .a4-entry-content .is-style-a4-medium,
.a4-single .a4-entry-content .is-style-a4-large{
    border:1px solid rgba(46,174,240,.28) !important;
    border-left:4px solid #25c7f2 !important;
    border-radius:9px !important;
    background:linear-gradient(100deg,rgba(16,48,69,.96),rgba(17,35,58,.96) 58%,rgba(40,22,63,.94)) !important;
    color:#f7fbff !important;
    box-shadow:0 7px 22px rgba(0,0,0,.13) !important;
}


/* =========================================================
   v3.9.22 — LEGACY GUTENBERG PLAQUES
   Old blush-bordeaux/midnight article plaques are visually
   normalized without changing stored post content.
========================================================= */

/* Old paragraph plaques and old in-content heading plaques. */
.a4-single .a4-entry-content p.has-blush-bordeaux-gradient-background,
.a4-single .a4-entry-content p.has-midnight-gradient-background,
.a4-single .a4-entry-content h1.has-blush-bordeaux-gradient-background,
.a4-single .a4-entry-content h1.has-midnight-gradient-background,
.a4-single .a4-entry-content h2.has-blush-bordeaux-gradient-background,
.a4-single .a4-entry-content h2.has-midnight-gradient-background,
.a4-single .a4-entry-content h3.has-blush-bordeaux-gradient-background,
.a4-single .a4-entry-content h3.has-midnight-gradient-background{
    position:relative;
    display:block;
    width:100%;
    min-height:0 !important;
    height:auto !important;
    box-sizing:border-box;

    margin:28px 0 15px !important;
    padding:12px 15px !important;

    border:1px solid rgba(46,174,240,.28) !important;
    border-left:4px solid #25c7f2 !important;
    border-radius:9px !important;

    background:
        linear-gradient(
            100deg,
            rgba(16,48,69,.96) 0%,
            rgba(17,35,58,.96) 58%,
            rgba(40,22,63,.94) 100%
        ) !important;
    background-image:
        linear-gradient(
            100deg,
            rgba(16,48,69,.96) 0%,
            rgba(17,35,58,.96) 58%,
            rgba(40,22,63,.94) 100%
        ) !important;

    color:#f7fbff !important;
    font-size:20px !important;
    font-weight:900 !important;
    line-height:1.25 !important;
    text-shadow:none !important;

    box-shadow:
        0 7px 22px rgba(0,0,0,.13),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.a4-single .a4-entry-content p.has-blush-bordeaux-gradient-background strong,
.a4-single .a4-entry-content p.has-midnight-gradient-background strong,
.a4-single .a4-entry-content h1.has-blush-bordeaux-gradient-background strong,
.a4-single .a4-entry-content h1.has-midnight-gradient-background strong,
.a4-single .a4-entry-content h2.has-blush-bordeaux-gradient-background strong,
.a4-single .a4-entry-content h2.has-midnight-gradient-background strong,
.a4-single .a4-entry-content h3.has-blush-bordeaux-gradient-background strong,
.a4-single .a4-entry-content h3.has-midnight-gradient-background strong{
    color:inherit !important;
    font-size:inherit !important;
    font-weight:inherit !important;
}

.a4-single .a4-entry-content h1.has-blush-bordeaux-gradient-background:before,
.a4-single .a4-entry-content h1.has-midnight-gradient-background:before,
.a4-single .a4-entry-content h2.has-blush-bordeaux-gradient-background:before,
.a4-single .a4-entry-content h2.has-midnight-gradient-background:before,
.a4-single .a4-entry-content h3.has-blush-bordeaux-gradient-background:before,
.a4-single .a4-entry-content h3.has-midnight-gradient-background:before{
    display:none !important;
}

/* A new explicit editor choice must always win over a legacy gradient class. */
.a4-single .a4-entry-content .a4-heading-standard{
    background:none !important;
    background-image:none !important;
}
.a4-single .a4-entry-content .a4-heading-sm{padding:9px 13px !important;font-size:16px !important}
.a4-single .a4-entry-content .a4-heading-md{padding:12px 15px !important;font-size:20px !important}
.a4-single .a4-entry-content .a4-heading-lg{padding:15px 17px !important;font-size:24px !important}

@media(max-width:600px){
    .a4-single .a4-entry-content p.has-blush-bordeaux-gradient-background,
    .a4-single .a4-entry-content p.has-midnight-gradient-background,
    .a4-single .a4-entry-content h1.has-blush-bordeaux-gradient-background,
    .a4-single .a4-entry-content h1.has-midnight-gradient-background,
    .a4-single .a4-entry-content h2.has-blush-bordeaux-gradient-background,
    .a4-single .a4-entry-content h2.has-midnight-gradient-background,
    .a4-single .a4-entry-content h3.has-blush-bordeaux-gradient-background,
    .a4-single .a4-entry-content h3.has-midnight-gradient-background{
        margin:23px 0 13px !important;
        padding:10px 12px !important;
        font-size:18px !important;
        border-radius:8px !important;
    }
}


/* =========================================================
   v3.9.23 — ARTICLE TYPOGRAPHY TEST
   Only readable article-body typography. Header, sidebar,
   plaques, featured image and site geometry stay untouched.
========================================================= */

.a4-single .a4-entry-content{
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;
    font-size:17px;
    line-height:1.72;
    color:#d7dee7;
    letter-spacing:.002em;
}

/* Ordinary paragraphs get comfortable reading rhythm. */
.a4-single .a4-entry-content > p{
    margin-top:0;
    margin-bottom:18px;
}

/* Do not let paragraph typography alter our legacy/new plaques. */
.a4-single .a4-entry-content > p.has-background,
.a4-single .a4-entry-content > p.a4-heading-sm,
.a4-single .a4-entry-content > p.a4-heading-md,
.a4-single .a4-entry-content > p.a4-heading-lg{
    line-height:1.25;
}

/* Emphasis remains visible without becoming harsh. */
.a4-single .a4-entry-content p strong,
.a4-single .a4-entry-content li strong{
    color:#f2f6fb;
    font-weight:750;
}

/* Article links. Existing button/card components keep their own styles. */
.a4-single .a4-entry-content p a:not([class]),
.a4-single .a4-entry-content li a:not([class]){
    color:#65b7ff;
    text-decoration-color:rgba(101,183,255,.42);
    text-underline-offset:3px;
    text-decoration-thickness:1px;
}
.a4-single .a4-entry-content p a:not([class]):hover,
.a4-single .a4-entry-content li a:not([class]):hover{
    color:#a9d9ff;
    text-decoration-color:currentColor;
}

/* Inline commands, IDs and technical fragments. */
.a4-single .a4-entry-content p code,
.a4-single .a4-entry-content li code,
.a4-single .a4-entry-content h2 code,
.a4-single .a4-entry-content h3 code{
    display:inline;
    padding:.12em .38em;
    border:1px solid rgba(77,174,238,.18);
    border-radius:5px;
    background:rgba(12,27,43,.72);
    color:#a9ddff;
    font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
    font-size:.92em;
    line-height:inherit;
    white-space:normal;
}

/* Lists should read like the surrounding article, not browser defaults. */
.a4-single .a4-entry-content ul,
.a4-single .a4-entry-content ol{
    margin:10px 0 20px;
    padding-left:1.45em;
}
.a4-single .a4-entry-content li{
    margin:6px 0;
    padding-left:.15em;
}
.a4-single .a4-entry-content li::marker{
    color:#5db8ed;
}

/* Quotes get a restrained article treatment. */
.a4-single .a4-entry-content blockquote{
    margin:22px 0;
    padding:13px 16px;
    border-left:3px solid rgba(68,190,239,.72);
    background:rgba(18,35,52,.58);
    border-radius:0 8px 8px 0;
    color:#cdd7e2;
}
.a4-single .a4-entry-content blockquote p:last-child{
    margin-bottom:0;
}

/* Captions remain secondary to the article text. */
.a4-single .a4-entry-content figcaption,
.a4-single .a4-entry-content .wp-caption-text{
    margin-top:8px;
    color:#8fa0b3;
    font-size:13px;
    line-height:1.45;
    text-align:center;
}

@media(max-width:700px){
    .a4-single .a4-entry-content{
        font-size:16px;
        line-height:1.68;
    }
    .a4-single .a4-entry-content > p{
        margin-bottom:16px;
    }
}


/* =========================================================
   v3.9.24 — COMPACT ARTICLE PARAGRAPH RHYTHM
   Keep approved typography; remove a little excess air.
========================================================= */
.a4-single .a4-entry-content > p{
    margin-bottom:15px;
}

@media(max-width:700px){
    .a4-single .a4-entry-content > p{
        margin-bottom:14px;
    }
}


/* =========================================================
   v3.9.29 — article authoring components
========================================================= */
.a4-single .a4-entry-content .a4-note{
    margin:20px 0;
    padding:14px 16px;
    border:1px solid rgba(70,181,239,.24);
    border-left:4px solid #25c7f2;
    border-radius:9px;
    background:rgba(16,39,57,.68);
    color:#dce6ef;
}
.a4-single .a4-entry-content .a4-note > :last-child{margin-bottom:0}

.a4-single .a4-entry-content .a4-step{
    margin:22px 0;
    padding:15px 17px;
    border:1px solid rgba(80,176,232,.20);
    border-radius:10px;
    background:rgba(12,29,44,.62);
}
.a4-single .a4-entry-content .a4-step-title{
    margin:0 0 9px !important;
    color:#f4f8fc;
    font-size:18px;
    font-weight:850;
    line-height:1.3;
}
.a4-single .a4-entry-content .a4-step > :last-child{margin-bottom:0}

.a4-single .a4-entry-content .a4-techline{
    display:inline-block;
    max-width:100%;
    margin:5px 0 18px;
    padding:7px 11px;
    border:1px solid rgba(73,183,238,.25);
    border-radius:7px;
    background:rgba(9,26,41,.80);
    color:#b9e6ff;
    font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
    font-size:.92em;
    font-weight:700;
    line-height:1.45;
    overflow-wrap:anywhere;
}

.a4-single .a4-entry-content .a4-action-box{
    margin:22px 0;
    padding:16px 17px;
    border:1px solid rgba(130,95,220,.28);
    border-left:4px solid #8c62df;
    border-radius:10px;
    background:linear-gradient(100deg,rgba(17,39,57,.82),rgba(38,24,59,.78));
}
.a4-single .a4-entry-content .a4-action-box > :last-child{margin-bottom:0}

@media(max-width:700px){
    .a4-single .a4-entry-content .a4-note,
    .a4-single .a4-entry-content .a4-step,
    .a4-single .a4-entry-content .a4-action-box{padding:12px 13px}
}


/* =========================================================
   v3.9.30 — COMPLETE ARTICLE TOOLBOX
========================================================= */
.a4-single .a4-entry-content .a4-callout{
    margin:20px 0;
    padding:14px 16px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:9px;
    background:rgba(16,39,57,.66);
}
.a4-single .a4-entry-content .a4-callout > :last-child{margin-bottom:0}
.a4-single .a4-entry-content .a4-callout-info{border-left:4px solid #25c7f2}
.a4-single .a4-entry-content .a4-callout-warning{border-left:4px solid #f1b84b}
.a4-single .a4-entry-content .a4-callout-tip{border-left:4px solid #72d49b}

.a4-single .a4-entry-content .a4-checklist{
    margin:14px 0 20px;
    padding:0;
    list-style:none;
}
.a4-single .a4-entry-content .a4-checklist li{
    position:relative;
    margin:8px 0;
    padding-left:27px;
}
.a4-single .a4-entry-content .a4-checklist li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#66d5ff;
    font-weight:900;
}

.a4-single .a4-entry-content .a4-button-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:18px 0 22px;
}
.a4-single .a4-entry-content .a4-content-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:9px 15px;
    border:1px solid rgba(55,190,239,.42);
    border-radius:8px;
    background:linear-gradient(100deg,rgba(16,58,80,.96),rgba(38,27,66,.96));
    color:#fff !important;
    font-weight:800;
    line-height:1.25;
    text-decoration:none !important;
}
.a4-single .a4-entry-content .a4-content-button:hover{
    transform:translateY(-1px);
    border-color:rgba(89,209,255,.75);
}

.a4-single .a4-entry-content .a4-mini-title{
    margin:18px 0 8px !important;
    color:#f2f7fb;
    font-size:18px;
    font-weight:850;
    line-height:1.35;
}

@media(max-width:700px){
    .a4-single .a4-entry-content .a4-callout{padding:12px 13px}
    .a4-single .a4-entry-content .a4-button-row{gap:8px}
    .a4-single .a4-entry-content .a4-content-button{width:100%}
}


/* =========================================================
   v3.9.31 — ARTICLE ELEMENT ALIGNMENT + Ы-ТВ PROMO
========================================================= */

/* Alignment helpers for toolbox elements */
.a4-single .a4-entry-content .a4-align-left{
    margin-left:0 !important;
    margin-right:auto !important;
    text-align:left !important;
}
.a4-single .a4-entry-content .a4-align-center{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
}
.a4-single .a4-entry-content .a4-align-right{
    margin-left:auto !important;
    margin-right:0 !important;
    text-align:right !important;
}

/* Keep plaque text alignment predictable */
.a4-single .a4-entry-content .a4-heading-sm.a4-align-center,
.a4-single .a4-entry-content .a4-heading-md.a4-align-center,
.a4-single .a4-entry-content .a4-heading-lg.a4-align-center{text-align:center !important}
.a4-single .a4-entry-content .a4-heading-sm.a4-align-right,
.a4-single .a4-entry-content .a4-heading-md.a4-align-right,
.a4-single .a4-entry-content .a4-heading-lg.a4-align-right{text-align:right !important}

/* Ы-ТВ promo */
.a4-single .a4-entry-content .a4-ytv-promo{
    position:relative;
    overflow:hidden;
    margin:26px 0;
    padding:22px 22px 20px;
    border:1px solid rgba(65,198,244,.34);
    border-radius:14px;
    background:
        radial-gradient(circle at 88% 18%,rgba(123,76,220,.24),transparent 34%),
        linear-gradient(115deg,rgba(9,37,55,.98),rgba(18,30,54,.98) 58%,rgba(42,24,66,.98));
    box-shadow:0 12px 34px rgba(0,0,0,.22);
}
.a4-single .a4-entry-content .a4-ytv-promo:before{
    content:"";
    position:absolute;
    left:0;top:0;bottom:0;
    width:4px;
    background:linear-gradient(#26d5ff,#9a63ef);
}
.a4-single .a4-entry-content .a4-ytv-kicker{
    margin:0 0 6px !important;
    color:#62d8ff;
    font-size:12px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.a4-single .a4-entry-content .a4-ytv-title{
    margin:0 0 8px !important;
    color:#fff;
    font-size:25px;
    font-weight:900;
    line-height:1.18;
}
.a4-single .a4-entry-content .a4-ytv-text{
    max-width:650px;
    margin:0 0 16px !important;
    color:#d3deea;
    font-size:15px;
    line-height:1.6;
}
.a4-single .a4-entry-content .a4-ytv-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.a4-single .a4-entry-content .a4-ytv-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:9px 16px;
    border-radius:8px;
    font-size:14px;
    font-weight:900;
    line-height:1.2;
    text-decoration:none !important;
    transition:transform .16s ease,border-color .16s ease,filter .16s ease;
}
.a4-single .a4-entry-content .a4-ytv-btn:hover{
    transform:translateY(-1px);
    filter:brightness(1.08);
}
.a4-single .a4-entry-content .a4-ytv-btn-boosty{
    border:1px solid rgba(255,121,77,.72);
    background:linear-gradient(100deg,#ef5b37,#ff784d);
    color:#fff !important;
}
.a4-single .a4-entry-content .a4-ytv-btn-project{
    border:1px solid rgba(69,200,245,.62);
    background:linear-gradient(100deg,#124b68,#293b78);
    color:#fff !important;
}

@media(max-width:700px){
    .a4-single .a4-entry-content .a4-ytv-promo{padding:18px 16px 17px}
    .a4-single .a4-entry-content .a4-ytv-title{font-size:22px}
    .a4-single .a4-entry-content .a4-ytv-actions{display:grid;grid-template-columns:1fr}
    .a4-single .a4-entry-content .a4-ytv-btn{width:100%}
}


/* =========================================================
   v3.9.32 — Ы-ТВ promo: orange / white identity
========================================================= */
.a4-single .a4-entry-content .a4-ytv-promo{
    position:relative;
    overflow:hidden;
    margin:26px 0;
    padding:22px 22px 20px;
    border:1px solid rgba(255,132,55,.55);
    border-radius:14px;
    background:
        radial-gradient(circle at 92% 12%,rgba(255,153,73,.15),transparent 32%),
        linear-gradient(115deg,#17191d 0%,#202126 58%,#2a211d 100%) !important;
    box-shadow:0 12px 34px rgba(0,0,0,.24);
}
.a4-single .a4-entry-content .a4-ytv-promo:before{
    content:"";
    position:absolute;
    left:0;top:0;bottom:0;
    width:5px;
    background:linear-gradient(180deg,#ff9b4a 0%,#ff5f2e 100%);
}
.a4-single .a4-entry-content .a4-ytv-kicker{
    margin:0 0 6px !important;
    color:#ff9b4a !important;
    font-size:12px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.a4-single .a4-entry-content .a4-ytv-title{
    margin:0 0 8px !important;
    color:#fff !important;
    font-size:25px;
    font-weight:900;
    line-height:1.18;
}
.a4-single .a4-entry-content .a4-ytv-text{
    max-width:680px;
    margin:0 0 16px !important;
    color:#e8e8e8 !important;
    font-size:15px;
    line-height:1.6;
}
.a4-single .a4-entry-content .a4-ytv-btn-boosty{
    border:1px solid #ff7b3c !important;
    background:linear-gradient(100deg,#ff5e2f,#ff8c45) !important;
    color:#fff !important;
}
.a4-single .a4-entry-content .a4-ytv-btn-project{
    border:1px solid rgba(255,255,255,.72) !important;
    background:#fff !important;
    color:#1b1b1b !important;
}
.a4-single .a4-entry-content .a4-ytv-btn-project:hover{
    border-color:#ff9b4a !important;
    color:#d94b19 !important;
}


/* =========================================================
   v3.9.33 — Ы-ТВ logo + slogan promo refinement
========================================================= */
.a4-single .a4-entry-content .a4-ytv-brand{
    display:flex;
    align-items:center;
    gap:14px;
    margin:0 0 13px;
}
.a4-single .a4-entry-content .a4-ytv-logo{
    display:block;
    width:70px !important;
    max-width:70px !important;
    height:70px !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain;
    border:0 !important;
    border-radius:12px;
    box-shadow:none !important;
}
.a4-single .a4-entry-content .a4-ytv-brandcopy{
    min-width:0;
}
.a4-single .a4-entry-content .a4-ytv-name{
    margin:0 !important;
    color:#fff !important;
    font-size:27px;
    font-weight:950;
    line-height:1.05;
    letter-spacing:.01em;
}
.a4-single .a4-entry-content .a4-ytv-slogan{
    margin:5px 0 0 !important;
    color:#ff9b4a !important;
    font-size:16px;
    font-weight:900;
    line-height:1.25;
}
.a4-single .a4-entry-content .a4-ytv-title{
    margin:0 0 8px !important;
    font-size:21px !important;
}
@media(max-width:700px){
    .a4-single .a4-entry-content .a4-ytv-brand{gap:11px}
    .a4-single .a4-entry-content .a4-ytv-logo{
        width:58px !important;
        max-width:58px !important;
        height:58px !important;
    }
    .a4-single .a4-entry-content .a4-ytv-name{font-size:24px}
    .a4-single .a4-entry-content .a4-ytv-slogan{font-size:14px}
    .a4-single .a4-entry-content .a4-ytv-title{font-size:19px !important}
}


/* =========================================================
   v3.9.35 — Ы-ТВ compact expressive promo
========================================================= */
.a4-single .a4-entry-content .a4-ytv-promo{
    margin:20px 0 !important;
    padding:15px 17px 14px !important;
    border:1px solid rgba(255,120,47,.70) !important;
    border-radius:12px !important;
    background:
        radial-gradient(circle at 88% 10%,rgba(255,126,48,.13),transparent 31%),
        linear-gradient(110deg,#15171a 0%,#1d1d20 63%,#322219 100%) !important;
    box-shadow:0 8px 24px rgba(0,0,0,.20) !important;
}
.a4-single .a4-entry-content .a4-ytv-promo:before{
    width:4px !important;
    background:linear-gradient(180deg,#ff9b43,#ff5b27) !important;
}
.a4-single .a4-entry-content .a4-ytv-brand{
    gap:11px !important;
    margin:0 0 9px !important;
}
.a4-single .a4-entry-content .a4-ytv-logo{
    width:54px !important;
    max-width:54px !important;
    height:54px !important;
    border-radius:10px !important;
}
.a4-single .a4-entry-content .a4-ytv-name{
    font-size:24px !important;
    line-height:1 !important;
}
.a4-single .a4-entry-content .a4-ytv-slogan{
    margin:4px 0 0 !important;
    color:#ff873b !important;
    font-size:14px !important;
    line-height:1.15 !important;
}
.a4-single .a4-entry-content .a4-ytv-title{
    margin:0 0 4px !important;
    color:#fff !important;
    font-size:18px !important;
    line-height:1.25 !important;
}
.a4-single .a4-entry-content .a4-ytv-text{
    max-width:none !important;
    margin:0 0 11px !important;
    color:#e1e3e5 !important;
    font-size:14px !important;
    line-height:1.45 !important;
}
.a4-single .a4-entry-content .a4-ytv-actions{
    gap:8px !important;
}
.a4-single .a4-entry-content .a4-ytv-btn{
    min-height:36px !important;
    padding:7px 13px !important;
    border-radius:7px !important;
    font-size:12px !important;
}
.a4-single .a4-entry-content .a4-ytv-btn-boosty{
    background:linear-gradient(100deg,#ff5b2b,#ff8b43) !important;
    box-shadow:0 4px 12px rgba(255,91,43,.16);
}
.a4-single .a4-entry-content .a4-ytv-btn-project{
    background:#fff !important;
    color:#171717 !important;
}
@media(max-width:700px){
    .a4-single .a4-entry-content .a4-ytv-promo{
        margin:17px 0 !important;
        padding:13px 13px 12px !important;
    }
    .a4-single .a4-entry-content .a4-ytv-logo{
        width:48px !important;
        max-width:48px !important;
        height:48px !important;
    }
    .a4-single .a4-entry-content .a4-ytv-name{font-size:22px !important}
    .a4-single .a4-entry-content .a4-ytv-title{font-size:17px !important}
    .a4-single .a4-entry-content .a4-ytv-text{font-size:13px !important}
    .a4-single .a4-entry-content .a4-ytv-actions{
        display:flex !important;
        flex-wrap:wrap !important;
    }
    .a4-single .a4-entry-content .a4-ytv-btn{
        width:auto !important;
        flex:1 1 145px;
    }
}


/* =========================================================
   v3.9.36 — DISTINCT ARTICLE COMPONENTS
   One visual family, clear identity for every insert type.
========================================================= */

/* Shared quiet card language */
.a4-single .a4-entry-content .a4-note,
.a4-single .a4-entry-content .a4-callout,
.a4-single .a4-entry-content .a4-step,
.a4-single .a4-entry-content .a4-action-box{
    position:relative;
    overflow:hidden;
    border-radius:10px !important;
    box-shadow:0 7px 20px rgba(0,0,0,.10) !important;
}

/* ВАЖНО — orange marker */
.a4-single .a4-entry-content .a4-note{
    border:1px solid rgba(255,145,63,.24) !important;
    border-left:4px solid #ff8a3d !important;
    background:linear-gradient(105deg,rgba(52,35,26,.78),rgba(19,29,38,.78)) !important;
}
.a4-single .a4-entry-content .a4-note:before{
    content:"!";
    float:left;
    display:grid;
    place-items:center;
    width:24px;height:24px;
    margin:0 10px 2px 0;
    border-radius:50%;
    background:rgba(255,138,61,.14);
    color:#ff9b52;
    font-weight:950;
}

/* ИНФОРМАЦИЯ — cyan marker */
.a4-single .a4-entry-content .a4-callout-info{
    border:1px solid rgba(57,194,238,.22) !important;
    border-left:4px solid #32c4ee !important;
    background:linear-gradient(105deg,rgba(15,48,63,.76),rgba(17,28,39,.78)) !important;
}
.a4-single .a4-entry-content .a4-callout-info:before{
    content:"i";
    float:left;
    display:grid;
    place-items:center;
    width:24px;height:24px;
    margin:0 10px 2px 0;
    border-radius:50%;
    background:rgba(50,196,238,.13);
    color:#65d9fa;
    font-weight:950;
}

/* ПРЕДУПРЕЖДЕНИЕ — amber marker */
.a4-single .a4-entry-content .a4-callout-warning{
    border:1px solid rgba(239,181,65,.23) !important;
    border-left:4px solid #eeb541 !important;
    background:linear-gradient(105deg,rgba(52,43,23,.74),rgba(20,29,37,.78)) !important;
}
.a4-single .a4-entry-content .a4-callout-warning:before{
    content:"▲";
    float:left;
    margin:1px 10px 2px 0;
    color:#f2c35d;
    font-size:17px;
    line-height:24px;
}

/* СОВЕТ — restrained green marker */
.a4-single .a4-entry-content .a4-callout-tip{
    border:1px solid rgba(102,202,145,.21) !important;
    border-left:4px solid #69c991 !important;
    background:linear-gradient(105deg,rgba(20,48,38,.72),rgba(18,29,37,.78)) !important;
}
.a4-single .a4-entry-content .a4-callout-tip:before{
    content:"✓";
    float:left;
    display:grid;
    place-items:center;
    width:24px;height:24px;
    margin:0 10px 2px 0;
    border-radius:50%;
    background:rgba(105,201,145,.12);
    color:#7cdaa5;
    font-weight:950;
}

/* STEP — numbered/instruction feel, purple accent */
.a4-single .a4-entry-content .a4-step{
    border:1px solid rgba(139,103,221,.23) !important;
    border-left:4px solid #8a68dc !important;
    background:linear-gradient(105deg,rgba(37,29,59,.76),rgba(17,29,40,.78)) !important;
}
.a4-single .a4-entry-content .a4-step-title{
    color:#f7f4ff !important;
}
.a4-single .a4-entry-content .a4-step-title:before{
    content:"→";
    margin-right:8px;
    color:#aa8cf0;
    font-weight:950;
}

/* TECH / COMMAND — compact terminal identity */
.a4-single .a4-entry-content .a4-techline{
    position:relative;
    padding:8px 12px 8px 31px !important;
    border:1px solid rgba(74,185,231,.23) !important;
    border-radius:7px !important;
    background:#0c1b25 !important;
    color:#bcecff !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.a4-single .a4-entry-content .a4-techline:before{
    content:">";
    position:absolute;
    left:11px;
    top:8px;
    color:#45c9f2;
    font-weight:950;
}

/* CHECKLIST — cleaner branded checks */
.a4-single .a4-entry-content .a4-checklist{
    padding:11px 14px !important;
    border-left:3px solid rgba(69,194,235,.55);
    border-radius:7px;
    background:rgba(15,34,46,.44);
}
.a4-single .a4-entry-content .a4-checklist li:before{
    color:#56d0f4 !important;
}

/* DOWNLOAD / GO — violet action panel */
.a4-single .a4-entry-content .a4-action-box{
    border:1px solid rgba(148,104,226,.25) !important;
    border-left:4px solid #9568e2 !important;
    background:linear-gradient(105deg,rgba(42,29,65,.78),rgba(17,31,42,.80)) !important;
}
.a4-single .a4-entry-content .a4-action-box:before{
    content:"↗";
    float:left;
    display:grid;
    place-items:center;
    width:25px;height:25px;
    margin:0 10px 2px 0;
    border-radius:7px;
    background:rgba(149,104,226,.13);
    color:#b697ef;
    font-weight:950;
}

/* SIMPLE LINK BUTTON — cyan/blue, visually separate from Ы-ТВ orange CTA */
.a4-single .a4-entry-content .a4-content-button{
    border:1px solid rgba(66,197,239,.48) !important;
    background:linear-gradient(100deg,#123e55,#263967) !important;
    color:#fff !important;
    box-shadow:0 5px 14px rgba(0,0,0,.13);
}
.a4-single .a4-entry-content .a4-content-button:after{
    content:" →";
    margin-left:7px;
    color:#75dcfb;
}
.a4-single .a4-entry-content .a4-content-button:hover{
    border-color:#64d8fa !important;
    filter:brightness(1.07);
}

/* MINI TITLE — subtle separator instead of another plaque */
.a4-single .a4-entry-content .a4-mini-title{
    position:relative;
    padding-left:12px;
}
.a4-single .a4-entry-content .a4-mini-title:before{
    content:"";
    position:absolute;
    left:0;top:.18em;bottom:.18em;
    width:3px;
    border-radius:2px;
    background:linear-gradient(#37c8f1,#8767dc);
}

/* Keep floated marker from affecting following blocks */
.a4-single .a4-entry-content .a4-note:after,
.a4-single .a4-entry-content .a4-callout:after,
.a4-single .a4-entry-content .a4-action-box:after{
    content:"";
    display:block;
    clear:both;
}


/* =========================================================
   v4.0.0 FINAL — article content image standard
   1280×720 recommended source; ~760px rendered.
========================================================= */

/* Normal editorial images only. Keep originals untouched. */
.a4-single .a4-entry-content > img,
.a4-single .a4-entry-content > p > img,
.a4-single .a4-entry-content > figure.wp-block-image,
.a4-single .a4-entry-content > .wp-caption{
    box-sizing:border-box;
    max-width:760px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border-radius:10px !important;
}

/* The visible image gets the subtle brand frame. */
.a4-single .a4-entry-content > img,
.a4-single .a4-entry-content > p > img,
.a4-single .a4-entry-content > figure.wp-block-image > img,
.a4-single .a4-entry-content > figure.wp-block-image > a > img,
.a4-single .a4-entry-content > .wp-caption > img{
    display:block;
    width:auto;
    max-width:100% !important;
    height:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border:1px solid rgba(54,198,241,.48) !important;
    border-radius:10px !important;
    box-shadow:
        0 0 0 1px rgba(128,91,215,.16),
        0 7px 20px rgba(0,0,0,.16) !important;
}

/* A restrained cyan→violet accent around Gutenberg figures. */
.a4-single .a4-entry-content > figure.wp-block-image{
    padding:1px;
    background:linear-gradient(115deg,rgba(47,207,246,.72),rgba(130,91,221,.58));
    box-shadow:0 7px 20px rgba(0,0,0,.14);
}
.a4-single .a4-entry-content > figure.wp-block-image > img,
.a4-single .a4-entry-content > figure.wp-block-image > a > img{
    border:0 !important;
    border-radius:9px !important;
    box-shadow:none !important;
}

/* Captions stay quiet and readable. */
.a4-single .a4-entry-content .wp-element-caption,
.a4-single .a4-entry-content .wp-caption-text{
    margin:7px 8px 2px !important;
    color:#98a7b5 !important;
    font-size:12px !important;
    line-height:1.4 !important;
    text-align:center !important;
}

/* Never frame functional/special-block imagery as article illustrations. */
.a4-single .a4-entry-content .a4-ytv-promo img,
.a4-single .a4-entry-content .a4-sc-card img,
.a4-single .a4-entry-content .artyri4-social2-row img,
.a4-single .a4-entry-content .artyri4-social2-btn img,
.a4-single .a4-entry-content .artyri4-divider img{
    border:0 !important;
    box-shadow:none !important;
    background:none !important;
}

@media(max-width:800px){
    .a4-single .a4-entry-content > img,
    .a4-single .a4-entry-content > p > img,
    .a4-single .a4-entry-content > figure.wp-block-image,
    .a4-single .a4-entry-content > .wp-caption{
        max-width:100% !important;
    }
}