/* ManWaves VSL — camada de acabamento mobile-first (substitui o base.css do tema que não veio no clone) */
:root{--mw-red:#C8102E;--mw-red2:#E11D2A;--mw-gold:#D4AF37;--mw-ink:#1A1A1A;--mw-line:#ECE4D8;--mw-pad:18px}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{background:#FAF8F5!important;color:var(--mw-ink);font-family:'Roboto',system-ui,sans-serif}
img,video{max-width:100%}

/* utilitários do tema Shopify */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.hidden,.unit-price,.price__badge-sale,.price__badge-sold-out,.product__view-details,pickup-availability,.product__pickup-availabilities{display:none!important}

/* respiro lateral em tudo que é conteúdo */
.page-width,.product__info-wrapper,.product__info-container,.collapsible-content-wrapper-narrow,.rich-text__wrapper{padding-left:var(--mw-pad)!important;padding-right:var(--mw-pad)!important;max-width:640px;margin-left:auto!important;margin-right:auto!important;width:100%}
.product__info-wrapper .page-width,.product__info-wrapper .product__info-container{padding-left:0!important;padding-right:0!important}
#video-section{padding:0 12px}
#video-section vturb-smartplayer,#video-section > div{border-radius:14px;overflow:hidden}

/* galeria */
.ms-gallery{max-width:380px!important;padding:0 var(--mw-pad)}
.ms-gallery-thumbs{max-width:380px!important;display:grid!important;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.ms-thumb{border:2px solid transparent!important;border-radius:12px!important;padding:0!important;overflow:hidden;background:#fff;cursor:pointer;transition:transform .15s,border-color .15s;-webkit-tap-highlight-color:transparent}
.ms-thumb img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.ms-thumb.is-active{border-color:var(--mw-red)!important;transform:translateY(-2px)}
#msGalMain{transition:opacity .2s}
#msGalMain.mw-fade{opacity:0}

/* título e preço */
.product__title h1,.product__title{font-size:15px;letter-spacing:.3px;color:#555}
.ms-hero-h{font-family:'Anton','Bebas Neue',Impact,sans-serif!important;font-weight:400!important;font-size:34px!important;line-height:1.08!important;text-transform:uppercase;letter-spacing:.2px;margin:6px 0 10px!important}
.ms-hero-sub{font-size:16px!important;line-height:1.5!important;color:#444!important}
.price{margin:16px 0 4px}
.price__regular{display:none!important}
.price__sale{display:flex!important;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:12px}
.price-item--sale{font:800 34px/1 'Roboto',sans-serif;color:var(--mw-red)}
.price__sale s{font-size:19px;color:#999}
.price__sale::after{content:"SAVE $50";order:-1;align-self:center;background:var(--mw-red);color:#fff;font:800 12px/1 'Roboto',sans-serif;letter-spacing:.6px;padding:6px 9px;border-radius:999px}
.product__tax,.product__tax.caption{font-size:13px;color:#777;margin:0 0 6px}

/* botão principal */
.product-form__submit,.button--primary,a.button{background:linear-gradient(180deg,var(--mw-red2),var(--mw-red))!important;color:#fff!important;border:0!important;border-radius:14px!important;font:800 21px/1.1 'Roboto',sans-serif!important;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 8px 22px rgba(200,16,46,.32);cursor:pointer;transition:transform .12s}
.product-form__submit:active,.button--primary:active,a.button:active{transform:scale(.98)}
.product-form__submit{min-height:64px!important;margin:6px 0 4px}
.product-form__submit span::after{content:" →"}

/* acordeões (envio, como usar, como funciona, FAQ) */
.product__accordion,.collapsible-content .accordion{border-top:1px solid var(--mw-line)!important;border-bottom:0!important;margin:0!important}
.product__accordion:last-of-type,.collapsible-content .accordion:last-child{border-bottom:1px solid var(--mw-line)!important}
details>summary{list-style:none;display:flex!important;align-items:center;gap:12px;padding:17px 0!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
details>summary::-webkit-details-marker{display:none}
details>summary:focus,details>summary:focus-visible,.accordion:focus-within,.accordion details:focus{outline:none!important;box-shadow:none!important}
summary .summary__title,summary .accordion__title{flex:1;margin:0!important;font:700 16px/1.35 'Roboto',sans-serif!important;color:var(--mw-ink)}
summary .svg-wrapper svg,summary .icon-accordion{width:20px;height:20px;flex:none;color:var(--mw-red)}
summary .icon-caret{width:12px;height:12px;flex:none;margin-left:auto;transition:transform .2s;color:#888}
details[open]>summary .icon-caret{transform:rotate(180deg)}
.accordion__content{padding:0 0 18px!important;font-size:15px;line-height:1.65;color:#3a3a3a}
.accordion__content p{margin:0 0 10px}

/* FAQ */
.collapsible-content__wrapper{padding-top:48px!important;padding-bottom:40px!important}
.collapsible-content__heading{font-family:'Anton','Bebas Neue',Impact,sans-serif!important;font-weight:400!important;font-size:32px!important;line-height:1.1!important;text-transform:uppercase;margin:0 0 22px!important;color:var(--mw-ink)}
.collapsible-content__grid{display:block!important}
.collapsible-content .grid__item{width:100%!important;max-width:100%!important;padding:0!important}

/* garantia final */
.rich-text{padding-top:44px!important;padding-bottom:48px!important;background:#fff!important;border-top:4px solid var(--mw-gold)}
.rich-text__blocks{text-align:center}
.rich-text__heading{font-family:'Anton','Bebas Neue',Impact,sans-serif!important;font-weight:400!important;font-size:30px!important;line-height:1.1!important;text-transform:uppercase;margin:0 0 14px!important}
.rich-text__text{font-size:16px;line-height:1.65;color:#333;max-width:520px;margin:0 auto}
.rich-text__buttons{margin-top:22px}
.rich-text__buttons .button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 34px;font-size:18px!important}

/* títulos de seção sem fonte carregada */
.ms-tw-head h3,.ms-cmp-h,.ms-sci-h,.tl-title{font-family:'Anton','Bebas Neue',Impact,sans-serif!important;font-weight:400!important;letter-spacing:.3px}
.tl-title{font-size:30px!important;line-height:1.1!important;text-transform:uppercase}

@media(min-width:750px){:root{--mw-pad:24px}.ms-hero-h{font-size:42px!important}}

/* desktop: a seção do vídeo é item de flex-col e encolhia pra 0 de largura */
#video-section{width:100%!important;max-width:680px!important;margin-left:auto!important;margin-right:auto!important;align-self:center}
#video-section > div,#video-section vturb-smartplayer{width:100%!important;max-width:100%!important}

/* "Stop renting": a página é uma coluna de 640px, então usa o layout mobile do tema em qualquer tela */
#tl-template--22110218191033__timeline_FX6aFp .tl-grid{grid-template-columns:1fr!important;display:flex!important;flex-direction:column}

  /* Show mobile logo, hide desktop logo */
  .tl-logo--desktop{ display: none; }
  .tl-logo--mobile{ display: block; }

  /* Put text first, arches second */
  #tl-template--22110218191033__timeline_FX6aFp .tl-right{ order: 1; }
  #tl-template--22110218191033__timeline_FX6aFp .tl-left{ order: 2; }
  #tl-template--22110218191033__timeline_FX6aFp .tl-body{ max-width: none; }

  /* Make arches a vertical list */
  #tl-template--22110218191033__timeline_FX6aFp .tl-arches{
    display: flex !important;
    flex-direction: column !important;
    gap: 12px;
    align-items: flex-start;
    width: 100%;
    position: relative;
  }

  /* Each row = horizontal layout with pill + price side by side */
  #tl-template--22110218191033__timeline_FX6aFp .tl-arch{
    display: flex !important;
    align-items: center;
    gap: 16px;
    width: 100%;
    position: relative;
  }

  /* Pill body – we draw the bar with ::before so text/logo length never affects it */
  #tl-template--22110218191033__timeline_FX6aFp .tl-arch-pill{
    position: relative;
    display: flex !important;
    align-items: center;
    gap: 8px;
    min-height: 52px; height: 52px;
    padding: 0 12px;
    border-radius: 0 9999px 9999px 0;
    background: transparent; /* bar is ::before */
    color: #000000;
    overflow: visible; /* allow pills to extend */
    width: fit-content; /* size to content */
    min-width: 100px; /* minimum width */
    flex-shrink: 0; /* prevent shrinking */
  }
  #tl-template--22110218191033__timeline_FX6aFp .tl-arch-pill::before{
    content: "";
    position: absolute; top: 0; bottom: 0; left: 0;
    background: var(--tl-arch-bg, #ffffff);
    border-radius: 0 9999px 9999px 0;
    width: 100%;  /* will be overridden by specific widths */
    z-index: 0;
  }
  #tl-template--22110218191033__timeline_FX6aFp .tl-arch-pill.tl-arch-pill--accent::before{
    background: var(--tl-accent, #B98141);
  }
  #tl-template--22110218191033__timeline_FX6aFp .tl-arch-pill > *{ position: relative; z-index: 1; }

  /* Labels */
  #tl-template--22110218191033__timeline_FX6aFp .tl-arch .tl-arch-label,
  #tl-template--22110218191033__timeline_FX6aFp .tl-brand-text{
    display: inline-block;
    font-size: 10px; font-weight: 600; letter-spacing: .01em; text-transform: uppercase;
    color: #000000; 
    white-space: nowrap;
    position: relative;
    z-index: 2;
  }

  /* Price positioned next to the pill (not absolutely positioned) */
  #tl-template--22110218191033__timeline_FX6aFp .tl-arch .tl-price{
    position: static; /* remove absolute positioning */
    transform: none; /* remove transform */
    margin: 0; /* remove margin */
    display: flex; 
    flex-direction: column; 
    align-items: flex-start; 
    justify-content: center;
    color: #fff; 
    text-shadow: 0 1px 1px rgba(0,0,0,.25);
    white-space: nowrap;
    flex-shrink: 0; /* prevent shrinking */
  }
  #tl-template--22110218191033__timeline_FX6aFp .tl-arch .tl-price strong{ font-weight: 800; line-height: 1.05; font-size: 16px; }
  #tl-template--22110218191033__timeline_FX6aFp .tl-arch .tl-price .tl-sub{ font-size: 12px; opacity: .9; line-height: 1.1; }

  /* Bar lengths with specific widths for each pill */
  #tl-template--22110218191033__timeline_FX6aFp .tl-arches > .tl-arch:nth-child(1) .tl-arch-pill{ width: 130px !important; }
  #tl-template--22110218191033__timeline_FX6aFp .tl-arches > .tl-arch:nth-child(1) .tl-arch-pill::before{ width: 130px !important; }
  
  #tl-template--22110218191033__timeline_FX6aFp .tl-arches > .tl-arch:nth-child(2) .tl-arch-pill{ width: 160px !important; }
  #tl-template--22110218191033__timeline_FX6aFp .tl-arches > .tl-arch:nth-child(2) .tl-arch-pill::before{ width: 160px !important; }
  
  #tl-template--22110218191033__timeline_FX6aFp .tl-arches > .tl-arch:nth-child(3) .tl-arch-pill{ width: 190px !important; }
  #tl-template--22110218191033__timeline_FX6aFp .tl-arches > .tl-arch:nth-child(3) .tl-arch-pill::before{ width: 190px !important; }
  
  #tl-template--22110218191033__timeline_FX6aFp .tl-arches > .tl-arch:nth-child(4) .tl-arch-pill{ width: 220px !important; }
  #tl-template--22110218191033__timeline_FX6aFp .tl-arches > .tl-arch:nth-child(4) .tl-arch-pill::before{ width: 220px !important; }

/* ciência e estágios também empilhados no desktop */
.ms-sci-stats{grid-template-columns:1fr!important}
.ai-how-it-works-panel-content-template__22110218191033__howitworks_eNExQ3{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important}
