/* CMK site-wide text contrast repair — loaded after theme, homepage, footer and catalog styles */
:root{--cmk-readable-ink:#153b2b;--cmk-readable-muted:#425f50;--cmk-readable-white:#fff;--cmk-readable-red:#c62828}
body.cameraminhkhang{color:var(--cmk-readable-ink)}
/* Dark/green hero areas: force every heading fragment and paragraph to readable white. */
body.cameraminhkhang .cmk-modern-hero,
body.cameraminhkhang .cmk-hero,
body.cameraminhkhang .cmk-directory-hero,
body.cameraminhkhang .cmk-modern-cta{color:#fff!important}
body.cameraminhkhang .cmk-modern-hero h1,
body.cameraminhkhang .cmk-modern-hero h1 *,
body.cameraminhkhang .cmk-modern-hero-copy h1,
body.cameraminhkhang .cmk-modern-hero-copy h1 *,
body.cameraminhkhang .cmk-hero h1,
body.cameraminhkhang .cmk-hero h1 *,
body.cameraminhkhang .cmk-modern-hero h2,
body.cameraminhkhang .cmk-hero h2{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.18)}
body.cameraminhkhang .cmk-modern-hero h1 em,
body.cameraminhkhang .cmk-modern-hero h1 em *,
body.cameraminhkhang .cmk-modern-hero-copy h1 em,
body.cameraminhkhang .cmk-hero h1 em{color:#9af2c4!important;-webkit-text-fill-color:#9af2c4!important}
body.cameraminhkhang .cmk-modern-hero p,
body.cameraminhkhang .cmk-modern-hero-copy p,
body.cameraminhkhang .cmk-hero p,
body.cameraminhkhang .cmk-directory-hero p,
body.cameraminhkhang .cmk-modern-cta p{color:#f0fff6!important;-webkit-text-fill-color:#f0fff6!important}
body.cameraminhkhang .cmk-modern-hero .cmk-eyebrow,
body.cameraminhkhang .cmk-hero .cmk-kicker,
body.cameraminhkhang .cmk-modern-hero .cmk-eyebrow-light{color:#b9f8d5!important;-webkit-text-fill-color:#b9f8d5!important}
body.cameraminhkhang .cmk-modern-hero a:not(.cmk-button),
body.cameraminhkhang .cmk-hero a:not(.cmk-btn){color:#fff!important}
body.cameraminhkhang .cmk-modern-hero .cmk-button-primary,
body.cameraminhkhang .cmk-hero .cmk-btn-primary{color:#073e2c!important;-webkit-text-fill-color:#073e2c!important}
/* General content on white/light surfaces: dark text, never pale gray or white. */
body.cameraminhkhang .entry-content,
body.cameraminhkhang .page-content,
body.cameraminhkhang .cmk-about-page,
body.cameraminhkhang .cmk-catalog-page,
body.cameraminhkhang .cmk-modern-section,
body.cameraminhkhang .cmk-catalog-results,
body.cameraminhkhang .cmk-directory-card,
body.cameraminhkhang .cmk-modern-product-body,
body.cameraminhkhang .cmk-modern-news-card>div{color:var(--cmk-readable-ink)}
body.cameraminhkhang .entry-content h1,
body.cameraminhkhang .entry-content h2,
body.cameraminhkhang .entry-content h3,
body.cameraminhkhang .page-content h1,
body.cameraminhkhang .page-content h2,
body.cameraminhkhang .page-content h3,
body.cameraminhkhang .cmk-about-page h1,
body.cameraminhkhang .cmk-about-page h2,
body.cameraminhkhang .cmk-about-page h3,
body.cameraminhkhang .cmk-catalog-page h1,
body.cameraminhkhang .cmk-catalog-page h2,
body.cameraminhkhang .cmk-catalog-page h3,
body.cameraminhkhang .cmk-modern-section h2,
body.cameraminhkhang .cmk-modern-section h3{color:#153b2b!important;-webkit-text-fill-color:#153b2b!important}
body.cameraminhkhang .entry-content p,
body.cameraminhkhang .entry-content li,
body.cameraminhkhang .page-content p,
body.cameraminhkhang .page-content li,
body.cameraminhkhang .cmk-about-page p,
body.cameraminhkhang .cmk-about-page li,
body.cameraminhkhang .cmk-catalog-page p{color:#425f50}
body.cameraminhkhang .entry-content a,
body.cameraminhkhang .page-content a,
body.cameraminhkhang .cmk-about-page a{color:#087f45}
body.cameraminhkhang .entry-content a:hover,
body.cameraminhkhang .page-content a:hover,
body.cameraminhkhang .cmk-about-page a:hover{color:#c62828}
/* Keep red for emphasis/alerts only, with strong contrast against light backgrounds. */
body.cameraminhkhang .cmk-modern-product-tag,
body.cameraminhkhang .cmk-modern-product-brand,
body.cameraminhkhang .cmk-eyebrow,
body.cameraminhkhang .cmk-directory-card-copy small{color:#245a40}
body.cameraminhkhang .cmk-modern-product-buy{color:#fff!important;-webkit-text-fill-color:#fff!important}
body.cameraminhkhang .cmk-footer,
body.cameraminhkhang #footer.cmk-footer{color:#f5fff8}
body.cameraminhkhang #footer.cmk-footer h1,
body.cameraminhkhang #footer.cmk-footer h2,
body.cameraminhkhang #footer.cmk-footer h3,
body.cameraminhkhang #footer.cmk-footer p,
body.cameraminhkhang #footer.cmk-footer li{color:#f5fff8}
body.cameraminhkhang #footer.cmk-footer a{color:#b8f5d4}
body.cameraminhkhang #footer.cmk-footer a:hover{color:#fff}
/* Inputs must remain legible when browsers apply theme defaults. */
body.cameraminhkhang input,
body.cameraminhkhang select,
body.cameraminhkhang textarea{color:#173b2b}
body.cameraminhkhang input::placeholder,
body.cameraminhkhang textarea::placeholder{color:#667a6e;opacity:1}
/* Homepage v2 hero: explicitly target the current markup shown on the live homepage. */
body.cameraminhkhang .cmk-home-v2 .cmk-v2-hero{color:#fff!important}
body.cameraminhkhang .cmk-home-v2 .cmk-v2-hero-copy h1,
body.cameraminhkhang .cmk-home-v2 .cmk-v2-hero-copy h1 *{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.2)!important}
body.cameraminhkhang .cmk-home-v2 .cmk-v2-hero-copy h1 span{color:#a4f5ca!important;-webkit-text-fill-color:#a4f5ca!important}
body.cameraminhkhang .cmk-home-v2 .cmk-v2-hero-copy p{color:#f0fff6!important;-webkit-text-fill-color:#f0fff6!important;text-shadow:0 1px 3px rgba(0,0,0,.18)!important}
body.cameraminhkhang .cmk-home-v2 .cmk-v2-eyebrow,
body.cameraminhkhang .cmk-home-v2 .cmk-v2-hero-points,
body.cameraminhkhang .cmk-home-v2 .cmk-v2-hero-points span,
body.cameraminhkhang .cmk-home-v2 .cmk-v2-hero-points i{color:#c7f9dc!important;-webkit-text-fill-color:#c7f9dc!important}
body.cameraminhkhang .cmk-home-v2 .cmk-v2-phone-link,
body.cameraminhkhang .cmk-home-v2 .cmk-v2-phone-link strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
body.cameraminhkhang .cmk-home-v2 .cmk-v2-btn-primary{background:#16c78a!important;color:#063d2a!important}
body.cameraminhkhang .cmk-home-v2 .cmk-v2-btn-primary,
body.cameraminhkhang .cmk-home-v2 .cmk-v2-btn-primary *{color:#063d2a!important;-webkit-text-fill-color:#063d2a!important}
body.cameraminhkhang .cmk-home-v2 .cmk-v2-btn-light,
body.cameraminhkhang .cmk-home-v2 .cmk-v2-btn-light *{color:#fff!important;-webkit-text-fill-color:#fff!important}
/* SITE-WIDE FINAL CONTRAST PASS: all page templates, navigation, cards, widgets and links. */
body.cameraminhkhang :where(a, a:visited){color:#087f45}
body.cameraminhkhang :where(a:hover, a:focus-visible){color:#b42318;text-decoration:underline;text-underline-offset:3px}
body.cameraminhkhang :where(.entry-content,.page-content,.post-content,.article-inner,.woocommerce-Tabs-panel,.widget,main) :where(p,li,dd,dt,blockquote,figcaption,label,small){color:#334b3d}
body.cameraminhkhang :where(.entry-content,.page-content,.post-content,.article-inner,main) :where(h1,h2,h3,h4,h5,h6){color:#153b2b;-webkit-text-fill-color:#153b2b}
/* Site header and navigation: preserve readable text on light and dark menu surfaces. */
body.cameraminhkhang :where(#header,.header-wrapper,.header-main,.header-bottom,.mobile-sidebar,.off-canvas,.nav-dropdown,.header-nav) a{color:#153b2b}
body.cameraminhkhang :where(.header-bottom,.mobile-sidebar,.off-canvas) :where(.nav>li>a,.menu-item>a,.nav-dropdown a){color:#153b2b}
body.cameraminhkhang :where(.header-nav-dark,.header-bottom.nav-dark,#header .nav-dark,.mobile-sidebar.dark,.off-canvas.dark) a{color:#fff}
body.cameraminhkhang :where(.header-nav-dark,.header-bottom.nav-dark,#header .nav-dark,.mobile-sidebar.dark,.off-canvas.dark) a:hover{color:#b9f8d5}
/* Product grids, blog cards, breadcrumbs, pagination and category tiles. */
body.cameraminhkhang :where(.product-title,.woocommerce-loop-product__title,.woocommerce-breadcrumb,.breadcrumbs,.page-numbers,.post-title,.blog-post-inner,.box-text,.category-title,.cmk-directory-card,.cmk-modern-news-card,.cmk-modern-product-body) a{color:#087f45}
body.cameraminhkhang :where(.product-title,.woocommerce-loop-product__title,.post-title,.category-title) a{color:#153b2b}
body.cameraminhkhang :where(.product-title,.woocommerce-loop-product__title,.post-title,.category-title) a:hover{color:#b42318}
body.cameraminhkhang :where(.button,button,input[type=submit],input[type=button],.wp-element-button,.wc-block-components-button,.added_to_cart,.checkout-button,.single_add_to_cart_button,.add_to_cart_button){color:#fff!important;-webkit-text-fill-color:#fff!important}
body.cameraminhkhang :where(.button-primary,.primary,.cmk-v2-btn-primary){color:#073e2c!important;-webkit-text-fill-color:#073e2c!important}
/* Footer is a dark surface; keep footer links/text light. */
body.cameraminhkhang :where(#footer,.footer-wrapper,.absolute-footer,.cmk-footer) :where(p,li,small,span,strong,h1,h2,h3,h4){color:#f5fff8}
body.cameraminhkhang :where(#footer,.footer-wrapper,.absolute-footer,.cmk-footer) a{color:#b9f8d5}
body.cameraminhkhang :where(#footer,.footer-wrapper,.absolute-footer,.cmk-footer) a:hover{color:#fff}
/* Forms and supporting copy. */
body.cameraminhkhang :where(label,.form-row label,.woocommerce-form-login label,.woocommerce-privacy-policy-text,.comment-form label){color:#294638}
body.cameraminhkhang :where(input,select,textarea){color:#173b2b}
body.cameraminhkhang :where(input,textarea)::placeholder{color:#64786b;opacity:1}
/* Giới thiệu hero: force readable white text on green gradient. */
body.cameraminhkhang .cmk-about-page .cmk-about-hero,
body.cameraminhkhang .cmk-about-hero,
body.cameraminhkhang .cmk-about-hero *{color:#fff!important}
body.cameraminhkhang .cmk-about-hero :where(h1,h2,h3,p,li,strong,span,small,a){-webkit-text-fill-color:#fff!important}
body.cameraminhkhang .cmk-about-hero :where(h1,h2,h3){color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.28)!important}
body.cameraminhkhang .cmk-about-hero :where(p,.lead,.description,.subtitle){color:#f4fff8!important;-webkit-text-fill-color:#f4fff8!important;text-shadow:0 1px 4px rgba(0,0,0,.25)!important}
body.cameraminhkhang .cmk-about-hero :where(.eyebrow,.badge,.label){color:#c7f9dc!important;-webkit-text-fill-color:#c7f9dc!important}
/* Keep text on the light service chips readable. */
body.cameraminhkhang .cmk-about-hero :where(.cmk-about-chip,.cmk-about-floating,.cmk-about-tag,.service-chip,.hero-chip){background:#fff!important;color:#075c39!important;-webkit-text-fill-color:#075c39!important}
body.cameraminhkhang .cmk-about-hero :where(.cmk-about-chip,.cmk-about-floating,.cmk-about-tag,.service-chip,.hero-chip) *{color:#075c39!important;-webkit-text-fill-color:#075c39!important}
/* Final readability and hierarchy pass for every section of the About page. */
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-hero h1,
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-hero h1 em,
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-hero h1 *{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.28)!important}
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-hero .cmk-about-kicker,
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-hero .cmk-about-kicker *{color:#c7f9dc!important;-webkit-text-fill-color:#c7f9dc!important}
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-hero-copy>p{color:#f4fff8!important;-webkit-text-fill-color:#f4fff8!important;text-shadow:0 1px 4px rgba(0,0,0,.25)!important;font-size:16px;line-height:1.85}
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-hero-points,
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-hero-points *{color:#d9fbe7!important;-webkit-text-fill-color:#d9fbe7!important}
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-art-main,
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-art-main *{color:#fff!important;-webkit-text-fill-color:#fff!important}
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-art-main strong{color:#c7f9dc!important;-webkit-text-fill-color:#c7f9dc!important}
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-art-main small{color:#f4fff8!important;-webkit-text-fill-color:#f4fff8!important}
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-art-chip,
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-art-chip *{background-color:transparent;color:#075c39!important;-webkit-text-fill-color:#075c39!important}
body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-art-chip{background:#fff!important}
/* Darken body copy and supporting labels on the light sections. */
body.cameraminhkhang .cmk-about-page :where(.cmk-about-intro>p,.cmk-about-intro-aside span,.cmk-about-section-heading>p,.cmk-about-service-grid p,.cmk-about-steps p,.cmk-about-value-list p,.cmk-about-coverage p){color:#40594a!important}
body.cameraminhkhang .cmk-about-page :where(.cmk-about-intro h2,.cmk-about-section-heading h2,.cmk-about-values h2,.cmk-about-contact h2,.cmk-about-coverage h2,.cmk-about-service-grid h3,.cmk-about-steps h3,.cmk-about-value-list h3){color:#123b29!important}
body.cameraminhkhang .cmk-about-page :where(.cmk-about-section-label){color:#087b45!important}
body.cameraminhkhang .cmk-about-page .cmk-about-intro-aside p{color:#16452e!important}
body.cameraminhkhang .cmk-about-page .cmk-about-service-grid a{color:#087f45!important}
body.cameraminhkhang .cmk-about-page .cmk-about-contact :where(.cmk-about-contact-head>p,.cmk-about-contact-copy small,.cmk-about-contact-copy em,.cmk-about-company-details small,.cmk-about-contact-bottom p){color:#effff5!important}
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-company-details a{color:#fff!important;text-decoration:underline!important;text-underline-offset:3px}
@media(max-width:620px){body.cameraminhkhang.cameraminhkhang .cmk-about-page .cmk-about-hero-copy>p{font-size:14px;line-height:1.8}}
/* FIX: About contact panel heading and label were inheriting dark text on green. */
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-head .cmk-about-section-label,
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-section-label{color:#bff8d6!important;-webkit-text-fill-color:#bff8d6!important;text-shadow:0 1px 2px rgba(0,0,0,.25)!important}
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-head h2,
body.cameraminhkhang .cmk-about-page .cmk-about-contact h2{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 7px rgba(0,0,0,.3)!important}
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-head p{color:#f3fff7!important;-webkit-text-fill-color:#f3fff7!important;text-shadow:0 1px 3px rgba(0,0,0,.25)!important}
/* Contact card text: white primary text, brighter supporting text, high-contrast icons. */
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-card,
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-card *{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.18)}
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-copy small,
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-copy em{color:#eafff1!important;-webkit-text-fill-color:#eafff1!important}
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-icon{background:rgba(255,255,255,.2)!important;color:#fff!important}
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-icon i,
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-arrow{color:#fff!important;-webkit-text-fill-color:#fff!important}
/* Company details and CTA strip remain light on the green background. */
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-company-details,
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-company-details *{color:#f4fff8!important;-webkit-text-fill-color:#f4fff8!important}
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-company-details strong,
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-bottom p strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-bottom p{color:#f3fff7!important;-webkit-text-fill-color:#f3fff7!important}
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-bottom .cmk-about-btn-white,
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-bottom .cmk-about-btn-white *{color:#075b35!important;-webkit-text-fill-color:#075b35!important;text-shadow:none!important}
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-bottom .cmk-about-btn-outline,
body.cameraminhkhang .cmk-about-page .cmk-about-contact .cmk-about-contact-bottom .cmk-about-btn-outline *{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
/* Layout refinement: align all About page sections to one grid and balance lower content. */
body.cameraminhkhang .cmk-about-page .cmk-about-wrap{width:min(1240px,calc(100% - 44px));margin-inline:auto}
body.cameraminhkhang .cmk-about-page :is(.cmk-about-intro,.cmk-about-services,.cmk-about-process,.cmk-about-values,.cmk-about-coverage,.cmk-about-contact){box-sizing:border-box;width:100%;min-width:0}
body.cameraminhkhang .cmk-about-page :is(.cmk-about-intro,.cmk-about-services,.cmk-about-process,.cmk-about-values,.cmk-about-contact){margin-top:24px;padding:clamp(26px,3vw,40px)}
body.cameraminhkhang .cmk-about-page .cmk-about-coverage{margin-top:24px;padding:26px 30px;align-items:center}
/* Clear heading rows and consistent section rhythm. */
body.cameraminhkhang .cmk-about-page .cmk-about-section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);align-items:end;gap:24px;margin-bottom:24px}
body.cameraminhkhang .cmk-about-page .cmk-about-section-heading>p{max-width:none;margin:0!important}
body.cameraminhkhang .cmk-about-page .cmk-about-intro-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:28px;align-items:center}
body.cameraminhkhang .cmk-about-page .cmk-about-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.cameraminhkhang .cmk-about-page .cmk-about-service-grid article{display:flex;flex-direction:column;min-width:0;height:100%;box-sizing:border-box;padding:24px}
body.cameraminhkhang .cmk-about-page .cmk-about-service-grid article p{flex:1;margin-bottom:18px;font-size:13px;line-height:1.8}
body.cameraminhkhang .cmk-about-page .cmk-about-service-grid article a{align-self:flex-start;margin-top:auto}
body.cameraminhkhang .cmk-about-page .cmk-about-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.cameraminhkhang .cmk-about-page .cmk-about-steps article{height:100%;box-sizing:border-box;align-items:flex-start;padding:20px}
body.cameraminhkhang .cmk-about-page .cmk-about-values{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:34px;align-items:start}
body.cameraminhkhang .cmk-about-page .cmk-about-value-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.cameraminhkhang .cmk-about-page .cmk-about-value-list article{height:100%;box-sizing:border-box;padding:18px}
body.cameraminhkhang .cmk-about-page .cmk-about-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.cameraminhkhang .cmk-about-page .cmk-about-contact-card{box-sizing:border-box;min-height:86px;padding:18px}
body.cameraminhkhang .cmk-about-page .cmk-about-company-details{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:4px;padding:18px 0}
body.cameraminhkhang .cmk-about-page .cmk-about-company-details>div{min-width:0;align-items:flex-start}
body.cameraminhkhang .cmk-about-page .cmk-about-contact-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px}
body.cameraminhkhang .cmk-about-page .cmk-about-contact-bottom p{min-width:0}
@media(max-width:1024px){
 body.cameraminhkhang .cmk-about-page .cmk-about-wrap{width:min(100% - 32px,1240px)}
 body.cameraminhkhang .cmk-about-page .cmk-about-section-heading{grid-template-columns:1fr;gap:10px}
 body.cameraminhkhang .cmk-about-page .cmk-about-intro-grid{grid-template-columns:1fr;gap:20px}
 body.cameraminhkhang .cmk-about-page .cmk-about-values{grid-template-columns:1fr;gap:22px}
}
@media(max-width:760px){
 body.cameraminhkhang .cmk-about-page :is(.cmk-about-intro,.cmk-about-services,.cmk-about-process,.cmk-about-values,.cmk-about-contact){margin-top:16px;padding:24px 20px}
 body.cameraminhkhang .cmk-about-page .cmk-about-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.cameraminhkhang .cmk-about-page .cmk-about-service-grid article{padding:18px}
 body.cameraminhkhang .cmk-about-page .cmk-about-steps{grid-template-columns:1fr;gap:12px}
 body.cameraminhkhang .cmk-about-page .cmk-about-coverage{margin-top:16px;padding:22px;align-items:flex-start}
 body.cameraminhkhang .cmk-about-page .cmk-about-contact-bottom{grid-template-columns:1fr 1fr}
 body.cameraminhkhang .cmk-about-page .cmk-about-contact-bottom p{grid-column:1/-1}
}
@media(max-width:520px){
 body.cameraminhkhang .cmk-about-page .cmk-about-wrap{width:calc(100% - 24px)}
 body.cameraminhkhang .cmk-about-page :is(.cmk-about-intro,.cmk-about-services,.cmk-about-process,.cmk-about-values,.cmk-about-contact){padding:20px 16px;border-radius:18px}
 body.cameraminhkhang .cmk-about-page .cmk-about-service-grid{grid-template-columns:1fr}
 body.cameraminhkhang .cmk-about-page .cmk-about-service-grid article{padding:18px}
 body.cameraminhkhang .cmk-about-page .cmk-about-value-list{grid-template-columns:1fr}
 body.cameraminhkhang .cmk-about-page .cmk-about-contact-grid{grid-template-columns:1fr}
 body.cameraminhkhang .cmk-about-page .cmk-about-company-details{grid-template-columns:1fr;column-gap:0}
 body.cameraminhkhang .cmk-about-page .cmk-about-contact-bottom{grid-template-columns:1fr}
 body.cameraminhkhang .cmk-about-page .cmk-about-contact-bottom p{grid-column:auto}
 body.cameraminhkhang .cmk-about-page .cmk-about-contact-bottom .cmk-about-btn{width:100%}
}
/* Mobile category directory: smoothly fold away the list as a category is selected. */
.cameraminhkhang .cmk-directory-page .cmk-directory-grid{overflow:hidden;max-height:100000px;opacity:1;transition:max-height .18s ease,opacity .14s ease,margin .18s ease}
.cameraminhkhang .cmk-directory-page .cmk-directory-grid.cmk-directory-grid-collapsing{max-height:0!important;opacity:0!important;margin-top:0!important;margin-bottom:0!important;pointer-events:none}
@media(prefers-reduced-motion:reduce){.cameraminhkhang .cmk-directory-page .cmk-directory-grid{transition:none!important}}
/* Mobile: collapse the directory immediately on touch/click before normal navigation. */
.cameraminhkhang .cmk-directory-page .cmk-directory-grid.cmk-directory-grid-collapsing{display:grid!important;max-height:0!important;height:0!important;min-height:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;margin-block:0!important;padding-block:0!important;border:0!important;transition:all .16s ease!important}
@media(prefers-reduced-motion:reduce){.cameraminhkhang .cmk-directory-page .cmk-directory-grid.cmk-directory-grid-collapsing{transition:none!important}}
/* Hide all dedicated product-category menus on mobile across every theme template. */
@media(max-width:767px){
 body.cameraminhkhang .cmk-hero-category-menu,
 body.cameraminhkhang .cmk-product-category-menu,
 body.cameraminhkhang .cmk-shop-category-menu,
 body.cameraminhkhang .cmk-category-sidebar,
 body.cameraminhkhang .cmk-catalog-sidebar,
 body.cameraminhkhang .cmk-directory-section-head,
 body.cameraminhkhang .cmk-directory-grid,
 body.cameraminhkhang .cmk-category-directory,
 body.cameraminhkhang .cmk-category-directory-head,
 body.cameraminhkhang .cmk-category-directory-grid{display:none!important}
}