@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:ital,wght@0,400;0,500;0,600;1,400&display=swap');

/* ============ AMP UP · CHANGE AUTOSHIP FLAVOR · scoped .ampup-caf ============ */
.ampup-caf { font-family: 'Inter', -apple-system, sans-serif; color: #1C0B22; }
.ampup-caf * { box-sizing: border-box; margin: 0; padding: 0; }
.ampup-caf .caf-bleed { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.ampup-caf .caf-wrap { max-width: 1100px; margin: 0 auto; padding: 0 24px; }

/* ---------- HERO · FORMULA 15 red-to-red ---------- */
.ampup-caf .caf-hero { background: linear-gradient(180deg, #E8171F 0%, #EA3323 100%); padding: 92px 0 86px; text-align: center; }
.ampup-caf .caf-eyebrow { font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 4px; text-transform: uppercase; color: #FFFFFF; opacity: .95; margin-bottom: 18px; }
.ampup-caf .caf-h1 { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: clamp(44px, 6.5vw, 80px); line-height: 1.03; text-transform: uppercase; color: #FFFFFF; letter-spacing: 1px; }
.ampup-caf .caf-h1 em { font-style: italic; color: #EA3323; -webkit-text-stroke: 1.5px #FFFFFF; text-stroke: 1.5px #FFFFFF; }
.ampup-caf .caf-hero-sub { max-width: 680px; margin: 24px auto 0; font-size: 18px; line-height: 1.7; color: rgba(255,255,255,0.94); }
.ampup-caf .caf-btn { font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; padding: 18px 42px; display: inline-block; transition: transform .15s ease; }
.ampup-caf .caf-btn:hover { transform: translateY(-2px); }
.ampup-caf .caf-btn-black { background: #0C0C0D; color: #FFFFFF; box-shadow: 0 10px 28px rgba(0,0,0,0.3); margin-top: 38px; }
.ampup-caf .caf-btn-red { background: #E8171F; color: #FFFFFF; box-shadow: 0 8px 24px rgba(232,23,31,0.35); }

/* ---------- VALUE STRIP · Voltage Purple ---------- */
.ampup-caf .caf-strip { background: #5B24D6; padding: 18px 0; }
.ampup-caf .caf-strip .caf-wrap { display: flex; align-items: center; justify-content: center; gap: 12px 34px; flex-wrap: wrap; text-align: center; }
.ampup-caf .caf-strip span { font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 15px; letter-spacing: 2.5px; text-transform: uppercase; color: #FFFFFF; }

/* ---------- HOW IT WORKS · Flavor Pop ---------- */
.ampup-caf .caf-how { background: #FAF7F2; padding: 86px 0 78px; }
.ampup-caf .caf-sec-eyebrow { font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 13px; letter-spacing: 4px; text-transform: uppercase; color: #E8171F; text-align: center; margin-bottom: 12px; }
.ampup-caf .caf-h2 { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: clamp(32px, 4.5vw, 52px); line-height: 1.05; text-transform: uppercase; color: #1C0B22; text-align: center; }
.ampup-caf .caf-h2 em { font-style: italic; color: #E8171F; }
.ampup-caf .caf-sec-intro { max-width: 660px; margin: 20px auto 0; text-align: center; font-size: 17px; line-height: 1.7; color: #7A6A85; }
.ampup-caf .caf-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 54px; }
.ampup-caf .caf-step { background: #FFFFFF; border-top: 4px solid #E8171F; padding: 34px 28px 32px; box-shadow: 0 10px 30px rgba(28,11,34,0.07); }
.ampup-caf .caf-step-num { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 3px; color: #E8171F; text-transform: uppercase; }
.ampup-caf .caf-step-title { font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 24px; text-transform: uppercase; color: #1C0B22; margin: 8px 0 12px; }
.ampup-caf .caf-step p { font-size: 15.5px; line-height: 1.7; color: #7A6A85; }

/* ---------- FLAVOR TICKER ---------- */
.ampup-caf .caf-ticker-sec { background: #FAF7F2; padding: 0 0 72px; }
.ampup-caf .caf-ticker { overflow: hidden; white-space: nowrap; border-top: 1px solid #E2D6EC; border-bottom: 1px solid #E2D6EC; padding: 16px 0; }
.ampup-caf .caf-ticker-track { display: inline-block; animation: ampupCafTicker 70s linear infinite; }
.ampup-caf .caf-ticker:hover .caf-ticker-track { animation-play-state: paused; }
.ampup-caf .caf-ticker-track span { font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 19px; letter-spacing: 1.5px; text-transform: uppercase; color: #1C0B22; }
.ampup-caf .caf-ticker-track span i { font-style: normal; color: #E8171F; padding: 0 18px; }
@keyframes ampupCafTicker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.ampup-caf .caf-ticker-cta { text-align: center; margin-top: 40px; }

/* ---------- THE FORM · Voltage Purple ---------- */
.ampup-caf .caf-form-sec { background: #5B24D6; padding: 88px 0; }
.ampup-caf .caf-form-sec .caf-h2, .ampup-caf .caf-form-sec .caf-sec-eyebrow { color: #FFFFFF; }
.ampup-caf .caf-form-sec .caf-h2 em { color: #FFFFFF; text-decoration: underline; text-decoration-color: rgba(255,255,255,0.55); text-underline-offset: 8px; }
.ampup-caf .caf-form-sec .caf-sec-intro { color: rgba(255,255,255,0.92); }
.ampup-caf .caf-form-card { max-width: 720px; margin: 48px auto 0; background: #FFFFFF; box-shadow: 0 20px 50px rgba(0,0,0,0.25); padding: 46px 44px; }
.ampup-caf .caf-field { margin-bottom: 22px; }
.ampup-caf .caf-field label { display: block; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: #1C0B22; margin-bottom: 8px; }
.ampup-caf .caf-field input, .ampup-caf .caf-field textarea { width: 100%; border: 2px solid #E2D6EC; background: #FAF7F2; padding: 14px 16px; font-family: 'Inter', sans-serif; font-size: 16px; color: #1C0B22; }
.ampup-caf .caf-field input:focus, .ampup-caf .caf-field textarea:focus { outline: none; border-color: #E8171F; background: #FFFFFF; }
.ampup-caf .caf-field textarea { min-height: 120px; resize: vertical; }
.ampup-caf .caf-field .caf-hint { font-size: 13px; color: #7A6A85; margin-top: 6px; line-height: 1.5; }
.ampup-caf .caf-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }
.ampup-caf .caf-form-card .caf-btn-red { width: 100%; text-align: center; border: 0; cursor: pointer; font-size: 17px; padding: 18px; }

/* ---------- FAQ · Flavor Pop ---------- */
.ampup-caf .caf-faq { background: #FAF7F2; padding: 86px 0; }
.ampup-caf .caf-faq-list { max-width: 780px; margin: 46px auto 0; }
.ampup-caf .caf-faq-item { background: #FFFFFF; box-shadow: 0 8px 24px rgba(28,11,34,0.06); margin-bottom: 18px; padding: 28px 32px; }
.ampup-caf .caf-faq-item h3 { font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 20px; text-transform: uppercase; color: #1C0B22; margin-bottom: 10px; }
.ampup-caf .caf-faq-item p { font-size: 15.5px; line-height: 1.7; color: #7A6A85; }
.ampup-caf .caf-faq-item a { color: #E8171F; font-weight: 600; text-decoration: none; border-bottom: 2px solid #E8171F; }

/* ---------- OMBRÉ CLOSE ---------- */
.ampup-caf .caf-final { background: linear-gradient(135deg, #FF0000 0%, #E8171F 12%, #E8255C 30%, #C4186A 46%, #8B1A7A 62%, #4B1259 78%, #2D0A3A 100%); padding: 88px 0; text-align: center; }
.ampup-caf .caf-final .caf-h2 { color: #FFFFFF; }
.ampup-caf .caf-final .caf-h2 em { color: #FFFFFF; font-style: italic; }
.ampup-caf .caf-final p { max-width: 620px; margin: 20px auto 0; font-size: 17px; line-height: 1.7; color: rgba(255,255,255,0.92); }

@media (max-width: 900px) {
  .ampup-caf .caf-steps { grid-template-columns: 1fr; }
  .ampup-caf .caf-hero { padding: 70px 0 64px; }
  .ampup-caf .caf-form-card { padding: 34px 26px; }
  .ampup-caf .caf-form-grid { grid-template-columns: 1fr; gap: 0; }
}

/* Working AJAX form */
.caf-hp-field{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.caf-form-message{
  display:none;
  margin-top:18px;
  padding:14px 16px;
  font-family:'Roboto',sans-serif;
  font-size:14px;
  line-height:1.55;
  font-weight:600;
}
.caf-form-message.caf-success{
  display:block;
  background:#edf8ef;
  border-left:4px solid #27823b;
  color:#174d24;
}
.caf-form-message.caf-error{
  display:block;
  background:#fff0f0;
  border-left:4px solid #E8171F;
  color:#8d1117;
}
.caf-submit-btn:disabled{
  opacity:.65;
  cursor:not-allowed;
  transform:none !important;
}