/* SeaHome Premium UI 3.1.6 | Public-site skin; no reset, external fonts, or app styles. */
body.shbds-premium {
  --shbds-blue: #1999ce;
  --shbds-blue-rgb: 25,153,206;
  --shbds-ink: #13749d;
  --shbds-deep: #0f5c7d;
  --shbds-gold: #c8962b;
  --shbds-gold-rgb: 200,150,43;
  --shbds-gold-light: #e1c589;
  --shbds-gold-text: #10212e;
  --shbds-navy: #102f46;
  --shbds-navy-deep: #0b2131;
  --shbds-paper: #fbfaf7;
  --shbds-muted: #647582;
  --shbds-line: rgba(16,47,70,.10);
  --shbds-radius: 20px;
  --shbds-shadow: 0 8px 28px rgba(16,47,70,.065), 0 1px 3px rgba(16,47,70,.035);
  --shbds-shadow-hover: 0 22px 46px rgba(16,47,70,.13), 0 3px 10px rgba(16,47,70,.04);
  --shbds-ease: cubic-bezier(.22,1,.36,1);
  --shbds-time: 360ms;
  --shbds-floating-bottom: 18px;
  --shbds-backtop-desktop: 100px;
  --shbds-backtop-mobile: 128px;
  --shbds-anchor-offset: 112px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.shbds-premium ::selection { background: rgba(var(--shbds-gold-rgb),.28); }
body.shbds-premium #main { background-color: var(--shbds-paper); }
/* Keep the site's selected font families, UX Builder layout, imagery and logo. */
body.shbds-premium :where(.entry-content, .page-wrapper) { line-height: 1.75; }
body.shbds-premium :where(.entry-content h1, .entry-content h2, .entry-content h3, .section-title-main, .entry-title) {
  line-height: 1.35;
  letter-spacing: -.022em;
}
body.shbds-premium :where(.entry-content h1, .entry-content h2, .entry-content h3, .entry-title) { color: var(--shbds-navy); }
body.shbds-premium :where(.dark h1, .dark h2, .dark h3, .dark .entry-title) { color: #fff; }
body.shbds-premium :where(.section[id], .scroll-to, .entry-content h2[id], .entry-content h3[id], .shbds-anchor) {
  scroll-margin-top: var(--shbds-anchor-offset);
}

/* Header: keep Flatsome's sticky logic, height settings, and transparent hero mode. */
body.shbds-premium #header:not(.transparent) .header-main:not(.dark),
body.shbds-premium #header .stuck .header-main:not(.dark) {
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(var(--shbds-gold-rgb),.17);
}
body.shbds-premium #header .header-main.dark { background-color: var(--shbds-navy); }
body.shbds-premium #header .header-bottom:not(.transparent) {
  background: linear-gradient(112deg, var(--shbds-navy), var(--shbds-navy-deep));
  border-bottom: 1px solid rgba(var(--shbds-gold-rgb),.34);
}
body.shbds-premium #header .header-bottom:not(.transparent) .nav > li > a { color: rgba(255,255,255,.91); }
body.shbds-premium #header .header-bottom:not(.transparent) .nav > li.active > a,
body.shbds-premium #header .header-bottom:not(.transparent) .nav > li > a:hover { color: var(--shbds-gold-light); }
body.shbds-premium #header .stuck {
  box-shadow: 0 12px 32px rgba(16,47,70,.10);
}
@supports ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))) {
  body.shbds-premium.shbds-glass #header:not(.transparent) .header-main:not(.dark),
  body.shbds-premium.shbds-glass #header .stuck .header-main:not(.dark) {
    background: rgba(255,255,255,.92);
    -webkit-backdrop-filter: blur(16px) saturate(125%);
    backdrop-filter: blur(16px) saturate(125%);
  }
}
body.shbds-premium #header .header-nav-main > .menu-item > a {
  font-weight: 600;
  letter-spacing: .012em;
  position: relative;
  transition: color 180ms ease;
}
body.shbds-premium #header .header-nav-main:not(.nav-dark) > .menu-item > a { color: var(--shbds-navy); }
body.shbds-premium #header .header-nav-main:not(.nav-dark) > .menu-item.current-menu-item > a,
body.shbds-premium #header .header-nav-main:not(.nav-dark) > .menu-item > a:hover { color: var(--shbds-ink); }
body.shbds-premium #header .header-nav-main > .menu-item > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 2px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--shbds-gold), var(--shbds-gold-light));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--shbds-time) var(--shbds-ease);
  pointer-events: none;
}
body.shbds-premium #header .header-nav-main > .menu-item:hover > a::after,
body.shbds-premium #header .header-nav-main > .menu-item:focus-within > a::after,
body.shbds-premium #header .header-nav-main > .current-menu-item > a::after { transform: scaleX(1); }
body.shbds-premium #header .nav-dropdown {
  background: rgba(255,255,255,.99);
  border: 1px solid rgba(var(--shbds-gold-rgb),.23);
  border-top: 3px solid var(--shbds-gold);
  border-radius: 0 0 16px 16px;
  box-shadow: var(--shbds-shadow-hover);
  padding: 12px;
}
body.shbds-premium #header .nav-dropdown > li > a {
  color: var(--shbds-navy);
  border-radius: 9px;
  border-bottom-color: var(--shbds-line);
  padding: 11px 14px;
  margin: 0;
  transition: color 180ms, background-color 180ms, transform 240ms var(--shbds-ease);
}
body.shbds-premium #header .nav-dropdown > li > a:hover,
body.shbds-premium #header .nav-dropdown > li > a:focus-visible {
  color: var(--shbds-ink);
  background-color: rgba(var(--shbds-blue-rgb),.065);
}
body.shbds-premium #header .header-button .button {
  border-radius: 999px;
  padding-inline: 1.4em;
}

/* Section hierarchy: golden hairlines, a calmer type scale. */
body.shbds-premium .section-title-container { margin-bottom: clamp(22px,3vw,36px); }
body.shbds-premium .section-title { border: 0; align-items: center; gap: 14px; }
body.shbds-premium .section-title b {
  height: 1px;
  opacity: 1;
  background: linear-gradient(90deg, rgba(var(--shbds-gold-rgb),.6), rgba(var(--shbds-gold-rgb),.06));
}
body.shbds-premium .section-title b:first-child { transform: scaleX(-1); }
body.shbds-premium .section-title .section-title-main {
  border: 0;
  padding-block: .18em;
  color: var(--shbds-navy);
  font-weight: 700;
}
body.shbds-premium .dark .section-title .section-title-main { color: #fff; }
body.shbds-premium .section-title a {
  color: var(--shbds-ink);
  font-weight: 600;
  font-size: .66em;
  white-space: nowrap;
}
body.shbds-premium .dark .section-title a { color: var(--shbds-gold-light); }
body.shbds-premium .is-divider {
  border-radius: 99px;
  background: linear-gradient(90deg, var(--shbds-gold), var(--shbds-gold-light));
}

/* Listing cards: do not alter grid widths, pagination, overlays or image ratios. */
body.shbds-premium .product-small.box:not(.box-overlay):not(.box-shade),
body.shbds-premium .box-blog-post:not(.box-overlay):not(.box-shade),
body.shbds-premium .shbds-card {
  border: 1px solid rgba(var(--shbds-gold-rgb),.18);
  border-radius: var(--shbds-radius);
  background: #fff;
  box-shadow: var(--shbds-shadow);
  overflow: hidden;
  transition: transform var(--shbds-time) var(--shbds-ease), box-shadow var(--shbds-time) var(--shbds-ease), border-color 240ms ease;
}
body.shbds-premium .product-small.box:not(.box-overlay):not(.box-shade) > .box-text,
body.shbds-premium .box-blog-post:not(.box-overlay):not(.box-shade) > .box-text {
  padding: 20px 22px 22px;
  background: #fff;
  color: var(--shbds-navy);
}
body.shbds-premium .product-small.box .box-image,
body.shbds-premium .box-blog-post .box-image { overflow: hidden; }
body.shbds-premium .product-small.box .box-image img,
body.shbds-premium .box-blog-post .box-image img {
  transition: transform 650ms var(--shbds-ease);
}
body.shbds-premium .box-blog-post:not(.box-overlay):not(.box-shade) .post-title,
body.shbds-premium .product-small.box:not(.box-overlay):not(.box-shade) .name a {
  color: var(--shbds-navy);
  font-weight: 650;
  line-height: 1.5;
  letter-spacing: -.012em;
}
body.shbds-premium .box-blog-post .from_the_blog_excerpt { line-height: 1.75; }
body.shbds-premium .box-blog-post:not(.box-overlay):not(.box-shade) .post-meta,
body.shbds-premium .product-small.box:not(.box-overlay):not(.box-shade) .category { color: var(--shbds-muted); }
body.shbds-premium .box-blog-post .badge-inner {
  background: var(--shbds-navy);
  border-color: rgba(var(--shbds-gold-rgb),.5);
  color: #fff;
  box-shadow: 0 4px 12px rgba(16,47,70,.12);
}
body.shbds-premium .thong-tin-du-an {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px 10px;
  margin-block: 14px;
  padding-block: 14px;
  border-block: 1px solid var(--shbds-line);
  font-size: .87em;
  line-height: 1.7;
  color: var(--shbds-muted);
}
body.shbds-premium .thong-tin-du-an .dia-chi { grid-column: 1 / -1; }
body.shbds-premium .thong-tin-du-an > div { min-width: 0; overflow-wrap: anywhere; }
body.shbds-premium .thong-tin-du-an i { color: var(--shbds-ink); margin-right: 7px; }
body.shbds-premium .product-small .bds2 { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: space-between; }
body.shbds-premium .product-small .price-wrapper { color: var(--shbds-navy); font-weight: 700; }
body.shbds-premium .product-small .price-wrapper .amount { color: var(--shbds-navy); }
body.shbds-premium .product-small .nut-xem-ngay { margin-left: auto; }
body.shbds-premium .product-small .btn-views {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 9px 15px;
  border-radius: 10px;
  border: 1px solid rgba(var(--shbds-gold-rgb),.5);
  background: linear-gradient(115deg, #fff, rgba(var(--shbds-gold-rgb),.12));
  color: var(--shbds-navy);
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  transition: background-color 200ms, box-shadow 200ms;
}
body.shbds-premium .product-small .btn-views:hover { background-color: rgba(var(--shbds-gold-rgb),.12); box-shadow: 0 4px 12px rgba(var(--shbds-gold-rgb),.15); }

/* Glossy buttons with deliberate, finite interaction effects (no flashing). */
body.shbds-premium .button.primary:not(.is-outline):not(.is-link),
body.shbds-premium .wpcf7 input[type="submit"],
body.shbds-premium .wpcf7 button[type="submit"],
body.shbds-premium .shbds-button {
  background-color: var(--shbds-ink) !important;
  background-image: linear-gradient(125deg, transparent 32%, rgba(255,255,255,.085) 49%, transparent 65%), linear-gradient(120deg, var(--shbds-ink), var(--shbds-deep)) !important;
  background-size: 240% 100%, 100% 100%;
  background-position: 100% 0, 0 0;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(var(--shbds-blue-rgb),.16), inset 0 1px 0 rgba(255,255,255,.16);
  text-shadow: none;
  font-weight: 650;
  letter-spacing: .02em;
  transition: background-position 550ms var(--shbds-ease), transform 280ms var(--shbds-ease), box-shadow 280ms ease;
}
body.shbds-premium .button.secondary:not(.is-outline):not(.is-link),
body.shbds-premium .shbds-button-gold {
  background: linear-gradient(120deg, var(--shbds-gold-light), var(--shbds-gold)) !important;
  color: var(--shbds-gold-text) !important;
  border: 1px solid rgba(var(--shbds-gold-rgb),.5);
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(var(--shbds-gold-rgb),.17), inset 0 1px 0 rgba(255,255,255,.35);
  text-shadow: none;
  transition: transform 280ms var(--shbds-ease), box-shadow 280ms ease;
}
body.shbds-premium .button.primary.is-outline { color: var(--shbds-ink); border-color: var(--shbds-ink); border-radius: 12px; }
body.shbds-premium .button.primary.is-outline:hover { background: var(--shbds-ink); color: #fff; }
body.shbds-premium .dark .button.primary.is-outline { color: #fff; border-color: rgba(255,255,255,.7); }
body.shbds-premium .button.is-link { border-radius: 0; box-shadow: none; }
body.shbds-premium :where(.button, .shbds-button, .btn-views, .nav a, .accordion-title, #sh-back-to-top, .ladi-button):focus-visible {
  outline: 3px solid var(--shbds-ink);
  outline-offset: 4px;
}
body.shbds-premium .dark :where(.button, .nav a):focus-visible { outline-color: var(--shbds-gold-light); }

/* Existing lead forms remain wired to their original handlers and CRM iframe. */
body.shbds-premium .wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
body.shbds-premium .wpcf7 select,
body.shbds-premium .wpcf7 textarea,
body.shbds-premium .searchform input[type="search"] {
  border: 1px solid rgba(16,47,70,.17);
  border-radius: 11px;
  background-color: #fff;
  color: var(--shbds-navy);
  box-shadow: inset 0 1px 2px rgba(16,47,70,.025);
  min-height: 46px;
  line-height: 1.5;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
body.shbds-premium .wpcf7 textarea { min-height: 118px; }
body.shbds-premium .wpcf7 :where(input, select, textarea):focus,
body.shbds-premium .searchform input[type="search"]:focus {
  border-color: var(--shbds-ink);
  outline: 2px solid transparent;
  box-shadow: 0 0 0 4px rgba(var(--shbds-blue-rgb),.12);
}
body.shbds-premium .wpcf7 input[type="submit"],
body.shbds-premium .wpcf7 button[type="submit"] { min-height: 46px; padding-inline: 26px; }
body.shbds-premium .wpcf7 :where(input[type="checkbox"],input[type="radio"]) { accent-color: var(--shbds-ink); }
body.shbds-premium .wpcf7 :where(.wpcf7-not-valid) { border-color: #b3261e !important; }
body.shbds-premium .wpcf7 .wpcf7-response-output { border-radius: 10px; padding: 12px 16px; }
body.shbds-premium #tai-bang-gia {
  background: radial-gradient(ellipse at 100% 0%, rgba(var(--shbds-blue-rgb),.26), transparent 58%), linear-gradient(145deg, var(--shbds-navy), var(--shbds-navy-deep));
  border: 1px solid rgba(var(--shbds-gold-rgb),.55);
  border-radius: 24px;
  box-shadow: 0 28px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
  max-width: min(460px,calc(100vw - 32px));
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  padding: clamp(22px,4vw,34px) !important;
  overflow-y: auto;
  scrollbar-width: thin;
  color: #fff;
}
body.shbds-premium #tai-bang-gia :where(h1,h2,h3,h4,label) { color: #fff; }
body.shbds-premium #tai-bang-gia .wpcf7 .btn-bang-gia {
  background: linear-gradient(120deg,var(--shbds-gold-light),var(--shbds-gold)) !important;
  color: var(--shbds-gold-text) !important;
}
body.shbds-premium #tai-bang-gia .mfp-close { color: #fff; opacity: .9; width: 44px; height: 44px; }
body.shbds-premium #tai-bang-gia iframe { max-width: 100%; border: 0; border-radius: 12px; }

/* Navigation, article detail and accordions: no modifications to tab routing. */
body.shbds-premium .nav-pagination > li > .page-number {
  border-radius: 11px;
  border: 1px solid var(--shbds-line);
  min-width: 42px;
  height: 42px;
  line-height: 40px;
  color: var(--shbds-navy);
  background: #fff;
  box-shadow: 0 2px 6px rgba(16,47,70,.03);
}
body.shbds-premium .nav-pagination > li > .current,
body.shbds-premium .nav-pagination > li > a:hover { background: var(--shbds-navy); color: #fff; border-color: var(--shbds-navy); }
body.shbds-premium .accordion-item { border-bottom: 1px solid var(--shbds-line); }
body.shbds-premium .accordion-title { border-top: 0; border-radius: 10px; padding-block: 17px; color: var(--shbds-navy); }
body.shbds-premium .accordion-title.active { background: rgba(var(--shbds-blue-rgb),.065); color: var(--shbds-ink); }
body.shbds-premium .dark .accordion-title { color: #fff; }
body.shbds-premium .dark .accordion-title.active { color: var(--shbds-gold-light); }
body.shbds-premium .tabbed-content > .nav > li > a { border-radius: 10px; font-weight: 600; }
body.shbds-premium .tabbed-content > .nav-pills > li.active > a { background: var(--shbds-ink); color: #fff; }
body.shbds-premium .tabbed-content > .nav-line > li.active > a:before { background: var(--shbds-gold); }
body.shbds-premium .entry-content > blockquote,
body.shbds-premium .entry-content .wp-block-quote {
  background: linear-gradient(110deg, rgba(var(--shbds-gold-rgb),.1), rgba(var(--shbds-blue-rgb),.025));
  color: var(--shbds-navy);
  border-left: 3px solid var(--shbds-gold);
  border-radius: 0 14px 14px 0;
  padding: 22px 26px;
}
body.shbds-premium .entry-content :where(.wp-block-image img, .aligncenter, img.alignleft, img.alignright) { border-radius: 14px; }
body.shbds-premium .widget .is-divider { height: 2px; }
body.shbds-premium .widget-title { color: var(--shbds-navy); letter-spacing: .035em; }
body.shbds-premium .entry-meta { color: var(--shbds-muted); }

/* Footer skin can be disabled separately without changing the footer content. */
body.shbds-premium.shbds-dark-footer :where(.footer-1, .footer-2) {
  background: radial-gradient(ellipse at 8% 0%, rgba(var(--shbds-blue-rgb),.13), transparent 60%), linear-gradient(115deg,var(--shbds-navy),var(--shbds-navy-deep));
  color: #e0e8ed;
  border-top: 1px solid rgba(var(--shbds-gold-rgb),.28);
  padding-top: 42px;
}
body.shbds-premium.shbds-dark-footer :where(.footer-1, .footer-2) :where(h1,h2,h3,h4,.widget-title) { color: #fff; }
body.shbds-premium.shbds-dark-footer :where(.footer-1, .footer-2) a:not(.button) { color: #e0e8ed; transition: color 180ms ease; }
body.shbds-premium.shbds-dark-footer :where(.footer-1, .footer-2) a:not(.button):hover { color: var(--shbds-gold-light); }
body.shbds-premium.shbds-dark-footer .absolute-footer {
  color: #d0dce5;
  background: var(--shbds-navy-deep);
  border-top: 1px solid rgba(255,255,255,.09);
  padding-block: 19px;
  font-size: .88em;
}
body.shbds-premium.shbds-dark-footer .absolute-footer a { color: inherit; }

/* Existing quote button and back-to-top: one safe vertical stack, below modals. */
body.shbds-premium a.ladi-button[href="#tai-bang-gia"] {
  position: fixed;
  left: auto;
  right: 18px;
  bottom: calc(var(--shbds-floating-bottom) + env(safe-area-inset-bottom,0px));
  z-index: 980;
  width: 184px;
  max-width: calc(100vw - 36px);
  min-height: 56px;
  padding: 10px 15px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 16px;
  background: linear-gradient(120deg,var(--shbds-gold-light),var(--shbds-gold));
  color: var(--shbds-gold-text) !important;
  text-align: center;
  font-size: 12px;
  line-height: 1.55;
  box-shadow: 0 8px 28px rgba(16,47,70,.19), inset 0 1px 0 rgba(255,255,255,.4);
  transition: transform 260ms var(--shbds-ease), box-shadow 260ms;
}
body.shbds-premium a.ladi-button .strong { font-size: 13px; font-weight: 750; letter-spacing: .055em; }
body.shbds-premium #sh-back-to-top {
  left: auto;
  right: 18px;
  bottom: calc(var(--shbds-backtop-clearance,var(--shbds-backtop-desktop)) + env(safe-area-inset-bottom,0px));
  z-index: 990;
  width: 46px;
  height: 46px;
  min-width: 46px;
  min-height: 46px;
  margin: 0;
  border: 1px solid rgba(var(--shbds-gold-rgb),.48);
  border-radius: 50%;
  background: linear-gradient(145deg,#fff,#f8f3e7);
  color: var(--shbds-navy);
  box-shadow: 0 8px 22px rgba(16,47,70,.14), inset 0 1px 0 #fff;
  transform: translateY(12px);
  translate: none;
  animation: none;
}
body.shbds-premium #sh-back-to-top.is-visible { transform: translateY(0); animation: none; }
body.shbds-premium #sh-back-to-top svg { transition: transform 250ms var(--shbds-ease); }
body.shbds-premium #sh-back-to-top:focus-visible { outline: 3px solid var(--shbds-ink); outline-offset: 3px; }
body.shbds-premium.shbds-no-backtop #sh-back-to-top { display: none; }
body.shbds-premium.shbds-has-backtop #top-link { display: none; }
body.shbds-premium.shbds-overlay-open #sh-back-to-top,
body.shbds-premium.shbds-overlay-open a.ladi-button[href="#tai-bang-gia"],
body.shbds-premium.shbds-keyboard-open #sh-back-to-top,
body.shbds-premium.shbds-keyboard-open a.ladi-button[href="#tai-bang-gia"] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Mobile drawer: Flatsome still owns open/close, focus, gestures and routing. */
body.shbds-premium .off-canvas .mfp-content {
  background: #fff;
  width: min(88vw,370px);
  border-right: 1px solid rgba(var(--shbds-gold-rgb),.25);
  border-radius: 0 20px 20px 0;
  box-shadow: 18px 0 60px rgba(16,47,70,.22);
}
body.shbds-premium .off-canvas.off-canvas-right .mfp-content { border-radius: 20px 0 0 20px; }
body.shbds-premium .off-canvas .nav-sidebar > li > a { min-height: 48px; color: var(--shbds-navy); font-weight: 600; padding-block: 13px; }
body.shbds-premium .off-canvas .nav-sidebar > li.active > a { color: var(--shbds-ink); }
body.shbds-premium .off-canvas .nav-sidebar > li { border-top-color: var(--shbds-line); }
body.shbds-premium .off-canvas .toggle { min-width: 44px; min-height: 44px; color: var(--shbds-navy); }

/* Optional, semantic UX Builder classes; existing pages do not require editing. */
body.shbds-premium .shbds-surface {
  border: 1px solid rgba(var(--shbds-gold-rgb),.2);
  border-radius: 24px;
  background: linear-gradient(125deg,#fff,#faf9f5);
  box-shadow: var(--shbds-shadow);
  padding: clamp(22px,4vw,40px);
}
body.shbds-premium .shbds-eyebrow { color: var(--shbds-ink); font-size: .76em; font-weight: 650; letter-spacing: .16em; text-transform: uppercase; }
body.shbds-premium .shbds-text-gold { color: var(--shbds-gold); }
body.shbds-premium .shbds-hero { border-bottom: 1px solid rgba(var(--shbds-gold-rgb),.25); }

@media (hover:hover) and (pointer:fine) {
  body.shbds-premium.shbds-motion .product-small.box:not(.box-overlay):not(.box-shade):hover,
  body.shbds-premium.shbds-motion .box-blog-post:not(.box-overlay):not(.box-shade):hover,
  body.shbds-premium.shbds-motion .shbds-card:hover {
    transform: translateY(-5px);
    border-color: rgba(var(--shbds-gold-rgb),.48);
    box-shadow: var(--shbds-shadow-hover);
  }
  body.shbds-premium.shbds-motion .product-small.box:hover .box-image img,
  body.shbds-premium.shbds-motion .box-blog-post:hover .box-image img { transform: scale(1.035); }
  body.shbds-premium.shbds-motion .button.primary:not(.is-outline):not(.is-link):hover,
  body.shbds-premium.shbds-motion .shbds-button:hover { background-position: 0 0, 0 0; transform: translateY(-2px); box-shadow: 0 10px 25px rgba(var(--shbds-blue-rgb),.22); }
  body.shbds-premium.shbds-motion .button.secondary:not(.is-outline):not(.is-link):hover,
  body.shbds-premium.shbds-motion a.ladi-button[href="#tai-bang-gia"]:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(var(--shbds-gold-rgb),.25); }
  body.shbds-premium.shbds-motion #sh-back-to-top:hover svg { transform: translateY(-3px); }
  body.shbds-premium.shbds-motion #header .nav-dropdown > li > a:hover { transform: translateX(3px); }
}
@media (max-width:849px) {
  body.shbds-premium { --shbds-radius: 17px; }
  body.shbds-premium #header .header-main .nav > li > a.icon { min-height: 44px; min-width: 44px; justify-content: center; }
  body.shbds-premium .section-title { gap: 10px; }
  body.shbds-premium .section-title .section-title-main { line-height: 1.45; }
}
@media (max-width:549px) {
  body.shbds-premium { --shbds-radius: 15px; --shbds-floating-bottom: 84px; }
  body.shbds-premium .product-small.box:not(.box-overlay):not(.box-shade) > .box-text,
  body.shbds-premium .box-blog-post:not(.box-overlay):not(.box-shade) > .box-text { padding: 14px 13px 16px; }
  body.shbds-premium .thong-tin-du-an { grid-template-columns: minmax(0,1fr); gap: 5px; font-size: .85em; }
  body.shbds-premium .product-small .bds2 { gap: 7px; }
  body.shbds-premium .product-small .nut-xem-ngay { margin-left: 0; }
  body.shbds-premium .product-small .btn-views { min-height: 40px; padding: 8px 11px; font-size: 12px; }
  body.shbds-premium .section-title a { font-size: .64em; }
  body.shbds-premium .section-title-main { overflow-wrap: break-word; }
  body.shbds-premium .wpcf7 :where(input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) { font-size: 16px; }
  body.shbds-premium #tai-bang-gia { border-radius: 20px; }
  body.shbds-premium .tabbed-content > .nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; max-width: 100%; padding-bottom: 7px; overscroll-behavior-x: contain; }
  body.shbds-premium .tabbed-content > .nav > li { flex: 0 0 auto; }
  body.shbds-premium .tabbed-content > .nav > li > a { white-space: nowrap; min-height: 44px; }
  body.shbds-premium a.ladi-button[href="#tai-bang-gia"] { right: 12px; width: 166px; border-radius: 14px; }
  body.shbds-premium #sh-back-to-top { right: 12px; bottom: calc(var(--shbds-backtop-clearance,var(--shbds-backtop-mobile)) + env(safe-area-inset-bottom,0px)); }
  body.shbds-premium.shbds-dark-footer :where(.footer-1,.footer-2) { padding-top: 30px; }
}
/* Motion-off and accessibility settings never hide content. */
body.shbds-premium.shbds-motion-off :where(.product-small.box,.box-blog-post,.shbds-card,.box-image img,.button,.shbds-button,.ladi-button,#sh-back-to-top,#sh-back-to-top svg,.header-nav-main a::after,.nav-dropdown a) {
  animation: none !important;
  transition: none !important;
}
@media (prefers-reduced-motion:reduce) {
  body.shbds-premium :where(.product-small.box,.box-blog-post,.shbds-card,.box-image img,.button,.shbds-button,.ladi-button,#sh-back-to-top,#sh-back-to-top svg,.header-nav-main a::after,.nav-dropdown a) { animation: none !important; transition: none !important; }
  body.shbds-premium.shbds-motion :where(.product-small.box:hover,.box-blog-post:hover,.shbds-card:hover,.box-image img,.button:hover,.ladi-button:hover,#sh-back-to-top:hover svg) { transform: none !important; }
}
@media print {
  body.shbds-premium #sh-back-to-top,
  body.shbds-premium a.ladi-button[href="#tai-bang-gia"] { display: none !important; }
  body.shbds-premium #main { background: #fff; }
  body.shbds-premium :where(.product-small.box,.box-blog-post,.shbds-card,.shbds-surface) { box-shadow: none; transform: none; animation: none; }
}

/* Keep popup fields legible despite legacy .text.has-block * color overrides. */
body.shbds-premium #tai-bang-gia .wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.shbds-premium #tai-bang-gia .wpcf7 textarea,
body.shbds-premium #tai-bang-gia .wpcf7 select { color: var(--shbds-navy); }
body.shbds-premium.shbds-motion-off #header .header-nav-main > .menu-item > a::after { transition: none; }
@media (prefers-reduced-motion: reduce) {
  body.shbds-premium #header .header-nav-main > .menu-item > a::after { transition: none; }
}

/* Harden small-screen sizing without masking overflow on the document. */
body.shbds-premium #header .header-bottom:not(.transparent) { color: #e4ecf2; }
body.shbds-premium :where(.col,.col-inner,.tabbed-content,.shbds-surface) { min-width: 0; }
body.shbds-premium .wpcf7 input[type="submit"],
body.shbds-premium .wpcf7 button[type="submit"] { max-width: 100%; }
body.shbds-premium.shbds-overlay-open #sh-back-to-top,
body.shbds-premium.shbds-overlay-open a.ladi-button[href="#tai-bang-gia"],
body.shbds-premium.shbds-keyboard-open #sh-back-to-top,
body.shbds-premium.shbds-keyboard-open a.ladi-button[href="#tai-bang-gia"] { transition: none; }
@media (max-width:549px) {
  body.shbds-premium .tabbed-content { max-width: 100%; }
  body.shbds-premium .tabbed-content > .nav {
    width: 100%;
    min-width: 0;
    max-width: calc(100vw - 32px);
    contain: inline-size;
  }
}