/* Yêu cầu của khách 26/10 dòng 23 (khác mẫu v2) — trang dịch vụ, dải "Cam kết dịch vụ" (.support-band).
   Nạp SAU sanitec-service-<mẫu>.css (các file đó sinh tự động từ thiết kế, không sửa tay). KHÔNG sửa ngược. */
#snt-service-page .support-band{padding:26px 0}
#snt-service-page .support-grid svg{margin:0 auto 8px}
#snt-service-page .support-grid h3{margin:0 0 8px}
#snt-service-page .support-grid p{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Lỗi production 28/10 — hero trang dịch vụ con (mẫu species, vd. /diet-muoi): đoạn mô tả tràn sang nửa ảnh bên phải (lớp phủ đã bỏ nên chữ đè ảnh).
   ≥901px: khối chữ nằm TRỌN nửa trái, mép phải chữ cách mép trái ảnh ≥ 24px: max-width = 40cqw (mép trái ảnh) − lề trái của khung (.wrap) − 24px; chữ tự xuống dòng.
   ≤900px: chuyển 1 cột — chữ trên nền xanh đặc, ảnh xếp DƯỚI chữ (không còn chữ đè ảnh). Mẫu technical (ảnh nền toàn khung theo thiết kế) không thuộc khối này.
   Máy đo: scripts/measure-hero-split.mjs (có trong smoke-check). */
#snt-service-page.service-species .species-hero{container-type:inline-size}
@media(min-width:901px){
  #snt-service-page.service-species .species-hero .hero-content{width:auto;box-sizing:border-box;margin:0 auto 0 max(28px,calc((100vw - 1300px)/2));max-width:calc(40vw - max(28px,calc((100vw - 1300px)/2)) - 24px)}
  @supports(width:1cqw){#snt-service-page.service-species .species-hero .hero-content{margin-left:max(28px,calc((100cqw - 1300px)/2));max-width:calc(40cqw - max(28px,calc((100cqw - 1300px)/2)) - 24px)}}
  #snt-service-page.service-species .species-hero .hero-content>p,#snt-service-page.service-species .species-hero .hero-content>h1{max-width:100%}
  #snt-service-page.service-species .species-hero .crumbs,#snt-service-page.service-species .species-hero .actions,#snt-service-page.service-species .species-hero .hero-tags{flex-wrap:wrap}
  #snt-service-page.service-species .species-hero .hero-tags{gap:8px 20px}
}
@media(max-width:900px){
  #snt-service-page.service-species .species-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;aspect-ratio:auto}
  #snt-service-page.service-species .species-hero .hero-art{position:relative;order:2;left:auto;right:auto;top:auto;bottom:auto;height:clamp(200px,52vw,380px)}
  #snt-service-page.service-species .species-hero .hero-art:empty{display:none}
  #snt-service-page.service-species .species-hero .hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
  #snt-service-page.service-species .species-hero .hero-content{order:1;padding:32px 0 36px}
  #snt-service-page.service-species .species-hero .hero-content>p,#snt-service-page.service-species .species-hero .hero-content>h1{max-width:none}
  #snt-service-page.service-species .species-hero .hero-tags{display:flex;flex-wrap:wrap;gap:8px 20px}
}