/* Result-only treatment for the approved free-service and bonus-hours mockups. */
#oneCSelector .oc-bonus{display:flex;align-items:flex-start;gap:15px;margin-top:17px;padding:17px 18px;border:1px solid #c9ebd2;border-radius:8px;background:#eefaf1;color:#171a20}
#oneCSelector .oc-bonus-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;color:#171a20}
#oneCSelector .oc-bonus-icon svg{width:43px;height:43px}
#oneCSelector .oc-bonus h5{margin:0 0 5px;font-size:14px;font-weight:700;line-height:1.35}
#oneCSelector .oc-bonus strong{display:block;color:#198a49;font-size:28px;line-height:1.15;font-weight:800}
#oneCSelector .oc-bonus ul{list-style:none;margin:7px 0 0;padding:0;font-size:12px;line-height:1.4}
#oneCSelector .oc-bonus li+li{margin-top:3px}
#oneCSelector .oc-bonus small{display:block;margin-top:8px;color:#536478;font-size:11px;line-height:1.4}
#oneCSelector .oc-service-free{border-color:#c9ebd2;background:#eefaf1}
#oneCSelector .oc-service-title input{accent-color:#d71920}
#oneCSelector .oc-service-bottom{align-items:center}
#oneCSelector .oc-service-price{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:24px}
#oneCSelector .oc-service-price strong{font-size:12px;font-weight:700}
#oneCSelector .oc-service-free .oc-service-price strong{color:#168546}
#oneCSelector .oc-free-badge{display:inline-block;border-radius:16px;background:#26a857;color:#fff;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap}
#oneCSelector .oc-service-totals{margin-top:14px;padding:13px 2px 0;border-top:1px solid #e7ebf0;background:transparent}
#oneCSelector .oc-service-totals p{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:700}
#oneCSelector .oc-service-totals p strong{font-size:18px}
#oneCSelector .oc-service-totals small{font-size:12px}
#oneCSelector .oc-result .oc-services{border:1px solid #d9e2ed;border-radius:8px;padding:15px;background:#fff;align-self:start}
#oneCSelector .oc-result-cta{display:block;width:100%;margin-top:16px}
#oneCSelector .oc-result .oc-navigation{justify-content:flex-start;margin-top:14px;padding-top:0;border:0}
@media(min-width:1101px){
 #oneCSelector:has(.oc-result) .oc-workspace{grid-template-columns:210px minmax(0,1fr);gap:22px}
 #oneCSelector:has(.oc-result) .oc-answer-list{display:block}
 #oneCSelector:has(.oc-result) .oc-mobile-answers{display:none}
 #oneCSelector:has(.oc-result) .oc-result-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.95fr)}
}
@media(max-width:760px){
 #oneCSelector .oc-bonus{gap:11px;padding:13px 12px}
 #oneCSelector .oc-bonus-icon,#oneCSelector .oc-bonus-icon svg{width:35px;height:35px;flex-basis:35px}
 #oneCSelector .oc-bonus strong{font-size:25px}
 #oneCSelector .oc-result .oc-product{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:7px;align-items:center;padding:11px 0}
 #oneCSelector .oc-result .oc-product img{display:block;grid-column:1;grid-row:1;width:34px;height:47px;object-fit:contain}
 #oneCSelector .oc-result .oc-product-icon{display:grid;grid-column:1;grid-row:1;width:34px;height:47px}
 #oneCSelector .oc-result .oc-product>div{grid-column:2;grid-row:1;min-width:0}
 #oneCSelector .oc-result .oc-product small{display:block;font-size:11px;line-height:1.3}
 #oneCSelector .oc-result .oc-product>strong{grid-column:3;grid-row:1;max-width:none;font-size:14px;padding:0;text-align:right;white-space:nowrap}
 #oneCSelector .oc-result .oc-product a{font-weight:700}
 #oneCSelector .oc-result .oc-service-icon{display:block;flex-basis:23px;width:23px}
 #oneCSelector .oc-result .oc-service p{display:block}
 #oneCSelector .oc-service{gap:8px;padding:10px}
 #oneCSelector .oc-result .oc-services{padding:12px}
 #oneCSelector .oc-service-bottom{margin-top:6px}
 #oneCSelector .oc-service-bottom a{margin-left:auto}
}
@media(max-width:360px){
 #oneCSelector .oc-result .oc-product{grid-template-columns:32px minmax(0,1fr);gap:6px}
 #oneCSelector .oc-result .oc-product img{width:30px;height:42px}
 #oneCSelector .oc-result .oc-product>strong{grid-column:2;grid-row:2;text-align:left;font-size:13px}
 #oneCSelector .oc-service-icon{display:none!important}
 #oneCSelector .oc-service-price{gap:5px}
}