/** Shopify CDN: Minification failed

Line 360:0 Unexpected "<"

**/
/* === NEW: Import Monospace font for "tech" look === */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&display=swap');

.mi-container{padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";max-width:100%;box-sizing:border-box;line-height:1.6;color:#333}.mi-container *{box-sizing:border-box}
.mi-title{text-align:center;margin:0 0 10px 0;font-size:18px;font-weight:600;color:#333}
.mi-buttons-container{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 20px 0}
.mi-button{background-color:#f7f7f7;border:1px solid #e0e0e0;border-radius:18px;padding:8px 14px;font-size:13px;color:#333;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:1.4;gap:5px}.mi-button:hover{background-color:#5D5CDE;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(93,92,222,.2)}.sf-toggle-button{width:100%;display:flex;align-items:center;justify-content:space-between;margin:15px auto;box-shadow:0 2px 4px rgba(0,0,0,.05);outline:0;padding:10px 18px}.sf-button-title{font-size:14px;font-weight:500}.sf-button-indicator{display:flex;align-items:center}#sf-button-text{font-size:13px;color:#5D5CDE;font-weight:500;margin-right:8px}.sf-button:hover #sf-button-text{color:#fff}.sf-chevron-icon{width:18px;height:18px;color:#5D5CDE;transition:transform .3s ease}.sf-button:hover .sf-chevron-icon{color:#fff}.sf-chevron-icon.sf-rotate{transform:rotate(180deg)}.sf-panel{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(0,1,0,1);width:100%;border:1px solid #e2e2e2;border-radius:8px;background-color:#fff;margin-top:0}.sf-panel.sf-active{max-height:5000px;transition:max-height 1s ease-in-out}.sf-facts-container{padding:20px}.sf-grid{display:flex;flex-wrap:wrap;margin:0 -10px}.sf-product{width:100%;padding:0 10px;margin-bottom:25px}@media (min-width:768px){.sf-product{width:50%;margin-bottom:0}}.sf-product-title{font-size:17px;font-weight:600;color:#333;margin:0 0 12px 0;padding-bottom:6px;border-bottom:2px solid #333;display:flex;align-items:center}.sf-dot{display:inline-block;width:10px;height:10px;background-color:#5D5CDE;border-radius:50%;margin-right:8px}.sf-table-container{border:1px solid #e2e2e2;border-radius:8px;overflow:hidden;background-color:#f9f9f9}.sf-table{width:100%;border-collapse:collapse}.sf-header-row{background-color:#f2f2f2}.sf-table td{padding:8px 14px;border-bottom:1px solid #e2e2e2;font-size:13px;vertical-align:top}.sf-heading{font-weight:600;font-size:15px;text-transform:uppercase;border-bottom-width:2px;border-bottom-color:#333}.sf-subheading-bold{font-weight:600;text-transform:uppercase}.sf-amount,.sf-amount-bold{text-align:right}.sf-ingredient-bold{font-weight:600}.sf-scientific{font-style:italic;color:#777;margin-left:4px}.sf-blend-ingredients{padding:10px 14px 10px 30px;background-color:#f9f9f9}.sf-blend-item{display:flex;align-items:baseline;margin-bottom:5px;font-size:12px}.sf-blend-item:last-child{margin-bottom:0}.sf-mini-dot{display:inline-block;width:5px;height:5px;background-color:#5D5CDE;border-radius:50%;margin-right:6px;flex-shrink:0;margin-top:5px}.sf-footnote{font-size:11px;font-style:italic;color:#777;margin-top:6px;padding:0 4px;border-bottom:none!important}.sf-additional-info{margin-top:20px;padding-top:12px;border-top:1px solid #e2e2e2}.sf-ingredients-note{font-size:12px;color:#555;line-height:1.5;margin:0}.sf-note-label{font-weight:600;color:#5D5CDE}
.mi-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px)}
.mi-modal-content{background-color:#fff;margin:0;width:100%;height:100%;max-width:100%;max-height:100vh;border-radius:0;box-shadow:none;padding:0;display:flex;flex-direction:column;overflow:hidden}
.mi-modal-fixed-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #eee;background-color:#fff;z-index:10;position:sticky;top:0}
.mi-modal-fixed-header h3{margin:0;font-size:20px;color:#222;font-weight:600;flex-grow:1;line-height:1.4;padding-right:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mi-close{position:static;color:#999;font-size:30px;font-weight:700;cursor:pointer;line-height:1;transition:color .2s ease;padding:0 5px}.mi-close:hover{color:#333}
.mi-modal-scroll-area{flex-grow:1;overflow-y:auto;padding:25px 30px}
.mi-modal-header{display:none}
.mi-badge{background-color:#4CAF50;color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap}.mi-description{line-height:1.7;margin-bottom:25px;color:#444;font-size:15px;padding:0 2px;min-height:3em}.mi-benefits-section{background-color:#f5f9ff;padding:18px 22px;border-radius:8px;margin:25px 0;border-left:4px solid #5D5CDE}.mi-benefits-section h4,.mi-references-section h4{color:#333;margin:0 0 14px 0;font-size:17px;font-weight:600}.mi-reference-category{padding:16px 20px;margin-bottom:16px;background-color:#fff;border:1px solid #eee;border-radius:8px}.mi-reference-category h5{color:#444;margin:0 0 12px 0;font-size:15px;font-weight:500;display:flex;align-items:center;gap:6px}.mi-benefits-section ul,.mi-references-section ul{padding-left:20px;margin:0;list-style-type:disc}.mi-benefits-section li{margin-bottom:8px;line-height:1.6;font-size: 14px;}.mi-references-section li{margin-bottom:10px;font-size:13px;line-height:1.6}.mi-references-section li:last-child{margin-bottom:0}.mi-references-section a{color:#5D5CDE;text-decoration:none;word-break:break-word;transition:color .2s}.mi-references-section a:hover{color:#4949b3;text-decoration:underline}.mi-references-section{background-color:#f9f9f9;padding:22px;border-radius:10px;margin-top:25px}
.mi-section-hidden{opacity:0;transform:translateY(10px);transition:opacity .4s ease-out,transform .4s ease-out}
.ai-section{opacity:0;transform:translateY(15px);transition:opacity .4s ease-out,transform .4s ease-out}
.mi-modal-state{display:none;opacity:0;transition:opacity .3s ease-out}.mi-modal-content.state-initial #mi-initial-state,.mi-modal-content.state-loading #ai-loading-state,.mi-modal-content.state-report #ai-report-state{display:block;opacity:1}
.ai-trigger-section{background-color:#f0f4ff;border:1px solid #d9e2ff;border-radius:8px;padding:20px 25px;margin:30px 0;text-align:center}.ai-trigger-title{font-size:18px;font-weight:600;color:#333;margin:0 0 8px 0}.ai-trigger-desc{font-size:14px;color:#555;line-height:1.6;margin:0 0 15px 0}.ai-trigger-button{display:inline-flex;gap:8px;font-size:14px;padding:9px 16px;font-weight:500;background-color:#f7f7f7;border:1px solid #e0e0e0;border-radius:18px;color:#333;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-decoration:none;align-items:center;justify-content:center;line-height:1.4;animation:pulse 2.5s infinite}.ai-trigger-button:hover{background-color:#5D5CDE;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(93,92,222,.2)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(93,92,222,.4)}70%{box-shadow:0 0 0 10px rgba(93,92,222,0)}100%{box-shadow:0 0 0 0 rgba(93,92,222,0)}}

/* --- === START: NEW LOADER STYLES (v23 - Sleeker & Thicker Bars) === --- */

.ai-loading-state{
  padding: 10vh 20px 40px 20px; /* Default padding for Desktop */
  min-height: auto; 
  justify-content: flex-start;
}

/* 1. Main Container (REMOVED) */
/* .ai-processing-module { ... } */

.ai-multi-stage-loader{
  width:100%;
  max-width:500px; /* Constrain on Desktop */
  margin:0 auto; /* Center on Desktop */
}

/* Stage Container */
.ai-stage{
  /* NEW: Hide all stages by default */
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  margin-bottom: 0;
  transform: translateX(-20px);
  transition: opacity 0.4s ease-out, max-height 0.5s ease-out, transform 0.4s ease-out, margin-bottom 0.5s ease-out;
}
.ai-stage:last-child{margin-bottom:0}

/* NEW: Class added by JS to reveal a stage */
.ai-stage.stage-visible {
  opacity: 0.4; /* Start as "inactive" */
  max-height: 100px; /* Animate open */
  margin-bottom: 25px; /* NEW: Ideal spacing */
  transform: translateX(0);
}

.ai-stage.stage-active{ 
  opacity: 1.0; 
}
.ai-stage.stage-done{ opacity: 0.7; }

.ai-stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ai-stage-title{
  font-size:16px;
  font-weight: 400; /* NEW: Thinner Font */
  color:#333;
}

/* 2. Smart Dial Indicator */
.ai-stage-status{
  font-weight: 600; /* Bolder for contrast */
  color:#007bff;
  display: grid;
  place-items: center end; 
  width: 150px; 
  height: 32px; /* Taller */
  position: relative;
  font-size: 11px;
}

/* Containers for 3 states */
.ai-dial-container,
.ai-task-text,
.ai-stage-status .checkmark {
  grid-area: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: flex-end; 
  width: 100%; 
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  white-space: nowrap;
  opacity: 0; 
  pointer-events: none; 
}

/* 1. Dial (Spinner + Percent) */
.ai-dial-container {
  width: 32px; /* Bigger */
  height: 32px; /* Bigger */
  display: grid; 
  place-items: center;
  justify-self: end; 
}
.ai-dial-svg-spinner {
  grid-area: 1 / 1;
  width: 32px; /* Bigger */
  height: 32px; /* Bigger */
  animation: ai-spinner 0.8s linear infinite;
  transition: stroke 0.3s ease;
  transform: rotate(-90deg); /* Start arc at top */
}
.ai-dial-svg-spinner .ai-dial-track {
  stroke: rgba(0, 123, 255, 0.15); /* Faint track (blue) */
  stroke-width: 3.5px; /* Thinner */
}
.ai-dial-svg-spinner .ai-dial-arc {
  stroke: #007bff; /* Active part (blue) */
  stroke-width: 3.5px; /* Thinner */
  stroke-linecap: round;
  stroke-dasharray: 70 100; /* ~80% of new circumference (2*pi*14) */
}

.percent-text {
  grid-area: 1 / 1;
  font-family: 'Roboto Mono', monospace; /* "Tech" font */
  font-size: 12px; /* Bigger */
  font-weight: 700;
  color: #007bff; 
}

/* 2. Task Text (for pause) */
.ai-task-text {
  color: #333;
  font-weight: 400; /* NEW: Thinner Font */
  text-align: right; 
}

/* 3. Checkmark (for done) */
.ai-stage-status .checkmark {
  width: 32px; /* Bigger */
  height: 32px; /* Bigger */
  stroke-width: 2;
  justify-self: end; 
}
.checkmark-circle {
  fill: #00C853;
  animation: popIn 0.3s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) backwards;
}
.checkmark-poly {
  stroke: #fff;
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: drawCheck 0.3s 0.2s ease-out forwards;
}

/* CSS State Management (FIXED) */
.ai-stage-status[data-status="pending"] .ai-dial-container { opacity: 1; pointer-events: auto; transform: scale(1); }
.ai-stage-status[data-status="pending"] .ai-dial-svg-spinner { animation: none; }
.ai-stage-status[data-status="pending"] .ai-dial-svg-spinner .ai-dial-arc { stroke-dasharray: 0 100; } /* Hide arc */
.ai-stage-status[data-status="pending"] .percent-text { color: #aaa; }
.ai-stage-status[data-status="pending"] .ai-task-text { opacity: 0; pointer-events: none; transform: scale(0.8); }
.ai-stage-status[data-status="pending"] .checkmark { opacity: 0; pointer-events: none; transform: scale(0.8); }

.ai-stage-status[data-status="active"] .ai-dial-container { opacity: 1; pointer-events: auto; transform: scale(1); }
.ai-stage-status[data-status="active"] .ai-dial-svg-spinner { animation: ai-spinner 0.8s linear infinite; }
.ai-stage-status[data-status="active"] .ai-dial-svg-spinner .ai-dial-arc { stroke-dasharray: 70 100; } /* Show arc */
.ai-stage-status[data-status="active"] .ai-task-text { opacity: 0; pointer-events: none; transform: scale(0.8); }
.ai-stage-status[data-status="active"] .checkmark { opacity: 0; pointer-events: none; transform: scale(0.8); }

/* --- NEW: Tech Interface Transitions --- */
.ai-stage-status[data-status="paused"] .ai-dial-container { opacity: 0; pointer-events: none; transform: scale(0.8); } /* Scale Out */
.ai-stage-status[data-status="paused"] .ai-task-text { 
  opacity: 1; 
  pointer-events: auto; 
  transform: scale(1); /* Scale In */
  animation: textFlicker 0.3s ease-in-out; /* Flicker */
}
.ai-stage-status[data-status="paused"] .checkmark { opacity: 0; pointer-events: none; transform: scale(0.8); }

.ai-stage-status[data-status="done"] .ai-dial-container { opacity: 0; pointer-events: none; transform: scale(0.8); }
.ai-stage-status[data-status="done"] .ai-task-text { opacity: 0; pointer-events: none; transform: scale(0.8); }
.ai-stage-status[data-status="done"] .checkmark { opacity: 1; pointer-events: auto; transform: scale(1); }


/* Old spinner (hidden) */
.ai-stage-status .spinner { display: none; }

@keyframes ai-spinner{to{transform:rotate(360deg)}} /* Full 360 rotation */
@keyframes popIn { 
  0% { transform: scale(0.5); opacity: 0; }
  80% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes drawCheck { 
  to { stroke-dashoffset: 0; } 
}
/* NEW: Keyframe for Sequential Hand-off */
@keyframes stageSlideIn {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* NEW: Keyframe for Tech Flicker */
@keyframes textFlicker {
  0%   { opacity: 0.5; }
  50%  { opacity: 1; }
  100% { opacity: 1; }
}


/* --- 3. Inset Channel Progress Bar (SVG Based) --- */
.ai-progress-container { display: none; } /* Hide old DIV container */
.ai-progress-fill { display: none; }

.ai-progress-svg-container {
  width: 100%;
  height: 14px; /* NEW (v23): Thicker container */
  position: relative;
  border-radius: 7px; /* NEW (v23): Half of height for full round */
  overflow: hidden; /* Contain the shimmer */
}
.ai-progress-svg-container svg {
  width: 100%;
  height: 100%;
  overflow: visible; 
}

/* The track */
.ai-progress-svg-bg {
  stroke: #f0f0f0; 
  stroke-width: 14; /* NEW (v23): Thicker track */
  stroke-linecap: round; /* NEW (v23): Ensure rounded caps */
}

/* The fill */
.ai-progress-svg-fill {
  stroke: #007bff; /* NEW: Solid Blue Color */
  stroke-width: 10; /* NEW (v23): Thicker bar (creates 2px inset) */
  stroke-linecap: round; /* NEW (v23): Ensure rounded caps */
  stroke-dasharray: 100;  
  stroke-dashoffset: 100; /* Starts at 0% */
  fill: none;
  transition: stroke-dashoffset 0.05s linear, filter 0.3s ease, stroke 0.3s ease;
}
.stage-active .ai-progress-svg-fill {
  filter: drop-shadow(0 0 4px #007bff); /* NEW: Blue Glow */
}

/* Shimmer/Scanline effect */
/* NEW: Hide shimmer when paused */
.ai-stage.stage-active:not(.stage-paused) .ai-progress-svg-container::after {
  content: '';
  position: absolute;
  top: 2px; /* NEW (v23): Inset 2px to match bar */
  left: 0;
  width: 50px;
  height: 10px; /* NEW (v23): Match bar height */
  background: linear-gradient(90deg, 
      rgba(255,255,255,0) 0%, 
      rgba(255,255,255,0.7) 50%, 
      rgba(255,255,255,0) 100%
  );
  border-radius: 5px; /* NEW (v23): Half of height for full round */
  animation: scan 2.5s linear infinite;
  opacity: 0.8;
}

@keyframes scan {
  0% { transform: translateX(-60px); }
  100% { transform: translateX(560px); }
}

/* Pulsing Pause Animation */
.stage-paused .ai-progress-svg-fill {
  animation: pulseGlow 1s infinite alternate;
}
/* NEW: Magic Pulse Keyframes */
@keyframes pulseGlow {
  from {
    filter: drop-shadow(0 0 4px #007bff);
    stroke: #007bff;
  }
  to {
    filter: drop-shadow(0 0 12px #d000ff); /* Magic purple glow */
    stroke: #d000ff; /* Magic purple color */
  }
}
/* --- === END: NEW LOADER STYLES (v23) === --- */

#ai-report-title{display:none}
.ai-report-body{margin-bottom:25px}.ai-report-body h4{font-size:17px;font-weight:600;color:#333;margin:25px 0 15px 0;padding-bottom:8px;border-bottom:1px solid #eee;min-height:1em}.ai-report-body h4:first-of-type{margin-top:0}.ai-report-body p{line-height:1.7;color:#444;margin:0 0 18px 0;min-height:1em}.ai-verdict{font-style:italic;border-left:4px solid #5D5CDE;padding-left:15px;margin:5px 0 25px 0;font-size:16px;color:#222;min-height:3em}
.ai-video-container{display:flex;margin:20px 0;opacity:0;transition:opacity .5s ease-in;position:relative}
.ai-video-container video{width:100%;height:auto;border-radius:8px;background-color:#eee;display:block;max-width:100%}
.ai-video-watermark{position:absolute;bottom:5px;right:5px;background-color:#000;color:#fff;padding:3px 7px;font-size:11px;font-weight:500;border-radius:3px;z-index:5;font-family:sans-serif}
.ai-evidence-item{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.ai-evidence-item:last-child{border-bottom:none}.ai-evidence-badge{display:inline-block;padding:4px 9px;border-radius:6px;font-size:11px;font-weight:600;margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase;cursor:help;border:1px solid transparent}.ai-evidence-badge--human{background-color:#e8f5e9;color:#2e7d32;border-color:#a5d6a7}.ai-evidence-badge--lab{background-color:#e3f2fd;color:#1565c0;border-color:#90caf9}.ai-evidence-badge--review{background-color:#f3e5f5;color:#6a1b9a;border-color:#ce93d8}.ai-evidence-badge--meta{background-color:#fff3e0;color:#ef6c00;border-color:#ffcc80}.ai-evidence-badge--other{background-color:#eceff1;color:#37474f;border-color:#b0bec5}.ai-evidence-title{font-weight:600;margin-bottom:8px;font-size:15px;min-height:1em}.ai-evidence-summary{font-size:14px;line-height:1.6;margin-bottom:10px;color:#555;min-height:2em}.ai-evidence-source{font-size:12px;color:#777;font-style:italic;opacity:0;transition:opacity .5s ease-in}.ai-nuance-item{margin-bottom:20px}.ai-nuance-title{font-weight:600;font-size:15px;margin-bottom:8px;min-height:1em}.ai-nuance-text{font-size:14px;line-height:1.6;color:#555;min-height:1em}.ai-nuance-item img{max-width:100%;border-radius:6px;margin-top:10px;border:1px solid #eee;display:block;opacity:0;transition:opacity .5s ease-in}.ai-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:30px 0 15px 0;padding-top:15px;border-top:1px solid #eee;opacity:0;transition:opacity .5s ease-in}.ai-action-button{background-color:#eee;border-color:#ddd;flex-grow:0;flex-shrink:0}.ai-action-button:hover{background-color:#5D5CDE;color:#fff;border-color:#5D5CDE}.ai-product-context{background-color:#f8f8f8;border:1px solid #eee;border-radius:8px;padding:20px;margin:25px 0;display:none;transition:opacity .3s ease-out}.ai-product-context h5{font-size:16px;font-weight:600;color:#333;margin:0 0 15px 0}.ai-product-context ul{list-style-type:disc;padding-left:20px;margin:0}.ai-product-context li{margin-bottom:10px;font-size:14px;line-height:1.6;color:#555}.ai-product-context li:last-child{margin-bottom:0}.ai-disclaimer{font-size:11px;color:#999;text-align:center;line-height:1.5;margin-top:15px;opacity:0;transition:opacity .5s ease-in}.ai-tooltip{position:relative;display:inline-block;border-bottom:1px dotted #5D5CDE;cursor:help;color:#5D5CDE;font-weight:500}.ai-tooltip .ai-tooltiptext{visibility:hidden;width:250px;background-color:#333;color:#fff;text-align:left;border-radius:6px;padding:10px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-125px;opacity:0;transition:opacity .3s;font-size:12px;line-height:1.5;font-weight:400;font-style:normal}.ai-tooltip .ai-tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.ai-tooltip:hover .ai-tooltiptext{visibility:visible;opacity:1}
.ai-data-snippet{display:inline-block;padding:0 5px;margin:0 1px;border-radius:4px;background-color:#eef2ff;border:1px solid #dbe1ff;font-family:monospace;font-size:.9em;line-height:1.4;vertical-align:baseline}
.sf-quality-icons-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid #eee}.sf-quality-icon{width:40px;height:auto;object-fit:contain}.sf-certificate-button-container{text-align:center;margin-top:20px}.sf-certificate-button{gap:8px;font-weight:500}.sf-certificate-button svg{width:18px;height:18px}
.pro-pdf-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:100000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.pro-pdf-modal-overlay.active{opacity:1;visibility:visible;transition:opacity .3s ease}
.pro-pdf-modal-content{background-color:#fff;border-radius:0;box-shadow:none;width:100%;max-width:100%;height:100%;max-height:100vh;margin:0;display:flex;flex-direction:column;overflow:hidden;transform:scale(1)}
.pro-pdf-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0;position:sticky;top:0;background:#fff;z-index:10}.pro-pdf-modal-title{font-size:18px;font-weight:600;color:#2d3748;margin:0}.pro-pdf-close-button{background:0 0;border:none;font-size:28px;cursor:pointer;color:#718096;padding:0;line-height:1}.pro-pdf-modal-body{flex-grow:1;overflow:auto;background-color:#f7fafc;position:relative;display:flex;justify-content:center;align-items:flex-start;padding:10px}#pdf-render-canvas{max-width:100%;height:auto;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.pro-pdf-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e2e8f0;background-color:#fff;flex-shrink:0;position:sticky;bottom:0}.pro-pdf-nav-button{padding:8px 16px;background-color:#4A5568;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.pro-pdf-nav-button:hover:not(:disabled){background-color:#2D3748}.pro-pdf-nav-button:disabled{background-color:#CBD5E0;cursor:not-allowed}.pro-pdf-page-indicator{font-size:14px;font-weight:500;color:#4a5568}.pro-pdf-toolbar{display:flex;justify-content:center;align-items:center;gap:10px;padding:8px;background-color:#edf2f7;border-bottom:1px solid #e2e8f0;flex-shrink:0}

/* --- NEW: Mobile Full Width --- */
@media screen and (max-width:768px){
  .mi-buttons-container{gap:6px}
  .mi-button,.sf-toggle-button{padding:6px 10px;font-size:12px}
  .mi-modal-content{padding:0;width:100%;max-height:100vh;height:100%;border-radius:0}
  
  /* NEW: Remove padding from scroll area */
  .mi-modal-scroll-area{padding:0;}
  
  /* NEW: Add padding back to initial/report states */
  .mi-modal-state#mi-initial-state, .mi-modal-state#ai-report-state {
    padding: 20px;
  }
  
  .mi-modal-fixed-header{padding:15px 20px}
  .mi-modal-fixed-header h3{font-size:18px}
  .mi-benefits-section,.mi-references-section,.sf-facts-container{padding:15px}
  .mi-reference-category,.sf-blend-ingredients{padding:12px 15px}
  .ai-trigger-section{padding:15px 20px}
  .ai-trigger-title{font-size:16px}
  .ai-trigger-desc{font-size:13px}
  .ai-trigger-button{font-size:13px;padding:8px 14px}
  #ai-loading-title{font-size:20px}
  .ai-actions{gap:8px}
  .ai-action-button{font-size:12px;padding:7px 12px}
  .pro-pdf-modal-body{padding:5px} 
  .pro-pdf-modal-header,.pro-pdf-modal-footer,.pro-pdf-toolbar{padding:8px 15px} 
  .pro-pdf-modal-title{font-size:16px} 
  .pro-pdf-nav-button{padding:6px 12px;font-size:13px}

  /* --- NEW: Full Width Mobile Styles --- */
  .mi-modal-state.ai-loading-state {
    padding: 10vh 0 40px 0; /* Remove side padding */
  }
  .ai-multi-stage-loader {
    max-width: 100%; /* Allow loader to fill width */
    padding: 0 25px; /* Add padding *inside* the loader */
  }
  .ai-stage.stage-visible {
    padding-top: 20px; /* Add spacing between stages */
  }
  .ai-stage:first-child.stage-visible {
    padding-top: 0; /* No padding on the very first one */
  }
  .ai-stage-status { width: 120px; } /* Mobile fix for task text */
  .ai-task-text { font-size: 10px; }
}
</style>