{% require_css %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@glidejs/glide/dist/css/glide.core.min.css">
<style>
  {% scope_css %}
  .slider-case-studies--module .slider-title {
    display: block; opacity: 1; margin-bottom: 2rem; margin-top: 0;
    position: relative; z-index: 5; font-size: 4.4rem; font-weight: 700;
    line-height: 1.12; letter-spacing: -0.01em;
  }

  .slider-case-studies--module .slider-cs-text { margin-top: 2rem; }

  .slider-case-studies--module .slider-desc {
    font-size: 1.5rem; color: #99a3b8; margin-bottom: 2.4rem; margin-top: 0.8rem; max-width: 360px;
  }

  .slider-case-studies--module .cta-container { margin-top: var(--spacer_24); }
  .slider-case-studies--module .slider-cs--container { clip-path: inset(-100vw -100vw -100vw -17px); }

  .slider-case-studies--module .card-slide {
    padding: 15rem var(--spacer_40) var(--spacer_40) var(--spacer_40);
    background-repeat: no-repeat; background-size: cover; background-position: center;
    position: relative; border-radius: 8px; height: auto;
  }
  .slider-case-studies--module .card-slide:after {
    content: ""; background: linear-gradient(31deg, rgba(0,14,65,.83) 2.57%, rgba(0,29,133,.60) 56.39%, rgba(255,205,158,.17) 98.67%);
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; border-radius: 8px;
  }
  .slider-case-studies--module .card-slide * { position: relative; z-index: 1; margin-top: auto; }
  .slider-case-studies--module .card-slide h3 { color: #fff; }

  .slider-case-studies--module .card-slide p.card-slide-industry {
    color:#111; font-size:var(--font_size_14); font-weight:var(--font_weight_700); background:var(--accent_color_2);
    border-radius:10rem; padding:var(--spacer_4) var(--spacer_12); width:max-content; text-transform:uppercase;
    margin-bottom:var(--spacer_24); max-width:95%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;
  }

  .slider-case-studies--module .glide__track { overflow: visible; }
  .slider-case-studies--module .glide__arrow { padding:0; top:unset; bottom:-6rem; transform:unset; width:5.6rem; height:5.6rem; }
  .slider-case-studies--module .glide__arrow--left { left:0; }
  .slider-case-studies--module .glide__arrow--right { right:unset; left:7rem; }
  .slider-case-studies--module .card-slide a.link-card { position:absolute; width:100%; height:100%; top:0; left:0; }

  @media (max-width: 767px) {
    .slider-case-studies--module .slider-cs-text { margin-bottom: var(--spacer_28); }
    .slider-case-studies--module .glide__arrows { display: none; }
    .slider-case-studies--module .glide__bullets { display: block; }
  }

  /* Подкраска ссылок слева под цвет темы */
  .slider-case-studies--module .slider-cs-text a { 
    color: {% if theme_val == 'white' %}#fff{% else %}#0073ff{% endif %} !important; 
  }
  .slider-case-studies--module .slider-desc { 
    color: {% if theme_val == 'white' %}#fff{% else %}#111{% endif %} !important; 
  }

  /* --- FIX мобильного overflow --- */
  @media (max-width: 767px) {
    .slider-case-studies--module { overflow-x: hidden; position: relative; }
    .slider-case-studies--module .slider-cs--container { clip-path: inset(0); overflow: hidden; }
    .slider-case-studies--module .glide__track { overflow: hidden; }
    .slider-case-studies--module .card-slide { box-sizing: border-box; padding: 10rem 16px 24px; }
  }

  .slider-case-studies--module .card-slide,
  .slider-case-studies--module .glide__track { box-sizing: border-box; max-width: 100%; }

  @media (max-width: 767px) {
    .slider-case-studies--module { padding-left: 16px; padding-right: 16px; }
    .slider-case-studies--module .glide__track {
      overflow: hidden; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px;
    }
    .slider-case-studies--module .card-slide { box-sizing: border-box; padding: 8rem 16px 24px; border-radius: 12px; }
    .slider-case-studies--module .slider-title,
    .slider-case-studies--module .slider-desc,
    .slider-case-studies--module .slider-cs-text { margin-left: 0; margin-right: 0; }
  }

  @media (min-width: 768px) {
    .slider-case-studies--module .slider-cs--container { clip-path: inset(-100vw -100vw -100vw -17px); }
  }

  .slider-case-studies--module .slider-cs-text a svg path { 
    stroke: {% if theme_val == 'white' %}#fff{% else %}#0073ff{% endif %} !important; 
    fill:   {% if theme_val == 'white' %}#fff{% else %}#0073ff{% endif %} !important; 
  }
  {% end_scope_css %}
</style>
{% end_require_css %}