/* --- Hero --- */
.hero{
  height:100vh;background:center/cover;display:flex;align-items:center;
  position:relative;border-bottom-left-radius:100px;margin-bottom:80px
}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(2,6,23,.9),transparent)}
.hero-title{
  font-size:4rem;font-weight:800;line-height:1.2;
  background:linear-gradient(to left,#fff,var(--primary));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent
}
.hero-content{position:relative;z-index:10;display:flex}
.hero-content>div{width:50%}
.hero-right{display:flex!important;flex-direction:column!important;justify-content:center!important}
.hero-content .hero-left img{width:100%;border:50px;box-sizing:1px 1px 1px red}

/* --- Links --- */
.category-item a,a{text-decoration:none!important}

/* --- Categories --- */
.categories-grid{
  display:grid;grid-template-columns:repeat(5,1fr);
  gap:16px;margin-bottom:50px
}
.category-item{
  background:#fff;border:1px solid var(--border);
  border-radius:12px;padding:16px 10px;text-align:center;
  transition:.3s ease;cursor:pointer;
  display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important
}
.category-item:hover{
  transform:translateY(-10px);border-color:var(--primary);
  box-shadow:0 15px 30px rgba(0,210,255,.15)
}
.category-item i{
  font-size:28px;margin-bottom:8px;display:block;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#444
}
.category-item .fw-bold{color:#fff!important}

/* --- Feature Cards --- */
.feature-box{
  height:100%;background:var(--glass);
  border:1px solid var(--border);padding:40px 20px;border-radius:30px;
  text-align:center;transition:.4s
}
.feature-box:hover{
  background:rgba(255,255,255,.07);transform:translateY(-10px);
  border-color:var(--primary);box-shadow:0 15px 30px rgba(0,210,255,.15)
}
.feature-box i{font-size:3rem;color:var(--primary);margin-bottom:20px}

/* --- Promo / Newsletter --- */
.promo-banner{
  background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);
  border-radius:50px;padding:60px;position:relative;overflow:hidden;
  border:1px solid var(--border)
}
.promo-circle{
  position:absolute;width:300px;height:300px;background:var(--primary);
  filter:blur(150px);opacity:.2;top:-50px;right:-50px
}
.newsletter{
  background:var(--glass);border-radius:40px;padding:60px;
  text-align:center;border:1px solid var(--border)
}
.newsletter input{
  background:rgba(0,0,0,.3);border:1px solid var(--border);
  padding:15px 25px;border-radius:50px;color:#fff;
  width:100%;max-width:400px
}

/* --- Font Awesome --- */
i{font-family:inherit!important}
.fa,.fa-solid,.fa-regular,.fa-brands{font-family:"Font Awesome 6 Free"!important}

/* --- Silver Section (Special) --- */
.silver-section{
  position:relative;min-height:420px;display:flex;align-items:center;
  overflow:hidden;padding:80px 0;color:#f7f7f7;background:#0b0b0b
}
.silver-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.silver-text h2{font-size:38px;font-weight:800;margin-bottom:20px;line-height:1.4}
.silver-text h2 span{color:#bfc5cc}
.silver-text p{font-size:17px;line-height:2;color:#555;margin-bottom:30px}
.silver-image img{width:100%;border-radius:16px;object-fit:cover}

.silver-bg{
  position:absolute;inset:0;
  background:url('/static/core/images/silver.webp') center/cover fixed;
  filter:grayscale(.2) brightness(.55) contrast(1.2);transform:scale(1.05);z-index:1
}
.silver-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(0,0,0,.75),rgba(0,0,0,.35))
}
.silver-content{
  position:relative;z-index:2;max-width:680px;
  backdrop-filter:blur(6px);background:rgba(10,10,10,.35);
  border:1px solid rgba(255,255,255,.08);border-radius:18px;
  padding:40px 35px;box-shadow:0 20px 50px rgba(0,0,0,.5)
}
.silver-content h2{font-size:2.2rem;line-height:1.6;margin-bottom:18px}
.silver-content h2 span{color:#d0d0d0;text-shadow:0 0 12px rgba(255,255,255,.3)}
.silver-content p{font-size:1.05rem;line-height:2;margin-bottom:25px;color:#e2e2e2}

.silver-link{
  display:inline-block;padding:12px 28px;border-radius:12px;
  background:linear-gradient(135deg,#fff,#c8c8c8);
  color:#111;font-weight:600;text-decoration:none;transition:.3s ease;
  border-bottom:2px solid #ccc;padding-bottom:4px
}
.silver-link:hover{
  border-color:#999;letter-spacing:.5px;transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(255,255,255,.25)
}

@media (max-width:992px){
  .silver-grid{grid-template-columns:1fr}
}
@media (max-width:1200px){
    .logo{
        font-size: 27px;
    }
}
.carousel-item .product-card{
    border: none;
    border-radius: 20px;
}
.carousel-item button{
    padding: 10px 77px;
    border-radius: 30px
}
.product-card {
    border-radius: 8px;
    overflow: hidden;
    transition: transform .3s;
}
.product-card:hover {
    transform: translateY(-5px);
}
.section-header {
    text-align: center;
    margin-bottom: 25px;
}
.section-header .line {
    width: 70px;
    height: 3px;
    background: #0d6efd;
    margin: 10px auto;
}
img.card-img-top{
    height: 200px !important;
}
.card.product-card{
    margin-bottom: 10px;
}
.carousel-control-prev{
    width: 38px;
    height: 46px;
    margin-top: 172px;
    background: black;
    border-radius: 12px;
}
.carousel-control-next{
    width: 38px;
    height: 46px;
    margin-top: 172px;
    background: black;
    border-radius: 12px;
}
.category-item{
    background-color: #020617;
}
.hero-left img{
    padding-top: 70px !important;
}