/* Д3 #2721: шапка кейса как на .ru — 2 кнопки, ссылка на сайт клиента, чипы функций, цветная подложка под картинкой */
main.cru .case-detail__hero-copy .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
main.cru .case-detail__hero-copy .hero-cta .btn{display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;padding:13px 22px;border-radius:999px;min-height:48px}
main.cru .case-detail__hero-copy .hero-cta .btn--primary::after,main.cru .case-detail__hero-copy .hero-cta .btn--primary::before{content:none!important;display:none!important}
main.cru .case-detail__hero-copy .hero-cta .btn--outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.22)}
main.cru .case-detail__hero-copy .hero-cta .btn--outline:hover{border-color:#6e90ff;color:#fff;background:rgba(110,144,255,.06)}
main.cru .case-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
main.cru .store-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border-radius:12px;min-height:48px;box-sizing:border-box;text-decoration:none;line-height:1.05;transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease}
main.cru .store-badge.sb-web{background:#fff;color:#0f1115;border:1px solid #e5e7eb}
main.cru .store-badge.sb-web:hover{transform:translateY(-2px);border-color:#6e90ff;box-shadow:0 10px 24px rgba(0,0,0,.28)}
main.cru .store-badge svg{width:24px;height:24px;flex:0 0 auto}
main.cru .store-badge .sb-t{display:flex;flex-direction:column;text-align:left}
main.cru .store-badge .sb-s{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:#5b6275;font-weight:500}
main.cru .store-badge .sb-b{font-size:15px;font-weight:600;letter-spacing:.01em;color:#0f1115}
main.cru .cru-hchips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none}
main.cru .cru-hchips span{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;border:1px solid rgba(63,107,255,.30);background:rgba(63,107,255,.08);color:#c9d4ff;font-size:14px;font-weight:500;line-height:1.35;max-width:100%;overflow-wrap:anywhere}
/* цвет кейса — только фон за картинкой; #2729: картинка растянута на всю плашку без полей, как на .ru */
main.cru .case-detail__hero-visual .case3d.is-cover .c3d-front{background:linear-gradient(155deg,color-mix(in srgb,var(--brand) 72%,#fff) 0%,var(--brand) 58%,color-mix(in srgb,var(--brand) 82%,#000) 100%)}
main.cru .case-detail__hero-visual .case3d.is-cover .c3d-front{padding:0}
main.cru .case-detail__hero-visual .case3d.is-cover .c3d-front img{position:relative;display:block;width:100%;height:auto;object-fit:cover;border-radius:0;box-shadow:none}
@media (max-width:640px){
 main.cru .case-detail__hero-copy .hero-cta{flex-direction:column;align-items:stretch;gap:12px}
 main.cru .case-detail__hero-copy .hero-cta .btn{width:100%;padding:15px 22px}
 main.cru .cru-hchips span{font-size:13.5px;padding:7px 14px}
}
/* #2730: кнопки App Store / Google Play в шапке кейса, как на .ru (тёмная плашка, белый глиф и текст) */
main.cru .store-badge.sb-store{background:#12151d;color:#fff;border:1px solid rgba(255,255,255,.14)}
main.cru .store-badge.sb-store .sb-s{color:#fff;opacity:.72}
main.cru .store-badge.sb-store .sb-b{color:#fff}
main.cru .store-badge.sb-store:hover{transform:translateY(-2px);background:#191d27;border-color:rgba(255,255,255,.26);box-shadow:0 10px 24px rgba(0,0,0,.5)}
main.cru .store-badge:focus-visible{outline:2px solid #6e90ff;outline-offset:3px}

/* #2750: отступ от хлебных крошек до надписи над заголовком как на .ru */
main.cru .case-detail__hero{padding-top:36px}
main.cru .case-detail__hero-grid{align-items:start}

/* #2751: на телефоне кнопки сайта и сторов — во всю ширину колонки, как «All case studies» */
@media (max-width:640px){
 main.cru .case-links{flex-direction:column;align-items:stretch;gap:12px}
 main.cru .store-badge{width:100%;justify-content:center;min-height:56px;padding:10px 22px}
 main.cru .store-badge .sb-b{font-size:16px}
}