/* Candidate for the approved 31 parent/11 category allowlist only.
   Homepage-derived colors/fonts; dimensions below are new UX choices. */
.hca-native-catalog,.hca-native-product{
  --hca-text:#555;--hca-heading:#111;--hca-border:#dedede;--hca-panel:#fafafa;
  --hca-link:#1269ae;--hca-link-hover:#0c5794;--hca-action:#707070;
  box-sizing:border-box;min-width:0;max-width:100%;color:var(--hca-text);
  font:400 16px/1.65 Arial,Helvetica,sans-serif;overflow-wrap:anywhere;
}
.hca-native-catalog *,.hca-native-product *{box-sizing:border-box}
.hca-native-catalog .hca-native-sr-only,.hca-native-product .hca-native-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hca-native-catalog [hidden],.hca-native-product [hidden]{display:none!important}
.hca-native-catalog :is(h1,h2,h3),.hca-native-product :is(h1,h2,h3){
  font-family:Arial,Helvetica,sans-serif;font-weight:400;color:var(--hca-heading);line-height:1.35;
}
.hca-native-catalog h1,.hca-native-product h1{font-size:clamp(28px,3vw,36px);margin:0 0 16px;text-transform:none}
.hca-native-catalog h2,.hca-native-product h2{font-size:26px;margin:28px 0 16px}
.hca-native-catalog a,.hca-native-product a{color:var(--hca-link);text-underline-offset:3px}
.hca-native-catalog a:hover,.hca-native-product a:hover{color:var(--hca-link-hover)}
.hca-native-catalog :is(a,button,input,select,summary,[tabindex]):focus-visible,
.hca-native-product :is(a,button,input,select,summary,[tabindex]):focus-visible{outline:3px solid #555;outline-offset:3px}
.hca-native-catalog :is(input,select,button),.hca-native-product :is(input,select,button){font:inherit}
.hca-native-catalog [id],.hca-native-product [id]{scroll-margin-top:110px}
.hca-native-family-links,.hca-native-grid{display:grid;gap:16px;padding:0;margin:20px 0;list-style:none;grid-template-columns:repeat(2,minmax(0,1fr))}
.hca-native-family-links a{display:flex;align-items:center;min-height:56px;padding:12px 16px;background:var(--hca-panel);border:1px solid var(--hca-border);border-radius:4px;font-weight:700}
.hca-native-filter{padding:16px;margin:20px 0;border:1px solid var(--hca-border);border-radius:4px;background:var(--hca-panel)}
.hca-native-filter__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.hca-native-filter label,.hca-native-product label{display:block;margin-bottom:6px;font-weight:700;color:#222}
.hca-native-filter select,.hca-native-product select{width:100%;min-height:46px;padding:8px;border:1px solid #888;border-radius:4px;background:#fff;color:#222}
.hca-native-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--hca-border);border-radius:4px;background:#fff}
.hca-native-card__image{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:10px;background:var(--hca-panel)}
.hca-native-card__image img{display:block;width:100%;height:100%;object-fit:contain}
.hca-native-card__body{display:flex;flex-direction:column;flex:1;padding:14px;min-width:0}
.hca-native-card h3{font-size:18px;margin:0 0 10px}
.hca-native-card h2{font-size:18px;margin:0 0 10px}
.hca-native-card h2 a{color:#222;text-decoration:none}
.hca-native-card h2 a:hover{text-decoration:underline}
.hca-native-card h3 a{color:#222;text-decoration:none}
.hca-native-card h3 a:hover{text-decoration:underline}
.hca-native-card__facts{margin:0 0 12px;font-size:14px;line-height:1.55;color:#555}
.hca-native-card__price{margin:auto 0 8px;padding-top:12px;font-weight:700;color:#222}
.hca-native-card__view{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border:1px solid #bbb;border-radius:4px;text-align:center}
.hca-native-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0}
.hca-native-pagination a,.hca-native-pagination [aria-current="page"]{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:1px solid #bbb;border-radius:4px}
.hca-native-pagination [aria-current="page"]{color:#fff;background:#707070;border-color:#707070}
.hca-native-product__top{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.hca-native-gallery{min-width:0;max-width:100%;margin:0}
.hca-native-gallery__main{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;max-width:100%;background:var(--hca-panel);border:1px solid var(--hca-border);border-radius:4px;overflow:hidden}
.hca-native-gallery__image{display:block;width:100%;height:100%;object-fit:contain}
.hca-native-gallery__thumbs{display:flex;gap:10px;max-width:100%;overflow-x:auto;list-style:none;margin:12px 0 0;padding:4px}
.hca-native-gallery__thumbs li{flex:0 0 68px;margin:0}
.hca-native-gallery__thumbs a{display:flex;width:68px;height:68px;padding:4px;background:#fafafa;border:2px solid #dedede;border-radius:4px}
.hca-native-gallery__thumbs a[aria-current="true"]{border-color:#555}
.hca-native-gallery__thumbs img{display:block;width:100%;height:100%;object-fit:contain}
.hca-native-gallery figcaption,.hca-native-gallery__status{font-size:14px;line-height:1.5;color:#666;margin:10px 0}
.hca-native-variants{margin:18px 0;padding:16px;background:var(--hca-panel);border:1px solid var(--hca-border);border-radius:4px}
.hca-native-variants__links{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:10px 0 0}
.hca-native-variants__links a,.hca-native-variants__links [aria-current="page"]{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #bbb;border-radius:4px;background:#fff}
.hca-native-variants__links [aria-current="page"]{border:2px solid #555;color:#222;font-weight:700}
.hca-native-specs{max-width:100%;overflow-x:auto;border:1px solid var(--hca-border);border-radius:4px;margin:24px 0}
.hca-native-specs table{width:100%;border-collapse:collapse;line-height:1.55}
.hca-native-specs caption{padding:14px;text-align:left;font-weight:700;color:#222;background:#fafafa}
.hca-native-specs th,.hca-native-specs td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--hca-border);overflow-wrap:anywhere}
.hca-native-specs th{width:38%;color:#222;background:#f7f7f7}
.hca-native-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.hca-native-actions :is(a,button){display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid #bbb;border-radius:4px;text-align:center;text-decoration:none}
.hca-native-actions .hca-native-action--primary{background:#707070;border-color:#707070;color:#fff}
.hca-native-actions .hca-native-action--primary:hover{background:#5f5f5f;border-color:#5f5f5f;color:#fff}
.hca-native-actions a[href*="zalo.me/"]{background:#1269ae;border-color:#1269ae;color:#fff}
.hca-native-actions a[href*="zalo.me/"]:hover{background:#0c5794;border-color:#0c5794;color:#fff}
/* Style bridge for the existing quote helper, only inside approved product root.
   Preserve its form, endpoint, CSRF token, fields and server validation. */
.hca-native-product .hca-quote-product{background:#fafafa;color:#555;border-color:#dedede;border-radius:4px;font-family:Arial,Helvetica,sans-serif}
.hca-native-product .hca-quote-product label{color:#222}
.hca-native-product .hca-quote-product input[type="number"]{color:#222;border-color:#888;border-radius:4px}
.hca-native-product .hca-quote-product button{background:#707070;color:#fff;border-color:#707070;border-radius:4px}
.hca-native-product .hca-quote-product button:hover{background:#5f5f5f;border-color:#5f5f5f}
.hca-native-product .hca-quote-product .hca-quote-product-link{color:#1269ae}
.hca-native-product .hca-quote-product :is(a,button,input):focus-visible{outline:3px solid #555;outline-offset:3px}
.hca-native-quote{padding:18px;margin:18px 0;background:#fafafa;border:1px solid #dedede;border-radius:4px}
.hca-native-quote select,.hca-native-quote input{display:block;width:100%;max-width:100%;min-height:46px;padding:10px;border:1px solid #888;border-radius:4px;background:#fff;color:#222;font:inherit}
.hca-native-quote label{margin:12px 0 6px}
.hca-native-note{font-size:14px;line-height:1.6;color:#666;margin:10px 0}
.hca-native-selection{margin:14px 0;padding:12px;border-left:3px solid #707070;color:#222;background:#fff}
.hca-native-submit{display:block;width:100%;min-height:46px;padding:12px 16px;background:#707070;color:#fff;border:1px solid #707070;border-radius:4px;font-weight:700;cursor:pointer}
.hca-native-submit:hover{background:#5f5f5f;border-color:#5f5f5f}
.hca-native-price{color:#222;font-size:22px;margin:16px 0}
.hca-native-descriptors{padding:16px;margin:22px 0;background:#fafafa;border:1px solid #dedede;border-radius:4px}
.hca-native-descriptors summary{min-height:44px;cursor:pointer;font-weight:700;color:#222}
.hca-native-descriptors li{margin:14px 0}
.hca-native-reference-images{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:12px 0}
.hca-native-reference-images li{margin:0}
.hca-native-reference-images a{display:block;width:80px;height:80px;border:1px solid #dedede;padding:4px;background:#fff}
.hca-native-reference-images img{display:block;width:100%;height:100%;object-fit:contain}
.hca-native-product .hca-product-family{font:400 17px/1.65 Arial,Helvetica,sans-serif;color:#555;max-width:100%;overflow-wrap:anywhere}
.hca-native-product .hca-product-family .hca-options-table{max-width:100%;overflow-x:auto;border:1px solid #dedede;border-radius:4px}
.hca-native-product .hca-product-family table{width:100%;min-width:560px;border-collapse:collapse}
.hca-native-product .hca-product-family th,.hca-native-product .hca-product-family td{border-bottom:1px solid #dedede;padding:12px;text-align:left;vertical-align:top}
.hca-native-product .hca-product-family th{background:#f7f7f7;color:#222}
.hca-native-product .hca-options-table img{display:block;width:96px;height:96px;object-fit:contain}
.hca-native-product noscript table{min-width:560px}
@media(min-width:768px){.hca-native-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hca-native-product__top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.hca-native-family-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){.hca-native-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:479px){.hca-native-card__body{padding:12px}.hca-native-actions{display:grid;grid-template-columns:1fr}.hca-native-filter__fields{grid-template-columns:1fr}.hca-native-product .hca-quote-product form{grid-template-columns:1fr}.hca-native-product .hca-quote-product button{min-height:46px}}
@media(prefers-reduced-motion:reduce){.hca-native-catalog *,.hca-native-product *{scroll-behavior:auto;transition:none;animation:none}}

/* Native page shells; loaded only by the two registry-backed templates. */
.hca-native-page{display:block;max-width:100%;padding:28px 0 40px}
.hca-native-page .hca-native-breadcrumb{margin:0 0 24px;font:400 14px/1.6 Arial,Helvetica,sans-serif;color:#555}
.hca-native-page .hca-native-breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;padding:0;margin:0}
.hca-native-page .hca-native-breadcrumb li+li:before{content:"/";padding-right:10px;color:#777}
.hca-native-page .hca-native-breadcrumb a{color:#1269ae;text-decoration:underline;text-underline-offset:3px}
.hca-native-page .hca-native-breadcrumb a:focus-visible{outline:3px solid #555;outline-offset:3px}
.hca-native-page .hca-native-child-categories{margin:24px 0}
.hca-native-page .hca-native-editorial{margin-top:36px}
.hca-native-page .hca-public-price-value,.hca-native-page .hca-native-price,.hca-native-page .hca-native-card__price,
.hca-native-product .hca-public-price-value,.hca-native-catalog .hca-public-price-value{color:#b91c1c}
/* Retained articles are stored as balanced article markup, with no style prefix. */
.hca-native-editorial .hca-catalog-content{font:400 17px/1.65 Arial,Helvetica,sans-serif;color:#555;max-width:100%;overflow-wrap:anywhere}
.hca-native-editorial .hca-catalog-content img{display:block;max-width:100%;height:auto;object-fit:contain}
.hca-native-editorial .hca-catalog-content .hero,.hca-native-editorial .hca-catalog-content .body-image{margin:24px 0}
.hca-native-editorial .hca-catalog-content .hero img{width:100%;max-height:560px}
.hca-native-editorial .hca-catalog-content figcaption{font-size:14px;line-height:1.5;color:#666;margin-top:8px}
.hca-native-editorial .hca-catalog-content .table-scroll{max-width:100%;overflow-x:auto;border:1px solid #dedede;border-radius:4px;margin:24px 0}
.hca-native-editorial .hca-catalog-content table{border-collapse:collapse;width:100%;min-width:560px}
.hca-native-editorial .hca-catalog-content caption{padding:14px;text-align:left;background:#fafafa;color:#222;font-weight:700}
.hca-native-editorial .hca-catalog-content th,.hca-native-editorial .hca-catalog-content td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #dedede}
.hca-native-editorial .hca-catalog-content th{background:#f7f7f7;color:#222}
.hca-native-editorial .hca-catalog-content .category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}
.hca-native-editorial .hca-catalog-content .category-card{padding:16px;background:#fafafa;border:1px solid #dedede;border-radius:4px}
.hca-native-editorial .hca-catalog-content .category-card h3{margin-top:0}
.hca-native-editorial .hca-catalog-content .faq details,.hca-native-editorial .hca-product-family details{border:1px solid #dedede;border-radius:4px;padding:14px 16px;margin:12px 0}
.hca-native-editorial .hca-catalog-content summary,.hca-native-editorial .hca-product-family summary{min-height:44px;cursor:pointer;color:#222;font-weight:700}
.hca-native-editorial .hca-catalog-content .cta{padding:20px;background:#fafafa;border:1px solid #dedede;border-radius:4px;margin:28px 0}
.hca-native-editorial .hca-catalog-content .cta-links{display:flex;flex-wrap:wrap;gap:10px}
.hca-native-editorial .hca-catalog-content .cta-links a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid #bbb;border-radius:4px;text-decoration:none;color:#222;background:#fff}
.hca-native-editorial .hca-catalog-content .cta-links a[href^="tel:"]{background:#707070;color:#fff;border-color:#707070}
.hca-native-editorial .hca-catalog-content .cta-links a[href*="zalo.me/"]{background:#1269ae;color:#fff;border-color:#1269ae}
.hca-native-editorial .hca-catalog-content .editorial-note{padding:16px;margin:24px 0;border:1px solid #dedede;border-radius:4px;color:#666;font-size:14px}
@media(max-width:479px){.hca-native-page{padding-top:18px}.hca-native-editorial .hca-catalog-content .cta-links{display:grid;grid-template-columns:1fr}}

/* Canonical product option table: preserve words and scroll within its region. */
.hca-native-product .hca-product-family .hca-options-table table{min-width:960px}
.hca-native-product .hca-product-family .hca-options-table th,.hca-native-product .hca-product-family .hca-options-table td{overflow-wrap:normal;word-break:normal}
