
.gsasf-wrap{
position:relative;
overflow:hidden;
padding:20px 30px;
}

.gsasf-track{
display:flex;
gap:20px;
will-change:transform;
}

.gsasf-card{
width:340px;
min-width:340px;
background:#111;
border-radius:18px;
overflow:hidden;
flex-shrink:0;
}

.gsasf-card iframe{
width:100%;
height:220px;
border:none;
display:block;

}

.gsasf-card h3{
margin:0;
padding:14px;
font-size:18px;
color:#fff;
}

.gsasf-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
background:none !important;
border:none !important;
box-shadow:none !important;
color:#fff;
font-size:24px;
cursor:pointer;
opacity:0;
transition:.3s;
z-index:999;
}

.gsasf-wrap:hover .gsasf-arrow{
opacity:1;
}

.gsasf-left{left:5px;}
.gsasf-right{right:5px;}


/* ===== YouTube Style Grid Layout ===== */
._removed{
display:grid !important;
grid-template-columns:repeat(4,minmax(240px,1fr)) !important;
gap:20px !important;
width:100% !important;
transform:none !important;
}

.gsasf-card,.gsfnd-card,.gsfc-card,.gsnd-card,.gscs-card,.gslf-card,.gsdrf-card,.gsnvd-card{
width:100% !important;
min-width:unset !important;
}

@media(max-width:1024px){
._removed{
grid-template-columns:repeat(2,minmax(220px,1fr)) !important;
}
}

@media(max-width:767px){
._removed{
grid-template-columns:1fr !important;
}
}

.scroll-view-more-wrap{text-align:center;margin-top:20px}
.scroll-view-more-btn{
display:inline-block;
padding:10px 20px;
border-radius:8px;
text-decoration:none;
font-weight:600;
}

.smart-grid-view{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:20px;padding:20px}
.grid-card{background:#111;border-radius:18px;overflow:hidden}
.grid-card iframe{width:100%;height:220px;border:0}
.grid-card h3{color:#fff;padding:12px;margin:0}
@media(max-width:1024px){.smart-grid-view{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.smart-grid-view{grid-template-columns:1fr}}


.smart-grid-view{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:20px;padding:20px}
.grid-card{background:#111;border-radius:18px;overflow:hidden}
.grid-card iframe{width:100%;height:220px;border:0}
.grid-card h3{margin:0;padding:12px;color:#fff}
@media(max-width:1024px){.smart-grid-view{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.smart-grid-view{grid-template-columns:1fr}}


.scroll-view-more-wrap{
text-align:center !important;
width:100%;
margin:25px 0;
}

.scroll-view-more-btn{
display:inline-block !important;
padding:12px 24px;
border-radius:8px;
text-decoration:none;
font-weight:600;
background:#0d6efd;
color:#fff !important;
}


/* View More Button Final Fix */
.scroll-view-more-wrap,
.view-more-wrap,
.gs-view-more-wrap{
width:100% !important;
display:flex !important;
justify-content:center !important;
align-items:center !important;
text-align:center !important;
margin:30px auto !important;
clear:both !important;
}

.scroll-view-more-btn,
.view-more-btn,
.gs-view-more-btn{
display:inline-block !important;
background:#8B4513 !important;
color:#ffffff !important;
padding:12px 28px !important;
border-radius:8px !important;
text-decoration:none !important;
font-size:20px !important;
font-weight:600 !important;
line-height:1.2 !important;
border:none !important;
box-shadow:none !important;
}


/* Exact centered view more button */
.gs-view-more-center,.scroll-view-more-wrap,.view-more-wrap{
display:block !important;
text-align:center !important;
width:100% !important;
margin:20px auto !important;
}
.gs-view-more-btn,.scroll-view-more-btn,.view-more-btn{
display:inline-block !important;
width:auto !important;
min-width:160px !important;
max-width:220px !important;
padding:12px 24px !important;
background:#7a3d00 !important;
color:#fff !important;
border-radius:4px !important;
text-decoration:none !important;
float:none !important;
margin:0 auto !important;
}


/* FIX GRID 3 COLUMN LIKE DESIGN */
.smart-grid-view{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:22px !important;
padding:20px !important;
background:transparent !important;
}
.grid-card{
background:#fff !important;
border-radius:12px !important;
overflow:hidden !important;
box-shadow:0 2px 10px rgba(0,0,0,.12) !important;
}
.grid-card iframe{
width:100% !important;
aspect-ratio:16/9 !important;
height:auto !important;
display:block !important;
}
.grid-card h3{
background:#fff !important;
color:#222 !important;
font-size:18px !important;
line-height:1.4 !important;
padding:12px !important;
}
@media(max-width:1024px){.smart-grid-view{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:767px){.smart-grid-view{grid-template-columns:1fr!important}}


/* FORCE 3 COLUMN DESKTOP FIX */
.smart-grid-view,
[class*="smart-grid-view"]{
display:grid !important;
grid-template-columns:1fr 1fr 1fr !important;
gap:24px !important;
width:100% !important;
max-width:100% !important;
}
.smart-grid-view > *,
.grid-card{
width:auto !important;
max-width:none !important;
}
@media(max-width:1024px){
.smart-grid-view{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:767px){
.smart-grid-view{grid-template-columns:1fr !important;}
}


/* FIXED GRID */
.gsasf-track{display:flex !important;gap:20px !important;}
.smart-grid-view{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:24px !important;
padding:20px !important;
}
@media(max-width:1024px){.smart-grid-view{grid-template-columns:repeat(2,1fr)!important;}}
@media(max-width:767px){.smart-grid-view{grid-template-columns:1fr!important;}}


.smart-grid-view{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:24px !important;
width:100% !important;
}
.grid-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08);}
.grid-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;}
@media(max-width:1024px){.smart-grid-view{grid-template-columns:repeat(2,1fr)!important;}}
@media(max-width:767px){.smart-grid-view{grid-template-columns:1fr!important;}}


/* HORIZONTAL SCROLL FINAL FIX */
.smart-grid-view,
[class*="smart-grid-view"]{
display:flex !important;
flex-wrap:nowrap !important;
overflow-x:auto !important;
overflow-y:hidden !important;
gap:20px !important;
scroll-behavior:smooth !important;
padding:20px !important;
}

.smart-grid-view::-webkit-scrollbar{
height:8px;
}

.smart-grid-view > *,
.grid-card{
flex:0 0 320px !important;
width:320px !important;
min-width:320px !important;
}


/* CHATGPT FIX: force horizontal scroll */
.gsasf-wrap{overflow:hidden!important;}
.gsasf-track{
display:flex!important;
flex-wrap:nowrap!important;
overflow-x:auto!important;
overflow-y:hidden!important;
gap:20px!important;
scroll-behavior:smooth!important;
transform:none!important;
width:100%!important;
}
.gsasf-track::-webkit-scrollbar{height:8px;}
.gsasf-card{
flex:0 0 320px!important;
width:320px!important;
min-width:320px!important;
}


/* FORCE HORIZONTAL */
.gsasf-track{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:20px!important;scroll-behavior:smooth!important}
.gsasf-card{flex:0 0 320px!important;min-width:320px!important}


/* FINAL FIX */
.gsasf-track{
overflow-x:auto !important;
overflow-y:hidden !important;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
flex-wrap:nowrap !important;
}
.gsasf-track::-webkit-scrollbar{display:none}
.gsasf-card{
flex:0 0 340px !important;
min-width:340px !important;
}
.smart-grid-view{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
overflow:visible !important;
}
@media(max-width:1024px){.smart-grid-view{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:767px){.smart-grid-view{grid-template-columns:1fr!important}}
