/* Desktop layout of the Sports, In-Play and match pages. Every size and colour is the reference's computed style
   (skyfair.biz desktop site at 1366px): Sports menu 220px | page | Bet Slip 350px, 15px apart, 8px from the window edge. */
.dk-only,.dk-menu,.dk-slip{display:none}
.dk-layout,.dk-main{display:contents}

@media(min-width:701px){
    .dk-only{display:inline}
    .dk-layout{display:flex;align-items:flex-start;gap:15px;margin:1px 8px 0}
    .dk-main{display:block;flex:1 1 0%;min-width:0}
    .dk-slip{display:block;flex:0 0 350.4px;position:sticky;top:0;min-height:calc(100vh - 110px);max-height:100vh;overflow-y:auto;background:#fff}
    .dk-slip-title{display:flex;align-items:center;justify-content:space-between;height:26px;margin:0;padding:0 10px;border-bottom:1px solid #c5d0d7;background:linear-gradient(180deg,#2d4a5c,#203846);box-shadow:0 2px 0 rgba(0,0,0,.1);color:#fff;font-size:12px;font-weight:400;line-height:1.2}
    .dk-slip-title i{position:relative;width:10px;height:10px;border:1px solid #fff;border-radius:1px}
    .dk-slip-title i::before{content:'';position:absolute;left:2px;right:2px;top:50%;height:1px;margin-top:-.5px;background:#fff}
    .dk-slip-empty{margin:0;padding:15px 5px 5px;color:#1e1e1e;font-size:13px;line-height:1.2;text-align:center}

    /* Sports / In-Play page inside the frame: full width of the centre column */
    .dk-main .sports-page{max-width:none;width:auto;margin:0}

    /* In-Play: tab box 40% wide, 29px high; sport title 25px #243a48; column line 27px */
    .dk-main .inplay-tabs{height:49px}
    .dk-main .inplay-tabs nav{width:40%;margin:10px 0;border-radius:3px;overflow:hidden}
    .dk-main .inplay-tabs nav a{flex:1 1 0%;width:auto;height:27px}
    .dk-main .inplay-page .match-list{margin:0 0 15px}
    .dk-main .match-list .list-title{height:25px;border-top:1px solid #7e97a7;border-bottom:0;background:#243a48}
    .dk-main .match-list-head{height:27px;padding:0 10px;border-top:2px solid rgba(0,0,0,.1);border-bottom:0;background:#ced5da}
    .dk-main .match-list-head,.dk-main .match-row{grid-template-columns:1fr 77px repeat(3,76px) 22px}
    .dk-main .match-row{padding:0 10px}
    .dk-main .match-list-head .dk-only{display:block;padding-right:3px;font-weight:400;text-align:right}
    .dk-main .dk-matched{display:block;align-self:center;padding-right:3px;color:#777;font-size:12px;line-height:1.2;text-align:right}
    .dk-main .mini-odds{height:35px;gap:1px;padding:0 3px;border-left:1px solid #e0e6e6}
    .dk-main .mini-odds i{font-size:11px;font-weight:700;line-height:1.2}
    .dk-main .mini-odds.none i.back{background:#72bbef}
    .dk-main .mini-odds.none i.lay{background:#faa9ba}
    .dk-main .row-pin{justify-self:end}
}

/* The Sports menu needs the room: below 1000px the frame is page | Bet Slip only */
@media(min-width:1000px){
    .dk-menu{display:block;flex:0 0 220.4px;position:sticky;top:0;min-height:calc(100vh - 110px);max-height:100vh;overflow-y:auto;background:#fff}
    .dk-menu-title{height:25px;margin:0;padding:0 10px;border-bottom:1px solid #eee1c0;background:#000;color:#fff;font-size:12px;font-weight:400;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .dk-menu-link{display:flex;align-items:center;height:25px;padding:0 10px;border-bottom:1px solid #eee1c0;background:#fff;color:#222;font-size:12px;line-height:1.2;text-decoration:none;white-space:nowrap;overflow:hidden}
    .dk-menu-link:hover,.dk-menu-link.active{background:#f2dca7;color:#1e1e1e}
    .dk-menu-market i{flex:0 0 auto;width:8px;height:8px;margin-right:8px;border:1px solid rgba(51,51,51,.4);border-radius:50%;background:#c5d0d7}
}

@media(min-width:701px){
    /* Sports page = the reference's "Sports Highlights" box: banner, yellow title with "View by", sport tabs, table */
    .dk-main .sports-page:not(.inplay-page){display:flex;flex-direction:column}
    .dk-main .sports-page .sports-banner{order:0;max-width:none;margin:0 0 15px}
    .dk-main .sports-page:not(.inplay-page)>.section-bar{order:1;justify-content:flex-start;gap:4px;height:31px;padding:0 5px 0 10px;border:0;background:#ffb80c;color:#1e1e1e;font-size:12px;font-weight:700}
    .dk-viewby{display:flex;align-items:center;gap:13px;margin-left:auto;font-size:12px;font-weight:400}
    .dk-viewby select{width:108px;height:25px;margin:0;padding:0 9px;border:1px solid rgba(0,0,0,.4);border-radius:4px;background-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.5);color:#1e1e1e;font-family:inherit;font-size:13px;cursor:pointer}
    .dk-main .sports-page .sport-strip{order:2;display:block;height:auto;border:0;background:linear-gradient(180deg,#ffb80c 15%,#ffa00c);box-shadow:none}
    .dk-main .sports-page .sport-strip-tabs{display:flex;gap:3px;height:auto;padding:0 5px 0 10px;overflow:visible}
    .dk-main .sports-page .strip-tab{flex:0 1 130px;justify-content:center;height:21.4px;margin:0;padding:3px 5px;border:1px solid #203846;border-bottom:0;border-radius:3px 3px 0 0;background:#3b5160;box-shadow:inset 0 2px 0 rgba(255,255,255,.4);color:#fff;font-size:12px;font-weight:400;line-height:1.2}
    .dk-main .sports-page .strip-tab.active{border-color:rgba(0,0,0,.1);background:#dddcd6;color:#1e1e1e}
    .dk-main .sports-page .strip-tab .sport-icon,.dk-main .sports-page .strip-tab .live-badge,.dk-main .sports-page .strip-tab.casino,.dk-main .sports-page .strip-search,.dk-main .sports-page .view-toggle{display:none}
    .dk-main .sports-page:not(.inplay-page) .match-list{order:3}
    .dk-main .sports-page:not(.inplay-page) .match-list-head{height:26px;border-top:1px solid rgba(0,0,0,.1);background:#dddcd6}
    .dk-main .sports-page:not(.inplay-page) .match-list-head,.dk-main .sports-page:not(.inplay-page) .match-row{grid-template-columns:1fr 83px repeat(3,85.6px) 22px}
    .dk-main .sports-page:not(.inplay-page) .competition-title{order:3}
}

/* ===== Match page ===== */
/* Parts that exist only for the desktop layout: never shown on phones */
.dk-mo-title,.dk-mo-info,.dk-predict,.dk-pop,.odd.depth,.event-page.fm .fm-mo .odd.depth,.dk-bm-odd,.dk-minmax,.dk-fancy-bar,.dk-fancy-mm,.dk-sl,.fm-fancy-head>i{display:none}
.dk-fpanel{display:contents}

@media(min-width:701px){
    /* The phone title bar, market pills and Back / Lay line are replaced by the desktop Match Odds head */
    .dk-main .event-page.fm .fm-title,.dk-main .event-page.fm .fm-pills,.dk-main .event-page.fm .fm-mo-head{display:none}
    /* Suspend / Low Liquidity masks over the six price cells; the "Low" badge after In-Play */
    .dk-main .event-page.fm .fm-mo .fm-suspend-box{left:46.15%;font-size:12px}
    .dk-main .dk-mo-low{width:25px;height:15px;margin:7px 0 0 5px}
    .dk-main .dk-pop-rows{position:relative}
    .dk-main .dk-pop-rows .fm-suspend-box{top:2.5px;bottom:3.5px;left:auto;right:10px;width:161px;font-size:12px}
    .dk-main .event-page.fm{background:none}

    /* Match Odds head: pin, name on its slanted tab, In-Play, Matched */
    .dk-main .dk-mo-title{display:flex;align-items:flex-start;height:32px;border-top:1px solid #fff;border-bottom:1px solid #7e97a7;background:#fff}
    .dk-main .dk-pin{flex:0 0 30px;display:flex;align-items:center;justify-content:center;height:30px;margin:0;padding:0;border:0;background:linear-gradient(180deg,#2f434f,#111b22);cursor:pointer}
    .dk-main .dk-pin svg{width:17px;height:17px;fill:#c5d0d8}
    .dk-main .dk-mo-title>b{height:27px;margin-right:5px;padding:0 20px 0 10px;background:#e0e6e6;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 100%,0 100%);color:#1e1e1e;font-size:13px;font-weight:700;line-height:27px}
    .dk-main .dk-mo-live{display:flex;align-items:center;gap:4px;margin:7px 0 0 5px;color:#508d0e;font-size:13px;line-height:1.2}
    .dk-main .dk-pop-live{flex:0 0 auto;margin-left:3px}
    .dk-main .dk-mo-live i,.dk-main .dk-pop-live{width:15px;height:15px;border-radius:3px;background:#6bbd11 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M22 5.72l-4.6-3.86-1.29 1.53 4.6 3.86L22 5.72zM7.88 3.39L6.6 1.86 2 5.71l1.29 1.53 4.59-3.85zM12.5 8H11v6l4.75 2.85.75-1.23-4-2.37V8zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z'/%3E%3C/svg%3E") center/12px no-repeat}
    .dk-main .dk-mo-matched{margin:6px 5px 0 auto;color:#1e1e1e;font-size:13px;line-height:1.2}
    .dk-main .dk-mo-matched b{margin-left:10px}

    /* Selections line: count, book %, Back all / Lay all tabs over the best prices */
    .dk-main .dk-mo-info{display:grid;grid-template-columns:46.15% repeat(6,1fr);column-gap:1px;align-items:center;height:22px;margin-top:15px;border-bottom:1px solid #7e97a7;color:#1e1e1e;font-size:12px;line-height:1.2;text-align:center}
    .dk-main .dk-mo-count{padding-left:5px;color:#7e97a7;font-size:11px;text-align:left}
    .dk-main .dk-mo-info b{align-self:stretch;display:flex;align-items:center;justify-content:center;font-weight:700}
    .dk-main .dk-mo-info b.back{background:#72bbef;clip-path:polygon(7px 0,100% 0,100% 100%,0 100%)}
    .dk-main .dk-mo-info b.lay{background:#faa9ba;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 100%,0 100%)}
    .dk-main .dk-mo-info span:last-child{text-align:right}

    /* Ladder rows: 41px, name 12px bold with the graph glyph, six 65px cells */
    .dk-main .event-page.fm .fm-mo{margin-bottom:15px}
    .dk-main .event-page.fm .fm-mo .fm-rows{background:#fff}
    .dk-main .event-page.fm .fm-mo .fm-row{grid-template-columns:46.15% repeat(6,1fr);column-gap:1px;min-height:41px}
    .dk-main .event-page.fm .fm-mo .fm-row>strong{flex-flow:row wrap;align-items:center;align-content:center;justify-content:flex-start;padding:3px 10px;font-size:12px;line-height:1.2}
    .dk-main .dk-predict{display:flex;margin-right:5px}
    .dk-main .dk-predict svg{width:15px;height:15px;fill:#1e1e1e}
    .dk-main .event-page.fm .fm-mo .fm-row>strong .fm-pos,.dk-main .event-page.fm .fm-mo .fm-row>strong .fm-proj{flex:0 0 100%;margin-top:2px;padding-left:20px}
    .dk-main .event-page.fm .fm-mo .odd,.dk-main .event-page.fm .fm-mo .odd.depth{display:flex;gap:3px;min-height:40px;padding:0}
    .dk-main .event-page.fm .fm-mo .odd b{padding:0;font-size:11px;line-height:1.2}
    .dk-main .event-page.fm .fm-mo .odd small{font-size:11px;line-height:1.2}
    .dk-main .event-page.fm .fm-mo .odd.back.d2{background:#b7d5eb}
    .dk-main .event-page.fm .fm-mo .odd.back.d3{background:#d7e8f4}
    .dk-main .event-page.fm .fm-mo .odd.lay.d2{background:#efd3d9}
    .dk-main .event-page.fm .fm-mo .odd.lay.d3{background:#f6e6ea}
    .dk-main .event-page.fm .fm-mo .fm-row-suspended::after{left:46.15%;background:rgba(0,0,0,.4);font-size:12px;font-weight:400}

    /* Bookmaker: 25px bar, Min / Max, three rates each side on the blue / pink fade, 47px rows */
    .dk-main .event-page.fm .fm-bm{margin-bottom:20px}
    .dk-main .event-page.fm .fm-bm .fm-bar{height:25px;padding:0 10px 0 0}
    .dk-main .event-page.fm .fm-bm .fm-bar-pin svg,.dk-main .dk-fancy-bar .fm-bar-pin svg,.dk-main .event-page.fm .fm-pm .fm-bar-pin svg{width:29px;height:25px;padding:4px 6px;border:0;border-radius:0;background:linear-gradient(180deg,#2f434f,#111b22);fill:#c5d0d8}
    .dk-main .event-page.fm .fm-bm .fm-bar>b,.dk-main .event-page.fm .fm-bm .fm-bar>em{font-size:13px;line-height:1.2}
    .dk-main .event-page.fm .fm-bm-sub{height:27.4px;padding:6px;border-bottom:1px solid #7e97a7;color:#000;font-size:12px;font-weight:400;line-height:1.2}
    .dk-main .event-page.fm .fm-bm-sub>i,.dk-main .event-page.fm .fm-bm-i,.dk-main .event-page.fm .fm-mm-box,.dk-main .event-page.fm .fm-min-pop{display:none}
    .dk-main .dk-minmax{display:flex;align-items:center;gap:3px;margin-left:auto;color:#1e1e1e;font-size:12px}
    .dk-main .dk-minmax em{width:56px;border-radius:3px;background:#3b5160;color:#bed5d8;font-style:normal;line-height:13.5px;text-align:center}
    .dk-main .dk-minmax em+em,.dk-main .dk-minmax em:nth-of-type(2){margin-left:5px}
    .dk-main .event-page.fm .fm-bm-head{grid-template-columns:39% repeat(6,1fr);height:23px;font-size:12px}
    .dk-main .event-page.fm .fm-bm-head>b{font-size:12px;line-height:1.2}
    .dk-main .event-page.fm .fm-bm-head>b:nth-of-type(1){grid-column:4}
    .dk-main .event-page.fm .fm-bm-head>b:nth-of-type(2){grid-column:5}
    .dk-main .event-page.fm .fm-bm-row{grid-template-columns:39% repeat(6,1fr);min-height:47px;background:linear-gradient(90deg,rgba(130,183,221,.15),rgba(130,183,221,.8) 65%) 56.115% 0/30.5% 100% no-repeat,linear-gradient(90deg,rgba(231,170,184,.8) 5%,rgba(231,170,184,.15) 60%) 100% 0/30.5% 100% no-repeat,#f8f6e1}
    .dk-main .event-page.fm .fm-bm .fm-row>strong{padding:5px 4px 5px 10px;font-size:12px;line-height:1.2}
    .dk-main .dk-bm-odd{background:none;display:flex;align-items:center;justify-content:center;color:#59708d;font-size:11px;font-weight:700;line-height:1.2}
    .dk-main .event-page.fm .fm-bm .odd,.dk-main .event-page.fm .fm-bm .odd.back,.dk-main .event-page.fm .fm-bm .odd.lay{padding:3px 1px;background:none}
    .dk-main .event-page.fm .fm-bm .odd b{border-radius:4px;font-size:11px;line-height:1.2}
    .dk-main .event-page.fm .fm-bm .fm-row-suspended::after{left:39%;right:0;width:auto;background:rgba(0,0,0,.4);font-size:12px;font-weight:400}

    /* Fancy Bet / Premium tab row: 25px, 12px bold, no pin block */
    .dk-main .event-page.fm .fm-sb{margin:0 0 40px;padding-top:0}
    .dk-main .event-page.fm .fm-sb:first-child{margin-top:15px}
    .dk-main #markets .fm-sb-tabs{height:25px}
    .dk-main #markets .fm-sb-tabs .fm-sb-pin{display:none}
    .dk-main #markets .fm-sb-tabs .fm-sb-tab{font-size:12px;line-height:1.2}
    .dk-main #markets .fm-sb-tabs.has-fancy .fm-sb-tab.fancy{margin-left:0}
    .dk-main #markets .fm-sb-tabs .fm-sb-tab span,.dk-main #markets .fm-sb-tabs.has-fancy .fm-sb-tab.fancy span,.dk-main #markets .fm-sb-tabs:not(.has-fancy) .fm-sb-tab.premium span{gap:6px;padding:0 8px;border-radius:0}
    .dk-main #markets .fm-sb-tabs.has-fancy .fm-sb-tab:not(.active) span{padding:0 18px}
    .dk-main #markets .fm-sb-tabs .fm-sb-clock{width:15px;height:15px;border-radius:3px}
    .dk-main #markets .fm-sb-tabs .fm-sb-clock svg{width:11px;height:11px}
    .dk-main #markets .fm-sb-tabs .fm-sb-tab.active i{margin-left:-3px}
    .dk-main #markets .fm-sb-tabs .fm-sb-tab.active i svg{width:12px;height:12px}
    .dk-main #markets .fm-sb-tabs .fm-new{top:-8px;width:32px;height:14px;font-size:10px}
    .dk-main .event-page.fm .fm-min{gap:0;width:50px;height:14px;margin:0 10px 0 auto;padding:0 6px;border-radius:3px;justify-content:center;font-size:11px;line-height:1.2}
    .dk-main .event-page.fm .fm-min svg{display:none}
    .dk-main .event-page.fm .fm-min{position:relative;margin-right:40px;overflow:visible;cursor:default}
    .dk-main .event-page.fm .fm-min .dk-min-value{display:block;position:absolute;left:100%;margin-left:6px;color:#1e1e1e;font-size:12px;font-weight:400;line-height:1.2}

    /* Filter line: 29px, the filters in a light rounded box in the middle */
    .dk-main #markets .fm-sb-filter{justify-content:flex-start;scrollbar-width:none;height:29.4px;padding:5px 4px 2px;overflow-x:auto;background:#f26d1c linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)) 0 3px/100% 1px no-repeat}
    .dk-main #markets .fm-sb-filter.fancy{background-color:#0a92a5}
    .dk-main .dk-fpanel{display:flex;gap:5px;margin:0 auto;padding:2px;border-radius:4px;background:rgba(255,255,255,.5)}
    .dk-main #markets .fm-sb-filter button{min-width:70px;height:18.4px;margin:0;padding:2px 5px;border:0;border-radius:4px;color:#a34005;font-size:12px;font-weight:700;line-height:1.2}
    .dk-main #markets .fm-sb-filter.fancy button{color:#076875}
    .dk-main #markets .fm-sb-filter button.active{margin-right:1px;background:#fff}

    /* Fancy Bet: dark title bar, 24px No / Yes line, 41px rows = name | No | Yes | Min/Max */
    .dk-main .dk-fancy-bar{display:flex;align-items:center;height:25px;background:#243a48;color:#fff}
    .dk-main .dk-fancy-bar .fm-bar-pin{display:flex}
    .dk-main .dk-fancy-bar b{padding-left:7px;font-size:14px;font-weight:700;line-height:1.2}
    .dk-main .event-page.fm .fm-sb.fancy .fm-fancy-head{grid-template-columns:60% 10% 10% 20%;column-gap:0;height:24px;border-bottom:1px solid #1e1e1e}
    .dk-main .event-page.fm .fm-sb.fancy .fm-fancy-head>b{font-size:12px;line-height:1.2}
    .dk-main .event-page.fm .fm-sb.fancy .fm-fancy-head>i{display:block}
    .dk-main .fm-fancy{position:relative;display:grid;grid-template-columns:60% 10% 10% 20%;min-height:41px;border-bottom:1px solid #7e97a7;background:#fff}
    .dk-main .event-page.fm .fm-fancy-title{grid-column:1;grid-row:1;height:auto;padding:2px 4px 1.5px 10px;background:none}
    .dk-main .event-page.fm .fm-fancy-title span{color:#1e1e1e;font-size:12px}
    .dk-main .event-page.fm .fm-fancy-i,.dk-main .event-page.fm .fm-fancy-limits,.dk-main .event-page.fm .fm-fancy-mm{display:none}
    .dk-main .event-page.fm .fm-sb.fancy .fm-fancy-row{display:contents}
    .dk-main .event-page.fm .fm-sb.fancy .fm-fancy-remark{grid-column:1;grid-row:1;justify-self:end;align-self:center;padding:0 6px;background:none}
    .dk-main .event-page.fm .fm-sb.fancy .fm-fancy-row .odd{grid-row:1;min-height:40px}
    .dk-main .event-page.fm .fm-sb.fancy .fm-fancy-row .odd.lay{grid-column:2;margin-right:1px}
    .dk-main .event-page.fm .fm-sb.fancy .fm-fancy-row .odd.back{grid-column:3}
    .dk-main .event-page.fm .fm-sb.fancy .fm-fancy-row .odd b{font-size:12px}
    .dk-main .event-page.fm .fm-sb.fancy .fm-row-suspended::after{top:0;height:40px;bottom:auto;left:60%;width:20%;background:rgba(0,0,0,.4);font-size:12px;font-weight:400}
    .dk-main .dk-fancy-mm{grid-column:4;grid-row:1;display:flex;flex-direction:column;justify-content:center;margin:0;padding:0 10px;color:#1e1e1e;font-size:12px;line-height:1.2}
    .dk-main .dk-fancy-mm small{margin-bottom:4px;color:#7e97a7;font-size:11px}

    /* Premium: 25px bars, 41px rows = name | price | empty */
    .dk-main .event-page.fm .fm-pm{margin-bottom:15px;box-shadow:0 2px 2px rgba(0,0,0,.1)}
    .dk-main .event-page.fm .fm-pm .fm-bar{height:25px;margin-bottom:1px;padding:0}
    .dk-main .event-page.fm .fm-pm .fm-fold{width:10px;height:10px;margin-right:10px}
    .dk-main .event-page.fm .fm-pm-row{grid-template-columns:60% 20% 20%;min-height:41px}
    .dk-main .event-page.fm .fm-pm-row>strong{padding:0 10px;font-size:12px;line-height:1.2}
    .dk-main .event-page.fm .fm-pm .odd b{font-size:12px;font-weight:700}
    .dk-main .event-page.fm .fm-pm .odd.selected{box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}
    .dk-main .event-page.fm .fm-suspend-overlay{inset:0 20% 0 60%;background:rgba(0,0,0,.4);font-size:12px;font-weight:400}
    .dk-main .event-page.fm .fm-empty{font-size:12px}

    /* "Popular" tab under the markets: the exchange markets not shown in full (Tied Match ...), two 50% columns of cards
       with a 25px dark head, the Matched / Back / Lay line, 27px rows with one 80px price each side, "View Full Market" */
    .dk-main .dk-pop{display:block}
    .dk-main .dk-pop-tabs{display:flex;height:24px;margin-bottom:5px;padding-left:10px;border-bottom:1px solid #21323d}
    .dk-main .dk-pop-tabs b{display:flex;align-items:center;justify-content:center;width:130px;height:23px;border:1px solid #21323d;border-bottom:0;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#fff,#dddcd6 71%);box-shadow:inset 0 2px 0 rgba(255,255,255,.4);color:#243a48;font-size:12px;font-weight:400;line-height:1.2}
    .dk-main .dk-pop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:7.5px;align-items:start}
    .dk-main .dk-pop-market{margin-bottom:15px}
    .dk-main .dk-pop-market>header{display:flex;align-items:center;height:25px;background:#243a48}
    .dk-main .dk-pop-market .dk-pin{flex:0 0 29px;height:25px;margin-right:7px}
    .dk-main .dk-pop-name{flex:1;display:flex;align-items:center;height:23px;margin:0;padding:0;border:0;background:none;color:#fff;font:inherit;font-size:12px;line-height:1.2;text-align:left;cursor:pointer}
    .dk-main .dk-pop-fold{display:flex;margin-left:auto;padding-right:10px}
    .dk-main .dk-pop-fold svg{width:10px;height:10px;fill:#fff}
    .dk-main .dk-pop-head{display:flex;align-items:center;height:25px;padding:5px 10px;background:#ced5da;box-shadow:inset 0 2px 2px rgba(0,0,0,.1);color:#1e1e1e;font-size:12px;line-height:1.2}
    .dk-main .dk-pop-head span{flex:1}
    .dk-main .dk-pop-head b{width:80px;font-weight:400;text-align:center}
    .dk-main .dk-pop-head b+b,.dk-main .dk-pop-row .odd+.odd{margin-left:1px}
    .dk-main .dk-pop-row{position:relative;display:flex;align-items:center;height:27px;padding:2.5px 10px;border-bottom:1px solid #e0e6e6;background:#fff}
    .dk-main .dk-pop-row>strong{flex:1;display:flex;align-items:center;min-width:0;color:#1e1e1e;font-size:11px;font-weight:700;line-height:1.2}
    .dk-main .dk-pop-row .odd{flex:0 0 80px;display:flex;align-items:center;justify-content:center;height:21px;min-height:0;margin:0;padding:0;border:0;border-radius:0}
    .dk-main .dk-pop-row .odd.back{background:#72bbef}
    .dk-main .dk-pop-row .odd.lay{background:#faa9ba}
    .dk-main .dk-pop-row .odd b{padding:0;color:#1e1e1e;font-size:11px;font-weight:700;line-height:1.2}
    .dk-main .dk-pop-row .odd small{display:none}
    .dk-main .event-page.fm .dk-pop-row.fm-row-suspended::after{top:2.5px;bottom:2.5px;left:auto;right:10px;width:161px;background:rgba(0,0,0,.4);font-size:12px;font-weight:400;line-height:21px}
    .dk-main .dk-pop-more{display:flex;justify-content:flex-end;height:27px;border-bottom:1px solid #7e97a7;background:#fff}
    .dk-main .dk-pop-more button{display:flex;align-items:center;gap:4px;height:26px;margin:0;padding:0 10px;border:0;background:none;color:#2789ce;font:inherit;font-size:12px;line-height:1.2;cursor:pointer}
    .dk-main .dk-pop-more svg{width:10.31px;height:10px;fill:#2789ce}

    /* Bet slip, inline (Bookmaker, Fancy, Premium): Accept Any Odds | Max | Cancel | odds | stake | Place Bets, then quick stakes */
    .dk-main .fm-markets #bet-slip{--slip-top:#beddf4;--slip-line:#72bbef;--slip-low:#d4e8f8;grid-column:1/-1;display:grid;grid-template-columns:auto auto 1fr 88px 79.6px 106px 182px;grid-template-rows:48px 36px auto;column-gap:5px;align-items:center;padding:0 13px;border-bottom:1px solid #7e97a7;background:linear-gradient(180deg,var(--slip-top) 0 47px,var(--slip-line) 47px 48px,var(--slip-low) 48px);box-shadow:inset 0 2px 0 rgba(0,0,0,.1)}
    .dk-main .fm-markets #bet-slip.lay{--slip-top:#f3dce2;--slip-line:#faa9ba;--slip-low:#faeff2}
    .dk-main .fm-markets #bet-slip.type-premium{--slip-top:#d3edd0;--slip-line:#9fd899;--slip-low:#e4f4e2}
    .dk-main #bet-slip .fm-slip-foot,.dk-main #bet-slip .fm-slip-actions,.dk-main #bet-slip .fm-slip-inputs{display:contents}
    .dk-main #bet-slip .fm-slip-min,.dk-main #bet-slip .fm-slip-keys,.dk-main #bet-slip .fm-step{display:none}
    .dk-main .fm-markets #bet-slip .fm-slip-accept{grid-area:1/1;gap:5px;padding:0 5px;font-size:12px;line-height:1.2}
    .dk-main #bet-slip .fm-slip-accept input{width:13px;height:13px;border:1px solid #6b6b6b;box-shadow:none;background:#fff}
    .dk-main #bet-slip .fm-slip-accept input:checked{border-color:#0275ff;background:#0275ff}
    .dk-main #bet-slip .fm-slip-accept input:checked::after{border-color:#fff;border-width:0 1.5px 1.5px 0}
    .dk-main .fm-markets #bet-slip .fm-slip-max{grid-area:1/2;height:18px;margin:0;padding:0 6px;font-size:11px;line-height:1.2}
    .dk-main .fm-markets #bet-slip .fm-slip-cancel{grid-area:1/4;height:33px;border:1px solid #bbb;border-radius:4px;font-size:12px}
    .dk-main .fm-markets #bet-slip .fm-slip-odds{grid-area:1/5;flex-direction:column;align-items:flex-end;height:33px;padding:0 5px;border:0;border-radius:4px;background:rgba(255,255,255,.5);color:#1e1e1e;font-size:12px;line-height:15px}
    .dk-main .fm-markets #bet-slip .fm-slip-odds::after{content:'odds';color:#777;font-size:10px;line-height:12px}
    .dk-main #bet-slip .fm-slip-stake{grid-area:1/6;height:33px}
    .dk-main #bet-slip .fm-slip-stake input{border:0;border-radius:4px;padding:0 6px;background:#fff;box-shadow:inset 0 1px 0 rgba(0,0,0,.5);font-size:12px;font-weight:400;text-align:right}
    .dk-main .fm-markets #bet-slip .fm-slip-place{grid-area:1/7;height:33px;border:1px solid #222;border-radius:4px;background:linear-gradient(180deg,#474747,#070707);color:#ffb600;font-size:12px}
    .dk-main #bet-slip .fm-slip-place:disabled{opacity:.5}
    .dk-main .fm-markets #bet-slip .fm-slip-quick{grid-area:2/1/3/-1;justify-self:end;gap:5px;width:70%;height:27px;margin:0;background:none}
    .dk-main #bet-slip .fm-slip-quick button{height:100%;border:1px solid #bbb;border-radius:4px;background:linear-gradient(0deg,#eee,#fff);color:#1e1e1e;font-size:12px}
    .dk-main .fm-markets #bet-slip .fm-slip-message{grid-area:3/1/4/-1;padding:4px 0}

    /* Bet slip in the right panel (exchange bets): titles, event, runner | odds | stake | profit, quick stakes, Min Bet, Liability, buttons */
    .dk-slip-body.has-slip .dk-slip-empty{display:none}
    #dk-slip-body #bet-slip .fm-slip-foot,#dk-slip-body #bet-slip .fm-slip-actions,#dk-slip-body #bet-slip .fm-slip-inputs{display:contents}
    #dk-slip-body #bet-slip .fm-slip-keys,#dk-slip-body #bet-slip .fm-step{display:none}
    #dk-slip-body #bet-slip .fm-slip-stake input{height:22px;padding:0 6px;border:0;border-radius:4px;background:#fff;box-shadow:inset 0 1px 0 rgba(0,0,0,.5);font-size:12px;font-weight:400;text-align:right}
    #dk-slip-body #bet-slip .fm-slip-quick button{height:100%;border:1px solid #bbb;border-radius:4px;background:linear-gradient(0deg,#eee,#fff);color:#1e1e1e}
    #dk-slip-body #bet-slip .fm-slip-place:disabled{opacity:.5}
    #dk-slip-body #bet-slip{--slip-row:#beddf4;--slip-line:#72bbef;--slip-low:#d4e8f8;display:grid;grid-template-columns:160.86px 55px 55px 1fr;grid-template-rows:25px 23px 33.4px 30px 21px auto auto auto;align-items:center;border:0;background:linear-gradient(180deg,#fff 0 48px,var(--slip-row) 48px 80.4px,var(--slip-line) 80.4px 81.4px,var(--slip-low) 81.4px 110.4px,var(--slip-line) 110.4px 111.4px,var(--slip-low) 111.4px 131.4px,var(--slip-line) 131.4px 132.4px,#fff 132.4px)}
    #dk-slip-body #bet-slip.lay{--slip-row:#f3dce2;--slip-line:#faa9ba;--slip-low:#faeff2}
    #dk-slip-body .dk-sl-head{grid-area:1/1/2/-1;display:grid;grid-template-columns:160.86px 55px 55px 1fr;align-items:center;height:25px;background:#ced5da;box-shadow:inset 0 2px 0 rgba(0,0,0,.1);color:#243a48;font-size:11px;line-height:1.2}
    #dk-slip-body .dk-sl-head b{padding:0 5px;font-weight:400}
    #dk-slip-body .dk-sl-head span{padding:0 4px 0 9px}
    #dk-slip-body .dk-sl-head span:last-child{padding:0 10px 0 0;text-align:right}
    #dk-slip-body .dk-sl-event{grid-area:2/1/3/-1;display:block;margin:0;padding:0 5px;overflow:hidden;color:#1e1e1e;font-size:11px;line-height:23px;text-overflow:ellipsis;white-space:nowrap}
    #dk-slip-body .dk-sl-event.live::before{content:'';display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#6bbd11}
    #dk-slip-body .dk-sl-runner{grid-area:3/1;display:flex;align-items:flex-start;min-width:0;padding:3px 5px;font-size:11px;line-height:1.2}
    #dk-slip-body .dk-sl-runner button{flex:0 0 8px;position:relative;width:8px;height:8px;margin:3px 5px 0 0;padding:0;border:0;border-radius:2px;background:#d0021b;cursor:pointer}
    #dk-slip-body .dk-sl-runner button::before,#dk-slip-body .dk-sl-runner button::after{content:'';position:absolute;left:1.5px;right:1.5px;top:3.5px;height:1px;background:#fff;transform:rotate(45deg)}
    #dk-slip-body .dk-sl-runner button::after{transform:rotate(-45deg)}
    #dk-slip-body .dk-sl-runner span{min-width:0}
    #dk-slip-body .dk-sl-runner b,#dk-slip-body .dk-sl-runner small{display:block;overflow:hidden;font-size:11px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
    #dk-slip-body .dk-sl-runner small{color:#777}
    #dk-slip-body #bet-slip .fm-slip-odds{grid-area:3/2;justify-content:flex-end;width:50px;height:22px;margin-left:5px;padding:0 6px;border:0;border-radius:4px;background:#fff;box-shadow:inset 0 1px 0 rgba(0,0,0,.5);color:#1e1e1e;font-size:12px;font-weight:400}
    #dk-slip-body #bet-slip .fm-slip-stake{grid-area:3/3;width:50px;height:22px;margin-left:5px}
    #dk-slip-body #bet-slip .fm-slip-stake.fm-slip-oddin{grid-area:3/2}
    .dk-main .fm-markets #bet-slip .fm-slip-stake.fm-slip-oddin{grid-area:1/5}
    #dk-slip-body .dk-sl-profit{grid-area:3/4;display:block;padding-right:10px;color:#1e1e1e;font-size:11px;line-height:1.2;text-align:right}
    #dk-slip-body #bet-slip .fm-slip-quick{grid-area:4/1/5/-1;gap:5.5px;height:20px;margin:0;padding:0 5px;background:none}
    #dk-slip-body #bet-slip .fm-slip-quick button{font-size:11px}
    #dk-slip-body #bet-slip .fm-slip-min{grid-area:5/1/6/-1;display:block;height:auto;padding:0 5px;color:#3b5160;font-size:11px;line-height:1.2;text-align:right}
    #dk-slip-body #bet-slip .fm-slip-min span:first-child{display:none}
    #dk-slip-body #bet-slip .fm-slip-min b{margin-left:5px}
    #dk-slip-body .dk-sl-liab{grid-area:6/1/7/-1;display:flex;justify-content:space-between;margin:7px 5px;color:#777;font-size:12px;line-height:1.2}
    #dk-slip-body .dk-sl-liab b{color:#d0021b;font-weight:400}
    #dk-slip-body #bet-slip .fm-slip-message{grid-area:7/1/8/-1;padding:0 5px 5px}
    #dk-slip-body #bet-slip .fm-slip-cancel{grid-area:8/1/9/3;justify-self:start;width:139.6px;height:25px;margin:0 0 7px 5px;border:1px solid #bbb;border-radius:4px;font-size:12px}
    #dk-slip-body #bet-slip .fm-slip-place{grid-area:8/2/9/-1;justify-self:end;width:163.8px;height:25px;margin:0 5px 7px 0;border:1px solid #222;border-radius:4px;background:linear-gradient(180deg,#474747,#070707);color:#ffb600;font-size:12px}
    #dk-slip-body #bet-slip .fm-slip-accept,#dk-slip-body #bet-slip .fm-slip-max{display:none}
}

@media(min-width:701px){
    /* Desktop text is the site font (Tahoma), not the phone font; the scoreboard keeps its own */
    .dk-main .event-page.fm,.dk-layout #bet-slip{font-family:var(--font)}
}

/* Menu bar, right side (reference): "Time Zone : GMT+5:30" and Setting */
.nav-tz,.nav-setting{display:none}
@media(min-width:701px){
    .desktop-nav .nav-tz{display:flex;align-items:center;gap:4px;margin-left:auto;padding:0 10px;color:rgba(0,0,0,.6);font-size:12px;line-height:1.2;white-space:nowrap}
    .desktop-nav .nav-tz b{position:static;height:auto;padding:0;border-radius:0;background:none;color:#1e1e1e;font-size:12px;line-height:1.2}
    .desktop-nav .nav-setting{display:flex;align-items:center;gap:5px;height:100%;margin:0;padding:0 10px;border:0;border-left:1px solid rgba(0,0,0,.2);background:none;color:#1e1e1e;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}
    .desktop-nav .nav-setting svg{width:12px;height:12px;fill:#1e1e1e}
    .desktop-nav .nav-tz~.nav-games{margin-left:0}
}