/* Phi Hung components. Shared AZ color/font/container settings remain editable. */
.az-site.az-child-ph-site {
  --az-child-ph-primary: var(--az-color-primary, #ffad32);
  --az-child-ph-heading: var(--az-color-heading, #ef3c32);
  --az-child-ph-text: var(--az-color-text, #333);
  --az-child-ph-muted: var(--az-color-muted, #777);
  background: var(--az-color-surface, #fff);
  color: var(--az-child-ph-text);
  font-family: var(--az-font-main, Arial, sans-serif);
}
.az-child-ph-home, .az-child-ph-footer { box-sizing: border-box; }
.az-child-ph-home *, .az-child-ph-footer * { box-sizing: inherit; }
.az-child-ph-home [hidden] { display: none; }
.az-child-ph-home a, .az-child-ph-footer a { color: inherit; text-decoration: none; }
.az-child-ph-home a:hover { color: var(--az-child-ph-heading); }
.az-child-ph-site :is(a, button, input, summary):focus-visible { outline: 2px solid var(--az-child-ph-heading); outline-offset: 3px; }
.az-child-ph-container { width: calc(100% - var(--az-mobile-gutter, 24px) * 2); max-width: var(--az-container, 1110px); margin-inline: auto; }
.az-child-ph-site .az-shared-header { position: relative; z-index: 20; background: var(--az-color-surface, #fff); color: var(--az-child-ph-text); box-shadow: 0 1px 4px #0000000a; }
.az-child-ph-site .az-shared-header .az-steel-topbar { background: var(--az-child-ph-primary); color: #fff; }
.az-child-ph-site .az-shared-topbar { min-height: 30px; padding-block: 3px; font-size: 12px; }
.az-child-ph-site .az-shared-brandbar { min-height: var(--az-header-main-height, 78px); gap: 20px; }
.az-child-ph-site .az-steel-logo { flex: 0 0 auto; }
.az-child-ph-site .az-steel-logo .az-logo { display: block; }
.az-child-ph-site .az-steel-logo img { display: block; width: var(--az-child-ph-logo, 86px); height: auto; max-height: none; }
.az-child-ph-site .az-child-ph-navigation { margin-left: auto; min-width: 0; }
.az-child-ph-site .az-steel-menu { flex-wrap: wrap; justify-content: flex-end; gap: 0; }
.az-child-ph-site .az-steel-menu > li > a { padding: 14px 10px; color: var(--az-menu-text, #333); font-size: var(--az-navigation-size, 14px); font-weight: var(--az-navigation-weight, 600); text-transform: uppercase; }
.az-child-ph-site .az-steel-menu > li > a:hover { color: var(--az-menu-hover-text); background: var(--az-menu-hover-background); }
.az-child-ph-site .az-steel-menu > .current-menu-item > a { color: var(--az-menu-active-text); background: var(--az-menu-active-background); }
.az-child-ph-site .az-steel-primary { background: var(--az-menu-background, #fff); }
.az-child-ph-site .az-steel-search { flex: 0 1 170px; min-width: 42px; max-width: 210px; height: 38px; border: 1px solid var(--az-color-border, #e5e5e5); border-radius: var(--az-radius-sm, 4px); background: var(--az-color-surface, #fff); }
.az-child-ph-site .az-steel-search input[type="search"] { min-width: 0; width: 100%; height: 36px; padding-inline: 9px; font-size: 12px; }
.az-child-ph-site .az-steel-search__button { flex: 0 0 36px; width: 36px; height: 36px; padding: 9px; background: transparent; color: var(--az-child-ph-text); }
.az-child-ph-site .az-shared-utilities { flex-wrap: wrap; }
.az-child-ph-site .az-steel-navband { background: var(--az-menu-background); }
.az-child-ph-site .az-steel-sticky-header { background: var(--az-color-surface, #fff); }
.az-child-ph-site .az-mobile-menu { background: var(--az-child-ph-primary); color: var(--az-child-ph-text); }
.az-child-ph-home { font-size: 13px; line-height: 1.55; }
.az-child-ph-home .az-child-carousel__slide img { width: 100%; height: var(--az-child-banner-height, auto); object-fit: cover; }
.az-child-ph-home .az-child-carousel__copy { color: #fff; }
.az-child-ph-home .az-child-carousel__copy h2 { color: inherit; font-size: clamp(20px, 3vw, 38px); }
.az-child-ph-featured { display: grid; grid-template-columns: minmax(0, 2.15fr) minmax(220px, 1fr); gap: 16px; align-items: stretch; padding-block: 36px 20px; }
.az-child-ph-featured:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
.az-child-ph-panel { padding: 14px; border: 1px solid var(--az-color-border, #e5e5e5); border-radius: 2px; background: var(--az-color-surface, #fff); min-width: 0; }
.az-child-ph-home .az-child-ph-heading { display: flex; gap: 8px; align-items: center; margin: 0 0 20px; padding: 0 0 9px; border-bottom: 1px solid var(--az-color-border, #e5e5e5); color: var(--az-child-ph-heading); font: 600 16px/1.4 var(--az-font-heading, Arial, sans-serif); text-align: left; text-transform: uppercase; }
.az-child-ph-heading > span { font-size: 19px; font-weight: 400; }
.az-child-ph-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 18px; }
.az-child-ph-card { min-width: 0; }
.az-child-ph-card__link { display: block; height: 100%; }
.az-child-ph-card__link img, .az-child-ph-card__placeholder { display: block; width: 100%; aspect-ratio: 1.45; height: auto; object-fit: cover; border-radius: 5px; }
.az-child-ph-card__placeholder { display: grid; place-items: center; background: var(--az-color-page, #f4f6f8); color: var(--az-child-ph-muted); }
.az-child-ph-card__placeholder svg { width: 40px; height: 40px; }
.az-child-ph-home .az-child-ph-card h3 { margin: 8px 0 3px; color: var(--az-child-ph-text); font: 600 14px/1.35 var(--az-font-main, Arial, sans-serif); text-transform: none; }
.az-child-ph-card__date { color: var(--az-child-ph-muted); font-size: 10px; }
.az-child-ph-card p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 5px 0 0; color: var(--az-child-ph-muted); font-size: 12px; line-height: 1.55; }
.az-child-ph-card a:hover h3 { color: var(--az-child-ph-heading); }
.az-child-ph-featured .az-child-ph-cards { gap: 12px; }
.az-child-ph-featured .az-child-ph-card h3 { font-size: 13px; }
.az-child-ph-panel--compact .az-child-ph-cards { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.az-child-ph-panel--compact .az-child-ph-card__link { display: grid; grid-template-columns: 94px minmax(0, 1fr); gap: 10px; align-items: start; }
.az-child-ph-panel--compact .az-child-ph-card h3 { margin-top: 0; }
.az-child-ph-panel--compact .az-child-ph-card img { aspect-ratio: 1.4; border-radius: 0; }
.az-child-ph-featured .az-child-ph-panel--compact { border-color: #ffd491; background: #fffbf4; }
.az-child-ph-featured .az-child-ph-panel--compact .az-child-ph-card__link { grid-template-columns: 75px minmax(0, 1fr); }
.az-child-ph-featured .az-child-ph-panel--compact .az-child-ph-card p { display: none; }
.az-child-ph-services { padding-block: 28px; background: #fffbef; }
.az-child-ph-service-group { padding-block: 28px 0; }
.az-child-ph-service-group:has(> :last-child) { margin-bottom: 28px; }
.az-child-ph-empty { padding-block: 20px; color: var(--az-child-ph-muted); }
.az-child-ph-empty a { text-decoration: underline; }
.az-child-ph-cta { padding: 22px 0; background: #d79630; background-size: cover; background-position: center; color: #fff; text-align: center; }
.az-child-ph-cta p { margin: 0 0 14px; font-size: 16px; }
.az-child-ph-button { display: inline-flex; gap: 8px; justify-content: center; align-items: center; min-height: 36px; padding: 7px 20px; border-radius: 25px; background: var(--az-child-ph-primary); color: #fff; font-size: 13px; font-weight: 600; }
.az-child-ph-button svg { width: 16px; height: 16px; }
.az-child-ph-home a.az-child-ph-button:hover, .az-child-ph-footer a.az-child-ph-button:hover { filter: brightness(.94); color: #fff; }
.az-child-ph-about { display: flex; gap: 20px; padding-block: 40px; }
.az-child-ph-about__image { display: block; align-self: flex-start; width: 32%; height: auto; aspect-ratio: 1.25; object-fit: cover; }
.az-child-ph-about > div { flex: 1; min-width: 0; }
.az-child-ph-about__description p { margin: 0 0 18px; color: var(--az-child-ph-muted); }
.az-child-ph-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; padding: 0; margin: 0; list-style: none; }
.az-child-ph-benefits li { display: flex; gap: 12px; align-items: center; font-size: 14px; }
.az-child-ph-benefits li > span { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 7px; color: #fff; background: var(--az-child-ph-primary); }
.az-child-ph-benefits li:nth-child(2n) > span { background: #287bc1; }
.az-child-ph-benefits li:nth-child(3n) > span { background: #8eb53a; }
.az-child-ph-benefits li:nth-child(5n) > span { background: #fb6b45; }
.az-child-ph-benefits svg { width: 17px; height: 17px; }
.az-child-ph-news { padding: 28px 0; background: #fffdf0; }
.az-child-ph-news .az-child-ph-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 30px; }
.az-child-ph-news .az-child-ph-card__link { grid-template-columns: 130px minmax(0, 1fr); }
.az-child-ph-news .az-child-ph-card p { -webkit-line-clamp: 2; }
.az-child-ph-footer { background-color: #201f1a; background-position: center; background-size: cover; color: #ddd; font-size: 13px; line-height: 1.6; }
.az-child-ph-footer__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; padding-block: 36px 66px; }
.az-child-ph-footer h2 { margin: 0 0 24px; padding-bottom: 7px; border-bottom: 1px solid #ffffff73; color: #eae4d6; font: 600 17px/1.4 var(--az-font-heading, Arial, sans-serif); }
.az-child-ph-footer p { margin: 14px 0; }
.az-child-ph-footer__logo img { width: 120px; height: auto; }
.az-child-ph-footer__buttons { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 18px; }
.az-child-ph-footer .az-child-ph-button { min-height: 32px; font-size: 12px; }
.az-child-ph-button--red { background: var(--az-child-ph-heading); }
.az-child-ph-footer__contacts, .az-child-ph-footer__menu { padding: 0; margin: 0; list-style: none; }
.az-child-ph-footer__contacts li { overflow-wrap: anywhere; }
.az-child-ph-footer__note { color: var(--az-child-ph-primary); }
.az-child-ph-footer a:hover { color: var(--az-child-ph-primary); }
.az-child-ph-footer .az-steel-social { display: flex; flex-wrap: wrap; gap: 12px; padding: 0; margin: 0 0 24px; }
.az-child-ph-footer .az-steel-social a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--az-social-color, #365795); color: #fff; }
.az-child-ph-footer .az-steel-social svg { width: 26px; height: 26px; }
.az-child-ph-footer__profile img { width: 160px; max-width: 100%; height: auto; }
.az-child-ph-footer__copyright { padding: 12px 24px; background: #141414c9; color: #bbb; text-align: center; }
@media (min-width: 783px) {
  .az-child-ph-site .az-shared-header.az-child-home-overlay { position: absolute; inset: 0 0 auto; background: #fffffff0; }
  .az-child-ph-site .az-child-home-overlay ~ .az-child-ph-home .az-child-carousel__arrow { top: 80%; }
}
@media (max-width: 1100px) and (min-width: 783px) {
  .az-child-ph-site .az-shared-brandbar { flex-wrap: wrap; gap: 12px; padding-block: 10px; }
  .az-child-ph-site .az-child-ph-navigation { order: 4; flex-basis: 100%; }
  .az-child-ph-site .az-steel-menu { justify-content: center; }
  .az-child-ph-site .az-steel-search { margin-left: auto; }
}
@media (max-width: 960px) {
  .az-child-ph-featured { grid-template-columns: minmax(0, 1fr); }
  .az-child-ph-featured .az-child-ph-panel--compact .az-child-ph-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .az-child-ph-news .az-child-ph-card__link { grid-template-columns: 95px minmax(0, 1fr); }
  .az-child-ph-footer__grid { gap: 22px; }
}
@media (max-width: 782px) {
  .az-child-ph-site .az-shared-header.az-child-home-overlay { position: relative; background: var(--az-color-surface, #fff); }
  .az-child-ph-site .az-shared-brandbar { flex-wrap: wrap; gap: 14px; padding-block: 12px; }
  .az-child-ph-site .az-child-ph-navigation { order: 5; width: 100%; margin: 0; }
  .az-child-ph-site:has(> .az-mobile-menu) .az-child-ph-navigation { display: none; }
  .az-child-ph-site .az-steel-menu { justify-content: flex-start; }
  .az-child-ph-site .az-steel-logo img { width: var(--az-child-ph-logo-mobile, 70px); }
  .az-child-ph-site .az-steel-search { flex: 1 1 140px; margin-left: auto; }
  .az-child-ph-home .az-child-carousel__slide img { height: var(--az-child-banner-mobile-height, auto); }
  .az-child-ph-home .az-child-carousel__copy { position: relative; inset: auto; width: 100%; padding: 16px; transform: none; }
  .az-child-ph-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 14px; }
  .az-child-ph-featured { padding-top: 24px; }
  .az-child-ph-news .az-child-ph-cards { grid-template-columns: minmax(0, 1fr); }
  .az-child-ph-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .az-child-ph-footer__grid > :last-child { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .az-child-ph-container { width: calc(100% - 28px); }
  .az-child-ph-panel { padding: 12px; }
  .az-child-ph-featured .az-child-ph-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .az-child-ph-featured .az-child-ph-panel--compact .az-child-ph-cards { grid-template-columns: minmax(0, 1fr); }
  .az-child-ph-home .az-child-ph-heading { font-size: 15px; gap: 6px; margin-bottom: 16px; }
  .az-child-ph-home .az-child-ph-card h3 { font-size: 13px; }
  .az-child-ph-card p { font-size: 11px; }
  .az-child-ph-about { flex-direction: column; padding-block: 28px; }
  .az-child-ph-about__image { width: 100%; aspect-ratio: 1.8; }
  .az-child-ph-benefits { gap: 12px; }
  .az-child-ph-benefits li { gap: 8px; font-size: 12px; }
  .az-child-ph-footer__grid { grid-template-columns: minmax(0, 1fr); padding-bottom: 40px; }
  .az-child-ph-footer__grid > :last-child { grid-column: auto; }
  .az-child-ph-cta p { font-size: 14px; }
}
/* Match the specificity of the retained shared header asset. */
#page.az-child-ph-site .az-shared-header .az-shared-brandbar { gap: 20px; height: auto; min-height: var(--az-header-main-height, 78px); }
.az-child-ph-heading > span svg { display: block; width: 18px; height: 18px; }
@media (max-width: 1100px) and (min-width: 783px) {
  #page.az-child-ph-site .az-shared-header .az-shared-brandbar { flex-wrap: wrap; }
}
@media (max-width: 782px) {
  #page.az-child-ph-site .az-shared-header .az-shared-brandbar { flex-wrap: wrap; gap: 14px; }
}
#page.az-child-ph-site .az-shared-header .az-steel-topbar { background: var(--az-child-ph-primary); color: #fff; }
#page.az-child-ph-site .az-shared-header .az-logo img { width: var(--az-child-ph-logo, 86px); max-height: calc(var(--az-header-main-height, 78px) - 14px); object-fit: contain; }
.az-child-ph-footer .az-steel-social { flex-direction: column; align-items: flex-start; }
.az-child-ph-footer .az-steel-social a { display: flex; gap: 14px; width: auto; background: transparent; }
.az-child-ph-footer .az-steel-social a::after { content: attr(aria-label); color: var(--az-child-ph-primary); }
.az-child-ph-footer .az-steel-social a svg { box-sizing: content-box; width: 24px; height: 24px; padding: 9px; border-radius: 50%; background: #3e63a5; --az-steel-tint: #3e63a5; }
.az-child-ph-footer .az-steel-social a[aria-label="YouTube"] svg { background: #ef252d; --az-steel-tint: #ef252d; }
@media (max-width: 782px) {
  #page.az-child-ph-site .az-shared-header .az-logo img { width: var(--az-child-ph-logo-mobile, 70px); }
}
.az-child-ph-footer__profile h3 { margin: 16px 0 10px; font-size: 15px; color: inherit; }
.az-child-ph-featured:not(:has(> section)),
.az-child-ph-services:not(:has(section)),
.az-child-ph-service-group:not(:has(section)),
.az-child-ph-news:not(:has(section)) { display: none; }