/* Mobile bundle carousel; desktop continues to use the same three cards. */
.ready-bundles picture { display: contents; }
.ready-bundles picture > source,
.ready-bundles__mobile-break,
.ready-bundles__mobile-dots,
.ready-bundles__mobile-nav,
.ready-bundles__mobile-panel { display: none; }
.ready-bundles__photo picture > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right center; }
@font-face { font-family: "IBM Plex Sans Mobile Bundles"; src: url("../assets/mobile/block-04-ready-bundles/fonts/IBMPlexSans-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Sans Mobile Bundles"; src: url("../assets/mobile/block-04-ready-bundles/fonts/IBMPlexSans-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "IBM Plex Sans Mobile Bundles"; src: url("../assets/mobile/block-04-ready-bundles/fonts/IBMPlexSans-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@media (max-width: 767px) {
  .ready-bundles {
    --bundles-unit: clamp(.923px, .2564102564vw, 1.4px);
    --bundle-card-width: min(82vw, 450px);
    max-width: none; height: auto; padding: calc(28 * var(--bundles-unit)) 0 calc(18 * var(--bundles-unit));
    font-family: "IBM Plex Sans Mobile Bundles", sans-serif;
    background-size: 42px 42px; background-position: 0 0;
  }
  .ready-bundles__eyebrow { position: static; margin-inline: 6%; font-size: calc(10 * var(--bundles-unit)); line-height: 1.3; letter-spacing: calc(1.2 * var(--bundles-unit)); }
  .ready-bundles > h2 { position: static; margin: calc(6 * var(--bundles-unit)) 6% 0; font-size: calc(34 * var(--bundles-unit)); line-height: 1; letter-spacing: calc(-.8 * var(--bundles-unit)); white-space: normal; }
  .ready-bundles__mobile-break { display: initial; }
  .ready-bundles__intro { position: static; margin: calc(12 * var(--bundles-unit)) 6% calc(20 * var(--bundles-unit)); font-size: calc(14 * var(--bundles-unit)); line-height: 1.25; }
  .ready-bundles__intro br { display: none; }
  .ready-bundles__note { display: none; }
  .ready-bundles__cards { position: static; display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: var(--bundle-card-width); align-items: stretch; gap: calc(12 * var(--bundles-unit)); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0 calc((100% - var(--bundle-card-width)) / 2) calc(3 * var(--bundles-unit)); scroll-padding-inline: calc((100% - var(--bundle-card-width)) / 2); }
  .ready-bundles__cards::-webkit-scrollbar { display: none; }
  .ready-bundles__cards:focus-visible { outline: 2px solid #ff6500; outline-offset: -2px; }
  .ready-bundles__card { height: auto; min-width: 0; border-radius: calc(14 * var(--bundles-unit)); padding: calc(17 * var(--bundles-unit)) calc(17 * var(--bundles-unit)) calc(3 * var(--bundles-unit)); display: flex; flex-direction: column; scroll-snap-align: center; }
  .ready-bundles__card-top { position: static; gap: calc(14 * var(--bundles-unit)); }
  .ready-bundles__number { font-size: calc(21 * var(--bundles-unit)); line-height: 1.2; font-weight: 700; }
  .ready-bundles__tag { min-height: calc(25 * var(--bundles-unit)); padding: calc(3 * var(--bundles-unit)) calc(10 * var(--bundles-unit)); border-radius: 30px; font-size: calc(10 * var(--bundles-unit)); line-height: 1.2; }
  .ready-bundles__card h3 { position: static; margin-top: calc(14 * var(--bundles-unit)); font-size: calc(24 * var(--bundles-unit)); line-height: 1.1; letter-spacing: calc(-.4 * var(--bundles-unit)); white-space: normal; }
  .ready-bundles__formula, .ready-bundles__card--content .ready-bundles__formula { position: static; margin-top: calc(8 * var(--bundles-unit)); font-size: calc(15 * var(--bundles-unit)); line-height: 1.25; letter-spacing: calc(-.2 * var(--bundles-unit)); white-space: normal; }
  .ready-bundles__tools, .ready-bundles__card--telegram .ready-bundles__tools { position: static; margin-top: calc(16 * var(--bundles-unit)); grid-template-columns: 1fr 1fr 1.2fr; gap: calc(18 * var(--bundles-unit)); }
  .ready-bundles__tools li { height: auto; min-height: calc(61 * var(--bundles-unit)); padding: calc(7 * var(--bundles-unit)) calc(3 * var(--bundles-unit)); gap: calc(5 * var(--bundles-unit)); border-radius: calc(9 * var(--bundles-unit)); }
  .ready-bundles__tools img { width: calc(24 * var(--bundles-unit)); height: calc(24 * var(--bundles-unit)); }
  .ready-bundles__tools span { font-size: calc(11 * var(--bundles-unit)); line-height: 1.15; white-space: normal; text-align: center; }
  .ready-bundles__tools li + li::before { left: calc(-14 * var(--bundles-unit)); top: calc(50% - 9 * var(--bundles-unit)); font-size: calc(16 * var(--bundles-unit)); line-height: calc(18 * var(--bundles-unit)); }
  .ready-bundles__card--content .ready-bundles__tools { grid-template-columns: repeat(4,minmax(0,1fr)); gap: calc(10 * var(--bundles-unit)); }
  .ready-bundles__card--content .ready-bundles__tools li + li::before { left: calc(-9 * var(--bundles-unit)); font-size: calc(13 * var(--bundles-unit)); }
  .ready-bundles__card--content .ready-bundles__tools span { font-size: calc(10 * var(--bundles-unit)); }
  .ready-bundles__benefits { position: static; margin: calc(16 * var(--bundles-unit)) 0 calc(15 * var(--bundles-unit)); display: grid; gap: calc(5 * var(--bundles-unit)); }
  .ready-bundles__benefits li, .ready-bundles__card--content .ready-bundles__benefits li { padding-left: calc(23 * var(--bundles-unit)); font-size: calc(13 * var(--bundles-unit)); line-height: 1.35; }
  .ready-bundles__benefits li::before { left: 1px; top: calc(4 * var(--bundles-unit)); width: calc(12 * var(--bundles-unit)); height: calc(7 * var(--bundles-unit)); border-width: calc(2.5 * var(--bundles-unit)); }
  .ready-bundles__photo { position: relative; inset: auto; flex-shrink: 0; width: calc(100% + 28 * var(--bundles-unit)); height: auto; aspect-ratio: 2.5; margin: auto calc(-14 * var(--bundles-unit)) 0; border-radius: calc(13 * var(--bundles-unit)) calc(13 * var(--bundles-unit)) calc(11 * var(--bundles-unit)) calc(11 * var(--bundles-unit)); }
  .ready-bundles__photo picture > img { position: absolute; inset: 0; }
  .ready-bundles__photo figcaption { left: calc(14 * var(--bundles-unit)); bottom: calc(24 * var(--bundles-unit)); max-width: 62%; font-size: calc(15 * var(--bundles-unit)); line-height: 1.12; letter-spacing: calc(-.2 * var(--bundles-unit)); }
  .ready-bundles__photo figcaption::after { bottom: calc(-12 * var(--bundles-unit)); width: calc(20 * var(--bundles-unit)); height: 1px; }
  .ready-bundles--carousel-ready .ready-bundles__mobile-dots { display: flex; justify-content: center; gap: calc(9 * var(--bundles-unit)); margin: calc(12 * var(--bundles-unit)) 0; }
  .ready-bundles__mobile-dots span { width: calc(9 * var(--bundles-unit)); height: calc(9 * var(--bundles-unit)); border-radius: 50%; background: #c4d2de; }
  .ready-bundles__mobile-dots .is-active { background: #ff6500; }
  .ready-bundles--carousel-ready .ready-bundles__mobile-nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: calc(5 * var(--bundles-unit)); margin: 0 5%; }
  .ready-bundles__mobile-nav button { appearance: none; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 48px; padding: calc(6 * var(--bundles-unit)); border: 1px solid #e2ebf2; border-radius: calc(10 * var(--bundles-unit)); font: inherit; color: #506078; background: #ffffff50; cursor: pointer; }
  .ready-bundles__mobile-nav strong { color: #111c2d; font-size: calc(20 * var(--bundles-unit)); line-height: 1.1; }
  .ready-bundles__mobile-nav span { font-size: calc(12 * var(--bundles-unit)); line-height: 1.3; }
  .ready-bundles__mobile-nav button[aria-current="true"] { background: #ffede2; border-color: #ffede2; color: #ff5c00; }
  .ready-bundles__mobile-nav button[aria-current="true"] strong { color: #ff5c00; }
  .ready-bundles__mobile-nav button:focus-visible { outline: 2px solid #ff6500; outline-offset: 2px; }
  .ready-bundles__mobile-panel { display: flex; align-items: center; gap: calc(15 * var(--bundles-unit)); margin: calc(12 * var(--bundles-unit)) 4.5% 0; padding: calc(8 * var(--bundles-unit)); border-radius: calc(9 * var(--bundles-unit)); background: linear-gradient(120deg,#101a22,#15212a); color: white; }
  .ready-bundles__mobile-panel > span { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: calc(47 * var(--bundles-unit)); height: calc(46 * var(--bundles-unit)); border-radius: calc(9 * var(--bundles-unit)); background: #ff6500; }
  .ready-bundles__mobile-panel img { width: calc(33 * var(--bundles-unit)); height: calc(33 * var(--bundles-unit)); }
  .ready-bundles__mobile-panel p { margin: 0; padding-left: calc(15 * var(--bundles-unit)); border-left: 1px solid #506078; font-size: calc(17 * var(--bundles-unit)); line-height: 1.2; }
  .ready-bundles__mobile-panel i { margin-left: auto; margin-right: calc(10 * var(--bundles-unit)); font-size: calc(27 * var(--bundles-unit)); font-style: normal; }
  .ready-bundles__footer { position: static; gap: 8px; margin: calc(14 * var(--bundles-unit)) 6% 0; }
  .ready-bundles__footer img { width: calc(66 * var(--bundles-unit)); }
  .ready-bundles__footer p { font-size: calc(7 * var(--bundles-unit)); line-height: 1.2; letter-spacing: calc(.15 * var(--bundles-unit)); }
}