body {
  font-family: 'Montserrat', Arial, sans-serif;
  background: #111;
  color: #f3f2ec;
  margin: 0;
  padding: 0;
}

/* HEADER NAVIGATION */
.main-navbar {
  background: #000;
  box-shadow: 0 2px 24px rgba(255, 215, 0, 0.07);
  position: sticky;
  top: 0;
  z-index: 10;
}
.container-header {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 24px 8px 24px;
}
.header-logo {
  height: 96px;
  width: auto;
  display: block;
  transition: height 0.2s;
}
.main-menu {
  list-style: none;
  display: flex;
  gap: 36px;
  margin: 0;
  padding: 0;
}
.main-menu a {
  color: #FFD700;
  font-weight: 600;
  text-decoration: none;
  font-size: 1.19rem;
  letter-spacing: 0.5px;
  transition: color 0.18s;
}
.main-menu a:hover {
  color: #fff7c2;
}
@media (max-width: 900px) {
  .container-header {flex-direction: column; gap: 12px;}
  .header-logo {height: 54px;}
  .main-menu {gap: 18px;}
}
@media (max-width: 600px) {
  .header-logo {height: 38px;}
  .main-menu {gap: 7px;}
}

/* SECTION LAYOUT */
.section-main, .section-card {
  max-width: 1200px;
  margin: 0 auto 60px auto;
  padding: 54px 0 40px 0;
}
.section-card {
  background: #171513;
  border-radius: 28px;
  box-shadow: 0 6px 44px rgba(255,220,100,0.08);
  padding: 44px 38px 32px 38px;
  margin-bottom: 44px;
  max-width: 1050px;
}
@media (max-width: 900px) {
  .section-main, .section-card {padding: 35px 7vw;}
}
@media (max-width: 600px) {
  .section-main, .section-card {padding: 18px 2vw;}
}

/* HEADINGS */
.section-title {
  background: linear-gradient(92deg, #ffe180 30%, #ffd700 68%, #e9be45 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 28px;
  margin-top: 0;
  text-align: center;
  letter-spacing: 1px;
  line-height: 1.1;
  font-family: 'Montserrat', Arial, sans-serif;
}
@media (max-width: 900px) {
  .section-title { font-size: 2rem; }
}

/* ABOUT US */
.about-container {
  display: flex;
  align-items: center;
  gap: 44px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 16px;
}
.about-img img {
  max-width: 330px;
  border-radius: 18px;
  box-shadow: 0 6px 40px rgba(0,0,0,0.12);
  background: #222;
}
.about-content {
  max-width: 570px;
}
.about-content strong {
  color: #fff9db;
  font-weight: 700;
}
@media (max-width: 850px) {
  .about-container {flex-direction: column; align-items: flex-start;}
  .about-img img {max-width: 95vw;}
}

/* PRODUCT GRID */
.product-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
  align-items: stretch;
  margin-top: 28px;
  padding-bottom: 10px;
}
.product-item {
  flex: 0 1 220px;
  background: #181613;
  border-radius: 24px;
  box-shadow: 0 2px 16px #ffe18022;
  padding: 36px 20px 28px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffe180;
  transition: box-shadow 0.2s, transform 0.2s;
}
.product-item i {
  color: #ffe180;
  font-size: 2.9rem;
  margin-bottom: 18px;
}
.product-item:hover {
  box-shadow: 0 8px 36px #ffe18033, 0 2px 12px #0002;
  transform: translateY(-5px) scale(1.03);
}
.product-label {
  font-size: 1.21rem;
  font-weight: 500;
  color: #fff8d1;
  line-height: 1.4;
  margin-top: 8px;
}
@media (max-width: 900px) {
  .product-grid {gap:14px;}
  .product-item {flex: 0 1 160px; padding: 19px 4px 12px 4px;}
}
@media (max-width: 600px) {
  .product-grid {gap: 8px;}
  .product-item {flex: 1 1 90vw; min-width: 70vw;}
}

/* PARTNER BRANDS */
.partner-brand-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
}
.partner-brand-item {
  background: #191817;
  border-radius: 18px;
  box-shadow: 0 2px 10px rgba(255,220,100,0.09);
  padding: 18px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  min-height: 80px;
  transition: box-shadow 0.14s, transform 0.14s;
}
.partner-brand-item:hover {
  box-shadow: 0 8px 32px rgba(255,220,100,0.18), 0 2px 8px rgba(0,0,0,0.07);
  transform: translateY(-3px) scale(1.04);
}
.partner-brand-logo {
  max-width: 110px;
  max-height: 48px;
  object-fit: contain;
  display: block;
}
@media (max-width: 900px) {
  .partner-brand-grid {gap: 18px;}
  .partner-brand-item {padding: 11px 10px;}
  .partner-brand-logo {max-width: 70px;}
}
@media (max-width: 600px) {
  .partner-brand-grid {flex-direction: column; align-items: flex-start;}
  .partner-brand-item {min-width: 80vw; justify-content: flex-start;}
}

/* WHY CHOOSE US */
.why-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
  justify-content: center;
  align-items: stretch;
  margin-top: 18px;
}
.why-item {
  background: #18140d;
  border-radius: 20px;
  box-shadow: 0 2px 16px rgba(255,220,100,0.08);
  padding: 28px 19px 17px 19px;
  text-align: center;
  width: 200px;
  min-height: 155px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: box-shadow 0.18s, transform 0.18s;
}
.why-item:hover {
  box-shadow: 0 8px 36px rgba(255,220,100,0.17), 0 2px 12px rgba(0,0,0,0.06);
  transform: translateY(-7px) scale(1.04);
}
.why-icon {
  color: #ffe180;
  font-size: 2.1rem;
  margin-bottom: 13px;
  transition: color 0.18s;
}
.why-item:hover .why-icon {
  color: #fff7c2;
}
.why-label {
  font-size: 1.04rem;
  color: #fffbe2;
  font-weight: 500;
  line-height: 1.3;
}
@media (max-width: 900px) {
  .why-grid {gap:14px;}
  .why-item {width: 43vw; min-width: 120px; padding: 13px 4px 12px 4px;}
}
@media (max-width: 600px) {
  .why-grid {flex-direction: column; align-items: center;}
  .why-item {width: 88vw;}
}

/* CONTACT FORM */
.form-label {
  color: #ffe180;
  font-weight: 600;
}
.form-control {
  background: #18140d;
  border: 1.4px solid #ffe180;
  color: #fff;
}
.form-control:focus {
  border-color: #ffd700;
  background: #18140d;
  color: #fff;
  box-shadow: 0 0 5px #ffe18088;
}
.btn-primary {
  background: linear-gradient(92deg, #ffe180 0%, #e9be45 100%);
  border: none;
  border-radius: 9px;
  padding: 12px 32px;
  font-weight: 700;
  font-size: 1.12rem;
  transition: background 0.19s;
  color: #222;
  box-shadow: 0 2px 12px rgba(255,220,100,0.11);
}
.btn-primary:hover {
  background: linear-gradient(92deg, #ffe9a8 0%, #ffd700 100%);
  color: #222;
}

/* FOOTER */
.footer {
  background: #18140d;
  color: #ffe180;
  padding: 24px 0 10px 0;
  text-align: center;
  margin-top: 58px;
  border-top: 2px solid #ffe18014;
  font-size: 1.01rem;
}