/* Combirepel page – layout */

/* Body id blue-header – hide default hero; first section has its own banner */
#blue-header .page-header-outer .page-hero-inner {
  display: none;
}
#blue-header .page-header-outer {
  min-height: 0;
  padding-bottom: 0;
}

/* Layout: 1280 container */
.combirepel-page .container-1280-wrp {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.combirepel-page .container-1280-wrp.inner-content-area {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* Grid (Bootstrap-like for this page) */
.combirepel-page .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.combirepel-page .row > [class*="col-"] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.combirepel-page .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.combirepel-page .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
.combirepel-page .col-md-6 { flex: 0 0 50%; max-width: 50%; }
.combirepel-page .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
.combirepel-page .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; }
@media (max-width: 991px) {
  .combirepel-page .col-md-4,
  .combirepel-page .col-md-5,
  .combirepel-page .col-md-6,
  .combirepel-page .col-md-7,
  .combirepel-page .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .combirepel-page .pull-right { order: -1; }
}

/* Utility */
.combirepel-page .pull-right { margin-left: auto; }
.combirepel-page .text-center { text-align: center; }
.combirepel-page .hidden-xs.hidden-sm { display: block; }
@media (max-width: 767px) {
  .combirepel-page .hidden-xs.hidden-sm { display: none !important; }
}
@media (max-width: 991px) {
  .combirepel-page .hidden-xs.visible-sm { display: block; }
}

/* Section spacing */
.combirepel-page #about-section,
.combirepel-page #basic-infomation,
.combirepel-page #facts-figures,
.combirepel-page #our-product,
.combirepel-page #availability,
.combirepel-page #industries-served {
  padding: 2rem 0;
}

.combirepel-page .inner-page-title {
  margin-bottom: 1.5rem;
}
.combirepel-page .inner-page-title h2 {
  font-size: 1.75rem;
  color: var(--color-text-dark, #1a1a1a);
  font-weight: 700;
}

.combirepel-page .common-cta-red {
  display: inline-block;
  padding: 0.5rem 1.25rem;
  background: var(--color-primary, #033a2a);
  color: var(--color-accent, #cff05d);
  text-decoration: none;
  border-radius: var(--radius-sm, 8px);
  font-weight: 600;
  margin-top: 1rem;
  transition: var(--transition, all 0.3s ease);
}
.combirepel-page .common-cta-red:hover {
  background: var(--color-primary-dark, #072b22);
  color: var(--color-accent-hover, #bfe04e);
}

/* About section */
.combirepel-page .about-img img,
.combirepel-page .availability-img img,
.combirepel-page .served-img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-sm, 8px);
}
.combirepel-page .inner-left-box h2 {
  font-size: 1.5rem;
  color: var(--color-primary, #033a2a);
  margin-bottom: 0.5rem;
}
.combirepel-page .inner-left-box h3 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-text-body, #555);
  line-height: 1.5;
}

/* Facts and figures list */
.combirepel-page #facts-figures ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}
.combirepel-page #facts-figures ul li {
  max-width: 320px;
}
.combirepel-page #facts-figures ul li h3 {
  font-size: 1.25rem;
  margin: 1rem 0 0.5rem;
  color: var(--color-text-dark, #1a1a1a);
}
.combirepel-page #facts-figures ul li p {
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}

/* Application / product swiper area */
.combirepel-page .product-box {
  padding: 1.5rem;
  background: var(--color-bg, #f8f9fa);
  border-radius: var(--radius-md, 12px);
  margin-bottom: 1rem;
}
.combirepel-page .product-content h2 {
  font-size: 1.25rem;
  color: var(--color-primary, #033a2a);
  margin-bottom: 0.5rem;
}
.combirepel-page .product-desc a {
  color: var(--color-primary, #033a2a);
  font-weight: 600;
  text-decoration: underline;
}
.combirepel-page .availability-box h2,
.combirepel-page .industries-box h3 {
  font-size: 1.25rem;
  color: var(--color-primary, #033a2a);
  margin-bottom: 0.5rem;
}
.combirepel-page .Served-box {
  display: block;
  text-decoration: none;
  color: inherit;
  background: var(--color-bg, #f8f9fa);
  border-radius: var(--radius-md, 12px);
  overflow: hidden;
  margin-bottom: 1rem;
  transition: var(--transition, all 0.3s ease);
}
.combirepel-page .Served-box:hover {
  box-shadow: var(--shadow, 0 2px 8px rgba(0,0,0,0.1));
}
.combirepel-page .Served-box a {
  color: inherit;
  text-decoration: none;
}

/* Swiper overrides (if Swiper CSS is loaded) */
.combirepel-page .swiper-container {
  overflow: hidden;
}
.combirepel-page .swiper-pagination {
  margin-top: 1rem;
}
.combirepel-page .availability-control {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
}
.combirepel-page .availability-control .swiper-button-next,
.combirepel-page .availability-control .swiper-button-prev {
  cursor: pointer;
  user-select: none;
}
.combirepel-page .availability-control img {
  width: 40px;
  height: auto;
}