/* =====================================================
   Lineage2Fun FIX v1
   ===================================================== */

/* ---------- HEADER ---------- */

header{

position:fixed!important;

top:0;
left:0;
right:0;

z-index:9999;

background:rgba(10,12,18,.88)!important;

backdrop-filter:blur(14px);

border-bottom:1px solid rgba(255,255,255,.08);

}

header .container{

display:flex!important;

justify-content:space-between;

align-items:center;

max-width:1280px;

margin:auto;

padding:12px 25px;

}

/* ---------- LOGO ---------- */

.logo{

display:flex!important;

align-items:center;

flex-shrink:0;

}

.logo img{

height:120px!important;

width:auto!important;

display:block;

}

/* ---------- MENU ---------- */

nav{

margin-left:auto;

}

nav ul{

display:flex!important;

flex-direction:row!important;

align-items:center;

gap:34px;

list-style:none!important;

margin:0!important;

padding:0!important;

}

nav li{

list-style:none!important;

margin:0;

padding:0;

}

nav a{

color:#d7b45b!important;

font-size:17px;

font-weight:600;

text-decoration:none;

transition:.25s;

}

nav a:hover{

color:#fff!important;

}

/* ---------- HERO ---------- */

.hero{

padding-top:135px!important;

min-height:100vh;

display:flex;

align-items:center;

}

.hero-overlay{

width:100%;

padding:70px 0 100px;

background:

linear-gradient(

rgba(0,0,0,.30),

rgba(0,0,0,.60)

);

}

.hero h1{

font-size:58px!important;

max-width:850px;

margin-bottom:25px;

}

.hero p{

max-width:760px;

font-size:20px;

margin-bottom:40px;

line-height:1.8;

}

/* =====================================================
   NEWS
   ===================================================== */

.cards{

display:grid!important;

grid-template-columns:repeat(auto-fit,minmax(340px,1fr));

gap:30px;

margin-top:35px;

}

.card{

display:flex;

flex-direction:column;

background:rgba(22,26,36,.90)!important;

border:1px solid rgba(255,255,255,.08);

border-radius:18px;

overflow:hidden;

transition:.3s;

}

.card:hover{

transform:translateY(-8px);

box-shadow:0 18px 45px rgba(0,0,0,.45);

}

.card img{

width:100%;

height:220px;

object-fit:cover;

}

.card h3{

padding:22px 22px 10px;

color:#d7b45b;

font-size:24px;

}

.card p{

padding:0 22px;

flex:1;

}

.btn-small{

display:inline-block;

margin:22px;

padding:12px 24px;

border-radius:999px;

background:linear-gradient(#e7ca77,#b48b37);

color:#111!important;

font-weight:700;

}

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

.gallery{

display:grid!important;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:24px;

}

.gallery-item{

overflow:hidden;

border-radius:16px;

background:#151922;

}

.gallery-item img{

width:100%;

height:240px;

object-fit:cover;

transition:.4s;

}

.gallery-item:hover img{

transform:scale(1.08);

}

.gallery-item h3{

padding:16px;

text-align:center;

font-size:20px;

color:#d7b45b;

}

/* =====================================================
   VIDEOS
   ===================================================== */

.videos{

display:grid!important;

grid-template-columns:repeat(auto-fit,minmax(450px,1fr));

gap:28px;

}

.video iframe{

width:100%!important;

aspect-ratio:16/9;

border:0;

border-radius:12px;

}

/* =====================================================
   FOOTER
   ===================================================== */

footer{

margin-top:80px;

background:#08090d!important;

border-top:1px solid rgba(255,255,255,.08);

}

.footer-content{

display:grid!important;

grid-template-columns:2fr 1fr 1fr;

gap:40px;

align-items:start;

padding:55px 0;

}

.footer-content h3{

color:#d7b45b;

margin-bottom:18px;

}

.footer-links{

list-style:none!important;

padding:0;

margin:0;

}

.footer-links li{

margin-bottom:12px;

}

.footer-links a{

color:#ddd!important;

}

.footer-links a:hover{

color:#d7b45b!important;

}

footer hr{

border:none;

height:1px;

background:rgba(255,255,255,.08);

margin:0;

}

.copyright{

text-align:center;

padding:30px 0;

font-size:14px;

color:#888;

line-height:1.8;

}

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

@media (max-width:900px){

header .container{

flex-direction:column;

padding:15px;

}

.logo img{

height:95px!important;

}

nav{

width:100%;

}

nav ul{

justify-content:center;

flex-wrap:wrap;

gap:18px;

}

.hero{

padding-top:150px!important;

}

.hero h1{

font-size:42px!important;

text-align:center;

}

.hero p{

font-size:18px;

text-align:center;

}

.hero .btn{

display:table;

margin:0 auto;

}

.videos{

grid-template-columns:1fr!important;

}

.footer-content{

grid-template-columns:1fr!important;

text-align:center;

}

}

@media (max-width:600px){

.logo img{

height:75px!important;

}

nav ul{

flex-direction:column!important;

gap:12px;

}

.hero{

padding-top:170px!important;

}

.hero h1{

font-size:32px!important;

}

.hero p{

font-size:16px;

}

.cards{

grid-template-columns:1fr!important;

}

.gallery{

grid-template-columns:1fr!important;

}

.section{

padding:65px 0;

}

}

/* =====================================================
   END FIX
   ===================================================== */