/* webdeal.pl account navigation and dashboard */
.body-ua #user-menu{background:#f5f8fd;border:1px solid #dce6f1;border-radius:16px;padding:12px;margin-left:0;box-sizing:border-box}
.body-ua #user-menu a{padding:12px 30px 12px 12px;border:0;border-radius:9px;color:#42617b;line-height:1.45;margin-bottom:4px;font-size:14px;overflow-wrap:break-word}
.body-ua #user-menu a.active{display:block;background:#e5efff;color:#285dc4;font-weight:700}
.body-ua #user-menu a:not(.logout):not(.active):hover{background:#eaf1fa;color:#285dc4;border-radius:9px}
.body-ua #user-menu a .counter,.body-ua #user-menu a .im-user-account-count{right:6px;background:#dce9ff;color:#285dc4;font-weight:700}
.body-ua #user-menu a.public{padding-right:30px}
.body-ua #user-menu a.logout{border-top:1px solid #dce6f1;border-radius:0;margin-top:12px;padding-top:16px}
.body-ua #user-menu a:focus-visible,#user-dashboard .card:focus-visible{outline:3px solid #8bb4ff;outline-offset:3px}
#user-dashboard #user-main{min-width:0}
#user-dashboard .headers{background:linear-gradient(110deg,#eef5ff,#f0faf5);padding:24px;border:1px solid #dce8ef;border-radius:18px}
#user-dashboard .headers h1{color:#233f58;font-size:26px;line-height:1.3}
#user-dashboard .headers h2{color:#60788e;font-size:14px;line-height:1.6}
#user-dashboard .card-box{border-top:0;padding-top:0;gap:18px;margin-top:22px;grid-template-columns:repeat(3,minmax(0,1fr))}
#user-dashboard .card{border:1px solid #dce6ef;border-radius:14px;padding:22px;background:#fff;box-shadow:0 3px 12px rgba(35,63,88,.05);min-width:0;transition:border-color .15s,box-shadow .15s}
#user-dashboard .card:hover{border-color:#8eb3ee;box-shadow:0 5px 18px rgba(35,63,88,.09);background:#fbfdff}
#user-dashboard .card .icon{width:44px;height:44px;background:#edf4ff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin:0 0 10px}
#user-dashboard .card .icon>i{font-size:23px;color:#356dd5}
#user-dashboard .card .icon>svg{width:25px;height:25px;fill:#356dd5}
#user-dashboard .card .icon .count{right:-7px;top:-7px;background:#356dd5;color:#fff;min-width:21px;height:21px;line-height:17px}
#user-dashboard .card .header{color:#233f58;font-size:17px;line-height:1.4;margin:0 0 6px}
#user-dashboard .card .description{color:#637b90;font-size:14px;line-height:1.6}
#user-dashboard .card.active .icon{background:#e5f5ee}
#user-dashboard .card.active .icon>i{color:#218363}
#user-dashboard .wd-account-add{display:inline-flex;align-items:center;justify-content:center;background:#356dd5;color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;margin-top:18px;text-decoration:none}
#user-dashboard .wd-account-add:hover{background:#285dc4}
html[mode="dark"] .body-ua #user-menu,html[mode="dark"] #user-dashboard .card,html[mode="dark"] #user-dashboard .headers{background:#182738;border-color:#33465c}
html[mode="dark"] #user-dashboard .headers h1,html[mode="dark"] #user-dashboard .card .header{color:#edf4fc}
html[mode="dark"] #user-dashboard .card .description,html[mode="dark"] #user-dashboard .headers h2,html[mode="dark"] .body-ua #user-menu a{color:#b9cbdf}
html[mode="dark"] .body-ua #user-menu a.active{background:#243e64;color:#c5dcff}
@media(max-width:1000px){#user-dashboard .card-box{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.body-ua #user-menu{position:static;width:100%;margin:0 0 18px}#user-dashboard .headers{padding:18px}#user-dashboard .headers h1{font-size:22px}#user-dashboard .card-box{gap:12px}#user-dashboard .card{padding:18px}}
@media(max-width:480px){#user-dashboard .card-box{grid-template-columns:1fr}}
/* Compact navigation and collision-free account greeting */
.body-ua #user-menu{padding:8px;background:#fff;box-shadow:0 3px 14px rgba(35,63,88,.04)}
.body-ua #user-menu a{display:flex;align-items:center;gap:9px;margin:0!important;padding:10px 8px!important;min-height:42px;box-sizing:border-box;font-size:13px;line-height:1.35}
.body-ua #user-menu a>i:not(.ext),.body-ua #user-menu a>svg{flex:0 0 17px;width:17px;margin:0;text-align:center}
.body-ua #user-menu a .counter,.body-ua #user-menu a .im-user-account-count{position:static;flex:0 0 auto;margin-left:auto;min-width:20px;height:20px;box-sizing:border-box}
.body-ua #user-menu a.public{padding-right:30px!important}
.body-ua #user-menu a.public .ext{right:9px;font-size:11px}
.body-ua #user-menu a.logout{margin-top:8px!important;padding-top:13px!important}
#user-dashboard #user-main .headers{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;row-gap:3px;align-content:center;align-items:center;height:auto;min-height:106px;padding:20px!important;box-sizing:border-box}
#user-dashboard #user-main .headers .img-container{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;grid-column:1;grid-row:1 / 3;width:64px;height:64px;margin:0;align-self:center;overflow:hidden;border-radius:50%;flex:none}
#user-dashboard #user-main .headers .img-container img{display:block;width:64px;height:64px;object-fit:cover}
#user-dashboard #user-main .headers h1{grid-column:2;grid-row:1;margin:0;font-size:24px;line-height:1.3;overflow-wrap:anywhere;align-self:end}
#user-dashboard #user-main .headers h2{grid-column:2;grid-row:2;margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere;align-self:start}
@media(max-width:480px){#user-dashboard #user-main .headers{grid-template-columns:52px minmax(0,1fr);column-gap:12px;padding:16px!important}#user-dashboard #user-main .headers .img-container,#user-dashboard #user-main .headers .img-container img{width:52px;height:52px}#user-dashboard #user-main .headers h1{font-size:20px}}
/* Profile editor */
.body-ua #user-menu a.active{display:flex;gap:9px;align-items:center}
#user-profile #user-main>h1{color:#233f58;font-size:28px;margin-bottom:20px}
#user-profile .profile-box form.profile>.wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px;align-items:start}
#user-profile .profile-box .left-block,#user-profile .profile-box .right-block{width:auto;min-width:0;padding:24px;border:1px solid #dce6ef;border-radius:16px;background:#fff;box-sizing:border-box;box-shadow:0 3px 14px rgba(35,63,88,.04);position:static}
#user-profile .profile-box .right-block{background:#f7faff}
#user-profile .profile-box label{font-size:14px;font-weight:600;color:#36536e;margin-bottom:7px}
#user-profile .profile-box .row{margin-bottom:19px}
#user-profile .profile-box input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=file]),#user-profile .profile-box select,#user-profile .profile-box textarea{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #d3dfed;border-radius:10px;background:#fff;padding:12px 14px;color:#233f58;font-size:15px;box-shadow:none;min-height:46px}
#user-profile .profile-box input:disabled{background:#f1f5f9!important;color:#71869b!important}
#user-profile .profile-box textarea{min-height:150px;resize:vertical}
#user-profile .profile-box input:focus,#user-profile .profile-box select:focus,#user-profile .profile-box textarea:focus{outline:2px solid #aac7fa;outline-offset:1px;border-color:#5184ef}
#user-profile .profile-box .profile-img{padding-bottom:22px;margin-bottom:22px;border-color:#e1e9f2}
#user-profile .profile-img .img-preview{width:88px;height:88px;border:1px solid #dce6ef;border-radius:14px;background:#fff;box-shadow:none;overflow:hidden;margin-bottom:12px}
#user-profile .profile-img .img-container,#user-profile .profile-img .img-container img{width:88px;height:88px;object-fit:contain;display:block}
#user-profile .profile-img .btn,#user-profile .user-buttons .btn{border-radius:9px;padding:11px 15px;height:auto;box-shadow:none;line-height:1.4}
#user-profile .profile-img .btn:not(.remove-profile-picture),#user-profile .user-buttons button[type=submit]{background:#356dd5;color:#fff;border:1px solid #356dd5}
#user-profile #user-loc h2{color:#233f58;font-size:19px;margin-bottom:18px}
#user-profile .locate-me{border:1px solid #d8ece4;border-radius:12px;background:#eaf7f0;padding:15px;box-sizing:border-box}
#user-profile .user-buttons{gap:12px;flex-wrap:wrap;align-items:center}
#user-profile .btn-remove-account{background:#fff;color:#a64040;border:1px solid #e5c8c8;margin-left:auto}
#user-profile .profile-box.alt{background:#fff;border:1px solid #dce6ef;border-radius:16px;padding:24px;margin-top:22px}
html[mode=dark] #user-profile .profile-box .left-block,html[mode=dark] #user-profile .profile-box .right-block,html[mode=dark] #user-profile .profile-box.alt{background:#182738;border-color:#33465c}
html[mode=dark] #user-profile .profile-box label,html[mode=dark] #user-profile #user-loc h2,html[mode=dark] #user-profile #user-main>h1{color:#dce9f7}
@media(max-width:1000px){#user-profile .profile-box form.profile>.wrap{grid-template-columns:1fr}#user-profile .profile-box .right-block{margin-top:0}}
@media(max-width:480px){#user-profile .profile-box .left-block,#user-profile .profile-box .right-block,#user-profile .profile-box.alt{padding:18px}#user-profile .user-buttons .btn{width:100%;text-align:center;margin-left:0}}
/* Wallet and credit packages */
.osp-body-pack{padding:22px!important;box-sizing:border-box;color:#36536e}
.osp-body-pack .wd-wallet-title{font-size:26px;color:#233f58;margin:0 0 8px;line-height:1.3}
.osp-body-pack .wd-wallet-intro{color:#637b90;font-size:14px;margin:0 0 20px;line-height:1.6}
.osp-body-pack .osp-h1{border:1px solid #dce6ef;border-radius:12px;background:#eef5ff;box-shadow:none;color:#42617b;margin-bottom:20px}
.osp-body-pack .osp-h1:before{background:#356dd5;border-radius:11px 0 0 11px}
.osp-body-pack #osp-vcr,.osp-body-pack #osp-aff{background:#fff;border:1px solid #dce6ef;border-radius:14px;padding:20px;box-sizing:border-box;margin:0 0 18px;box-shadow:0 3px 12px rgba(35,63,88,.04);font-size:14px;line-height:1.7}
.osp-body-pack #osp-vcr .osp-h2,.osp-body-pack #osp-aff .osp-h2{font-size:18px;color:#233f58;border-bottom:1px solid #e5edf5;padding-bottom:12px;margin-bottom:12px}
.osp-body-pack #osp-vcr .osp-h2 i,.osp-body-pack #osp-aff .osp-h2 i{background:#eaf2ff;color:#356dd5;box-shadow:none}
.osp-body-pack #osp-vcr input[type=text]{height:44px;border:1px solid #d3dfed;border-radius:9px;background:#fff;padding:10px 12px;box-sizing:border-box;max-width:100%}
.osp-body-pack #osp-vcr button{height:44px;border:0;border-radius:9px;background:#356dd5;color:#fff;padding:10px 18px;box-shadow:none}
.osp-body-pack #osp-aff .osp-invite-link{background:#edf6f2;border:1px solid #d6e9e0;padding:12px;border-radius:9px;overflow-wrap:anywhere;word-break:break-word;max-width:100%;box-sizing:border-box}
.osp-body-pack #osp-aff .osp-referral-code{background:#e5efff;color:#285dc4;padding:3px 7px;border-radius:5px}
.osp-body-pack .osp-share{display:flex;flex-wrap:wrap;gap:8px}
.osp-body-pack .osp-share a{border-radius:8px;padding:10px 12px;margin:0!important;float:none!important;text-decoration:none;font-size:13px}
.osp-body-pack>.osp-lab{font-size:20px;color:#233f58;line-height:1.5;margin:15px 0!important}
.osp-body-pack>.osp-content{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}
.osp-body-pack .osp-pack{width:100%!important;margin:0!important;float:none!important;box-sizing:border-box;background:#fff!important;color:#233f58!important;border:1px solid #dce6ef;border-radius:14px;padding:20px!important;text-shadow:none;box-shadow:0 3px 12px rgba(35,63,88,.05)}
.osp-body-pack .osp-pack .osp-left,.osp-body-pack .osp-pack .osp-right1,.osp-body-pack .osp-pack .osp-right2{width:100%!important;float:none!important;box-sizing:border-box;border-color:#e5edf5;padding-left:0;padding-right:0}
.osp-body-pack .osp-pack .osp-h2{font-size:20px;color:#233f58}
.osp-body-pack .osp-pack .osp-desc{font-size:13px;color:#637b90;line-height:1.5;margin-top:5px}
.osp-body-pack .osp-pack .osp-right1{margin:18px 0;position:relative;padding-right:65px}
.osp-body-pack .osp-pack .osp-price{font-size:27px;line-height:1.3;color:#218363;font-weight:700}
.osp-body-pack .osp-pack .osp-cost{font-size:14px;color:#42617b;margin-top:6px}
.osp-body-pack .osp-pack .osp-perc{background:#e8f6ee!important;color:#218363!important;box-shadow:none!important;border:0!important;font-size:14px}
.osp-body-pack .osp-pack .osp-right2 a{display:block;width:100%;float:none;background:#356dd5;color:#fff;border-radius:9px;padding:13px;text-shadow:none;box-sizing:border-box}
.osp-body-pack .osp-pack .osp-right2 a:hover{background:#285dc4}
body:has(.osp-body-pack) .osp-nav,body:has(.osp-body-pack) #osp-tab-menu{border-radius:12px;overflow:hidden}
@media(max-width:900px){.osp-body-pack>.osp-content{grid-template-columns:1fr}.osp-body-pack{padding:16px!important}}
/* Promotion checkout */
html body:has(.osp-body-cart) { background:#f7f9fc; }
html body .osp-body-cart { max-width:1160px; width:100%; margin:12px auto 45px; color:#365a74; }
html body .osp-body-cart .osp-manage-top { float:none; padding:0 210px 0 0; margin-bottom:24px; }
html body .osp-body-cart .osp-manage-top>.osp-h1 { font-size:28px; line-height:1.3; color:#254963; font-weight:750; margin:0 0 12px; }
html body .osp-body-cart .osp-manage-top>.osp-h2 { font-size:13px; line-height:1.8; color:#6e879a; }
html body .osp-body-cart .osp-top-button { width:auto; max-width:190px; display:inline-flex; align-items:center; gap:8px; padding:12px 16px; border:1px solid #d4e2ed; border-radius:9px; background:#fff; color:#356dd5; }
html body .osp-body-cart .osp-top-button i { position:static; width:auto; height:auto; line-height:1; background:none; color:inherit; border:0; }
html body .osp-body-cart .osp-promote-form .osp-h1 { background:#edf4fc!important; color:#365f86!important; box-shadow:none!important; border:1px solid #d9e6f1!important; border-radius:9px!important; padding:15px 48px 15px 17px!important; font-size:16px!important; }
html body .osp-body-cart .osp-promote-form .osp-h1:after { color:#356dd5!important; background:none!important; }
html body .osp-body-cart .wd-checkout-heading { clear:both; font-size:20px; color:#2d506a; margin:30px 0 16px; font-weight:700; }
html body .osp-body-cart .osp-cart { float:none!important; width:100%!important; border:1px solid #dbe6ee; border-radius:14px; background:#fff; overflow:hidden; margin:0 0 25px!important; }
html body .osp-body-cart .osp-cart-head-row,html body .osp-body-cart .osp-cart-row { display:grid!important; grid-template-columns:minmax(0,1fr) 70px 110px 38px; gap:14px; align-items:center; float:none!important; width:100%!important; padding:20px 22px!important; border:0; border-bottom:1px solid #e4ebf2; background:#fff; box-sizing:border-box; }
html body .osp-body-cart .osp-cart-head-row { padding:12px 22px!important; background:#f4f8fb; color:#8198aa; font-size:11px; }
html body .osp-body-cart .osp-cart-col { float:none!important; width:auto!important; min-width:0!important; padding:0!important; border:0!important; height:auto!important; text-align:left; }
html body .osp-body-cart .osp-cart-col.code { display:none!important; }
html body .osp-body-cart .osp-cart-col.prod { display:flex; flex-direction:column; gap:9px; }
html body .osp-body-cart .osp-cart-col.prod .p1 { align-self:flex-start; float:none!important; width:auto!important; margin:0!important; border-radius:6px; padding:5px 9px!important; font-size:11px!important; line-height:1.5; background:#e9f1fc!important; color:#3d6ba4!important; }
html body .osp-body-cart .osp-cart-col.prod .px { float:none!important; width:100%!important; max-width:none!important; }
html body .osp-body-cart .osp-cart-col.prod .p2,html body .osp-body-cart .osp-cart-col.prod .p3 { display:block; float:none!important; width:100%; margin:0; line-height:1.7!important; overflow-wrap:anywhere; }
html body .osp-body-cart .osp-cart-col.prod .p2 { font-size:14px; color:#345a74; }
html body .osp-body-cart .osp-cart-col.prod .p2 a { color:inherit; text-decoration:none; }
html body .osp-body-cart .osp-cart-col.prod .p3 { font-size:12px; color:#8297a8; margin-top:4px; }
html body .osp-body-cart .osp-cart-col.pric { font-size:17px; font-weight:700; color:#365f4b; text-align:right; white-space:nowrap; }
html body .osp-body-cart .osp-cart-col.qty { font-size:12px; color:#8096a7; text-align:center; }
html body .osp-body-cart .osp-cart-col.delt a { display:flex; align-items:center; justify-content:center; width:34px; height:34px; color:#9aaebc; border-radius:7px; background:#f4f8fb; }
html body .osp-body-cart .osp-cart-col.delt a:hover { color:#b65566; background:#fff0f2; }
html body .osp-body-cart .osp-cart-total { background:#edf6f1!important; border:0; }
html body .osp-body-cart .osp-cart-total .prod { font-weight:650; color:#3b6550; font-size:15px; }
html body .osp-body-cart .osp-cart-total .pric span { background:none; padding:0; font-size:23px; }
html body .osp-body-cart .osp-cart-empty { display:block!important; text-align:center; padding:30px!important; color:#7a91a3; }
html body:has(.osp-body-cart) .osp-pay-label { display:block; float:none; font-size:20px; color:#2d506a; font-weight:700; margin:30px 0 15px; }
html body:has(.osp-body-cart) .osp-pay-button { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; float:none!important; width:100%!important; padding:0; margin:0; list-style:none; }
html body:has(.osp-body-cart) .osp-pay-button>li { width:100%!important; min-width:0; float:none!important; margin:0!important; padding:0!important; }
html body:has(.osp-body-cart) .osp-pay-button>li>a,html body:has(.osp-body-cart) .osp-pay-button>li>button { width:100%!important; border:1px solid #d6e3ee!important; border-radius:12px!important; background-color:#fff!important; min-height:120px; box-shadow:0 4px 12px #24496505; }
html body:has(.osp-body-cart) .osp-pay-button>li>a:hover,html body:has(.osp-body-cart) .osp-pay-button>li>button:hover { border-color:#7fa4de!important; box-shadow:0 6px 18px #356dd515; }
html body:has(.osp-body-cart) .osp-pay-button a:focus-visible { outline:3px solid #8cb2ef; outline-offset:3px; }
html body .osp-body-cart .wd-checkout-note { clear:both; margin:16px 0 0; font-size:12px; line-height:1.75; color:#8297a8; }
html[mode=dark] body .osp-body-cart .osp-cart-row,html[mode=dark] body .osp-body-cart .osp-cart { background:#233c51; border-color:#3b596f; }
html[mode=dark] body .osp-body-cart .osp-manage-top>.osp-h1,html[mode=dark] body .osp-body-cart .wd-checkout-heading,html[mode=dark] body:has(.osp-body-cart) .osp-pay-label,html[mode=dark] body .osp-body-cart .osp-cart-col.prod .p2 { color:#bfd9eb; }
@media(max-width:600px) {
 html body .osp-body-cart .osp-manage-top { padding:0; }
 html body .osp-body-cart .osp-manage-top>.osp-h1 { font-size:24px; }
 html body .osp-body-cart .osp-top-button { position:static; margin-top:14px; }
 html body .osp-body-cart .osp-cart-head-row { display:none!important; }
 html body .osp-body-cart .osp-cart-row { grid-template-columns:minmax(0,1fr) 38px; gap:12px; padding:19px 16px!important; }
 html body .osp-body-cart .osp-cart-col.prod { grid-column:1; grid-row:1; }
 html body .osp-body-cart .osp-cart-col.delt { grid-column:2; grid-row:1; }
 html body .osp-body-cart .osp-cart-col.qty { display:none!important; }
 html body .osp-body-cart .osp-cart-col.pric { grid-column:1; text-align:left; }
 html body:has(.osp-body-cart) .osp-pay-button { grid-template-columns:1fr!important; }
}
html body .osp-body-cart .osp-cart-head-row .osp-cart-col.pric { font-size:11px; color:#8198aa; font-weight:500; }
html body .osp-body-cart .osp-cart-col.prod .p1 { border:0!important; }
html body .osp-body-cart .osp-cart-total .pric span { background:transparent!important; padding:0!important; }
html body:has(.osp-body-cart) .osp-pay-button { grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important; }
@media(max-width:600px) { html body:has(.osp-body-cart) .osp-pay-button { grid-template-columns:1fr!important; } }
html body .osp-body-cart .osp-promote-form .osp-wrap { box-shadow:none!important; border:0!important; background:transparent!important; padding:8px 0 0!important; }
html body .osp-body-cart .osp-promote-form form { box-shadow:none!important; background:transparent!important; border:0!important; padding:0!important; }
html body .osp-body-cart .osp-promote-form .osp-wrap { box-shadow:none!important; background:transparent!important; }
html body .osp-body-cart .osp-promote-form select { appearance:none; -webkit-appearance:none; height:46px!important; line-height:1.5!important; padding:11px 38px 11px 14px!important; box-shadow:none!important; border-radius:9px!important; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23356dd5' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 13px center!important; cursor:pointer; }
html body .osp-body-cart .osp-promote-form select:focus-visible { outline:3px solid #c6daf7; outline-offset:2px; border-color:#7fa4de!important; }
html body .osp-body-cart .wd-checkout-listing { position:relative; }
html body .osp-body-cart .wd-checkout-listing::after { content:attr(data-tooltip); display:none; position:absolute; bottom:calc(100% + 10px); left:0; width:max-content; max-width:260px; padding:10px 13px; border:1px solid #d3e2ee; border-radius:9px; background:#f3f8fd; color:#355d79; font-size:12px; line-height:1.5; font-weight:500; box-shadow:0 5px 16px #24496516; z-index:10; pointer-events:none; }
html body .osp-body-cart .wd-checkout-listing:hover::after,html body .osp-body-cart .wd-checkout-listing:focus-visible::after { display:block; }
html body .osp-body-cart .osp-cart { overflow:visible!important; }
html body .osp-body-cart .osp-cart-head-row { border-radius:14px 14px 0 0; }
html body .osp-body-cart .osp-cart-total { border-radius:0 0 14px 14px; }
@media(hover:none) { html body .osp-body-cart .wd-checkout-listing:hover::after { display:none; } }
html body .osp-body-cart .wd-checkout-listing:focus-visible,html body .osp-body-cart .osp-promote-form .osp-h1:focus-visible { outline:2px solid #83a9e6; outline-offset:4px; border-radius:5px; }


/* Account cart: coupon and payment notices are outside the cart wrapper. */
.osp-body-cart{padding:22px!important;box-sizing:border-box}
.osp-body-cart>.wd-cart-title{font-size:26px;color:#233f58;margin:0 0 12px}
.osp-body-cart>.osp-h1{color:#637b90;font-size:14px;margin-bottom:20px}
body:has(.osp-body-cart) .osp-voucher-box{float:none;clear:both;width:100%;margin:18px 0;padding:18px;background:#f7faff;border:1px solid #dce6ef;border-radius:12px;box-sizing:border-box}
body:has(.osp-body-cart) .osp-voucher-box form{display:flex;gap:10px;flex-wrap:wrap}
body:has(.osp-body-cart) .osp-voucher-box input[type=text]{float:none;width:280px;max-width:100%;height:44px;border:1px solid #d3dfed;border-radius:9px;padding:10px 12px;box-sizing:border-box}
body:has(.osp-body-cart) .osp-voucher-box button{position:static;float:none;height:44px;border:0;border-radius:9px;padding:10px 18px;background:#356dd5;color:#fff;margin:0}
body:has(.osp-body-cart) .osp-pay-msg,body:has(.osp-body-cart) .osp-pay-err{clear:both;border:1px solid #eadfb9;border-radius:12px;background:#fff9e9;color:#66582f;box-shadow:none;padding-top:16px;padding-bottom:16px;line-height:1.6;font-size:14px}
body:has(.osp-body-cart) .osp-pay-msg:before{background:#ecd77a;border-radius:11px 0 0 11px}
@media(max-width:480px){.osp-body-cart{padding:16px!important}body:has(.osp-body-cart) .osp-voucher-box input[type=text]{width:100%}}


/* Shared payment navigation and history */
html body .osp-um{padding:8px;background:#eef4fb;border:1px solid #dce6ef;border-radius:14px;box-sizing:border-box;margin-bottom:18px}
html body .osp-um ul.osp-um-inside{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;background:none;border:0;width:100%}
html body .osp-um ul.osp-um-inside>li{float:none;width:auto!important;flex:1 1 140px;margin:0;border:0;background:none;list-style:none}
html body .osp-um ul.osp-um-inside>li>a{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 12px;height:auto;min-height:46px;border:0!important;border-radius:9px;background:transparent;color:#42617b;box-sizing:border-box;text-decoration:none;line-height:1.4;font-size:14px}
html body .osp-um ul.osp-um-inside>li>a.active{background:#356dd5;color:#fff;box-shadow:0 3px 8px rgba(53,109,213,.15)}
html body .osp-um ul.osp-um-inside>li>a:hover:not(.active){background:#e0ebfa;color:#285dc4}
html body .osp-um ul.osp-um-inside>li>a em{position:static!important;display:inline-block;background:#dce9ff;color:#285dc4;font-size:11px;padding:3px 6px;margin-left:5px;border-radius:5px;box-shadow:none;line-height:1.4}
html body .osp-um ul.osp-um-inside>li>a.active em{background:#fff;color:#285dc4}
html body .osp-um ul.osp-um-inside>li>a em:after,html body .osp-um ul.osp-um-inside>li>a em:before{display:none}
html body #osp-tab-menu{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin-bottom:20px;background:none}
html body #osp-tab-menu>a,html body #osp-tab-menu>div{float:none;margin:0;padding:10px 14px;border-radius:9px;color:#526e87;background:#f2f6fb;font-size:13px}
html body #osp-tab-menu>.osp-active{background:#e5efff;color:#285dc4;font-weight:700}
html body #osp-tab-menu:after,html body #osp-tab-menu>a:after,html body #osp-tab-menu>div:after{display:none}
html body .osp-body-payments{padding:24px;border:1px solid #dce6ef;border-radius:14px;box-sizing:border-box}
.osp-body-payments .wd-payments-title{font-size:26px;color:#233f58;margin:0 0 20px}
html body .osp-body-payments .osp-h2{background:#eef5ff;border:1px solid #dce6ef;border-radius:11px;color:#526e87;box-shadow:none;line-height:1.6}
html body .osp-body-payments .osp-h2:before{background:#356dd5;border-radius:10px 0 0 10px}
html body .osp-body-payments .osp-table-payments{border:1px solid #dce6ef;border-radius:12px;overflow-x:auto;padding-bottom:0;margin-top:18px}
html body .osp-body-payments .osp-head-row{background:#f4f8fc;color:#637b90;border-bottom:1px solid #dce6ef;font-size:12px}
html body .osp-body-payments .osp-row{background:#fff;border-bottom:1px solid #e5edf5;color:#42617b}
html body .osp-body-payments .osp-row:hover{background:#f8fbff}
html body .osp-body-payments .osp-col{padding-top:16px;padding-bottom:16px;line-height:1.6;box-sizing:border-box}
html body .osp-body-payments .osp-col.amount{color:#218363;font-weight:700}
html body .osp-body-payments .osp-col.source{background:#edf3fc!important;color:#42617b!important;font-weight:700}
html body .osp-body-payments .osp-col.details i{background:#eaf2ff;color:#356dd5;border-radius:7px}
html body .osp-body-payments .osp-empty{padding:28px;text-align:center;color:#637b90}
@media(max-width:480px){html body .osp-body-payments{padding:16px}html body .osp-um ul.osp-um-inside>li{flex-basis:40%}}


/* Account review summary and empty state */
.body-ua .wd-reviews-title{font-size:28px;line-height:1.3;color:#233f58;margin:0 0 8px}
.body-ua .wd-reviews-intro{font-size:14px;color:#637b90;line-height:1.6;margin:0 0 24px}
.body-ua #ur-box-show{gap:20px;width:100%;box-sizing:border-box}
.body-ua #ur-box-show .ur-over{background:linear-gradient(110deg,#eef5ff,#eff9f3);border:1px solid #dce6ef;border-radius:16px;padding:24px;box-sizing:border-box;max-width:100%;width:100%;text-align:left}
.body-ua #ur-box-show .ur-glob{font-size:46px;line-height:1.2;color:#233f58;margin:0 0 12px}
.body-ua #ur-box-show .ur-glob.wd-no-rating{font-size:26px}
.body-ua #ur-box-show .ur-over:has(.wd-no-rating) .ur-stars-wrap,.body-ua #ur-box-show .ur-over:has(.wd-no-rating) .ur-level{display:none}
.body-ua #ur-box-show .ur-rat-count{font-size:14px;color:#637b90;margin-top:8px}
.body-ua #ur-box-show .ur-level span{border-radius:6px;padding:5px 9px}
.body-ua #ur-box-show .mb-total-zero{width:100%;box-sizing:border-box;background:#fff;border:1px solid #dce6ef;border-radius:16px;padding:34px 24px;color:#637b90;line-height:1.7;text-align:center;box-shadow:0 3px 12px rgba(35,63,88,.04)}
.body-ua #ur-box-show .mb-total-zero strong{display:block;font-size:18px;color:#36536e;margin-bottom:8px}
.body-ua #ur-box-show .mb-total-zero p{margin:0;font-size:14px}
.body-ua #ur-box-show .ur-charts{border:1px solid #dce6ef;border-radius:14px;padding:20px;box-sizing:border-box}
.body-ua #ur-box-show .ur-nav a{border-radius:8px;padding:9px 12px;background:#f2f6fb;color:#526e87}
.body-ua #ur-box-show .ur-nav a.active{background:#e5efff;color:#285dc4}
html[mode=dark] .body-ua #ur-box-show .ur-over,html[mode=dark] .body-ua #ur-box-show .mb-total-zero{background:#182738;border-color:#33465c;color:#b9cbdf}
html[mode=dark] .body-ua .wd-reviews-title,html[mode=dark] .body-ua #ur-box-show .ur-glob,html[mode=dark] .body-ua #ur-box-show .mb-total-zero strong{color:#edf4fc}