*{box-sizing:border-box}
body{
margin:0;
font-family:Arial;
background:linear-gradient(180deg,#1a0c00,#3b1f00,#1a0c00);
color:#fff
}
.navbar{
position:sticky;top:0;z-index:10;
display:flex;justify-content:space-between;
padding:14px 30px;
background:linear-gradient(90deg,#2a1200,#000);
box-shadow:0 4px 20px #ff7a0055
}
.logo{color:#ff9f1c;font-weight:800}
.nav-links a{
margin-left:14px;
padding:8px 14px;
border-radius:8px;
color:#2a1200;
font-weight:700;
text-decoration:none;
transition:.3s
}
.btn-home{background:#ffb703}
.btn-products{background:#ff9f1c}
.btn-events{background:#fb8500}
.nav-links a:hover{
transform:translateY(-2px);
box-shadow:0 0 20px #ff9f1c
}
.page-title{text-align:center;margin:30px 0;color:#ffb703}

.slider{position:relative;height:calc(100vh - 60px)}
.slide{
position:absolute;inset:0;
background-size:cover;
background-position:center;
opacity:0;
display:flex;
align-items:center;
justify-content:center
}
.slide.active{opacity:1}
.caption{
font-size:48px;
font-weight:900;
color:#fff;
text-shadow:0 0 30px #ff7a00
}
.prev,.next{
position:absolute;top:50%;
background:#2a1200;
color:#ffb703;
border:none;
font-size:30px;
padding:10px;
cursor:pointer
}
.prev{left:20px}.next{right:20px}
.play-btn{
position:absolute;top:20px;right:20px;
background:#2a1200;
color:#ffb703;
border:none;
font-size:20px;
padding:8px;
border-radius:50%
}

.products-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:16px;
padding:20px
}
.product{
background:linear-gradient(180deg,#2a1200,#120700);
padding:10px;
border-radius:14px;
box-shadow:0 0 20px #ff7a0033
}
.product h2{
font-size:13px;
text-align:center;
color:#ffb703
}
.carousel{position:relative;aspect-ratio:1/1;overflow:hidden}
.track{display:flex;transition:.4s}
.track img{width:100%;flex-shrink:0;object-fit:cover;border-radius:10px}
.c-prev,.c-next{
position:absolute;top:50%;
background:#2a1200;
color:#ffb703
}
.c-prev{left:6px}.c-next{right:6px}

.videos-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
padding:20px
}
.videos-grid video{
width:100%;
border-radius:12px;
background:#000;
box-shadow:0 0 20px #ff7a0044
}

@media(max-width:1200px){
.products-grid{grid-template-columns:repeat(4,1fr)}
.videos-grid{grid-template-columns:repeat(3,1fr)}
.caption{font-size:32px}
}
@media(max-width:768px){
.products-grid,.videos-grid{grid-template-columns:repeat(2,1fr)}
.caption{font-size:24px}
}