/*
Theme Name: Florenne Portugal
Description: Florenne Portugal informational comparison theme.
Version: 3.3.3
Text Domain: florenne
*/
:root{--bg:#03100e;--header:#0a1c19;--card:#0d211d;--card2:#102824;--line:#18342f;--green:#10c59c;--green2:#28d6b2;--text:#f2f6f4;--copy:#8ba39d;--muted:#607d76;--red:#ef4d56;--wide:1050px;--medium:780px;--narrow:790px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.62}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}.florenne-wide{width:min(var(--wide),calc(100% - 48px));margin:auto}.florenne-medium{width:min(var(--medium),calc(100% - 48px));margin:auto}.florenne-narrow{width:min(var(--narrow),calc(100% - 48px));margin:auto}.florenne-shell{width:min(1160px,calc(100% - 48px));margin:auto}.florenne-topline{height:23px;display:flex;align-items:center;justify-content:center;color:#49675f;font-size:10px;background:#071512;border-bottom:1px solid #122b26}.florenne-header{height:70px;background:var(--header);border-bottom:1px solid var(--line)}.florenne-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between}.florenne-logo{display:inline-flex;align-items:center;gap:9px}.florenne-logo svg{width:38px;height:38px;fill:var(--green)}.florenne-logo b{font:700 21px/1 Outfit,sans-serif;letter-spacing:-.03em}.florenne-logo small{display:block;margin-top:3px;color:#55746c;font-size:8px;line-height:1;letter-spacing:.02em}.florenne-responsible{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#102923;border:1px solid #18362f;border-radius:7px;color:#7f9992;font-size:11px}.florenne-responsible b,.florenne-inline18 b,.florenne-18note b{background:var(--red);color:#fff;padding:4px 6px;border-radius:4px;font-size:10px}.florenne-title{padding:72px 0 36px}.florenne-title h1{font:700 36px/1.1 Outfit,sans-serif;letter-spacing:-.035em;margin:0}.florenne-title h1 span,.accent{color:var(--green)}.florenne-title p{margin:13px 0 0;color:#57756d;font-size:13px}.florenne-legal,.florenne-info,.florenne-contactpage,.florenne-resp-page{padding-bottom:70px}.florenne-legalbox,.florenne-stack>section,.florenne-contactgrid>section,.florenne-contactform{background:var(--card);border:1px solid var(--line);border-radius:12px}.florenne-legalbox{padding:48px 38px}.florenne-legalbox section+section{margin-top:46px}.florenne-legalbox h2,.florenne-stack h2,.florenne-contactgrid h2{font:700 18px Outfit,sans-serif;margin:0 0 18px}.florenne-legalbox p,.florenne-legalbox li,.florenne-stack p{color:var(--copy);font-size:14px}.florenne-legalbox ul{padding-left:17px;list-style:none}.florenne-legalbox li:before{content:'›';color:var(--green);margin-right:10px}.florenne-cookiecards{display:grid;gap:12px}.florenne-cookiecards article,.florenne-limitlist article{background:#122b26;border:1px solid #183a33;border-radius:8px;padding:15px 18px}.florenne-cookiecards h3{font:600 14px Outfit,sans-serif;margin:0 0 5px}.florenne-cookiecards p{margin:0 0 5px}.florenne-cookiecards small{color:#607e76}.florenne-cookiecards em{font-style:normal;color:var(--green)}.florenne-stack{display:grid;gap:16px}.florenne-stack>section{padding:30px 32px}.florenne-stack h3{font:700 14px Outfit,sans-serif;margin:17px 0 3px}.florenne-companygrid{display:grid;grid-template-columns:1fr 1fr;gap:22px 42px;color:var(--copy)}.florenne-companygrid small,.company-row small{display:block;color:#55766d;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:7px}.florenne-companygrid a,.florenne-contactgrid a,.florenne-helpgrid a{color:var(--green)}.florenne-contactpage{min-height:750px}.florenne-contactpage .florenne-title{padding-bottom:54px}.florenne-contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.florenne-contactgrid>section,.florenne-contactform{padding:32px 34px}.florenne-contactgrid dl{margin:0}.florenne-contactgrid dt{color:#5d7d75;font-size:11px;font-weight:700;letter-spacing:.1em;margin-top:20px}.florenne-contactgrid dd{margin:5px 0 0;color:var(--copy);font-size:16px}.florenne-contactform label{display:block;color:#66847c;font-size:11px;font-weight:700;letter-spacing:.1em;margin:16px 0}.florenne-contactform input,.florenne-contactform textarea{display:block;width:100%;margin-top:7px;background:#122b26;border:1px solid #193a33;border-radius:8px;color:#fff;padding:12px;outline:none}.florenne-contactform textarea{height:125px;resize:vertical}.florenne-contactform .check{display:flex;align-items:center;gap:10px;color:#a5b6b1;font-size:13px;font-weight:400;letter-spacing:0}.florenne-contactform .check input{width:auto;margin:0}.florenne-contactform .check a{color:var(--green)}.florenne-contactform button,.florenne-primary,.florenne-age__yes{display:inline-flex;align-items:center;justify-content:center;border:0;background:linear-gradient(90deg,#0fbd91,#2bd0b5);color:#001b15;font-weight:700;border-radius:7px;padding:11px 18px}.florenne-contactform button{width:100%;height:47px}.florenne-inline18{display:inline-flex;align-items:center;gap:8px;background:#122b26;border-radius:6px;padding:7px 10px;color:var(--red);font-size:11px;margin:0 0 15px}.florenne-stack ul{padding:0;list-style:none;color:var(--copy)}.florenne-stack li{margin:7px 0}.florenne-stack ul.green li:before{content:'—';color:var(--green);margin-right:13px}.florenne-stack ul.red li:before{content:'!';color:var(--red);font-weight:700;margin-right:13px}.florenne-limitlist{display:grid;gap:9px}.florenne-limitlist article{display:grid;gap:3px}.florenne-limitlist span,.florenne-helpgrid span{color:var(--copy);font-size:12px}.florenne-helpgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.florenne-helpgrid article{display:flex;flex-direction:column;background:#122b26;border:1px solid #193a33;border-radius:8px;padding:20px}.florenne-helpgrid b{font:700 15px Outfit,sans-serif}.florenne-helpgrid a{font-size:12px;margin-top:8px}.florenne-helpgrid small{color:var(--green)}.florenne-outline{display:inline-flex;border:1px solid #1c3a34;border-radius:7px;padding:10px 17px;font-size:12px;font-weight:600}.florenne-partners small{display:block;color:#607e76;font-size:10px;letter-spacing:.1em;margin-bottom:12px}.florenne-support{display:flex;flex-wrap:wrap;gap:8px}.florenne-support a{background:#122b26;border:1px solid #1a3933;border-radius:6px;padding:7px 13px;color:#9ab0aa;font-size:11px}.florenne-contactcta{text-align:center}.florenne-contactcta h3{font:700 15px Outfit,sans-serif}.florenne-contactcta .florenne-primary{margin-top:4px}.home-hero{text-align:center;padding:66px 0 76px;background:radial-gradient(circle at 50% 100%,rgba(0,136,102,.22),transparent 45%)}.home-badge{display:inline-block;background:#102923;border:1px solid #193b34;border-radius:16px;color:#69857e;font-size:10px;padding:6px 12px}.home-hero h1{font:700 44px/1.06 Outfit,sans-serif;letter-spacing:-.04em;margin:25px 0 18px}.home-hero h1 span{color:var(--green)}.home-hero p{color:#a2b4af;font-size:14px}.home-chips{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0 12px}.home-chips span{background:#102923;border:1px solid #193a33;border-radius:15px;padding:6px 10px;color:#78948c;font-size:10px}.home-hero>div>small{display:inline-block;background:#10231f;border-radius:14px;color:#4d6b63;padding:5px 12px;font-size:9px}.home-ranking,.home-license,.home-method,.home-resp,.home-faq,.home-company{padding:62px 0;border-top:1px solid #102722}.home-ranking h2,.home-license h2,.home-method h2,.home-faq h2{font:700 20px Outfit,sans-serif;margin:0 0 3px}.home-ranking>.florenne-wide>p{color:var(--copy);margin-bottom:28px}.ranking-table{margin-top:22px}.ranking-head,.ranking-row{display:grid;grid-template-columns:28px 1.35fr 1.1fr .9fr .8fr .72fr;gap:12px;align-items:center}.ranking-head{padding:0 14px 9px;color:#527169;font-size:9px;letter-spacing:.08em}.ranking-row{background:#0c211d;border:1px solid #17352f;border-radius:9px;padding:12px 14px;margin:7px 0}.ranking-row.is-first{border-color:#13c69d}.ranknum{color:#66847c;text-align:center}.is-first .ranknum{color:var(--green)}.rankcasino{display:flex;align-items:center;gap:10px}.ranklogo{width:88px;height:38px;background:#fff;border-radius:5px;display:grid;place-items:center;padding:5px}.ranklogo img{max-height:27px}.rankcasino b{font:600 12px Outfit,sans-serif}.rankcasino small,.rankrating small{display:block;color:#5f7b74;font-size:8px}.rankbonus{background:#112a25;border-radius:5px;padding:8px;font-size:9px}.rankpay{display:flex;gap:3px}.rankpay i{font-style:normal;font-size:7px;background:#17362f;padding:4px;border-radius:3px}.rankrating b{font-size:10px;color:var(--green)}.ranking-row .florenne-primary{font-size:10px;padding:9px 13px}.center{text-align:center;margin-top:24px}.home-license{background:#061613}.home-license p{color:#8da39d}.license-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.license-tags span{background:#102923;border-radius:6px;padding:9px 13px;font-size:10px}.license-tags b{color:var(--green);font-weight:500}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.method-grid article{background:#0c211d;border:1px solid #17352f;border-radius:9px;padding:22px}.method-grid i{font-style:normal;color:var(--green);font-size:22px}.method-grid h3{font:600 13px Outfit,sans-serif;margin:15px 0 8px}.method-grid p{color:#809790;font-size:11px}.home-resp{background:#061613}.resp-card{background:#0c211d;border:1px solid #17352f;border-radius:10px;padding:30px}.resp-card h2{font:700 15px Outfit,sans-serif}.resp-card p{color:#8da39d}.resp-card .florenne-primary{margin-top:16px;font-size:11px}.home-faq article{background:#0c211d;border:1px solid #17352f;border-radius:8px;padding:17px 20px;margin:10px 0}.home-faq h3{font:600 12px Outfit,sans-serif;margin:0 0 7px}.home-faq p{color:#7e958f;font-size:11px;margin:0}.home-company{background:#061613}.home-company h4{color:#69877e;font-size:11px;letter-spacing:.14em}.company-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;color:#8ea49e;font-size:11px}.company-row a{color:var(--green)}.ranking-title{padding:64px 0 44px}.ranking-title h1{font:700 31px Outfit,sans-serif;letter-spacing:-.03em}.ranking-title h1 span{color:var(--green)}.ranking-title p{color:#9aada8}.ranking-title small{color:#526f67}.florenne-ranking>.florenne-wide>.ranking-table{margin-bottom:18px}.analysis{padding:70px 0}.analysis>h2{font:700 18px Outfit,sans-serif;margin-bottom:3px}.analysis>p{color:#799089}.operator-card{background:#0c211d;border:1px solid #17352f;border-radius:10px;padding:25px;margin:25px 0}.operator-top{display:flex;justify-content:space-between;align-items:start}.operator-top>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.operator-top span{grid-row:1/3;background:#103129;color:var(--green);border-radius:5px;padding:7px 10px}.operator-top h3{font:700 16px Outfit,sans-serif;margin:0}.operator-top small{color:#5d7972}.operator-cols{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:22px}.operator-cols>div>small{display:block;color:#5d7a72;font-size:9px;letter-spacing:.1em;margin:15px 0 6px}.operator-cols p,.operator-cols li{color:#91a69f;font-size:11px}.operator-cols ul{list-style:none;padding:0}.operator-cols .green li:before{content:'✓';color:var(--green);margin-right:9px}.mutedlist li:before{content:'ⓘ';color:#718a83;margin-right:9px}.game-tags{display:flex;flex-wrap:wrap;gap:6px}.game-tags span{background:#112a25;border-radius:5px;padding:6px 10px;color:#829991;font-size:9px}.bonusbox{background:#112a25;border-radius:6px;padding:12px;font-size:11px;font-weight:600}.bonusbox em,.terms{display:block;color:#607b74;font-size:8px;font-style:normal;margin-top:3px}.operator-cols .florenne-primary{margin-top:16px;font-size:10px}.ranking-warning{border-top:1px solid #17312c;border-bottom:1px solid #17312c;background:#071815;padding:30px 0}.ranking-warning .florenne-wide{display:grid;grid-template-columns:1fr auto;align-items:center}.ranking-warning span{grid-column:1;color:#607b74;font-size:10px}.ranking-warning a{grid-row:1/3;grid-column:2}.florenne-footer{background:#071714;border-top:1px solid #18312c;padding:55px 0 25px}.florenne-footer__grid{display:grid;grid-template-columns:1.15fr .7fr 1fr;gap:70px}.florenne-footer__brand p,.florenne-footer p,.florenne-footer a{color:#78928b;font-size:12px}.florenne-footer h4{font-size:11px;color:#5d7c73;letter-spacing:.12em;margin:0 0 20px}.florenne-footer nav a{display:block;margin:12px 0}.florenne-footer .accent{color:var(--green)}.florenne-18note{display:flex;align-items:center;gap:10px;background:#102923;border:1px solid #17352f;border-radius:7px;padding:10px 12px;margin-top:20px;width:max-content;max-width:100%;color:#78928b;font-size:11px}.florenne-footer__lower{border-top:1px solid #17312c;margin-top:42px;padding-top:22px}.florenne-footer__lower p{font-size:10px;margin:16px 0}.florenne-age{position:fixed;inset:0;z-index:9999;background:#03100e;display:grid;place-items:center;padding:24px}.florenne-age[hidden]{display:none}.florenne-age__box{width:min(442px,100%);background:#0d211d;border:1px solid #1b3933;border-radius:17px;padding:45px 36px 38px;text-align:center}.florenne-age__box>.florenne-logo{margin-bottom:30px}.florenne-age__badge{display:table;margin:0 auto 27px;background:var(--red);border-radius:9px;padding:10px 14px;font:700 23px Outfit,sans-serif}.florenne-age h2{font:700 24px Outfit,sans-serif}.florenne-age>div>p{color:#8ca19b;font-size:13px}.florenne-age__warning{text-align:left;background:#122b26;border-radius:8px;padding:14px 17px;margin:23px 0;color:#607d76;font-size:11px}.florenne-age__warning strong{display:block;color:var(--red);margin-bottom:3px}.florenne-age__actions{display:grid;gap:10px}.florenne-age__yes,.florenne-age__no{height:52px;font-size:13px}.florenne-age__no{background:transparent;border:1px solid #1a3a33;border-radius:8px;color:#d6dfdc}.florenne-age__help{margin:22px 0 0!important;color:#55736b!important}.florenne-age__help a{color:var(--green)}
@media(max-width:800px){.florenne-footer__grid,.florenne-contactgrid,.operator-cols{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr 1fr}.ranking-head{display:none}.ranking-row{grid-template-columns:28px 1fr auto}.ranking-row>.rankbonus,.ranking-row>.rankpay{display:none}.company-row{grid-template-columns:1fr 1fr}.florenne-helpgrid{grid-template-columns:1fr}.florenne-footer__grid{gap:32px}.florenne-title{padding-top:50px}}
@media(max-width:560px){body{font-size:13px}.florenne-shell,.florenne-wide,.florenne-medium,.florenne-narrow{width:calc(100% - 28px)}.florenne-header{height:62px}.florenne-logo svg{width:31px;height:31px}.florenne-logo b{font-size:18px}.florenne-responsible span{display:none}.florenne-title h1{font-size:30px}.florenne-legalbox,.florenne-stack>section,.florenne-contactgrid>section,.florenne-contactform{padding:24px 20px}.home-hero h1{font-size:35px}.home-hero p br,.home-license p br{display:none}.method-grid,.company-row,.florenne-companygrid{grid-template-columns:1fr}.ranking-row{grid-template-columns:24px 1fr}.ranking-row>.rankrating{display:none}.ranklogo{width:72px}.florenne-footer{padding-top:40px}.florenne-age__box{padding:34px 22px}.florenne-age__box>.florenne-logo{margin-bottom:24px}}

/* v3.1 navigation + logo correction */
.florenne-header{height:auto}.florenne-header__inner{height:70px}.florenne-logo svg{width:40px;height:40px}.florenne-logo span{display:flex;flex-direction:column;justify-content:center}.florenne-logo b{font-size:22px}.florenne-logo small{font-size:8px}.florenne-mini-nav-wrap{border-top:1px solid #14302a;background:#081916}.florenne-mini-nav{min-height:38px;display:flex;align-items:center;justify-content:center;gap:5px;overflow-x:auto;scrollbar-width:none}.florenne-mini-nav::-webkit-scrollbar{display:none}.florenne-mini-nav a{white-space:nowrap;padding:7px 12px;border-radius:6px;color:#78968e;font-size:11px;transition:.15s ease}.florenne-mini-nav a:hover,.florenne-mini-nav a.is-active{color:#eaf4f1;background:#102923}.florenne-mini-nav a.is-active{color:#20cdaa}
@media(max-width:700px){.florenne-mini-nav{justify-content:flex-start}.florenne-mini-nav-wrap .florenne-shell{width:100%;padding:0 14px}.florenne-mini-nav a{padding:7px 10px}.florenne-header__inner{height:62px}}

/* v3.2 refined single-row navigation */
.florenne-header{height:76px;background:rgba(8,27,23,.96);border-bottom:1px solid #17352f;position:relative;z-index:50}
.florenne-header__inner{height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}
.florenne-header__nav{display:flex;justify-content:center;min-width:0}
.florenne-mini-nav{display:flex;align-items:center;justify-content:center;gap:4px;min-height:0;overflow:visible}
.florenne-mini-nav>a,.florenne-nav-more>button{appearance:none;border:0;background:transparent;color:#78968e;font:500 12px 'DM Sans',sans-serif;white-space:nowrap;padding:9px 11px;border-radius:8px;cursor:pointer;transition:background .18s ease,color .18s ease}
.florenne-mini-nav>a:hover,.florenne-mini-nav>a.is-active,.florenne-nav-more:hover>button,.florenne-nav-more.is-active>button{background:#102923;color:#22d1aa}
.florenne-nav-more{position:relative;display:inline-flex}
.florenne-nav-more>button span{margin-left:4px;color:#55776e}
.florenne-nav-menu{position:absolute;top:calc(100% + 9px);right:0;width:210px;padding:7px;background:#0c211d;border:1px solid #1a3933;border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.16s ease}
.florenne-nav-more:hover .florenne-nav-menu,.florenne-nav-more:focus-within .florenne-nav-menu{opacity:1;visibility:visible;transform:none}
.florenne-nav-menu a{display:block;padding:9px 10px;border-radius:6px;color:#8da69f;font-size:11px}
.florenne-nav-menu a:hover{background:#123029;color:#22d1aa}
.florenne-logo{gap:10px;flex:0 0 auto}
.florenne-logo svg{width:38px;height:38px}
.florenne-logo b{font-size:21px}
.florenne-responsible{flex:0 0 auto}
.florenne-mini-nav-wrap{display:none!important}
@media(max-width:900px){.florenne-header__inner{grid-template-columns:auto auto;gap:14px}.florenne-header__nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto}.florenne-header{height:auto}.florenne-header__inner{height:auto;padding-top:10px;padding-bottom:8px}.florenne-mini-nav{justify-content:flex-start;overflow:visible}.florenne-responsible{justify-self:end}.florenne-nav-more{position:static}.florenne-nav-menu{right:14px;top:auto;margin-top:38px}}
@media(max-width:560px){.florenne-header__inner{padding-top:8px}.florenne-logo svg{width:32px;height:32px}.florenne-logo b{font-size:18px}.florenne-mini-nav>a,.florenne-nav-more>button{padding:8px 9px;font-size:11px}.florenne-responsible{padding:6px 8px}}

/* Mobile ranking card fix — v3.3.1 */
@media (max-width:560px){
  .ranking-row{
    grid-template-columns:24px minmax(0,1fr);
    column-gap:10px;
    row-gap:11px;
    padding:12px;
    align-items:center;
  }
  .rankcasino{
    min-width:0;
    gap:9px;
  }
  .ranklogo{
    width:72px;
    min-width:72px;
    height:40px;
  }
  .rankcasino b{
    display:block;
    line-height:1.25;
  }
  .rankcasino small{
    line-height:1.3;
    margin-top:3px;
  }
  .ranking-row .florenne-primary{
    grid-column:1 / -1;
    width:100%;
    min-width:0;
    min-height:42px;
    padding:10px 14px;
    margin:0;
    white-space:nowrap;
    font-size:11px;
    line-height:1;
  }
}


/* Mobile ranking cards — v3.3.2, matched to supplied mobile design */
@media (max-width:560px){
  .ranking-table{
    margin-top:22px;
  }
  .ranking-row{
    display:grid;
    grid-template-columns:18px minmax(0,1fr) auto;
    grid-template-areas:
      "num casino rating"
      "bonus bonus cta";
    column-gap:9px;
    row-gap:10px;
    align-items:center;
    padding:12px 16px;
    min-height:98px;
    margin:8px 0;
    border-radius:10px;
  }
  .ranking-row.is-first{
    border-color:#13c69d;
  }
  .ranking-row .ranknum{
    grid-area:num;
    align-self:center;
    text-align:left;
    font-size:12px;
    line-height:1;
  }
  .ranking-row .rankcasino{
    grid-area:casino;
    display:flex;
    align-items:center;
    min-width:0;
    gap:9px;
  }
  .ranking-row .ranklogo{
    flex:0 0 78px;
    width:78px;
    min-width:78px;
    height:30px;
    padding:4px 6px;
    border-radius:5px;
  }
  .ranking-row .ranklogo img{
    width:auto;
    max-width:100%;
    max-height:22px;
    object-fit:contain;
  }
  .ranking-row .rankcasino b{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    line-height:1.2;
  }
  .ranking-row .rankcasino small{
    display:none;
  }
  .ranking-row>.rankbonus{
    grid-area:bonus;
    display:block;
    min-width:0;
    width:100%;
    padding:7px 9px;
    border:1px solid rgba(37,89,78,.35);
    border-radius:5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:9px;
    line-height:1.25;
  }
  .ranking-row>.rankpay{
    display:none;
  }
  .ranking-row>.rankrating{
    grid-area:rating;
    display:block;
    justify-self:end;
    align-self:center;
    white-space:nowrap;
  }
  .ranking-row .rankrating b{
    display:block;
    color:#f2f6f4;
    font-size:11px;
    line-height:1;
    font-weight:700;
  }
  .ranking-row .rankrating .rankstars{
    display:none;
  }
  .ranking-row .rankrating small{
    display:none;
  }
  .ranking-row .florenne-primary{
    grid-area:cta;
    width:auto;
    min-width:90px;
    min-height:34px;
    margin:0;
    padding:8px 13px;
    border-radius:7px;
    white-space:nowrap;
    font-size:10px;
    line-height:1;
  }
}


/* Responsive ranking cards — v3.3.3
   Use the compact two-row card layout on tablet and mobile.
   This intentionally overrides the older <=800px / <=560px ranking rules. */
@media (max-width:900px){
  .ranking-head{display:none}
  .ranking-table{margin-top:22px}
  .ranking-row{
    display:grid;
    grid-template-columns:22px minmax(0,1fr) auto;
    grid-template-areas:
      "num casino rating"
      "bonus bonus cta";
    column-gap:10px;
    row-gap:10px;
    align-items:center;
    padding:12px 16px;
    min-height:98px;
    margin:8px 0;
    border-radius:10px;
  }
  .ranking-row.is-first{border-color:#13c69d}
  .ranking-row>.ranknum{
    grid-area:num;
    display:block;
    align-self:center;
    text-align:left;
    font-size:12px;
    line-height:1;
  }
  .ranking-row>.rankcasino{
    grid-area:casino;
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
  }
  .ranking-row .ranklogo{
    flex:0 0 78px;
    width:78px;
    min-width:78px;
    height:34px;
    padding:4px 6px;
    border-radius:5px;
  }
  .ranking-row .ranklogo img{
    width:auto;
    max-width:100%;
    max-height:24px;
    object-fit:contain;
  }
  .ranking-row .rankcasino>div:last-child{min-width:0}
  .ranking-row .rankcasino b{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    line-height:1.2;
  }
  .ranking-row .rankcasino small{display:none}
  .ranking-row>.rankbonus{
    grid-area:bonus;
    display:block;
    min-width:0;
    width:100%;
    padding:8px 10px;
    border:1px solid rgba(37,89,78,.35);
    border-radius:5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10px;
    line-height:1.2;
  }
  .ranking-row>.rankpay{display:none}
  .ranking-row>.rankrating{
    grid-area:rating;
    display:block;
    justify-self:end;
    align-self:center;
    white-space:nowrap;
    text-align:right;
  }
  .ranking-row .rankrating b{
    display:block;
    color:#f2f6f4;
    font-size:11px;
    line-height:1;
    font-weight:700;
  }
  .ranking-row .rankrating .rankstars,
  .ranking-row .rankrating small{display:none}
  .ranking-row>.florenne-primary{
    grid-area:cta;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    justify-self:end;
    width:auto;
    min-width:110px;
    min-height:36px;
    margin:0;
    padding:8px 14px;
    border-radius:7px;
    white-space:nowrap;
    word-break:normal;
    overflow-wrap:normal;
    font-size:10px;
    line-height:1;
  }
}

@media (max-width:560px){
  .ranking-row{
    grid-template-columns:18px minmax(0,1fr) auto;
    column-gap:8px;
    padding:12px 14px;
  }
  .ranking-row .ranklogo{
    flex-basis:72px;
    width:72px;
    min-width:72px;
    height:32px;
  }
  .ranking-row>.florenne-primary{
    min-width:94px;
    padding-left:11px;
    padding-right:11px;
  }
  .ranking-row>.rankbonus{font-size:9px}
}

@media (max-width:390px){
  .ranking-row{
    grid-template-columns:16px minmax(0,1fr) auto;
    padding:11px 12px;
    column-gap:7px;
  }
  .ranking-row .ranklogo{
    flex-basis:64px;
    width:64px;
    min-width:64px;
    height:30px;
  }
  .ranking-row .rankcasino b{font-size:11px}
  .ranking-row .rankrating b{font-size:10px}
  .ranking-row>.florenne-primary{
    min-width:88px;
    min-height:34px;
    padding:8px 9px;
    font-size:9px;
  }
}