/* Approved four-column OEM service surface. All rules are section-scoped. */
.oem-categories-section{position:relative;padding:52px 0 32px;background:#faf8f3 url('../assets/img/oem-categories-background.webp') center/100% 100% no-repeat;color:#15408b;isolation:isolate}
.oem-categories-section .container{width:min(1280px,94%)}
.oem-categories-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 34px;padding:0 22px}
.oem-categories-english{display:flex;align-items:center;gap:20px;margin:0 0 10px;color:#957139;font:13px Georgia,'Times New Roman',serif;letter-spacing:.025em}
.oem-categories-english::after{content:"";width:64px;height:1px;background:#c6a46b}
.oem-categories-heading h2{font:700 clamp(24px,2.2vw,34px)/1.5 var(--font-serif);margin:0;color:#15408b}
.oem-category-seal{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:15px;padding:2px 0;border:1px solid #ae3e35;border-radius:2px;color:#ae3e35;writing-mode:vertical-rl;font:10px/1.1 var(--font-serif);letter-spacing:1px}
.oem-categories-intro{flex-shrink:0;color:#59616a;font-size:12px;line-height:1.9;margin:0 0 6px}
.oem-categories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.oem-category{display:flex;flex-direction:column;min-width:0;padding:0 22px 10px;border-right:1px solid #d8bd8c}
.oem-category:last-child{border-right:0}
.oem-category-number{font:italic 28px/1.2 Georgia,'Times New Roman',serif;color:#a57d3e;margin-bottom:3px}
.oem-category h3{font:700 clamp(20px,1.85vw,28px)/1.5 var(--font-serif);color:#15408b;white-space:nowrap;margin:0 0 18px}
.oem-category-photo{display:block;width:100%;height:auto;aspect-ratio:1.28;object-fit:cover;object-position:center;border-radius:3px;background:#eee8dd}
.oem-category-photo-salon{object-position:46% center}
.oem-category-description{font:14px/1.95 var(--font-serif);color:#354660;margin:20px 0 18px;min-height:55px;text-wrap:pretty}
.oem-category-products{padding:20px 0 24px;margin:0;list-style:none;position:relative;font:16px/1.95 var(--font-serif);color:#15408b}
.oem-category-products::before{content:"";position:absolute;left:0;top:0;width:30px;height:1px;background:#b18a48}
.oem-category-link{display:flex;align-items:center;gap:15px;align-self:flex-start;margin-top:auto;padding:8px 0 6px;min-width:160px;border-bottom:1px solid #b08a4d;color:#8c652b;font:14px/1.8 var(--font-serif);text-decoration:none;transition:color .2s,border-color .2s}
.oem-category-link:hover{color:#9d352a;border-color:#9d352a}
.oem-category-link:focus-visible{outline:2px solid #9d352a;outline-offset:5px}
.oem-category-support{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:46px;padding:16px 0 5px}
.oem-category-support h3{display:flex;align-items:center;gap:8px;flex-shrink:0;font:700 22px/1.5 var(--font-serif);color:#15408b}
.oem-category-support ul{display:flex;list-style:none;gap:0;margin:0;padding:0}
.oem-category-support li{display:flex;align-items:center;gap:12px;border-left:1px solid #ccb187;padding:0 26px;color:#293748;font:15px/1.5 var(--font-serif)}
.oem-category-support li:first-child{border-left:0;padding-left:0}
.oem-category-support svg{width:30px;height:34px;fill:none;stroke:#aa7e36;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
@media(min-width:1600px){.oem-categories-section{padding-top:62px;padding-bottom:38px}}
@media(max-width:1100px){.oem-categories-heading{padding:0 16px;gap:20px}.oem-categories-intro{font-size:11px}.oem-category{padding-inline:16px}.oem-category-description{font-size:13px;min-height:77px}.oem-category-products{font-size:15px}.oem-category-link{min-width:135px}.oem-category-support li{padding:0 18px}}
@media(max-width:900px){.oem-categories-heading{display:block}.oem-categories-intro{margin-top:12px;font-size:13px}.oem-categories-intro br{display:none}.oem-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.oem-category:nth-child(2){border-right:0}.oem-category h3{font-size:26px}.oem-category-photo{aspect-ratio:1.15}.oem-category-description{min-height:0;font-size:14px}.oem-category-support{flex-direction:column;gap:18px;margin-top:28px}.oem-category-support li{padding:0 16px}}
@media(max-width:560px){.oem-categories-section{padding-top:36px}.oem-categories-section .container{width:92%}.oem-categories-heading{padding:0 5px;margin-bottom:26px}.oem-categories-heading h2{font-size:25px;max-width:340px}.oem-categories-english{font-size:11px}.oem-categories-intro{max-width:270px}.oem-category{padding:0 12px 6px}.oem-category:nth-child(odd){padding-left:0}.oem-category:nth-child(even){padding-right:0}.oem-category h3{font-size:20px;margin-bottom:13px}.oem-category-number{font-size:24px}.oem-category-photo{aspect-ratio:1.1}.oem-category-description{font-size:13px;line-height:1.9;margin:15px 0;min-height:74px}.oem-category-products{font-size:14px;line-height:2;padding:15px 0 18px}.oem-category-link{font-size:13px;min-width:0;width:100%;min-height:44px;gap:10px}.oem-category-support h3{font-size:20px}.oem-category-support ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.oem-category-support li{padding:0;border:0;font-size:14px;gap:10px}.oem-category-support svg{width:27px;height:30px}}

#oem-categories-title{scroll-margin-top:130px}

/* OEM raw-material module only: display supplied artwork without cropping. */
.oem-raw-materials .oem-category-photo{aspect-ratio:1/1;height:auto;object-fit:contain;object-position:center;background:#f5f0e7;border:1px solid rgba(170,126,54,.12)}
.oem-raw-materials .oem-category h3{font-size:clamp(19px,1.65vw,25px)}
.oem-raw-materials .oem-category-description{min-height:82px}
@media(max-width:900px){.oem-raw-materials .oem-category-description{min-height:0}.oem-raw-materials .oem-category h3{font-size:24px}}
@media(max-width:560px){.oem-raw-materials .oem-category h3{font-size:18px;white-space:normal;min-height:54px;display:flex;align-items:center}.oem-raw-materials .oem-category-description{min-height:100px}.oem-raw-materials .oem-category-products{font-size:13px}}

@media(max-width:560px){
 .oem-raw-materials .oem-categories-grid{grid-template-columns:1fr;row-gap:28px}
 .oem-raw-materials .oem-category{padding:0 0 26px;border-right:0;border-bottom:1px solid #d8bd8c}
 .oem-raw-materials .oem-category:last-child{border-bottom:0}
 .oem-raw-materials .oem-category h3{font-size:23px;min-height:0;margin-bottom:18px}
 .oem-raw-materials .oem-category-photo{aspect-ratio:auto;height:auto}
 .oem-raw-materials .oem-category-description{min-height:0;margin-bottom:18px}
 .oem-raw-materials .oem-category-products{font-size:15px;padding-bottom:0}
}

/* Expanded OEM catalog. Empty image frames reserve space for supplied photos. */
.oem-raw-materials .oem-category-group {
  margin: 27px 0 0;
  padding-top: 18px;
  border-top: 1px solid #d8bd8c;
}


.oem-raw-materials .oem-category-group .oem-category-description {
  min-height: 0;
  margin-bottom: 8px;
}

@media (max-width: 560px) {
  .oem-raw-materials .oem-category-group .oem-categories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 14px;
  }
  .oem-raw-materials .oem-category-group .oem-category {
    padding: 0;
    border: 0;
  }
  .oem-raw-materials .oem-category-group h3 {
    font-size: clamp(16px, 4.2vw, 20px);
    margin-bottom: 12px;
  }
  .oem-raw-materials .oem-category-group .oem-category-photo { aspect-ratio: 4 / 3; }
}

.oem-raw-materials .oem-category-photo--fill {
  object-fit: cover;
  object-position: 46% center;
}

.oem-raw-materials .oem-category-photo--fill[src$="oem-herbal-patch.png"] {
  object-position: 34% center;
}

/* Extend the photo into the frame while keeping artwork and lettering intact. */
.oem-category-artwork {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.oem-category-artwork--spray { --artwork: url("../assets/img/oem-herbal-spray.webp?v=20261112-product-photo"); }
.oem-category-artwork--sachets { --artwork: url("../assets/img/oem-head-care-herbal-sachets.webp"); }
.oem-category-artwork--wash { --artwork: url("../assets/img/oem-head-care-wash.webp?v=20261112-product-photo"); }

.oem-category-artwork::before {
  content: "";
  position: absolute;
  inset: -16px;
  background: var(--artwork) center / cover no-repeat;
  filter: blur(12px) brightness(.87);
}

.oem-category-artwork-image {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Frame the tall mobile catalog with the original upper and lower artwork. */
@media (max-width: 560px) {
  .oem-categories-section { background-image: none; }

  .oem-categories-section::before,
  .oem-categories-section::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    z-index: -1;
    pointer-events: none;
    background: url("../assets/img/oem-categories-background.webp") no-repeat;
  }

  .oem-categories-section::before {
    top: 0;
    height: 166px;
    background-size: 175% auto;
    background-position: right top;
    mask-image: linear-gradient(#000 72%, transparent);
  }

  .oem-categories-section::after {
    bottom: 0;
    height: 125px;
    background-size: 100% auto;
    background-position: center bottom;
    mask-image: linear-gradient(transparent, #000 52%);
  }
}