/* ============================================================
   BANDEAU FOURNITURES SCOLAIRES (homepage)
   Or (--color-accent) + écriture blanche + picto crayon
   ============================================================ */
.lst-supplies-band{
    background: linear-gradient(90deg, var(--color-accent) 0%, var(--color-accent-light) 100%);
    color:#fff;
    padding: 18px 0;
    position: relative;
    overflow: hidden;
}
.lst-supplies-band::before{
    content:"";
    position:absolute; inset:0;
    background: var(--noise-url);
    opacity:.4; pointer-events:none;
}
.lst-supplies-band__inner{
    display:flex; align-items:center; gap:20px;
    flex-wrap:wrap;
    position:relative; z-index:1;
}
.lst-supplies-band__icon{
    width:48px; height:48px; flex-shrink:0;
    border-radius:50%;
    background: rgba(255,255,255,.18);
    color:#fff;
    display:inline-flex; align-items:center; justify-content:center;
    font-size:1.3rem;
    border: 1px solid rgba(255,255,255,.35);
}
.lst-supplies-band__text{
    flex:1 1 320px;
    color:#fff;
    line-height:1.35;
    font-size:1.02rem;
}
.lst-supplies-band__text strong{
    display:block;
    color:#fff;
    font-family: var(--font-heading-sans);
    font-weight: 700;
    font-size:1.1rem;
    margin-bottom:2px;
    letter-spacing:.2px;
}
.lst-supplies-band__text span{ color: rgba(255,255,255,.95); }
.lst-supplies-band .btn{
    background:#fff;
    color: var(--color-primary);
    border-color:#fff;
    font-weight:600;
}
.lst-supplies-band .btn:hover{
    background: var(--color-primary);
    color:#fff;
    border-color: var(--color-primary);
}
@media (max-width: 640px){
    .lst-supplies-band__inner{ gap:14px; }
    .lst-supplies-band__icon{ width:42px; height:42px; font-size:1.1rem; }
    .lst-supplies-band__text{ font-size:.95rem; }
    .lst-supplies-band .btn{ width:100%; text-align:center; }
}