/* Міні-практика — світлий дизайн 2026-10-24.
   Окремий файл: не залежить від styles.css головної сторінки. */

@font-face { font-family:'Lora'; font-style:normal; font-weight:500; font-display:swap; src:url(/assets/mini/fonts/lora-cyrillic-500-normal.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Lora'; font-style:normal; font-weight:500; font-display:swap; src:url(/assets/mini/fonts/lora-latin-500-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Lora'; font-style:italic; font-weight:500; font-display:swap; src:url(/assets/mini/fonts/lora-cyrillic-500-italic.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Lora'; font-style:italic; font-weight:500; font-display:swap; src:url(/assets/mini/fonts/lora-latin-500-italic.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Golos Text'; font-style:normal; font-weight:400; font-display:swap; src:url(/assets/mini/fonts/golos-text-cyrillic-400-normal.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Golos Text'; font-style:normal; font-weight:400; font-display:swap; src:url(/assets/mini/fonts/golos-text-latin-400-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Golos Text'; font-style:normal; font-weight:500; font-display:swap; src:url(/assets/mini/fonts/golos-text-cyrillic-500-normal.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Golos Text'; font-style:normal; font-weight:500; font-display:swap; src:url(/assets/mini/fonts/golos-text-latin-500-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Golos Text'; font-style:normal; font-weight:600; font-display:swap; src:url(/assets/mini/fonts/golos-text-cyrillic-600-normal.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Golos Text'; font-style:normal; font-weight:600; font-display:swap; src:url(/assets/mini/fonts/golos-text-latin-600-normal.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

:root {
  --milk:#F8F2EC;      /* фон сторінки — у тон одягу */
  --oat:#EFE4D8;       /* глибший беж: арка, смуги */
  --linen:#FFFCF9;     /* світлі панелі */
  --line:#E6D8CB;
  --ink:#3B2F2C;       /* текст — теплий темно-коричневий */
  --ink-soft:#6E5F59;
  --pink:#FF92B7;      /* рожевий кнопки */
  --rose:#D9467E;      /* рожевий для слів на світлому фоні */
  --rose-deep:#B8336A;
  --serif:'Lora',Georgia,'Times New Roman',serif;
  --sans:'Golos Text',Arial,sans-serif;
  --gutter:clamp(16px,5vw,64px);
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
body { margin:0; background:var(--milk); color:var(--ink); font-family:var(--sans); font-size:17px; line-height:1.6; overflow-x:clip; }
body.modal-open { overflow:hidden; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; text-underline-offset:4px; }
button { font:inherit; cursor:pointer; }
button,a { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--rose-deep); outline-offset:4px; border-radius:6px; }
h1,h2,h3,p { margin:0; }
h1,h2 { font-family:var(--serif); font-weight:500; letter-spacing:-.015em; }
h1 em,h2 em { font-style:italic; color:var(--rose); }
.skip-link { position:fixed; z-index:100; left:16px; top:16px; padding:12px 20px; background:#fff; color:var(--ink); transform:translateY(-200%); border-radius:12px; }
.skip-link:focus { transform:none; }
.wrap { width:min(1160px,100% - 2 * var(--gutter)); margin-inline:auto; }

/* Тестова позначка (прибрати при заміні живої сторінки) */
.test-strip { background:var(--ink); color:var(--milk); text-align:center; font-size:13px; padding:7px 16px; }

/* Кнопка — та сама рожева, що на чинному сайті */
.button-pink { display:inline-block; padding:19px 38px; border-radius:99px; color:#442434; background:var(--pink) url('/assets/Rectangle_231.webp') center / 100% 100%; box-shadow:0 10px 30px -10px #ff7aa880, 0 0 28px #ff92b726; text-decoration:none; font-size:18px; font-weight:500; line-height:1.3; text-align:center; transition:box-shadow .25s,transform .25s; }
.button-pink:hover { box-shadow:0 14px 34px -10px #ff7aa8a8, 0 0 36px #ff92b757; transform:translateY(-2px); }
.button-pink:active { transform:translateY(0); }
.reassure { margin-top:14px; font-size:14px; color:var(--ink-soft); }

/* Біле серце на рожевому — повторюваний знак турботи */
.heart { flex:none; display:inline-grid; place-items:center; width:42px; height:42px; border-radius:50%; background:var(--pink); font-size:18px; line-height:1; box-shadow:inset 0 0 0 4px #ffffff40; }
.heart.small { width:30px; height:30px; font-size:13px; box-shadow:none; }

/* ---------- Верх ---------- */
.topbar { padding-block:22px; }
.brand { font-family:var(--serif); font-size:19px; text-decoration:none; letter-spacing:.01em; }
.brand em { font-style:italic; color:var(--rose); }

.hero { padding-bottom:clamp(24px,4vw,56px); }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,1fr); align-items:center; gap:clamp(24px,4vw,64px); }
.hero-copy { padding-block:clamp(16px,4vw,48px); }
.hero h1 { font-size:clamp(46px,5.8vw,84px); line-height:.98; letter-spacing:-.025em; white-space:nowrap; }
.hero-lead { margin-top:26px; max-width:26ch; font-family:var(--serif); font-size:clamp(22px,2.3vw,29px); line-height:1.35; }
.hero-lead em { color:var(--rose); }
.hero-cta { margin-top:34px; }
.hero-figure { position:relative; margin:0; aspect-ratio:1 / .9; }
.hero-figure::before { content:""; position:absolute; left:10%; right:10%; top:0; bottom:6%; border-radius:999px 999px 40px 40px; background:radial-gradient(120% 80% at 50% 0%,#fbe3ea 0%,transparent 60%),var(--oat); }
.hero-figure img { position:absolute; left:0; right:0; bottom:0; width:100%; }
.care-note { position:absolute; right:4%; top:auto; bottom:-7%; display:flex; align-items:center; gap:10px; padding:10px 16px 10px 10px; border-radius:99px; background:var(--linen); box-shadow:0 8px 24px -12px #6e5f5960; font-size:15px; font-weight:500; }

/* ---------- Секції ---------- */
.section { padding-block:clamp(52px,7vw,96px); }
.section-tight { padding-block:clamp(8px,2vw,24px); }
.section h2 { font-size:clamp(36px,4.4vw,58px); line-height:1.08; }

/* Для тебе, якщо… */
.for-you-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(32px,6vw,96px); align-items:start; }
.for-you-list { list-style:none; margin:0; padding:0; }
.for-you-list li { display:flex; gap:20px; align-items:center; padding-block:24px; border-top:1px solid var(--line); font-family:var(--serif); font-size:clamp(21px,2vw,26px); line-height:1.3; }
.for-you-list li:last-child { border-bottom:1px solid var(--line); }

/* Що включає */
.includes { background:var(--oat); border-radius:clamp(28px,4vw,48px); padding:clamp(36px,6vw,80px); }
.includes h2 { margin-bottom:clamp(28px,4vw,48px); }
.includes-list { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.includes-list li { position:relative; padding:20px 22px 20px 58px; background:var(--linen); border-radius:20px; font-size:18px; line-height:1.45; }
.includes-list li::before { content:""; position:absolute; left:22px; top:22px; width:22px; height:22px; border-radius:50%; background:var(--pink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6.5 11.3l3 3 6-6.3' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px no-repeat; }
.includes-list li.wide { grid-column:1 / -1; }
.includes-list strong { font-weight:600; }

/* Формат доступу — справжня послідовність кроків */
.format h2 { margin-bottom:clamp(36px,5vw,64px); }
.steps { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(20px,3vw,40px); position:relative; }
.steps::before { content:""; position:absolute; top:27px; left:28px; right:calc(33.33% - 28px); height:1px; background:repeating-linear-gradient(90deg,var(--rose) 0 6px,transparent 6px 12px); opacity:.6; }
.steps li { position:relative; }
.step-num { display:grid; place-items:center; width:56px; height:56px; border-radius:50%; background:var(--linen); border:1px solid var(--pink); color:var(--rose-deep); margin-bottom:22px; position:relative; }
.step-num svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.step-num svg .fill { fill:currentColor; stroke:none; }
.steps p { font-size:18px; max-width:30ch; }
.steps p b { font-weight:600; }
.steps .muted { display:block; color:var(--ink-soft); font-size:16px; margin-top:4px; }

/* 12 хвилин — головний візуальний момент */
.minutes { background:linear-gradient(180deg,var(--oat) 0%,var(--oat) 62%,var(--milk) 100%); border-radius:clamp(32px,5vw,64px) clamp(32px,5vw,64px) 0 0; overflow:hidden; }
.format { padding-bottom:clamp(44px,6vw,80px); }
.author { display:flex; align-items:center; gap:14px; margin-bottom:22px; }
.author-photo { width:60px; height:60px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 3px var(--linen),0 0 0 4.5px var(--pink); }
.author p { display:flex; flex-direction:column; line-height:1.3; }
.author-name { font-family:var(--serif); font-size:19px; }
.author-role { font-size:14px; color:var(--ink-soft); }
.minutes-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(24px,5vw,72px); align-items:center; }
.minutes-intro { font-family:var(--serif); font-size:clamp(22px,2.2vw,28px); line-height:1.4; max-width:30ch; }
.minutes-answer { margin-top:16px; }
.flow { list-style:none; margin:32px 0 0; padding:0; }
.flow li { position:relative; padding:0 0 22px 40px; font-size:19px; line-height:1.45; }
.flow li::before { content:""; position:absolute; left:6px; top:7px; width:14px; height:14px; border-radius:50%; background:var(--pink); box-shadow:0 0 0 5px #ff92b733; }
.flow li::after { content:""; position:absolute; left:12px; top:26px; bottom:2px; width:2px; background:#ff92b766; border-radius:2px; }
.flow li:last-child { padding-bottom:0; }
.flow li:last-child::after { display:none; }
.flow .flow-detail { display:block; color:var(--ink-soft); font-size:17px; }

.dial-figure { position:relative; margin:0; aspect-ratio:1 / .86; }
.dial { position:absolute; left:50%; top:52%; width:84%; aspect-ratio:1; transform:translate(-50%,-50%); }
.dial .track { fill:none; stroke:#e2d2c3; stroke-width:1.5; }
.dial .tick { stroke:#c9b4a4; stroke-width:2; stroke-linecap:round; }
.dial .tick.major { stroke:var(--rose); stroke-width:3; }
.dial .sweep { fill:none; stroke:var(--pink); stroke-width:6; stroke-linecap:round; stroke-dasharray:1 1; stroke-dashoffset:0; }
.dial-figure img { position:absolute; left:-2%; right:-2%; bottom:6%; width:104%; max-width:none; }
.dial-figure.ready .sweep { stroke-dashoffset:1; }
.dial-figure.ready.in-view .sweep { stroke-dashoffset:0; transition:stroke-dashoffset 2.6s cubic-bezier(.45,.05,.25,1) .2s; }
@media (prefers-reduced-motion:reduce) { .dial-figure.ready .sweep { stroke-dashoffset:0; transition:none; } }

.minutes-title { margin-top:clamp(28px,4vw,48px); text-align:center; }
.minutes-title h2 { font-size:clamp(40px,5.6vw,76px); line-height:1.02; }
.minutes-title h2 em { display:block; }
.minutes-cta-lead { margin:24px auto 22px; max-width:34ch; font-size:18px; color:var(--ink-soft); }

/* Відгуки */
.reviews-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(32px,6vw,88px); align-items:center; }
.reviews-note { margin-top:18px; color:var(--ink-soft); max-width:32ch; }
.review-gallery { min-width:0; padding:clamp(18px,2.4vw,28px); background:var(--linen); border-radius:32px; box-shadow:0 24px 60px -36px #6e5f5980; }
.review-track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-x:contain; border-radius:18px; }
.review-track::-webkit-scrollbar { display:none; }
.review-slide { margin:0; flex:0 0 100%; min-width:0; scroll-snap-align:start; background:#fff; display:grid; place-items:center; }
.review-slide img { width:100%; }
.gallery-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; }
.gallery-controls[hidden] { display:none; }
.gallery-button { min-height:46px; min-width:88px; padding:8px 18px; border:1px solid var(--line); border-radius:99px; background:transparent; color:var(--ink); font-size:15px; transition:background .2s,border-color .2s; }
.gallery-button:hover { background:var(--pink); border-color:var(--pink); }
.gallery-count { font-size:15px; font-variant-numeric:tabular-nums; }
.gallery-count span { color:var(--ink-soft); margin-left:4px; }
.review-dots { display:none; }


/* Сторінка /start/: «Мене звати Вікторія» і свої фото */
.about-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(32px,6vw,96px); align-items:center; }
.about-figure { position:relative; margin:0 auto; width:min(100%,440px); aspect-ratio:1100 / 1291; }
.about-figure::before { content:""; position:absolute; left:4%; right:4%; top:6%; bottom:3%; border-radius:999px 999px 36px 36px; background:radial-gradient(120% 70% at 50% 0%,#fbe3ea 0%,transparent 62%),var(--oat); }
.about-figure img { position:absolute; left:0; bottom:0; width:100%; }
.about-head { margin-bottom:clamp(28px,4vw,48px); }
.about-intro { margin-top:18px; font-family:var(--serif); font-size:clamp(21px,2.1vw,27px); line-height:1.4; max-width:30ch; }
.about-intro em { font-style:italic; color:var(--rose); }
.principles { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; }
.principles li { display:flex; gap:18px; align-items:flex-start; padding:20px 22px; background:var(--linen); border-radius:20px; font-size:18px; line-height:1.5; }
.principles b { font-weight:600; }
.principle-num { flex:none; min-width:2.2em; font-family:var(--serif); font-size:22px; line-height:1.2; color:var(--rose); }
.start-page .hero-figure::before { left:14%; right:auto; top:6%; bottom:auto; width:72%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 50% 40%,#fbe3ea 0%,#f6e6e3 45%,var(--oat) 100%); }
.start-page .hero-figure::after { content:""; position:absolute; left:4%; right:10%; bottom:-1%; height:9%; border-radius:50%; background:radial-gradient(closest-side,#d9c7b866,transparent); z-index:-1; }
.start-page .hero-figure { isolation:isolate; }
.start-page .hero-figure img { z-index:1; }
.start-page .care-note { z-index:2; }
.start-page .dial-figure img { left:20.5%; right:auto; width:59%; bottom:7%; }

/* Фінал */
.final { padding-top:clamp(24px,4vw,40px); }
.final-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(16px,2vw,24px); padding:clamp(14px,1.6vw,20px); background:var(--linen); border-radius:clamp(28px,4vw,48px); box-shadow:0 30px 70px -48px #6e5f5990; }
.final-main { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:clamp(28px,5vw,64px) clamp(8px,3vw,40px); }
.final-main .heart { margin-bottom:20px; }
.final-main h2 { font-size:clamp(32px,3.6vw,48px); line-height:1.1; margin-bottom:28px; text-wrap:balance; }
.final-next { background:var(--oat); border-radius:clamp(20px,3vw,34px); padding:clamp(26px,4vw,52px); display:flex; flex-direction:column; align-items:flex-start; }
.final-text { font-family:var(--serif); font-size:clamp(19px,1.8vw,23px); line-height:1.45; }
.course-facts-title { margin-top:24px; font-weight:600; }
.course-facts { list-style:none; margin:10px 0 0; padding:0; display:flex; flex-direction:column; gap:8px; }
.course-facts li { position:relative; padding-left:24px; }
.course-facts li::before { content:""; position:absolute; left:2px; top:.62em; width:9px; height:9px; border-radius:50%; background:var(--pink); }
.course-link { display:inline-flex; align-items:center; gap:10px; margin-top:28px; min-height:52px; padding:12px 28px; border-radius:99px; border:1.5px solid var(--rose); color:var(--rose-deep); background:var(--linen); text-decoration:none; font-weight:500; transition:background .2s,color .2s; }
.course-link:hover { background:var(--rose); color:#fff; }

/* Футер */
.footer { margin-top:clamp(56px,8vw,104px); background:var(--oat); padding-block:48px 28px; font-size:14px; color:var(--ink-soft); }
.footer-top { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-bottom:28px; border-bottom:1px solid var(--line); }
.footer .brand { font-size:22px; color:var(--ink); }
.social-links { display:flex; gap:10px; }
.social-links a { width:46px; height:46px; display:grid; place-items:center; border-radius:50%; background:var(--linen); }
.social-links a:hover { background:var(--pink); }
.footer-grid { display:grid; grid-template-columns:1.4fr 1fr .8fr; gap:40px; padding-top:28px; }
.footer h3 { font-size:14px; font-weight:600; color:var(--ink); margin:0 0 12px; }
.footer p { margin-bottom:10px; }
.footer a { overflow-wrap:anywhere; }
.footer nav { display:flex; flex-direction:column; gap:12px; }
.footer-bottom { display:flex; justify-content:space-between; gap:16px; margin-top:32px; padding-top:20px; border-top:1px solid var(--line); font-size:12px; }

/* Форма оплати — ті самі поля, лише шрифти сторінки */
.checkout #checkout-title { font-family:var(--serif); font-weight:500; text-transform:none; }
.checkout .checkout-submit { font-family:var(--sans); font-size:17px; font-weight:600; text-transform:none; }
.no-js-checkout { padding:20px; text-align:center; }

/* ---------- Планшет ---------- */
@media (max-width:900px) {
  .includes-list { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer nav { grid-column:1 / -1; flex-direction:row; flex-wrap:wrap; gap:20px; }
}

/* ---------- Телефон ---------- */
@media (max-width:760px) {
  body { font-size:16px; }
  .topbar { padding-block:16px 6px; }
  .brand { font-size:17px; }
  .hero-grid { grid-template-columns:1fr; gap:0; }
  .hero-copy { display:contents; }
  .hero h1 { order:1; font-size:clamp(40px,13.4vw,64px); padding-top:18px; }
  .minutes-cta-lead { font-size:16px; }
  .minutes-title .button-pink { width:100%; padding-inline:20px; }
  .hero-lead { order:2; margin-top:16px; font-size:21px; }
  .hero-figure { order:3; margin-top:18px; aspect-ratio:1 / .84; }
  .hero-figure::before { left:8%; right:8%; }
  .care-note { top:auto; bottom:-4%; right:0; font-size:13px; padding:7px 12px 7px 7px; }
  .care-note .heart.small { width:26px; height:26px; font-size:11px; }
  .start-page .care-note { bottom:-9%; }
  .start-page .hero-cta { margin-top:44px; }
  .hero-cta { order:4; margin-top:22px; }
  .hero-cta .button-pink { width:100%; padding-inline:20px; }
  .reassure { text-align:center; }

  .for-you-grid,.minutes-grid,.reviews-grid { grid-template-columns:1fr; }
  .for-you-list li { gap:16px; padding-block:18px; font-size:20px; }
  .heart { width:38px; height:38px; font-size:16px; }

  .includes { padding:30px 18px 18px; margin-inline:calc(-1 * min(var(--gutter),16px) + 0px); }
  .includes-list li { padding:16px 16px 16px 50px; font-size:16px; border-radius:16px; }
  .includes-list li::before { left:16px; top:17px; }

  .steps { grid-template-columns:1fr; gap:0; }
  .steps::before { top:28px; bottom:28px; left:27px; right:auto; width:1px; height:auto; background:repeating-linear-gradient(180deg,var(--rose) 0 6px,transparent 6px 12px); }
  .steps li { display:grid; grid-template-columns:56px 1fr; gap:18px; align-items:start; padding-bottom:26px; }
  .steps li:last-child { padding-bottom:0; }
  .step-num { margin:0; }
  .steps p { padding-top:13px; font-size:17px; }

  .minutes-intro { font-size:21px; }
  .flow li { font-size:17px; }
  .dial-figure { margin-top:24px; margin-inline:-6px; }
  .dial { width:88%; }

  .review-gallery { border-radius:24px; padding:14px; }
  .gallery-button { min-width:76px; }

  .about-grid { grid-template-columns:1fr; gap:28px; }
  .about-figure { width:min(100%,340px); }
  .principles li { padding:16px 16px; font-size:16px; gap:14px; }
  .principle-num { font-size:19px; }
  .final-card { grid-template-columns:1fr; padding:12px; border-radius:28px; }
  .final-main { padding:30px 10px 26px; }
  .final .button-pink { width:100%; padding-inline:20px; }
  .final-next { padding:26px 20px; border-radius:20px; }
  .course-link { width:100%; justify-content:center; }
  .minutes { border-radius:32px 32px 0 0; }

  .footer-top { flex-direction:row; }
  .footer .brand { font-size:19px; }
  .footer-grid { grid-template-columns:1fr; gap:24px; }
  .footer nav { flex-direction:column; gap:12px; }
  .footer-bottom { flex-direction:column; gap:6px; }
}