/* Doctor Context: обложки карточек кейсов — рекламная карточка с фото кейса + крупный результат. 26.10.2026
   Разметку собирает assets/js/drc-cases.js, фото подставляет mu-plugins/drc-case-covers.php */
.result-item__image.dcc-on{background:none!important;padding:0!important}
.dcc{position:relative;height:100%;border-radius:inherit;background:#111925;overflow:hidden;isolation:isolate;container-type:size}
.dcc::before{content:'';position:absolute;inset:0;background:radial-gradient(420px 260px at 90% 0%,rgba(63,32,255,.38),transparent 65%);z-index:-1}

/* рекламная карточка с фото */
.dcc-card{position:absolute;left:5cqw;height:min(80cqh,41cqw);top:calc((100cqh - min(80cqh,41cqw)) / 2);aspect-ratio:1/1;padding:min(8px,3.5cqh);border-radius:min(22px,9.5cqh);transform:rotate(-5deg);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.dcc-card::before{content:'';position:absolute;inset:max(-10px,-4.3cqh);border:1.5px dashed rgba(255,255,255,.28);border-radius:min(30px,13cqh);pointer-events:none}
.dcc--o{background:linear-gradient(160deg,#FF7A5C,#F2603F)}
.dcc--b{background:linear-gradient(160deg,#5A3DFF,#3F20FF)}
.dcc--g{background:linear-gradient(160deg,#7BF29B,#3ED46E)}
.dcc-ph{width:100%;height:100%;border-radius:min(15px,6.5cqh);overflow:hidden;background:#222}
.dcc-ph img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;max-width:none!important;border-radius:0!important}
.dcc-chip{position:absolute;left:min(16px,4cqw);top:min(16px,4cqw);z-index:2;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:max(4px,min(6px,2.6cqh)) max(8px,min(12px,5.2cqh));border-radius:100px;background:rgba(17,25,37,.38);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:500 max(10px,min(12px,5.2cqh,2.9cqw))/1.2 Roboto,sans-serif}
.dcc-chip__short{display:none}
@container (max-width:360px){.dcc-chip__full{display:none}.dcc-chip__short{display:inline}}
.dcc-badge{position:absolute;left:1cqw;bottom:12cqh;width:min(60px,26cqh,13cqw);aspect-ratio:1/1;border-radius:50%;background:url(../../img/badge-direct.png) center/cover;box-shadow:inset 0 0 0 min(5px,2.2cqh) #fff,0 8px 20px rgba(0,0,0,.35);z-index:3}

/* результат справа: по центру свободной части, строки по левому краю */
.dcc-plain{position:absolute;top:0;bottom:0;left:calc(5cqw + min(80cqh,41cqw) + 6cqw);right:3cqw;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}
.dcc-plain__in{display:flex;flex-direction:column;align-items:flex-start;max-width:100%}
.dcc-plain__lbl{display:inline-flex;align-items:center;gap:min(8px,3.5cqh);font:500 max(11px,min(12px,5.2cqh))/1 Roboto,sans-serif;color:#A9B3C2;margin-bottom:min(12px,5.2cqh)}
.dcc-plain__lbl i{width:min(20px,8.7cqh);height:min(20px,8.7cqh);border-radius:50%;background:rgba(32,255,94,.16);color:#20FF5E;display:grid;place-items:center}
.dcc-plain__lbl svg{width:55%;height:55%}
.dcc-plain b{font:400 min(44px,19cqh,11.5cqw)/1 'RoadRadio',sans-serif;letter-spacing:-.01em;white-space:nowrap;color:#fff}
.dcc-plain__u{font:500 max(13px,min(16px,7cqh))/1.25 Roboto,sans-serif;color:#fff;margin-top:min(8px,3.5cqh)}
.dcc-plain__sub{font:400 max(12px,min(13px,5.6cqh))/1.3 Roboto,sans-serif;color:#8792A3;margin-top:min(6px,2.6cqh)}

@media (max-width:767px){
  .result-item .result-item__image.dcc-on{height:200px!important}
  /* заголовок и фильтры кейсов на телефоне крупнее (тема уменьшала до 16–20 / 8–10 px) */
  .case-title h1.title-fonts{font-size:26px!important;line-height:1.15!important}
  .content-filter{gap:8px!important}
  .content-filter a.filter-contents-items{font-size:15px!important;padding:12px 18px!important;line-height:1.2}
}
@media (max-width:360px){
  .case-title h1.title-fonts{font-size:23px!important}
  .content-filter a.filter-contents-items{font-size:14px!important;padding:11px 15px!important}
}
/* без анимации при наведении */
.dcc,.dcc *{transition:none!important;animation:none!important}