#dosage-guide.section{background-color:#F9F7F4;padding:60px 0}.dosage-buttons{display:flex;flex-direction:column}.dosage-interaction{display:flex;flex-direction:row}.left-side,.right-side{padding:44px 40px;width:50%}.left-side{background-color:#fff;border-radius:30px 0 0 0}.right-side{background-color:#4a7a6a;color:#fff;border-radius:0 30px 0 0;display:flex;flex-direction:column;justify-content:center}.dosage-footer{background-color:#fafafa;padding:16px 40px;border-radius:0 0 30px 30px;font-size:13px;color:#999}.dosage-heading{font-size:32px;font-weight:500;color:#000;line-height:1.2;margin-bottom:15px}.dosage-buttons .dosage-description{font-size:14px;font-weight:400;line-height:1.7}.right-side .txt{font-size:14px;font-weight:400}.dosage-tabs{background:rgba(0,0,0,.15);display:flex;flex-direction:row;border-radius:10px;padding:4px;margin-top:15px;margin-bottom:30px}button.tab{background:none;text-align:center;flex:1;padding:12px 8px;font-size:15px;color:rgba(255,255,255,.6);border-radius:8px;cursor:pointer;font-weight:600;border:none;transition:color 0.2s ease,background-color 0.2s ease}button.tab:hover{color:rgba(255,255,255,.85)}button.tab.active{background-color:rgba(255,255,255,.2);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.dosage-display{text-align:center}.dosage-display .dosage{font-weight:700;font-size:clamp(48px, 5vw, 56px)}.dosage-display .serving{font-size:17px;font-weight:400}.dosage-display .dosage-description{font-size:14px;font-weight:400}.dsg-table-row{display:grid;grid-template-columns:1fr 1fr;padding:12px;text-align:center;font-size:14px}.dsg-table-row+.dsg-table-row{border-top:1px solid rgba(255,255,255,.1)}.dsg-table-row.header{font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding-bottom:14px;border-top:none}.dsg-table-row .label{text-align:left;font-weight:500}.dsg-table-row .amount{font-weight:600}.dosage-steps.mobile{display:none}.dosage-steps.desktop{display:flex;flex-direction:column;gap:20px;margin-top:24px}.dosage-step{position:relative;padding-left:42px}.dosage-step::before{content:attr(dosage-step);position:absolute;top:0;left:1px;height:30px;width:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:11px;background-color:#eef5f2;color:#4a7a6a;border:1.5px solid #d4e8df;font-weight:700}.dosage-steps.desktop .dosage-step:not(:last-child)::after{content:'';position:absolute;left:15px;top:32px;bottom:-20px;width:1.5px;background-color:#e4ede8}.step-title{font-size:18px;font-weight:700;margin-bottom:2px}.step-text{font-size:16px;font-weight:400;line-height:1.55;color:#000}.dosage-details{border:none}.dosage-summary{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background-color:#f8faf9;border:1px solid #eef2f0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#4a7a6a;list-style:none;transition:background-color 0.2s ease;-webkit-user-select:none;user-select:none}.dosage-summary::-webkit-details-marker,.dosage-summary::marker{display:none;content:''}.dosage-summary:hover{background-color:#f0f5f2}.dosage-summary:focus-visible{outline:2px solid #4a7a6a;outline-offset:2px}.dosage-summary_left{display:flex;align-items:center;gap:8px}.dosage-summary_icon{width:16px;height:16px;flex-shrink:0}.dosage-summary_chevron{width:16px;height:16px;flex-shrink:0;transition:transform 0.3s ease}.dosage-details[open]>.dosage-summary .dosage-summary_chevron{transform:rotate(180deg)}.dosage-details[open]>.dosage-summary{border-radius:10px 10px 0 0;border-bottom-color:transparent}.dosage-step_body{padding:20px 24px 24px;background-color:#fafcfb;border:1px solid #eef2f0;border-top:none;border-radius:0 0 10px 10px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.dosage-step_body.dosage-animating{transition:max-height 0.35s ease,opacity 0.25s ease;overflow:hidden}.dosage-step_body .dosage-step:not(:last-child)::after{content:'';position:absolute;left:15px;top:32px;bottom:-16px;width:1.5px;background-color:#e4ede8}.dosage-step_body .step-title{font-size:13px}.dosage-step_body .step-text{font-size:12px}@media (max-width:768px){#dosage-guide.section{padding:40px 0}.dosage-interaction{flex-direction:column}.left-side,.right-side{width:100%;padding:30px 20px}.left-side{border-radius:30px 30px 0 0}.right-side{border-radius:0}.dosage-heading{font-size:26px}.dosage-footer{padding:16px 20px}.dosage-steps.desktop{display:none}.dosage-steps.mobile{display:block;margin-top:20px}}@media (max-width:575px){#dosage-guide.section{padding-left:20px;padding-right:20px}}@media (max-width:480px){.left-side,.right-side{padding:24px 16px}button.tab{padding:10px 4px;font-size:11px}.dosage-footer{padding:12px 16px}.dosage-summary{padding:12px 16px;font-size:13px}.dosage-step_body{padding:16px 16px 20px}}