/* MEMKOLA // Container Lab. Изолировано от стилей остальных разделов. */
.containers-nav-btn{white-space:nowrap}
.containers-promo,
.containers-promo *{box-sizing:border-box}
.containers-promo{
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);
  align-items:center;gap:16px;overflow:hidden;margin:24px 0 36px;
  border:1px solid rgba(226,181,101,.38);border-radius:20px;
  background:radial-gradient(ellipse at 77% 56%,rgba(203,135,56,.19),transparent 52%),
             radial-gradient(ellipse at 7% -5%,rgba(70,125,159,.15),transparent 52%),
             linear-gradient(120deg,#17222d 0%,#0d1722 60%,#101a25 100%);
  box-shadow:0 18px 58px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.045);
}
.containers-promo:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(90deg,rgba(220,200,160,.035) 1px,transparent 1px),
                   linear-gradient(rgba(220,200,160,.035) 1px,transparent 1px);
  background-size:35px 35px;mask-image:linear-gradient(110deg,transparent 25%,black 100%);
}
.containers-promo-copy{z-index:2;padding:32px 0 34px 37px;min-width:0}
.containers-promo-kicker{display:flex;align-items:center;gap:9px;color:#edc487;
  font:700 10px/1.4 'Oxanium','Manrope',sans-serif;letter-spacing:2px}
.containers-promo-dot{height:6px;width:6px;flex:none;border-radius:50%;background:#e9b96e;box-shadow:0 0 12px #e9b96e}
.containers-promo-badge{display:inline-block;margin-top:17px;padding:7px 10px;border:1px solid rgba(236,183,100,.35);
  border-radius:5px;background:rgba(203,146,67,.1);color:#f2cc8d;font-size:10px;font-weight:800;letter-spacing:.8px}
.containers-promo h2{margin:14px 0 9px;color:#f8f8f5;font-family:'Oxanium','Manrope',sans-serif;
  font-weight:800;line-height:1.14;font-size:clamp(25px,3vw,37px);letter-spacing:-.6px}
.containers-promo h2 span{color:#f1ba6d}
.containers-promo-copy>p{margin:0;max-width:520px;color:#bfccd7;font-size:13px;line-height:1.75}
.containers-promo-features{display:flex;flex-wrap:wrap;gap:8px 13px;margin:18px 0 21px;color:#dfe5e8;font-size:11px}
.containers-promo-features span{white-space:nowrap}
.containers-promo-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;
  min-height:44px;padding:11px 19px;background:linear-gradient(110deg,#c78e43,#eab765)!important;
  border:1px solid rgba(255,229,175,.45)!important;color:#141820!important;
  box-shadow:0 8px 20px rgba(167,108,45,.18);font-weight:800;white-space:nowrap;text-decoration:none}
.containers-promo-button:hover{filter:brightness(1.1)}
.containers-promo-copy>small{display:block;margin-top:13px;font-size:9px;line-height:1.5;color:#8795a1}
.containers-promo-visual{position:relative;height:290px;min-width:0;display:grid;place-items:center;
  align-self:stretch;overflow:hidden}
.containers-promo-visual img{position:relative;z-index:2;width:min(290px,93%);height:auto;max-height:95%;object-fit:contain;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(232,169,78,.22));
  animation:memkola-crate-hover 5s ease-in-out infinite}
.containers-promo-halo{position:absolute;width:260px;height:220px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(238,170,80,.26),rgba(211,151,57,.06) 47%,transparent 70%);
  filter:blur(8px)}
.containers-promo-orbit{position:absolute;border:1px solid rgba(246,188,96,.2);border-radius:50%;transform:rotate(-20deg)}
.containers-promo-orbit-a{width:300px;height:126px}.containers-promo-orbit-b{width:350px;height:167px;opacity:.52}
.containers-promo-visual-label{position:absolute;bottom:18px;right:22px;
  color:#a9aeb0;font:700 9px/1.3 'Oxanium',sans-serif;letter-spacing:1.8px}
.containers-promo-spark{position:absolute;z-index:3;color:#ffd48a;text-shadow:0 0 18px #ffb64c;font-size:22px}
.containers-promo-spark-a{top:45px;right:26%}.containers-promo-spark-b{bottom:64px;left:11%;font-size:13px}
@keyframes memkola-crate-hover{0%,100%{transform:translateY(5px) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@media(max-width:800px){
  .containers-promo{grid-template-columns:minmax(0,1fr) 230px;gap:0}
  .containers-promo-copy{padding:25px 0 26px 25px}
  .containers-promo-visual{height:250px}
}
@media(max-width:600px){
  .containers-promo{grid-template-columns:1fr;gap:0;margin:20px 0 28px}
  .containers-promo-copy{padding:25px 22px 0}
  .containers-promo-visual{grid-row:1;height:197px}
  .containers-promo-visual img{width:202px}
  .containers-promo-visual-label{right:15px;bottom:6px;font-size:8px}
  .containers-promo-copy{padding-bottom:27px}
  .containers-promo-features{gap:8px 12px}
  .containers-promo h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){.containers-promo-visual img{animation:none}}