/* Scoped to the existing homepage catalogue. Original image files are retained. */
body.home #feature-section2 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
  background: #f8f9fb !important;
}
body.home #feature-section2 > .container { width: min(1200px, calc(100% - 40px)); padding: 0; }
body.home #feature-section2 > .container > .row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin: 0;
}
body.home #feature-section2 > .container > .row::before,
body.home #feature-section2 > .container > .row::after { display: none; }
body.home #feature-section2 > .container > .row > .col-md-12 {
  grid-column: 1 / -1; width: auto; padding: 0; margin: 0 0 8px;
}
body.home #feature-section2 h2 {
  font-size: clamp(28px, 3vw, 36px) !important;
  font-weight: 700 !important; line-height: 1.25 !important;
  color: #28213c; margin: 0 0 8px !important;
}
body.home #feature-section2 > .container > .row > .col-md-4 {
  display: flex; float: none; width: auto; min-width: 0; padding: 0; margin: 0 !important;
}
body.home #feature-section2 .feature-box {
  display: flex; flex-direction: column; width: 100%; min-width: 0;
  padding: 20px; border: 1px solid #e6e8ee; border-radius: 16px;
  background: #fff; box-shadow: 0 2px 8px rgba(28, 23, 44, .025);
}
body.home #feature-section2 .feature-box-image {
  display: flex; flex: none; align-items: center; justify-content: center;
  width: 100%; height: auto !important; aspect-ratio: 4 / 3;
  margin: 0 0 22px !important; background: #fff; overflow: hidden;
}
body.home #feature-section2 .feature-box-image > a {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%; padding: 6px;
}
body.home #feature-section2 .feature-box-image img {
  display: block; width: 100% !important; height: 100% !important;
  min-width: 0 !important; max-width: 100% !important; max-height: 100% !important;
  object-fit: contain; object-position: center; margin: 0 !important; border: 0;
}
body.home #feature-section2 .feature-box-details {
  display: flex; flex-direction: column; flex: 1 1 auto;
  float: none !important; width: 100%; min-width: 0; text-align: left;
}
body.home #feature-section2 .feature-box-details > .title-medium {
  font-size: 20px !important; font-weight: 600 !important; line-height: 1.35 !important;
  color: #28213c !important; margin: 0 0 12px !important;
  min-height: 2.7em; text-decoration: none; overflow-wrap: anywhere;
}
body.home #feature-section2 .min-height-product {
  float: none !important; flex: 1 1 auto; min-height: 0 !important;
  height: auto !important; margin: 0 0 22px !important;
  font-size: 16px !important; line-height: 1.6 !important; color: #5a606c;
}
body.home #feature-section2 .min-height-product p { margin: 0 0 8px; }
body.home #feature-section2 .min-height-product p:empty { display: none; }
body.home #feature-section2 .more-info {
  display: flex; align-items: center; justify-content: center;
  flex: none; width: 100%; min-height: 44px; margin: auto 0 0 !important;
  border: 1px solid #e4a12b; border-radius: 24px;
  font-size: 15px !important; font-weight: 600; line-height: 1.4;
  color: #87550b; background: #fff; padding: 10px 16px; text-decoration: none;
}
body.home #feature-section2 .more-info:hover { color: #653d00; background: #fff7e9; }
body.home #feature-section2 a:focus-visible { outline: 3px solid #73609c; outline-offset: 4px; }
@media (max-width: 1023px) {
  body.home #feature-section2 > .container > .row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
}
@media (max-width: 600px) {
  body.home #feature-section2 { padding-top: 36px !important; padding-bottom: 36px !important; }
  body.home #feature-section2 > .container { width: calc(100% - 32px); }
  body.home #feature-section2 > .container > .row { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  body.home #feature-section2 .feature-box { padding: 18px; }
  body.home #feature-section2 .feature-box-image { max-height: 250px; margin-bottom: 18px !important; }
  body.home #feature-section2 .feature-box-details > .title-medium { font-size: 20px !important; min-height: 0; }
}