/* Long labels and connected scripts must remain legible on small phones. */
:root,body{font-family:'Country Sans',Arial,sans-serif}
button,input,select,textarea{font-family:inherit}
.brand{min-width:0;flex:1;max-width:75%!important;line-height:1.4;font-size:16px}
.brand>span:not(.brand-mark){white-space:normal;overflow-wrap:break-word}
.header-offer{max-width:26%;text-align:right;font-size:10px;line-height:1.5}
.get-offer-lead{font-size:20px;line-height:1.45}
.get-offer-value{flex-wrap:wrap;align-items:baseline}
.get-offer-tail{font-size:21px;line-height:1.5;white-space:normal;max-width:100%;margin-left:8px}
.get-product-category{font-size:11px;line-height:1.5;min-height:34px;align-items:flex-start;overflow-wrap:anywhere;word-break:break-word}
.get-product-category>span{flex-shrink:0;margin-left:3px}
.get-product-name{line-height:1.6}
.get-grid-heading h2{font-size:12px;line-height:1.5}
.get-grid-heading output{font-size:10px;padding-left:5px}
.get-guide-offer span{min-width:0;line-height:1.7;font-size:12px}
.get-guide-offer strong{font-size:25px;max-width:44%}
.get-guide-offer strong .get-guide-coupon-label{letter-spacing:0;white-space:normal;font-size:11px;line-height:1.5}
.modal-inner h2{font-size:20px;line-height:1.5;padding-right:34px;overflow-wrap:break-word}
.primary,.outline{height:auto;min-height:46px;line-height:1.5;white-space:normal;overflow-wrap:break-word}
#flowActions button{line-height:1.5;font-size:14px;height:auto;min-height:48px}
.review-payment{display:flex;flex-wrap:wrap;gap:7px;justify-content:space-between}
.review-payment strong{float:none;max-width:65%;text-align:right}
.review-payment p{flex-basis:100%;margin-top:0}
.tutorial-actions{grid-template-columns:minmax(0,1fr) 42px 42px}
.tutorial-actions .primary{font-size:12px;padding:8px;min-width:0}
.tutorial-step-nav button{font-size:10px;min-width:0;overflow-wrap:break-word;line-height:1.5}
.tutorial-caption h3{line-height:1.5}.tutorial-caption p{line-height:1.7}
.tutorial-menu-sheet>div{line-height:1.5;min-height:30px;height:auto;padding:3px 5px}
.tutorial-menu-sheet span,.tutorial-menu-sheet strong{min-width:0;white-space:normal}
.tutorial-order-button,.tutorial-field,.tutorial-order-title{line-height:1.5}
.tutorial-order-button{font-size:9px}.tutorial-field{font-size:9px}
.order-stages{gap:8px}.order-stages li{font-size:12px;line-height:1.6}
.order-countdown>div span{font-size:12px;line-height:1.5}
.color-pick{overflow-wrap:break-word;line-height:1.6}
.config-select{font-size:16px!important}
html[lang=km] .get-offer-lead,html[lang=th] .get-offer-lead,html[lang=bn] .get-offer-lead{line-height:1.8}
html[lang=km] .get-product-category,html[lang=th] .get-product-category,html[lang=bn] .get-product-category{line-height:1.8;min-height:39px}
html[lang=km] .get-product-name,html[lang=th] .get-product-name,html[lang=bn] .get-product-name{line-height:1.9}
html[lang=km] .primary,html[lang=th] .primary,html[lang=bn] .primary{line-height:1.8}
@media(max-width:359px){.brand{font-size:14px}.get-offer-lead{font-size:18px}.get-offer-tail{font-size:19px}.get-product-category{font-size:10px}.modal-inner h2{font-size:18px}.get-guide-offer span{font-size:11px}}