.page-hero{padding:var(--space-16) 0 var(--space-12);background:var(--color-bg-alt);text-align:center}.page-hero h1{font-size:var(--text-4xl);color:var(--color-primary-dark);margin-bottom:var(--space-4)}.page-hero__deck{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:640px;margin-left:auto;margin-right:auto;line-height:var(--leading-relaxed)}.content-section{padding:var(--space-16) 0}.content-section--alt{background:var(--color-bg-alt)}.content-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-6);color:var(--color-primary-dark)}.content-section h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}.content-section p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.content-section a{color:var(--color-primary);text-decoration:underline}.content-section a:hover{color:var(--color-primary-dark)}.content-section ul,.content-section ol{margin:0 0 var(--space-4) var(--space-6)}.content-section li{color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.container--narrow{max-width:768px;margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.faq-item__question{padding:var(--space-5) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";font-size:var(--text-xl);font-weight:var(--weight-normal);color:var(--color-text-muted);flex-shrink:0;transition:transform .2s ease}.faq-item[open] .faq-item__question:after{content:"\2212"}.faq-item[open] .faq-item__question{border-bottom:1px solid var(--color-border)}.faq-item__answer{padding:var(--space-5) var(--space-6)}.faq-item__answer p{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.callout{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-8) 0}.callout h3{font-size:var(--text-base);margin-bottom:var(--space-3);margin-top:0;color:var(--color-primary)}.callout ul{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.callout li{font-size:var(--text-sm);color:var(--color-text-secondary)}.callout--tip{border-left-color:var(--color-accent, #f59e0b)}.callout--tip h3{color:var(--color-accent, #f59e0b)}.callout--tip p{margin:0;font-size:var(--text-sm)}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin:var(--space-8) 0}.card-grid--single{grid-template-columns:1fr;gap:var(--space-5)}.content-card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.content-card h3{font-size:var(--text-base);color:var(--color-primary);margin-bottom:var(--space-2);margin-top:0}.content-card p{font-size:var(--text-sm);margin:0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-8) 0}.compare-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.compare-card h3{font-size:var(--text-base);margin-bottom:var(--space-4);margin-top:0;color:var(--color-primary)}.compare-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.compare-card li{font-size:var(--text-sm);color:var(--color-text-secondary)}.dose-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-8) 0}.dose-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.dose-card__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.dose-card__name{font-size:var(--text-lg);margin:0}.dose-card__range{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary)}.dose-card__desc{font-size:var(--text-sm);margin-bottom:var(--space-4)}.dose-card__meta{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.steps{display:flex;flex-direction:column;gap:var(--space-6)}.step{display:flex;gap:var(--space-5);align-items:flex-start}.step__number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:var(--color-text-inverse, #fff);font-weight:var(--weight-bold);font-size:var(--text-lg);flex-shrink:0}.step__content h3{font-size:var(--text-base);margin-bottom:var(--space-1);margin-top:0}.step__content p{font-size:var(--text-sm);margin:0}.requirements-list{list-style:none;padding:0;margin:var(--space-6) 0;display:flex;flex-direction:column;gap:var(--space-3)}.requirements-list li{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);margin:0}.requirements-list li strong{font-size:var(--text-sm);color:var(--color-text)}.requirements-list li span{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.steps-list{padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);margin:var(--space-8) 0}.steps-list li{font-size:var(--text-base);color:var(--color-text)}.steps-list li::marker{color:var(--color-primary);font-weight:var(--weight-bold)}.steps-list p{font-size:var(--text-sm);margin:var(--space-2) 0 0}.content-cta{text-align:center;padding:var(--space-8) 0}.content-cta h2{margin-bottom:var(--space-3)}.content-cta p{margin-bottom:var(--space-8);max-width:480px;margin-left:auto;margin-right:auto}.brand-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.form-group input,.form-group textarea{padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);transition:border-color .15s ease;background:var(--color-surface)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical;min-height:120px}.form-group--checkbox label{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.form-group--checkbox input[type=checkbox]{margin-top:3px;flex-shrink:0;width:18px;height:18px;accent-color:var(--color-primary)}.form-success{padding:var(--space-8);background:#10b98114;border:1px solid var(--color-success, #10b981);border-radius:var(--radius-lg);text-align:center}.form-success h3{font-size:var(--text-lg);color:var(--color-primary-dark);margin-bottom:var(--space-2)}.form-success p{font-size:var(--text-sm);margin:0}.legal h2{margin-top:var(--space-10);margin-bottom:var(--space-4);font-size:var(--text-xl)}.legal p{line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.legal a{color:var(--color-primary)}.legal__updated{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-8)}.content-img{border-radius:var(--radius-lg);overflow:hidden;margin:var(--space-10) 0}.content-img img{width:100%;height:auto;display:block}.content-img--rounded{border-radius:var(--radius-xl)}.content-img--inline{float:right;width:280px;margin:0 0 var(--space-6) var(--space-8)}.content-img--inline-left{float:left;width:280px;margin:0 var(--space-8) var(--space-6) 0}.content-img--square img{aspect-ratio:1;object-fit:cover}.clearfix:after{content:"";display:table;clear:both}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center;margin:var(--space-10) 0}.split--reverse{direction:rtl}.split--reverse>*{direction:ltr}.split__text h2{margin-bottom:var(--space-4)}.split__text h3{margin-top:0;margin-bottom:var(--space-3)}.split__img{border-radius:var(--radius-lg);overflow:hidden}.split__img img{width:100%;height:auto;display:block;border-radius:var(--radius-lg)}.highlight-box{padding:var(--space-8);border-radius:var(--radius-xl);margin:var(--space-10) 0}.highlight-box--green{background:linear-gradient(135deg,#e8f5ef,#d4edda)}.highlight-box--amber{background:var(--color-bg-warm);border:1px solid rgba(245,158,11,.2)}.highlight-box--dark{background:var(--color-primary-dark);color:#fff}.highlight-box--dark h3,.highlight-box--dark p{color:#fff}.highlight-box--dark p{opacity:.9}.highlight-box h3{font-size:var(--text-lg);margin-top:0;margin-bottom:var(--space-3)}.highlight-box p:last-child{margin-bottom:0}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin:var(--space-8) 0;text-align:center}.stat-row__item strong{display:block;font-size:var(--text-3xl);color:var(--color-primary);margin-bottom:var(--space-1)}.stat-row__item span{font-size:var(--text-sm);color:var(--color-text-secondary)}.content-banner{margin:var(--space-12) calc(-1 * var(--container-padding));border-radius:0;overflow:hidden;max-height:320px}.content-banner img{width:100%;height:320px;object-fit:cover;display:block}@media(max-width:768px){.page-hero h1{font-size:var(--text-3xl)}.card-grid,.compare-grid,.dose-grid,.form-row{grid-template-columns:1fr}.faq-item__question{padding:var(--space-4) var(--space-5);font-size:var(--text-sm)}.faq-item__answer{padding:var(--space-4) var(--space-5)}.split{grid-template-columns:1fr;gap:var(--space-6)}.split--reverse{direction:ltr}.content-img--inline,.content-img--inline-left{float:none;width:100%;margin:0 0 var(--space-6) 0}.stat-row{grid-template-columns:1fr;gap:var(--space-4)}.content-banner{max-height:200px}.content-banner img{height:200px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/shopkanna-content.css.map */