/* Focused content pages and a compact photographic home. */
/* Keep the expanded primary menu within the header on smaller laptops. */
@media(min-width:921px) and (max-width:1050px){
  .nav-shell{min-height:76px}.uc-account-link{margin-left:auto}.language-switch,.menu-toggle{margin-left:0}.main-nav{flex-wrap:wrap}
  .js .main-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:18px 32px 28px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #00000008}
  .js .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.js .main-nav a{font-size:1rem;padding-block:12px}
  .js .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:50%;background:#fff}
  .menu-toggle span{display:block;width:22px;height:1px;background:var(--ink);transition:transform .2s}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  html:not(.js) .nav-shell{flex-wrap:wrap;padding-block:12px}html:not(.js) .main-nav{margin-left:0}
}
.topic-moved-link{padding-block:24px;line-height:1.7;scroll-margin-top:100px}.topic-moved-link a{text-underline-offset:5px}
.topic-jumps{display:flex;flex-wrap:wrap;gap:12px 24px;padding-block:18px 26px;border-bottom:1px solid #dce3eb}.topic-jumps a{font-size:16px;line-height:1.5;text-underline-offset:5px}.uc-page #cam-ket,.uc-page #hinh-anh{scroll-margin-top:100px}
.home-intro{padding-top:clamp(42px,7vw,88px);padding-bottom:30px;text-align:center}.home-intro h1{font-size:clamp(48px,8vw,96px);line-height:1.08;letter-spacing:-.055em;margin:14px 0 20px}.home-intro h2{font-size:clamp(22px,3vw,34px);line-height:1.35;margin:0 0 16px}.home-intro>p:not(.eyebrow){max-width:630px;margin:0 auto;color:#536273;font-size:17px;line-height:1.7}.home-actions,.topic-cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:25px}.home-photos{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-top:16px}.home-photos>a{display:block;border:1px solid #e0e6ec;border-radius:20px;overflow:hidden;background:#f6f8fa;color:#182332;text-decoration:none}.home-photos img{display:block;width:100%;height:clamp(210px,25vw,345px);object-fit:contain;background:white}.home-photos span{display:block;padding:17px 22px;font-size:16px;font-weight:600}.home-topic-links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 32px;padding-block:30px 54px}.home-topic-links a{font-size:16px}.topic-heading{padding-block:32px 12px}.topic-heading>a,.topic-heading>span{font-size:14px;color:#566474}.topic-heading h1{font-size:clamp(30px,4vw,52px);line-height:1.2;letter-spacing:-.035em;margin:18px 0 10px}.uc-topic-page main>section,.uc-topic-page main>.comparison-grid,.uc-topic-page main>.hero-motion{scroll-margin-top:100px}.uc-topic-page main>.comparison-grid,.uc-topic-page main>.comparison-subheading,.uc-topic-page main>.comparison-actions,.uc-topic-page main>.comparison-install-steps,.uc-topic-page main>.hero-motion,.uc-topic-page main>.hero-multitask,.uc-topic-page main>.reverse-feature,.uc-topic-page main>.flash-sale{width:min(1320px,calc(100% - 48px));margin-inline:auto}.uc-topic-page main>.hero-motion{margin-top:28px}.topic-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;padding-block:28px 50px}.topic-directory a{display:flex;justify-content:space-between;gap:12px;padding:21px 0;border-bottom:1px solid #dce3eb;font-size:16px;line-height:1.5;text-decoration:none}.topic-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid #dce3eb;padding-block:44px;margin-top:36px}.topic-cta h2{font-size:clamp(22px,3vw,30px);line-height:1.3;margin:0 0 10px}.topic-cta p{font-size:16px;line-height:1.6;color:#536273;margin:0}.topic-cta-actions{margin-top:0;flex-shrink:0}.mobile-purchase-bar{display:none}.uc-home-compact .site-footer{margin-top:0}a:focus-visible{outline:3px solid #1769df;outline-offset:5px}
@media(max-width:920px){.topic-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.home-intro{padding-top:35px}.home-intro h1{font-size:53px}.home-photos{grid-template-columns:1fr;gap:16px}.home-photos img{height:235px}.home-topic-links{gap:16px 22px}.topic-directory{grid-template-columns:1fr}.topic-heading h1{font-size:32px}.mobile-purchase-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.98);padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #dce3eb;z-index:90}.mobile-purchase-bar .button{min-height:46px;justify-content:center;font-size:16px}.uc-topic-page,.uc-page{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.topic-cta-actions{width:100%;justify-content:flex-start}.uc-topic-page main>.comparison-grid,.uc-topic-page main>.comparison-subheading,.uc-topic-page main>.comparison-actions,.uc-topic-page main>.comparison-install-steps,.uc-topic-page main>.hero-motion,.uc-topic-page main>.hero-multitask,.uc-topic-page main>.reverse-feature,.uc-topic-page main>.flash-sale{width:calc(100% - 32px)}}

/* Homepage section titles retain v53 typography, color and photographic layout. */
.home-section-headings{display:grid;gap:0 28px}.home-section-headings a{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #dce3eb;padding:22px 0;text-decoration:none;color:#182332;min-width:0}.home-section-headings h2{font:inherit;font-size:18px;font-weight:600;line-height:1.5;margin:0;letter-spacing:0}.home-section-headings a>span{color:#536273;flex-shrink:0}.home-section-headings a:hover h2{text-decoration:underline;text-underline-offset:5px}.home-primary-headings{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}.home-primary-headings h2{font-size:24px}.home-main-headings{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:54px;margin-top:12px}.uc-topic-page main>.company-intro,.uc-topic-page main>.office-visit{width:min(1320px,calc(100% - 48px));margin-inline:auto;margin-block:32px 56px}
@media(max-width:920px){.home-primary-headings,.home-main-headings{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section-headings{column-gap:22px}}
@media(max-width:600px){.home-primary-headings h2{font-size:21px}.home-main-headings{grid-template-columns:1fr}.home-section-headings a{padding-block:18px}.home-main-headings h2{font-size:17px}.uc-topic-page main>.company-intro,.uc-topic-page main>.office-visit{width:calc(100% - 32px)}}

/* Restore selected full sections to the compact home without changing subpages. */
.uc-home-compact #trai-nghiem-3d{margin-top:56px;scroll-margin-top:100px}.uc-home-compact .home-brand-story{scroll-margin-top:100px}.uc-home-compact #giu-zin{scroll-margin-top:100px}.uc-home-compact #giu-zin .comparison-install-steps{display:flex;flex-wrap:wrap;gap:18px;padding:20px 0;margin:18px 0 0;list-style:none}.uc-home-compact #giu-zin .comparison-install-steps li{display:flex;align-items:center;gap:10px;font-size:16px}.uc-home-compact #giu-zin .comparison-install-steps b{font-size:14px}.uc-home-compact #giu-zin .originality-title h2{font-size:clamp(36px,5vw,64px);line-height:1.12}

@media(max-width:600px){.uc-topic-page #uc-floating-contacts,.uc-page #uc-floating-contacts{bottom:calc(90px + env(safe-area-inset-bottom))}}
