@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600&family=Outfit:wght@300;400;500;600;700&display=swap");

/* ═══════════════════════════════════════════════════════
   MISSÕES CAMISAS v8 — Totalmente Responsivo
   Mobile-first. Breakpoints: 480 / 640 / 860 / 1100
   Full-bleed para escapar da coluna estreita do tema WP.
═══════════════════════════════════════════════════════ */

/* ── TOKENS ─────────────────────────────────────────── */
:root {
  --mco: #E8620A;  --mcod: #C14E06;  --mcol: #FFF4EE;  --mcom: #FDDCC9;
  --mck: #111010;  --mck2: #2C2A28;  --mck3: #6B6760;  --mck4: #9E9A95;
  --mcln: #ECEAE6; --mcl2: #F5F3F0;  --mcbg: #FAFAF8;  --mcw:  #FFFFFF;
  --mcgn: #166534; --mcgb: #DCFCE7;  --mcrd: #991B1B;  --mcrb: #FEE2E2;
  --mce: cubic-bezier(.4,0,.2,1);
  --mcsp: cubic-bezier(.16,1,.3,1);
}

/* ── ROOT: full-bleed ────────────────────────────────── */
#mc-app {
  /* Escapa da coluna estreita do tema WP */
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  width: 100vw !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  /* Base */
  font-family: 'Outfit', system-ui, -apple-system, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #111010 !important;
  background: #FAFAF8 !important;
  -webkit-font-smoothing: antialiased !important;
  box-sizing: border-box !important;
}
#mc-app *, #mc-app *::before, #mc-app *::after { box-sizing: border-box !important; }

/* Neutraliza herança do tema WordPress */
#mc-app img { display: block !important; max-width: 100% !important; height: auto !important; border: none !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; outline: none !important; }
#mc-app table { border-collapse: collapse !important; border-spacing: 0 !important; }
#mc-app th, #mc-app td { border: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important; text-align: left !important; font-weight: normal !important; }
/* Reset de botão: só cursor, font e appearance — NÃO reset background/border/color */
#mc-app button { cursor: pointer !important; font-family: inherit !important; -webkit-appearance: none !important; }
#mc-app input, #mc-app textarea, #mc-app select { font-family: inherit !important; -webkit-appearance: none !important; }
#mc-app a { text-decoration: none !important; }
#mc-app ul, #mc-app ol { list-style: none !important; margin: 0 !important; padding: 0 !important; }
#mc-app h1, #mc-app h2, #mc-app h3, #mc-app h4 { font-weight: normal !important; margin: 0 !important; padding: 0 !important; line-height: inherit !important; }
#mc-app p { margin: 0 !important; padding: 0 !important; }

/* ════════════════════════════════════════════════════════
   HERO
════════════════════════════════════════════════════════ */
.mcp-hero {
  position: relative !important;
  overflow: hidden !important;
  background: #111010 !important;
  padding: 44px 20px 36px !important;
  min-height: 220px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}
@media (min-width: 640px) {
  .mcp-hero { padding: 64px 40px 52px !important; min-height: 260px !important; }
}
@media (min-width: 1100px) {
  .mcp-hero { padding: 88px 80px 72px !important; min-height: 300px !important; }
}

.mcp-hero__bg { position: absolute !important; inset: 0 !important; pointer-events: none !important; overflow: hidden !important; }
.mcp-hero__orb { position: absolute !important; border-radius: 50% !important; filter: blur(60px) !important; pointer-events: none !important; }
.mcp-hero__orb--1 { width: 340px; height: 340px; background: radial-gradient(circle,rgba(232,98,10,.32) 0%,transparent 70%); top: -80px; right: -60px; }
.mcp-hero__orb--2 { width: 200px; height: 200px; background: radial-gradient(circle,rgba(232,98,10,.14) 0%,transparent 70%); bottom: 0; left: 6%; }
@media (min-width: 860px) {
  .mcp-hero__orb--1 { width: 500px; height: 500px; }
  .mcp-hero__orb--2 { width: 280px; height: 280px; }
}

.mcp-hero__inner { position: relative !important; z-index: 1 !important; }

.mcp-pill {
  display: inline-flex !important; align-items: center !important; gap: 7px !important;
  background: rgba(232,98,10,.14) !important; border: 1px solid rgba(232,98,10,.28) !important;
  color: #FFBF95 !important; font-size: 10px !important; font-weight: 600 !important;
  letter-spacing: .12em !important; text-transform: uppercase !important;
  padding: 5px 12px !important; border-radius: 50px !important; margin-bottom: 14px !important;
  line-height: 1 !important;
}
@media (min-width: 640px) {
  .mcp-pill { font-size: 11px !important; padding: 6px 14px !important; margin-bottom: 18px !important; }
}
.mcp-pill__dot { width: 6px !important; height: 6px !important; border-radius: 50% !important; background: #E8620A !important; flex-shrink: 0 !important; }

.mcp-hero__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 26px !important; font-weight: 700 !important;
  line-height: 1.1 !important; color: #FFFCF8 !important;
  margin: 0 0 10px !important; letter-spacing: -.01em !important;
}
@media (min-width: 480px)  { .mcp-hero__title { font-size: 32px !important; } }
@media (min-width: 640px)  { .mcp-hero__title { font-size: 40px !important; margin-bottom: 12px !important; } }
@media (min-width: 1100px) { .mcp-hero__title { font-size: 52px !important; } }

.mcp-hero__sub {
  font-size: 13px !important; font-weight: 300 !important;
  color: rgba(255,252,248,.45) !important; margin: 0 0 20px !important;
}
@media (min-width: 640px) { .mcp-hero__sub { font-size: 15px !important; margin-bottom: 26px !important; } }

.mcp-hero__stats { display: flex !important; align-items: center !important; gap: 14px !important; flex-wrap: wrap !important; }
.mcp-stat { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 2px !important; }
.mcp-stat strong { font-size: 18px !important; font-weight: 700 !important; color: #E8620A !important; font-family: 'Cormorant Garamond', serif !important; line-height: 1 !important; display: block !important; }
.mcp-stat span   { font-size: 9px !important; text-transform: uppercase !important; letter-spacing: .1em !important; color: rgba(255,252,248,.35) !important; display: block !important; }
.mcp-stat-sep    { width: 1px !important; height: 24px !important; background: rgba(255,255,255,.1) !important; flex-shrink: 0 !important; }
@media (min-width: 640px) {
  .mcp-stat strong { font-size: 22px !important; }
  .mcp-stat span   { font-size: 10px !important; }
  .mcp-hero__stats { gap: 18px !important; }
}

.mcp-hero__down { position: absolute !important; bottom: 18px !important; right: 20px !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.14) !important; color: rgba(255,255,255,.4) !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; }

/* ════════════════════════════════════════════════════════
   PDP — PRODUTO
════════════════════════════════════════════════════════ */
.mcp-pdp-wrap {
  max-width: 1200px !important;
  margin: 0 auto !important;
  /* Mobile: coluna única */
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  border-top: 1px solid #ECEAE6 !important;
}
/* Desktop: duas colunas lado a lado */
@media (min-width: 860px) {
  .mcp-pdp-wrap {
    flex-direction: row !important;
    align-items: flex-start !important;
  }
}

/* ════════════════════════════════════════════════════════
   GALERIA
════════════════════════════════════════════════════════ */
.mcp-gallery {
  /* Mobile: largura total */
  width: 100% !important;
  padding: 16px !important;
  background: #F5F3F0 !important;
  border-bottom: 1px solid #ECEAE6 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
@media (min-width: 640px)  { .mcp-gallery { padding: 20px !important; } }
@media (min-width: 860px)  {
  .mcp-gallery {
    width: 44% !important;
    flex-shrink: 0 !important;
    border-bottom: none !important;
    border-right: 1px solid #ECEAE6 !important;
    padding: 28px !important;
    position: sticky !important;
    top: 0 !important;
    align-self: flex-start !important;
  }
}
@media (min-width: 1100px) { .mcp-gallery { padding: 36px !important; } }

/* No mobile: imagem principal fica menor para não dominar a tela */
.mcp-gallery__main {
  position: relative !important;
  width: 100% !important;
  /* Mobile: max 320px centralizado */
  max-width: 320px !important;
  margin: 0 auto !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #ECEAE6 !important;
  cursor: zoom-in !important;
}
@media (min-width: 480px) { .mcp-gallery__main { max-width: 420px !important; } }
@media (min-width: 640px) { .mcp-gallery__main { max-width: 520px !important; } }
@media (min-width: 860px) { .mcp-gallery__main { max-width: 100% !important; } }

/* Proporção via padding-top (cross-browser) */
.mcp-gallery__main::before { content: '' !important; display: block !important; padding-top: 115% !important; }

.mcp-gallery__img {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; display: block !important;
  border: none !important; padding: 0 !important; margin: 0 !important;
  transition: transform .5s var(--mcsp), opacity .3s var(--mce) !important;
}
.mcp-gallery__main:hover .mcp-gallery__img { transform: scale(1.04) !important; }
.mcp-gallery__img.mcp--fade { opacity: 0 !important; }

.mcp-gallery__badge { position: absolute !important; top: 10px !important; left: 10px !important; z-index: 3 !important; background: rgba(17,16,16,.7) !important; backdrop-filter: blur(8px) !important; color: #fff !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .08em !important; padding: 4px 11px !important; border-radius: 50px !important; }
.mcp-gallery__zoom { position: absolute !important; bottom: 8px !important; right: 8px !important; z-index: 3 !important; background: rgba(17,16,16,.5) !important; color: rgba(255,255,255,.75) !important; font-size: 10px !important; display: flex !important; align-items: center !important; gap: 4px !important; padding: 4px 9px !important; border-radius: 50px !important; pointer-events: none !important; opacity: 0 !important; transition: opacity .25s !important; }
.mcp-gallery__main:hover .mcp-gallery__zoom { opacity: 1 !important; }

/* Thumbnails — linha horizontal, rolável no mobile se necessário */
.mcp-thumbs {
  display: flex !important;
  gap: 8px !important;
  /* Mobile: max 3 por linha, sem rolar */
}
.mcp-thumb {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important; flex-direction: column !important; align-items: center !important;
  border-radius: 9px !important; border: 2px solid transparent !important;
  background: #fff !important; overflow: hidden !important; position: relative !important;
  cursor: pointer !important; padding: 0 !important;
  transition: border-color .2s, box-shadow .2s, transform .2s !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.07) !important;
}
.mcp-thumb:hover { border-color: #E8620A !important; transform: translateY(-2px) !important; }
.mcp-thumb--active { border-color: #E8620A !important; box-shadow: 0 0 0 3px rgba(232,98,10,.15),0 2px 8px rgba(0,0,0,.08) !important; }

.mcp-thumb__frame { position: relative !important; width: 100% !important; overflow: hidden !important; }
.mcp-thumb__frame::before { content: '' !important; display: block !important; padding-top: 115% !important; }
.mcp-thumb__frame img {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important; object-fit: cover !important;
  display: block !important; border: none !important; padding: 0 !important; margin: 0 !important;
  transition: transform .4s !important;
}
.mcp-thumb:hover .mcp-thumb__frame img { transform: scale(1.06) !important; }

.mcp-thumb__bar { position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: 3px !important; }
.mcp-thumb__name { font-size: 10px !important; font-weight: 600 !important; color: #6B6760 !important; padding: 5px 4px 7px !important; text-align: center !important; line-height: 1 !important; width: 100% !important; display: block !important; }
.mcp-thumb--active .mcp-thumb__name { color: #E8620A !important; }
.mcp-thumb__chk { position: absolute !important; top: 5px !important; right: 5px !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; background: #E8620A !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 0 !important; transform: scale(.3) !important; transition: all .22s var(--mcsp) !important; z-index: 2 !important; }
.mcp-thumb--active .mcp-thumb__chk { opacity: 1 !important; transform: scale(1) !important; }

.mcp-stamp { display: flex !important; align-items: flex-start !important; gap: 6px !important; font-size: 11px !important; color: #6B6760 !important; background: #fff !important; border: 1px solid #ECEAE6 !important; border-radius: 6px !important; padding: 8px 12px !important; line-height: 1.4 !important; }
.mcp-stamp svg { color: #E8620A; flex-shrink: 0; margin-top: 1px; }

/* ════════════════════════════════════════════════════════
   CONFIGURADOR
════════════════════════════════════════════════════════ */
.mcp-config {
  /* Mobile: largura total */
  width: 100% !important;
  padding: 20px 16px !important;
  background: #fff !important;
  display: flex !important;
  flex-direction: column !important;
}
@media (min-width: 480px)  { .mcp-config { padding: 24px 20px !important; } }
@media (min-width: 860px)  { .mcp-config { flex: 1 !important; width: auto !important; padding: 28px !important; } }
@media (min-width: 1100px) { .mcp-config { padding: 36px !important; } }

/* Header: título + preços */
.mcp-config__top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 14px !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
.mcp-config__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 26px !important; font-weight: 700 !important;
  color: #111010 !important; line-height: 1.1 !important;
}
@media (min-width: 640px)  { .mcp-config__title { font-size: 30px !important; } }
@media (min-width: 1100px) { .mcp-config__title { font-size: 38px !important; } }

.mcp-config__prices { display: flex !important; flex-direction: column !important; gap: 5px !important; flex-shrink: 0 !important; }

.mcp-price-chip {
  display: inline-flex !important; align-items: baseline !important; gap: 5px !important;
  background: #FFF4EE !important; border: 1px solid #FDDCC9 !important;
  border-radius: 50px !important; padding: 5px 12px !important; white-space: nowrap !important;
}
.mcp-price-chip span { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .09em !important; color: #E8620A !important; }
.mcp-price-chip strong { font-family: 'Cormorant Garamond', serif !important; font-size: 18px !important; font-weight: 700 !important; color: #E8620A !important; }
.mcp-price-chip--s { background: #F5F3F0 !important; border-color: #ECEAE6 !important; }
.mcp-price-chip--s span, .mcp-price-chip--s strong { color: #6B6760 !important; }
@media (min-width: 640px) {
  .mcp-price-chip { padding: 6px 14px !important; }
  .mcp-price-chip span { font-size: 11px !important; }
  .mcp-price-chip strong { font-size: 20px !important; }
}

.mcp-divider { height: 1px !important; background: #ECEAE6 !important; margin: 0 0 20px !important; }

/* Campos */
.mcp-field { margin-bottom: 18px !important; }
@media (min-width: 640px) { .mcp-field { margin-bottom: 22px !important; } }

.mcp-field__label {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important;
  letter-spacing: .14em !important; color: #6B6760 !important; margin-bottom: 9px !important;
}
@media (min-width: 640px) { .mcp-field__label { font-size: 11px !important; } }

.mcp-field__hint { font-size: 11px !important; font-weight: 600 !important; color: #E8620A !important; text-transform: none !important; letter-spacing: 0 !important; }

/* Toggle tipo */
.mcp-toggle { display: inline-flex !important; background: #F5F3F0 !important; border: 1px solid #ECEAE6 !important; border-radius: 9px !important; padding: 3px !important; gap: 3px !important; }
.mcp-toggle__btn { display: flex !important; align-items: center !important; gap: 6px !important; padding: 8px 14px !important; border-radius: 7px !important; font-size: 13px !important; font-weight: 500 !important; color: #6B6760 !important; background: transparent !important; border: none !important; cursor: pointer !important; line-height: 1 !important; transition: all .2s !important; }
.mcp-toggle__btn:hover { color: #111010 !important; }
.mcp-toggle__btn--on { background: #fff !important; color: #111010 !important; font-weight: 600 !important; box-shadow: 0 1px 4px rgba(0,0,0,.08) !important; }
.mcp-toggle__btn--on svg { stroke: #E8620A !important; }
@media (min-width: 640px) { .mcp-toggle__btn { padding: 10px 18px !important; font-size: 14px !important; } }

/* Tamanhos */
.mcp-sizes { display: flex !important; gap: 7px !important; flex-wrap: wrap !important; }
.mcp-size,
#mc-app button.mcp-size {
  min-width: 44px !important; height: 40px !important; padding: 0 8px !important;
  border-radius: 7px !important; border: 1.5px solid #ECEAE6 !important;
  background: #ffffff !important; font-size: 12px !important; font-weight: 700 !important;
  color: #2C2A28 !important; cursor: pointer !important; line-height: 1 !important;
  transition: all .18s !important; text-align: center !important;
}
.mcp-size:hover { border-color: #E8620A !important; color: #E8620A !important; }
.mcp-size--on { border-color: #E8620A !important; background: #E8620A !important; color: #ffffff !important; box-shadow: 0 3px 10px rgba(232,98,10,.28) !important; transform: translateY(-1px) !important; }
#mc-app .mcp-size--on,
#mc-app .mcp-size--on:visited,
#mc-app .mcp-size--on:hover,
#mc-app .mcp-size--on:focus { color: #ffffff !important; background: #E8620A !important; border-color: #E8620A !important; }
@media (min-width: 640px) {
  .mcp-size { min-width: 50px !important; height: 46px !important; font-size: 13px !important; }
}

/* Guia de medidas */
.mcp-guide-btn { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 10px !important; font-weight: 700 !important; color: #6B6760 !important; text-decoration: underline !important; text-underline-offset: 3px !important; text-transform: none !important; letter-spacing: 0 !important; background: none !important; border: none !important; cursor: pointer !important; padding: 2px 4px !important; transition: color .2s !important; }
.mcp-guide-btn:hover { color: #E8620A !important; }
@media (min-width: 640px) { .mcp-guide-btn { font-size: 11px !important; } }

/* Guia FECHADO por padrão */
.mcp-guide { max-height: 0 !important; overflow: hidden !important; transition: max-height .4s var(--mce) !important; }
.mcp-guide.mcp--open { max-height: 600px !important; margin-top: 10px !important; }

.mcp-guide__tabs { display: flex !important; border-bottom: 1px solid #ECEAE6 !important; margin-bottom: 8px !important; }
.mcp-guide__tab { padding: 6px 12px !important; font-size: 12px !important; font-weight: 600 !important; color: #6B6760 !important; background: none !important; border: none !important; border-bottom: 2px solid transparent !important; margin-bottom: -1px !important; cursor: pointer !important; transition: all .2s !important; }
.mcp-guide__tab--on { color: #E8620A !important; border-bottom-color: #E8620A !important; }

.mcp-guide__tbl { width: 100% !important; border-collapse: collapse !important; font-size: 12px !important; }
.mcp-guide__tbl th { text-align: left !important; padding: 5px 8px !important; background: #F5F3F0 !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .08em !important; color: #6B6760 !important; border-bottom: 1px solid #ECEAE6 !important; }
.mcp-guide__tbl td { padding: 6px 8px !important; border-bottom: 1px solid #F5F3F0 !important; color: #2C2A28 !important; }
.mcp-guide__tbl tr:last-child td { border-bottom: none !important; }
.mcp-guide__note { font-size: 11px !important; color: #9E9A95 !important; background: #FFFBF0 !important; border: 1px solid #FDEDC0 !important; border-radius: 4px !important; padding: 7px 10px !important; margin-top: 8px !important; display: block !important; }

/* Quantidade */
.mcp-qty-row { display: flex !important; align-items: center !important; gap: 14px !important; flex-wrap: wrap !important; }
.mcp-qty { display: inline-flex !important; align-items: stretch !important; border: 1.5px solid #ECEAE6 !important; border-radius: 9px !important; overflow: hidden !important; height: 42px !important; background: #fff !important; }
.mcp-qty:focus-within { border-color: #E8620A !important; }
.mcp-qty__btn { width: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #2C2A28 !important; background: #F5F3F0 !important; border: none !important; padding: 0 !important; cursor: pointer !important; flex-shrink: 0 !important; transition: all .2s !important; }
.mcp-qty__btn:hover { background: #FFF4EE !important; color: #E8620A !important; }
.mcp-qty__val { width: 50px !important; border: none !important; text-align: center !important; font-size: 16px !important; font-weight: 700 !important; color: #111010 !important; background: transparent !important; outline: none !important; -moz-appearance: textfield !important; padding: 0 !important; font-family: 'Outfit', sans-serif !important; }
.mcp-qty__val::-webkit-inner-spin-button, .mcp-qty__val::-webkit-outer-spin-button { -webkit-appearance: none !important; }
@media (min-width: 640px) { .mcp-qty { height: 46px !important; } .mcp-qty__btn { width: 42px !important; } }

.mcp-sublive { display: flex !important; flex-direction: column !important; gap: 2px !important; }
.mcp-sublive span { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .12em !important; color: #9E9A95 !important; display: block !important; }
.mcp-sublive strong { font-family: 'Cormorant Garamond', serif !important; font-size: 22px !important; font-weight: 600 !important; color: #E8620A !important; line-height: 1 !important; display: block !important; }
@media (min-width: 640px) { .mcp-sublive strong { font-size: 26px !important; } }

/* CTA */
.mcp-add-btn,
#mc-app .mcp-add-btn,
#mc-app button.mcp-add-btn {
  display: flex !important; align-items: center !important; justify-content: center !important;
  gap: 9px !important; width: 100% !important; padding: 15px 18px !important;
  margin: 12px 0 16px !important; background: #111010 !important; color: #ffffff !important;
  border-radius: 12px !important; font-size: 14px !important; font-weight: 700 !important;
  border: none !important; cursor: pointer !important; line-height: 1 !important;
  box-shadow: 0 4px 16px rgba(17,16,16,.2) !important; transition: background .25s, transform .25s !important;
  text-decoration: none !important;
}
#mc-app .mcp-add-btn:hover,
#mc-app button.mcp-add-btn:hover { background: #2C2A28 !important; transform: translateY(-2px) !important; color: #ffffff !important; }
#mc-app .mcp-add-btn:active { transform: none !important; }
#mc-app .mcp-add-btn.mcp--ok,
#mc-app button.mcp-add-btn.mcp--ok { background: #166534 !important; transform: none !important; color: #ffffff !important; }
@media (min-width: 640px) { .mcp-add-btn { font-size: 15px !important; padding: 16px 22px !important; border-radius: 14px !important; } }

/* Trust */
.mcp-trust { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; padding-top: 14px !important; border-top: 1px solid #ECEAE6 !important; }
.mcp-trust__i { display: flex !important; align-items: center !important; gap: 5px !important; font-size: 11px !important; font-weight: 500 !important; color: #6B6760 !important; }
.mcp-trust__i svg { color: #E8620A; flex-shrink: 0; }

/* ════════════════════════════════════════════════════════
   CARRINHO STICKY
════════════════════════════════════════════════════════ */
.mcp-cart {
  background: #fff !important;
  border: 1px solid #ECEAE6 !important;
  border-top: 3px solid #E8620A !important;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 200 !important;
  box-shadow: 0 -4px 20px rgba(0,0,0,.09) !important;
}
.mcp-cart__head { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 12px 16px !important; cursor: pointer !important; user-select: none !important; }
@media (min-width: 640px) { .mcp-cart__head { padding: 14px 20px !important; } }

.mcp-cart__head h3 { display: flex !important; align-items: center !important; gap: 9px !important; font-size: 14px !important; font-weight: 700 !important; color: #111010 !important; margin: 0 !important; }
@media (min-width: 640px) { .mcp-cart__head h3 { font-size: 15px !important; } }

.mcp-cart__count { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 22px !important; height: 22px !important; padding: 0 6px !important; background: #E8620A !important; color: #fff !important; border-radius: 50px !important; font-size: 11px !important; font-weight: 800 !important; }
.mcp-cart__count.mcp--pop { animation: mcp-pop .35s var(--mcsp) !important; }
@keyframes mcp-pop { 0%{transform:scale(1)} 50%{transform:scale(1.55)} 100%{transform:scale(1)} }

.mcp-cart__toggle { width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #F5F3F0 !important; border: 1px solid #ECEAE6 !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #6B6760 !important; cursor: pointer !important; transition: all .2s !important; flex-shrink: 0 !important; }
.mcp-cart__toggle:hover { background: #FFF4EE !important; color: #E8620A !important; }
.mcp-toggle-arr { transition: transform .3s !important; display: block !important; }
.mcp-cart.mcp--open .mcp-toggle-arr { transform: rotate(180deg) !important; }

.mcp-cart__body { max-height: 0 !important; overflow: hidden !important; transition: max-height .38s var(--mce) !important; }
.mcp-cart.mcp--open .mcp-cart__body { max-height: 360px !important; overflow-y: auto !important; }

.mcp-cart__empty { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; padding: 24px 16px !important; text-align: center !important; }
.mcp-cart__empty p { font-size: 13px !important; color: #6B6760 !important; line-height: 1.6 !important; margin: 0 !important; }

.mcp-cart__list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.mcp-cart-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 11px 16px !important; border-top: 1px solid #ECEAE6 !important; animation: mcp-si .25s var(--mcsp) !important; }
@media (min-width: 640px) { .mcp-cart-item { padding: 13px 20px !important; gap: 12px !important; } }
@keyframes mcp-si { from{opacity:0;transform:translateX(-8px)} to{opacity:1;transform:translateX(0)} }

.mcp-cart-item__thumb { width: 44px !important; height: 50px !important; border-radius: 7px !important; overflow: hidden !important; border: 1px solid #ECEAE6 !important; background: #F5F3F0 !important; flex-shrink: 0 !important; }
.mcp-cart-item__thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; border: none !important; padding: 0 !important; margin: 0 !important; }
.mcp-cart-item__info { flex: 1 !important; min-width: 0 !important; }
.mcp-cart-item__name { font-size: 13px !important; font-weight: 700 !important; color: #111010 !important; display: block !important; margin-bottom: 2px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.mcp-cart-item__meta { font-size: 11px !important; color: #6B6760 !important; display: flex !important; align-items: center !important; }
.mcp-cart-item__dot { display: inline-block !important; width: 7px !important; height: 7px !important; border-radius: 50% !important; border: 1px solid rgba(0,0,0,.1) !important; margin-right: 5px !important; flex-shrink: 0 !important; }
.mcp-cart-item__price { font-size: 13px !important; font-weight: 700 !important; color: #111010 !important; white-space: nowrap !important; flex-shrink: 0 !important; }
.mcp-cart-item__del { width: 26px !important; height: 26px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #9E9A95 !important; background: none !important; border: none !important; cursor: pointer !important; flex-shrink: 0 !important; transition: all .2s !important; }
.mcp-cart-item__del:hover { background: #FEE2E2 !important; color: #991B1B !important; }

.mcp-cart__foot { padding: 12px 16px 16px !important; border-top: 1px solid #ECEAE6 !important; background: #F5F3F0 !important; }
@media (min-width: 640px) { .mcp-cart__foot { padding: 14px 20px 18px !important; } }
.mcp-cart__total { display: flex !important; justify-content: space-between !important; align-items: baseline !important; margin-bottom: 11px !important; font-size: 13px !important; color: #2C2A28 !important; }
.mcp-cart__total strong { font-family: 'Cormorant Garamond', serif !important; font-size: 24px !important; font-weight: 700 !important; color: #111010 !important; line-height: 1 !important; }
@media (min-width: 640px) { .mcp-cart__total strong { font-size: 28px !important; } }

.mcp-finalize-btn,
#mc-app .mcp-finalize-btn,
#mc-app button.mcp-finalize-btn {
  display: flex !important; align-items: center !important; justify-content: center !important;
  gap: 8px !important; width: 100% !important; padding: 13px !important;
  background: linear-gradient(135deg,#E8620A,#C14E06) !important; color: #ffffff !important;
  border-radius: 12px !important; font-size: 14px !important; font-weight: 700 !important;
  border: none !important; cursor: pointer !important;
  box-shadow: 0 3px 14px rgba(232,98,10,.3) !important; transition: all .25s !important; line-height: 1 !important;
}
#mc-app .mcp-finalize-btn:hover { transform: translateY(-2px) !important; box-shadow: 0 7px 20px rgba(232,98,10,.4) !important; }
@media (min-width: 640px) { .mcp-finalize-btn { padding: 14px !important; font-size: 15px !important; border-radius: 14px !important; } }

/* ════════════════════════════════════════════════════════
   CHECKOUT
════════════════════════════════════════════════════════ */
.mcp-checkout { background: #FAFAF8 !important; border-top: 1px solid #ECEAE6 !important; }
.mcp-checkout__inner { max-width: 1000px !important; margin: 0 auto !important; padding: 28px 16px !important; }
@media (min-width: 640px)  { .mcp-checkout__inner { padding: 36px 24px !important; } }
@media (min-width: 1100px) { .mcp-checkout__inner { padding: 48px 40px !important; } }

/* Progress steps — oculto em mobile pequeno */
.mcp-steps { display: none !important; }
@media (min-width: 480px) {
  .mcp-steps { display: flex !important; align-items: center !important; margin-bottom: 28px !important; }
}
.mcp-step { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 5px !important; min-width: 60px !important; }
.mcp-step__dot { width: 28px !important; height: 28px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 12px !important; font-weight: 700 !important; border: 2px solid #ECEAE6 !important; color: #9E9A95 !important; background: #fff !important; }
.mcp-step span { font-size: 10px !important; font-weight: 600 !important; color: #6B6760 !important; }
.mcp-step--done .mcp-step__dot { background: #DCFCE7 !important; border-color: #166534 !important; color: #166534 !important; }
.mcp-step--active .mcp-step__dot { background: #E8620A !important; border-color: #E8620A !important; color: #fff !important; box-shadow: 0 0 0 4px rgba(232,98,10,.14) !important; }
.mcp-step--active span { color: #E8620A !important; }
.mcp-step-line { flex: 1 !important; height: 2px !important; background: #ECEAE6 !important; margin: 0 4px 14px !important; }
.mcp-step-line--done { background: #166534 !important; }

/* Layout: mobile = coluna, desktop = 2 colunas */
.mcp-checkout__cols { display: flex !important; flex-direction: column !important; gap: 24px !important; }
@media (min-width: 860px) {
  .mcp-checkout__cols { flex-direction: row !important; gap: 36px !important; align-items: flex-start !important; }
  .mcp-checkout__form-col { flex: 1 !important; }
  .mcp-checkout__summary-col { width: 300px !important; flex-shrink: 0 !important; }
}

.mcp-checkout__title { font-family: 'Cormorant Garamond', serif !important; font-size: 26px !important; font-weight: 700 !important; color: #111010 !important; margin: 0 0 5px !important; }
@media (min-width: 640px) { .mcp-checkout__title { font-size: 30px !important; } }
.mcp-checkout__desc { font-size: 13px !important; color: #6B6760 !important; margin: 0 0 20px !important; line-height: 1.6 !important; }
@media (min-width: 640px) { .mcp-checkout__desc { font-size: 14px !important; } }

.mcp-error { background: #FEE2E2 !important; color: #991B1B !important; border: 1px solid rgba(153,27,27,.25) !important; border-radius: 8px !important; padding: 11px 13px !important; font-size: 13px !important; margin-bottom: 16px !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.mcp-form-full { margin-bottom: 12px !important; }
.mcp-form-row { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-bottom: 12px !important; }
@media (min-width: 480px) { .mcp-form-row { flex-direction: row !important; } .mcp-form-row > div { flex: 1 !important; } }

.mcp-label { display: block !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .12em !important; color: #6B6760 !important; margin-bottom: 5px !important; }
@media (min-width: 640px) { .mcp-label { font-size: 11px !important; } }
.mcp-req { color: #E8620A !important; }
.mcp-input-wrap { position: relative !important; }
.mcp-input-icon { position: absolute !important; left: 12px !important; top: 50% !important; transform: translateY(-50%) !important; color: #9E9A95 !important; pointer-events: none !important; }
.mcp-input { display: block !important; width: 100% !important; padding: 11px 13px 11px 37px !important; border: 1.5px solid #ECEAE6 !important; border-radius: 8px !important; background: #fff !important; color: #111010 !important; font-size: 15px !important; outline: none !important; line-height: 1.4 !important; transition: border-color .2s, box-shadow .2s !important; box-shadow: none !important; }
.mcp-input::placeholder { color: #C4BDB4 !important; }
.mcp-input:hover { border-color: #C4BDB4 !important; }
.mcp-input:focus { border-color: #E8620A !important; box-shadow: 0 0 0 3px rgba(232,98,10,.1) !important; background: #fff !important; }
.mcp-input--area { padding-left: 13px !important; resize: vertical !important; min-height: 80px !important; line-height: 1.6 !important; }

#mc-app .mcp-submit-btn,
#mc-app button.mcp-submit-btn {
  display: flex !important; align-items: center !important; justify-content: center !important;
  gap: 9px !important; width: 100% !important; padding: 14px !important; margin-top: 8px !important;
  background: linear-gradient(135deg,#E8620A,#C14E06) !important; color: #ffffff !important;
  border-radius: 12px !important; font-size: 14px !important; font-weight: 700 !important;
  border: none !important; cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(232,98,10,.3) !important; transition: all .25s !important; line-height: 1 !important;
}
#mc-app .mcp-submit-btn:hover { transform: translateY(-2px) !important; box-shadow: 0 7px 22px rgba(232,98,10,.4) !important; }
#mc-app .mcp-submit-btn:disabled { opacity: .55 !important; cursor: not-allowed !important; transform: none !important; }
@media (min-width: 640px) { .mcp-submit-btn { padding: 15px !important; font-size: 15px !important; border-radius: 14px !important; } }

.mcp-back-btn { display: block !important; width: 100% !important; padding: 11px !important; margin-top: 8px !important; text-align: center !important; font-size: 13px !important; font-weight: 600 !important; color: #6B6760 !important; border: 1.5px solid #ECEAE6 !important; border-radius: 8px !important; background: none !important; cursor: pointer !important; transition: all .2s !important; }
.mcp-back-btn:hover { border-color: #E8620A !important; color: #E8620A !important; }

/* Resumo do pedido */
.mcp-checkout__summary { background: #fff !important; border: 1px solid #ECEAE6 !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 1px 4px rgba(0,0,0,.06) !important; }
@media (min-width: 860px) { .mcp-checkout__summary { position: sticky !important; top: 20px !important; } }
.mcp-checkout__summary h3 { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .12em !important; color: #6B6760 !important; padding: 12px 14px !important; margin: 0 !important; border-bottom: 1px solid #ECEAE6 !important; background: #F5F3F0 !important; }
.mcp-sum-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 14px !important; border-bottom: 1px solid #F5F3F0 !important; }
.mcp-sum-item:last-child { border-bottom: none !important; }
.mcp-sum-item__thumb { width: 36px !important; height: 42px !important; border-radius: 5px !important; overflow: hidden !important; border: 1px solid #ECEAE6 !important; flex-shrink: 0 !important; }
.mcp-sum-item__thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; border: none !important; padding: 0 !important; margin: 0 !important; }
.mcp-sum-item__info { flex: 1 !important; min-width: 0 !important; }
.mcp-sum-item__name { font-size: 12px !important; font-weight: 700 !important; color: #111010 !important; display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.mcp-sum-item__sub  { font-size: 11px !important; color: #6B6760 !important; display: block !important; margin-top: 1px !important; }
.mcp-sum-item__price { font-size: 12px !important; font-weight: 700 !important; color: #111010 !important; white-space: nowrap !important; flex-shrink: 0 !important; }
.mcp-summary__total { display: flex !important; justify-content: space-between !important; align-items: baseline !important; padding: 12px 14px !important; background: #F5F3F0 !important; border-top: 2px solid #111010 !important; font-size: 13px !important; font-weight: 700 !important; color: #2C2A28 !important; }
.mcp-summary__total strong { font-family: 'Cormorant Garamond', serif !important; font-size: 22px !important; font-weight: 700 !important; color: #111010 !important; }

/* ════════════════════════════════════════════════════════
   MODAL DE SUCESSO — controlado por aria-hidden
════════════════════════════════════════════════════════ */
.mcp-modal[aria-hidden="true"]  { display: none !important; }
.mcp-modal[aria-hidden="false"] {
  display: flex !important;
  position: fixed !important; inset: 0 !important; z-index: 99999 !important;
  align-items: center !important; justify-content: center !important;
  padding: 16px !important;
}
.mcp-modal__bg { position: absolute !important; inset: 0 !important; background: rgba(17,16,16,.76) !important; backdrop-filter: blur(6px) !important; animation: mcp-fade .3s !important; }
@keyframes mcp-fade { from{opacity:0} to{opacity:1} }

.mcp-modal__box {
  position: relative !important; z-index: 1 !important;
  background: #fff !important; border-radius: 20px !important;
  padding: 28px 20px !important;
  max-width: 480px !important; width: 100% !important;
  max-height: 90vh !important; overflow-y: auto !important;
  text-align: center !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.2) !important;
  animation: mcp-pi .45s var(--mcsp) !important;
}
@media (min-width: 480px) { .mcp-modal__box { padding: 36px 32px !important; border-radius: 24px !important; } }
@keyframes mcp-pi { from{transform:scale(.88) translateY(16px);opacity:0} to{transform:scale(1) translateY(0);opacity:1} }

.mcp-modal__confetti { position: absolute !important; inset: 0 !important; pointer-events: none !important; overflow: hidden !important; border-radius: inherit !important; }

.mcp-modal__seal { width: 64px !important; height: 64px !important; margin: 0 auto 14px !important; }
@media (min-width: 480px) { .mcp-modal__seal { width: 72px !important; height: 72px !important; margin-bottom: 16px !important; } }
.mcp-modal__seal svg { width: 100% !important; height: 100% !important; }
.mcp-ring { stroke-dasharray: 240 !important; animation: mcp-ring .8s .25s var(--mcsp) both !important; }
@keyframes mcp-ring { from{stroke-dashoffset:240} to{stroke-dashoffset:0} }
.mcp-chk { stroke-dasharray: 35 !important; stroke-dashoffset: 35 !important; animation: mcp-chk .45s .7s ease forwards !important; }
@keyframes mcp-chk { to{stroke-dashoffset:0} }

.mcp-modal__title { font-family: 'Cormorant Garamond', serif !important; font-size: 26px !important; font-weight: 700 !important; color: #111010 !important; margin: 0 0 6px !important; }
@media (min-width: 480px) { .mcp-modal__title { font-size: 30px !important; } }
.mcp-modal__msg { font-size: 14px !important; color: #6B6760 !important; margin: 0 0 16px !important; line-height: 1.6 !important; }

.mcp-modal__protocol { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 3px !important; background: #F5F3F0 !important; border: 1px solid #ECEAE6 !important; border-radius: 10px !important; padding: 12px 16px !important; margin-bottom: 14px !important; }
.mcp-modal__protocol span { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .14em !important; color: #9E9A95 !important; display: block !important; }
.mcp-modal__protocol strong { font-family: 'Cormorant Garamond', serif !important; font-size: 24px !important; font-weight: 700 !important; color: #E8620A !important; letter-spacing: .07em !important; display: block !important; }

.mcp-modal__items { text-align: left !important; margin-bottom: 12px !important; border: 1px solid #ECEAE6 !important; border-radius: 8px !important; overflow: hidden !important; }
.mcp-modal-item { display: flex !important; align-items: center !important; gap: 9px !important; padding: 9px 12px !important; border-bottom: 1px solid #ECEAE6 !important; font-size: 12px !important; }
.mcp-modal-item:last-child { border-bottom: none !important; }
.mcp-modal-item__thumb { width: 34px !important; height: 40px !important; border-radius: 5px !important; overflow: hidden !important; border: 1px solid #ECEAE6 !important; flex-shrink: 0 !important; }
.mcp-modal-item__thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; border: none !important; padding: 0 !important; margin: 0 !important; }
.mcp-modal-item__info { flex: 1 !important; min-width: 0 !important; }
.mcp-modal-item__name { font-weight: 700 !important; color: #111010 !important; display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.mcp-modal-item__sub  { font-size: 11px !important; color: #6B6760 !important; display: block !important; }
.mcp-modal-item__price { font-weight: 700 !important; color: #111010 !important; white-space: nowrap !important; flex-shrink: 0 !important; }
.mcp-modal-total { display: flex !important; justify-content: space-between !important; padding: 9px 12px !important; background: #F5F3F0 !important; border-top: 2px solid #111010 !important; font-size: 12px !important; font-weight: 700 !important; }
.mcp-modal-total strong { font-family: 'Cormorant Garamond', serif !important; font-size: 18px !important; font-weight: 700 !important; color: #111010 !important; }

.mcp-modal__notice { display: flex !important; align-items: flex-start !important; gap: 7px !important; background: #FFF4EE !important; border: 1px solid #FDDCC9 !important; border-radius: 6px !important; padding: 10px 12px !important; font-size: 12px !important; color: #2C2A28 !important; text-align: left !important; margin-bottom: 16px !important; line-height: 1.5 !important; }
.mcp-modal__notice svg { color: #E8620A; flex-shrink: 0; margin-top: 2px; }

.mcp-modal__restart { font-size: 13px !important; font-weight: 600 !important; color: #6B6760 !important; text-decoration: underline !important; text-underline-offset: 3px !important; cursor: pointer !important; background: none !important; border: none !important; transition: color .2s !important; }
.mcp-modal__restart:hover { color: #E8620A !important; }

/* ════════════════════════════════════════════════════════
   LIGHTBOX
════════════════════════════════════════════════════════ */
.mcp-lightbox[aria-hidden="true"]  { display: none !important; }
.mcp-lightbox[aria-hidden="false"] { display: flex !important; position: fixed !important; inset: 0 !important; z-index: 99998 !important; background: rgba(0,0,0,.92) !important; align-items: center !important; justify-content: center !important; padding: 16px !important; cursor: zoom-out !important; animation: mcp-fade .22s !important; }
.mcp-lightbox__close { position: absolute !important; top: 14px !important; right: 14px !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; background: rgba(255,255,255,.12) !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; border: none !important; transition: background .2s !important; }
.mcp-lightbox__close:hover { background: rgba(255,255,255,.22) !important; }
.mcp-lightbox__img { max-width: 100% !important; max-height: 88vh !important; object-fit: contain !important; border-radius: 12px !important; box-shadow: 0 20px 60px rgba(0,0,0,.2) !important; border: none !important; padding: 0 !important; margin: 0 !important; }

@keyframes mcp-spin { to { transform: rotate(360deg); } }