/* MamaBook V32 — Premium Soft Botanical
 * Install AFTER your current /css/style.css.
 * No imagery, logo, icon, checkout JS, or API changes.
 */
:root{
  color-scheme:light;
  --mb-ivory:#F9F6EF;
  --mb-paper:#FFFCF6;
  --mb-sand:#CDB79E;
  --mb-sand-soft:#EEE2D2;
  --mb-sage:#9DA88C;
  --mb-sage-pale:#EEF1E7;
  --mb-olive:#788568;
  --mb-olive-deep:#495940;
  --mb-gold:#D6B86B;
  --mb-gold-light:#F2E6C2;
  --mb-rose:#D6A1A1;
  --mb-ink:#30352D;
  --mb-muted:#6A7064;
  --mb-stroke:#E9E2D7;
  --bg:#F9F6EF;
  --cream:#F9F6EF;
  --cream2:#EEE2D2;
  --ink:#30352D;
  --muted:#6A7064;
  --green:#788568;
  --green2:#C9D0BB;
  --pale:#EEF1E7;
  --yellow:#D6B86B;
  --orange:#D7C4AB;
  --red:#D6A1A1;
  --teal:#9DA88C;
  --lav:#D9D0C0;
  --blue:#CEDACB;
  --line:#E9E2D7;
  --shadow:0 16px 45px rgba(67,73,57,.08);
}
html{
  color-scheme:light only;
  scroll-behavior:smooth;
  scroll-padding-top:90px;
  -webkit-text-size-adjust:100%;
}
body{
  background:var(--mb-ivory) !important;
  color:var(--mb-ink) !important;
  font-family:Mulish,Arial,sans-serif;
}
button,input,select,textarea{font-family:inherit}
*{box-sizing:border-box}
::selection{background:#DCE3CF;color:#35442E}

/* Navigation: an olive ribbon like the chosen mockup */
.top{background:#EAE5D9 !important;color:#56614E !important;letter-spacing:.02em}
nav{
  background:linear-gradient(95deg,#879175 0%,#788568 100%) !important;
  color:#FFFDF8 !important;
  border:0 !important;
  box-shadow:0 5px 22px rgba(55,70,47,.10);
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
nav .nav{min-height:76px;height:auto;gap:clamp(10px,1.5vw,24px)}
nav .links{display:flex;align-items:center;gap:clamp(13px,1.6vw,25px);min-width:0}
nav .links a{
  color:#FFFDF8 !important;
  font-size:13px;
  font-weight:750;
  transition:opacity .2s;
}
nav .links a:hover{opacity:.72}
nav .logo-img{width:60px;height:60px;object-fit:contain;flex:none}
nav .socials{gap:9px}
nav .official-socials a{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  padding:4px;
  border-radius:10px;
  background:rgba(255,253,248,.94);
}
nav .official-socials img{max-width:21px;max-height:21px;object-fit:contain}
nav .nav-btn,nav .nav-btn.mobile-order{
  background:linear-gradient(130deg,#EAD19A 0%,#D6B86B 100%) !important;
  color:#30352D !important;
  border:1px solid rgba(250,242,222,.35) !important;
  box-shadow:0 5px 14px rgba(55,66,43,.12);
  border-radius:999px !important;
  white-space:nowrap;
  font-size:13px;
  padding:12px 20px;
}
nav .mobile-toggle{
  border:1px solid rgba(255,253,248,.4) !important;
  color:#FFFDF8 !important;
  background:rgba(255,255,255,.12) !important;
  border-radius:12px !important;
  line-height:1;
  flex-shrink:0;
}
nav .mobile-menu{
  background:var(--mb-paper) !important;
  color:var(--mb-ink) !important;
  border:1px solid var(--mb-stroke);
  border-radius:16px;
  box-shadow:0 18px 40px rgba(50,60,40,.16);
}
nav .mobile-menu a{color:var(--mb-ink)!important}
nav .mobile-menu a:hover{background:var(--mb-sage-pale)}

/* Hero: creamy, calm, plenty of white space, original book artwork untouched */
.hero{
  background:
    radial-gradient(ellipse 65% 80% at 92% 24%,rgba(205,183,158,.27),transparent 70%),
    linear-gradient(110deg,#FFFDF8 0%,#F9F6EF 46%,#EEE2D2 100%) !important;
  padding:clamp(55px,6vw,94px) 0 clamp(58px,6vw,86px);
  overflow:hidden;
}
.hero-grid{gap:clamp(26px,4vw,65px);align-items:center}
.hero h1{
  font-family:Mulish,Arial,sans-serif;
  color:#37462F;
  font-weight:650;
  font-size:clamp(53px,6.2vw,83px);
  letter-spacing:-.065em;
  line-height:1.07;
  margin:10px 0 15px;
}
.eyebrow{
  color:#7A8769;
  font-weight:800;
  font-size:11px;
  letter-spacing:.16em;
}
.tagline{
  background:none !important;
  padding:0 !important;
  color:#526346;
  font-family:Caveat,cursive;
  font-weight:700;
  font-size:clamp(29px,3vw,39px);
  line-height:1.16;
  white-space:normal;
}
.hero .lead{color:#636B5D;font-size:16px;line-height:1.72;max-width:525px}
.hero .book-stage{filter:drop-shadow(0 18px 18px rgba(72,68,50,.10))}
.hero .cover{box-shadow:20px 26px 54px rgba(73,66,43,.20)}
.hero .hero-book:after{background:rgba(80,76,54,.12)}
.hero small{color:#65715B}
.hero-actions{gap:22px;flex-wrap:wrap}
.hero .price{color:#536448;letter-spacing:-.02em;font-size:28px}
.hero .badge{color:#57664F;line-height:1.4}
.hero .ico{
  background:#E9EDDF;
  color:#60714E;
  width:52px;height:52px;
  font-size:25px;
  box-shadow:inset 0 0 0 1px rgba(120,133,104,.12);
}

/* Consistent action design */
.btn,
button.btn,
a.btn{
  background:linear-gradient(135deg,#849373 0%,#617551 100%) !important;
  color:#FFFFFF !important;
  border:1px solid rgba(72,94,60,.12) !important;
  border-radius:999px !important;
  box-shadow:0 10px 20px rgba(72,91,58,.14);
  padding:14px 25px;
  font-weight:800;
  transition:transform .2s,box-shadow .2s,filter .2s;
}
.btn:hover,.nav-btn:hover{transform:translateY(-2px);box-shadow:0 14px 25px rgba(68,82,55,.16)}
.btn:focus-visible,.nav-btn:focus-visible,nav a:focus-visible,
.mobile-toggle:focus-visible{outline:3px solid var(--mb-gold);outline-offset:3px}

/* Editorial sections: cream, neutral, light sage instead of the rainbow */
section{
  position:relative;
  background:#F9F6EF !important;
  color:var(--mb-ink) !important;
  padding:clamp(62px,5vw,85px) 0;
}
section.theme-1,section.theme-3,section.theme-5,section.theme-7,
section#about,section#reviews,section#blog{
  background:linear-gradient(180deg,#F9F6EF 0%,#F4EBDD 100%) !important;
}
section.theme-2,section.theme-4,section.theme-6,
section#contents,section#video,section#faq{
  background:linear-gradient(180deg,#FFFCF7 0%,#F5F2EA 100%) !important;
}
section.theme-3,section.theme-7,
section#reviews,section#faq{
  background:linear-gradient(180deg,#F5F5EF 0%,#EBF0E5 100%) !important;
}
section h2,
section .content-head h2{
  color:#394631 !important;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:500;
  letter-spacing:-.028em;
  line-height:1.12;
  font-size:clamp(31px,3.3vw,43px);
}
section h2.script{font-family:Caveat,cursive;font-size:clamp(37px,4vw,52px)!important;font-weight:700}
section .lead,section p{color:#657063}
/* No large SVG/pseudo hearts, regardless of leftover V27-V31 rules */
.heart-svg,.heart-about,.heart-contents,.heart-reviews,.heart-video,.heart-blog,.heart-faq{display:none!important}
.final.theme-8::after{display:none!important;content:none!important}
/* Restrained fine dividers on block edges; no extra blocks */
section::before,section::after, .contents::before,.contents::after{
  content:none!important;
  display:none!important;
}
section:not(:last-of-type){border-bottom:1px solid rgba(157,168,140,.18)}

/* Feature panels / book contents */
.aud,.content-list,.why{
  border:1px solid rgba(203,188,167,.30) !important;
  background:rgba(255,253,248,.78) !important;
  border-radius:28px;
  box-shadow:0 12px 32px rgba(63,72,56,.055);
}
.cards{gap:18px}
.card,.review,.blog-card{
  background:rgba(255,254,251,.94) !important;
  color:var(--mb-ink) !important;
  border:1px solid #E9E4D9 !important;
  border-radius:22px;
  box-shadow:0 10px 25px rgba(65,72,52,.05);
  transition:transform .2s ease,box-shadow .2s ease;
}
.card:hover,.review:hover,.blog-card:hover{transform:translateY(-3px);box-shadow:0 15px 28px rgba(65,72,52,.09)}
.card p,.review p,.reason p,.faq p{color:#667066}
.card h3,.reason b{color:#3F4D39}
.chapter{border-bottom-color:#DBDED2}
.chapter-text b{color:#3C4C37}
.chapter-text span{color:#727A6E}
/* Keep the original chapter numerals/icons; unify ONLY the background swatches */
.chapter .num{
  background:#E4EAD8 !important;
  color:#4F6347 !important;
  border:1px solid #D0D9C3;
  box-shadow:none;
}
.chapter:nth-child(3n+2) .num{background:#F0E4CF!important;border-color:#E6D6BA;color:#856D48!important}
.chapter:nth-child(3n+3) .num{background:#F0E0DE!important;border-color:#E9CFCB;color:#976D69!important}
.why{padding:clamp(23px,3vw,44px)}
.reason .icon{color:#7E8C6C}

/* Testimonials */
.reviews{gap:18px}
.review .stars{color:#BD9550;letter-spacing:3px}
.review b{color:#526448}

/* Social tiles: honor existing images, links and icons */
.social-grid{gap:clamp(25px,4vw,60px)}
.social-buttons a{
  border-radius:999px !important;
  background:#FFFDF8 !important;
  border:1px solid #E4E8DD !important;
  color:#4A5A42 !important;
  box-shadow:0 7px 20px rgba(66,77,59,.055);
}
.social-buttons a:hover{background:#EEF2E9!important}
.social-feed-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  min-width:0;
  min-height:210px;
  padding:20px;
  color:#283525;
  text-decoration:none;
  overflow-wrap:anywhere;
  transition:transform .2s,box-shadow .2s;
  background:linear-gradient(155deg,#D6CEBC 0%,#89977B 100%) !important;
  border-radius:19px;
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 12px 25px rgba(60,74,50,.10);
}
.social-feed-card:nth-child(2){background:linear-gradient(150deg,#E6D7CF,#BD9E96)!important}
.social-feed-card:nth-child(3){background:linear-gradient(150deg,#E4D8C0,#A4AE93)!important}
.social-feed-card .feed-badge{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,253,247,.93);
  color:#45523D;
  font-size:11px;
  font-weight:800;
  line-height:1.4;
}
.social-feed-card > span{display:block;font-size:17px;font-weight:800;line-height:1.4}
.social-feed-card small{display:block;margin-top:9px;font-size:12px;font-weight:500;line-height:1.6}
.social-feed-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(60,74,50,.16)}
.social-feed-card:focus-visible{outline:3px solid #45523D;outline-offset:4px}
.video-skeleton{min-height:210px;border-radius:19px;background:#e6e8df}
@media(prefers-reduced-motion:reduce){.social-feed-card{transition:none}.social-feed-card:hover{transform:none}}
.video{border-radius:19px;background:linear-gradient(150deg,#D6C6AC,#87957B)!important}
.video:nth-child(2){background:linear-gradient(150deg,#E6D7CF,#BEA3A1)!important}
.video:nth-child(3){background:linear-gradient(150deg,#DDD7C5,#8B987E)!important}
.blog-card .pic{background:#EEF1E6}

/* FAQ + concluding CTA */
.faq details{
  background:#FFFDF9!important;
  border:1px solid #E5E6DC!important;
  border-radius:14px;
  box-shadow:0 4px 15px rgba(63,74,54,.035);
}
.faq summary{color:#485741}
.faq details[open]{border-color:#CCD8C1!important}
.final,
.final.theme-8{
  background:linear-gradient(107deg,#E4E9D9 0%,#C4CFB6 100%)!important;
  border:1px solid #DAE2D1;
  border-radius:27px;
  box-shadow:0 16px 34px rgba(69,82,57,.08);
}
.final h2{color:#3C4D35!important}
.final .btn{background:linear-gradient(135deg,#738464,#4F6445)!important}

/* Dark olive footer, existing logo, graphic and links kept */
footer{
  background:#333F31!important;
  color:#F7F6EE!important;
  border-top:1px solid #4C5845;
}
footer b,footer a{color:#F7F6EE!important}
footer .muted{color:#D0D5C8!important}
footer .footer-logo-wrap{
  background:#EADDC5!important;
  border-radius:50%;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}
footer .footer-socials a{background:#FFFAF0!important;border-radius:9px}
footer .footer-socials img{object-fit:contain}

/* Checkout retains functionality and gets the same premium controls */
.drawer{background:rgba(26,39,29,.60)!important}
.checkout{background:#FFFCF7!important;color:#30352D!important;box-shadow:-25px 0 55px rgba(30,37,25,.15)}
.checkout .checkout-head{border-bottom-color:#E7E7DD}
.checkout .field label{color:#475643}
.checkout input,.checkout select,.checkout .promo-input{
  background:#FFFFFF!important;
  border:1px solid #D7DECf!important;
  border-radius:12px!important;
  color:#30352D!important;
  min-height:44px;
}
.checkout input:focus,.checkout select:focus{outline:2px solid #A8BB96;outline-offset:1px}
.checkout .promo-btn{background:#E3E9DB!important;color:#405439!important;border:1px solid #D2DBC8!important;border-radius:12px!important}
.checkout .suggestions,.checkout .branch-suggestions{
  background:#FFFEFA!important;
  border-color:#DCE4D3!important;
  border-radius:12px;
  box-shadow:0 12px 30px rgba(50,60,40,.12);
}
.checkout .suggestion:hover,.checkout .branch-option:hover{background:#EAF0E4!important}
.checkout .selected-place{background:#EDF2E7!important;border-color:#D1DCC7!important;color:#405039!important}
.checkout .pay{background:#FFFDF8;border-color:#E1E5D9}
.checkout .total{color:#3C5236}

/* Avoid old rainbow media rules and mobile dark mode */
@media(prefers-color-scheme:dark){
  html{color-scheme:light only}
  body{background:var(--mb-ivory)!important;color:var(--mb-ink)!important}
  nav{background:linear-gradient(95deg,#879175,#788568)!important}
  .hero{background:radial-gradient(ellipse 65% 80% at 92% 24%,rgba(205,183,158,.27),transparent 70%),linear-gradient(110deg,#FFFDF8,#F9F6EF 46%,#EEE2D2)!important}
  section.theme-1,section.theme-5,section#about,section#blog{background:linear-gradient(180deg,#F9F6EF,#F4EBDD)!important}
  section.theme-2,section.theme-4,section.theme-6,section#contents,section#video{background:linear-gradient(180deg,#FFFCF7,#F5F2EA)!important}
  section.theme-3,section.theme-7,section#reviews,section#faq{background:linear-gradient(180deg,#F5F5EF,#EBF0E5)!important}
}
@media(min-width:1025px){
  nav .links{display:flex!important}
  nav .mobile-toggle,nav .mobile-menu,nav .mobile-menu.open{display:none!important}
  nav .nav-btn.mobile-order{display:none!important}
  nav .nav-btn:not(.mobile-order){display:inline-flex!important;align-items:center}
}
@media(max-width:1024px){
  nav .links,nav .official-socials{display:none!important}
  nav .nav{justify-content:space-between;gap:12px;min-height:70px}
  nav .mobile-toggle{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;font-size:22px}
  nav .mobile-menu{display:none!important;position:absolute;z-index:100;right:4%;top:calc(100% - 3px);width:min(280px,92vw);padding:12px}
  nav .mobile-menu.open{display:grid!important;gap:4px}
  nav .mobile-menu a{display:block;padding:11px 10px;border-radius:9px}
  nav .nav-btn.mobile-order{display:inline-flex!important}
  nav .nav-btn:not(.mobile-order){display:none!important}
  .hero-grid{gap:28px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reviews{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  nav .nav{min-height:68px}
  nav .logo-img{width:55px;height:55px}
  .hero{padding:36px 0 58px}
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-book{order:-1}
  .hero .book-stage{width:min(345px,77%)}
  .hero h1{font-size:clamp(48px,12vw,66px)}
  .hero .tagline{font-size:clamp(27px,8vw,36px)}
  .hero .lead{font-size:14px}
  section{padding:55px 0}
  section h2{font-size:32px}
  .aud,.content-list,.why{padding:23px 18px;border-radius:22px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .card{padding:19px 13px;border-radius:18px}
  .chapters{grid-template-columns:minmax(0,1fr)}
  .reviews{grid-template-columns:minmax(0,1fr)}
  .social-grid{grid-template-columns:minmax(0,1fr)}
  .social-buttons{gap:8px}
  .social-buttons a{padding:9px 11px;font-size:12px}
  .videos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .video,.social-feed-card{min-height:185px}
  .final{display:block;padding:27px 22px}
  .final .btn{display:inline-block;margin-top:17px}
  .foot{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .checkout{width:100%;padding:22px 17px}
}
@media(max-width:420px){
  .cards{grid-template-columns:minmax(0,1fr)}
  .videos{grid-template-columns:minmax(0,1fr)}
  .foot{grid-template-columns:minmax(0,1fr)}
  nav .nav-btn{padding:11px 15px!important;font-size:12px!important}
  .hero .badges{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* MamaBook V34 — FIRST CONCEPT: gradient only in the hero
   Applied on top of V32; no JavaScript, artwork, or existing icons changed.
   Palette: ivory, warm cream, light sage, sand, olive, muted gold.
----------------------------------------------------------------------- */
:root {
  --mb-v34-ivory: #F9F6EF;
  --mb-v34-cream: #FFFCF7;
  --mb-v34-sage: #EEF2E8;
  --mb-v34-sand: #F5EFE6;
  --mb-v34-olive: #788568;
  --mb-v34-olive-dark: #495940;
  --mb-v34-gold: #D6B86B;
}
html { color-scheme: light only; }
body { background: var(--mb-v34-ivory) !important; }

/* Only gradient: the main cover/hero area */
header.hero {
  background: linear-gradient(115deg, #FFF6E5 0%, #F7E8CB 54%, #EBD3A8 100%) !important;
}

/* Flat olive navigation rather than colored gradients */
body nav {
  background: #788568 !important;
  color: #FFFDF8 !important;
}
body nav .nav-btn,
body nav .nav-btn.mobile-order {
  background: #E8D49F !important;
  color: #30352D !important;
}
body nav .nav-btn:hover,
body nav .nav-btn.mobile-order:hover { background: #F0DFB4 !important; }

/* No gradients between sections. Blocks are deliberately calm and solid. */
body section {
  background: var(--mb-v34-ivory) !important;
  border-bottom: 1px solid rgba(113,130,100,.14);
}
body section#about,
body section.theme-1 {
  background: var(--mb-v34-ivory) !important;
}
body section#contents,
body section.theme-2 {
  background: var(--mb-v34-cream) !important;
}
body section.theme-3 {
  background: var(--mb-v34-sage) !important;
}
body section#reviews,
body section.theme-4 {
  background: var(--mb-v34-ivory) !important;
}
body section#video,
body section.theme-5 {
  background: var(--mb-v34-sand) !important;
}
body section#blog,
body section.theme-6 {
  background: var(--mb-v34-sage) !important;
}
body section#faq,
body section.theme-7 {
  background: var(--mb-v34-ivory) !important;
}
body section:has(.final) {
  background: var(--mb-v34-sand) !important;
  border-bottom: 0;
}

/* No blurred white or colored pseudo-separators from older versions */
body section::before,
body section::after,
body .contents::before,
body .contents::after {
  content: none !important;
  display: none !important;
}

/* Static, soft pastel cards and accent surfaces. No additional gradients. */
body .aud,
body .content-list,
body .why {
  background: #FFFCF7 !important;
}
body .card,
body .review,
body .blog-card,
body .faq details {
  background: #FFFEFB !important;
}
body .final,
body .final.theme-8 {
  background: #E3EADC !important;
  border: 1px solid #D4DEC9;
}
body .btn,
body button.btn,
body a.btn,
body .final .btn {
  background: #6E815E !important;
  color: #FFFFFF !important;
}
body .btn:hover,
body button.btn:hover,
body a.btn:hover {
  background: #596F4D !important;
}

/* Social tiles retain original structure, icons and links; backgrounds simplified. */
body .social-feed-card,
body .social-feed-card:nth-child(1) { background: #AAB69B !important; }
body .social-feed-card:nth-child(2) { background: #C5B6A7 !important; }
body .social-feed-card:nth-child(3) { background: #93A98F !important; }
body .video,
body .video:nth-child(1) { background: #AAB69B !important; }
body .video:nth-child(2) { background: #C5B6A7 !important; }
body .video:nth-child(3) { background: #93A98F !important; }

/* Ensure mobile matches desktop colors, even with dark-mode preferences. */
@media (prefers-color-scheme: dark) {
  body nav { background: #788568 !important; }
  body header.hero {
    background: linear-gradient(115deg, #FFF6E5 0%, #F7E8CB 54%, #EBD3A8 100%) !important;
  }
  body section#about, body section.theme-1 { background: #F9F6EF !important; }
  body section#contents, body section.theme-2 { background: #FFFCF7 !important; }
  body section.theme-3 { background: #EEF2E8 !important; }
  body section#reviews, body section.theme-4 { background: #F9F6EF !important; }
  body section#video, body section.theme-5 { background: #F5EFE6 !important; }
  body section#blog, body section.theme-6 { background: #EEF2E8 !important; }
  body section#faq, body section.theme-7 { background: #F9F6EF !important; }
  body section:has(.final) { background: #F5EFE6 !important; }
}

/* Show existing order button alongside the hamburger on tablet/mobile. */
@media (max-width:1024px) {
  body nav .nav-btn:not(.mobile-order) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width:380px) {
  body nav .nav-btn:not(.mobile-order) {
    padding: 10px 12px !important;
    font-size: 11px !important;
  }
}


/* Logo backing, connected tagline ending, and balanced final purchase block. */
body nav .logo-img{
  display:block;
  padding:5px;
  border-radius:50%;
  background:#E8D49F;
}
.tagline-ending{display:inline-block;white-space:nowrap}
.final > :first-child{min-width:0}
.final .final-purchase{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  gap:16px;
  min-width:225px;
  text-align:center;
}
.final-purchase .price{
  font-size:36px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:-.025em;
  color:#3C4D35;
  white-space:nowrap;
}
.final-purchase .price-currency{font-size:20px;letter-spacing:0;font-weight:700}
body .final .final-purchase .btn{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:15px 26px;white-space:nowrap}
@media(max-width:700px){
  .final .final-purchase{min-width:0;margin-top:24px;gap:14px}
}