/* MegaBox: scoped premium logo/payment cards; loaded after inline homepage CSS. */
:root{--mbx-glow-card:radial-gradient(ellipse at 50% 0%,#294d75 0%,#102943 52%,#061425 100%)}
html body .official-partners-section .official-partner-card,
html body .main-nav .mega-provider-card{
 position:relative!important;isolation:isolate!important;overflow:hidden!important;
 background:var(--mbx-glow-card)!important;
 border:1px solid rgba(95,160,230,.65)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.19),0 0 9px rgba(30,135,255,.22),0 4px 15px rgba(0,0,0,.3)!important;
 transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
html body .official-partners-section .official-partner-card:hover,
html body .main-nav .mega-provider-card:hover{
 transform:translateY(-3px)!important;border-color:#ffd074!important;
 box-shadow:0 0 0 1px rgba(255,208,116,.42),0 0 20px rgba(48,154,255,.38),0 9px 24px rgba(0,0,0,.34)!important;
}
html body .official-partners-section .official-partner-card img.partner-logo,
html body .main-nav .mega-provider-card img{
 opacity:1!important;filter:drop-shadow(0 0 5px rgba(220,237,255,.34))!important;
 max-width:90%!important;object-fit:contain!important;
}
/* Dark navy logos such as Playtech need a lighter backing, not brightness on every logo. */
html body .official-partners-section [data-brand*="playtech"],
html body .main-nav [data-brand*="playtech"],
html body .official-partners-section [data-brand="pt"],
html body .main-nav [data-brand="pt"]{
 background:radial-gradient(ellipse at 50% 35%,#bfd4ee 0%,#7899bd 50%,#203c60 100%)!important;
}
/* Recognisable bank badges, consistent with the provider card treatment. */
html body .payment-methods-section .payment-methods-grid{
 display:grid!important;grid-template-columns:repeat(auto-fit,minmax(116px,1fr))!important;
 grid-auto-rows:minmax(58px,auto)!important;gap:10px!important;
 justify-content:stretch!important;align-items:stretch!important;
}
html body .payment-methods-section .payment-tile,
html[data-theme="light"] body .payment-methods-section .payment-tile{
 display:flex!important;width:100%!important;height:60px!important;min-width:0!important;
 padding:8px 10px!important;box-sizing:border-box!important;
 background:var(--mbx-glow-card)!important;
 border:1px solid rgba(99,158,225,.55)!important;border-radius:11px!important;
 box-shadow:inset 0 1px rgba(255,255,255,.13),0 0 10px rgba(27,125,236,.16)!important;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
html body .payment-methods-section .payment-tile:hover{
 transform:translateY(-3px)!important;border-color:#f4c26b!important;
 box-shadow:0 0 18px rgba(35,143,255,.32),0 5px 15px rgba(0,0,0,.3)!important;
}
html body .payment-methods-section .payment-tile img,
html[data-theme="light"] body .payment-methods-section .payment-tile img{
 display:block!important;max-width:100%!important;max-height:43px!important;
 width:auto!important;height:auto!important;object-fit:contain!important;filter:none!important;
}
html body .payment-methods-section .payment-tile b{width:auto!important;height:auto!important;color:#fff!important;font-size:12px!important;}
@media(max-width:700px){
 html body .payment-methods-section .payment-methods-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
 html body .payment-methods-section .payment-tile{height:56px!important;padding:6px!important}
}
@media(prefers-reduced-motion:reduce){html body .official-partners-section .official-partner-card,html body .main-nav .mega-provider-card,html body .payment-methods-section .payment-tile{transition:none!important}}

/* Clean payment artwork: uniform badges without cropping or stretching. */
html body .payment-methods-section .payment-tile img{max-width:100%!important;max-height:48px!important;object-fit:contain!important;object-position:center!important}
html body .payment-methods-section .payment-tile{justify-content:center!important;align-items:center!important}

/* v3: premium ten-brand desktop row; responsive on smaller screens. */
html body .payment-methods-section .payment-methods-grid {
 display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;
 gap:9px!important;align-items:stretch!important;justify-content:center!important;
}
html body .payment-methods-section .payment-tile {
 height:72px!important;min-width:0!important;padding:7px!important;
 border-radius:12px!important;overflow:hidden!important;
 background:linear-gradient(155deg,rgba(25,51,81,.95),rgba(4,16,32,.98))!important;
 border:1px solid rgba(114,177,255,.78)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.2),0 0 12px rgba(22,113,255,.26),0 7px 17px rgba(0,0,0,.27)!important;
}
html body .payment-methods-section .payment-tile:nth-child(3n+1) {
 border-color:rgba(255,202,107,.85)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.2),0 0 12px rgba(248,167,51,.23),0 7px 17px rgba(0,0,0,.27)!important;
}
html body .payment-methods-section .payment-tile img {
 display:block!important;width:100%!important;height:100%!important;
 max-width:100%!important;max-height:100%!important;object-fit:contain!important;
}
@media(max-width:1200px){html body .payment-methods-section .payment-methods-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:650px){html body .payment-methods-section .payment-methods-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}html body .payment-methods-section .payment-tile{height:64px!important}}