@font-face{font-family:'ITV Reem Web';src:url('fonts/itv_reem_weblight.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:'ITV Reem Web';src:url('fonts/itv_reem_webregular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'ITV Reem Web';src:url('fonts/itv_reem_webmedium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'ITV Reem Web';src:url('fonts/itv_reem_webbold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--color-brand-dark:#146a4c;--color-brand-light:#27d095;--color-accent-orange:#fa9600;--color-bg-page:#f5f5f5;--color-text-primary:#1a1a1a;--color-text-muted:#595959;--color-border:#e0e7e5;--color-bg-footer:#1a1a1a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--color-bg-page);color:var(--color-text-primary);font-family:'ITV Reem Web',sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,dl,dd{margin:0}
/* Headings: ITV Reem Web Medium */h1,h2,h3,h4,h5,h6{font-weight:500}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #fa9600;outline-offset:5px}button{color:inherit}h2{font-size:40px;line-height:1.36;font-weight:500}h3{font-weight:500;line-height:1.3}.wrap{width:calc(100% - 150px);max-width:1290px;margin-inline:auto}.section{margin-top:110px}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:57px;padding:14px 30px;border-radius:6px;background:var(--color-brand-dark);color:white;font-weight:500;font-size:18px;white-space:nowrap;transition:background .2s,transform .2s}.pill:hover{background:#0d563c;transform:translateY(-1px)}.pill.orange{background:var(--color-accent-orange)}.pill.orange:hover{background:#e98b00}.pill.outline{background:transparent;border:1px solid #ffffff80}.text-link{display:inline-flex;background:none;border:0;color:var(--color-brand-dark);padding:8px 6px;font-weight:500;font-size:14px;text-align:left}.text-link:hover,a:hover h3{text-decoration:underline}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:52px}.section-heading>div{min-width:0}.section-heading p{font-size:20px;font-weight:300;color:var(--color-text-muted);margin-top:20px}.section-heading>.pill{min-width:195px}.skip-link{position:fixed;z-index:50;top:-100px;left:20px;background:white;padding:12px}.skip-link:focus{top:10px}
/* Homepage navigation stays separate from the shared navigation on other pages. */
.landing-header{background:var(--color-brand-dark);color:white}.header-inner{max-width:1290px;width:calc(100% - 150px);min-height:67px;margin:auto;display:flex;align-items:center;gap:32px}.header-logo{width:194px;height:40px;flex:none}.header-inner>a{flex:none}.header-inner nav{display:flex;align-items:center;justify-content:space-between;flex:1;gap:4px}.header-inner nav>a{display:flex;align-items:center;gap:8px;padding:20px 12px;font-size:14px;font-weight:500;color:#ffffffc7;white-space:nowrap}.header-inner nav>a:hover{color:white;background:#ffffff0d}.header-inner nav>a img{width:20px;height:20px;object-fit:contain}.header-actions{display:flex;gap:6px;margin-left:10px}.header-actions .pill{min-height:32px;padding:7px 16px;font-size:12px}.menu-toggle{display:none}
/* The hero artwork is composed from the original Figma assets; text and CTAs stay accessible. */
.hero{margin-top:60px;container-type:inline-size}.hero-canvas{position:relative;aspect-ratio:1289/728;overflow:hidden;border-radius:6px;background:#ebe7e2}.hero-canvas>img{position:absolute;max-width:none}.hero-green{position:absolute;background:#146a4c;border-radius:6px;transform:rotate(45deg)}.hero-green-top{width:70.65%;aspect-ratio:1;left:-22.95%;top:-74.55%}.hero-presenters{width:47.65%;height:112.49%;left:58.19%;top:3.71%;object-fit:cover}.hero-glow{left:27.96%;top:19.78%;width:47.18%;height:80.08%;mix-blend-mode:screen;transform:rotate(-36.75deg)}.floating-bookmaker{object-fit:contain;transform:rotate(-22.08deg)}.bookmaker-boyles{width:9.36%;height:12.87%;left:53.6%;top:40.1%}.bookmaker-sky{width:9.84%;height:10.58%;left:51.8%;top:62.1%}.bookmaker-betfair{width:11.06%;height:9.63%;left:38.9%;top:55.8%}.bookmaker-bet365{width:11.84%;height:13.79%;left:52%;top:20.5%}.bookmaker-paddy{width:10.57%;height:13.92%;left:40.4%;top:34%;transform:rotate(-16.23deg)}.hero-brand{width:9.63%;height:5.7%;left:86.81%;top:5.22%}.hero-phone{width:71.04%;height:130.39%;left:-7.27%;top:18.93%;object-fit:cover}.hero-green-bottom{width:74.61%;aspect-ratio:1;left:44.17%;top:71.65%}.hero h1{position:absolute;left:4.03%;top:5.22%;color:white;text-transform:uppercase;line-height:1.025;font-weight:400;letter-spacing:-.04cqw}.hero h1 strong{display:block;font-size:5.817cqw;line-height:1;font-weight:500;margin-bottom:1cqw}.hero h1 span,.hero h1 em{display:block;font-size:3.946cqw;font-weight:400;font-style:normal}.hero h1 em{color:var(--color-accent-orange)}.hero-downloads{position:absolute;left:74.55%;top:61.94%;width:13.74%;display:grid;gap:.88cqw}.hero-downloads img{width:100%;height:3.635cqw}.hero-cta{position:absolute;left:68.04%;top:83.51%;width:26.82%;height:9.69%;min-height:0;font-size:2.278cqw;text-transform:uppercase;font-weight:700;padding:0}
.free-bets{margin-top:0;padding:62px 0 0}.free-bets .section-heading{margin-bottom:52px}.free-bets .section-heading>.pill{min-width:183px}.offer-row{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#146a4c55 transparent;padding-bottom:8px}.offer-art{display:block;min-width:0;flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;border-radius:6px;overflow:hidden;transition:transform .2s}.offer-art:hover{transform:translateY(-3px)}.offer-art img{width:100%;height:auto}.free-offers{max-width:1386px;margin:auto;padding-inline:0;gap:17px}.free-offers .offer-art{flex:0 0 397px;border-radius:24px}.free-offers .offer-art img{height:325px;object-fit:fill}.trending{background:#efefef;margin-top:0;padding:70px 0 94px}.trending-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;grid-auto-flow:column;grid-template-rows:repeat(2,1fr)}.article-card{overflow:hidden;background:#ebebeb;border-radius:6px;min-width:0}.article-card>img{width:100%;object-fit:cover}.article-body{padding:20px 22px}.article-body h3{font-size:21px;color:#4a4b52;letter-spacing:-.2px}.article-open{background:transparent;border:0;padding:0;font:inherit;text-align:left;line-height:inherit}.article-open:hover{text-decoration:underline}.article-meta{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:400;color:#747474;margin-top:22px}.clock{width:14px;height:14px;object-fit:contain}.article-category{color:#146a4c;border-left:1px solid #aaa;padding-left:12px;margin-left:7px}.trend-card{display:flex;gap:20px;align-items:center;background:#fafafa;padding:18px 24px;border-radius:6px}.trend-card>img{width:169px;height:128px;border-radius:6px;flex:none;object-fit:cover}.trend-card .article-body{padding:0}.trend-card .article-meta{margin-top:14px}.trend-card h3{font-size:21.77px}.highlights{margin-top:84px}.highlights .section-heading{margin-bottom:50px}.highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}.highlight-grid article{position:relative;padding-right:25px}.highlight-grid article:not(:last-child):after{content:'';position:absolute;right:0;top:0;height:165px;width:1px;background:#aaa}.highlight-grid h3{font-size:23px}.highlight-grid p{font-size:16px;font-weight:300;margin:22px 0 18px;line-height:1.5}.highlight-grid .text-link{font-size:16px}.guides{margin-top:128px}.guides .section-heading{margin-bottom:48px}.guides .section-heading h2{white-space:nowrap}.guides .section-heading p{font-size:20px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.guide-card>img{height:188px}.guide-card .article-body{padding:19px 22px 24px}.guide-card h3{font-size:20px}.guide-card p{font-size:16px;color:#4a4b52;font-weight:300;margin:6px 0 7px}.guide-card .text-link{font-size:13px}.reels h2,.news h2,.standard h2{font-size:50px}.reels .section-heading{margin-bottom:48px}.reel-image{display:block;position:relative;width:100%;height:351px;padding:0;border:0;border-radius:6px;overflow:hidden;background:#222}.reel-image>img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.reel-image:after{content:'';position:absolute;inset:0;background:#0006;transition:background .2s}.reel-image:hover:after{background:#0003}.play-symbol{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #eee9;border-radius:50%;color:#eeec;font-size:38px;line-height:1;width:70px;height:70px;display:grid;place-items:center;z-index:1;padding-left:5px}.reel-card h3{font-size:21.77px;color:#4a4b52;margin:22px 0 8px}.reel-card p{font-weight:300;color:#757575;font-size:18px}.news .article-card{display:flex;flex-direction:column}.news-card>img{height:246px}.news-card .article-body{display:flex;flex:1;flex-direction:column;min-height:263px;padding:20px 22px 28px}.news-card .article-meta{margin-top:auto;padding-top:32px}.news-card h3{font-size:21.44px}.sports{margin-top:122px;display:grid;gap:45px}.sport-panel{background:#c4dad2;border-radius:6px;padding:27px 25px;display:grid;grid-template-columns:264px minmax(0,1fr) auto;align-items:center;gap:23px}.sport-panel>img{width:264px;height:215px;object-fit:cover;border-radius:6px}.sport-panel h2{font-size:30px;line-height:1.25}.sport-panel p{font-size:18px;font-weight:300;margin:16px 0 25px;line-height:1.4}.sport-links{display:flex;flex-wrap:wrap;gap:12px 26px;color:#146a4c;font-size:16px}.sport-links a:hover{text-decoration:underline}.sport-panel .pill{font-size:18px;padding-inline:24px}.exclusive{background:#c4dad2;margin-top:124px;padding:58px 0 60px}.exclusive .section-heading{margin-bottom:52px}.exclusive h2{color:#000}.standard{margin-top:112px}.standard .section-heading{margin-bottom:52px}.standard .offer-art{border-radius:6px}.download{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:112px;min-height:377px;background:radial-gradient(ellipse at right,#078d73 0%,#004c38 75%);border-radius:6px;padding:70px 60px;color:#fff}.download h2{font-size:40px;line-height:1.25}.download p{font-size:20px;line-height:1.2;margin:30px 0}.store-links{display:flex;gap:24px;flex-wrap:wrap}.store-link{display:flex;align-items:center;justify-content:center;gap:13px;background:#f6f6f6;color:#222;border:1px solid #d4d4d4;border-radius:6px;width:220px;min-height:55px;padding:8px 16px}.store-link>img{width:26px;height:30px;object-fit:contain}.store-link span{display:flex;flex-direction:column;line-height:1}.store-link small{font-size:11px}.store-link b{font-size:18px}.store-link:hover{background:white}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 35px;min-width:325px}.stats dt{color:#04cfa6;font-size:44px;font-weight:700;line-height:1.3}.stats div:nth-child(even) dt{color:#ffc742}.stats dd{font-size:16px;white-space:nowrap}.register{margin-top:83px;padding-bottom:0}.register>h2{font-size:50px;margin:0 0 62px 10px}.registration-grid{display:grid;grid-template-columns:minmax(0,646px) minmax(0,478px);justify-content:space-between;gap:65px}.registration-card,.aside-card{background:white;border:1px solid #e1e5e3;border-radius:6px;box-shadow:0 8px 20px #0000000b}.registration-card{padding:32px 42px 40px}.registration-card>h3{font-size:34px;font-weight:500;margin-bottom:18px}.registration-card>p{font-size:16px;font-weight:300;color:#5b6660;line-height:1.55}.registration-card strong{font-weight:500;color:#1a1d21}.registration-note{margin-top:14px}.registration-card fieldset{border:0;padding:0;margin:22px 0 26px;min-width:0}.registration-card label{display:block;font-size:14px;font-weight:500;margin-top:18px}.registration-card label span{font-weight:300}.registration-card input:not([type=checkbox]){display:block;width:100%;height:50px;min-width:0;border:1px solid #d8dfdb;border-radius:6px;padding:12px 17px;background:white;font-size:16px;font-weight:300;color:#1a1d21;opacity:1}.registration-card input::placeholder{color:#8d9992;opacity:1}.registration-card input:disabled{cursor:not-allowed}.registration-card label>input,.password-field{margin-top:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-row label{margin-top:0}.registration-card small{display:block;font-size:13px;line-height:1.5;font-weight:300;color:#5b6660;margin-top:6px}.password-field{position:relative}.password-field>span{position:absolute;right:20px;top:16px;font-size:13px;color:#5b6660}.birth-row{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px;margin-top:8px}.check-label{display:flex!important;gap:14px;padding:15px 12px;border:1px solid #d8dfdb;border-radius:6px;align-items:flex-start}.check-label input{appearance:none;width:24px;height:24px;border:1px solid #aebfb5;border-radius:5px;margin:0;flex:none}.check-label span{font-weight:400!important;line-height:1.5}.check-label a{color:#146a4c;text-decoration:underline;font-weight:500}.register-submit{border-radius:6px;display:flex;min-height:54px;font-size:17px}.registration-card .login{text-align:center;margin-top:34px}.login a{font-weight:500;color:#146a4c}.registration-aside{display:grid;align-content:start;gap:30px}.aside-card{padding:38px 42px}.aside-card h3{font-size:19px;font-weight:500}.aside-card>p{font-size:14px;color:#5b6660;font-weight:300;margin-top:5px}.unlock-offer{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #e0e7e5}.unlock-offer>img{width:42px;height:42px;object-fit:contain;border-radius:6px}.unlock-offer h4{font-size:14px;font-weight:500}.unlock-offer p{font-size:13px;font-weight:300;color:#5b6660;margin-top:3px}.unlock-offer b{color:#e08600;font-weight:500}.unlock-more{display:block;text-align:center;font-size:13px;color:#146a4c;padding-top:14px}.unlock-more span{color:#757575;margin-left:5px}.assurance{padding:23px 28px}.assurance>p{display:flex;gap:20px;align-items:center;margin:0;min-height:43px;font-size:14.5px;font-weight:500;color:#1a1d21}.assurance img{width:20px;height:20px;object-fit:contain}.aside-responsible{background:#10533e;border-radius:6px;color:white;padding:28px 35px}.aside-responsible h3{font-size:18px;font-weight:500}.aside-responsible p{font-size:14px;font-weight:300;line-height:1.55;color:#c5dacd;margin:8px 0 18px}.aside-responsible>div{display:flex;gap:8px;flex-wrap:wrap}.aside-responsible a{background:#ffffff1a;border-radius:6px;padding:10px 14px;font-size:14px;font-weight:700}.responsible-strip{background:#e8f5ef;padding:32px 0;margin-top:88px}.responsible-strip p{font-size:18px;line-height:1.5}.responsible-strip>div>div{display:flex;gap:13px;flex-wrap:wrap;margin-top:24px}.responsible-strip a{font-size:14px;padding:10px 20px;border:1px solid #146a4c33;border-radius:6px;color:#146a4c}
/* Shared footer markup, styled to the landing-page design. */
.site-footer{background:#1a1a1a;color:#ffffff80;padding:48px 0 30px}.footer-inner{max-width:1290px;width:calc(100% - 105px);margin:auto}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:60px;padding-bottom:35px;border-bottom:1px solid #ffffff14}.footer-logo img{width:194px;height:40px;object-fit:contain}.footer-brand-text{font-weight:300;font-size:14px;line-height:1.7;margin-top:15px;max-width:370px}.footer-col-title{font-size:15px;font-weight:500;color:#ffffffe6}.footer-col-list{list-style:none;margin:15px 0 0;padding:0}.footer-col-list li{margin:10px 0;font-size:14px}.footer-col-list a:hover{color:white}.responsible-bar{display:flex;justify-content:center;gap:40px;margin:24px 0}.partner-logo{display:flex;align-items:center;gap:3px;font-size:22px;color:white}.partner-gamstop{font-weight:700;letter-spacing:2px}.partner-divider{height:24px;width:2px;background:#777;margin-inline:4px}.partner-bga{gap:0}.partner-bga em{font-style:normal}.partner-bga sup{font-size:9px}.footer-bottom{text-align:center;font-size:12px;color:#ffffff66}
dialog{border:1px solid #d8dfdb;border-radius:6px;max-width:600px;width:calc(100% - 40px);padding:44px;background:#fff;color:#1a1a1a;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#001b13a6}dialog h2{font-size:28px;line-height:1.3;margin:10px 0 20px}dialog p{font-size:17px;color:#595959;margin-bottom:25px}.dialog-close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:32px}.dialog-dismiss{display:block;margin:20px auto 0}
@media(min-width:1441px){.free-offers{max-width:1386px}}
@media(max-width:1350px){.header-inner,.wrap{width:calc(100% - 80px)}.header-inner{gap:16px}.header-inner nav>a{padding-inline:7px;font-size:12px}.header-logo{width:170px}.header-actions .pill{padding-inline:10px}.header-inner nav>a img{width:17px;height:17px}.guides .section-heading h2{white-space:normal}.sport-panel{grid-template-columns:220px 1fr}.sport-panel>img{width:220px;grid-row:span 2}.sport-panel>.pill{justify-self:start}.sport-panel p{margin-bottom:18px}.sport-links{gap:10px 18px}.download{padding:60px 40px}.download h2{font-size:34px}.download p{font-size:18px}.stats{min-width:290px}.trend-card{padding:18px;gap:16px}.trend-card>img{width:140px;height:120px}.trend-card h3{font-size:19px}.free-offers{margin-inline:28px}.registration-grid{gap:55px}.registration-card{padding:30px}.aside-card{padding:30px}.highlight-grid{gap:25px}.card-grid{gap:22px}.article-body{padding-inline:18px}.news-card .article-body{padding-inline:18px}}
@media(max-width:1050px){.header-inner{flex-wrap:wrap;justify-content:space-between;padding:12px 0}.header-inner nav{display:none;width:100%;flex:none;flex-direction:column;align-items:stretch;padding-bottom:12px}.header-inner nav.is-open{display:flex}.header-inner nav>a{font-size:16px;padding:13px}.header-actions{margin:12px 0 0;gap:12px}.header-actions .pill{font-size:14px;padding:12px 20px;min-height:42px}.menu-toggle{display:block;border:1px solid #ffffff66;border-radius:6px;background:transparent;color:white;padding:8px 14px}.hero{margin-top:36px}.section{margin-top:75px}.free-bets,.trending{margin-top:0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card>img{height:220px}.news-card>img{height:260px}.news-card .article-body{min-height:210px}.trending-grid{gap:20px;grid-auto-flow:row;grid-template-rows:auto}.trend-card{align-items:flex-start;flex-direction:column}.trend-card>img{width:100%;height:170px}.highlight-grid{grid-template-columns:repeat(2,1fr);row-gap:32px}.highlight-grid article:nth-child(2):after{display:none}.download{flex-direction:column;align-items:flex-start;margin-top:75px}.stats{width:100%;grid-template-columns:repeat(4,1fr);gap:20px}.stats dd{white-space:normal;font-size:14px}.registration-grid{grid-template-columns:1.2fr 1fr;gap:25px}.registration-card{padding:26px}.aside-card{padding:24px}.register>h2{font-size:40px}.registration-card>h3{font-size:28px}.birth-row{gap:7px;grid-template-columns:1fr 1.2fr 1fr}.registration-card input:not([type=checkbox]){padding-inline:10px;font-size:14px}.form-row{grid-template-columns:1fr}.form-row label+label{margin-top:18px}.exclusive{padding:48px 0}.offer-art{flex-basis:calc((100% - 24px)/2)}.footer-grid{gap:30px;grid-template-columns:1.4fr 1fr 1fr}.footer-col-brand{grid-column:1/-1}.footer-brand-text{max-width:600px}.section-heading p{font-size:18px}}
@media(max-width:650px){.wrap,.header-inner{width:calc(100% - 36px)}.header-logo{width:174px;height:36px}h2,.reels h2,.news h2,.standard h2{font-size:30px;line-height:1.2}.section{margin-top:56px}.section-heading{gap:16px;margin-bottom:28px;align-items:flex-start}.section-heading>.pill,.free-bets .section-heading>.pill{min-width:0;min-height:40px;font-size:13px;padding:10px 16px}.section-heading p{font-size:16px;margin-top:14px}.section-heading>div{flex:1}.pill{font-size:16px;min-height:48px}.hero{margin-top:24px}.hero-canvas{aspect-ratio:1/1.13;border-radius:6px}.hero-green-top{width:110%;left:-59%;top:-65%}.hero-presenters{width:64%;height:77%;left:47%;top:8%;object-fit:cover}.hero-phone{width:102%;height:94%;left:-25%;top:30%;object-fit:cover}.hero h1{left:6%;top:6%}.hero h1 strong{font-size:8cqw;margin-bottom:2cqw}.hero h1 span,.hero h1 em{font-size:5.6cqw}.hero-brand{display:none}.hero-green-bottom{width:100%;left:41%;top:75%;border-radius:6px}.hero-downloads{left:66%;top:69%;width:26%;gap:1.8cqw}.hero-downloads img{height:6.88cqw}.hero-cta{left:57%;top:auto;bottom:4.5%;width:38%;height:auto;min-height:30px;padding:6px 8px;line-height:1.15;font-size:3.2cqw}.bookmaker-bet365{left:50%;top:30%;width:16%;height:10%}.bookmaker-paddy{left:37%;top:42%;width:16%;height:10%}.bookmaker-boyles{left:54%;top:48%;width:13%;height:10%}.bookmaker-betfair,.bookmaker-sky,.hero-glow{display:none}.free-bets{margin-top:0;padding-top:38px}.free-bets .section-heading{margin-bottom:28px}.free-offers{margin-inline:18px;gap:14px}.free-offers .offer-art{flex-basis:88%;border-radius:18px}.free-offers .offer-art img{height:auto;aspect-ratio:397/325;object-fit:fill}.trending{margin-top:30px;padding:38px 0}.trending-grid{grid-template-columns:1fr;gap:15px}.trend-card{flex-direction:row;padding:15px;align-items:center;gap:14px}.trend-card>img{width:100px;height:100px;border-radius:6px}.trend-card h3{font-size:16px}.trend-card .article-meta{font-size:11px;margin-top:10px;gap:3px}.article-category{padding-left:6px;margin-left:3px}.clock{width:11px;height:11px}.highlight-grid{gap:24px}.highlight-grid article{padding-right:14px}.highlight-grid h3{font-size:19px}.highlight-grid p{font-size:14px;margin:16px 0}.highlight-grid article:after{height:150px!important}.highlights .section-heading{margin-bottom:30px}.guides .section-heading{flex-wrap:wrap}.guides .section-heading>div{flex-basis:100%}.guides .section-heading p{font-size:16px}.card-grid{gap:16px}.guide-card>img{height:120px}.guide-card .article-body{padding:14px 12px}.guide-card h3{font-size:16px}.guide-card p{font-size:13px}.guide-card .text-link{font-size:12px;padding-left:0}.reel-image{height:210px;border-radius:6px}.play-symbol{width:48px;height:48px;font-size:28px}.reel-card h3{font-size:16px;margin-top:14px}.reel-card p{font-size:14px}.news-card>img{height:145px}.news-card .article-body{padding:14px 12px;min-height:245px}.news-card h3{font-size:16px}.news-card .article-meta{font-size:11px;flex-wrap:wrap}.sports{margin-top:56px;gap:24px}.sport-panel{grid-template-columns:1fr;padding:20px;gap:20px}.sport-panel>img{width:100%;height:180px;grid-row:auto}.sport-panel h2{font-size:26px}.sport-panel p{font-size:16px;margin:14px 0 20px}.sport-links{font-size:14px;gap:12px}.sport-panel>.pill{font-size:15px;justify-self:stretch}.exclusive{margin-top:56px;padding:38px 0}.exclusive .section-heading,.standard .section-heading{margin-bottom:28px}.offer-row{gap:16px}.offer-art{flex-basis:92%}.download{margin-top:56px;padding:32px 24px;border-radius:6px;gap:30px}.download h2{font-size:28px}.download p{font-size:17px;margin:22px 0}.desktop-break{display:none}.store-links{gap:10px;flex-wrap:nowrap}.store-link{width:50%;min-width:0;min-height:48px;padding:8px 10px;gap:8px}.store-link b{font-size:15px}.store-link small{font-size:11px}.store-link>img{width:22px;height:26px}.stats{grid-template-columns:repeat(2,1fr);min-width:0;gap:22px}.stats dt{font-size:38px}.stats dd{font-size:13px}.registration-grid{grid-template-columns:1fr;gap:24px}.register>h2{font-size:32px;margin:0 0 28px}.registration-card{padding:24px 20px}.registration-card>h3{font-size:28px}.registration-card>p{font-size:15px}.form-row{grid-template-columns:1fr 1fr}.form-row label+label{margin-top:0}.registration-aside{gap:20px}.aside-card{padding:25px}.register-submit{white-space:normal}.responsible-strip{margin-top:56px;padding:30px 0}.responsible-strip p{font-size:16px}.responsible-strip>div>div{gap:8px}.responsible-strip a{padding:9px 12px;font-size:12px}.site-footer{padding-top:35px}.footer-inner{width:calc(100% - 36px)}.footer-grid{gap:28px;grid-template-columns:1fr}.footer-col-brand{grid-column:1/-1}.responsible-bar{gap:20px;flex-wrap:wrap}.partner-logo{font-size:18px}.footer-col-title{font-size:14px}.footer-col-list li{font-size:13px}dialog{padding:35px 24px}dialog h2{font-size:24px}}
.exclusive .offer-art img{aspect-ratio:416/314;object-fit:contain}.standard .offer-art img{aspect-ratio:416/235;object-fit:contain}
.reel-image>.play-symbol{width:70px;height:70px;object-fit:contain;border:0;padding:0;opacity:.8}
/* Single-column footer on phones and small tablets, matching the other pages */
@media(max-width:767px){.footer-grid{gap:28px;grid-template-columns:1fr}}
@media(max-width:650px){.reel-image>.play-symbol{width:48px;height:48px}}
@media(max-width:650px){.hero-green-top{left:0;top:0;width:100%;height:70%;transform:none;border-radius:0;clip-path:polygon(0 0,100% 0,0 100%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Touch layouts: standalone links need a tap area, not just a text line. */
@media(max-width:1050px){.sport-links a{display:inline-block;padding:7px 0}.unlock-more{padding-top:18px;padding-bottom:8px}.login a{display:inline-block;padding:6px 2px}}

/* Below the narrowest real phone (~320px) a few components hit a min-content
   floor and push the page wider than the screen: pills are white-space:nowrap,
   and grid/flex children default to min-width:auto so they refuse to shrink.
   This lets them reflow rather than forcing a horizontal scrollbar. */
@media(max-width:400px){
  .sports > *,.sport-panel > *,.trending-grid > *,.card-grid > *,.highlight-grid > *,
  .registration-grid > *,.stats > *{min-width:0}
  .pill{white-space:normal;text-align:center}
  .sport-links{min-width:0}
  .sport-links a{overflow-wrap:anywhere}
  .stats dd{white-space:normal}
  /* "Understanding" is wider than its half-width column at 19px */
  .highlight-grid h3{font-size:16px}
}

/* Under ~300px two things stop fitting side by side: the section heading's
   title runs out of room beside its pill and its text spills under it, and
   the hero CTA meets the store badges above it. Real phones start at 320px,
   so this only covers folded/very narrow screens. */
@media(max-width:300px){
  .section-heading{flex-direction:column;align-items:stretch;gap:14px}
  .section-heading>.pill,.free-bets .section-heading>.pill{align-self:flex-start}
  .hero-downloads{top:64%}
  .hero-cta{min-height:24px;padding:4px 6px}
}

/* The guide cards on the home page carry a standfirst where the news cards
   carried a timestamp and category. */
.trend-standfirst{font-size:15px;font-weight:300;line-height:1.5;color:#5b6660;margin-top:10px}
@media(max-width:650px){.trend-standfirst{font-size:13.5px;margin-top:8px}}

/* ---- Offer cards: Claim Now, plus Read More where a page exists ----------
   The card used to be a single <a> to the placeholder offer page. It is now a
   container: the artwork and the Claim Now button both go to the operator,
   and only the bookmakers with a written page get a Read More link. */
.offer-art{display:flex;flex-direction:column;background:#fff}
.offer-shot{display:block;position:relative}
/* Free Bets: Claim Now sits inside the artwork in the brand colour, as on
   the mobile Free Bets page (.oc-btn). The card art leaves a blank band for
   it; --btn/--btntxt come from free-bets.html. One fixed position for every
   card (19% clears the T&Cs on all 40, Betfred included) keeps the row even.
   Only Read More stays under the card, so cards without one end at the art. */
.free-offers{align-items:flex-start}
.offer-btn{position:absolute;left:5.5%;right:5.5%;bottom:19%;height:12.5%;min-height:32px;
  display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--btn,#1e1f21);
  color:var(--btntxt,#fff);font-weight:700;font-size:15px;white-space:nowrap;transition:filter .12s}
.offer-shot:hover .offer-btn{filter:brightness(1.08)}
/* The Sky Bet artwork has a thin grey keyline and shadow round its light
   card, which read as a dark rim. Trim the art's outer edge off and back it
   with the art's own frame grey, so the card's corner shapes the frame and no
   white shows through. */
.offer-shot:has(img[src*="/card/skybet"]){background:#ebebeb}
.offer-shot img[src*="/card/skybet"]{display:block;clip-path:inset(1.2% round 0 0 5.5% 5.5% / 0 0 6.8% 6.8%)}
.free-offers .offer-cta{padding:8px 12px 10px}
.offer-cta{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 12px 14px}
.offer-claim{display:flex;align-items:center;justify-content:center;width:100%;
  min-height:46px;padding:10px 18px;border-radius:6px;background:var(--color-brand-dark);
  color:#fff;font-weight:700;font-size:15px;white-space:nowrap;transition:background .18s}
.offer-claim:hover{background:#0d563c}
.offer-more{font-size:12.5px;line-height:1.3;font-weight:500;color:var(--color-brand-dark);
  text-decoration:underline;text-underline-offset:2px;padding:4px 4px 2px}
.offer-more:hover{opacity:.75}
@media(max-width:650px){
  .offer-btn{font-size:14px}
  .offer-cta{padding:10px 10px 12px;gap:6px}
  .offer-claim{min-height:42px;font-size:14px}
  .offer-more{font-size:12px}
}

/* Exclusive and Standard rows use the same My Offers artwork and card as
   Free Bets: Claim Now inside the art, Read More underneath where a page exists. */
.exclusive .offer-row,.standard .offer-row{align-items:flex-start}
.exclusive .offer-art,.standard .offer-art{border-radius:24px;background:#fff}
.exclusive .offer-art img,.standard .offer-art img{aspect-ratio:397/325;height:auto;object-fit:fill;background:none}
.exclusive .offer-cta,.standard .offer-cta{padding:8px 12px 10px;background:#fff}
@media(max-width:650px){.exclusive .offer-art,.standard .offer-art{border-radius:18px}}

/* Betting Guides (#trending) uses the guide-card pattern: image on top, short
   title, one line, Read Guide. The image is a link too, so it gets the card's
   corner treatment and no underline. */
.trending .section-heading{margin-bottom:48px}
.trending .guide-card>a{display:block}
.trending .guide-card img{display:block;width:100%;height:188px;object-fit:cover}
.trending .guide-card .text-link{padding-left:0}
@media(max-width:1050px){.trending .guide-card img{height:220px}}
@media(max-width:650px){.trending .section-heading{margin-bottom:28px;flex-wrap:wrap}.trending .section-heading>div{flex-basis:100%}.trending .guide-card img{height:120px}}

/* Free Bets carousel: same width and left edge as .wrap, so the first card
   lines up under the "Free Bets" title at every breakpoint. */
.free-offers{width:calc(100% - 150px);max-width:1290px;margin-inline:auto}
@media(max-width:1350px){.free-offers{width:calc(100% - 80px)}}
@media(max-width:650px){.free-offers{width:calc(100% - 36px)}}

/* Sport panels use the guide artwork (1220x752) with its logo top-left, so the
   frame takes the art's own shape instead of cropping it square. */
.sport-panel>img{height:auto;aspect-ratio:1220/752;align-self:center}
@media(max-width:650px){.sport-panel>img{height:auto}}

/* Desktop gutter: from 1051px up, content keeps at least 80px either side,
   so smaller laptops (1100-1440px) get the same breathing room as wide
   screens. Each container still stops at its own max-width. */
@media(min-width:1051px){.wrap,.header-inner,.free-offers,.wrap-narrow{box-sizing:border-box;width:calc(100% - 160px) !important;margin-left:auto !important;margin-right:auto !important}}

/* Register form (Formspree): ticked checkbox, spam trap, status message.
   The number inputs lose their spinners so the date fields look as before. */
.registration-form fieldset{border:0;padding:0;margin:22px 0 26px;min-width:0}
.check-label input{cursor:pointer;display:grid;place-items:center}
.check-label input:checked{background:#146a4c;border-color:#146a4c}
.check-label input:checked::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.check-label input:focus-visible{outline:2px solid #146a4c;outline-offset:2px}
.registration-card input[type=number]{-moz-appearance:textfield}
.registration-card input[type=number]::-webkit-inner-spin-button,.registration-card input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.registration-card input:focus{outline:none;border-color:#146a4c;box-shadow:0 0 0 3px #146a4c26}
.hp-field{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.register-submit{width:100%;border:0;cursor:pointer;font-family:inherit}
.register-submit:disabled{opacity:.7;cursor:wait}
.form-status{margin:0 0 16px;padding:12px 16px;border-radius:6px;font-size:15px;line-height:1.5}
.form-status.is-success{background:#e6f4ec;color:#0d563c;border:1px solid #b9dcc8}
.form-status.is-error{background:#fdecec;color:#9b1c1c;border:1px solid #f3c2c2}

/* Register form: invalid fields are outlined only after a submit attempt. */
.registration-form.was-submitted input:invalid{border-color:#c62828!important;box-shadow:0 0 0 3px #c6282826}
.registration-form.was-submitted .check-label:has(input:invalid){border-color:#c62828}

/* Thank-you pop-up after a successful registration. */
.thanks-dialog{width:min(460px,calc(100% - 32px));border:0;border-radius:6px;padding:40px 32px 30px;text-align:center;color:var(--color-text-primary);background:#fff;box-shadow:0 24px 60px #0003}
.thanks-dialog::backdrop{background:#0b1410a6}
.thanks-dialog[open]{animation:thanks-in .22s ease-out}
@keyframes thanks-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.thanks-icon{width:62px;height:62px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#e6f4ec;color:#146a4c}
.thanks-dialog h3{font-size:28px;font-weight:500;line-height:1.2;margin-bottom:12px}
.thanks-dialog p{font-size:16px;font-weight:300;line-height:1.55;color:#5b6660}
.thanks-dialog .thanks-small{font-size:13px;margin-top:14px}
.thanks-dialog .thanks-small a{color:#146a4c;text-decoration:underline}
.thanks-ok{width:100%;margin-top:24px;border:0;cursor:pointer;font-family:inherit;min-height:52px;font-size:17px}
.thanks-x{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;background:none;font-size:28px;line-height:1;color:#5b6660;cursor:pointer;border-radius:6px}
.thanks-x:hover{background:#f0f2f1}
@media(prefers-reduced-motion:reduce){.thanks-dialog[open]{animation:none}}
@media(max-width:650px){.thanks-dialog{padding:34px 22px 24px}.thanks-dialog h3{font-size:24px}}