:root{--bg:#050506;--panel:#0c0c10;--panel2:#121217;--line:#2b2b31;--gold:#e0a500;--gold2:#f2b900;--orange:#c47a00;--text:#f7f7f8;--muted:#a8a8ae;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.topbar{height:34px;background:#a40000;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:11px;position:relative;z-index:1000}
.site-header{position:absolute;top:0;left:0;right:0;height:90px;z-index:999}.header-inner{display:flex;width:100%;height:90px;align-items:flex-start}.logo-wrap{width:230px;flex:0 0 230px;padding:4px 0 0 34px;position:relative;z-index:1001}.logo-wrap img{width:190px;height:auto}.nav{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:2px;min-height:60px;background:linear-gradient(180deg,#f3b900,#d89a00);padding:0 10px;border-radius:0 0 6px 6px;box-shadow:0 5px 18px #0006;position:relative;z-index:1002}
/* Subtle per-button separation on the original gold bar — a thin divider
   and a soft highlight on hover, rather than a different-colored
   background block (which would fight the brand's gold bar). */
.nav>.fo-nav-item{border-right:1px solid rgba(0,0,0,.14)}
.nav>.fo-nav-item:last-child{border-right:0}
.nav>.fo-nav-item:hover{background:rgba(255,255,255,.16)}
.nav a{font-size:13px;font-weight:700;color:#090909;padding:12px 15px;white-space:nowrap}.nav a:hover{background:transparent}
.hero,.category-hero,.profile-hero,.booking-hero,.article-hero{position:relative;min-height:560px;overflow:hidden}.hero-media,.banner-media{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-media:after,.banner-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#000b 25%,transparent 68%),linear-gradient(0deg,#000 0%,transparent 65%)}
.hero-content,.category-hero-content,.booking-hero-content,.article-hero-content{position:absolute;left:0;right:0;bottom:30px;z-index:5}.eyebrow{font-size:12px;letter-spacing:1.7px;text-transform:uppercase;color:#ddd;margin-bottom:12px}.hero h1{font-size:clamp(36px,4.5vw,58px);line-height:1.04;margin:0;font-weight:800}.hero-line{display:block;height:1.04em;overflow:hidden}.rotating-word{display:inline-block;color:var(--gold2);min-width:11ch;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .18s}.rotating-word.fade{opacity:0}.hero p{color:#ddd;margin:12px 0 18px}
.search-bar{display:flex;gap:8px;background:#08080add;border:1px solid #3a3a41;border-radius:8px;padding:8px;max-width:1120px}.search-bar input,.search-bar select{background:#121217;color:#eee;border:1px solid #34343b;border-radius:7px;padding:14px 15px;min-width:0;outline:none}.search-bar input{flex:2}.search-bar select{flex:1}
.btn{border:1px solid var(--gold);background:linear-gradient(180deg,#f3b800,#d69500);color:#090909;padding:12px 16px;border-radius:7px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn.secondary{background:transparent;color:#fff}.icon{width:20px;height:20px;flex:0 0 20px}.icon-gold{color:#9a5c00}.wa-btn{background:linear-gradient(180deg,#e1a20d,#b87300)!important;color:#fff!important;border-color:#e6ac20!important}.wa-icon{color:#8a5200!important}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#09090b;border-top:1px solid #232329;border-bottom:1px solid #232329}.stat{text-align:center;padding:21px 13px;border-right:1px solid #24242a}.stat:last-child{border-right:0}.stat-icon{display:block;color:var(--gold2);font-size:24px}.stat-title{display:block;font-weight:800;font-size:14px}.stat-copy{display:block;color:#909096;font-size:11px;margin-top:3px}
.section{padding:42px 0}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.section-title h2{margin:0;font-size:28px}.section-title p{margin:6px 0 0;color:#aaa}

/* ============================================================
   PROMO BANNER (manageable from Admin > Banners)
   ============================================================ */
.fo-promo-banner{padding:20px 0}
.fo-promo-banner .container{border-radius:14px;overflow:hidden}
.fo-promo-banner img{width:100%;height:auto;display:block;border-radius:14px}
.fo-promo-banner-link{display:block}

/* ============================================================
   OUR PROUD CLIENTS (Admin > Our Proud Clients)
   ============================================================ */
.fo-clients-section{padding:36px 0 46px}
.fo-clients-heading{text-align:center;font-size:26px;margin:0 0 24px;font-weight:800}
.fo-clients-heading .gold{color:var(--gold2)}
.fo-clients-carousel{display:flex;align-items:center;gap:12px}
.fo-clients-track-viewport{flex:1;overflow-x:hidden;scroll-behavior:smooth}
.fo-clients-track{display:flex;gap:34px;align-items:center;width:max-content}
.fo-client-logo{flex:0 0 auto;width:210px;height:100px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:14px}
.fo-client-logo img{max-width:100%;max-height:100%;object-fit:contain}
.fo-clients-arrow{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid #393941;background:#18181d;color:#fff;display:grid;place-items:center;cursor:pointer}
.fo-clients-arrow:hover{border-color:var(--gold2);color:var(--gold2)}
@media(max-width:700px){
    .fo-client-logo{width:150px;height:76px}
    .fo-clients-arrow{width:32px;height:32px}
}
.home-heading{margin-bottom:14px}.home-heading h2{margin:0;font-size:28px}.home-heading p{color:#aaa;margin:5px 0 0}.cat-nav{display:flex;gap:10px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.cat-nav button{background:#141418;border:1px solid #303038;color:#eee;padding:11px 21px;border-radius:7px;font-weight:700;cursor:pointer}.cat-nav button.active{background:linear-gradient(180deg,#f2b700,#d99a00);color:#080808;border-color:#f2b700}.cat-nav a{margin-left:auto}
.fo-explore-types .home-heading{text-align:center}
/* Explore Artists — icon + button row above Popular Artists */
.fo-explore-type-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.fo-explore-type-btn{display:flex;align-items:center;gap:11px;background:#141418;border:1px solid #303038;border-radius:12px;padding:14px 22px;color:#fff;text-decoration:none!important;font-weight:700;font-size:15px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.fo-explore-type-btn:hover{border-color:#f2b700;background:#1a1a1f;transform:translateY(-2px)}
.fo-explore-type-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f2b700,#d99a00);color:#080808;font-size:17px}
.fo-explore-type-icon img{width:22px;height:22px;object-fit:contain}
@media(max-width:700px){
  .fo-explore-type-row{gap:8px}
  .fo-explore-type-btn{padding:8px 12px;font-size:12px;gap:6px;border-radius:10px}
  .fo-explore-type-icon{width:28px;height:28px;flex:0 0 28px;font-size:11px}
  .fo-explore-type-icon img{width:16px;height:16px}
}
.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.artist-card{background:#0b0b0f;border:1px solid #28282f;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .22s,border-color .22s,box-shadow .22s}.artist-card:hover{transform:translateY(-3px);border-color:#e4aa17;box-shadow:0 12px 30px #000,0 0 0 1px #e4aa1722}.artist-image{height:240px;position:relative;overflow:hidden;background:#07070a}.artist-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.artist-card:hover .artist-image img{transform:scale(1.07)}.artist-image:after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(transparent,#050506)}.image-badge{position:absolute;z-index:2;right:10px;top:10px;background:#f0b500;color:#080808;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.artist-body{padding:14px;min-height:315px;display:flex;flex-direction:column}.artist-body h3{font-size:18px;margin:0 0 6px}.rating{font-size:12px;font-weight:800;color:var(--gold2)}.location{font-size:12px;color:#c8c8cc;margin:6px 0 0}.artist-desc{font-size:12px;line-height:1.5;color:#c0c0c5;margin:20px 0 12px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;padding:5px 9px;border:1px solid #35353b;background:#1a1a1e;border-radius:999px}.artist-buttons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.28fr);gap:8px;margin-top:auto;padding-top:14px}.artist-buttons .btn{padding:11px 14px;min-width:0;white-space:nowrap;font-size:12px}.artist-buttons .icon{width:20px;height:20px}
.news-events-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:14px}.feature-post,.side-post{position:relative;overflow:hidden;border:1px solid #29292f;border-radius:9px;background:#0b0b0f}.feature-post{height:390px}.feature-post img,.side-post img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.feature-post:hover img,.side-post:hover img{transform:scale(1.06)}.feature-post:hover,.side-post:hover{border-color:#e4aa17;box-shadow:0 0 0 1px #e4aa1733}.feature-post:after,.side-post:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#050506 95%)}.feature-post .overlay{position:absolute;left:22px;right:22px;bottom:20px;z-index:2}.feature-post h3{font-size:25px;margin:7px 0}.side-posts{display:grid;gap:14px}.side-post{height:188px}.side-post .side-copy{position:absolute;left:14px;right:14px;bottom:12px;z-index:2}.side-post h4{margin:5px 0;font-size:15px}.gold{color:var(--gold2)}
.brand-note{font-size:11px;color:#aaa;border:1px solid var(--gold);border-radius:7px;background:#08080a;padding:10px 15px;text-align:center}.footer{background:#070708;border-top:1px solid #202025}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:22px;padding:30px 0}.footer-logo{width:190px}.footer h4{color:var(--gold2);font-size:12px;margin:4px 0 10px}.footer a{display:block;color:#aaa;font-size:11px;margin:7px 0}.socials{display:flex;gap:9px;margin-top:12px}.socials a{width:31px;height:31px;border:1px solid #4b3b13;border-radius:50%;display:grid;place-items:center;color:var(--gold2);transition:.2s}.socials a:hover{background:var(--gold2);color:#080808;transform:translateY(-2px) scale(1.07);box-shadow:0 0 14px #e0a50055}.socials svg{width:17px;height:17px}.copyright{border-top:1px solid #202025;padding:12px 0;display:flex;justify-content:space-between;color:#666;font-size:10px}
.category-content h1,.booking-hero-content h1,.article-hero-content h1{font-size:52px;line-height:1;margin:0 0 8px}.category-content p,.booking-hero-content p{max-width:760px;color:#ddd;margin:0 0 13px}.category-stats{display:flex;align-items:center;color:#fff;font-size:14px}.category-stat{padding:0 16px;border-right:1px solid #ffffff55;font-weight:700}.category-stat:first-child{padding-left:0}.category-stat:last-child{border-right:0}.person-icon{color:#fff}.category-filter-panel{background:#0b0b0f;border:1px solid #2c2c32;border-radius:9px;padding:15px}.filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.2fr;gap:10px;align-items:end}.filter-grid label{min-width:0}.filter-label{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:6px}.filter-grid input,.filter-grid select{width:100%;height:42px;background:#121217;border:1px solid #35353b;color:#eee;border-radius:6px;padding:0 11px}.filter-clear{display:flex;justify-content:flex-end;margin-top:9px}.category-count-row{margin:21px 0 15px}.category-count-row strong{font-size:21px}.load-more{text-align:center;margin-top:25px}
.profile-bottom{position:absolute;left:0;right:0;bottom:26px;z-index:5}.profile-row{display:grid;grid-template-columns:180px minmax(0,1fr) 350px;gap:22px;align-items:end}.profile-photo-wrap{position:relative;width:180px;height:180px}.profile-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;background-repeat:no-repeat;border:5px solid var(--gold2);box-shadow:0 0 0 7px #0008}.profile-top-badge{position:absolute;right:-7px;bottom:8px;background:#f1b700;color:#080808;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.verified-badge{display:inline-block;background:#fff;color:#151515;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:800;margin-bottom:6px}.profile-copy h1{font-size:46px;line-height:1;margin:0 0 9px}.profile-actions{display:flex;gap:9px;margin-top:13px}.profile-actions .btn{white-space:nowrap}.location-panel{background:#0a0a0de8;border:1px solid #e5aa18;border-radius:9px;padding:13px 15px}.location-part{padding:4px 0 11px}.location-part+ .location-part{border-top:1px solid #ffffff28;padding-top:12px}.location-part small{display:block;color:#efc85e;font-size:10px;letter-spacing:1.3px}.location-part strong{display:block;color:#fff;font-size:16px;margin:6px 0 2px}.location-part span{display:block;color:#ddd;font-size:12px;padding-left:32px}
.profile-description{padding:28px 0 10px}.profile-description p{margin:0;color:#d0d0d4;line-height:1.7}
.profile-heading-text{font-size:19px;font-weight:800;color:#fff;margin:0 0 14px;line-height:1.4}.profile-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:18px;align-items:stretch}.gallery-box,.tabs-box,.media-box,.book-info{background:#0b0b0f;border:1px solid #2b2b31;border-radius:9px}.gallery-box{padding:20px}.gallery-box h2{font-size:28px;margin:0}.gallery-box p{color:#aaa;margin:5px 0 15px}.gallery-main{width:100%;height:470px;object-fit:cover;border-radius:7px;transition:opacity .22s}.gallery-fade{opacity:.15}.gallery-dots{display:flex;justify-content:center;gap:10px;padding-top:13px}.gallery-dot{width:18px;height:10px;border:1px solid #777;border-radius:999px;background:transparent;cursor:pointer}.gallery-dot.active{width:38px;background:var(--gold2);border-color:var(--gold2)}.tabs-box{display:flex;flex-direction:column;overflow:hidden}.tabs{display:flex;border-bottom:1px solid #2a2a30;overflow-x:auto;white-space:nowrap}.tabs button{flex:0 0 auto;background:none;border:0;color:#aaa;padding:16px 16px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.tabs button.active{color:var(--gold2);border-bottom:2px solid var(--gold2)}.tab-panel{height:520px;overflow:auto;padding:23px;line-height:1.8;color:#d0d0d4}.tab-panel h2{font-size:23px;margin:0 0 14px}.tab-panel p{margin:0 0 18px}.hidden{display:none}.event-card{display:grid;grid-template-columns:150px 1fr;border:1px solid #2c2c32;border-radius:8px;overflow:hidden;background:#0d0d10}.event-card img{width:150px;height:105px;object-fit:cover}.event-card .body{padding:12px}.event-date{display:block;color:#8d8d93;font-size:11px;margin:4px 0 9px}.small-btn{font-size:11px;padding:7px 10px}
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.media-box{padding:18px;min-height:540px;display:flex;flex-direction:column}.media-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.media-head h2{font-size:27px;margin:0}.video-main{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#000}.video-main img{width:100%;height:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:0;border-radius:50%;background:var(--gold2);color:#080808;font-size:23px}.video-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:11px}.video-thumb{border:1px solid #2d2d33;background:#09090d;border-radius:6px;overflow:hidden;padding:0;cursor:pointer}.video-thumb.active{border-color:var(--gold2);box-shadow:0 0 0 1px #e0a50044}.video-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .35s}.video-thumb:hover img{transform:scale(1.06)}.audio-list{display:grid;grid-template-rows:repeat(5,1fr);gap:9px;flex:1}.audio-item{display:flex;align-items:center;gap:11px;border:1px solid #2c2c32;border-radius:7px;padding:10px 12px;transition:.22s}.audio-item:hover{border-color:#e4aa17;transform:translateY(-2px);box-shadow:0 7px 22px #000}.audio-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:6px;background:var(--gold2);color:#090909;font-size:19px;flex:0 0 36px}.audio-item b{font-size:13px}.audio-item small{display:block;color:#929298;margin-top:3px}.play-mini{margin-left:auto;width:31px;height:31px;border:0;border-radius:50%;background:#1aa667;color:#fff}.tech{border:1px solid var(--gold);border-radius:9px;background:#0b0b0f;overflow:hidden}.tech summary{list-style:none;cursor:pointer;padding:16px 19px;font-size:17px;font-weight:800}.tech summary::-webkit-details-marker{display:none}.tech summary:after{content:"+";float:right;color:var(--gold2);font-size:23px}.tech[open] summary:after{content:"−"}.tech-body{border-top:1px solid #2b2b31;padding:18px;color:#cfcfd3;line-height:1.8}.book-info{padding:23px}.book-info h2{font-size:26px;margin:0 0 14px}.book-info h2 .gold{color:var(--gold2)}.book-info p{color:#cfcfd3;line-height:1.7;margin:8px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px}.contact-method{background:#101015;border:1px solid #473810;border-radius:8px;padding:15px}.contact-method strong{display:flex;align-items:center;gap:6px;color:var(--gold2);font-size:12px}.contact-method a{display:block;color:#fff;font-size:18px;font-weight:800;margin:7px 0}.contact-method small{display:block;color:#aaa;line-height:1.4}
.article-hero-content h1{font-size:52px;line-height:1.06;max-width:900px;margin:0}.article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.95fr);gap:18px;align-items:start}.article-content{height:690px;overflow:auto;background:#09090c;border:1px solid #2b2b31;border-radius:9px;padding:28px;line-height:1.85;color:#d0d0d4}.article-content h2{font-size:22px;margin-top:26px}.article-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.article-gallery img{width:100%;height:170px;object-fit:cover;border-radius:7px}.article-video{margin:25px 0}.article-video-main{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:7px}.article-video-main img{width:100%;height:100%;object-fit:cover}.article-video-main .play{width:54px;height:54px}.article-sidebar{position:sticky;top:14px}.sidebar-group{background:#0d0d10;border:1px solid #2c2c32;border-radius:9px;padding:15px;margin-bottom:14px}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #27272d;padding-bottom:10px;margin-bottom:6px}.sidebar-heading h3{font-size:15px;margin:0}.sidebar-heading a{font-size:10px;color:var(--gold2)}.sidebar-item{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #24242a}.sidebar-item:last-child{border-bottom:0}.sidebar-item img{width:92px;height:67px;object-fit:cover;border-radius:5px}.sidebar-item h4{font-size:12px;margin:0 0 5px;line-height:1.35}.sidebar-meta{font-size:10px;color:#888}.related-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:14px}.related-feature,.related-side{position:relative;overflow:hidden;border:1px solid #2c2c32;border-radius:9px}.related-feature{height:340px}.related-feature img,.related-side img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.related-feature:hover img,.related-side:hover img{transform:scale(1.06)}.related-feature:after,.related-side:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#050506)}.related-feature .overlay,.related-side .overlay{position:absolute;z-index:2;left:16px;right:16px;bottom:14px}.related-feature h3{font-size:23px;margin:6px 0}.related-side-grid{display:grid;gap:12px}.related-side{height:164px}.related-side h4{margin:5px 0;font-size:14px}
.booking-wrap{padding:32px 0 42px}.progress{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2c2c32;border-radius:8px;overflow:hidden;margin-bottom:18px}.progress button{border:0;background:#111116;color:#999;padding:17px 10px;font-weight:800;cursor:pointer}.progress button.active{background:var(--gold2);color:#090909}.booking-panel{background:#0b0b0f;border:1px solid #2c2c32;border-radius:9px;padding:27px}.step{display:none}.step.active{display:block}.selected-artist{display:flex;align-items:center;justify-content:space-between;border:1px solid #34343b;background:#111116;border-radius:7px;padding:15px;margin-bottom:20px}.selected-artist strong{color:var(--gold2)}.remove{background:none;border:0;color:#aaa;font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{font-weight:700;color:#ddd}.field em{color:var(--gold2);font-style:normal}.field input,.field select,.field textarea{width:100%;margin-top:8px;padding:13px;background:#121217;color:#eee;border:1px solid #35353b;border-radius:7px;outline:none}.field input[type=date]{color-scheme:dark}.full{grid-column:1/-1}.actions-row{display:flex;justify-content:space-between;margin-top:23px}.summary{background:#101015;border:1px solid #2c2c32;border-radius:12px;padding:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px 26px}.summary-row{display:flex;flex-direction:column;gap:5px;min-width:0}.summary-row.full{grid-column:1/-1}.summary-row span{color:#999;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.summary-row strong{color:#fff;font-size:14.5px;font-weight:700;text-align:left;word-break:break-word;line-height:1.5}.success{display:none;text-align:center;padding:45px}.success.show{display:block}.check-circle{font-size:46px;color:#19a766}
.fo-booking-thanks{text-align:center;padding:60px 20px;background:#0b0b0f;border:1px solid #2c2c32;border-radius:9px}
.fo-booking-thanks .check-circle{font-size:52px;color:#19a766;margin-bottom:8px}
.fo-booking-thanks h2{margin:6px 0;font-size:28px}
.fo-booking-thanks p{color:#aaa;max-width:520px;margin:0 auto 26px}
.fo-booking-thanks-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:640px){.summary{grid-template-columns:1fr;padding:18px}.fo-booking-thanks{padding:42px 16px}.fo-booking-thanks-actions{flex-direction:column;align-items:stretch}.fo-booking-thanks-actions .btn{width:100%;text-align:center}}
@media(max-width:900px) and (min-width:641px){.summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1080px){.logo-wrap{width:210px;flex-basis:210px;padding-left:22px}.logo-wrap img{width:172px}.nav a{font-size:12px;padding:19px 8px}.artist-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.nav{overflow-x:auto;justify-content:flex-start;white-space:nowrap}.nav a{flex:0 0 auto}.profile-row{grid-template-columns:150px 1fr}.location-panel{grid-column:1/-1}.profile-photo-wrap,.profile-photo{width:150px;height:150px}.profile-grid,.media-grid,.article-layout,.related-grid{grid-template-columns:1fr}.article-sidebar{position:static}.article-content{height:650px}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.topbar{font-size:9px;padding:0 10px}.site-header,.header-inner{height:82px}.logo-wrap{width:145px;flex-basis:145px;padding-left:12px;padding-top:3px}.logo-wrap img{width:125px}.nav{min-height:52px;padding:0 6px}.nav a{font-size:10px;padding:17px 7px}.hero,.category-hero,.profile-hero,.booking-hero,.article-hero{min-height:760px}.hero-content,.category-hero-content,.booking-hero-content,.article-hero-content{bottom:18px}.hero h1{font-size:32px}.search-bar{flex-direction:column}.stats{grid-template-columns:1fr 1fr}.artist-grid{grid-template-columns:1fr}.artist-image{height:260px}.artist-body{min-height:0}.artist-buttons{grid-template-columns:1fr 1.3fr}.cat-nav{overflow-x:auto;flex-wrap:nowrap}.cat-nav button,.cat-nav a{white-space:nowrap;flex:0 0 auto}.filter-grid{grid-template-columns:1fr}.category-stats{flex-wrap:wrap}.category-stat{padding:4px 10px}.profile-row{grid-template-columns:1fr}.profile-photo-wrap,.profile-photo{width:135px;height:135px}.profile-copy h1{font-size:38px}.profile-actions{flex-wrap:wrap}.location-panel{grid-column:auto}.gallery-main{height:340px}.tabs button{font-size:11px;padding:15px 12px;font-weight:800!important}.tab-panel{height:420px}.video-thumbs{grid-template-columns:repeat(2,1fr)}.audio-list{grid-template-rows:repeat(5,1fr)}.article-content{height:600px}.article-gallery{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-logo{width:170px}.copyright{flex-direction:column;gap:5px}.progress{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}

/* APPROVED FINAL PATCHES */
.topbar{position:relative!important;z-index:2000!important}
@media(max-width:760px){
    .topbar{justify-content:center!important;text-align:center}
    .topbar span:last-child{display:none}
}
.site-header{position:absolute!important;top:0!important;left:0!important;right:0!important;height:90px!important;z-index:1999!important;display:block!important}
.header-inner{display:flex!important;align-items:flex-start!important;width:100%!important;height:90px!important}
.logo-wrap{display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 230px!important;width:230px!important;padding:4px 0 0 34px!important;position:relative!important;z-index:2001!important}
.logo-wrap img{display:block!important;visibility:visible!important;opacity:1!important;width:190px!important;height:auto!important}
.site-header .nav a{display:block!important;visibility:visible!important;opacity:1!important;color:#090909!important}

/* Artist card buttons */
.artist-buttons{grid-template-columns:minmax(0,1fr) minmax(0,1.42fr)!important;gap:8px!important}
.artist-buttons .btn{
  padding:11px 16px!important;
  min-width:0!important;
  width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  color:#090909!important;
}
.artist-buttons .wa-btn{color:#090909!important;background:linear-gradient(180deg,#e4aa17,#c88100)!important}
.artist-buttons .wa-btn .wa-icon{color:#8b5600!important}
.artist-buttons .btn .icon{width:19px!important;height:19px!important;flex:0 0 19px!important}

/* Category compact single-row filter */
.category-filter-panel{padding:12px 14px!important}
.filter-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(110px,1fr)) minmax(140px,1.15fr) auto!important;
  gap:9px!important;
  align-items:end!important;
}
.filter-grid .filter-actions{display:flex!important;align-items:end!important}
.filter-clear{margin-top:0!important;display:flex!important;align-items:end!important}
.filter-clear .btn{height:42px!important;padding:0 18px!important}

/* Category stats */
.category-stats{color:#fff!important}
.category-stat{color:#fff!important}
.category-stat .person-icon,.category-stat .person-icon svg{color:#fff!important;stroke:#fff!important}
.category-stat strong{color:#fff!important}

/* Footer social hover */
.socials a{transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important}
.socials a:hover{background:var(--gold2)!important;color:#090909!important;transform:translateY(-2px) scale(1.08)!important;box-shadow:0 0 14px rgba(224,165,0,.35)!important}

@media(max-width:1050px){
  .site-header .nav{overflow-x:auto!important;justify-content:flex-start!important;-webkit-overflow-scrolling:touch!important}
  .site-header .nav a{flex:0 0 auto!important}
  .filter-grid{grid-template-columns:repeat(4,minmax(110px,1fr)) auto!important}
}
@media(max-width:760px){
  .hero-youtube iframe{
    width:177.78vh!important;
    height:100vh!important;
  }
  .hero-overlay-right{
    background:
      linear-gradient(
        90deg,
        rgba(0,0,0,calc(var(--banner-overlay) * 1)) 0%,
        rgba(0,0,0,calc(var(--banner-overlay) * .80)) 22%,
        rgba(0,0,0,calc(var(--banner-overlay) * .42)) 48%,
        rgba(0,0,0,0) 78%
      )!important;
  }
  .hero-overlay-bottom{
    background:
      linear-gradient(
        0deg,
        rgba(0,0,0,calc(var(--banner-overlay) * 1)) 0%,
        rgba(0,0,0,calc(var(--banner-overlay) * .82)) 18%,
        rgba(0,0,0,calc(var(--banner-overlay) * .42)) 42%,
        rgba(0,0,0,0) 70%
      )!important;
  }
}


/* Final correction pass */
.site-header{top:34px!important;z-index:1999!important}
.site-header .nav{z-index:2002!important}
.cat-nav button{transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}
.cat-nav button:hover{background:#1d1d23;border-color:var(--gold);color:#fff;transform:translateY(-1px);box-shadow:0 5px 14px #0008}
.cat-nav button.active:hover{background:linear-gradient(180deg,#f2b700,#d99a00);color:#080808;border-color:#f2b700}
.empty-results{grid-column:1/-1;border:1px dashed #3b3b42;border-radius:8px;padding:28px;text-align:center;color:#aaa;background:#0b0b0f}
.footer-grid{padding-top:6px}
.footer-grid>div:first-child{transform:translateY(-8px);align-self:start}
.wa-btn{background:#050505!important;color:#fff!important;border:1px solid var(--gold)!important;border-radius:8px!important;box-shadow:none!important}
.wa-btn:hover{background:#0a0a0a!important;border-color:var(--gold2)!important}
.wa-btn .wa-icon,.wa-icon{color:#25D366!important}
.category-filter-panel{padding:14px!important}
.filter-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1.2fr auto!important;gap:10px!important;align-items:end!important}
.filter-actions{display:flex!important;align-items:end!important;height:42px}
.filter-actions .btn{height:42px!important;padding:0 22px!important;white-space:nowrap}
.filter-clear{display:none!important}
.person-icon{color:#fff!important;display:inline-flex;vertical-align:middle;margin-right:5px}
.person-icon svg{width:17px;height:17px;stroke:#fff;fill:none}
.phone-field{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(0,1fr);gap:8px}
.phone-field select,.phone-field input{min-width:0}
@media(max-width:1080px){.filter-grid{grid-template-columns:repeat(4,minmax(120px,1fr)) auto!important}}
@media(max-width:800px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.filter-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:560px){.site-header{top:34px!important}.footer-grid>div:first-child{transform:translateY(-4px)}.filter-grid{grid-template-columns:1fr!important}.filter-actions{grid-column:auto;justify-content:flex-start}.phone-field{grid-template-columns:1fr}}


/* Artist Profile — Events With Us */
#eventsTab .event-card{
  margin:0;
  align-items:stretch;
}
#eventsTab .event-card .body{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:0;
  padding:12px;
}
#eventsTab .event-card .body .gold{
  display:block;
  margin:0 0 4px;
  line-height:1.2;
}
#eventsTab .event-card .body h4{
  margin:0 0 3px;
  line-height:1.35;
}
#eventsTab .event-card .body .event-date{
  margin:0 0 7px;
  line-height:1.25;
}
#eventsTab .event-card .body .small-btn{
  margin:0;
  line-height:1.2;
}

/* Final navigation sizing */
.site-nav, .main-nav, nav.site-nav{
  width:max-content;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.site-nav ul, .main-nav ul, nav.site-nav ul{
  width:max-content;
  max-width:100%;
  margin:0;
  padding:0;
}
.site-nav a, .main-nav a, nav.site-nav a{
  margin:0;
}
@media (max-width: 700px){
  .site-nav, .main-nav, nav.site-nav,
  .site-nav ul, .main-nav ul, nav.site-nav ul{
    width:100%;
  }
}


/* FINAL IMPLEMENTATION OVERRIDES */
/* Header logo: use the cropped visible logo asset; remove artificial top spacing. */
.logo-wrap{padding:0 0 0 34px!important;align-items:flex-start!important;overflow:visible!important}
.logo-wrap img{width:190px!important;margin:0!important}
.site-header{top:34px!important;height:72px!important}
.header-inner{height:72px!important}
/* Menu: intrinsic width, right anchored; new admin links grow the bar to the left. */
.site-header .nav{flex:0 0 auto!important;width:max-content!important;max-width:calc(100vw - 8px)!important;margin-left:auto!important;margin-right:0!important;height:60px!important;min-height:60px!important;padding:0 4px!important;justify-content:flex-start!important;overflow:visible!important}
/* overflow was previously hidden here, which also clipped the absolutely-positioned
   .fo-submenu dropdowns (Explore Artists, etc.) since they are descendants of .nav. */
.site-header .nav a{flex:0 0 auto!important;padding:12px 15px!important}
/* Artist card buttons: exact two-button CTA treatment. */
.artist-buttons{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.28fr)!important;gap:10px!important;margin-top:auto!important;padding-top:16px!important}
.artist-profile-btn,.artist-whatsapp-btn{min-height:56px!important;border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-size:16px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.artist-profile-btn{background:#ffd000!important;color:#050505!important;border:2px solid #ffd000!important;box-shadow:0 4px 0 rgba(0,0,0,.25)!important}
.artist-profile-btn:hover{transform:scale(1.045)!important;filter:brightness(1.04)!important;box-shadow:0 8px 18px rgba(255,208,0,.22)!important}
.artist-whatsapp-btn{background:#050505!important;color:#25D366!important;border:2px solid #009b16!important;box-shadow:inset 0 0 0 1px #004e0b!important}
.artist-whatsapp-btn:hover{transform:scale(1.045)!important;box-shadow:0 8px 18px rgba(37,211,102,.18),inset 0 0 0 1px #25D366!important;filter:brightness(1.06)!important}
.artist-profile-btn .icon,.artist-whatsapp-btn .icon{width:31px!important;height:31px!important;flex:0 0 31px!important}
.profile-icon{color:#050505!important}
.wa-icon{color:#25D366!important}
/* Home category heading: only the Top Artists phrase uses logo/gold color. */
.home-heading h2{color:#fff!important}.home-heading h2 .gold{color:var(--gold2)!important}
/* Category banner: all text belongs to the image-to-black gradient area. */
.category-hero{min-height:430px!important}
.category-hero .banner-media:after{background:linear-gradient(90deg,#000 0%,#000d 24%,transparent 72%),linear-gradient(0deg,#000 0%,transparent 68%)!important}
.category-hero-content{bottom:42px!important}
.category-hero-content .eyebrow{margin-bottom:16px!important}
.category-hero-content h1{color:var(--gold2)!important;font-size:52px!important;margin:0!important}
/* Category count appears only in the summary row, never below filters. */
.category-count-row{display:none!important}
.category-stats{margin-top:12px!important}
.person-icon{color:#fff!important;display:inline-flex!important;vertical-align:middle!important;margin-right:6px!important}.person-icon svg{width:18px;height:18px;display:block;stroke:currentColor;fill:none;stroke-width:2}
/* Filter: Clear remains on same row on desktop. */
.filter-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1.25fr auto!important;align-items:end!important}
.filter-actions{display:flex!important;align-items:end!important;justify-content:flex-end!important;margin:0!important}
.filter-actions .btn{height:42px!important;min-width:90px!important;margin:0!important}
/* Footer: eliminate the real transparent-logo whitespace and wrapper spacing. */
.footer-grid{padding-top:4px!important}
.footer-grid>div:first-child{padding-top:0!important;margin-top:0!important;transform:none!important;align-self:start!important}
.footer-logo{width:190px!important;height:auto!important;margin:0!important;padding:0!important}
/* Profile Events With Us: title/date/button stay tightly grouped. */
#eventsTab h2{margin:0 0 18px!important}
#eventsTab .event-card .body{gap:0!important;padding:12px!important}
#eventsTab .event-card .body .gold{margin:0 0 4px!important}
#eventsTab .event-card .body h4{margin:0 0 3px!important}
#eventsTab .event-card .body .event-date{margin:0 0 7px!important}
#eventsTab .event-card .body .small-btn{margin:0!important}
@media(max-width:1080px){
  .site-header .nav{max-width:calc(100vw - 8px)!important}
  .logo-wrap{padding-left:22px!important}.logo-wrap img{width:172px!important}
  .site-header .nav a{font-size:12px!important;padding:13px 10px!important}
  .filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .site-header{top:34px!important;height:52px!important}.header-inner{height:52px!important}
  .logo-wrap{width:145px!important;flex-basis:145px!important;padding:0 0 0 12px!important}.logo-wrap img{width:125px!important}
  .artist-buttons{grid-template-columns:1fr!important}
  .artist-profile-btn,.artist-whatsapp-btn{min-height:52px!important;font-size:16px!important}
  .category-hero-content h1{font-size:38px!important}
  .filter-grid{grid-template-columns:1fr!important}.filter-actions{justify-content:flex-start!important}
  .filter-actions .btn{width:100%!important}
  .footer-grid{padding-top:2px!important}.footer-logo{width:170px!important}
}

/* Profile WhatsApp uses the same black + green treatment as artist-card WhatsApp. */
.profile-actions .wa-btn{background:#050505!important;color:#25D366!important;border:2px solid #009b16!important;box-shadow:inset 0 0 0 1px #004e0b!important}
.profile-actions .wa-btn:hover{transform:scale(1.045)!important;box-shadow:0 8px 18px rgba(37,211,102,.18),inset 0 0 0 1px #25D366!important}
.profile-actions .wa-btn .wa-icon{color:#25D366!important}
.category-hero-content p{margin:8px 0 0!important;color:#ddd!important;font-size:16px!important;line-height:1.45!important;max-width:760px!important}

/* Informational content pages */
.info-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.95fr);gap:18px;align-items:start}
.info-content{background:#09090c;border:1px solid #2b2b31;border-radius:9px;padding:28px;line-height:1.85;color:#d0d0d4}
.info-content h2{font-size:24px;color:#fff;margin:0 0 12px}
.info-content h3{font-size:18px;color:#fff;margin:25px 0 8px}
.info-content p{margin:0 0 16px}
.info-content ul{padding-left:22px;margin:8px 0 18px}
.info-content li{margin:7px 0}
@media(max-width:800px){.info-layout{grid-template-columns:1fr}.info-sidebar{position:static}}


/* ===== CATEGORY PAGE — PRESERVE COMPACT ORIGINAL WIDTH ===== */
body.category-page .category-hero-content,
body.category-page .section > .container,
body.category-page .category-filter-panel,
body.category-page .artist-grid{
  width:min(1180px,calc(100% - 40px)) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body.category-page .artist-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}
body.category-page .artist-card{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}
body.category-page .artist-buttons,
body.category-page .card-actions,
body.category-page .actions{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  gap:7px !important;
  margin-top:6px !important;
  padding-top:0 !important;
}
body.category-page .artist-buttons .btn,
body.category-page .card-actions .btn,
body.category-page .actions .btn{
  min-width:0 !important;
  max-width:100% !important;
  height:32px !important;
  padding:5px 7px !important;
  font-size:10px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}
body.category-page .artist-buttons .btn:hover,
body.category-page .card-actions .btn:hover,
body.category-page .actions .btn:hover{
  transform:scale(1.02) !important;
  transform-origin:center !important;
}
.search-results-heading{
  color:var(--gold,#d9ad45) !important;
}
@media(max-width:1080px){
  body.category-page .artist-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:560px){
  body.category-page .category-hero-content,
  body.category-page .section > .container{
    width:calc(100% - 24px) !important;
  }
  body.category-page .artist-grid{grid-template-columns:1fr !important;}
}


/* ===== FINAL TARGETED FIX: ARTIST CARD BUTTONS ===== */
.artist-card .artist-body{
  min-width:0 !important;
}
.artist-card .artist-buttons{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:6px !important;
  margin-top:5px !important;
  padding-top:0 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
.artist-card .artist-profile-btn,
.artist-card .artist-whatsapp-btn{
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
  height:32px !important;
  min-height:32px !important;
  box-sizing:border-box !important;
  border-radius:8px !important;
  padding:4px 7px !important;
  gap:5px !important;
  font-size:10px !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  transform-origin:center !important;
}
.artist-card .artist-profile-btn .icon,
.artist-card .artist-whatsapp-btn .icon,
.artist-card .artist-whatsapp-btn img{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  max-width:16px !important;
  flex:0 0 16px !important;
  object-fit:contain !important;
}
.artist-card .artist-profile-btn:hover,
.artist-card .artist-whatsapp-btn:hover{
  transform:scale(1.015) !important;
}
.artist-card .artist-profile-btn:hover,
.artist-card .artist-whatsapp-btn:hover{
  z-index:2 !important;
}

/* ===== FINAL TARGETED FIX: PROFILE LOCATION BOXES ===== */
.profile-row .location-panel{
  width:max-content !important;
  max-width:100% !important;
  justify-self:end !important;
  box-sizing:border-box !important;
}
.profile-row .location-part{
  width:max-content !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
.profile-row .location-part strong,
.profile-row .location-part span{
  white-space:normal !important;
}
@media(max-width:800px){
  .profile-row .location-panel{
    width:max-content !important;
    max-width:100% !important;
    justify-self:start !important;
  }
}

.artist-card .artist-whatsapp-btn .artist-wa-image{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  max-width:16px !important;
  object-fit:contain !important;
  display:block !important;
}

/* Transparent WhatsApp artist-card icon */
.artist-card .artist-whatsapp-btn .artist-wa-image{
  display:block !important;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  max-width:16px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* FINAL: Artist Card compact height, buttons retained */
body.home-page .artist-card,
body.category-page .artist-card{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-bottom:6px!important;
  margin-bottom:0!important;
  box-sizing:border-box!important;
  align-self:start!important;
}
body.home-page .artist-card .artist-buttons,
body.category-page .artist-card .artist-buttons{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:6px!important;
  margin-top:4px!important;
  margin-bottom:0!important;
  padding:0!important;
  height:31px!important;
  min-height:31px!important;
}
body.home-page .artist-card .artist-buttons .btn,
body.category-page .artist-card .artist-buttons .btn,
body.home-page .artist-card .artist-profile-btn,
body.home-page .artist-card .artist-whatsapp-btn,
body.category-page .artist-card .artist-profile-btn,
body.category-page .artist-card .artist-whatsapp-btn{
  height:31px!important;
  min-height:31px!important;
  padding:4px 7px!important;
  font-size:10px!important;
  line-height:1!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
body.home-page .artist-card .artist-wa-image,
body.category-page .artist-card .artist-wa-image{
  width:16px!important;height:16px!important;
  background:transparent!important;border:0!important;
  box-shadow:none!important;
}
body.home-page .artist-card .artist-location-icon,
body.category-page .artist-card .artist-location-icon{
  color:#fff!important;fill:#fff!important;stroke:#fff!important;
}
body.category-page .load-more-artists,
body.category-page #loadMoreArtists,
body.category-page .load-more{
  display:flex!important;width:max-content!important;
  margin-left:auto!important;margin-right:auto!important;
}

/* FINAL: Artist Registration Personal Details Next only */
.personal-panel .personal-next-wrap{
  display:flex!important;justify-content:flex-end!important;width:100%!important;margin-top:18px!important;
}
.personal-panel .personal-next-wrap .form-next{margin-left:auto!important}

/* FINAL: Latest News / Events */
.listing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.view-switch{display:flex;gap:6px}
.view-switch button{background:#111;color:#ddd;border:1px solid #333;border-radius:7px;padding:8px 12px;cursor:pointer}
.view-switch button.active{background:var(--gold,#d9ad45);color:#080808}
.content-listing.grid-view{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.content-card{background:#0b0b0f;border:1px solid #27272d;border-radius:9px;overflow:hidden;min-width:0}
.content-thumb{aspect-ratio:16/9;overflow:hidden}
.content-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.content-card-body{padding:12px}
.content-card h3{margin:0 0 7px}
.content-meta{font-size:12px;color:#999;margin-bottom:10px}
.content-read{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:7px;text-decoration:none}
.content-listing.list-view{display:flex;flex-direction:column;gap:10px}
.content-listing.list-view .content-card{display:grid;grid-template-columns:200px minmax(0,1fr)}
.content-listing.list-view .content-thumb{aspect-ratio:16/9}
.load-more{margin:22px auto;display:flex;width:max-content}
@media(max-width:1000px){.content-listing.grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.listing-toolbar{flex-direction:column;align-items:flex-start}.content-listing.grid-view{grid-template-columns:1fr}.content-listing.list-view .content-card{grid-template-columns:120px minmax(0,1fr)}}

/* FINAL SURGICAL FIX — Artist Cards only */
body.home-page .artist-card .artist-body,
body.category-page .artist-card .artist-body{
  min-height:0!important;
  height:auto!important;
  padding-bottom:6px!important;
  box-sizing:border-box!important;
}
body.home-page .artist-card .artist-buttons,
body.category-page .artist-card .artist-buttons{
  margin-top:4px!important;
  padding-top:0!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
  height:31px!important;
  min-height:31px!important;
  gap:6px!important;
}
body.home-page .artist-card .artist-buttons .btn,
body.category-page .artist-card .artist-buttons .btn{
  height:31px!important;
  min-height:31px!important;
  padding:4px 7px!important;
  font-size:10px!important;
  line-height:1!important;
}
body.home-page .artist-card,
body.category-page .artist-card{
  min-height:0!important;
  height:auto!important;
  padding-bottom:0!important;
  align-self:start!important;
}

/* FINAL SURGICAL FIX — Artist Registration tabs only */
.artist-registration-card .registration-tabs{
  display:flex!important;
  width:100%!important;
  gap:6px!important;
  margin:0 0 22px!important;
  padding:0!important;
  overflow-x:auto!important;
  align-items:stretch!important;
  scrollbar-width:none!important;
}
.artist-registration-card .registration-tabs::-webkit-scrollbar{display:none}
.artist-registration-card .registration-tab{
  flex:1 1 0!important;
  min-width:max-content!important;
  min-height:42px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:#111!important;
  color:#ddd!important;
  border-radius:8px!important;
  padding:10px 14px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-align:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.artist-registration-card .registration-tab.active{
  background:var(--gold,#d9ad45)!important;
  color:#080808!important;
  border-color:var(--gold,#d9ad45)!important;
}
.artist-registration-card .registration-panel{display:none!important}
.artist-registration-card .registration-panel.active{display:block!important}
.artist-registration-card .registration-next{
  display:flex!important;
  justify-content:flex-end!important;
  width:100%!important;
  margin-top:18px!important;
}
.artist-registration-card .registration-next .form-next{margin-left:auto!important}
@media(max-width:620px){
 .artist-registration-card .registration-tab{flex:0 0 auto!important;font-size:11px!important;padding:9px 12px!important}
}

/* FINAL SURGICAL FIX — News/Event listing pages */
.listing-toolbar{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:18px!important}
.view-switch{display:flex!important;gap:6px!important}
.view-switch button{background:#111!important;color:#ddd!important;border:1px solid #333!important;border-radius:7px!important;padding:8px 12px!important;cursor:pointer!important}
.view-switch button.active{background:var(--gold,#d9ad45)!important;color:#080808!important}
.content-listing.grid-view{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.content-card{background:#0b0b0f!important;border:1px solid #27272d!important;border-radius:9px!important;overflow:hidden!important;min-width:0!important}
.content-thumb{aspect-ratio:16/9!important;overflow:hidden!important}
.content-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.content-card-body{padding:12px!important}
.content-card h3{margin:0 0 7px!important}
.content-meta{font-size:12px!important;color:#999!important;margin-bottom:10px!important}
.content-read{display:inline-flex!important;padding:7px 12px!important;border-radius:7px!important;text-decoration:none!important}
.content-listing.list-view{display:flex!important;flex-direction:column!important;gap:10px!important}
.content-listing.list-view .content-card{display:grid!important;grid-template-columns:200px minmax(0,1fr)!important}
.load-more{display:flex!important;width:max-content!important;margin:22px auto!important}
@media(max-width:1000px){.content-listing.grid-view{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.listing-toolbar{flex-direction:column!important;align-items:flex-start!important}.content-listing.grid-view{grid-template-columns:1fr!important}.content-listing.list-view .content-card{grid-template-columns:120px minmax(0,1fr)!important}}

/* Fankar dynamic CMS/card refinements */
.fo-card-placeholder{width:100%;height:100%;display:grid;place-items:center;background:#15151a;color:#f4b400;font-size:72px;font-weight:900}.fo-card-link{color:inherit;text-decoration:none;display:block}.artist-body{min-height:0!important;padding:14px}.artist-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0 8px}.artist-buttons{margin-top:12px!important;padding-top:0!important}.artist-card .location i{color:#f4b400;margin-right:5px}.artist-card .artist-whatsapp-btn i{color:#25D366;font-size:18px}.artist-card .artist-profile-btn i{font-size:16px}.trending-label{display:inline-flex;align-items:center;gap:5px;color:#f4b400;font-weight:800;font-size:12px;margin-top:8px}.fo-ai-banner{min-height:250px;display:flex;align-items:center;background-size:cover;background-position:center}.fo-ai-page{padding-top:0!important}.fo-ai-page .fo-ai-hero{margin-bottom:0;padding:65px 20px}.fo-content-gallery{margin:30px 0}.fo-content-gallery h2,.fo-content-videos h2{margin-bottom:15px}.fo-content-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fo-content-gallery-item{margin:0}.fo-content-gallery-item img{width:100%;height:230px;object-fit:cover;border-radius:10px;border:1px solid #2b2b32}.fo-content-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fo-content-video{min-height:120px;border:1px solid #2b2b32;border-radius:10px;background:#111116;color:#fff;padding:18px;text-align:left;display:flex;align-items:center;gap:14px}.fo-video-play{width:46px;height:46px;border-radius:50%;background:#f4b400;color:#080808;display:grid;place-items:center;flex:0 0 46px}.fo-content-video:hover{border-color:#f4b400;transform:translateY(-2px)}.fo-dynamic-content{line-height:1.8}.fo-dynamic-content img{max-width:100%;height:auto}.fo-page-content{max-width:1000px}.fo-news-grid .artist-body{min-height:0!important}.fo-news-grid .artist-card{height:100%}
@media(max-width:800px){.fo-content-gallery-grid{grid-template-columns:repeat(2,1fr)}.fo-content-video-grid{grid-template-columns:1fr}.fo-ai-banner{min-height:220px}}@media(max-width:560px){.fo-content-gallery-grid{grid-template-columns:1fr}.fo-content-gallery-item img{height:220px}}

/* Dynamic header/menu */
.fo-nav-item{position:relative;display:flex;align-items:stretch;flex-wrap:wrap}.fo-nav-item>a{display:flex;align-items:center;gap:7px}.fo-menu-chevron{font-size:9px;transition:transform .2s ease}.fo-submenu{position:absolute;top:100%;left:0;min-width:220px;background:#111116;border:1px solid #333;border-top:3px solid #f4b400;border-radius:0 0 9px 9px;display:none;z-index:1000;box-shadow:0 18px 35px rgba(0,0,0,.45)}
/* Third level (a submenu item that itself has children, e.g. Singers ->
   Male Singers): opens to the right of its parent row instead of below
   it, so it doesn't stack on top of its own siblings. */
.fo-submenu .fo-submenu.fo-submenu-flyout{top:-4px;left:100%;margin-left:2px;border-top:1px solid #333;border-left:3px solid #f4b400}
.site-header .nav .fo-submenu a{display:block!important;padding:12px 14px!important;color:#fff!important;text-decoration:none!important;font-size:13px!important;white-space:nowrap}.site-header .nav .fo-submenu a:hover{background:#1c1c21!important;color:#f4b400!important}.fo-nav-item:hover>.fo-submenu,.fo-nav-item:focus-within>.fo-submenu{display:block}.fo-mobile-menu-toggle{display:none}
@media(max-width:900px){
  .fo-mobile-menu-toggle{display:block;background:none;border:0;color:#fff;font-size:22px;margin-left:auto}
  .nav{display:none!important}
  /* Full-width vertical list, top to bottom — each item its own full
     line rather than a compact floating box (which looked cramped and
     made rows appear inconsistently sized). */
  .site-header .nav.mobile-open{display:flex!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;width:100%!important;max-width:100%!important;background:linear-gradient(180deg,#f3b900,#d89a00);flex-direction:column;height:auto!important;min-height:0!important;max-height:80vh!important;overflow:auto!important;padding:0;box-shadow:0 10px 24px #0008}
  .fo-nav-item{display:flex;width:100%;flex-wrap:wrap;border-bottom:1px solid rgba(0,0,0,.14)}
  .fo-nav-item:last-child{border-bottom:0}
  .fo-nav-item>a{display:flex!important;width:100%;padding:15px 18px!important;color:#090909!important;font-weight:700!important;flex:1 1 auto;justify-content:space-between;align-items:center;gap:18px}
  /* Vertical accordion: submenu starts collapsed and expands only when its
     parent main button is tapped (adds the .open class via JS below). */
  .fo-submenu{position:static;display:block!important;max-height:0;overflow:hidden;width:100%;border:0;border-radius:0;box-shadow:none;margin:0;background:rgba(0,0,0,.08);transition:max-height .28s ease}
  .fo-nav-item.open>.fo-submenu{max-height:1000px}
  .fo-submenu a{padding:12px 18px 12px 30px!important;color:#090909!important;font-weight:600!important}
  .fo-nav-item.open>a .fo-menu-chevron{transform:rotate(180deg)}
  /* Grandchild (3rd level) rows inside a submenu, indented further. */
  .fo-submenu .fo-nav-item{border-bottom:0}
  .fo-submenu .fo-nav-item>a{padding-left:38px!important}
}


/* =========================================================
   FANKAR ONLINE - ARTIST LISTING / CATEGORY PAGE
   Responsive layout fix
   ========================================================= */

.category-hero {
    position: relative;
    min-height: 390px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background: #050505;
}

.category-hero .banner-media {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.65) 45%, rgba(0,0,0,.35) 100%),
        linear-gradient(0deg, #050505 0%, transparent 65%);
    background-size: cover;
    background-position: center;
}

.category-hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 110px;
    padding-bottom: 55px;
}

.category-hero .eyebrow {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.category-hero h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(42px, 5vw, 72px);
    line-height: 1;
    font-weight: 800;
}

.category-hero h1 .gold,
.category-hero .gold {
    color: #f2b900;
}

.category-hero p {
    margin: 18px 0 0;
    color: rgba(255,255,255,.82);
    font-size: 18px;
}


/* =========================================================
   MAIN CATEGORY AREA
   ========================================================= */

.category-hero + .section {
    padding-top: 45px;
}

.category-stats {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 18px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.category-stat {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 18px;
    border-right: 1px solid rgba(255,255,255,.25);
}

.category-stat:first-child {
    padding-left: 0;
}

.category-stat:last-child {
    border-right: 0;
}

.category-stat i {
    color: #f2b900;
}


/* =========================================================
   SECTION TITLES
   ========================================================= */

.section-title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
}

.section-title h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 3vw, 46px);
    line-height: 1.1;
    font-weight: 800;
}

.section-title h2 .gold {
    color: #f2b900;
}

.section-title p {
    margin: 10px 0 0;
    color: rgba(255,255,255,.72);
    font-size: 16px;
}


/* =========================================================
   ARTIST GRID
   ========================================================= */

.artist-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    width: 100%;
}

.artist-card {
    min-width: 0;
    overflow: hidden;
    background: #111116;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.artist-card:hover {
    transform: translateY(-5px);
    border-color: rgba(242,185,0,.65);
    box-shadow: 0 18px 45px rgba(0,0,0,.45);
}

.artist-card-image {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 4.8;
    overflow: hidden;
    background: #18181d;
}

.artist-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .4s ease;
}

.artist-card:hover .artist-card-image img {
    transform: scale(1.04);
}

.artist-image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg,#17171c,#09090b);
    color: rgba(255,255,255,.25);
    font-size: 55px;
}

.artist-card-body {
    padding: 18px;
}

.artist-category {
    display: inline-block;
    margin-bottom: 7px;
    color: #f2b900;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.artist-card h3 {
    margin: 0;
    font-size: 22px;
    line-height: 1.2;
}

.artist-card h3 a {
    color: #fff;
    text-decoration: none;
}

.artist-card h3 a:hover {
    color: #f2b900;
}

.artist-rating {
    margin-top: 9px;
    color: #f2b900;
    font-size: 14px;
    font-weight: 700;
}

.artist-rating i {
    margin-right: 4px;
}

.artist-location {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 9px;
    color: rgba(255,255,255,.68);
    font-size: 13px;
}

.artist-location i {
    color: #f2b900;
}

.artist-description {
    margin: 12px 0 16px;
    color: rgba(255,255,255,.65);
    font-size: 14px;
    line-height: 1.6;
}

.artist-card-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid rgba(242,185,0,.75);
    border-radius: 7px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .5px;
    transition: background .2s ease, color .2s ease;
}

.artist-card-button:hover {
    background: #f2b900;
    color: #050505;
}

.artist-card-button i {
    font-size: 12px;
}


/* =========================================================
   FILTER AREA
   Supports the existing artist-filter markup
   ========================================================= */

.artist-filters,
.artist-filter-bar,
.filters,
.filter-bar {
    width: 100%;
    margin: 0 0 34px;
    padding: 20px;
    background: #101014;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    box-sizing: border-box;
}

.artist-filters form,
.artist-filter-bar form,
.filters form,
.filter-bar form {
    width: 100%;
}

.filter-row,
.filters-row,
.artist-filter-row {
    display: grid;
    grid-template-columns:
        minmax(130px,1fr)
        minmax(130px,1fr)
        minmax(150px,1fr)
        minmax(120px,1fr)
        minmax(120px,1fr)
        minmax(180px,1.3fr)
        auto;
    gap: 12px;
    align-items: end;
}

.filter-group,
.filter-item {
    min-width: 0;
}

.filter-group label,
.filter-item label {
    display: block;
    margin-bottom: 7px;
    color: rgba(255,255,255,.68);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .7px;
}

.artist-filters select,
.artist-filters input,
.artist-filter-bar select,
.artist-filter-bar input,
.filters select,
.filters input,
.filter-bar select,
.filter-bar input {
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 7px;
    outline: none;
    background: #17171c;
    color: #fff;
    font-size: 14px;
}

.artist-filters select:focus,
.artist-filters input:focus,
.artist-filter-bar select:focus,
.artist-filter-bar input:focus,
.filters select:focus,
.filters input:focus,
.filter-bar select:focus,
.filter-bar input:focus {
    border-color: #f2b900;
}

.artist-filters option,
.artist-filter-bar option,
.filters option,
.filter-bar option {
    background: #17171c;
    color: #fff;
}

.filter-actions {
    display: flex;
    gap: 9px;
    align-items: center;
}

.filter-actions button,
.filter-actions .btn {
    height: 48px;
    white-space: nowrap;
}


/* Generic search form used by current listing */

.artist-search-form {
    display: grid;
    grid-template-columns: repeat(6, minmax(0,1fr));
    gap: 12px;
    width: 100%;
}

.artist-search-form .search-field {
    min-width: 0;
}


/* =========================================================
   SEARCH / EMPTY STATE
   ========================================================= */

.brand-note {
    padding: 12px 18px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    background: #101014;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.5;
}

.brand-note h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 24px;
}

.brand-note p {
    margin: 0;
    color: rgba(255,255,255,.65);
}


/* =========================================================
   PAGINATION
   ========================================================= */

.artist-pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.artist-pagination nav {
    display: flex;
    justify-content: center;
}

.artist-pagination ul {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.artist-pagination li {
    list-style: none;
}

.artist-pagination a,
.artist-pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 6px;
    background: #111116;
    color: #fff;
    text-decoration: none;
}

.artist-pagination .active span,
.artist-pagination a:hover {
    background: #f2b900;
    border-color: #f2b900;
    color: #050505;
}


/* =========================================================
   RESPONSIVE - TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .artist-grid {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }

    .filter-row,
    .filters-row,
    .artist-filter-row {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }

    .artist-search-form {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}


/* =========================================================
   RESPONSIVE - SMALL TABLET
   ========================================================= */

@media (max-width: 800px) {

    .category-hero {
        min-height: 330px;
    }

    .category-hero-content {
        padding-top: 90px;
        padding-bottom: 40px;
    }

    .category-hero h1 {
        font-size: 44px;
    }

    .artist-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 16px;
    }

    .filter-row,
    .filters-row,
    .artist-filter-row {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .artist-search-form {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .section-title {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* =========================================================
   RESPONSIVE - MOBILE
   ========================================================= */

@media (max-width: 560px) {

    .category-hero {
        min-height: 290px;
    }

    .category-hero-content {
        padding-top: 75px;
        padding-bottom: 32px;
    }

    .category-hero .eyebrow {
        font-size: 11px;
        letter-spacing: 1.4px;
    }

    .category-hero h1 {
        font-size: 36px;
    }

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

    .category-stats {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .category-stat {
        padding: 0;
        border-right: 0;
    }

    .artist-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .artist-card-image {
        aspect-ratio: 4 / 4.5;
    }

    .filter-row,
    .filters-row,
    .artist-filter-row,
    .artist-search-form {
        grid-template-columns: 1fr;
    }

    .artist-filters,
    .artist-filter-bar,
    .filters,
    .filter-bar {
        padding: 14px;
    }

    .filter-actions {
        width: 100%;
    }

    .filter-actions button,
    .filter-actions .btn {
        flex: 1;
    }

    .section-title h2 {
        font-size: 30px;
    }
}



/* =========================================================
   FANKAR ONLINE - ARTIST LISTING FINAL LAYOUT
   ========================================================= */

.category-artists-section {
    position: relative;
}


/* ---------------------------------------------------------
   TOP SEARCH / CLEAR BUTTONS
--------------------------------------------------------- */

.artist-filter-actions-top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
}

.artist-filter-actions-top .btn {
    min-width: 105px;
    text-align: center;
}


/* ---------------------------------------------------------
   FILTER BOX
--------------------------------------------------------- */

.artist-filter-bar {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 34px;
}

.artist-filter-bar form {
    width: 100%;
    margin: 0;
}

.artist-filter-bar .filter-row {
    display: grid;
    grid-template-columns:
        1.05fr
        0.85fr
        1fr
        0.9fr
        0.9fr
        1fr
        1fr
        1.35fr;

    gap: 12px;
    align-items: end;

    width: 100%;
    box-sizing: border-box;
}

.artist-filter-bar .filter-group {
    min-width: 0;
}

.artist-filter-bar .filter-group label {
    display: block;
    margin: 0 0 7px;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.artist-filter-bar .filter-group input,
.artist-filter-bar .filter-group select {
    width: 100%;
    height: 52px;
    min-width: 0;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   RESULTS HEADING
   Hidden visually because heading already exists in banner.
--------------------------------------------------------- */

.artist-results-heading {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/* ---------------------------------------------------------
   ARTIST GRID
--------------------------------------------------------- */

.category-artists-section .artist-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}


/* ---------------------------------------------------------
   SAME CARD SIZE / STYLE
--------------------------------------------------------- */

.category-artists-section .artist-card {
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.category-artists-section .artist-card-image {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
}

.category-artists-section .artist-card-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.category-artists-section .artist-card-body {
    min-width: 0;
}

.category-artists-section .artist-card-body h3 {
    margin: 6px 0;
}

.category-artists-section .artist-description {
    overflow-wrap: anywhere;
}


/* =========================================================
   LAPTOP
========================================================= */

@media (max-width: 1250px) {

    .artist-filter-bar .filter-row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .category-artists-section .artist-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    .artist-filter-bar .filter-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .category-artists-section .artist-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .artist-filter-actions-top {
        width: 100%;
    }

    .artist-filter-actions-top .btn {
        flex: 1;
        min-width: 0;
    }

    .artist-filter-bar .filter-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .category-artists-section .artist-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .artist-filter-bar .filter-group input,
    .artist-filter-bar .filter-group select {
        height: 50px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .artist-filter-actions-top {
        flex-direction: column;
    }

    .artist-filter-actions-top .btn {
        width: 100%;
    }

}



/* =========================================================
   FINAL ARTIST CARD IMAGE GRADIENT
   Same card everywhere: Home / Category / Search
   ========================================================= */

.artist-card-image {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

/* Image */
.artist-card-image img {
    position: relative !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform .45s ease !important;
}

/* Smooth image → black transition */
.artist-card-image::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    /* Start the black fade higher */
    height: 42% !important;

    z-index: 1 !important;
    pointer-events: none !important;

    background: linear-gradient(
        to bottom,
        rgba(5,5,6,0) 0%,
        rgba(5,5,6,.08) 12%,
        rgba(5,5,6,.28) 32%,
        rgba(5,5,6,.62) 58%,
        rgba(5,5,6,.90) 80%,
        #050506 100%
    ) !important;
}

/* Keep Top Rated badge above gradient */
.artist-card-image .artist-top-rated,
.artist-card-image .image-badge {
    position: absolute !important;
    z-index: 3 !important;
}

/* Image zoom */
.artist-card:hover .artist-card-image img {
    transform: scale(1.04) !important;
}


/* =========================================================
   POPULAR ARTISTS — HOMEPAGE
========================================================= */

.popular-artists-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    margin: 24px 0 28px;
}

.fo-category-tabs {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.fo-category-tab {
    appearance: none;
    border: 1px solid rgba(255,255,255,.14);
    background: #111116;
    color: #fff;
    border-radius: 8px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all .25s ease;
}

.fo-category-tab:hover,
.fo-category-tab.active {
    background: var(--gold2, #f2b900);
    border-color: var(--gold2, #f2b900);
    color: #050505;
}

.popular-view-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    flex: 0 0 auto;

    min-height: 48px;
    padding: 0 22px;

    border: 1px solid var(--gold2, #f2b900);
    border-radius: 8px;

    color: #fff;
    text-decoration: none;

    font-size: 15px;
    font-weight: 700;

    transition: all .25s ease;
}

.popular-view-all:hover {
    background: var(--gold2, #f2b900);
    color: #050505;
}

.popular-view-all span {
    font-size: 20px;
    line-height: 1;
}

.fo-category-panel {
    display: none;
}

.fo-category-panel.active {
    display: block;
}

.fo-category-panel .artist-grid {
    margin-top: 0;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 800px) {

    .popular-artists-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .fo-category-tabs {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .fo-category-tab {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .popular-view-all {
        width: max-content;
    }

}
/* =========================================================
   FANKAR ONLINE — SHARED ARTIST CARD
   One card component is used on Home / Category / Search / AI.
   ========================================================= */
.artist-card{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;background:#0b0b0f!important;border:1px solid #28282f!important;border-radius:9px!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.artist-card:hover{transform:translateY(-3px)!important;border-color:#e4aa17!important;box-shadow:0 12px 30px #000,0 0 0 1px #e4aa1722!important}
.artist-card-image{position:relative!important;display:block!important;width:100%!important;height:240px!important;aspect-ratio:auto!important;overflow:hidden!important;background:#07070a!important;isolation:isolate!important}
.artist-card-image img{position:relative!important;z-index:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--fo-img-x,center) var(--fo-img-y,center)!important;transform:scale(var(--fo-img-zoom,1))!important;transform-origin:var(--fo-img-x,center) var(--fo-img-y,center)!important;transition:transform .45s ease!important}
.artist-card:hover .artist-card-image img{transform:scale(calc(var(--fo-img-zoom,1) * 1.05))!important}
.artist-card-image::after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:54%!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(to bottom,rgba(5,5,6,0) 0%,rgba(5,5,6,.10) 15%,rgba(5,5,6,.30) 35%,rgba(5,5,6,.62) 58%,rgba(5,5,6,.90) 82%,#050506 100%)!important}
.artist-card-image .image-badge,.artist-card-image .artist-card-badge{position:absolute!important;z-index:3!important}
.artist-card-badge{left:10px!important;top:10px!important;background:#f0b500!important;color:#080808!important;border-radius:999px!important;padding:7px 10px!important;font-size:10px!important;font-weight:800!important;line-height:1.1!important}
.artist-card-body{display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;padding:14px!important;box-sizing:border-box!important}
.artist-card .artist-category{display:block!important;margin-bottom:6px!important;color:#f2b900!important;font-size:11px!important;font-weight:700!important;letter-spacing:.7px!important;text-transform:uppercase!important}
.artist-card .artist-name{margin:0!important;font-size:18px!important;line-height:1.2!important}
.artist-card .artist-name a{color:#fff!important;text-decoration:none!important}
.artist-card .artist-rating{margin-top:7px!important;color:#f2b900!important;font-size:12px!important;font-weight:800!important}
.artist-card .artist-talent-types{margin-top:8px!important;display:flex!important;flex-wrap:wrap;gap:4px 10px}
.artist-card .artist-talent-type{display:inline-flex!important;align-items:center;gap:5px;color:#f2b900!important;font-size:12px!important;font-weight:800!important}
.artist-card .artist-talent-type i{font-size:11px}
.artist-card .artist-talent-type img{width:13px;height:13px;object-fit:contain}
.artist-card .artist-location{margin-top:6px!important;color:#c8c8cc!important;font-size:12px!important;line-height:1.4!important}
.artist-card .artist-location i{color:#f2b900!important;margin-right:5px!important}
.artist-card .artist-description{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:10px 0 10px!important;color:#c0c0c5!important;font-size:12px!important;line-height:1.5!important}
.artist-card-reasons{margin:6px 0 8px;padding-left:17px;color:#bdbdc5;font-size:11px;line-height:1.45}
.artist-card-reasons li{margin:2px 0}
.artist-card .artist-buttons{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;margin-top:auto!important;padding-top:8px!important}
.artist-card .artist-profile-btn,.artist-card .artist-whatsapp-btn{height:34px!important;min-height:34px!important;padding:5px 7px!important;border-radius:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:10px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-decoration:none!important;box-sizing:border-box!important}
.artist-card .artist-profile-btn{background:#ffd000!important;color:#050505!important;border:1px solid #ffd000!important}
.artist-card .artist-whatsapp-btn{background:#050505!important;color:#25D366!important;border:1px solid #009b16!important}
.artist-card .artist-profile-btn i{color:#050505!important}.artist-card .artist-whatsapp-btn i{color:#25D366!important;font-size:15px!important}
.fo-ai-cards{margin-top:30px}
@media(max-width:1080px){.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.artist-grid{grid-template-columns:1fr!important}.artist-card-image{height:260px!important}}


/* Footer layout correction: compact the description strip above the footer,
   while still keeping a visible gap before the footer itself. */
.brand-note {
  padding: 12px 18px !important;
  min-height: 0 !important;
  line-height: 1.5 !important;
  margin: 0 0 24px !important;
}
.footer { margin-top: 0 !important; }


/* FINAL ARTIST CARD FIX — remove gold hover outline and image/body seam */
.artist-card,
.artist-card:hover,
.artist-card:focus,
.artist-card:focus-within {
    border-color: #28282f !important;
    outline: none !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.45) !important;
}

.artist-card:hover {
    transform: translateY(-3px) !important;
}

/* Top Rated / named rating badge: top-right */
.artist-card-image .artist-card-badge,
.artist-card-image .artist-top-rated,
.artist-card-image .image-badge {
    left: auto !important;
    right: 10px !important;
    top: 10px !important;
    bottom: auto !important;
}

/* Make the image-to-black transition completely seamless */
.artist-card-image {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #0b0b0f !important;
}

.artist-card-image img {
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.artist-card-image::after {
    bottom: 0 !important;
    height: 56% !important;
    background: linear-gradient(
        to bottom,
        rgba(11,11,15,0) 0%,
        rgba(11,11,15,.10) 16%,
        rgba(11,11,15,.30) 36%,
        rgba(11,11,15,.62) 58%,
        rgba(11,11,15,.88) 80%,
        #0b0b0f 100%
    ) !important;
}

.artist-card-body {
    border: 0 !important;
    border-top: 0 !important;
    margin-top: -1px !important;
    background: #0b0b0f !important;
    position: relative !important;
    z-index: 2 !important;
}



/* =========================================================
   FANKAR ONLINE — AI ARTIST FINDER THEME
   ========================================================= */

.fo-ai-page {
    background: #050505;
    color: #fff;
    padding-bottom: 60px;
}

.fo-ai-banner {
    min-height: 320px !important;
    display: flex;
    align-items: flex-end;
    background-size: cover;
    background-position: center;
}

.fo-ai-page .fo-ai-hero {
    width: min(1180px, calc(100% - 40px));
    max-width: 1180px;
    margin: 0 auto !important;
    padding: 100px 0 55px !important;
}

.fo-ai-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.05;
    font-weight: 800;
}

.fo-ai-hero h1 .gold {
    color: #f4b400;
}

.fo-ai-hero p {
    max-width: 780px;
    margin: 18px 0 0;
    color: rgba(255,255,255,.82);
    font-size: 17px;
    line-height: 1.65;
}


/* =========================================================
   FORM PANEL
   ========================================================= */

.fo-ai-page > .container {
    width: min(1180px, calc(100% - 40px));
    max-width: 1180px;
    margin: 0 auto;
}

.fo-ai-form {
    margin-top: -25px;
    position: relative;
    z-index: 5;

    background: #0b0b0f;
    border: 1px solid #2c2c32;
    border-radius: 18px;

    padding: 34px;
    box-shadow: 0 18px 50px rgba(0,0,0,.35);
}

.fo-ai-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 28px;
}

.fo-ai-form > div:not(.fo-ai-grid) {
    margin-top: 22px;
}


/* =========================================================
   LABELS
   ========================================================= */

.fo-ai-form label {
    display: block;
    margin-bottom: 8px;

    color: #d8d8dc;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/* =========================================================
   INPUTS / SELECTS / TEXTAREA
   ========================================================= */

.fo-ai-form input,
.fo-ai-form select,
.fo-ai-form textarea {
    width: 100%;
    box-sizing: border-box;

    background: #111116 !important;
    color: #f5f5f5 !important;

    border: 1px solid #35353d !important;
    border-radius: 9px !important;

    padding: 13px 15px !important;

    font-family: inherit;
    font-size: 15px;
    line-height: 1.4;

    outline: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}


/* Dropdown arrow area */
.fo-ai-form select {
    appearance: auto;
    min-height: 47px;
    cursor: pointer;
}


/* Dropdown options */
.fo-ai-form select option,
.fo-ai-form select optgroup {
    background: #111116 !important;
    color: #fff !important;
}


/* Textarea */
.fo-ai-form textarea {
    min-height: 145px;
    resize: vertical;
}


/* Placeholder */
.fo-ai-form input::placeholder,
.fo-ai-form textarea::placeholder {
    color: #777982;
    opacity: 1;
}


/* Focus */
.fo-ai-form input:focus,
.fo-ai-form select:focus,
.fo-ai-form textarea:focus {
    border-color: #f4b400 !important;
    box-shadow: 0 0 0 2px rgba(244,180,0,.10) !important;
    background: #101014 !important;
}


/* Date */
.fo-ai-form input[type="date"] {
    color-scheme: dark;
}


/* =========================================================
   FIND MY ARTISTS BUTTON
   ========================================================= */

.fo-ai-submit {
    margin-top: 28px !important;

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

    min-height: 52px;
    padding: 13px 25px !important;

    background: #f4b400 !important;
    color: #080808 !important;

    border: 1px solid #f4b400 !important;
    border-radius: 9px !important;

    font-size: 16px !important;
    font-weight: 800 !important;

    cursor: pointer;

    box-shadow: none !important;
}

.fo-ai-submit span,
.fo-ai-submit i {
    color: #080808 !important;
}

.fo-ai-submit:hover {
    background: #ffc21a !important;
    border-color: #ffc21a !important;
    color: #080808 !important;
    transform: translateY(-1px);
}


/* =========================================================
   RESULTS
   ========================================================= */

.fo-ai-results {
    margin-top: 45px;

    background: #0b0b0f;
    border: 1px solid #2c2c32;
    border-radius: 14px;
    padding: 28px;
}

.fo-ai-result-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 22px;
}

.fo-ai-result-head h2 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 30px;
}

.fo-ai-result-head > span {
    color: #aaa;
    font-size: 14px;
}


/* AI eyebrow */
.fo-ai-eyebrow {
    display: inline-block;
    color: #f4b400;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
}


/* =========================================================
   CUSTOM BUDGET
   ========================================================= */

#custom_budget {
    background: #111116 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 800px) {

    .fo-ai-banner {
        min-height: 270px !important;
    }

    .fo-ai-page .fo-ai-hero {
        padding: 90px 0 40px !important;
    }

    .fo-ai-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .fo-ai-form {
        padding: 22px;
        border-radius: 14px;
    }

    .fo-ai-page > .container {
        width: calc(100% - 24px);
    }

    .fo-ai-result-head {
        align-items: flex-start;
        flex-direction: column;
    }

}


@media (max-width: 560px) {

    .fo-ai-hero h1 {
        font-size: 34px;
    }

    .fo-ai-hero p {
        font-size: 15px;
    }

    .fo-ai-form {
        padding: 18px;
    }

    .fo-ai-submit {
        width: 100%;
    }

}
/* Fankar Online content publishing enhancements */
.fo-dynamic-content h1,.fo-dynamic-content h2,.fo-dynamic-content h3,.fo-dynamic-content h4{line-height:1.25;margin:1.1em 0 .5em}.fo-dynamic-content p{margin:.7em 0}.fo-dynamic-content ul,.fo-dynamic-content ol{padding-left:2rem}.fo-dynamic-content a{color:var(--gold2);text-decoration:underline}.fo-content-gallery{margin:36px 0 0;padding-top:26px;border-top:1px solid #2b2b32}.fo-content-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fo-content-gallery-item{margin:0;background:#0d0d10;border:1px solid #2b2b32;border-radius:9px;overflow:hidden}.fo-content-gallery-item img{display:block;width:100%;height:230px;object-fit:cover}.fo-content-gallery-item figcaption{padding:8px 10px;font-size:11px;color:#aaa}.fo-content-videos{margin:34px 0 0;padding-top:26px;border-top:1px solid #2b2b32}.fo-content-playlist{display:grid;gap:8px;width:100%}.fo-playlist-item{width:100%;min-height:68px;border:1px solid #2b2b32;border-radius:8px;background:#111116;color:#fff;padding:12px 16px;text-align:left;display:flex;align-items:center;gap:14px;cursor:pointer}.fo-playlist-item span:last-child{display:flex;flex-direction:column;gap:2px}.fo-playlist-item small{color:#888}.fo-playlist-item:hover{border-color:#f4b400}.fo-event-layout .fo-event-main{height:auto;max-height:none;overflow:visible}.fo-event-sidebar{position:sticky;top:14px;align-self:start}.fo-event-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#a7a7ae;font-size:12px;margin-bottom:22px}.fo-sidebar-placeholder{width:92px;height:67px;border-radius:5px;background:#15151a;display:grid;place-items:center;color:#f4b400;font-size:11px;font-weight:800}.fo-most-searched{border-top:1px solid #24242a}.fo-most-searched .artist-grid{margin-top:18px}
@media(max-width:800px){.fo-content-gallery-grid{grid-template-columns:repeat(2,1fr)}.fo-event-sidebar{position:static}.fo-event-layout .fo-event-main{height:auto}.fo-event-meta{font-size:11px}}
@media(max-width:560px){.fo-content-gallery-grid{grid-template-columns:1fr}.fo-content-gallery-item img{height:220px}}

.fo-content-gallery{margin:36px 0 0;padding-top:26px;border-top:1px solid #2b2b32}.fo-content-gallery h2,.fo-content-videos h2{margin:0 0 16px}.fo-content-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fo-content-gallery-item{display:block;width:100%;padding:0;border:1px solid #2b2b32;border-radius:10px;background:#0d0d10;overflow:hidden;cursor:zoom-in}.fo-content-gallery-item img{display:block;width:100%;height:230px;object-fit:cover;transition:transform .25s ease}.fo-content-gallery-item:hover img{transform:scale(1.025)}.fo-content-videos{margin:34px 0 0;padding-top:26px;border-top:1px solid #2b2b32}.fo-content-playlist{display:grid;gap:8px;width:100%}.fo-playlist-item{width:100%;min-height:72px;border:1px solid #2b2b32;border-radius:8px;background:#111116;color:#fff;padding:13px 16px;text-align:left;display:flex;align-items:center;gap:14px;cursor:pointer}.fo-playlist-item span:last-child{display:flex;flex-direction:column;gap:2px}.fo-playlist-item small{color:#888}.fo-playlist-item:hover{border-color:#f4b400}.fo-video-play{width:46px;height:46px;border-radius:50%;background:#f4b400;color:#080808;display:grid;place-items:center;flex:0 0 46px}.fo-gallery-lightbox{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:34px;background:rgba(0,0,0,.94)}.fo-gallery-lightbox.open{display:flex}.fo-gallery-stage{width:min(1180px,82vw);max-height:88vh;margin:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.fo-gallery-stage img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:6px}.fo-gallery-stage figcaption{color:#fff;margin-top:10px;font-size:13px}.fo-gallery-close{position:absolute;right:22px;top:14px;background:transparent;border:0;color:#fff;font-size:44px;line-height:1;cursor:pointer}.fo-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:72px;border:1px solid #ffffff33;background:#111b;color:#fff;font-size:48px;line-height:1;border-radius:8px;cursor:pointer}.fo-gallery-prev{left:20px}.fo-gallery-next{right:20px}.fo-lightbox-open{overflow:hidden}
@media(max-width:800px){.fo-content-gallery-grid{grid-template-columns:repeat(2,1fr)}.fo-gallery-stage{width:82vw}.fo-gallery-nav{width:44px;height:58px;font-size:38px}.fo-gallery-prev{left:8px}.fo-gallery-next{right:8px}}@media(max-width:560px){.fo-content-gallery-grid{grid-template-columns:1fr}.fo-content-gallery-item img{height:220px}.fo-gallery-stage{width:88vw}.fo-gallery-nav{display:none}}

/* Shared video lightbox used by News and Events */
.media-lightbox{position:fixed;inset:0;z-index:99998;display:none;align-items:center;justify-content:center;padding:30px;background:rgba(0,0,0,.92)}
.media-lightbox.open{display:flex}.media-lightbox .lightbox-content{width:min(1100px,94vw);max-height:90vh;display:flex;align-items:center;justify-content:center}.media-lightbox .lightbox-content iframe{width:min(1000px,90vw);height:min(620px,70vh);border:0;background:#000;border-radius:8px}.media-lightbox .lightbox-close{position:absolute;right:22px;top:14px;border:0;background:transparent;color:#fff;font-size:42px;line-height:1;cursor:pointer}


/* =========================================================
   FANKAR ONLINE — FINAL HERO MEDIA IMPLEMENTATION
   Image / MP4-WebM / YouTube background support.
   Explicit overlay layers are used because pseudo-elements
   do not render reliably on <video> and <iframe>.
========================================================= */
.hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.hero-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
}
.hero-image{
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.hero-video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.hero-youtube{
  overflow:hidden!important;
  background:#000!important;
}
.hero-youtube iframe{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:100vw!important;
  height:56.25vw!important;
  min-width:177.78vh!important;
  min-height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  transform:translate(-50%,-50%)!important;
  border:0!important;
  pointer-events:none!important;
}
.hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
}
.hero-overlay-right{
  /* Black from the LEFT/logo side, fading to transparent toward the RIGHT. */
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,calc(var(--banner-overlay) * 1)) 0%,
      rgba(0,0,0,calc(var(--banner-overlay) * .88)) 18%,
      rgba(0,0,0,calc(var(--banner-overlay) * .55)) 38%,
      rgba(0,0,0,calc(var(--banner-overlay) * .20)) 58%,
      rgba(0,0,0,0) 78%
    )!important;
}
.hero-overlay-bottom{
  /* Black from the BOTTOM, fading upward into the video/image. */
  background:
    linear-gradient(
      0deg,
      rgba(0,0,0,calc(var(--banner-overlay) * 1)) 0%,
      rgba(0,0,0,calc(var(--banner-overlay) * .88)) 14%,
      rgba(0,0,0,calc(var(--banner-overlay) * .52)) 32%,
      rgba(0,0,0,calc(var(--banner-overlay) * .18)) 50%,
      rgba(0,0,0,0) 68%
    )!important;
}
.hero-content{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:30px!important;
  z-index:5!important;
}

/* The old pseudo overlay is disabled so the new directional layers
   are the single source of truth and do not double-darken images. */
.hero-media:after{
  display:none!important;
}

@media(max-width:760px){
  .hero-youtube iframe{
    width:177.78vh!important;
    height:100vh!important;
  }
  .hero-overlay-right{
    background:
      linear-gradient(
        270deg,
        rgba(0,0,0,calc(var(--banner-overlay) * 1)) 0%,
        rgba(0,0,0,calc(var(--banner-overlay) * .72)) 24%,
        rgba(0,0,0,0) 72%
      )!important;
  }
  .hero-overlay-bottom{
    background:
      linear-gradient(
        0deg,
        rgba(0,0,0,calc(var(--banner-overlay) * 1)) 0%,
        rgba(0,0,0,calc(var(--banner-overlay) * .72)) 18%,
        rgba(0,0,0,0) 65%
      )!important;
  }
}


/* Event gallery focal-point display */
.fo-content-gallery-item img{object-fit:cover;object-position:50% 50%}

/* Final responsive/content polish */
.hero-overlay-bottom{background:linear-gradient(0deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.88) 26%,rgba(0,0,0,.42) 52%,transparent 78%) !important;}
.fo-category-tab:hover,.fo-category-tab:focus{color:var(--gold2)!important;}
.artist-cat-pills,.tags{display:flex;gap:6px;flex-wrap:wrap}.artist-cat-pill,.content-cat-pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.72);background:transparent;color:#fff;border-radius:999px;padding:5px 9px;font-size:12px;line-height:1.1}.artist-cat-pill:hover,.content-cat-pill:hover{color:var(--gold2);border-color:var(--gold2)}
.fo-home-latest-layout{grid-template-columns:1.7fr 1fr}.fo-home-latest-layout .feature-post{height:390px}.fo-home-latest-layout .side-post{height:188px}.public-category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.public-category-tabs a{border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:700}.public-category-tabs a.active,.public-category-tabs a:hover{color:var(--gold2);border-color:var(--gold2)}.fo-page-banner{background-size:cover;background-position:var(--page-focal-x) var(--page-focal-y);}.footer-grid{padding-top:30px;padding-bottom:45px}.brand-note{margin-bottom:28px}.fo-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:34px auto 0;flex-wrap:wrap}.fo-page-numbers{display:flex;gap:6px;align-items:center}.fo-pagination a{min-width:34px;height:34px;padding:0 10px;border:1px solid #36363d;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#ddd;background:#0c0c10;font-size:12px}.fo-pagination a.active,.fo-pagination a:hover{color:#080808;background:var(--gold2);border-color:var(--gold2)}.fo-page-arrow.disabled{opacity:.35;pointer-events:none}.fo-page-arrow{gap:5px}.fo-page-arrow:first-child{min-width:auto}.fo-page-ellipsis{color:#777}
@media(max-width:1100px){.container{width:min(var(--max),calc(100% - 32px))}.nav a{padding:18px 8px;font-size:12px}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-events-grid{grid-template-columns:1fr}.fo-home-latest-layout .feature-post{height:340px}.side-post{height:170px}}
@media(max-width:760px){.topbar{padding:0 12px}.site-header{height:auto}.header-inner{height:auto;min-height:68px;align-items:center}.logo-wrap{width:auto;flex:0 0 auto;padding:6px 0 6px 16px}.logo-wrap img{width:150px}.hero,.category-hero,.profile-hero,.booking-hero,.article-hero{min-height:620px}.hero-content,.category-hero-content,.booking-hero-content,.article-hero-content{bottom:22px}.search-bar{display:grid;grid-template-columns:1fr}.search-bar .btn{width:100%}.stats{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid #24242a}.artist-grid{grid-template-columns:1fr}.artist-image{height:280px}.fo-home-latest-layout{grid-template-columns:1fr}.fo-home-latest-layout .feature-post{height:320px}.fo-home-latest-layout .side-post{height:160px}.footer-grid{grid-template-columns:1fr 1fr;gap:16px}.copyright{flex-direction:column;gap:8px}.category-hero-content h1,.category-content h1,.booking-hero-content h1,.article-hero-content h1{font-size:38px}}
@media(max-width:480px){.container{width:calc(100% - 24px)}.hero{min-height:780px}.hero h1{font-size:30px}.footer-grid{grid-template-columns:1fr}.fo-home-latest-layout .feature-post{height:280px}.side-post{height:150px}.public-category-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.public-category-tabs a{white-space:nowrap}.fo-pagination{gap:8px}.fo-page-arrow span{display:none}.fo-page-numbers{gap:4px}.fo-pagination a{min-width:32px;height:32px;padding:0 8px}}

/* Final responsive/content polish */
.hero-overlay-bottom{background:linear-gradient(0deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.88) 26%,rgba(0,0,0,.42) 52%,transparent 78%) !important;}
.fo-category-tab:hover,.fo-category-tab:focus{color:var(--gold2)!important;}
.artist-cat-pills,.tags{display:flex;gap:6px;flex-wrap:wrap}.artist-cat-pill,.content-cat-pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.72);background:transparent;color:#fff;border-radius:999px;padding:5px 9px;font-size:12px;line-height:1.1}.artist-cat-pill:hover,.content-cat-pill:hover{color:var(--gold2);border-color:var(--gold2)}
.fo-home-latest-layout{grid-template-columns:1.7fr 1fr}.fo-home-latest-layout .feature-post{height:390px}.fo-home-latest-layout .side-post{height:188px}.public-category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.public-category-tabs a{border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:700}.public-category-tabs a.active,.public-category-tabs a:hover{color:var(--gold2);border-color:var(--gold2)}.fo-page-banner{background-size:cover;background-position:var(--page-focal-x) var(--page-focal-y);}.footer-grid{padding-top:30px;padding-bottom:45px}.brand-note{margin-bottom:28px}.fo-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:34px auto 0;flex-wrap:wrap}.fo-page-numbers{display:flex;gap:6px;align-items:center}.fo-pagination a{min-width:34px;height:34px;padding:0 10px;border:1px solid #36363d;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#ddd;background:#0c0c10;font-size:12px}.fo-pagination a.active,.fo-pagination a:hover{color:#080808;background:var(--gold2);border-color:var(--gold2)}.fo-page-arrow.disabled{opacity:.35;pointer-events:none}.fo-page-arrow{gap:5px}.fo-page-arrow:first-child{min-width:auto}.fo-page-ellipsis{color:#777}
@media(max-width:1100px){.container{width:min(var(--max),calc(100% - 32px))}.nav a{padding:18px 8px;font-size:12px}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-events-grid{grid-template-columns:1fr}.fo-home-latest-layout .feature-post{height:340px}.side-post{height:170px}}
@media(max-width:760px){.topbar{padding:0 12px}.site-header{height:auto}.header-inner{height:auto;min-height:68px;align-items:center}.logo-wrap{width:auto;flex:0 0 auto;padding:6px 0 6px 16px}.logo-wrap img{width:150px}.hero,.category-hero,.profile-hero,.booking-hero,.article-hero{min-height:620px}.hero-content,.category-hero-content,.booking-hero-content,.article-hero-content{bottom:22px}.search-bar{display:grid;grid-template-columns:1fr}.search-bar .btn{width:100%}.stats{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid #24242a}.artist-grid{grid-template-columns:1fr}.artist-image{height:280px}.fo-home-latest-layout{grid-template-columns:1fr}.fo-home-latest-layout .feature-post{height:320px}.fo-home-latest-layout .side-post{height:160px}.footer-grid{grid-template-columns:1fr 1fr;gap:16px}.copyright{flex-direction:column;gap:8px}.category-hero-content h1,.category-content h1,.booking-hero-content h1,.article-hero-content h1{font-size:38px}}
@media(max-width:480px){.container{width:calc(100% - 24px)}.hero{min-height:780px}.hero h1{font-size:30px}.footer-grid{grid-template-columns:1fr}.fo-home-latest-layout .feature-post{height:280px}.side-post{height:150px}.public-category-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.public-category-tabs a{white-space:nowrap}.fo-pagination{gap:8px}.fo-page-arrow span{display:none}.fo-page-numbers{gap:4px}.fo-pagination a{min-width:32px;height:32px;padding:0 8px}}

.artist-category-pills{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 6px}.artist-category-pill{display:inline-flex;align-items:center;background:transparent;border:1px solid rgba(255,255,255,.72);color:#fff;border-radius:999px;padding:5px 9px;font-size:12px;line-height:1.5}.artist-category-pill:hover{color:var(--gold2);border-color:var(--gold2)}
.artist-category-pills-overlay{position:absolute!important;left:10px;right:10px;bottom:10px;z-index:2;display:flex;flex-wrap:wrap-reverse;align-content:flex-start;gap:6px}
.artist-category-pills-overlay .artist-category-pill{background:rgba(0,0,0,.45);backdrop-filter:blur(2px);border-color:rgba(255,255,255,.55);font-size:11px;padding:4px 9px;text-shadow:0 1px 2px rgba(0,0,0,.6)}

@media(max-width:900px){.section-title{align-items:flex-start;flex-direction:column}.section-title .btn{align-self:flex-start}.search-bar{max-width:100%}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.stats{grid-template-columns:1fr 1fr}.artist-body{min-height:0}.artist-buttons{grid-template-columns:1fr}.nav a{font-size:14px}.category-stats{flex-wrap:wrap;gap:8px}.category-stat{padding:0 10px}.category-stat:first-child{padding-left:0}}


/* =========================================================
   FINAL EVENTS + NEWS PAGE ALIGNMENT FIX
   The .category-hero-content rule previously set width:100%;
   which overrides the .container width and pushes hero text
   to the viewport edge. Keep hero content on the same grid
   as the cards/section below.
   ========================================================= */

/* Desktop / laptop */
.category-hero > .container.category-hero-content,
.fo-page-banner > .container.category-hero-content{
    width:min(var(--max),calc(100% - 40px))!important;
    max-width:var(--max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
}

/* Match the content baseline with the listing container below. */
.events-listing-section > .container,
.news-listing-section > .container,
.category-hero > .container.category-hero-content,
.fo-page-banner > .container.category-hero-content{
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Avoid the generic absolute hero-content rule from affecting these
   page banners. */
.category-hero > .container.category-hero-content,
.fo-page-banner > .container.category-hero-content{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:42px!important;
    transform:translateX(-50%)!important;
}

/* Keep heading, subtitle and eyebrow aligned to the same left edge. */
.category-hero > .container.category-hero-content > *,
.fo-page-banner > .container.category-hero-content > *{
    text-align:left!important;
}

/* Mobile/tablet */
@media (max-width:1100px){
    .category-hero > .container.category-hero-content,
    .fo-page-banner > .container.category-hero-content{
        width:min(var(--max),calc(100% - 32px))!important;
    }
}

@media (max-width:560px){
    .category-hero > .container.category-hero-content,
    .fo-page-banner > .container.category-hero-content{
        width:calc(100% - 24px)!important;
        bottom:32px!important;
    }
}

/* Keep the Events/News image-to-black card gradient seamless on hover. */
.fo-news-grid .artist-card,
.fo-events-grid .artist-card,
.fo-news-list-grid .artist-card{
    overflow:hidden!important;
    isolation:isolate!important;
}
.fo-news-grid .artist-image,
.fo-events-grid .artist-image,
.fo-news-list-grid .artist-image{
    overflow:hidden!important;
    margin:0!important;
    border:0!important;
    background:#050505!important;
}
.fo-news-grid .artist-image img,
.fo-events-grid .artist-image img,
.fo-news-list-grid .artist-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    vertical-align:top!important;
}

/* =========================================================
   FINAL FIX — POPULAR ARTIST TAB TEXT CONTRAST
   A later legacy rule used !important gold text on hover,
   making gold text disappear into the gold button.
   ========================================================= */
.fo-category-tabs .fo-category-tab:hover,
.fo-category-tabs .fo-category-tab:focus-visible,
.fo-category-tabs .fo-category-tab.active{
    background:var(--gold2,#f2b900)!important;
    border-color:var(--gold2,#f2b900)!important;
    color:#050505!important;
    -webkit-text-fill-color:#050505!important;
    text-shadow:none!important;
}

/* =========================================================
   FINAL FIX — EVENTS/NEWS IMAGE + BLACK GRADIENT SEAM
   Extend the overlay beyond the image edge so hover zoom can
   never reveal a 1px line between the image and the gradient.
   ========================================================= */
.fo-events-grid .artist-card,
.fo-news-grid .artist-card,
.fo-news-list-grid .artist-card{
    overflow:hidden!important;
    isolation:isolate!important;
    background:#050506!important;
}

.fo-events-grid .artist-image,
.fo-news-grid .artist-image,
.fo-news-list-grid .artist-image{
    position:relative!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#050506!important;
    line-height:0!important;
    isolation:isolate!important;
}

.fo-events-grid .artist-image img,
.fo-news-grid .artist-image img,
.fo-news-list-grid .artist-image img{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    vertical-align:top!important;
    object-fit:cover!important;
    transform-origin:center center!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
}

.fo-events-grid .artist-image::after,
.fo-news-grid .artist-image::after,
.fo-news-list-grid .artist-image::after{
    content:""!important;
    position:absolute!important;
    z-index:3!important;
    top:-2px!important;
    left:-2px!important;
    right:-2px!important;
    bottom:-2px!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
    background:linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,.03) 28%,
        rgba(0,0,0,.16) 47%,
        rgba(0,0,0,.48) 68%,
        rgba(5,5,6,.88) 86%,
        #050506 100%
    )!important;
    transform:none!important;
}

.fo-events-grid .artist-card:hover .artist-image img,
.fo-news-grid .artist-card:hover .artist-image img,
.fo-news-list-grid .artist-card:hover .artist-image img{
    transform:scale(1.035) translateZ(0)!important;
}

.fo-events-grid .artist-body,
.fo-news-grid .artist-body,
.fo-news-list-grid .artist-body{
    position:relative!important;
    z-index:4!important;
    margin-top:0!important;
    border-top:0!important;
    background:#050506!important;
}

/* Consolidated News detail refinements from 8PM-9PM finalized set */
.fo-news-article-layout{align-items:start}
.fo-news-main{min-width:0}
.fo-news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px}
.fo-news-meta .content-cat-pill{display:inline-flex;margin:0;vertical-align:middle}
.fo-news-sidebar{min-width:0}
.fo-news-sidebar .sidebar-item img{object-fit:cover;object-position:50% 50%}
.fo-most-searched{padding-top:34px}
.fo-most-searched .section-heading{margin-bottom:22px}
@media(max-width:900px){.fo-news-article-layout{grid-template-columns:1fr!important}.fo-news-sidebar{order:2}}
@media(max-width:600px){.fo-news-meta{gap:6px;font-size:12px}}

/* Finalized logo-only change: extra top breathing room below the red top bar */
.logo-wrap{padding-top:18px!important}


/* ===== FINAL BATCH: HOMEPAGE TRENDING + LATEST EVENTS/NEWS ===== */
.fo-trending-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.fo-home-latest-layout{display:grid!important;grid-template-columns:minmax(0,1.72fr) minmax(260px,1fr)!important;gap:14px!important;align-items:stretch!important}
.fo-home-latest-layout .feature-post{height:390px!important;min-height:390px!important}
.fo-home-latest-layout .side-posts{display:grid!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:14px!important;height:390px!important;min-height:390px!important}
.fo-home-latest-layout .side-post{height:auto!important;min-height:0!important;overflow:hidden!important;position:relative!important}
.fo-home-latest-layout .feature-post img,.fo-home-latest-layout .side-post img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important}
.fo-home-latest-layout .side-post .side-copy{left:14px!important;right:14px!important;bottom:12px!important;z-index:2!important;position:absolute!important}
.fo-home-latest-layout .side-post h4{font-size:15px!important;line-height:1.3!important;margin:4px 0!important}

/* AI Finder: use the exact site Artist Card component/dimensions. */
.fo-ai-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
.fo-ai-cards .artist-card{height:100%!important;min-width:0!important}
.fo-ai-cards .artist-image{height:240px!important;flex:0 0 240px!important}
.fo-ai-cards .artist-body{min-height:315px!important}
.fo-ai-cards .artist-card:hover{transform:translateY(-3px)!important}
.fo-ai-page .fo-ai-hero{width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin:0 auto 35px!important;box-sizing:border-box!important;padding:72px 0 36px!important;text-align:center!important}
.fo-ai-page .fo-ai-hero h1,.fo-ai-page .fo-ai-hero p{margin-left:auto!important;margin-right:auto!important}

@media(max-width:1100px){
  .fo-trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .fo-home-latest-layout{grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr)!important}
  .fo-home-latest-layout .feature-post,.fo-home-latest-layout .side-posts{height:340px!important;min-height:340px!important}
  .fo-ai-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .fo-trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .fo-home-latest-layout{grid-template-columns:1fr!important}
  .fo-home-latest-layout .feature-post{height:320px!important;min-height:320px!important}
  .fo-home-latest-layout .side-posts{height:auto!important;min-height:0!important;grid-template-rows:repeat(2,150px)!important}
  .fo-ai-page .fo-ai-hero{width:calc(100% - 24px)!important;padding:60px 0 30px!important}
}
@media(max-width:560px){
  .fo-trending-grid{grid-template-columns:1fr!important}
  .fo-home-latest-layout .feature-post{height:280px!important;min-height:280px!important}
  .fo-home-latest-layout .side-posts{grid-template-rows:repeat(2,140px)!important}
  .fo-ai-cards{grid-template-columns:1fr!important}
  .fo-ai-page .fo-ai-hero{padding:54px 0 28px!important}
}

/* "Ask Fankar AI" home search CTA — had no styling at all, which is
   why it defaulted to plain left-aligned text instead of a centered,
   branded button. */
.fo-home-search-actions{
    display:flex;
    justify-content:center;
    margin-top:14px;
}
.fo-ai-home-cta{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 22px;
    border-radius:999px;
    background:rgba(244,180,0,.12);
    border:1px solid var(--gold2,#f4b400);
    color:#fff;
    text-decoration:none;
    font-size:14px;
    text-align:center;
}
.fo-ai-home-cta i{color:var(--gold2,#f4b400)}
.fo-ai-home-cta strong{color:var(--gold2,#f4b400)}
.fo-ai-home-cta:hover{background:rgba(244,180,0,.2)}
@media(max-width:600px){
    .fo-home-search-actions{width:100%}
    .fo-ai-home-cta{
        width:100%;
        justify-content:center;
        flex-wrap:wrap;
        text-align:center;
        font-size:13px;
        padding:12px 16px;
    }
}

/* ===== Mobile Homepage Polish (final) ===== */
@media(max-width:760px){
  /* More breathing room below the logo — text/nav no longer sits flush
     against it. */
  .logo-wrap{padding-bottom:14px!important}

  /* Gap between the logo/header and the "Pakistan's Premium..." tagline
     right below it, which previously sat flush with no breathing room. */
  .hero-content .eyebrow,.category-hero-content .eyebrow,.booking-hero-content .eyebrow,.article-hero-content .eyebrow{margin-top:18px!important}

  /* A flat, even dark tint behind the hero text on mobile so it never
     visually merges into a busy banner image/video. Desktop keeps its
     directional left/bottom gradient (.hero-overlay-right/-bottom); this
     adds one extra flat layer just for small screens, sitting between
     the banner and those gradients. Raised further (.4 -> .58) since
     text was still hard to read against brighter parts of some banners. */
  .hero:before,.category-hero:before,.profile-hero:before,.booking-hero:before,.article-hero:before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.58);
    z-index:2;
    pointer-events:none;
  }
}

/* =========================================================
   FINAL FIX — AI Artist Finder header/logo overlap
   =========================================================
   Several earlier edits to .fo-ai-page / .fo-ai-banner /
   .fo-ai-hero (search this file for "FANKAR ONLINE — AI
   ARTIST FINDER THEME" and "AI Finder: use the exact site
   Artist Card component") ended up fighting each other, each
   using !important, each reducing the hero's top padding a
   little further (100px -> 72px -> 60px -> 54px) until it was
   no longer enough to clear the site's absolutely-positioned
   header + red topbar (topbar 34px + header up to 90px = up
   to ~124px tall) — so the "Find the Perfect Artist for Your
   Event" heading rendered underneath / merging with the logo.

   This block is intentionally the LAST word on this: it uses
   the same !important + selector weight as those earlier
   attempts, but being appended after all of them, it wins the
   cascade regardless of load order elsewhere in this file. Do
   not "clean up" by deleting this without also removing every
   earlier conflicting rule above, or the overlap comes back.
   ========================================================= */
.fo-ai-page .fo-ai-hero{padding-top:170px!important}
@media(max-width:800px){.fo-ai-page .fo-ai-hero{padding-top:150px!important}}
@media(max-width:760px){.fo-ai-page .fo-ai-hero{padding-top:145px!important}}
@media(max-width:560px){.fo-ai-page .fo-ai-hero{padding-top:140px!important}}

/* Search bar on the Events and News listing pages */
.fo-listing-search{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.fo-listing-search .input{flex:1;min-width:220px}
@media(max-width:560px){.fo-listing-search{flex-direction:column}.fo-listing-search .btn{width:100%;text-align:center}}