:root{--coupon-bg:#ededff;--coupon-card:#fff;--coupon-blue:#293cc8;--coupon-navy:#19415d;--coupon-muted:#7b829e;--coupon-line:#dfe1f2}
.coupon-page{background:var(--coupon-bg);color:#292c4a;font-family:'Poppins',Arial,sans-serif}
.coupon-wrap{max-width:1500px;margin:auto;padding:20px 22px 60px}
.coupon-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 4px 14px;border-bottom:1px solid #d9dbef;margin-bottom:14px}
.coupon-eyebrow{color:#777d9c;font-size:9px;font-weight:700;letter-spacing:.11em}.coupon-eyebrow i{color:var(--coupon-blue)}
.coupon-hero h1{margin:3px 0 0;color:#292c4a;font-size:22px;letter-spacing:-.5px}
.coupon-safe{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #d6d9f1;border-radius:9px;background:#f7f7ff}.coupon-safe>span{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#173cc8;color:#fff;font-size:17px}.coupon-safe b,.coupon-safe small{display:block}.coupon-safe b{font-size:10px}.coupon-safe small{margin-top:2px;color:#8389a2;font-size:8px}
.coupon-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr);align-items:start;gap:16px}
.coupon-fixtures,.coupon-slip,.coupon-detail{border:1px solid #dedff1;border-radius:13px;background:#fff;box-shadow:0 4px 12px #343d8010}
.coupon-toolbar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #ececf6}.coupon-date{display:grid;gap:4px;flex:0 0 130px}.coupon-date label{color:#737b99;font-size:9px;font-weight:700}
.coupon-date input,.coupon-search input{height:35px;min-width:0;border:1px solid #dedff1;border-radius:8px;background:#f8f8ff;color:#303454;padding:0 9px;font:500 10px 'Poppins',Arial,sans-serif}
.coupon-search{display:flex;align-items:center;gap:7px;flex:1;height:35px;padding:0 9px;border:1px solid #dedff1;border-radius:8px;background:#f8f8ff;color:#777e9e}.coupon-search input{width:100%;height:32px;padding:0;border:0;outline:0;background:transparent}
.coupon-refresh{height:35px;padding:0 12px;border:0;border-radius:8px;background:#eef0ff;color:#303bc4;font-size:10px;font-weight:700}
.coupon-filters{display:flex;gap:4px;overflow-x:auto;padding:9px 14px;border-bottom:1px solid #e9eaf5}.coupon-filters button{display:flex;align-items:center;gap:5px;flex:0 0 auto;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#737997;font-size:9px;font-weight:600}.coupon-filters button span{font-size:13px}.coupon-filters button.is-active{background:#303bc9;color:#fff;box-shadow:0 2px 5px #303bc933}
.coupon-status{padding:10px 14px 6px;color:#7d839f;font-size:9px}.coupon-match-list{padding:0 10px 12px}
.coupon-league{margin:0 0 9px;overflow:hidden;border:1px solid #e0e2f1;border-radius:11px;background:#fff;box-shadow:0 3px 8px #424a8210}
.coupon-league-head{display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid #dfe1f0;color:#333650}.league-count{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#3042cc;color:#fff;font-size:10px;font-weight:700}.coupon-league-head img{width:22px;height:22px;object-fit:contain}.coupon-league-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600}.coupon-league-head small{margin-left:auto;color:#8086a1;font-size:8px;white-space:nowrap}
.coupon-match{padding:9px;border-bottom:1px solid #f0f0f8}.coupon-match:last-child{border-bottom:0}.coupon-match-top{display:grid;grid-template-columns:48px minmax(130px,1fr) minmax(150px,1.5fr);align-items:center;gap:8px}
.coupon-time{display:grid;place-items:center;min-height:34px;padding:3px 5px;border:1px solid #dfe0f4;border-radius:8px;background:#f1f1ff;color:#4049c4;font-size:8px;font-weight:600;text-align:center}.coupon-time.live{border-color:#ffc6cb;background:#fff0f1;color:#ed4056}
.coupon-match-teams{display:grid;grid-template-columns:20px minmax(0,1fr) 20px;grid-template-rows:20px 20px;align-items:center;column-gap:6px;min-width:0;color:#262947;font-size:10px;font-weight:600}.coupon-match-teams img{width:18px;height:18px;object-fit:contain}.coupon-match-teams img:first-of-type{grid-column:1;grid-row:1}.coupon-match-teams img:last-of-type{grid-column:3;grid-row:2}.coupon-match-teams span{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coupon-match-teams span:not(.coupon-vs):first-of-type{grid-row:1}.coupon-match-teams span:not(.coupon-vs):last-of-type{grid-column:2;grid-row:2}.coupon-match-teams .coupon-vs{display:none}
.coupon-load-odds{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;height:35px;padding:0 10px;border:0;border-radius:9px;background:#19415d;color:#fff;cursor:pointer;text-align:left;box-shadow:0 2px 4px #142f461f}.coupon-load-odds span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600}.coupon-load-odds b{display:grid;place-items:center;width:23px;height:26px;border-radius:7px;background:#2f45d4;color:#fff;font-size:18px;font-weight:500}.coupon-load-odds:hover{background:#235576;color:#fff}.coupon-load-odds:disabled{opacity:.48;cursor:not-allowed}.coupon-load-odds.is-loading{opacity:.7}
.coupon-side{position:sticky;top:14px;display:grid;gap:12px;max-height:calc(100vh - 28px);overflow:auto;scrollbar-width:thin}.coupon-detail{overflow:hidden}
.detail-head{position:relative;display:grid;justify-items:center;padding:14px 16px 0;text-align:center}.detail-back{position:absolute;top:10px;right:12px;width:26px;height:26px;border:0;border-radius:50%;background:#f0f0fb;color:#686f8f;font-size:19px}.detail-ball{display:grid;place-items:center;width:29px;height:29px;margin-bottom:5px;border-radius:8px;background:#14a653;color:#fff;font-size:16px}.detail-kicker{padding:4px 10px;border-radius:20px;background:#f04452;color:#fff;font-size:9px;font-weight:600}.detail-head>small{margin-top:6px;color:#727a98;font-size:9px}.detail-head h2{margin:5px 0 13px;color:#252846;font-size:15px;font-weight:600}
.detail-tabs{display:grid;grid-template-columns:1fr 1fr;width:calc(100% + 32px);border-top:1px solid #e6e7f4}.detail-tabs button{height:39px;border:0;border-bottom:2px solid transparent;background:#f5f5ff;color:#777e9c;font-size:10px}.detail-tabs button.active{border-bottom-color:#3045d1;color:#273cc9;font-weight:700}.detail-tabs button:disabled{opacity:.65}
.detail-market-nav{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:10px 12px;color:#777e98;font-size:9px}.detail-market-nav>span:first-child{font-size:14px}.detail-market-nav b{padding:7px 13px;border-radius:8px;background:#2d3fc6;color:#fff;font-size:9px}
.detail-markets{display:grid;gap:8px;padding:0 10px 10px}.detail-market{overflow:hidden;border:1px solid #e7e8f2;border-radius:10px;box-shadow:0 3px 8px #29325210}.detail-market h3{display:flex;justify-content:space-between;margin:0;padding:8px 10px;background:#36627e;color:#fff;font-size:9px;font-weight:600}.detail-market h3 span{font-size:13px}.detail-market-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:6px;padding:8px}
.coupon-outcome{display:grid;justify-items:center;gap:4px;min-width:0;min-height:42px;padding:5px 7px;border:0;border-radius:8px;background:#19415d;color:#fff;cursor:pointer}.coupon-outcome span{max-width:100%;overflow:hidden;color:#dce7f0;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.coupon-outcome b{color:#fff;font-size:11px;font-weight:700}.coupon-outcome:hover,.coupon-outcome.is-selected{outline:2px solid #2f47d3;outline-offset:1px;background:#243fc3;color:#fff}.detail-source{margin:2px 2px 0;color:#858ba2;font-size:8px;text-align:right}.detail-source b{color:#435174}
.detail-empty,.detail-error{display:grid;justify-items:center;gap:6px;min-height:155px;align-content:center;padding:18px;color:#7a8099;text-align:center}.detail-empty span{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#ededff;color:#303fc5;font-size:22px}.detail-empty b,.detail-error b{color:#343956;font-size:11px}.detail-empty small,.detail-error span{font-size:9px}
.coupon-slip{position:static;padding:13px 15px}.slip-head{display:flex;align-items:center;justify-content:space-between}.slip-head span{color:#8288a1;font-size:8px;font-weight:700;letter-spacing:.1em}.slip-head h2{margin:2px 0 0;color:#282b49;font-size:16px}.slip-clear{padding:6px 9px;border:0;border-radius:7px;background:#f1f1fa;color:#777e98;font-size:9px;font-weight:600}.slip-summary{display:flex;justify-content:space-between;margin:9px 0 7px;padding:8px 0;border-block:1px solid #eeeef6;color:#7d839d;font-size:8px}.slip-selections{display:grid;gap:6px;max-height:150px;overflow:auto}
.slip-empty{display:grid;justify-items:center;gap:4px;padding:12px 6px;color:#7e849c;text-align:center}.slip-empty>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eff0ff;color:#3144c9;font-size:18px}.slip-empty b{color:#373b59;font-size:9px}.slip-empty small{font-size:8px}.slip-pick{position:relative;padding:8px 30px 8px 9px;border:1px solid #e7e8f3;border-radius:8px;background:#fafaff}.slip-pick small,.slip-pick b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slip-pick small{color:#868ba2;font-size:7px}.slip-pick b{margin-top:3px;color:#343852;font-size:9px}.slip-pick strong{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#1b415d;font-size:10px}.slip-pick button{position:absolute;right:3px;top:3px;width:17px;height:17px;border:0;border-radius:5px;color:#8990a5;font-size:12px}
.stake-field{display:grid;gap:5px;margin-top:9px}.stake-field>span:first-child{color:#77809b;font-size:8px;font-weight:600}.stake-input{display:flex;align-items:center;height:33px;padding:0 9px;border:1px solid #e0e2f0;border-radius:7px;background:#fafaff}.stake-input input{width:100%;border:0;outline:0;background:transparent;color:#303451;font:600 10px 'Poppins',Arial,sans-serif}.stake-input b{color:#8a90a5;font-size:8px}.slip-total,.slip-return{display:flex;align-items:center;justify-content:space-between;padding:8px 0 0;color:#78809a;font-size:8px}.slip-total b{color:#303450;font-size:11px}.slip-return{padding:9px 10px;margin-top:7px;border-radius:8px;background:#eff0ff;color:#515a83}.slip-return b{color:#2c3fc0;font-size:10px}.slip-save{width:100%;height:36px;margin-top:8px;border:0;border-radius:8px;background:#283dc5;color:#fff;font-size:9px;font-weight:700}.slip-save:hover{background:#1d2ea8;color:#fff}.slip-disclaimer{margin:7px 0 0;color:#888ea5;font-size:7px;line-height:1.5}.slip-feedback{min-height:11px;margin-top:4px;color:#16714b;font-size:8px}
.coupon-empty{padding:25px 12px;color:#7f849e;text-align:center;font-size:9px}.coupon-empty b{display:block;margin-bottom:4px;color:#343956;font-size:10px}.coupon-page .vk-footer{margin-top:20px}
@media(max-width:950px){.coupon-wrap{padding-inline:14px}.coupon-layout{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:10px}.coupon-match-top{grid-template-columns:43px minmax(115px,1fr) minmax(130px,1.2fr);gap:6px}.coupon-load-odds{padding-inline:7px}}
@media(max-width:720px){.coupon-wrap{padding:14px 9px 35px}.coupon-hero{padding:0 2px 11px}.coupon-hero h1{font-size:19px}.coupon-layout{grid-template-columns:1fr}.coupon-side{position:static;grid-row:auto;max-height:none;overflow:visible;order:1}.coupon-fixtures{order:0}.coupon-toolbar{flex-wrap:wrap;padding:9px;gap:7px}.coupon-date{flex:0 0 125px}.coupon-search{flex:1 1 150px}.coupon-filters{padding:7px 9px}.coupon-status{padding:8px 10px 4px}.coupon-match-list{padding:0 7px 8px}.coupon-match{padding:7px}.coupon-match-top{grid-template-columns:43px minmax(100px,1fr) minmax(118px,1fr);gap:6px}.coupon-match-teams{font-size:9px}.coupon-load-odds{height:32px}.coupon-load-odds span{font-size:8px}.detail-markets{grid-template-columns:1fr 1fr}.detail-market:last-child:nth-child(odd){grid-column:1/-1}.coupon-slip{padding:11px 13px}.slip-selections{max-height:110px}}
@media(max-width:430px){.coupon-match-top{grid-template-columns:39px minmax(92px,1fr) minmax(104px,1fr);gap:5px}.coupon-time{font-size:7px}.coupon-match-teams{grid-template-columns:16px minmax(0,1fr) 16px;column-gap:4px;font-size:8px}.coupon-match-teams img{width:15px;height:15px}.coupon-load-odds{padding-inline:5px}.coupon-load-odds b{width:19px}.detail-market-options{gap:4px;padding:6px}.coupon-outcome{min-height:37px}}