/* =========================================
SIVANATHI PRODUCTIONS
NETFLIX STYLE CATEGORY GALLERY SYSTEM

MOVIES / OTT / MICRO DRAMA / ADS / ANIMATION
========================================= */


/* ==========================
CATEGORY TITLE
========================== */


.gallery-category-title{

text-align:center;

font-size:32px;

font-weight:700;

color:#ffffff;

margin-bottom:35px;

}



/* ==========================
CATEGORY GALLERY GRID
========================== */


.category-gallery-grid{

display:grid;

grid-template-columns:repeat(5,220px);

gap:30px;

justify-content:center;


}





/* ==========================
CATEGORY CARD
========================== */


.category-card{

background:transparent;

border:none;

overflow:hidden;

}





/* ==========================
POSTER IMAGE
========================== */


.category-card img{

width:100%;

aspect-ratio:2 / 3;

object-fit:cover;

display:block;

background:#08090D;

}





/* ==========================
POSTER INFORMATION
========================== */


.category-info{

padding:14px 5px 0;

background:transparent;

text-align:center;

}



.category-info h3{

margin:0;

font-size:16px;

font-weight:500;

line-height:1.5;

color:#ffffff;

}



.category-info p{

font-size:14px;

color:#00E5FF;

margin-top:5px;

}





/* ==========================
GALLERY SECTION
========================== */


.gallery-section{

padding:50px 0;

background:#08090D;

}





/* ==========================
BACK BUTTON
========================== */


.gallery-back{

margin-top:40px;

}



.gallery-back a{

color:#00E5FF;

font-size:16px;

text-decoration:none;

}






/* ==========================
FLOATING CONTACT BUTTONS
========================== */


.floating-buttons{

position:fixed;

right:25px;

bottom:25px;

display:flex;

flex-direction:column;

gap:15px;

z-index:9999;

}



.floating-buttons a{

width:64px;

height:64px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

}



.floating-phone{

background:#0A84FF;

}



.floating-whatsapp{

background:#25D366;

}



.floating-buttons img{

width:32px;

height:32px;

}



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

@media(max-width:1200px){

.category-gallery-grid{

grid-template-columns:repeat(4,200px);

justify-content:center;

gap:25px;

}

}





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

@media(max-width:900px){

.category-gallery-grid{

grid-template-columns:repeat(3,200px);

justify-content:center;

gap:20px;

}

}





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

@media(max-width:600px){


.gallery-category-title{

font-size:26px;

margin-bottom:25px;

}


.category-gallery-grid{

grid-template-columns:repeat(2,150px);

justify-content:center;

gap:20px;

}



.category-info h3{

font-size:14px;

}



.floating-buttons a{

width:55px;

height:55px;

}



.floating-buttons img{

width:28px;

height:28px;

}


}





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

@media(max-width:400px){


.category-gallery-grid{

grid-template-columns:150px;

justify-content:center;

}


}