/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 08 2026 | 12:37:04 */
/* ==================================================
   CGA — PRODUCT ASSURANCE ROW
   Seamless quality, support and component presentation
   ================================================== */

.cga-product-assurance {
  --cga-assurance-ink: #302823;
  --cga-assurance-text: #655b53;
  --cga-assurance-gold: #87591d;
  --cga-assurance-gold-light: #d7b46f;
  --cga-assurance-line: #e8dfd2;

  position: relative;
  width: 100%;
  margin: 36px auto 48px;
  padding: 38px 0 34px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(250, 247, 241, 0.65) 50%,
    transparent 100%
  );
  border-top: 1px solid var(--cga-assurance-line);
  border-bottom: 1px solid var(--cga-assurance-line);
  box-sizing: border-box;
}

/* Centered gold detail */
.cga-product-assurance::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  width: 96px;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--cga-assurance-gold),
    transparent
  );
  transform: translateX(-50%);
}

.cga-product-assurance__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cga-product-assurance__item {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 0 clamp(24px, 3vw, 52px);
  text-align: center;
  list-style: none;
}

/* Fine vertical dividers */
.cga-product-assurance__item + .cga-product-assurance__item::before {
  content: "";
  position: absolute;
  top: 6%;
  bottom: 6%;
  left: 0;
  width: 1px;
  background: linear-gradient(
    180deg,
    transparent,
    var(--cga-assurance-line) 20%,
    var(--cga-assurance-line) 80%,
    transparent
  );
}

/* Icons */
.cga-product-assurance__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 0 auto 19px;
  color: var(--cga-assurance-gold);
  background: linear-gradient(145deg, #ffffff, #faf6ef);
  border: 1px solid #d9c299;
  border-radius: 50%;
  box-shadow:
    0 6px 20px rgba(90, 59, 22, 0.09),
    inset 0 0 0 3px rgba(255, 255, 255, 0.75);
}

.cga-product-assurance__icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Headings */
.cga-product-assurance__item h3 {
  max-width: 360px;
  margin: 0 auto 11px;
  color: var(--cga-assurance-ink);
  font-size: clamp(16px, 1.25vw, 19px);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

/* Descriptions */
.cga-product-assurance__item p {
  max-width: 42ch;
  margin: 0 auto;
  color: var(--cga-assurance-text);
  font-size: 15px;
  line-height: 1.7;
}

/* Tablet and mobile */
@media (max-width: 849px) {
  .cga-product-assurance {
    margin: 28px auto 38px;
    padding: 12px 0;
  }

  .cga-product-assurance__grid {
    grid-template-columns: 1fr;
  }

  .cga-product-assurance__item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    column-gap: 16px;
    padding: 23px 0;
    text-align: left;
  }

  .cga-product-assurance__item + .cga-product-assurance__item::before {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: auto;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      var(--cga-assurance-line) 12%,
      var(--cga-assurance-line) 88%,
      transparent
    );
  }

  .cga-product-assurance__icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 44px;
    height: 44px;
    margin: 0;
  }

  .cga-product-assurance__icon svg {
    width: 21px;
    height: 21px;
  }

  .cga-product-assurance__item h3 {
    grid-column: 2;
    margin: 0 0 7px;
    max-width: none;
    font-size: 16px;
  }

  .cga-product-assurance__item p {
    grid-column: 2;
    margin: 0;
    max-width: none;
    font-size: 14.5px;
    line-height: 1.65;
  }
}

@media (max-width: 549px) {
  .cga-product-assurance__item {
    grid-template-columns: 40px minmax(0, 1fr);
    column-gap: 13px;
    padding: 20px 0;
  }

  .cga-product-assurance__icon {
    width: 38px;
    height: 38px;
  }

  .cga-product-assurance__icon svg {
    width: 19px;
    height: 19px;
  }

  .cga-product-assurance__item h3 {
    font-size: 15px;
    letter-spacing: 0.035em;
  }

  .cga-product-assurance__item p {
    font-size: 14px;
  }
}