/* =====================
   TSS CLEANED & FORMATTED CSS
   ===================== */

/* Main Wrapper */
.tss-wrap { max-width: 1200px; margin: 0 auto; padding: 0; color: #000; font-family: Poppins; }
.blog p:empty { display: none; }
/* Top Row - Filters & Search */
.tss-top-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-bottom: 0; flex-wrap: nowrap; }
.tss-pill-group { flex: 0 0 auto; display: flex; gap: 12px; flex-wrap: wrap; max-width: 55%; }
.tss-pill { display: flex; align-items: center; gap: 10px; padding: 4px 20px; border-radius: 30px; border: 1px solid #000; background: transparent; cursor: pointer; font-size: 15px; font-weight: 600; transition: all 0.15s; }
.tss-pill-icon { width: 35px; height: 35px; object-fit: contain; }
.tss-pill:hover { color: #FF4EA3; border-color: #FF4EA3; }
.tss-pill.active { background: #FF4EA3; color: #fff; border-color: #FF4EA3; }
.tss-search-box { flex: 0 0 300px; display: flex; justify-content: flex-end; align-items: center; gap: 12px; white-space: nowrap; }
.search-wrap { position: relative; display: inline-block; }
.search-icon { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 18px; color: #FF2A8C; }
#tss-search-field { border: 0; border-bottom: 1px solid #FF4EA3; padding: 6px 8px 6px 0; width: 300px; background: transparent; outline: none; color: #111; }
 #tss-search-field::placeholder {
 color: #FF2A8C;
 font-weight: bold;
}
/* Featured Section */
.tss-featured-band { background: #000; color: #fff; padding: 48px 0; border-radius: 0; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top: 50px; margin-bottom: 50px; }
.tss-featured { max-width: 1100px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; position: relative; }
#tss-featured-wrapper { overflow: hidden; }
.tss-featured-track { display: flex; transition: transform 0.48s cubic-bezier(0.2, 0.8, 0.2, 1); width: 100%; }
.tss-featured-slide { min-width: 100%; box-sizing: border-box; padding: 0; }
.tss-featured-inner { padding: 25px 25px 0 25px; display: flex; align-items: flex-start; gap: 40px; box-sizing: border-box; }
.tss-featured-image { flex: 0 0 260px; }
.tss-featured-image img { width: 260px; height: 260px; object-fit: cover; border-radius: 20px; display: block; }
.tss-featured-content { flex: 1; max-width: 760px; padding-top: 6px; padding-right: 70px; box-sizing: border-box; }
.tss-featured-tag { font-size: 20px; color: #dcdcdc; letter-spacing: 3px; margin-bottom: 12px; }
.tss-title-line { display: block; color: #fff; }
.tss-title-first {/* font-family: Georgia, 'Times New Roman', serif; */ font-size: 50px; line-height: 1.02; font-weight: 500; margin-bottom: 6px; }
.tss-title-italic { font-style: italic; font-size: 41px; line-height: 1.05; margin-top: 6px; }
.tss-featured-excerpt { color: #fff; font-size: 20px; line-height: 1.65; margin-top: 30px; margin-bottom: 0; width: 100%; box-sizing: border-box !important; padding-left: 35px; padding-right: 25px; }
.tss-featured-divider { height: 1px; background: #fff; margin: 28px 0; }
.tss-featured-controls { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 6px; }
.tss-featured-arrow { color: white; font-size: 40px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border: 0; background: black; padding: 6px 10px; border-radius: 6px; }
/* Recent Posts Section */
.tss-recent { margin-top: 34px; }
.tss-recent-heading, .tss-creator-wrap h2, .tss-team-wrap h2 { font-family: Georgia, 'Times New Roman', serif; font-size: 40px !important; margin-bottom: 16px; color: #111; font-family: Poppins !important; font-weight: 600 !important; }
/* Premium Post (First Post) */
.premium-post { display: flex; gap: 30px; padding: 25px 0 50px; border-bottom: 1px solid #000000; }
.premium-content { flex: 0 0 40%; max-width: 40%; }
.premium-category { text-transform: uppercase; color: #777; font-weight: 600; display: block; font-size: 18px; }
.premium-title { font-family: "Bodoni Moda" !important; font-size: 30px !important; margin: 15px 0; line-height: normal !important; color: #ed166a !important; }
.premium-title a { color: #ed166a !important; text-decoration: none !important; font-size: 34px !important; }
.premium-excerpt { margin: 12px 0; color: #444; max-width: 420px; }
.premium-date { color: #777; }
.premium-image { flex: 0 0 60%; max-width: 60%; }
.premium-image img { width: 100%; border-radius: 12px; }
/* Regular Post Cards */
.tss-post-card { display: flex; align-items: flex-start; gap: 40px; border-bottom: 1px solid #020202; padding: 25px 0; }
.tss-post-thumb { flex: 0 0 280px; }
.tss-post-thumb img {/* width: 280px; *//* height: 180px; *//* object-fit: cover; */border-radius: 12px;}
.tss-post-body { flex: 1; }
.post-category { text-transform: uppercase; color: #777; display: block; margin-bottom: 15px; font-size: 18px; font-weight: 500; }
.post-title { margin: 0 0 15px; font-family: "Bodoni Moda" !important; font-size: 30px !important; line-height: normal !important; }
.post-title a {color: #111 !important;text-decoration: none !important;font-weight: 700;font-size: 35px !important;}
.post-title a:hover{color:#ed166a!important; ;}
.post-date { font-size: 16px; color: #777; }
/* Load More Button */
.tss-loadmore-wrap { text-align: center; margin-top: 18px; }
.tss-loadmore { padding: 18px 38px; background: transparent; color: #ed166a; border-radius: 0; border: 0; font-size: 22px; border: #ed166a solid 2px; px;
min-width: 200px; margin-top: 50px; }
/* Loader Styles */
.tss-loader { display: block; width: 46px; height: 46px; margin: 10px auto; background: url('https://i.gifer.com/ZZ5H.gif') no-repeat center center; background-size: contain; }
.tss-loader-inline { display: block; width: 28px; height: 28px; margin: 6px auto 8px; background: url('https://i.gifer.com/ZZ5H.gif') no-repeat center center; background-size: contain; }
.tss-no-results { text-align: center; color: #666; padding: 18px 0; font-size: 16px; }
/* Loader Overlay */
.tss-loader-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.85); display: flex; justify-content: center; align-items: center; z-index: 9999; backdrop-filter: blur(3px); }
.tss-loader-overlay-content { text-align: center; background: white; padding: 30px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); border: 2px solid #FF4EA3; }
.tss-loadmore:hover { background: #ed166a; color: #fff; }
.tss-loader-overlay-content .tss-loader { width: 60px; height: 60px; margin: 0 auto 15px; }
.tss-loader-overlay-content p { margin: 0; font-weight: 600; color: #FF2A8C; font-size: 16px; }
/* Team & Creator Lists */
.tss-creator-wrap, .tss-team-wrap { margin-bottom: 40px; }
.tss-creator-wrap h2, .tss-team-wrap h2 { margin-bottom: 20px; }
.tss-creator-list .tss-post-card, .tss-team-list .tss-post-card { border-bottom: 1px solid #000000; padding: 25px 0; }
[data-ff-el="root"].ff-68061839859887c51197d46d .ff-68061839859887c51197d46d__field { max-width: 350px !important; }
[data-ff-el="root"].ff-68061839859887c51197d46d .ff-68061839859887c51197d46d__footer { flex: 0 0 711px !important; text-align: right !important; margin: 10px 0 0!important; }
.tss-pill.active img.tss-pill-icon {
    filter: brightness(0) invert(1);
}
body.tve-theme-1564 .content-section [data-css="tve-u-19ab9adba1e"] {
    bottom: auto !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    top: 50%;
}

body.tve-theme-1564 .content-section [data-css="tve-u-19ab9adba1e"] p {
    padding: 0;
}
[data-ff-el="root"].ff-6925655ede922a1d6962f662 .ff-6925655ede922a1d6962f662__container, [data-ff-el="root"].ff-6925655ede922a1d6962f662 .ff-6925655ede922a1d6962f662__container {background: none !important;}

[data-ff-el="root"].ff-6925655ede922a1d6962f662 .ff-6925655ede922a1d6962f662__form {
    padding: 0 !important;
    background: none !important;
}

[data-ff-el="root"].ff-6925655ede922a1d6962f662 {
    background: none !important;
}
[data-ff-el="root"].ff-6925655ede922a1d6962f662 .ff-6925655ede922a1d6962f662__field {max-width: 100% !important;min-width: 540px !important;}
[data-ff-el="root"].ff-6925655ede922a1d6962f662 .ff-6925655ede922a1d6962f662__label { border: none !important; font-size: 16px !important; font-family: 'Poppins' !important; padding: 20px 20px !important; padding-left: 0 !important; }
[data-ff-el="root"].ff-6925655ede922a1d6962f662 .ff-6925655ede922a1d6962f662__control {color: #fff !important;border: none !important;border-bottom: #fff solid 2px !important;font-size: 16px !important;font-family: 'Poppins' !important;padding: 30px 20px !important;padding-left: 0 !important;}
[data-ff-el="root"].ff-6925655ede922a1d6962f662 .ff-6925655ede922a1d6962f662__button { background: #ed166a !important; font-size: 18px !important; font-family: 'Poppins' !important; padding: 20px 30px !important; }

/* =====================
   RESPONSIVE STYLES
   ===================== */
@media (max-width:1200px) {
.tss-top-row, .tss-recent {
    padding: 0 20px;
}
body.tve-theme-1564 .content-section [data-css="tve-u-19ab5747762"] {
    padding: 0px 20px !important;
}
}
@media (max-width: 980px) {
.tss-top-row { align-items: flex-start; gap: 12px; }
.tss-featured-inner { flex-direction: column; align-items: flex-start; padding: 0; }
.tss-featured-image img { width: 100%; height: 100%; }
.premium-post { flex-direction: column; }
.premium-image { flex: 0 0 100%; width: 100%; max-width: 100%; }
.premium-content { flex: 0 0 100%; max-width: 100%; }
.tss-search-box { flex: 0 0 269px; }
.premium-image img { height: auto; }
.tss-post-card { flex-direction: column; }
.tss-post-thumb { width: 100%; }
.tss-post-thumb img { width: 100%; height: auto; }
#tss-search-field { width: 160px; }
}
@media (max-width: 767px) {
.tss-top-row { flex-wrap: wrap; }
.tss-pill-group { flex: 0 0 100%; max-width: 100%; }
.tss-search-box { flex: 0 0 100%; max-width: 100%; width: 100%; display: inline-block; margin-top: 15px; }
#tss-search-field { width: 100%; }
.search-wrap { display: block; }
.tss-featured-excerpt { padding: 0; }
.tve-theme-1564 .content-section [data-css="tve-u-19aa00c22e1"] {
    margin: 10px 0;
}
.tss-top-row, .tss-recent {
    padding: 0 0;
}
body.tve-theme-1564 .content-section [data-css="tve-u-19ab5747762"] {
    padding: 0px !important;
}
[data-ff-el="root"].ff-6925655ede922a1d6962f662 .ff-6925655ede922a1d6962f662__field {
    min-width: 100% !important;
    margin: 0 !important;
}

[data-ff-el="root"].ff-6925655ede922a1d6962f662 .ff-6925655ede922a1d6962f662__footer {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
}
@media (max-width: 480px) {
.tss-top-row { flex-wrap: wrap; }
.tss-pill-group { flex: 0 0 100%; max-width: 100%; }
.tss-search-box { flex: 0 0 100%; max-width: 100%; width: 100%; display: inline-block; margin-top: 15px; }
#tss-search-field { width: 100%; }
.search-wrap { display: block; }
.tss-featured-excerpt { padding: 0; }
.tss-title-italic { font-size: 25px; }
.tss-title-first { font-size: 30px; }
.tss-featured-content { padding-right: 0; }
.tss-featured-excerpt { font-size: 16px; }
.tss-recent-heading, .tss-creator-wrap h2, .tss-team-wrap h2 { font-size: 30px !important; }
.premium-category { font-size: 16px; }
.premium-title, .premium-title a { font-size: 25px !important; }
.post-title a, .post-title { font-size: 25px !important; }

}