:root { --section-blue: linear-gradient(180deg, var(--teal-700) 0%, var(--teal-800) 52%, #071923 100%); }
  body { margin: 0; background: var(--surface-canvas); color: var(--text-body); font: var(--type-body); text-wrap: pretty; }
  a { color: var(--text-link); text-decoration: none; }
  a:where(:hover) { color: var(--text-link-hover); }  /* Same weight as `a`: element colours were inline styles in the design and must win on hover. */
  img { display: block; max-width: 100%; }
  * { box-sizing: border-box; }
  a, a:where(:hover), a:where(:hover) * { text-decoration: none; }
  html { scroll-behavior: smooth; }
  @keyframes omLibLeft { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
  @keyframes omLibRight { from { transform: translate3d(-50%, 0, 0); } to { transform: translate3d(0, 0, 0); } }
  #om-lib:hover [data-lib-row], #om-lib[data-paused] [data-lib-row] { animation-play-state: paused; }
  @media (prefers-reduced-motion: reduce) { [data-lib-row] { animation: none !important; } }
  #om-store-strip::-webkit-scrollbar { display: none; }
  @media (max-width: 1100px) { #om-reels-grid { grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: calc((100% - 32px) / 3); overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; } #om-reels-grid > div { scroll-snap-align: start; } }
  @media (max-width: 640px) { #om-reels-grid { grid-auto-columns: 72% !important; } }
  @media (max-width: 1440px) { [aria-label="Bài trước"] { left: -22px !important; } [aria-label="Bài sau"] { right: -22px !important; } }
  @media (max-width: 760px) { [aria-label="Bài trước"] { left: 4px !important; background: var(--white) !important; } [aria-label="Bài sau"] { right: 4px !important; background: var(--white) !important; } }
  @media (max-width: 720px) { #om-brandcat-wrap > button { width: 36px !important; height: 36px !important; } #om-brandcat-wrap > button:first-of-type { left: -10px !important; } #om-brandcat-wrap > button:nth-of-type(2) { right: -10px !important; } }
  #om-rev-track { scrollbar-width: none; }
  #om-rev-track::-webkit-scrollbar { display: none; }
  #om-rev-track > [data-rev-card] { flex: 0 0 calc((100% - 12px - 2 * var(--space-6)) / 3); }
  @media (max-width: 1100px) {
    #om-rev-grid { grid-template-columns: minmax(0, 1fr) !important; }
    #om-rev-track > [data-rev-card] { flex: 0 0 calc((100% - 12px - var(--space-6)) / 2); }
  }
  @media (max-width: 680px) { #om-rev-track > [data-rev-card] { flex: 0 0 calc(100% - 12px); } }
  @media (max-width: 1024px) { #om-blog-track > a { flex: 0 0 calc((100% - 24px) / 2) !important; } }
  @media (max-width: 620px) { #om-blog-track > a { flex: 0 0 82% !important; } }
  #om-blog-track::-webkit-scrollbar { display: none; }
  [data-cat-track]::-webkit-scrollbar { display: none; }
  @media (max-width: 1240px) { [data-cat-track] > a { flex: 0 0 calc((100% - 50px) / 4) !important; } }
  @media (max-width: 1000px) { [data-cat-track] > a { flex: 0 0 calc((100% - 34px) / 3) !important; } }
  @media (max-width: 720px) { [data-cat-track] > a { flex: 0 0 calc((100% - 18px) / 2) !important; } }
  @media (max-width: 460px) { [data-cat-track] > a { flex: 0 0 calc(100% - 2px) !important; } }
  @media (max-width: 1100px) { #om-rolex-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-template-rows: none !important; grid-auto-rows: clamp(280px, 34vw, 340px) !important; } #om-rolex-grid > a:first-child { grid-row: auto !important; } }
  @media (max-width: 1240px) { #om-longines-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
  @media (max-width: 1000px) { #om-longines-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
  @media (max-width: 720px) { #om-longines-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
  @media (max-width: 420px) { #om-longines-grid { grid-template-columns: minmax(0, 1fr) !important; } }
  @media (max-width: 720px) { #om-rolex-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: clamp(260px, 52vw, 320px) !important; } }
  @media (min-width: 760px) { #om-sticky-bar { display: none; } }
  @media (max-width: 1023px) { #om-nav-desktop { display: none !important; } #om-nav-mobile { display: block !important; } }
  #om-brandcat-track { scrollbar-width: none; }
  #om-brandcat-track::-webkit-scrollbar { display: none; }
  @media (max-width: 900px) { #om-brandcat-track > a { flex: 0 0 calc((100% - 56px) / 4) !important; } }
  @media (max-width: 620px) { #om-brandcat-track > a { flex: 0 0 calc((100% - 42px) / 3) !important; } }
  @media (max-width: 1320px) { #om-brand-list { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
  @media (max-width: 900px) { #lh-hero-grid, .lh-split { grid-template-columns: minmax(0, 1fr) !important; } }
  @media (max-width: 520px) { #lh-cua-hang h2 { white-space: normal !important; } }
  @media (max-width: 1023px) { #lh-cua-hang .gt-split { grid-template-columns: minmax(0, 1fr) !important; } }
  @media (max-width: 900px) { #gt-hero-grid, .gt-split { grid-template-columns: minmax(0, 1fr) !important; } #gt-rev { grid-template-columns: minmax(0, 1fr) !important; } }
  @media (max-width: 900px) { #lh-info-grid { grid-template-columns: minmax(0, 1fr) !important; } #lh-info-band, #lh-info-shade { top: 0 !important; } #lh-info-text { padding: var(--space-10) 0 0 !important; } #lh-info-card { border-radius: 36px 16px 16px 16px !important; } }
  @media (max-width: 480px) { #lh-info-card-body { grid-template-columns: minmax(0, 1fr) !important; justify-items: start; } }
  @media (max-width: 1100px) { .lh-info-line { display: inline !important; white-space: normal !important; } }
  @media (max-width: 1180px) { #gt-brands { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } }
  @media (max-width: 720px) { #gt-brands { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; } #gt-hero-usp { grid-template-columns: minmax(0, 1fr) !important; } }

  @media (max-width: 1000px) { #om-footer > div > div:first-child { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
  @media (max-width: 600px) { #om-footer > div > div:first-child { grid-template-columns: minmax(0, 1fr) !important; } }

  @media (max-width: 640px) { #lh-trust-grid { grid-template-columns: minmax(0, 1fr) !important; gap: var(--space-7) !important; } }
  @media (max-width: 1180px) { #om-hdr-top { column-gap: var(--space-5) !important; } #om-hdr-top > nav { gap: var(--space-5) !important; } #om-hdr-top > div > a[href^="tel:"] { display: none !important; } }