: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,.booking-hero,.article-hero{position:relative;min-height:560px;overflow:hidden}
.profile-hero{position:relative;height:320px;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:relative;margin-top:-90px;z-index:5;padding-bottom:24px}.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{min-height:760px}.category-hero,.booking-hero,.article-hero{min-height:460px}.profile-hero{height:220px}.profile-bottom{margin-top:-70px}.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:340px!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:28px!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:flex;align-items:center;gap:8px;background:none;border:0;color:#fff;font-size:22px;margin-left:auto}
  .fo-mobile-menu-toggle span{font-size:15px;font-weight:800;color:#fff;line-height:1;letter-spacing:.02em}
  .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}
.fo-ai-describe-form{background:#111116;border:1px solid #2b2b32;border-radius:14px;padding:28px;margin-bottom:0;display:flex;flex-direction:column;gap:14px}
.fo-ai-describe-heading{margin:0;font-size:22px}
.fo-ai-describe-form textarea{width:100%;box-sizing:border-box}
.fo-ai-describe-form .fo-ai-submit{align-self:flex-start}
.fo-ai-or-divider{text-align:center;margin:30px 0;position:relative;color:#9a9aa3;font-weight:700;font-size:14px}
.fo-ai-or-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#2b2b32;z-index:0}
.fo-ai-or-divider span{position:relative;background:var(--bg,#050506);padding:0 16px;z-index:1}
.fo-ai-again{margin-top:26px;text-align:center;padding:20px;border:1px dashed #2b2b32;border-radius:12px}
.fo-ai-again a{color:#f4b400;font-weight:700;text-decoration:underline}
.fo-ai-chat{margin-top:30px;background:var(--panel,#111116);border:1px solid var(--line,#2b2b32);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px}
.fo-ai-chat-bubble{max-width:80%;padding:12px 16px;border-radius:14px;line-height:1.5}
.fo-ai-chat-user{align-self:flex-end;background:var(--gold,#e0a500);color:#141414;border-bottom-right-radius:4px}
.fo-ai-chat-ai{align-self:flex-start;background:#1c1c22;color:#f4f4f5;border:1px solid #2f2f36;border-bottom-left-radius:4px}
.fo-ai-chat-ai strong{display:block;color:#f4b400;font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}
.fo-ai-chat-reply{display:flex;gap:10px;margin-top:6px}
.fo-ai-chat-reply .input{flex:1;min-width:0;width:100%;box-sizing:border-box}
/* On phones the reply box and Send button stack full-width. Without
   min-width:0 and an explicit width, the flex input keeps its default
   intrinsic width and the row stays cramped side-by-side instead of
   stacking, which is how the reply field ended up too narrow to type in. */
@media(max-width:700px){
  .fo-ai-chat{padding:16px}
  .fo-ai-chat-bubble{max-width:100%}
  .fo-ai-chat-reply{flex-direction:column;gap:8px}
  .fo-ai-chat-reply .input{width:100%;flex:none;font-size:16px;padding:13px 14px}
  .fo-ai-chat-reply .btn{width:100%;text-align:center;justify-content:center;padding:13px 16px}
}
@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{min-height:620px}.category-hero,.booking-hero,.article-hero{min-height:480px}.profile-hero{height:260px}.profile-bottom{margin-top:-78px}.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{min-height:620px}.category-hero,.booking-hero,.article-hero{min-height:480px}.profile-hero{height:260px}.profile-bottom{margin-top:-78px}.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 reuses .search-bar
   (the same class the homepage Artist Search uses) for identical
   dark/gold styling — this block adds responsive stacking, and
   removes the homepage-specific max-width cap so it stretches to
   match the full width of the page's other elements (card grid,
   section title, etc.) instead of stopping short. */
.fo-listing-search{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px;max-width:none}
@media(max-width:560px){.fo-listing-search{flex-direction:column}.fo-listing-search .btn{width:100%;text-align:center}}

/* Artist profile banner — always shown in black & white, regardless
   of how colorful the uploaded image actually is, for a consistent
   look across every artist's profile page. Scoped specifically to
   .profile-hero so News/Events/other pages' banners are unaffected. */
.profile-hero .banner-media{filter:grayscale(100%)}

/* Text pasted from Word / Google Docs carries inline styles such as
   color:rgb(0,0,0) and a white background. On the dark event and news
   pages that made descriptions invisible — black text on a black page,
   leaving a large empty gap. Force pasted text to follow the site's own
   colours and font; links keep the gold accent. Applies to all existing
   content immediately, no re-saving needed. */
.fo-dynamic-content{color:var(--text,#f7f7f8)}
.fo-dynamic-content *{color:inherit!important;background-color:transparent!important;font-family:inherit!important}
.fo-dynamic-content a,.fo-dynamic-content a *{color:var(--gold2,#f2b900)!important}

/* ==================================================================
   LAYOUT FIX (Sep 2026): logo, page banners, artist profile banner.
   Appended last so it wins over the older stacked rules above.
   ================================================================== */

/* 1. Logo — cap HEIGHT, not width. A wide wordmark and a circular logo
   both fit; previously a square/circular logo at 190px wide was also
   190px tall and ran into the hero titles. */
.logo-wrap img{width:auto!important;height:auto!important;max-width:190px!important;max-height:112px!important}
@media(max-width:1080px){.logo-wrap img{max-width:172px!important;max-height:96px!important}}
@media(max-width:760px){.logo-wrap img{max-width:150px!important;max-height:78px!important}}
@media(max-width:560px){.logo-wrap img{max-width:125px!important;max-height:68px!important}}

/* 2. Page banners (Events, News, category pages) on tablets and phones:
   the title used to be pinned to the BOTTOM of the banner, so the space
   between logo and title depended on banner height — a big empty gap on
   phones, an overlap on tablets. Now it sits in normal flow directly
   under the logo with a fixed, consistent gap. Desktop is unchanged. */
@media(max-width:1080px){
  .category-hero,.fo-page-banner{min-height:0!important;height:auto!important;padding:152px 0 30px!important}
  .category-hero > .container.category-hero-content,
  .fo-page-banner > .container.category-hero-content{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin:0 auto!important}
}
  /* The content box kept 75px of top padding (and the eyebrow an 18px
     margin) from when it was bottom-pinned — in flow that just widened
     the gap under the logo. */
@media(max-width:1080px){
  .category-hero > .container.category-hero-content,
  .fo-page-banner > .container.category-hero-content{padding-top:0!important;padding-bottom:0!important}
  .category-hero-content > :first-child{margin-top:0!important}
}
@media(max-width:760px){.category-hero,.fo-page-banner{padding-top:136px!important;padding-bottom:26px!important}}
@media(max-width:560px){.category-hero,.fo-page-banner{padding-top:124px!important;padding-bottom:24px!important}}

/* Desktop: titles are bottom-anchored in these banners, so a little
   extra banner height moves them clear of the logo. */
@media(min-width:1081px){
  .hero{min-height:610px!important}
  .category-hero{min-height:380px!important}
}

/* Home hero on phones: the smaller logo left a large empty band above
   the headline — trim the hero so the headline sits closer. */
@media(max-width:560px){.hero{min-height:700px!important}}

/* 3. Artist profile banner. The profile content lives INSIDE the banner
   section, so a fixed section height with a negative top margin pushed
   the photo and name up under the menu and clipped them. Now the banner
   image is a fixed-height strip from the very top, the section grows
   with its content, and the photo row starts at a set point, overlapping
   the banner's lower edge where it fades to black. */
.profile-hero{height:auto!important;min-height:0!important;padding-top:235px!important;padding-bottom:28px!important}
.profile-hero .banner-media{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;height:400px!important}
.profile-bottom{margin-top:0!important}
@media(max-width:1080px){
  /* Fill the strip on narrower screens: "width 100%, auto height" left a
     wide banner only ~160px tall on phones, with black above it. */
  .profile-hero .banner-media{height:340px!important;background-size:cover!important}
  .profile-hero{padding-top:190px!important}
}
@media(max-width:760px){.profile-hero .banner-media{height:300px!important}.profile-hero{padding-top:165px!important}}
@media(max-width:560px){.profile-hero .banner-media{height:280px!important}.profile-hero{padding-top:150px!important}}


/* MOBILE ONLY - TRENDING ARTIST BADGE */
@media (max-width:560px){

    .profile-photo-wrap{
        position:relative!important;
        overflow:visible!important;
        margin-bottom:24px!important;
    }

    .profile-photo-wrap .profile-top-badge{
        position:absolute!important;

        left:auto!important;
        right:-2px!important;
        top:auto!important;
        bottom:7px!important;

        transform:none!important;

        display:block!important;
        width:max-content!important;
        height:auto!important;

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

        border:1px solid #e5aa18!important;
        border-radius:999px!important;

        padding:6px 10px!important;

        font-size:10px!important;
        line-height:1.1!important;
        font-weight:800!important;

        white-space:nowrap!important;
        text-align:center!important;

        z-index:9999!important;
        margin:0!important;

        box-shadow:0 3px 10px rgba(0,0,0,.35)!important;
    }

    .profile-copy{
        position:relative!important;
        z-index:1!important;
        margin-top:0!important;
    }
}