.dosage_calculator{background:#e8eeea}.dosage_calculator .container{max-width:1000px!important}.dosage_calculator .dosage_calculator_inner{display:grid;grid-template-columns:360px 1fr;border-radius:24px;overflow:hidden;background-color:#fff;-webkit-user-select:none;user-select:none}.dosage_calculator .dosage_calculator_inner .left_side{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px;transition:background .4s;background-color:#323154;color:#fff}.dosage_calculator[unit-set=per] .dosage_calculator_inner .left_side{background-color:#000}.dosage_calculator .dosage_calculator_inner .left_side .heading_content{margin-bottom:20px}.dosage_calculator .dosage_calculator_inner .left_side .heading_content .logo_block img{width:100%;max-width:100px;height:auto;margin:0 auto;vertical-align:middle}.dosage_calculator .dosage_calculator_inner .left_side .heading_content .heading_text_content .heading{margin:20px 0 10px;color:#fff}.dosage_calculator .dosage_calculator_inner .left_side .heading_content .heading_text_content .description{margin:0;line-height:normal}.dosage_calculator .dosage_calculator_inner .left_side .volume_drag .field_wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.dosage_calculator .dosage_calculator_inner .left_side .volume_drag .field_wrapper .volume_text{font-weight:600;flex:1}.dosage_calculator .dosage_calculator_inner .left_side .volume_drag .field_wrapper .volume_size{background:#ffffff21;border:1px solid rgba(255,255,255,.2);font-weight:700;padding:6px 12px;border-radius:8px}.dosage_calculator .dosage_calculator_inner .left_side .volume_drag .slider_track .slider_value{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:100px;outline:none;cursor:pointer;background:#ffffff2e}.dosage_calculator .dosage_calculator_inner .left_side .volume_drag .slider_track .slider_value::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #34d17a;box-shadow:0 3px 14px #00000047;cursor:grab;transition:transform .1s,box-shadow .15s}.dosage_calculator .dosage_calculator_inner .left_side .volume_drag .slider_track .slider_value::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.18);box-shadow:0 4px 20px #34d17a8c}.dosage_calculator .dosage_calculator_inner .left_side .volume_drag .slider_track .slider_value::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #34d17a;box-shadow:0 3px 14px #00000047;cursor:grab}.dosage_calculator .dosage_calculator_inner .left_side .volume_drag .slider_minmax{display:flex;justify-content:space-between;font-size:10px;font-weight:500;margin-top:6px;margin-bottom:12px}.dosage_calculator .dosage_calculator_inner .left_side .toggle_inner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:10px 12px;color:#000;line-height:normal}.dosage_calculator .dosage_calculator_inner .left_side .toggle_inner .toggle_text{font-weight:500;line-height:1.4;flex:1}.dosage_calculator .dosage_calculator_inner .left_side .toggle_inner .toggle_switch{position:relative;cursor:pointer}.dosage_calculator .dosage_calculator_inner .left_side .toggle_inner .toggle_switch .toggle_track{display:block;width:46px;height:26px;border-radius:100px;background:#0003;border:1px solid rgba(255,255,255,.15);position:relative;transition:background .25s,border-color .25s}.dosage_calculator .dosage_calculator_inner .left_side .toggle_inner .toggle_switch .toggle_track .toggle_thumb{display:block;position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;box-shadow:0 2px 8px #00000040;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.dosage_calculator .dosage_calculator_inner .left_side .toggle_inner .toggle_switch #toggle_value:checked+.toggle_track{background:#34d17a;border-color:#34d17a}.dosage_calculator .dosage_calculator_inner .left_side .toggle_inner .toggle_switch #toggle_value:checked+.toggle_track .toggle_thumb{transform:translate(20px)}.dosage_calculator .dosage_calculator_inner .left_side .footer_note_text{margin-top:40px;font-weight:500;letter-spacing:.05em;line-height:normal}.dosage_calculator .dosage_calculator_inner .right_side{padding:20px}.dosage_calculator .dosage_calculator_inner .right_side .heading_block{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f3f1}.dosage_calculator .dosage_calculator_inner .right_side .heading_block h3{margin:0}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan{margin-bottom:20px}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan .icon_with_text{display:flex;align-items:flex-start;gap:8px;font-size:16px;font-weight:700;border-radius:10px;padding:10px 12px;margin-bottom:12px;color:#0e5c2e;background:#e6f9ef;border:1px solid #b2e4c8}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan.severe_plan .icon_with_text{color:#8a3a00;background:#fff4e6;border-color:#ffd09e}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan.severe_plan .dosage_plan_card_list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan .dosage_plan_card_list .single_card{background:#f2fbf6;border:1px solid #c0e8d4;border-radius:12px;padding:18px 16px 14px;line-height:normal}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan.maintenance_plan .dosage_plan_card_list .single_card{display:flex;justify-content:space-between;align-items:center;gap:6px}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan.severe_plan .dosage_plan_card_list .single_card{display:flex;flex-direction:column;justify-content:space-between;gap:6px}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan.severe_plan .dosage_plan_card_list .single_card:nth-child(1){background:#fff4f4;border-color:#f5c0bc}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan.severe_plan .dosage_plan_card_list .single_card:nth-child(2){background:#fff8f0;border-color:#fad4a4}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan .dosage_plan_card_list .single_card .top_block .card_title{font-size:14px;font-weight:700;color:#0d2e1a;margin-bottom:4px}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan .dosage_plan_card_list .single_card .top_block .card_description{font-size:12px;color:#366f53;font-weight:500}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan .dosage_plan_card_list .single_card .bottom_block{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan.maintenance_plan .dosage_plan_card_list .single_card .bottom_block{align-items:center}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan .dosage_plan_card_list .single_card .bottom_block .card_size .size_number{font-size:36px;font-weight:800;color:#0e5c2e;letter-spacing:-2px;transition:all .3s cubic-bezier(.34,1.56,.64,1);margin-right:4px}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan.severe_plan .dosage_plan_card_list .single_card:nth-child(1) .bottom_block .card_size .size_number{color:#b52a1c}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan.severe_plan .dosage_plan_card_list .single_card:nth-child(2) .bottom_block .card_size .size_number{color:#a04500}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan .dosage_plan_card_list .single_card .bottom_block .card_size .text{font-size:12px;font-weight:600;color:#6aab88}.dosage_calculator .dosage_calculator_inner .custom_btn{display:block;font-size:12px;padding:4px 8px;border-radius:5px;border:1px solid #ffffff8f;color:#fff;background-color:#0e5c2e;text-align:center}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan.severe_plan .dosage_plan_card_list .single_card .top_block .card_title{font-size:12px}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan.severe_plan .dosage_plan_card_list .single_card .top_block .card_description{font-size:10px}.dosage_calculator .dosage_calculator_inner .right_side .note_text{background:#f5fdf8;border-left:3px solid #34d17a;border-radius:0 12px 12px 0;padding:12px 16px;color:#4a7a62;line-height:normal}.dosage_calculator[unit-set=ltr] .dosage_calculator_inner .left_side .volume_drag .common_vol_inner.person_vol,.dosage_calculator[unit-set=per] .dosage_calculator_inner .left_side .volume_drag .common_vol_inner.litter_vol,.dosage_calculator[unit-set=ltr] .dosage_calculator_inner .right_side .dosage_plan .dosage_plan_card_list.per_values,.dosage_calculator[unit-set=per] .dosage_calculator_inner .right_side .dosage_plan .dosage_plan_card_list.ltr_values{display:none}.dosage_calculator .dosage_calculator_inner .shop_now_button{margin-top:20px}.dosage_calculator .dosage_calculator_inner .shop_now_button .custom_btn{padding:16px 24px;background:linear-gradient(135deg,#0e8c40,#34d17a);font-size:15px;font-weight:700;text-align:center;border-radius:14px;letter-spacing:.02em;box-shadow:0 6px 24px #0e8c4059;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.dosage_calculator .dosage_calculator_inner .shop_now_button .custom_btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px #0e8c4073;background:linear-gradient(135deg,#0a6e32,#28c46e)}@media screen and (max-width:767px){.dosage_calculator .dosage_calculator_inner{grid-template-columns:1fr}.dosage_calculator .dosage_calculator_inner .left_side .footer_note_text{margin-top:20px}.dosage_calculator .dosage_calculator_inner .right_side .heading_block{margin-bottom:12px;padding-bottom:14px}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan .icon_with_text{font-size:12px}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan.maintenance_plan .dosage_plan_card_list .single_card{flex-direction:column;align-items:flex-start}.dosage_calculator .dosage_calculator_inner .right_side .dosage_plan.severe_plan .dosage_plan_card_list{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/dosage-calculator.css.map */