/* Bold & Professional */
:root{--bg:#07122b;--accent:#c59a3a;--muted:#9aa6b2;--wrap:1100px}
*{box-sizing:border-box}
html {scroll-behavior: smooth;}
body{margin:0;font-family:Montserrat,system-ui,Arial;background:var(--bg);color:#fff;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--wrap);margin:0 auto;padding:28px}
.topbar{border-bottom:1px solid rgba(255,255,255,0.04); width: 100vw;}
.bar-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px}

@media (max-width: 425px) {
.bar-wrap{display:flex;align-items:center;justify-content:space-between;gap:0px;padding:5px 10px}

}

@media (max-width:320px) {
  .brand h1 {
    white-space: normal !important;
  }

  .brand small {
    display: none !important;
  }
}

.text-logo {display: flex;
    gap: 5px;
    align-items: center;}

.brand h1{margin:0;font-family:Merriweather,serif;font-size:clamp(14px, 5.33vw, 20px);white-space: nowrap;}
.brand small{display:block;color:var(--muted);font-size:clamp(10px, 3.2vw, 12px);white-space: nowrap;}
.topbar nav a{color:var(--muted);text-decoration:none;margin-left:18px;font-weight:600;}
.topbar nav a{font-size:clamp(12px, 3.7vw, 15px);}

/* hero split */
.split-hero{display:flex;gap:30px;padding:60px 80px;align-items:center}
.split-hero .left{flex:1;padding-right:20px}
.split-hero h2{font-family:Merriweather,serif;font-size: clamp(24px, 9.6vw, 36px);margin:0;color:#fff;line-height:1.02}
.split-hero p{color:var(--muted);max-width:520px;font-size: clamp(14px, 4.27vw, 16px);}
.ghost{display:inline-block;border:2px solid var(--accent);padding:10px 14px;border-radius:8px;color:var(--accent);text-decoration:none;margin-top:12px}

/* hero card */
.hero-card{background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));padding:18px;border-radius:12px;position:relative;display:inline-block}
.hero-card img{width:360px;max-width:100%;height:260px;object-fit:cover;border-radius:8px}
.hero-card .badge{position:absolute;left:14px;top:14px;background:var(--accent);color:#07122b;padding:6px 10px;border-radius:6px;font-weight:700}

/* features */
.features{padding:40px 28px}
.features h3{text-align:center;margin-bottom:18px;color:var(--muted)}
.cols{display:flex;gap:18px;justify-content:center}
.feat{background:rgba(255,255,255,0.03);padding:18px;border-radius:10px;width:300px;text-align:center;transition:transform .36s,box-shadow .36s}
.feat img{width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:12px}
.feat h4{margin:6px 0 8px}
.feat p{color:var(--muted);font-size:14px}

/* dark about */
.dark{background:rgba(255,255,255,0.02);padding:30px 28px;margin-top:18px;border-left:6px solid rgba(197,154,58,0.18)}

/* contact dark */
.contact-dark{padding:30px 28px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.contact-form input,.contact-form textarea{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:#fff;margin-bottom:8px}
.contact-form button{background:var(--accent);border:0;padding:10px 14px;border-radius:8px;font-weight:700}

/* footer */
.footer{text-align:center;color:var(--muted);font-size:14px;border-top:1px solid rgba(255,255,255,0.03)}

/* responsive */
@media(max-width:900px){
  .cols{flex-direction:column;align-items:center}
  .split-hero{flex-direction:column;padding:30px 18px}
  .contact-grid{grid-template-columns:1fr}
  .hero-card img{height:200px}
}


.slider {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  max-width: 360px;
}
.slides {
  display: flex;
  transition: transform 0.6s ease-in-out;
}
.slide {
  min-width: 100%;
  position: relative;
}
.slide img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 8px;
}
.slide .badge {
  position: absolute;
  left: 14px;
  top: 14px;
  background: var(--accent);
  color: #07122b;
  padding: 6px 10px;
  border-radius: 6px;
  font-weight: 700;
}
.slider button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.4);
  color: white;
  border: none;
  font-size: 20px;
  padding: 6px 10px;
  cursor: pointer;
  z-index: 2;
}
.slider .prev { left: 8px; }
.slider .next { right: 8px; }


/* Product Section */
.product-section {
  padding: 20px 180px;
}
.product-section h3 {
  text-align: center;
  margin-bottom: 20px;
  color: var(--muted);
}
.product-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: center;
  justify-items: center;
}
.product-slider {
  max-width: 100%;
}
.product-info h4 {
  margin-top: 0;
  color: #fff;
}
.product-info p {
  color: var(--muted);
}

/* Responsive */
@media(max-width:900px){
  .product-grid {
    grid-template-columns: 1fr;
  }
  .product-section {
  padding: 20px 20px;
}

.product-slider {
max-width: 360px;
}
}