/* WordPress integration; original design styles stay separate. */
.webhcm-logo{width:200px;max-height:56px;object-fit:contain;object-position:left center}
.footer .webhcm-logo{width:220px;max-height:65px}
.nav-service{display:flex;align-items:center;gap:3px}
@media(min-width:1101px){.nav-service>.mega-menu::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}}
.mega-menu,.mega-menu ul{list-style:none}
.mega-menu>li{min-width:0}.mega-submenu{display:block}
.nav-group-title{display:block;font-size:12px;font-weight:600;color:var(--text);margin-bottom:10px}
.mega-menu .mega-submenu a{white-space:normal}
.footer-bottom-links ul{display:flex;flex-wrap:wrap;gap:15px;list-style:none}
.webhcm-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}
.webhcm-image-placeholder{aspect-ratio:3/2;background:var(--mint);display:grid;place-items:center;color:var(--primary)}
.webhcm-image-placeholder .icon{width:64px;height:64px}
.webhcm-gallery-search{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:28px 0}
.webhcm-gallery-search>div{flex:1 1 200px}.webhcm-gallery-search label,.webhcm-search>label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.webhcm-gallery-search input,.webhcm-gallery-search select,.webhcm-search input{width:100%;min-height:50px;border:1px solid #a5b7aa;border-radius:12px;padding:10px 14px;background:white;color:var(--ink)}
.webhcm-search{max-width:660px;margin-bottom:36px}.webhcm-search>div{display:flex;gap:10px}.webhcm-search input{min-width:0;flex:1}
.navigation.pagination{margin-top:35px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.nav-links .page-numbers,.pagination .page-numbers{padding:9px 15px;border:1px solid var(--line);border-radius:8px}.page-numbers.current{background:var(--primary);color:white}
.navigation .nav-links{display:flex;position:static;inset:auto;width:auto;height:auto;overflow:visible;background:transparent;padding:0;flex-direction:row;gap:14px;flex-wrap:wrap;align-items:stretch;justify-content:space-between}.post-navigation{border-top:1px solid var(--line);padding-top:24px;margin-top:36px}.post-navigation a{text-decoration:underline;overflow-wrap:anywhere}
.wp-content{overflow-wrap:anywhere}.wp-content p,.wp-content ul,.wp-content ol,.wp-content blockquote{margin-block:18px}.wp-content ul,.wp-content ol{padding-left:24px}.wp-content a:not(.button){color:var(--primary);text-decoration:underline;text-underline-offset:3px}.wp-content h2,.wp-content h3{margin-block:30px 16px}
.wp-content .article-cover{width:100%;border-radius:18px;margin-bottom:32px;aspect-ratio:3/2;object-fit:cover}.wp-content figure{margin-inline:0}.wp-content .alignwide{max-width:1240px}.wp-content .alignfull{width:auto}
.webhcm-comments ol{list-style:none}.webhcm-comments input:not([type=checkbox]),.webhcm-comments textarea{max-width:100%;padding:10px;border:1px solid var(--line);border-radius:8px}.webhcm-comments label{display:block}.webhcm-comments .submit{padding:12px 22px;border:0;border-radius:30px;background:var(--primary);color:white}
.error-page{max-width:820px}.error-page h1{margin-block:20px}.error-page p{margin-bottom:20px}
.portfolio-meta h3{overflow-wrap:anywhere}.journal-card h3{overflow-wrap:anywhere}.page-hero h1{overflow-wrap:anywhere}
.admin-bar .header{top:32px}.webhcm-noscript-links{padding-block:14px;display:flex;flex-wrap:wrap;gap:18px}
.contact-float a{width:auto;min-width:98px;min-height:46px;padding:0 16px;border-radius:999px}
.contact-float a[href^="https://zalo.me/"],.mobile-contact a[href^="https://zalo.me/"]{background:#1467c5;color:#fff}
.footer .contact-details{margin-top:20px}.footer .contact-details li{font-size:13px;overflow-wrap:anywhere}.footer .contact-details span{color:#bad6c4}.footer .contact-details a{color:white}.footer .contact-details .icon{color:var(--lime)}
@media(max-width:1100px){.nav-service{display:block}.mega-menu>li{margin-bottom:12px}.nav-submenu-toggle{width:100%;justify-content:space-between}.webhcm-logo{width:180px}.mega-menu{transform:none}.mega-submenu a{padding-left:8px}}
@media(max-width:782px){.admin-bar .header{top:46px}}
@media(max-width:600px){.admin-bar .header{top:0}.webhcm-gallery-search{display:block}.webhcm-gallery-search>div{margin-bottom:14px}.webhcm-gallery-search button{width:100%}.webhcm-logo{width:155px;max-height:46px}.webhcm-search>div{flex-wrap:wrap}.webhcm-search input{flex-basis:100%}.webhcm-search button{width:100%}}

.webhcm-demo-button{position:sticky;top:0;z-index:2;margin-bottom:18px;background:white!important;color:var(--primary)!important}.webhcm-demo-button[hidden]{display:none!important}.webhcm-full-preview img{width:100%;height:auto;border:1px solid var(--line);border-radius:12px}.webhcm-full-preview figcaption{font-size:12px;color:var(--text);margin-top:12px}.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:26px}.template-search{display:flex;align-items:center;gap:9px;min-width:210px;padding:10px 14px;background:white;border:1px solid var(--line);border-radius:24px}.template-search input{border:0;background:transparent;min-width:0;width:220px;max-width:100%;color:var(--ink);font:inherit;font-size:13px;outline:none}.template-search:focus-within{outline:2px solid var(--primary);outline-offset:3px}@media(max-width:600px){.template-search{width:100%}.template-search input{width:100%}}
.template-search-wrap{position:relative;display:flex;align-items:center;gap:10px;flex:0 1 340px;min-width:0}
.template-search-wrap .template-search{flex:1;min-width:0;min-height:48px;border-radius:14px;padding-right:42px}
.template-search-wrap .template-search input{width:100%;font-size:14px;min-height:24px}
.gallery-enhanced .template-search-submit{display:none}
.template-search-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:var(--surface,#f3f7f3);color:var(--ink);font-size:24px;line-height:1;cursor:pointer}
.template-search-clear:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.gallery-search-status{margin:0 0 16px;color:var(--text);font-size:14px;min-height:22px}
.gallery-search-status:empty{display:none}
.portfolio-grid[aria-busy="true"]{opacity:.55;pointer-events:none}
.portfolio-toolbar .filter-buttons{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 620px}
@media(max-width:600px){.template-search-wrap{flex-basis:100%;width:100%}.portfolio-toolbar{gap:14px}.portfolio-toolbar .filter-buttons{flex-basis:100%}}