/* coinMobile.css — мобильная версия секции #coin
   Дизайн — строго как у #blockchain для единого ощущения
=============================================================== */
@media (max-width: 719px) {

  /* ---- Секция и header ---- */
  #coin.section {
    padding: 0 4vw;
    color: #fff;
  }
  body {
    min-height: 105vh; /* чуть больше экрана */
  }

  .coin-header {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 6vw 1.5rem 6vw;
    background: none;
    box-sizing: border-box;
    margin-bottom: -55px;
  }
  .coin-pretitle {
    font: 700 1.03rem 'Montserrat', sans-serif;
    margin-top: 1.18rem;
    color: #ffe98a;
    letter-spacing: .02em;
  }
  .coin-title {
    font: 700 1.25rem/1.25 'Montserrat', sans-serif;
    margin: 0 0 .5rem 0;
    max-width: 36ch;
  }
  .coin-subtitle {
    font: 400 .92rem/1.42 'Montserrat', sans-serif;
    margin-top: .15rem;
    max-width: 36ch;
    opacity: .98;
  }
  .coin-slide-counter { display: none; }

  /* ---- Обёртка слайдов ---- */
  .coin-phase-slides-wrapper {
    width: 100%;
    margin: 0;
    padding: 0 4vw;
    box-sizing: border-box;
    background: none;
  }
  .coin-phase-slides { min-height: auto; }

  /* ---- Фон и карточка слайда ---- */
  .coin-phase {
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 1.2rem 1.1rem 2rem;
    margin-bottom: 2vw;
    box-shadow: 0 0 20px rgba(0,0,0,0.19);
    background: linear-gradient(180deg, rgba(42,0,65,0.81) 0%, rgba(154,34,117,0.80) 100%);
    animation: coinSlideIn .38s;
  }
  @keyframes coinSlideIn {
    from { opacity: 0; transform: translateY(16px);}
    to   { opacity: 1; transform: none;}
  }

  /* ---- Header слайда ---- */
  .coin-phase-header { margin-bottom: .95rem; }
  .coin-phase-title  { font: 700 1.04rem/1.27 'Montserrat', sans-serif; }
  .coin-phase-desc   { font: 400 .93rem/1.44 'Montserrat', sans-serif; margin-bottom: 1.12rem; }

  /* ---- Баблы с фичами ---- */
  .coin-phase-features-row {
    flex-direction: column;
    gap: .85rem;
    margin-bottom: 1.5rem;
    display: flex;
  }
  .coin-feature-bubble {
    min-width: 0;
    padding: .95rem 1.1rem .95rem 2.0rem;
    font: 700 .94rem/1.27 'Montserrat', sans-serif;
    color: #ffe98a;
    background: rgba(0,0,0,0.20);
    border-radius: 5px;
    box-shadow: none;
    display: flex;
    align-items: center;
    position: relative;
  }
  .coin-feature-bubble .dot {
    width: .95rem;
    height: .95rem;
    border-radius: 50%;
    background: #ffe98a;
    left: -.65rem;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    box-shadow: 0 0 10px 2px #ffe98a55;
    margin: 0;
  }
  .coin-feature-title {
    font-size: .94rem;
    line-height: 1.22;
    margin-left: .48rem;
    color: #ffe98a;
    font-weight: 700;
    letter-spacing: 0.01em;
  }

  /* ---- Навигация ---- */
  .coin-slider-nav {
    top: 14px;
    right: 10px;
    left: auto;
    bottom: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    z-index: 2;
  }
  .coin-slider-nav button {
    width: 36px;
    height: 36px;
    font-size: 1.16rem;
    background: rgba(255,233,138,0.13);
    border: 1px solid #ffe98a;
    border-radius: 50%;
    color: #ffe98a;
    box-shadow: 0 2px 7px rgba(255,233,138,0.23);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.23s, color 0.23s;
  }
  .coin-slider-nav button:disabled {
    opacity: .3;
    cursor: default;
  }

  /* ---- Stay Connected ---- */
  .coin-stay-connected {
    width: 100vw;
    margin: 2.5rem 0 0 0;
    padding: 1.7rem 2vw 0 2vw;
    border-top: 1px solid rgba(255,255,255,0.08);
    background: none;
    max-width: none;
  }
  .coin-stay-title {
    font: 700 1.13rem 'Montserrat', sans-serif;
    margin-bottom: .5rem;
    color: #ffe98a;
  }
  .coin-stay-desc {
    font: 400 .95rem/1.45 'Montserrat', sans-serif;
    color: #fff;
    opacity: .96;
  }
   .coin-stay-title, .coin-stay-desc {
    max-width: 120vw;
  }
  .coin-stay-connected .coin-social-icons {
    margin: 1.2rem 0 0 0;
    display: flex;
    gap: 1.2rem;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (max-width: 719px) {
  .coin-phase {
    padding-bottom: 3.5rem; /* с запасом для текста */
  }
}