.tirages-container{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%;margin:0 auto 1.5em;padding:10px 20px;box-sizing:border-box;background:rgba(255,255,255,.035);border:1px solid rgba(212,175,55,.35);border-radius:50px;box-shadow:0 4px 15px rgba(0,0,0,.18)}
.tirages-container .fas.fa-chart-line{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--color-gold-light)!important;background:rgba(212,175,55,.1);border-radius:50%;font-size:.95rem}
.tirages-container .tirages-text{display:flex;align-items:baseline;gap:7px;margin:0;white-space:nowrap}
.tirages-nb{color:var(--color-gold-light);font-size:1.45rem;font-weight:700;line-height:1;letter-spacing:.02em;text-shadow:0 0 8px rgba(212,175,55,.15)}
.tirages-label{color:#e2c76a;font-size:.85rem;font-weight:400}
.tirages-nb{position:relative; z-index:5; color:#f0d56b; filter:none; opacity:1; text-shadow:none;}

.ranking-box{margin:0 0 2.6em;padding:1.4em 1.3em 1.5em;background:linear-gradient(180deg,rgba(59,40,80,.42) 0%,rgba(52,37,69,.3) 100%);border:1px solid rgba(212,175,55,.22);border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.16)}
.ranking-header{display:flex;align-items:center;margin-bottom:1em}
.ranking-title{margin:0;color:var(--color-text);font-size:1.3rem;font-weight:600;line-height:1.3}
.ranking-list{display:grid;grid-template-columns:repeat(5,minmax(0,160px));justify-content:start;gap:.9em;margin:0;padding:0;list-style:none}
.ranking-item{position:relative;overflow:hidden;width:100%;min-width:0;padding:0;background:linear-gradient(180deg,#3b2850 0%,#342545 100%);border:1px solid rgba(212,175,55,.3);border-radius:10px;box-shadow:var(--shadow-card);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ranking-item:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.65);box-shadow:var(--shadow-card-hover)}
.ranking-image{position:relative;display:block;overflow:hidden;width:100%;margin:0;padding:0;border:0;border-radius:var(--radius-card) var(--radius-card) 0 0}
.ranking-image img{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none;transition:transform .35s ease}
.ranking-item:hover .ranking-image img{transform:scale(1.025)}
.ranking-position{position:absolute;top:8px;left:8px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#fff;background:rgba(48,31,61,.94);border:1px solid rgba(240,208,90,.85);border-radius:10px;box-shadow:0 3px 9px rgba(0,0,0,.38);font-size:.8rem;font-weight:700;line-height:1;z-index:2}
.ranking-info{padding:9px 8px 10px;text-align:center}
.ranking-name{display:-webkit-box;overflow:hidden;margin:0 0 4px;color:#eee5f3;font-size:.8rem;font-weight:600;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ranking-consultations{display:block;color:#e2c76a;font-size:.68rem;font-weight:400;line-height:1.25}

.categorie-title{display:flex;align-items:center;margin:1.8em 0 .7em;color:var(--color-text);font-size:1.3rem;font-weight:600;line-height:1.3}
.categorie-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:10px;box-sizing:border-box;color:var(--color-gold-light);background:rgba(216,184,102,.06);border:1px solid rgba(216,184,102,.2);border-radius:9px;font-size:1rem}
.categorie-count{margin-left:9px;color:#e2c76a;font-size:.7rem;font-weight:400;white-space:nowrap}

.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,200px));justify-content:start;gap:.8em}
.tirage-card{position:relative;overflow:hidden;padding:0;background:linear-gradient(180deg,#3b2850 0%,#342545 100%);border:1px solid rgba(212,175,55,.3);border-radius:10px;box-shadow:var(--shadow-card);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.tirage-card:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.65);box-shadow:var(--shadow-card-hover)}
.tirage-card>a{position:relative;display:block;overflow:hidden}
.tirage-card img{display:block;width:100%;height:auto;border:0;border-radius:0;box-shadow:none;transition:transform .35s ease,filter .35s ease}
.tirage-card:hover img{transform:scale(1.025)}
.tirage-card h3{margin:0;padding:10px 9px 3px;color:#eee5f3;font-size:.95rem;font-weight:600;line-height:1.3;text-align:center}
.consultations{display:block;padding:3px 8px 10px;color:#91839d!important;font-size:.7rem;font-weight:400;line-height:1.3;text-align:center}

.scroll-top-container{margin-top:.25em;text-align:right}
.scroll-top-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:5px 10px;color:var(--color-gold-light)!important;background:rgba(63,42,79,.95);border:1px solid rgba(212,175,55,.55);border-radius:6px;box-shadow:0 3px 10px rgba(0,0,0,.22);font-size:.7rem;font-weight:500;line-height:1;text-decoration:none;transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
.scroll-top-button:hover{color:#fff!important;background:rgba(90,57,112,.98);border:1px solid rgba(212,175,55,.85);box-shadow:0 5px 16px rgba(0,0,0,.3),0 0 14px rgba(212,175,55,.08)}


@media screen and (max-width:900px){
.ranking-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65em}
.ranking-name{font-size:.72rem}
.ranking-consultations{font-size:.63rem}
}

@media screen and (max-width:600px){
.tirages-container{padding:9px 15px}
.tirages-nb{font-size:1.25rem}
.tirages-label{font-size:.78rem}
.ranking-box{margin-bottom:1.8em;padding:1em .65em 1.1em}
.ranking-header{margin-bottom:.75em}
.ranking-title{font-size:1.15rem}
.ranking-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45em}
.ranking-position{top:4px;left:4px;width:22px;height:22px;font-size:.62rem}
.ranking-info{padding:6px 3px 7px}
.ranking-name{font-size:.62rem;line-height:1.2}
.ranking-consultations{font-size:.56rem}
.categorie-title{margin-top:1.7em;font-size:1.15rem}
.categorie-icon{width:32px;height:32px;margin-right:8px}
.grid-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65em}
.tirage-card h3{font-size:.88rem}
.consultations{font-size:.65rem}
}