/* =========================================================
   Music FM — Artists Catalog 2026
   קובץ נפרד לעמוד artists.php בלבד
========================================================= */

.artists-2026-page{
    direction:rtl;
    padding-top:24px;
}

/* Hero — Music FM MASTER HERO */
.artists-2026-hero{
    position:relative;
    overflow:hidden;
    margin-bottom:18px;
    border-radius:4px;
    border:1px solid rgba(20,124,255,.18);
    background:
        radial-gradient(circle at 16% 8%,rgba(89,199,255,.20),transparent 34%),
        radial-gradient(circle at 84% 16%,rgba(20,124,255,.20),transparent 34%),
        linear-gradient(135deg,#071832 0%,#08295b 52%,#031126 100%);
    color:#fff;
    box-shadow:
        0 14px 36px rgba(15,35,70,.13),
        inset 0 1px 0 rgba(255,255,255,.06);
}

.artists-2026-hero::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,.018) 0,
            rgba(255,255,255,.018) 1px,
            transparent 1px,
            transparent 118px
        );
    opacity:.52;
}

.artists-2026-hero-content{
    position:relative;
    z-index:2;
    padding:54px 46px;
}

.artists-2026-kicker{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 14px;
    border:0;
    border-radius:3px;
    background:#147cff;
    color:#fff;
    font-size:13px;
    line-height:1;
    font-weight:950;
    white-space:nowrap;
}

.artists-2026-hero h1{
    margin:18px 0 14px;
    color:#fff;
    font-size:62px;
    line-height:.95;
    font-weight:950;
    letter-spacing:-2px;
}

.artists-2026-hero p{
    max-width:860px;
    margin:0;
    color:rgba(255,255,255,.84);
    font-size:18px;
    line-height:1.75;
    font-weight:760;
}

.artists-2026-search{
    display:grid;
    grid-template-columns:minmax(0,620px) 112px;
    gap:9px;
    max-width:741px;
    margin-top:24px;
}

.artists-2026-search-field{
    position:relative;
    min-width:0;
}

.artists-2026-search-field > i{
    position:absolute;
    top:50%;
    right:17px;
    z-index:2;
    transform:translateY(-50%);
    color:#59c7ff;
    font-size:15px;
    pointer-events:none;
}

.artists-2026-search input{
    width:100%;
    min-height:54px;
    padding:0 46px 0 18px;
    border:1px solid rgba(89,199,255,.24);
    border-radius:3px;
    outline:0;
    background:rgba(255,255,255,.96);
    color:#111827;
    font:inherit;
    font-size:15px;
    font-weight:850;
    box-shadow:0 10px 24px rgba(0,0,0,.08);
    transition:border-color .18s ease, box-shadow .18s ease;
}

.artists-2026-search input::placeholder{
    color:#7d8795;
    opacity:1;
}

.artists-2026-search input:focus{
    border-color:#59c7ff;
    box-shadow:
        0 0 0 3px rgba(89,199,255,.09),
        0 10px 24px rgba(0,0,0,.08);
}

.artists-2026-search button{
    min-height:54px;
    border:1px solid #147cff;
    border-radius:3px;
    background:#147cff;
    color:#fff;
    font:inherit;
    font-size:14px;
    font-weight:950;
    cursor:pointer;
    box-shadow:0 10px 22px rgba(20,124,255,.16);
    transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.artists-2026-search button:hover{
    background:#086ef1;
    transform:translateY(-1px);
    box-shadow:0 14px 26px rgba(20,124,255,.20);
}

.artists-2026-hero-stats{
    display:flex;
    align-items:stretch;
    gap:8px;
    flex-wrap:wrap;
    margin-top:18px;
}

.artists-2026-hero-stat{
    min-width:128px;
    min-height:67px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:10px 14px;
    border:1px solid rgba(89,199,255,.18);
    border-radius:3px;
    background:rgba(3,17,38,.22);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.artists-2026-hero-stat strong{
    color:#59c7ff;
    font-size:22px;
    line-height:1;
    font-weight:950;
}

.artists-2026-hero-stat span{
    margin-top:6px;
    color:rgba(255,255,255,.78);
    font-size:11px;
    line-height:1;
    font-weight:850;
}

/* Tools */
.artists-2026-tools{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:0 0 18px;
    padding:12px;
    border:1px solid #dfe7f3;
    border-radius:4px;
    background:#fff;
    box-shadow:0 9px 24px rgba(15,35,70,.055);
}

.artists-2026-letters{
    display:flex;
    gap:7px;
    overflow-x:auto;
    scrollbar-width:none;
}

.artists-2026-letters::-webkit-scrollbar{
    display:none;
}

.artists-2026-letters button,
.artists-2026-tools > a{
    flex:0 0 auto;
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 13px;
    border:1px solid #dfe7f3;
    border-radius:3px;
    background:#f8fbff;
    color:#111827;
    font:inherit;
    font-size:14px;
    font-weight:950;
    cursor:pointer;
}

.artists-2026-letters button.active{
    background:#147cff;
    border-color:#147cff;
    color:#fff;
}

.artists-2026-tools > a{
    color:#147cff;
    text-decoration:none;
}

/* Grid */
.artists-2026-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:16px;
}

.artists-2026-card{
    position:relative;
    overflow:hidden;
    min-height:270px;
    border:1px solid #dfe7f3;
    border-radius:4px;
    background:#fff;
    color:#111827;
    text-decoration:none;
    box-shadow:0 9px 24px rgba(15,35,70,.055);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.artists-2026-card:hover{
    transform:translateY(-3px);
    border-color:rgba(20,124,255,.32);
    box-shadow:0 18px 38px rgba(15,35,70,.10);
}

.artists-2026-cover{
    position:relative;
    aspect-ratio:1/1.04;
    overflow:hidden;
    background:#071832;
}

.artists-2026-cover::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,transparent 44%,rgba(3,8,18,.74) 100%),
        radial-gradient(circle at 20% 10%,rgba(20,124,255,.18),transparent 32%);
    pointer-events:none;
}

.artists-2026-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:0 !important;
    transform:scale(1.01);
    transition:transform .45s ease, filter .35s ease;
}

.artists-2026-card:hover .artists-2026-cover img{
    transform:scale(1.06);
    filter:saturate(1.08);
}

.artists-2026-cover span{
    position:absolute;
    right:12px;
    top:12px;
    z-index:2;
    min-width:36px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:3px;
    background:#147cff;
    color:#fff;
    font-size:13px;
    font-weight:950;
}

.artists-2026-card-body{
    padding:14px 15px 8px;
}

.artists-2026-card strong{
    display:block;
    color:#111827;
    font-size:19px;
    line-height:1.22;
    font-weight:950;
}

.artists-2026-card small{
    display:block;
    margin-top:6px;
    color:#667085;
    font-weight:800;
}

.artists-2026-card em{
    display:block;
    padding:0 15px 15px;
    color:#147cff;
    font-style:normal;
    font-size:13px;
    font-weight:950;
}

/* Empty */
.artists-2026-empty{
    grid-column:1 / -1;
    padding:34px;
    border:1px solid #dfe7f3;
    border-radius:4px;
    background:#fff;
    box-shadow:0 9px 24px rgba(15,35,70,.055);
}

.artists-2026-empty span{
    color:#147cff;
    font-size:12px;
    font-weight:950;
}

.artists-2026-empty h2{
    margin:8px 0;
    color:#111827;
    font-size:30px;
    font-weight:950;
}

.artists-2026-empty p{
    margin:0;
    color:#667085;
    line-height:1.65;
    font-weight:750;
}

.artists-2026-empty a{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    margin-top:16px;
    padding:0 14px;
    border-radius:3px;
    background:#147cff;
    color:#fff;
    font-weight:950;
    text-decoration:none;
}

/* Responsive */
@media(max-width:1200px){
    .artists-2026-grid{
        grid-template-columns:repeat(4,1fr);
    }
}

@media(max-width:980px){
    .artists-2026-hero{
        grid-template-columns:1fr;
    }

    .artists-2026-counter{
        min-height:120px;
        border-inline-start:0;
        border-top:1px solid rgba(255,255,255,.10);
    }

    .artists-2026-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:720px){
    .artists-2026-page{
        padding-top:16px;
    }

    .artists-2026-hero{
        margin-inline:-9px;
        border-radius:0 0 4px 4px;
    }

    .artists-2026-hero-content{
        padding:28px 22px;
    }

    .artists-2026-hero h1{
        font-size:42px;
        letter-spacing:-1px;
    }

    .artists-2026-hero p{
        font-size:15px;
    }

    .artists-2026-search{
        grid-template-columns:1fr;
    }

    .artists-2026-search input,
    .artists-2026-search button{
        min-height:50px;
    }

    .artists-2026-tools{
        display:block;
    }

    .artists-2026-tools > a{
        margin-top:10px;
    }

    .artists-2026-grid{
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }

    .artists-2026-card{
        min-height:230px;
    }

    .artists-2026-card strong{
        font-size:16px;
    }
}

@media(max-width:420px){
    .artists-2026-grid{
        grid-template-columns:1fr;
    }

    .artists-2026-card{
        min-height:auto;
    }
}

@media(prefers-reduced-motion: reduce){
    .artists-2026-page *,
    .artists-2026-page *::before,
    .artists-2026-page *::after{
        animation:none !important;
        transition:none !important;
        transform:none !important;
    }
}


/* =========================================================
   ARTISTS 2026 — PREMIUM POLISH
========================================================= */
.artists-2026-tools{
    position:relative;
    overflow:hidden;
}

.artists-2026-tools::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:96px;
    height:2px;
    background:linear-gradient(90deg,#59c7ff,#147cff);
}

.artists-2026-letters button,
.artists-2026-tools > a{
    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.artists-2026-letters button:hover,
.artists-2026-tools > a:hover{
    color:#147cff;
    border-color:rgba(20,124,255,.28);
    background:#eef6ff;
    transform:translateY(-1px);
}

.artists-2026-letters button.active:hover{
    color:#fff;
    background:#147cff;
}

.artists-2026-card{
    isolation:isolate;
}

.artists-2026-card::after{
    content:"";
    position:absolute;
    right:0;
    left:0;
    bottom:0;
    height:2px;
    background:linear-gradient(90deg,#59c7ff,#147cff);
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .25s ease;
}

.artists-2026-card:hover::after{
    transform:scaleX(1);
}

.artists-2026-card-body{
    min-height:67px;
}

.artists-2026-card em{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

/* MASTER mobile behavior — exact same geometry as the approved terms.php hero */
@media(max-width:720px){
    .artists-2026-page{
        padding-top:16px;
    }

    .artists-2026-hero{
        margin-inline:-9px;
        border-radius:0 0 4px 4px;
    }

    .artists-2026-hero-content{
        padding:32px 22px;
    }

    .artists-2026-hero h1{
        font-size:40px;
        letter-spacing:-1px;
    }

    .artists-2026-hero p{
        font-size:15px;
        line-height:1.68;
    }

    .artists-2026-search{
        grid-template-columns:1fr;
        max-width:none;
    }

    .artists-2026-search input,
    .artists-2026-search button{
        min-height:50px;
    }

    .artists-2026-hero-stats{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:6px;
        margin-top:14px;
    }

    .artists-2026-hero-stat{
        min-width:0;
        min-height:62px;
        padding:9px 8px;
        text-align:center;
    }

    .artists-2026-hero-stat strong{
        font-size:19px;
    }

    .artists-2026-hero-stat span{
        font-size:9.5px;
    }
}


/* =========================================================
   ARTISTS HERO — SUBTLE FINAL TUNING
   Same MASTER background, less visual noise.
========================================================= */

/* Search becomes quieter and lighter */
.artists-2026-search{
    grid-template-columns:minmax(0,560px) 100px !important;
    max-width:669px !important;
    margin-top:20px !important;
    gap:8px !important;
}

.artists-2026-search input{
    min-height:50px !important;
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:none !important;
}

.artists-2026-search input:focus{
    border-color:rgba(89,199,255,.48) !important;
    box-shadow:0 0 0 2px rgba(89,199,255,.07) !important;
}

.artists-2026-search button{
    min-height:50px !important;
    box-shadow:none !important;
}

.artists-2026-search button:hover{
    transform:none !important;
    box-shadow:none !important;
}

/* Stats: remove "card" feel; make them read like quiet inline metrics */
.artists-2026-hero-stats{
    gap:0 !important;
    margin-top:20px !important;
}

.artists-2026-hero-stat{
    min-width:118px !important;
    min-height:auto !important;
    padding:2px 16px !important;
    border:0 !important;
    border-left:1px solid rgba(255,255,255,.12) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.artists-2026-hero-stat:last-child{
    border-left:0 !important;
}

.artists-2026-hero-stat strong{
    color:#59c7ff !important;
    font-size:20px !important;
    line-height:1.05 !important;
}

.artists-2026-hero-stat span{
    margin-top:5px !important;
    color:rgba(255,255,255,.67) !important;
    font-size:10px !important;
}

/* Keep hero typography refined and slightly calmer */
.artists-2026-hero h1{
    font-size:58px !important;
    letter-spacing:-1.5px !important;
}

.artists-2026-hero p{
    max-width:780px !important;
    font-size:17px !important;
    line-height:1.72 !important;
}

/* Kicker stays exactly in the clean blue style */
.artists-2026-kicker{
    min-height:32px !important;
    padding:0 13px !important;
    font-size:12px !important;
}

/* Reduce extra page chrome below hero */
.artists-2026-tools::before{
    display:none !important;
}

.artists-2026-card::after{
    display:none !important;
}

.artists-2026-card:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 14px 30px rgba(15,35,70,.08) !important;
}

/* Mobile: simple, breathing, no boxed stats */
@media(max-width:720px){
    .artists-2026-hero-content{
        padding:32px 22px !important;
    }

    .artists-2026-hero h1{
        font-size:40px !important;
        margin-bottom:12px !important;
    }

    .artists-2026-hero p{
        font-size:15px !important;
        line-height:1.68 !important;
    }

    .artists-2026-search{
        grid-template-columns:1fr !important;
        max-width:none !important;
        margin-top:18px !important;
    }

    .artists-2026-hero-stats{
        display:flex !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        flex-wrap:wrap !important;
        gap:0 !important;
        margin-top:18px !important;
    }

    .artists-2026-hero-stat{
        flex:0 0 auto !important;
        min-width:0 !important;
        padding:0 12px !important;
        text-align:right !important;
        border-left:1px solid rgba(255,255,255,.12) !important;
    }

    .artists-2026-hero-stat:first-child{
        padding-right:0 !important;
    }

    .artists-2026-hero-stat:last-child{
        border-left:0 !important;
    }

    .artists-2026-hero-stat strong{
        font-size:18px !important;
    }

    .artists-2026-hero-stat span{
        font-size:9.5px !important;
    }
}


/* =========================================================
   DESKTOP HERO — MOVE STATS TO A QUIET SIDE RAIL
   Same approved MASTER background. No metrics under the search.
========================================================= */
@media(min-width:981px){
    .artists-2026-hero{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 260px !important;
        align-items:stretch !important;
    }

    .artists-2026-hero-content{
        min-width:0 !important;
    }

    .artists-2026-hero-side{
        position:relative !important;
        z-index:2 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:34px 30px !important;
        border-inline-start:1px solid rgba(255,255,255,.08) !important;
        background:rgba(3,17,38,.12) !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stats{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
        margin:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat{
        width:100% !important;
        min-width:0 !important;
        padding:16px 4px !important;
        border:0 !important;
        border-bottom:1px solid rgba(255,255,255,.10) !important;
        background:transparent !important;
        box-shadow:none !important;
        text-align:center !important;
        align-items:center !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat:last-child{
        border-bottom:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat strong{
        color:#59c7ff !important;
        font-size:29px !important;
        line-height:1 !important;
        font-weight:950 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat span{
        margin-top:7px !important;
        color:rgba(255,255,255,.68) !important;
        font-size:10.5px !important;
        font-weight:850 !important;
    }

    .artists-2026-search{
        margin-top:24px !important;
    }
}

/* Tablet/mobile: side rail collapses naturally below content */
@media(max-width:980px){
    .artists-2026-hero{
        display:block !important;
    }

    .artists-2026-hero-side{
        position:relative !important;
        z-index:2 !important;
        padding:0 22px 24px !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stats{
        margin-top:0 !important;
    }
}


/* =========================================================
   LETTER FILTER — FIX HOVER CLIPPING
   Hover must NEVER move/scale the letter buttons.
========================================================= */
.artists-2026-letters button,
.artists-2026-letters button:hover,
.artists-2026-letters button:focus,
.artists-2026-letters button:focus-visible,
.artists-2026-letters button:active{
    transform:none !important;
    translate:none !important;
    scale:1 !important;
}

.artists-2026-letters button:hover{
    color:#147cff !important;
    border-color:rgba(20,124,255,.28) !important;
    background:#eef6ff !important;
}

.artists-2026-letters button.active,
.artists-2026-letters button.active:hover{
    color:#fff !important;
    border-color:#147cff !important;
    background:#147cff !important;
    transform:none !important;
}


/* =========================================================
   ARTISTS HERO — MOCKUP IMPLEMENTATION
   MASTER background stays unchanged.
========================================================= */
@media(min-width:981px){
    .artists-2026-hero{
        grid-template-columns:300px minmax(0,1fr) 235px !important;
    }

    .artists-2026-hero-visual{
        position:relative;
        z-index:2;
        min-height:390px;
        overflow:hidden;
        border-inline-end:1px solid rgba(255,255,255,.055);
        background:
            radial-gradient(circle at 50% 50%,rgba(20,124,255,.14),transparent 42%),
            rgba(3,17,38,.035);
    }

    .artists-2026-hero-face{
        position:absolute;
        overflow:hidden;
        width:86px;
        height:220px;
        border:1px solid rgba(89,199,255,.12);
        border-radius:4px;
        background:#071832;
        opacity:.82;
        box-shadow:0 12px 26px rgba(0,0,0,.16);
    }

    .artists-2026-hero-face img{
        width:100%;
        height:100%;
        display:block;
        object-fit:cover;
        filter:saturate(.88) brightness(.84);
        transform:none !important;
    }

    .artists-2026-hero-face::after{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(180deg,rgba(20,124,255,.10),rgba(3,17,38,.26));
        pointer-events:none;
    }

    .artists-2026-hero-face.face-1{right:24px;top:88px}
    .artists-2026-hero-face.face-2{right:78px;top:62px;height:250px;z-index:3;opacity:.95}
    .artists-2026-hero-face.face-3{right:135px;top:96px}
    .artists-2026-hero-face.face-4{right:190px;top:74px;height:238px}
    .artists-2026-hero-face.face-5{right:242px;top:104px;height:205px}

    .artists-2026-hero-side{
        padding:24px 16px !important;
        background:rgba(255,255,255,.035) !important;
        border-inline-start:1px solid rgba(255,255,255,.055) !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stats{
        gap:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat{
        min-height:92px !important;
        padding:17px 10px !important;
        border-bottom:1px solid rgba(255,255,255,.09) !important;
        background:rgba(255,255,255,.022) !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat strong{
        color:#59c7ff !important;
        font-size:28px !important;
    }
}

@media(max-width:980px){
    .artists-2026-hero-visual{display:none !important}
}


/* =========================================================
   ARTISTS HERO — MATCH THE APPROVED MOCKUP COMPOSITION
   Physical layout: LEFT visual / CENTER content / RIGHT stats
========================================================= */
@media(min-width:981px){

    .artists-2026-hero{
        direction:ltr !important;
        display:grid !important;
        grid-template-columns:320px minmax(520px,1fr) 235px !important;
        grid-template-areas:"visual content stats" !important;
        align-items:stretch !important;
        min-height:390px !important;
    }

    .artists-2026-hero-visual{
        grid-area:visual !important;
        direction:rtl !important;
        min-height:390px !important;
        border-inline-end:1px solid rgba(255,255,255,.055) !important;
    }

    .artists-2026-hero-content{
        grid-area:content !important;
        direction:rtl !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        align-items:flex-start !important;
        padding:48px 42px !important;
    }

    .artists-2026-hero-side{
        grid-area:stats !important;
        direction:rtl !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:22px 16px !important;
        border-inline-start:1px solid rgba(255,255,255,.055) !important;
        border-inline-end:0 !important;
        background:rgba(255,255,255,.035) !important;
    }

    /* Center copy like the mockup */
    .artists-2026-kicker{
        align-self:flex-start !important;
    }

    .artists-2026-hero h1{
        margin-top:18px !important;
        font-size:58px !important;
    }

    .artists-2026-hero p{
        max-width:660px !important;
        font-size:16px !important;
        line-height:1.72 !important;
    }

    .artists-2026-search{
        width:100% !important;
        max-width:620px !important;
        grid-template-columns:minmax(0,1fr) 92px !important;
        margin-top:24px !important;
    }

    .artists-2026-search input,
    .artists-2026-search button{
        min-height:52px !important;
    }

    /* Right stats panel — compact translucent blocks */
    .artists-2026-hero-side .artists-2026-hero-stats{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
        margin:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat{
        width:100% !important;
        min-height:105px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        padding:16px 10px !important;
        border:0 !important;
        border-bottom:1px solid rgba(255,255,255,.085) !important;
        background:rgba(255,255,255,.022) !important;
        text-align:center !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat:last-child{
        border-bottom:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat strong{
        color:#59c7ff !important;
        font-size:28px !important;
        line-height:1 !important;
        font-weight:950 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat span{
        margin-top:7px !important;
        color:rgba(255,255,255,.72) !important;
        font-size:10px !important;
        font-weight:850 !important;
    }

    /* Artist visual — larger, more intentional layered strips */
    .artists-2026-hero-face{
        width:92px !important;
        height:238px !important;
        border-radius:4px !important;
        border:1px solid rgba(89,199,255,.14) !important;
        opacity:.80 !important;
        box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
    }

    .artists-2026-hero-face img{
        filter:saturate(.82) brightness(.80) contrast(1.04) !important;
    }

    .artists-2026-hero-face.face-1{
        right:18px !important;
        top:90px !important;
        height:205px !important;
    }

    .artists-2026-hero-face.face-2{
        right:72px !important;
        top:70px !important;
        width:98px !important;
        height:250px !important;
        opacity:.96 !important;
        z-index:5 !important;
    }

    .artists-2026-hero-face.face-3{
        right:132px !important;
        top:92px !important;
        height:214px !important;
    }

    .artists-2026-hero-face.face-4{
        right:192px !important;
        top:76px !important;
        height:235px !important;
    }

    .artists-2026-hero-face.face-5{
        right:250px !important;
        top:98px !important;
        height:205px !important;
    }
}

/* Keep the approved mobile master unchanged */
@media(max-width:980px){
    .artists-2026-hero{
        direction:rtl !important;
    }
}


/* =========================================================
   ARTISTS HERO — MOBILE VERSION OF THE APPROVED COMPOSITION
   Same master background. Visuals kept subtle and removed on narrow screens.
========================================================= */
@media(min-width:521px) and (max-width:980px){
    .artists-2026-hero{
        display:grid !important;
        grid-template-columns:1fr !important;
        grid-template-areas:
            "content"
            "visual"
            "stats" !important;
    }

    .artists-2026-hero-content{
        grid-area:content !important;
        padding:32px 22px 24px !important;
    }

    .artists-2026-hero-visual{
        grid-area:visual !important;
        display:block !important;
        position:relative !important;
        min-height:180px !important;
        margin:0 22px !important;
        border:1px solid rgba(89,199,255,.10) !important;
        border-radius:4px !important;
        background:
            radial-gradient(circle at 50% 50%,rgba(20,124,255,.10),transparent 48%),
            rgba(3,17,38,.04) !important;
        overflow:hidden !important;
    }

    .artists-2026-hero-face{
        width:72px !important;
        height:145px !important;
        top:18px !important;
        opacity:.78 !important;
        box-shadow:0 10px 20px rgba(0,0,0,.14) !important;
    }

    .artists-2026-hero-face.face-1{right:12% !important}
    .artists-2026-hero-face.face-2{right:28% !important;width:78px !important;height:154px !important;opacity:.94 !important}
    .artists-2026-hero-face.face-3{right:44% !important}
    .artists-2026-hero-face.face-4{right:60% !important}
    .artists-2026-hero-face.face-5{right:76% !important}

    .artists-2026-hero-side{
        grid-area:stats !important;
        display:block !important;
        padding:16px 22px 24px !important;
        border:0 !important;
        background:transparent !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stats{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:6px !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat{
        min-height:68px !important;
        padding:10px 6px !important;
        border:1px solid rgba(89,199,255,.10) !important;
        border-radius:3px !important;
        background:rgba(255,255,255,.025) !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat strong{
        font-size:20px !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat span{
        font-size:9px !important;
    }
}

/* Narrow mobile: visuals removed for a cleaner result */
@media(max-width:520px){
    .artists-2026-hero-visual{
        display:none !important;
    }

    .artists-2026-hero-side{
        display:block !important;
        padding:0 22px 22px !important;
        background:transparent !important;
        border:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stats{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:6px !important;
        margin:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat{
        min-width:0 !important;
        min-height:60px !important;
        padding:8px 5px !important;
        border:1px solid rgba(89,199,255,.10) !important;
        border-radius:3px !important;
        background:rgba(255,255,255,.025) !important;
        text-align:center !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat strong{
        font-size:18px !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat span{
        font-size:8.5px !important;
    }
}


/* =========================================================
   ARTISTS HERO — STATS FINAL POLISH
   Keep the right-side stats, remove the heavy "dashboard rail".
========================================================= */
@media(min-width:981px){

    /* Remove the large translucent slab behind the entire stats column */
    .artists-2026-hero-side{
        padding:28px 18px !important;
        background:transparent !important;
        border-inline-start:1px solid rgba(255,255,255,.045) !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stats{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        gap:12px !important;
    }

    /* Each number gets its own very subtle glass surface */
    .artists-2026-hero-side .artists-2026-hero-stat{
        position:relative !important;
        min-height:92px !important;
        padding:15px 10px !important;

        border:1px solid rgba(89,199,255,.075) !important;
        border-radius:3px !important;
        background:rgba(255,255,255,.026) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.025) !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat:last-child{
        border-bottom:1px solid rgba(89,199,255,.075) !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat strong{
        color:#59c7ff !important;
        font-size:27px !important;
        line-height:1 !important;
        font-weight:950 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat span{
        margin-top:8px !important;
        color:rgba(255,255,255,.67) !important;
        font-size:9.5px !important;
        line-height:1.2 !important;
        font-weight:850 !important;
    }

    /* No movement or visual jump on hover */
    .artists-2026-hero-side .artists-2026-hero-stat,
    .artists-2026-hero-side .artists-2026-hero-stat:hover{
        transform:none !important;
        translate:none !important;
        scale:1 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat:hover{
        background:rgba(255,255,255,.034) !important;
        border-color:rgba(89,199,255,.11) !important;
    }
}

/* Keep the same visual language on tablet/mobile, only more compact */
@media(max-width:980px){
    .artists-2026-hero-side{
        background:transparent !important;
        border:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stats{
        gap:7px !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat{
        border:1px solid rgba(89,199,255,.075) !important;
        background:rgba(255,255,255,.026) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
        transform:none !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat:hover{
        transform:none !important;
    }
}


/* =========================================================
   ARTISTS HERO — MOBILE STATS MATCH DESKTOP
   Exact same subtle translucent stat surfaces, adapted only in size.
========================================================= */
@media(max-width:980px){
    .artists-2026-hero-side{
        display:block !important;
        padding:0 22px 22px !important;
        background:transparent !important;
        border:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stats{
        width:100% !important;
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:7px !important;
        margin:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat{
        min-width:0 !important;
        min-height:72px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        padding:12px 7px !important;

        border:1px solid rgba(89,199,255,.075) !important;
        border-radius:3px !important;
        background:rgba(255,255,255,.026) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;

        text-align:center !important;
        transform:none !important;
        translate:none !important;
        scale:1 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat:last-child{
        border-bottom:1px solid rgba(89,199,255,.075) !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat strong{
        color:#59c7ff !important;
        font-size:21px !important;
        line-height:1 !important;
        font-weight:950 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat span{
        margin-top:7px !important;
        color:rgba(255,255,255,.67) !important;
        font-size:9px !important;
        line-height:1.2 !important;
        font-weight:850 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat:hover,
    .artists-2026-hero-side .artists-2026-hero-stat:active{
        background:rgba(255,255,255,.026) !important;
        border-color:rgba(89,199,255,.075) !important;
        transform:none !important;
    }
}

@media(max-width:520px){
    .artists-2026-hero-side{
        padding:0 16px 18px !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stats{
        gap:6px !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat{
        min-height:66px !important;
        padding:10px 5px !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat strong{
        font-size:19px !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat span{
        font-size:8.5px !important;
    }
}


/* =========================================================
   ARTISTS HERO — FINAL REQUEST
   1. Restore the original translucent stats "slides"
   2. Same exact language on desktop + mobile
   3. Move artist images inward/right, away from the block edge
========================================================= */

/* ---------- DESKTOP ---------- */
@media(min-width:981px){

    /* ONE continuous translucent panel — no individual card borders */
    .artists-2026-hero-side{
        padding:18px 16px !important;
        background:transparent !important;
        border-inline-start:1px solid rgba(255,255,255,.045) !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stats{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
        margin:0 !important;

        overflow:hidden !important;
        border:0 !important;
        border-radius:0 !important;
        background:rgba(255,255,255,.035) !important;
        box-shadow:none !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat{
        width:100% !important;
        min-height:104px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        padding:15px 8px !important;

        border:0 !important;
        border-radius:0 !important;
        border-bottom:1px solid rgba(255,255,255,.085) !important;
        background:transparent !important;
        box-shadow:none !important;

        text-align:center !important;
        transform:none !important;
        translate:none !important;
        scale:1 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat:last-child{
        border-bottom:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat strong{
        color:#59c7ff !important;
        font-size:29px !important;
        line-height:1 !important;
        font-weight:950 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat span{
        margin-top:8px !important;
        color:rgba(255,255,255,.70) !important;
        font-size:10px !important;
        line-height:1.2 !important;
        font-weight:850 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat:hover{
        background:rgba(255,255,255,.012) !important;
        transform:none !important;
    }

    /* Move the artist portrait composition RIGHT / inward.
       It stays on the left side of the hero, but no longer hugs the outer edge. */
    .artists-2026-hero-face.face-1{
        right:42px !important;
    }

    .artists-2026-hero-face.face-2{
        right:96px !important;
    }

    .artists-2026-hero-face.face-3{
        right:156px !important;
    }

    .artists-2026-hero-face.face-4{
        right:216px !important;
    }

    .artists-2026-hero-face.face-5{
        right:270px !important;
    }
}

/* ---------- TABLET / MOBILE ---------- */
@media(max-width:980px){

    .artists-2026-hero-side{
        display:block !important;
        padding:0 22px 22px !important;
        background:transparent !important;
        border:0 !important;
    }

    /* Same continuous translucent slab as desktop */
    .artists-2026-hero-side .artists-2026-hero-stats{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
        margin:0 !important;

        overflow:hidden !important;
        border:0 !important;
        border-radius:0 !important;
        background:rgba(255,255,255,.035) !important;
        box-shadow:none !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat{
        width:100% !important;
        min-width:0 !important;
        min-height:76px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        padding:12px 8px !important;

        border:0 !important;
        border-radius:0 !important;
        border-bottom:1px solid rgba(255,255,255,.085) !important;
        background:transparent !important;
        box-shadow:none !important;

        text-align:center !important;
        transform:none !important;
        translate:none !important;
        scale:1 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat:last-child{
        border-bottom:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat strong{
        color:#59c7ff !important;
        font-size:22px !important;
        line-height:1 !important;
        font-weight:950 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat span{
        margin-top:7px !important;
        color:rgba(255,255,255,.70) !important;
        font-size:9px !important;
        line-height:1.2 !important;
        font-weight:850 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat:hover,
    .artists-2026-hero-side .artists-2026-hero-stat:active{
        background:transparent !important;
        transform:none !important;
    }
}

/* Narrow mobile — keep the same design, only tighter */
@media(max-width:520px){

    .artists-2026-hero-side{
        padding:0 16px 18px !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat{
        min-height:70px !important;
        padding:10px 6px !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat strong{
        font-size:20px !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat span{
        font-size:8.5px !important;
    }
}


/* =========================================================
   ARTISTS HERO — FINAL SIMPLE LAYOUT
   No artist images.
   Desktop: CONTENT RIGHT / STATS LEFT.
========================================================= */

/* Remove any old visual area completely */
.artists-2026-hero-visual{
    display:none !important;
}

/* ---------- DESKTOP ---------- */
@media(min-width:981px){
    .artists-2026-hero{
        direction:rtl !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 245px !important;
        grid-template-areas:"content stats" !important;
        align-items:stretch !important;
        min-height:390px !important;
    }

    .artists-2026-hero-content{
        grid-area:content !important;
        direction:rtl !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        align-items:flex-start !important;
        padding:54px 46px !important;
        min-width:0 !important;
    }

    .artists-2026-hero-side{
        grid-area:stats !important;
        direction:rtl !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:18px 16px !important;

        border-inline-start:1px solid rgba(255,255,255,.045) !important;
        border-inline-end:0 !important;
        background:transparent !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stats{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
        margin:0 !important;

        overflow:hidden !important;
        border:0 !important;
        border-radius:0 !important;
        background:rgba(255,255,255,.035) !important;
        box-shadow:none !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat{
        width:100% !important;
        min-height:104px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        padding:15px 8px !important;

        border:0 !important;
        border-radius:0 !important;
        border-bottom:1px solid rgba(255,255,255,.085) !important;
        background:transparent !important;
        box-shadow:none !important;
        text-align:center !important;

        transform:none !important;
        translate:none !important;
        scale:1 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat:last-child{
        border-bottom:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat strong{
        color:#59c7ff !important;
        font-size:29px !important;
        line-height:1 !important;
        font-weight:950 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat span{
        margin-top:8px !important;
        color:rgba(255,255,255,.70) !important;
        font-size:10px !important;
        line-height:1.2 !important;
        font-weight:850 !important;
    }

    .artists-2026-hero h1{
        font-size:58px !important;
    }

    .artists-2026-hero p{
        max-width:760px !important;
        font-size:17px !important;
        line-height:1.72 !important;
    }

    .artists-2026-search{
        width:100% !important;
        max-width:680px !important;
        margin-top:24px !important;
    }
}

/* ---------- TABLET / MOBILE ---------- */
@media(max-width:980px){
    .artists-2026-hero{
        direction:rtl !important;
        display:block !important;
    }

    .artists-2026-hero-content{
        padding:32px 22px 24px !important;
    }

    .artists-2026-hero-side{
        display:block !important;
        padding:0 22px 22px !important;
        background:transparent !important;
        border:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stats{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
        margin:0 !important;
        overflow:hidden !important;
        background:rgba(255,255,255,.035) !important;
        border:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat{
        min-height:76px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        padding:12px 8px !important;
        border:0 !important;
        border-bottom:1px solid rgba(255,255,255,.085) !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        text-align:center !important;
        transform:none !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat:last-child{
        border-bottom:0 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat strong{
        color:#59c7ff !important;
        font-size:22px !important;
        font-weight:950 !important;
    }

    .artists-2026-hero-side .artists-2026-hero-stat span{
        margin-top:7px !important;
        color:rgba(255,255,255,.70) !important;
        font-size:9px !important;
        font-weight:850 !important;
    }
}


/* =========================================================
   MUSIC FM — GLOBAL HERO BUTTON STANDARD
   Exact behavior/size unified to the approved Dedications HERO.
========================================================= */
.mf-hero-btn-standard,
.artists-2026-hero a,
.artists-2026-hero button,
.mf-pl-hero a,
.mf-pl-hero button,
.community-2026-hero .community-2026-actions a,
.dedications-hero-v2 .dedications-actions-v2 a{
    width:auto !important;
    min-width:0 !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    border-radius:3px !important;
    box-shadow:none !important;

    font-size:13px !important;
    line-height:1 !important;
    font-weight:900 !important;

    transform:none !important;
    translate:none !important;
    scale:1 !important;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease !important;
}

/* Secondary buttons */
.artists-2026-hero a:not(.is-primary),
.artists-2026-hero button:not(.is-primary),
.mf-pl-hero a:not(.is-primary),
.mf-pl-hero button:not(.is-primary),
.community-2026-hero .community-2026-actions a:not(.is-primary):not(:first-child),
.dedications-hero-v2 .dedications-actions-v2 a:not(.is-primary){
    border:1px solid rgba(255,255,255,.15) !important;
    background:rgba(255,255,255,.055) !important;
    color:rgba(255,255,255,.88) !important;
}

/* Primary buttons */
.artists-2026-hero .is-primary,
.mf-pl-hero .is-primary,
.community-2026-hero .community-2026-actions a.is-primary,
.community-2026-hero .community-2026-actions a:first-child,
.dedications-hero-v2 .dedications-actions-v2 a.is-primary{
    border:1px solid #147cff !important;
    background:#147cff !important;
    color:#fff !important;
}

/* Icons */
.artists-2026-hero a i,
.artists-2026-hero button i,
.mf-pl-hero a i,
.mf-pl-hero button i,
.community-2026-hero .community-2026-actions a i,
.dedications-hero-v2 .dedications-actions-v2 a i{
    font-size:13px !important;
    line-height:1 !important;
    transform:none !important;
}

/* Hover/focus/active — NO movement anywhere */
.artists-2026-hero a:hover,
.artists-2026-hero a:focus,
.artists-2026-hero a:active,
.artists-2026-hero button:hover,
.artists-2026-hero button:focus,
.artists-2026-hero button:active,
.mf-pl-hero a:hover,
.mf-pl-hero a:focus,
.mf-pl-hero a:active,
.mf-pl-hero button:hover,
.mf-pl-hero button:focus,
.mf-pl-hero button:active,
.community-2026-hero .community-2026-actions a:hover,
.community-2026-hero .community-2026-actions a:focus,
.community-2026-hero .community-2026-actions a:active,
.dedications-hero-v2 .dedications-actions-v2 a:hover,
.dedications-hero-v2 .dedications-actions-v2 a:focus,
.dedications-hero-v2 .dedications-actions-v2 a:active{
    transform:none !important;
    translate:none !important;
    scale:1 !important;
    box-shadow:none !important;
}

/* Secondary hover */
.artists-2026-hero a:not(.is-primary):hover,
.artists-2026-hero button:not(.is-primary):hover,
.mf-pl-hero a:not(.is-primary):hover,
.mf-pl-hero button:not(.is-primary):hover,
.community-2026-hero .community-2026-actions a:not(.is-primary):not(:first-child):hover,
.dedications-hero-v2 .dedications-actions-v2 a:not(.is-primary):hover{
    border-color:rgba(89,199,255,.27) !important;
    background:rgba(255,255,255,.085) !important;
    color:#fff !important;
}

/* Primary hover */
.artists-2026-hero .is-primary:hover,
.mf-pl-hero .is-primary:hover,
.community-2026-hero .community-2026-actions a.is-primary:hover,
.community-2026-hero .community-2026-actions a:first-child:hover,
.dedications-hero-v2 .dedications-actions-v2 a.is-primary:hover{
    border-color:#2689ff !important;
    background:#2689ff !important;
    color:#fff !important;
}

@media(max-width:760px){
    .artists-2026-hero a,
    .artists-2026-hero button,
    .mf-pl-hero a,
    .mf-pl-hero button,
    .community-2026-hero .community-2026-actions a,
    .dedications-hero-v2 .dedications-actions-v2 a{
        min-height:40px !important;
        height:40px !important;
        padding:0 14px !important;
        gap:8px !important;
        font-size:12.5px !important;
    }
}


/* =========================================================
   ARTISTS HERO — SEARCH BUTTON
   Restore primary blue and make it exactly the search-field height.
========================================================= */
.artists-2026-search{
    display:flex !important;
    align-items:stretch !important;
}

.artists-2026-search input{
    min-height:48px !important;
    height:48px !important;
}

.artists-2026-search button,
.artists-2026-search button:hover,
.artists-2026-search button:focus,
.artists-2026-search button:active{
    min-height:48px !important;
    height:48px !important;
    align-self:stretch !important;
    padding:0 20px !important;

    border:1px solid #147cff !important;
    border-radius:3px !important;
    background:#147cff !important;
    color:#fff !important;

    font-size:13px !important;
    font-weight:900 !important;

    transform:none !important;
    translate:none !important;
    scale:1 !important;
    box-shadow:none !important;
}

.artists-2026-search button:hover{
    border-color:#2689ff !important;
    background:#2689ff !important;
}

@media(max-width:760px){
    .artists-2026-search input,
    .artists-2026-search button{
        min-height:46px !important;
        height:46px !important;
    }

    .artists-2026-search button{
        padding:0 17px !important;
        font-size:12.5px !important;
    }
}


/* =========================================================
   ARTISTS HERO — SEARCH BUTTON FINAL FIX
   Cyan button, not transparent, exactly same height as search field.
========================================================= */
@media(min-width:761px){
    .artists-2026-search{
        display:flex !important;
        align-items:stretch !important;
    }

    .artists-2026-search-field,
    .artists-2026-search input,
    .artists-2026-search button{
        height:48px !important;
        min-height:48px !important;
    }

    .artists-2026-search-field{
        flex:1 1 auto !important;
    }

    .artists-2026-search input{
        width:100% !important;
    }

    .artists-2026-search button,
    .artists-2026-search button:hover,
    .artists-2026-search button:focus,
    .artists-2026-search button:active{
        flex:0 0 auto !important;
        align-self:stretch !important;
        padding:0 20px !important;

        border:1px solid #59c7ff !important;
        border-radius:3px !important;
        background:#59c7ff !important;
        color:#fff !important;

        font-size:13px !important;
        font-weight:900 !important;
        line-height:1 !important;

        box-shadow:none !important;
        transform:none !important;
        translate:none !important;
        scale:1 !important;
        opacity:1 !important;
    }

    .artists-2026-search button:hover{
        border-color:#47bdf8 !important;
        background:#47bdf8 !important;
        color:#fff !important;
    }
}


/* =========================================================
   ARTISTS SEARCH — FINAL FORCED FIX
   IMPORTANT: overrides the unified secondary-button selector.
========================================================= */
@media(min-width:761px){
    .artists-2026-hero .artists-2026-search{
        display:flex !important;
        align-items:stretch !important;
        gap:8px !important;
    }

    .artists-2026-hero .artists-2026-search-field,
    .artists-2026-hero .artists-2026-search input,
    .artists-2026-hero .artists-2026-search button[type="submit"]{
        height:50px !important;
        min-height:50px !important;
        max-height:50px !important;
        box-sizing:border-box !important;
    }

    .artists-2026-hero .artists-2026-search-field{
        flex:1 1 auto !important;
    }

    .artists-2026-hero .artists-2026-search button[type="submit"],
    .artists-2026-hero .artists-2026-search button[type="submit"]:hover,
    .artists-2026-hero .artists-2026-search button[type="submit"]:focus,
    .artists-2026-hero .artists-2026-search button[type="submit"]:active{
        flex:0 0 100px !important;
        width:100px !important;
        padding:0 16px !important;

        background:#59c7ff !important;
        background-color:#59c7ff !important;
        border:1px solid #59c7ff !important;
        color:#fff !important;
        opacity:1 !important;

        border-radius:3px !important;
        box-shadow:none !important;
        transform:none !important;
        translate:none !important;
        scale:1 !important;
    }

    .artists-2026-hero .artists-2026-search button[type="submit"]:hover{
        background:#47bdf8 !important;
        background-color:#47bdf8 !important;
        border-color:#47bdf8 !important;
    }
}


/* =========================================================
   ARTISTS SEARCH — EXACT REQUEST
   Reference blue: RGB(20,124,255) / #147CFF
   Desktop: field + button same height
   Mobile: full-width field, full-width button underneath
========================================================= */

/* DESKTOP */
@media(min-width:761px){
    .artists-2026-hero .artists-2026-search{
        display:flex !important;
        flex-direction:row !important;
        align-items:stretch !important;
        gap:8px !important;
        width:100% !important;
    }

    .artists-2026-hero .artists-2026-search-field,
    .artists-2026-hero .artists-2026-search input,
    .artists-2026-hero .artists-2026-search button[type="submit"]{
        height:50px !important;
        min-height:50px !important;
        max-height:50px !important;
        box-sizing:border-box !important;
    }

    .artists-2026-hero .artists-2026-search-field{
        flex:1 1 auto !important;
    }

    .artists-2026-hero .artists-2026-search button[type="submit"],
    .artists-2026-hero .artists-2026-search button[type="submit"]:focus,
    .artists-2026-hero .artists-2026-search button[type="submit"]:active{
        flex:0 0 100px !important;
        width:100px !important;
        padding:0 16px !important;
        background:#147cff !important;
        background-color:#147cff !important;
        border:1px solid #147cff !important;
        color:#fff !important;
        opacity:1 !important;
        border-radius:3px !important;
        box-shadow:none !important;
        transform:none !important;
        translate:none !important;
        scale:1 !important;
    }

    .artists-2026-hero .artists-2026-search button[type="submit"]:hover{
        background:#2689ff !important;
        background-color:#2689ff !important;
        border-color:#2689ff !important;
        color:#fff !important;
        transform:none !important;
    }
}

/* MOBILE */
@media(max-width:760px){
    .artists-2026-hero .artists-2026-search{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        width:100% !important;
        max-width:none !important;
        gap:9px !important;
    }

    .artists-2026-hero .artists-2026-search-field{
        width:100% !important;
        max-width:none !important;
        flex:0 0 auto !important;
    }

    .artists-2026-hero .artists-2026-search input{
        display:block !important;
        width:100% !important;
        max-width:none !important;
        height:46px !important;
        min-height:46px !important;
        box-sizing:border-box !important;
    }

    .artists-2026-hero .artists-2026-search button[type="submit"],
    .artists-2026-hero .artists-2026-search button[type="submit"]:hover,
    .artists-2026-hero .artists-2026-search button[type="submit"]:focus,
    .artists-2026-hero .artists-2026-search button[type="submit"]:active{
        display:flex !important;
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        flex:0 0 auto !important;
        align-self:stretch !important;

        height:46px !important;
        min-height:46px !important;
        padding:0 16px !important;

        background:#147cff !important;
        background-color:#147cff !important;
        border:1px solid #147cff !important;
        color:#fff !important;
        opacity:1 !important;
        border-radius:3px !important;

        justify-content:center !important;
        text-align:center !important;
        box-shadow:none !important;
        transform:none !important;
        translate:none !important;
        scale:1 !important;
    }
}