/* Premium entry treatment for ML-0407. Scope: case page only. Catalog card is intentionally untouched. */
.case407-body.coop-v4 .case2317-cover,
.case407-body.coop-v4 .case2317-boot{
  position:relative;
  min-height:570px;
  overflow:hidden;
  border:1px solid rgba(221,177,102,.34);
  border-radius:8px;
  background:#030b10 !important;
  box-shadow:0 28px 90px rgba(0,0,0,.42);
}

.case407-body.coop-v4 .case2317-cover{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(430px,1.14fr);
}

.case407-body.coop-v4 .case2317-cover>div:first-child,
.case407-body.coop-v4 .case2317-boot-copy{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:64px 52px 58px;
  background:
    radial-gradient(circle at 18% 18%,rgba(212,162,77,.08),transparent 18rem),
    linear-gradient(120deg,rgba(3,13,19,.99),rgba(4,18,25,.97));
}

.case407-body.coop-v4 .case2317-cover>div:first-child:before,
.case407-body.coop-v4 .case2317-boot-copy:before{
  content:"ПРЕМИАЛЬНОЕ РАССЛЕДОВАНИЕ · ДВА ЭКРАНА";
  display:inline-flex;
  align-self:flex-start;
  margin-bottom:20px;
  padding:7px 10px;
  border:1px solid rgba(214,168,89,.26);
  border-radius:999px;
  background:rgba(214,168,89,.04);
  color:#d7aa61;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}

.case407-body.coop-v4 .case2317-cover .case2317-eyebrow,
.case407-body.coop-v4 .case2317-boot .case2317-eyebrow{
  margin:0 0 12px;
  color:#d8ad69;
  font-size:10px;
  letter-spacing:.18em;
}

.case407-body.coop-v4 .case2317-cover h1,
.case407-body.coop-v4 .case2317-boot h1{
  max-width:560px;
  margin:0;
  color:#f2eadc;
  font:400 clamp(48px,5.8vw,82px)/.92 Georgia,serif;
  letter-spacing:-.045em;
  text-shadow:0 20px 52px rgba(0,0,0,.46);
}

.case407-body.coop-v4 .case2317-cover h1 em,
.case407-body.coop-v4 .case2317-boot h1 em{
  color:#e0b15e;
}

.case407-body.coop-v4 .case2317-cover>div:first-child>p:not(.case2317-eyebrow),
.case407-body.coop-v4 .case2317-boot-copy>p:not(.case2317-eyebrow){
  max-width:610px;
  margin:25px 0 0;
  color:#c8c0b4;
  font-size:15px;
  line-height:1.72;
}

.case407-body.coop-v4 .case2317-cover>div:first-child:after{
  content:"2 игрока   ·   разные улики   ·   50–70 минут   ·   без регистрации";
  order:4;
  margin-top:24px;
  color:#8f9ba0;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.case407-body.coop-v4 .case2317-cover .case2317-actions{
  order:5;
  margin-top:26px;
}

.case407-body.coop-v4 .case2317-cover .case2317-button{
  min-height:50px;
  padding:0 22px;
  border-radius:4px;
  font-size:13px;
}

.case407-body.coop-v4 .case2317-cover .case2317-button.is-primary{
  border-color:#d8a64f;
  background:linear-gradient(180deg,#e7bc69,#b8792d);
  color:#191006;
  box-shadow:0 14px 36px rgba(184,121,45,.2),inset 0 1px rgba(255,255,255,.25);
}

.case407-body.coop-v4 .case407-room-mark{
  position:relative;
  z-index:2;
  min-height:570px;
  overflow:hidden;
  border:0 !important;
  border-left:1px solid rgba(221,177,102,.24) !important;
  border-radius:0 !important;
  background:
    linear-gradient(90deg,rgba(2,10,15,.18),rgba(2,8,12,.04) 42%,rgba(2,8,12,.24)),
    linear-gradient(0deg,rgba(2,8,12,.48),transparent 42%),
    url('/assets/room-407-evidence.webp') 58% center/cover no-repeat !important;
  box-shadow:none !important;
}

.case407-body.coop-v4 .case407-room-mark:before{
  content:"";
  position:absolute;
  inset:22px;
  border:1px solid rgba(236,204,145,.18);
  background:linear-gradient(180deg,transparent 68%,rgba(3,9,12,.3));
  pointer-events:none;
}

.case407-body.coop-v4 .case407-room-mark:after{
  content:"01:12 · ТИХАЯ ТРЕВОГА";
  position:absolute;
  left:34px;
  bottom:31px;
  z-index:4;
  padding:9px 11px;
  border:1px solid rgba(232,200,140,.3);
  background:rgba(2,8,12,.7);
  color:#edc6c9;
  font-size:9px;
  font-weight:800;
  letter-spacing:.17em;
  backdrop-filter:blur(5px);
}

.case407-body.coop-v4 .case407-room-mark span,
.case407-body.coop-v4 .case407-room-mark i{
  position:relative;
  z-index:3;
  color:#f0dfbd !important;
  text-shadow:0 9px 28px rgba(0,0,0,.82);
}
.case407-body.coop-v4 .case407-room-mark span{font-size:clamp(4.8rem,8vw,8rem)!important}
.case407-body.coop-v4 .case407-room-mark i{color:#c58a37!important;font-size:clamp(3.9rem,6.5vw,6.2rem)!important}
.case407-body.coop-v4 .case407-room-mark small{display:none!important}

.case407-body.coop-v4 .case2317-cover + .case2317-panel{
  position:relative;
  margin-top:16px;
  padding:24px 28px;
  border-color:rgba(214,168,89,.18);
  background:linear-gradient(90deg,rgba(6,20,28,.95),rgba(3,13,19,.98));
  box-shadow:none;
}
.case407-body.coop-v4 .case2317-cover + .case2317-panel .case2317-eyebrow{margin-bottom:5px}
.case407-body.coop-v4 .case2317-cover + .case2317-panel h2{margin:0;color:#e7d8c0;font-size:25px}
.case407-body.coop-v4 .case2317-cover + .case2317-panel>p{margin:8px 0 17px;color:#8f9ba0;font-size:12px}
.case407-body.coop-v4 .case2317-cover + .case2317-panel .case2317-field{margin:0}
.case407-body.coop-v4 .case2317-cover + .case2317-panel .case2317-field span{display:none}
.case407-body.coop-v4 .case2317-cover + .case2317-panel .case2317-field input{
  height:48px;
  border-color:rgba(214,168,89,.22);
  background:#031017;
}
.case407-body.coop-v4 .case2317-cover + .case2317-panel .case2317-actions{margin-top:12px}

@media(max-width:900px){
  .case407-body.coop-v4 .case2317-cover{grid-template-columns:1fr}
  .case407-body.coop-v4 .case2317-cover>div:first-child{padding:44px 38px 42px}
  .case407-body.coop-v4 .case407-room-mark{
    min-height:390px;
    border-left:0 !important;
    border-top:1px solid rgba(221,177,102,.24)!important;
    background-position:58% 48%!important;
  }
}

@media(max-width:760px){
  .case407-body.coop-v4 .case2317-cover,
  .case407-body.coop-v4 .case2317-boot{min-height:0;border-radius:6px}
  .case407-body.coop-v4 .case2317-cover>div:first-child,
  .case407-body.coop-v4 .case2317-boot-copy{padding:34px 24px 30px}
  .case407-body.coop-v4 .case2317-cover>div:first-child:before,
  .case407-body.coop-v4 .case2317-boot-copy:before{
    margin-bottom:16px;
    padding:6px 8px;
    font-size:8px;
    letter-spacing:.12em;
  }
  .case407-body.coop-v4 .case2317-cover h1,
  .case407-body.coop-v4 .case2317-boot h1{font-size:48px;line-height:.96}
  .case407-body.coop-v4 .case2317-cover>div:first-child>p:not(.case2317-eyebrow),
  .case407-body.coop-v4 .case2317-boot-copy>p:not(.case2317-eyebrow){margin-top:18px;font-size:14px;line-height:1.65}
  .case407-body.coop-v4 .case2317-cover>div:first-child:after{
    content:"2 игрока · разные улики · 50–70 минут";
    margin-top:18px;
    font-size:9px;
    line-height:1.6;
  }
  .case407-body.coop-v4 .case2317-cover .case2317-actions{display:grid;grid-template-columns:1fr;margin-top:22px}
  .case407-body.coop-v4 .case2317-cover .case2317-button{width:100%;min-height:50px}
  .case407-body.coop-v4 .case407-room-mark{min-height:330px;background-position:56% center!important}
  .case407-body.coop-v4 .case407-room-mark:before{inset:13px}
  .case407-body.coop-v4 .case407-room-mark:after{left:22px;bottom:21px;font-size:8px}
  .case407-body.coop-v4 .case407-room-mark span{font-size:4.7rem!important}
  .case407-body.coop-v4 .case407-room-mark i{font-size:3.8rem!important}
  .case407-body.coop-v4 .case2317-cover + .case2317-panel{padding:22px 20px}
  .case407-body.coop-v4 .case2317-cover + .case2317-panel h2{font-size:23px}
}