/*
.container { max-width: 1100px; margin: auto; }
.brand-hero .container { display: flex; align-items: center; gap: 40px; }
.hero-left img { max-width: 200px; }
.hero-right h1 { font-size: 28px; margin-bottom: 10px; }
.hero-right p { color: #666; margin-bottom: 15px; }
.btn { display: inline-block; padding: 10px 16px; border: 1px solid #333; border-radius: 6px; text-decoration: none; }
.brand-about { padding: 40px 20px; text-align: center; color: #6b7280; }
*/




/* ABOUT */


/* MARKET BOX */




/* MOBILE */
@media(max-width:768px){
  .brand-hero .container,
  .market-box {
    flex-direction: column;
    text-align: center;
  }

  .market-left {
    max-width: 100%;
  }
}


.section-title {
  text-align: center;
  font-size: 26px;
}

.section-title span {
  color: #22c55e;
}

.section-subtitle {
  text-align: center;
  color: #6b7280;
  margin-bottom: 30px;
}


.distribution {
  text-align: center;
}

.region-tabs {
  margin: 20px 0;
}

.region-tabs button { border: none; background: #f1f1f1; background-color: rgb(241, 241, 241); padding: 8px 16px; margin: 5px; border-radius: 20px; cursor: pointer; font-size: 17px; font-weight: 500; color: var(--e-global-color-secondary); }
.distribution.brand-products .section-subtitle { margin-top: 15px; }
.region-tabs .active, .region-tabs button:hover, .region-tabs button:focus { background: var(--e-global-color-primary); color: #fff; }
.brand-cta.brand-products h3 { font-size: 40px; line-height: 1.2; font-weight: 600; color: var(--e-global-color-secondary); margin: 20px 0 8px; text-align: center; }
.brand-cta.brand-products p { font-size: 17px; color: #000; font-weight: 400; }
.brand-cta.brand-products {   background: url("https://eastwesttrade.co/wp-content/uploads/2026/04/brand-background.png"); background-repeat: repeat; background-size: auto; background-repeat: no-repeat; background-size: 100% 100%; padding: 65px 5px 70px 5px; width: 100%; margin-bottom: 60px; }
.brand-cta.brand-products .cta-logo { max-width: 300px; width: 100%; margin: 0 auto; display: table; }
.brand-cta.brand-products .cta-buttons { margin-top: 40px; text-align: center; margin-top: 30px !important; }

.brand-cta.brand-products .cta-buttons a { font-weight: 600; font-size: 16px; color: var(--e-global-color-secondary); padding: 12px 20px 12px 30px; margin: 10px 6px 0; }
.brand-cta.brand-products .cta-buttons a svg { float: right; margin-top: 4px; margin-left: 10px }
.brand-cta.brand-products .cta-buttons a.active { background: var(--e-global-color-primary); border-color: var(--e-global-color-primary); color: #fff; }
.brand-cta.brand-products .cta-buttons a.active svg path { fill: white }


.brand-cta.brand-products .cta-buttons a:hover, .brand-cta.brand-products .cta-buttons a.active:hover { color: #fff; background: var(--e-global-color-secondary); border-color: var(--e-global-color-secondary) !important; }
.brand-cta.brand-products .cta-buttons a:hover svg path, .brand-cta.brand-products .cta-buttons a.active:hover svg path { fill: #fff }

.state {
  fill: #cde8d5;
}

.state.active {
  fill: #22c55e;
}

.brand-cta {
  padding: 50px 20px;
}