.elementor-4408 .elementor-element.elementor-element-5c510300{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for text-editor, class: .elementor-element-e327c5a */<!-- ============================================================================
     USING MOUNJARO PAGE - WITH INLINE STYLES
     ============================================================================
     
     INSTRUCTIONS:
     1. Go to your WordPress page editor for "Using Mounjaro"
     2. Switch to TEXT/HTML mode (not Visual)
     3. REPLACE the dosage hub section with this code
     4. Save and refresh
     
     ============================================================================ -->

<div class="mounjaro-content-section">
  <h2 style="color: #333; margin-bottom: 1.5rem;">💉 Mounjaro Dosage Guide</h2>
  <p style="color: #666; margin-bottom: 2rem; line-height: 1.6;">
    Mounjaro follows a structured dose escalation schedule. Click each dose below to learn about effectiveness, side effects, and what to expect:
  </p>
  
  <!-- DOSAGE HUB GRID - WITH INLINE STYLES -->
  <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin: 2rem 0; width: 100%; list-style: none; padding: 0;">
    
    <!-- 2.5mg - Starting Dose -->
    <div style="background: linear-gradient(to bottom right, #e0f7f6, #f9f9ff); border: 2px solid #08B2A5; border-radius: 12px; padding: 1.5rem; position: relative; transition: all 0.3s ease; display: flex; flex-direction: column; height: 100%;">
      <div style="position: absolute; top: 1rem; right: 1rem; background: #08B2A5; color: white; padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 600;">
        STARTING DOSE
      </div>
      <div style="font-size: 2rem; font-weight: 700; color: #08B2A5; margin-bottom: 0.5rem;">2.5mg</div>
      <div style="font-size: 0.9rem; color: #666; margin-bottom: 1rem;">Week 1-4</div>
      <p style="color: #666; font-size: 0.9rem; line-height: 1.5; margin-bottom: 1.5rem; flex-grow: 1;">
        Your introduction to Mounjaro. Helps your body adjust with minimal side effects.
      </p>
      <a href="/dose-guide//dose-2-5mg/" style="display: inline-block; background: #08B2A5; color: white; padding: 0.75rem 1.5rem; border-radius: 8px; text-decoration: none; font-weight: 600; text-align: center; transition: all 0.3s ease;">
        View 2.5mg Guide →
      </a>
    </div>

    <!-- 5mg -->
    <div style="background: linear-gradient(to bottom right, #f9f9ff, #f0fcfb); border: 2px solid #e0e0ff; border-radius: 12px; padding: 1.5rem; transition: all 0.3s ease; display: flex; flex-direction: column; height: 100%;">
      <div style="font-size: 2rem; font-weight: 700; color: #7C4DFF; margin-bottom: 0.5rem;">5mg</div>
      <div style="font-size: 0.9rem; color: #666; margin-bottom: 1rem;">Week 5-8</div>
      <p style="color: #666; font-size: 0.9rem; line-height: 1.5; margin-bottom: 1.5rem; flex-grow: 1;">
        First escalation. Weight loss typically becomes more noticeable.
      </p>
      <a href="/dose-guide//dose-5mg/" style="display: inline-block; background: #7C4DFF; color: white; padding: 0.75rem 1.5rem; border-radius: 8px; text-decoration: none; font-weight: 600; text-align: center; transition: all 0.3s ease;">
        View 5mg Guide →
      </a>
    </div>

    <!-- 7.5mg -->
    <div style="background: linear-gradient(to bottom right, #f9f9ff, #f0fcfb); border: 2px solid #e0e0ff; border-radius: 12px; padding: 1.5rem; transition: all 0.3s ease; display: flex; flex-direction: column; height: 100%;">
      <div style="font-size: 2rem; font-weight: 700; color: #7C4DFF; margin-bottom: 0.5rem;">7.5mg</div>
      <div style="font-size: 0.9rem; color: #666; margin-bottom: 1rem;">Week 9-12</div>
      <p style="color: #666; font-size: 0.9rem; line-height: 1.5; margin-bottom: 1.5rem; flex-grow: 1;">
        Mid-range therapeutic dose with balanced effectiveness.
      </p>
      <a href="/dose-guide//dose-7-5mg/" style="display: inline-block; background: #7C4DFF; color: white; padding: 0.75rem 1.5rem; border-radius: 8px; text-decoration: none; font-weight: 600; text-align: center; transition: all 0.3s ease;">
        View 7.5mg Guide →
      </a>
    </div>

    <!-- 10mg -->
    <div style="background: linear-gradient(to bottom right, #f9f9ff, #f0fcfb); border: 2px solid #e0e0ff; border-radius: 12px; padding: 1.5rem; transition: all 0.3s ease; display: flex; flex-direction: column; height: 100%;">
      <div style="font-size: 2rem; font-weight: 700; color: #7C4DFF; margin-bottom: 0.5rem;">10mg</div>
      <div style="font-size: 0.9rem; color: #666; margin-bottom: 1rem;">Week 13-16</div>
      <p style="color: #666; font-size: 0.9rem; line-height: 1.5; margin-bottom: 1.5rem; flex-grow: 1;">
        Many patients find their optimal maintenance dose here.
      </p>
      <a href="/dose-guide//dose-10mg/" style="display: inline-block; background: #7C4DFF; color: white; padding: 0.75rem 1.5rem; border-radius: 8px; text-decoration: none; font-weight: 600; text-align: center; transition: all 0.3s ease;">
        View 10mg Guide →
      </a>
    </div>

    <!-- 12.5mg -->
    <div style="background: linear-gradient(to bottom right, #f9f9ff, #f0fcfb); border: 2px solid #e0e0ff; border-radius: 12px; padding: 1.5rem; transition: all 0.3s ease; display: flex; flex-direction: column; height: 100%;">
      <div style="font-size: 2rem; font-weight: 700; color: #7C4DFF; margin-bottom: 0.5rem;">12.5mg</div>
      <div style="font-size: 0.9rem; color: #666; margin-bottom: 1rem;">Week 17-20</div>
      <p style="color: #666; font-size: 0.9rem; line-height: 1.5; margin-bottom: 1.5rem; flex-grow: 1;">
        Higher therapeutic dose for enhanced weight management.
      </p>
      <a href="/dose-guide//dose-12-5mg/" style="display: inline-block; background: #7C4DFF; color: white; padding: 0.75rem 1.5rem; border-radius: 8px; text-decoration: none; font-weight: 600; text-align: center; transition: all 0.3s ease;">
        View 12.5mg Guide →
      </a>
    </div>

    <!-- 15mg - Maximum Dose -->
    <div style="background: linear-gradient(to bottom right, #f3e5ff, #f9f9ff); border: 2px solid #7C4DFF; border-radius: 12px; padding: 1.5rem; position: relative; transition: all 0.3s ease; display: flex; flex-direction: column; height: 100%;">
      <div style="position: absolute; top: 1rem; right: 1rem; background: #7C4DFF; color: white; padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.75rem; font-weight: 600;">
        MAXIMUM DOSE
      </div>
      <div style="font-size: 2rem; font-weight: 700; color: #7C4DFF; margin-bottom: 0.5rem;">15mg</div>
      <div style="font-size: 0.9rem; color: #666; margin-bottom: 1rem;">Week 21+</div>
      <p style="color: #666; font-size: 0.9rem; line-height: 1.5; margin-bottom: 1.5rem; flex-grow: 1;">
        Maximum approved dose for optimal weight loss outcomes.
      </p>
      <a href="/dose-guide//dose-15mg/" style="display: inline-block; background: #7C4DFF; color: white; padding: 0.75rem 1.5rem; border-radius: 8px; text-decoration: none; font-weight: 600; text-align: center; transition: all 0.3s ease;">
        View 15mg Guide →
      </a>
    </div>

  </div>

  <!-- RESPONSIVE STYLES FOR MOBILE -->
  <style>
    @media (max-width: 1024px) and (min-width: 769px) {
      .mounjaro-content-section > div[style*="grid-template-columns"] {
        grid-template-columns: repeat(2, 1fr) !important;
      }
    }
    @media (max-width: 768px) {
      .mounjaro-content-section > div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
      }
    }
  </style>

</div>/* End custom CSS */