/* =========================================================
   LB Global Custom Styles
   - Bootstrap grid stays untouched.
   - Components are grouped below for easier maintenance.
   ========================================================= */

/* 01. Tokens & Base */
:root {
  --lb-primary: #2b3b7d;
  --lb-primary-rgb: 43, 59, 125;
  --lb-secondary: #d8b982;
  --lb-secondary-rgb: 216, 185, 130;
  --lb4-blue: var(--lb-primary);
  --lb4-blue-2: var(--lb-primary);
  --lb4-blue-dark: var(--lb-primary);
  --lb4-gold: var(--lb-secondary);
  --lb4-gold-2: var(--lb-secondary);
  --lb4-red: #df3f36;
  --lb4-orange: #f47b2a;
  --lb4-coral: #d94d45;
  --lb4-bg: #f4f8fb;
  --lb4-soft: #eef5f9;
  --lb4-text: #223044;
  --lb4-muted: #6c7786;
  --lb4-line: #dce7ef;
}

body .wpcf7 form .wpcf7-spinner {
  position: absolute;
  right: -6px;
  top: 50%;
  margin-top: -12px;
}

@media (min-width: 1500px) {
  .container,
  .lb4-page .container,
  .lb5-combo .lb5-header > .container {
    max-width: 1380px;
  }
}

/* 15. Hasaki-inspired product catalog */
.lb9-catalog {
  --lb9-bg: #f5f5f7;
  --lb9-green: #326e51;
  --lb9-orange: #f47b2a;
  background: var(--lb9-bg);
}

.lb9-catalog__crumb-wrap {
  background: var(--lb9-bg);
}

.lb9-catalog__crumb {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: #7c8490;
  font-size: 13px;
}

.lb9-catalog__crumb a {
  color: #7c8490;
}

.lb9-catalog__crumb a:hover {
  color: var(--lb-primary);
}

.lb9-catalog__crumb i {
  color: #a7afb9;
  font-size: 11px;
}

.lb9-catalog__brand-rail {
  padding: 12px 0 18px;
  background: var(--lb9-bg);
}

.lb9-catalog__brand-list {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-height: 82px;
  padding: 8px 10px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(20, 25, 26, 0.04);
  overflow-x: auto;
  scrollbar-width: thin;
}

.lb9-catalog__brand-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 12.5%;
  min-width: 112px;
  min-height: 66px;
  padding: 9px 15px;
  border-right: 1px solid #f0f1f2;
}

.lb9-catalog__brand-item:last-child {
  border-right: 0;
}

.lb9-catalog__brand-item img {
  display: block;
  max-width: 100%;
  max-height: 44px;
  object-fit: contain;
}

.lb9-catalog__body {
  padding: 8px 0 60px;
}

.lb9-catalog__intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;
}

.lb9-catalog__intro h1 {
  margin: 3px 0 0;
  color: #222;
  font-size: clamp(24px, 2.15vw, 32px);
  font-weight: 700;
  line-height: 1.15;
}

.lb9-catalog__eyebrow {
  margin: 0;
  color: var(--lb-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.3;
  text-transform: uppercase;
}

.lb9-catalog__description {
  max-width: 720px;
  margin: 8px 0 0;
  color: #737b85;
  font-size: 14px;
  line-height: 1.55;
}

.lb9-catalog__filter-toggle,
.lb9-catalog__filter-close {
  display: none;
}

.lb9-catalog__content-frame {
  overflow: hidden;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(20, 25, 26, 0.06);
}

.lb9-catalog__display-form {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  margin-left: auto;
  color: #69717a;
  font-size: 12px;
  white-space: nowrap;
}

.lb9-catalog__display-form label {
  margin: 0;
  cursor: pointer;
}

.lb9-catalog__display-form select {
  min-width: 34px;
  padding: 0 16px 0 0;
  border: 0;
  color: #69717a;
  background: transparent;
  appearance: none;
  font: inherit;
  cursor: pointer;
}

.lb9-catalog__display-form > i {
  margin-left: -14px;
  pointer-events: none;
  font-size: 10px;
}

@media (min-width: 992px) {
  .lb9-catalog__content-frame > .lb9-catalog__layout {
    margin-right: 0;
    margin-left: 0;
  }

  .lb9-catalog__content-frame > .lb9-catalog__layout > .lb9-catalog__aside {
    padding-right: 0;
    padding-left: 0;
    border-right: 1px solid #eceef0;
  }

  .lb9-catalog__content-frame > .lb9-catalog__layout > .lb9-catalog__results {
    padding: 0 15px 30px;
  }
}

.lb9-catalog__filter {
  position: sticky;
  top: 5px;
  padding: 12px 10px 16px;
  border-radius: 4px;
  background: #fff;
}

.lb9-catalog__filter-summary {
  margin: 12px 0 0;
  color: #808892;
  font-size: 13px;
  line-height: 1.5;
}

.lb9-catalog__filter-group {
  padding: 17px 0 0;
}

.lb9-catalog__filter > .lb9-catalog__filter-group:first-of-type {
  padding-top: 0;
}

.lb9-catalog__filter-group + .lb9-catalog__filter-group {
  margin-top: 3px;
  border-top: 1px solid #f0f1f2;
}

.lb9-catalog__filter-group h3 {
  margin: 0 0 10px;
  color: #303438;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}

@media (min-width: 992px) {
  .lb9-catalog__filter-group h3 {
    font-size: 16px;
    text-transform: uppercase;
  }
}

.lb9-catalog__category-list,
.lb9-catalog__brand-filter,
.lb9-catalog__rating-filter {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.lb9-catalog__brand-filter {
  max-height: 400px;
  padding-right: 4px;
  overflow-y: auto;
  scrollbar-color: #c7cdd1 transparent;
  scrollbar-width: thin;
}

.lb9-catalog__category-list a {
  display: block;
  padding: 6px 0;
  color: #666d75;
  font-size: 13px;
  line-height: 1.35;
}

.lb9-catalog__category-list a:hover,
.lb9-catalog__category-list a.is-active {
  color: var(--lb9-green);
  font-weight: 700;
}

.lb9-catalog__price-fields {
  display: flex;
  align-items: center;
  gap: 6px;
}

.lb9-catalog__price-fields input {
  width: 100%;
  min-width: 0;
  height: 38px;
  padding: 0 9px;
  border: 1px solid #dce0e3;
  border-radius: 4px;
  color: #303438;
  background: #fff;
  font-size: 12px;
}

.lb9-catalog__price-fields input:focus {
  border-color: var(--lb9-green);
  box-shadow: 0 0 0 2px rgba(50, 110, 81, .1);
}

.lb9-catalog__price-fields span {
  flex: 0 0 auto;
  color: #a1a7ac;
  font-size: 12px;
}

.lb9-catalog__apply {
  width: 100%;
  min-height: 38px;
  margin-top: 9px;
  border: 0;
  border-radius: 4px;
  color: #fff;
  background: var(--lb9-green);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

@media (min-width: 992px) {
  .lb9-catalog__apply {
    font-size: 16px;
  }
}

.lb9-catalog__filter-option {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 31px;
  color: #646c74;
  font-size: 13px;
  line-height: 1.35;
}

.lb9-catalog__filter-option:hover,
.lb9-catalog__filter-option.is-active {
  color: var(--lb9-green);
}

.lb9-catalog__filter-option small {
  color: #8a9199;
  font-size: 11px;
}

.lb9-catalog__checkbox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  border: 1px solid #c7cdd1;
  border-radius: 3px;
  background: #fff;
}

.lb9-catalog__filter-option.is-active .lb9-catalog__checkbox {
  border-color: var(--lb9-green);
  background: var(--lb9-green);
}

.lb9-catalog__filter-option.is-active .lb9-catalog__checkbox::after {
  content: "";
  width: 7px;
  height: 4px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: translateY(-1px) rotate(-45deg);
}

.lb9-catalog__stars {
  color: var(--lb9-orange);
  letter-spacing: .02em;
}

.lb9-catalog__stars small {
  color: #646c74;
  font-size: 12px;
  letter-spacing: 0;
}

.lb9-catalog__toolbar {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  min-height: 0;
  margin-top: 15px;
  margin-bottom: 0;
  padding: 0;
}

.lb9-catalog__result-count {
  flex: 0 0 auto;
  color: #25282b;
  font-size: 15px;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .lb9-catalog__result-count strong {
    font-size: 18px;
    line-height: 1.2;
  }
}

.lb9-catalog__result-count span {
  color: #8a9199;
  font-size: 13px;
}

.lb9-catalog__sort {
  display: flex;
  align-items: stretch;
  align-self: auto;
  gap: 19px;
  flex: 1 1 auto;
  width: auto;
  min-height: 44px;
  margin: 0;
  padding: 0;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.lb9-catalog__controls {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 18px;
  min-width: 0;
  min-height: 44px;
  margin-bottom: 10px;
  padding: 0 2px 10px;
  white-space: nowrap;
}

.lb9-catalog__sort::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.lb9-catalog__sort a {
  display: flex;
  align-items: center;
  position: relative;
  color: #69717a;
  font-size: 13px;
  white-space: nowrap;
}

.lb9-catalog__sort a:hover,
.lb9-catalog__sort a.is-active {
  color: var(--lb9-orange);
}

.lb9-catalog__sort a.is-active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: var(--lb9-orange);
}

.lb9-catalog__product-grid {
  margin-bottom: 12px;
}

.lb9-catalog .lb4-product {
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 0 0 1px #f0f1f2;
}

.lb9-catalog .lb4-product:hover {
  transform: none;
  box-shadow: 0 4px 14px rgba(20, 25, 26, .08);
}

.lb9-catalog .lb4-product__img {
  aspect-ratio: 1 / 1;
  background: #fff;
}

.lb9-catalog .lb4-product__img img {
  padding: 0;
}

.lb9-catalog .lb4-sale {
  top: 8px;
  right: auto;
  left: 8px;
  padding: 4px 7px;
  border-radius: 3px;
  background: var(--lb9-orange);
  font-size: 10px;
  line-height: 1.1;
}

.lb9-catalog .lb4-product__body {
  padding: 8px 10px 12px;
}

.lb9-catalog .lb4-product__brand {
  display: block;
  margin-bottom: 2px;
  overflow: hidden;
  color: #376d57;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lb9-catalog .lb4-product__title {
  height: 36px;
  margin-bottom: 2px;
  color: #34383c;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.lb9-catalog .lb4-price {
  gap: 6px;
  margin-bottom: 6px;
}

.lb9-catalog .lb4-price__sale {
  color: var(--lb9-orange);
  font-size: 15px;
}

.lb9-catalog .lb4-price__old {
  font-size: 12px;
}

.lb9-catalog .lb4-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  min-height: 20px;
  color: #8a9199;
  font-size: 11px;
}

.lb9-catalog .lb4-rating__score {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 1px 4px;
  border-radius: 3px;
  color: #fff;
  background: var(--lb9-orange);
  font-size: 11px;
  font-weight: 700;
}

.lb9-catalog .lb4-rating__reviews,
.lb9-catalog .lb4-rating__sold {
  color: #8a9199;
  font-size: 11px;
}

.lb9-catalog .lb4-rating__sold {
  margin-left: auto;
  white-space: nowrap;
}

.lb9-catalog .lb4-rating__sold i {
  margin-right: 3px;
  color: #777f86;
}

.lb9-catalog__mobile-actions {
  display: none;
}

.lb9-catalog__mobile-title {
  color: #25282b;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.lb9-catalog__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 24px;
}

.lb9-catalog__pagination a,
.lb9-catalog__pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #e0e3e5;
  border-radius: 4px;
  color: #67707a;
  background: #fff;
  font-size: 13px;
}

.lb9-catalog__pagination a:hover,
.lb9-catalog__pagination .current {
  color: #fff;
  border-color: var(--lb9-green);
  background: var(--lb9-green);
}

.lb9-catalog__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 260px;
  padding: 30px;
  border-radius: 6px;
  color: #858c93;
  background: #fff;
  text-align: center;
}

.lb9-catalog__empty i {
  margin-bottom: 12px;
  color: var(--lb9-orange);
  font-size: 28px;
}

.lb9-catalog__empty p {
  margin: 0;
  font-size: 14px;
}

@media (max-width: 1199.98px) {
  .lb9-catalog__brand-item {
    min-width: 105px;
  }

  .lb9-catalog__toolbar {
    gap: 12px;
  }

  .lb9-catalog__sort {
    gap: 13px;
  }
}

@media (max-width: 991.98px) {
  .lb9-catalog__body {
    padding-top: 4px;
  }

  .lb9-catalog__mobile-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 7px;
  }

  .lb9-catalog__intro {
    align-items: center;
  }

  .lb9-catalog__filter-toggle {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #dce1e3;
    border-radius: 4px;
    color: #464c52;
    background: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
  }

  .lb9-catalog__aside {
    position: fixed;
    inset: 0;
    z-index: 80;
    width: auto;
    height: 100dvh;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden;
    pointer-events: none;
    background: rgba(20, 25, 26, .35);
    opacity: 0;
    border-right: 0;
    max-width: none;
    transition: opacity .2s ease, visibility .2s ease;
  }

  .lb9-catalog__aside.is-open {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
  }

  .lb9-catalog__filter {
    width: min(90vw, 360px);
    height: 100dvh;
    padding: 20px;
    border-radius: 0;
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform .25s ease;
  }

  .lb9-catalog__aside.is-open .lb9-catalog__filter {
    transform: translateX(0);
  }

  .lb9-catalog__filter-close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    color: #596169;
    background: transparent;
    font-size: 18px;
  }

  .lb9-catalog__toolbar {
    flex-wrap: wrap;
    min-height: 0;
    padding: 0;
  }

  .lb9-catalog__result-count {
    display: none;
  }

  .lb9-catalog__sort {
    flex: 1 1 auto;
    width: auto;
    min-height: 44px;
    padding: 0;
  }

  .lb9-catalog__controls {
    gap: 12px;
    min-height: 44px;
    margin-bottom: 8px;
    padding: 0 12px 10px;
  }

  .lb9-catalog__display-form {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .lb9-catalog__crumb {
    min-height: 38px;
    font-size: 12px;
  }

  .lb9-catalog__brand-rail {
    padding-top: 8px;
  }

  .lb9-catalog__brand-list {
    min-height: 70px;
    padding: 5px;
  }

  .lb9-catalog__brand-item {
    min-width: 92px;
    min-height: 58px;
    padding: 7px 10px;
  }

  .lb9-catalog__brand-item img {
    max-height: 34px;
  }

  .lb9-catalog__body {
    padding-bottom: 38px;
  }

  .lb9-catalog__intro {
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 12px;
  }

  .lb9-catalog__intro h1 {
    font-size: 22px;
  }

  .lb9-catalog__eyebrow {
    font-size: 11px;
  }

  .lb9-catalog__description {
    font-size: 13px;
  }

  .lb9-catalog__filter-toggle {
    width: 38px;
    min-height: 34px;
    padding: 0;
    font-size: 0;
  }

  .lb9-catalog__filter-toggle i {
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 1;
  }

  .lb9-catalog__toolbar {
    gap: 7px;
  }

  .lb9-catalog__mobile-title {
    min-width: 0;
    overflow: hidden;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .lb9-catalog__sort {
    width: 100%;
    gap: 17px;
  }

  .lb9-catalog__sort a {
    font-size: 12px;
  }

  .lb9-catalog__display-form {
    width: auto;
    justify-content: flex-end;
  }

  .lb9-catalog .lb4-product__body {
    padding: 8px 7px 11px;
  }

  .lb9-catalog .lb4-product__title {
    height: 36px;
    font-size: 13px;
  }

  .lb9-catalog .lb4-price__sale {
    font-size: 14px;
  }

  .lb9-catalog__pagination {
    margin-top: 18px;
  }
}

body.lb9-filter-open {
  overflow: hidden;
}

/* Index5 combined sections */
.lb5-combo {
  --combo-blue: var(--lb-primary);
  --combo-navy: var(--lb-primary);
  --combo-gold: var(--lb-secondary);
  --combo-gold-light: var(--lb-secondary);
  --combo-gold-dark: var(--lb-secondary);
  --combo-cream: #fbf7ee;
  --combo-cream-2: #f3e6c8;
  --combo-text: #22283a;
  --combo-muted: #6b7280;
  --combo-light: #98a0b3;
  --combo-border: #e7e4dc;
  --combo-border-soft: #f0eee8;
  --combo-shadow: 0 4px 16px rgba(var(--lb-primary-rgb), 0.08);
  --combo-shadow-lg: 0 12px 32px rgba(var(--lb-primary-rgb), 0.12);
}

input:focus, a:focus, button:focus {
  outline: none;
}

.lb5-combo .lb-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 15px;
}

.lb-section-title {
  --lb-section-title-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  padding: 0 2px;
  text-align: center;
}

.lb-section-title h2 {
  margin: 0;
  color: var(--lb-primary);
  font-size: var(--lb-section-title-size);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 991.98px) {
  .lb-section-title {
    --lb-section-title-size: 28px;
    margin-bottom: 24px;
  }
}

@media (max-width: 575.98px) {
  .lb-section-title {
    --lb-section-title-size: 24px;
    margin-bottom: 20px;
  }

  .lb-section-title h2 {
    line-height: 1.25;
  }
}

.lb5-combo .lb-section-head {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.lb5-combo .lb-section-head--center {
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.lb5-combo .lb-section-head__text .lb-eyebrow,
.lb5-combo .lb-eyebrow {
  display: none;
}

.lb5-combo .lb-section-head__text h2,
.lb5-combo .lb-lead__text h2 {
  margin: 0;
  color: var(--lb-primary);
  font-size: var(--lb-section-title-size, 32px);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

.lb5-combo .lb-section-head__text p {
  display: none;
}

.lb5-combo .lb-stats {
  padding: clamp(34px, 3.5vw, 52px) 0 clamp(32px, 3.2vw, 48px);
  background: #fff;
}

.lb5-combo .lb5-hero-video {
  min-height: 312px;
}

.lb5-combo .lb5-hero-video img {
  min-height: 312px;
}

.lb5-combo .lb-stats .lb-eyebrow {
  color: var(--lb-secondary);
}

.lb5-combo .lb-stats h2 {
  color: var(--lb-primary);
  font-size: var(--lb-section-title-size, 32px);
  line-height: 1.2;
}

.lb5-combo .lb-market-board {
  margin-top: 0;
}

.lb5-combo .lb-market-cell {
  display: flex;
  width: 100%;
  min-height: 0;
  aspect-ratio: 1.42 / 1;
  border: 1.5px solid #fff;
  overflow: hidden;
  container-type: inline-size;
}

.lb5-combo .lb-market-cell--stat {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: clamp(14px, 3.4cqi, 28px);
  background: var(--lb-primary);
  color: #fff;
  text-align: center;
}

.lb5-combo .lb-market-cell--image {
  background: #b6b7c0;
}

.lb5-combo .lb-market-cell--image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lb5-combo .lb-market-cell__num {
  margin-bottom: clamp(6px, 2.2cqi, 12px);
  color: #fff;
  font-size: clamp(38px, 14cqi, 72px);
  font-weight: 600;
  line-height: 0.95;
}

.lb5-combo .lb-market-cell__label {
  color: #fff;
  font-size: clamp(14px, 3.9cqi, 20px);
  font-weight: 600;
  line-height: 1.22;
}

@media (max-width: 991.98px) {
  .lb5-combo .lb-market-cell {
    border-width: 1px;
  }
}

@media (max-width: 575.98px) {
  .lb5-combo .lb-stats {
    padding: 34px 0 26px;
  }

  .lb5-combo .lb-market-cell__num {
    font-size: clamp(38px, 13cqi, 62px);
  }

  .lb5-combo .lb-market-cell__label {
    font-size: clamp(14px, 4.2cqi, 18px);
  }
}

.lb5-combo .lb5-tech-source,
.lb5-combo .lb5-activity,
.lb5-combo .lb5-patents,
.lb5-combo .lb5-logo-cloud,
.lb5-combo .lb5-partners,
.lb5-combo #quy-trinh {
  padding: 42px 0;
}

.lb5-combo .lb5-activity {
  background: #fff;
}

.lb5-combo .lb5-activity .lb4-section-title__label {
  font-size: 14px;
}

.lb5-combo .lb5-activity-gallery {
  width: 100vw;
  margin: -4px 0 34px calc(50% - 50vw);
  overflow: hidden;
  padding: 2px 0;
}

.lb5-combo .lb5-activity-swiper {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  overflow: visible;
}

.lb5-combo .lb5-activity-swiper .swiper-wrapper {
  align-items: stretch;
}

.lb5-combo .lb5-activity-gallery__item {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1 / 1;
  margin: 0;
  background: rgba(var(--lb-primary-rgb), 0.08);
}

.lb5-combo .lb5-activity-gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lb5-combo .lb5-activity-timeline {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 26px;
  padding: 8px 0;
}

.lb5-combo .lb5-activity-timeline::before {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 50%;
  width: 2px;
  background: #d9e1ef;
  transform: translateX(-50%);
}

.lb5-combo .lb5-activity-entry {
  position: relative;
  display: flex;
  gap: 56px;
  align-items: center;
  justify-content: space-between;
  color: inherit;
  text-decoration: none;
}

.lb5-combo .lb5-activity-entry:hover {
  color: inherit;
  text-decoration: none;
}

.lb5-combo .lb5-activity-entry__content {
  flex: 0 1 calc(50% - 24px);
  min-width: 0;
}

.lb5-combo .lb5-activity-entry.is-content-left .lb5-activity-entry__content {
  text-align: right;
}

.lb5-combo .lb5-activity-entry.is-image-left .lb5-activity-entry__content {
  text-align: left;
}

.lb5-combo .lb5-activity-entry__dot {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #111;
  box-shadow: 0 0 0 1px #111;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.lb5-combo .lb5-activity-entry__media {
  flex: 0 1 calc(50% - 24px);
  overflow: hidden;
  width: 100%;
  aspect-ratio: 3.2 / 1;
  background: #29418c;
}

.lb5-combo .lb5-activity-entry.is-image-left {
  flex-direction: row-reverse;
}

.lb5-combo .lb5-activity-entry__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lb5-combo .lb5-activity-entry time {
  display: block;
  margin-bottom: 12px;
  color: var(--lb-primary);
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
}

.lb5-combo .lb5-activity-entry h3 {
  margin: 0 0 10px;
  color: #111;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

.lb5-combo .lb5-activity-entry p {
  margin: 0;
  color: #111;
  font-size: 16px;
  line-height: 1.35;
}

.lb5-combo .lb-tech-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(16px, 2vw, 24px);
  height: 100%;
}

.lb5-combo .lb-tech-card {
  max-width: 360px;
}

.lb5-combo .lb-tech-card h3 {
  display: inline-block;
  margin: 0 0 6px;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(20, 25, 26, 0.45);
  color: var(--lb-primary);
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 600;
  line-height: 1.2;
}

.lb5-combo .lb-tech-card p {
  margin: 0;
  color: #14191a;
  font-size: clamp(14px, 1.05vw, 16px);
  line-height: 1.4;
}

.lb5-combo .lb-tech-banner {
  overflow: hidden;
  background: #050505;
}

/* Ảnh/video full width, chiều cao theo tỉ lệ gốc */
.lb5-combo .lb-tech-banner img,
.lb5-combo .lb-tech-banner video {
  display: block;
  width: 100%;
  height: auto;
}

/* YouTube không có chiều cao tự nhiên nên giữ tỉ lệ 16:9 */
.lb5-combo .lb-tech-banner iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
  pointer-events: none;
}

@media (max-width: 991.98px) {
  .lb5-combo .lb-process-row {
    flex-wrap: wrap;
    padding-right: 0;
  }

  .lb5-combo .lb-process-step {
    flex-basis: calc(50% - 1px);
    min-height: 150px;
  }

  .lb5-combo .lb-process-step:not(:first-child) {
    margin-left: 0;
  }

  .lb5-combo .lb-tech-list {
    gap: 18px;
    height: auto;
  }

  .lb5-combo .lb-tech-card {
    max-width: none;
  }

}

@media (max-width: 575.98px) {
  .lb5-combo .lb-process-row {
    flex-direction: column;
  }

  .lb5-combo .lb-process-step {
    flex-basis: auto;
    min-height: auto;
    padding: 22px 20px;
  }

  .lb5-combo .lb-process-step__num {
    margin-bottom: 12px;
    font-size: 20px;
  }

  .lb5-combo .lb-process-step h3 {
    font-size: 22px;
  }

  .lb5-combo .lb-process-step p {
    font-size: 14px;
  }

  .lb5-combo .lb-tech-list {
    gap: 16px;
  }

  .lb5-combo .lb-tech-card h3 {
    font-size: 18px;
  }

  .lb5-combo .lb-tech-card p {
    font-size: 14px;
    line-height: 1.4;
  }

}

.lb5-combo .lb5-patents {
  padding-top: 40px;
  overflow: hidden;
  background: #fff;
}

.lb5-combo .lb5-patent-full {
  width: 100%;
  overflow: hidden;
}

.lb5-combo .lb5-patent {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1.414;
  padding: 0;
  border: 1px solid var(--combo-border-soft);
  border-radius: 8px;
  background: #f8fafc;
  box-shadow: 0 1px 3px rgba(13, 27, 66, 0.06);
  overflow: hidden;
}

.lb5-combo .lb5-patent img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lb5-combo .lb5-swiper-wrap {
  position: relative;
}

.lb5-combo .lb5-carousel-control {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  bottom: auto;
  z-index: 2;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(4, 97, 159, 0.22);
  background: rgba(255, 255, 255, 0.92);
  opacity: 0.82;
  transform: translateY(-50%);
  cursor: pointer;
}

.lb5-combo .lb5-carousel-control:hover {
  background: #fff;
  opacity: 1;
}

.lb5-combo .lb5-carousel-control::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 15px;
}

.lb5-combo .lb5-swiper-prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.4 3.1 5 7.5l4.4 4.4' fill='none' stroke='%2304619f' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.lb5-combo .lb5-swiper-next::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.6 3.1 4.4 4.4-4.4 4.4' fill='none' stroke='%2304619f' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.lb5-combo .lb5-swiper-prev {
  left: -8px;
}

.lb5-combo .lb5-swiper-next {
  right: -8px;
}

.lb5-combo .lb5-logo-cloud {
  background: #fff;
}

.lb5-combo .lb5-logo-cloud .lb-section-head {
  margin-bottom: 30px;
}

.lb5-combo .lb5-logo-cloud__wall {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  column-gap: 0;
  row-gap: 34px;
  width: 100%;
  padding: 8px 0 10px;
}

.lb5-combo .lb5-logo-cloud__single {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}

.lb5-combo .lb5-logo-cloud__single img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.lb5-combo .lb5-logo-cloud__item {
  display: flex;
  align-items: center;
  flex: 0 0 12.5%;
  flex-direction: column;
  min-width: 0;
  padding: 0 12px;
  color: #6f7784;
  text-align: center;
  text-decoration: none;
}

.lb5-combo .lb5-logo-cloud__mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 76px;
}

.lb5-combo .lb5-logo-cloud__mark img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.lb5-combo .lb5-logo-cloud__item:hover .lb5-logo-cloud__mark img {
  opacity: 0.86;
  transform: translateY(-2px);
}

@media (max-width: 991.98px) {
  .lb5-combo .lb5-logo-cloud__wall {
    column-gap: 0;
    row-gap: 28px;
  }

  .lb5-combo .lb5-logo-cloud__item {
    flex-basis: 25%;
  }

  .lb5-combo .lb5-logo-cloud__mark {
    width: 112px;
    height: 70px;
  }
}

@media (max-width: 575.98px) {
  .lb5-combo .lb5-logo-cloud .lb-section-head {
    margin-bottom: 22px;
  }

  .lb5-combo .lb5-logo-cloud__wall {
    justify-content: space-between;
    column-gap: 0;
    row-gap: 16px;
  }

  .lb5-combo .lb5-logo-cloud__item {
    flex-basis: 33.333%;
    padding: 0 8px;
  }

  .lb5-combo .lb5-logo-cloud__mark {
    width: 100%;
    height: 58px;
  }

  .lb5-combo .lb5-partners {
    padding-top: 10px;
    padding-bottom: 30px;
  }
}

.lb5-combo .lb5-partners {
  background: #fff;
}

.lb5-combo #patentCarousel {
  overflow: visible;
  padding-right: 0;
  padding-left: 0;
}

.lb5-combo #patentCarousel .swiper-wrapper {
  padding: 2px 0;
}

.lb5-combo .lb5-partners-image {
  display: block;
  width: 100%;
  background: #fff;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.16);
  border-radius: 4px;
  box-shadow: 0 10px 26px rgba(var(--lb-primary-rgb), 0.06);
  overflow: hidden;
}

.lb5-combo .lb5-partners-image img {
  display: block;
  width: 100%;
  height: auto;
}

.lb5-combo .lb-process-row {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  margin-top: 10px;
  padding-right: 0;
}

.lb5-combo .lb-process-row::before {
  display: none;
}

.lb5-combo .lb-process-step {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 190px;
  padding: 28px 26px;
  color: #fff;
  background: var(--lb-primary);
  text-align: left;
}

.lb5-combo .lb-process-step::after {
  content: '';
  position: absolute;
  top: 24px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  width: 24px;
  height: 24px;
  transform: rotate(45deg) skew(10deg, 10deg);
  right: -13px;
  z-index: 1;
  background: inherit;
}

@media (max-width: 991.98px) {
  .lb5-combo .lb-process-step::after {
    content: none;
  }
}

@media (max-width: 575.98px) {
  .lb5-combo .lb-process-step{
    min-height: auto;
    margin: 0 !important
  }
}

.lb5-combo .lb-process-step.is-light {
  background: #284da8;
}

.lb5-combo .lb-process-step:not(:first-child) {
  margin-left: 1px;
}

.lb5-combo .lb-process-step__num {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.lb5-combo .lb-process-step h3 {
  width: 100%;
  margin: 0 0 8px;
  color: #fff;
  font-size: clamp(18px, 1.35vw, 24px);
  font-weight: 600;
  line-height: 1.15;
  text-transform: uppercase;
}

.lb5-combo .lb-process-step p {
  width: 100%;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.88);
  font-size: 16px;
  line-height: 1.45;
}

.lb5-combo .lb-lead {
  padding: 46px 0;
  background: linear-gradient(135deg, var(--combo-cream) 0%, var(--combo-cream-2) 100%);
}

.lb5-combo .lb-lead__text h2 {
  text-align: left;
}

.lb5-combo .lb-lead__text p {
  max-width: 460px;
  margin-top: 10px;
  color: #4a4534;
  font-size: 14px;
  line-height: 1.65;
}

.lb5-combo .lb-lead__perks {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.lb5-combo .lb-lead__perks li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--combo-navy);
  font-size: 13px;
  font-weight: 600;
}

.lb5-combo .lb-lead__perks i,
.lb5-combo .lb-lead__hotline i {
  color: var(--combo-gold-dark);
}

.lb5-combo .lb-lead__hotline {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  color: var(--combo-navy);
  font-size: 15px;
  font-weight: 700;
}

.lb5-combo .lb-lead-form {
  padding: 30px;
  border-radius: 10px;
  background: #fff;
  box-shadow: var(--combo-shadow-lg);
}

.lb5-combo .lb-field {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 6px;
}

.lb5-combo .lb-field .wpcf7-form-control-wrap {
  display: block;
}

.lb5-combo .lb-field label {
  margin: 0;
  color: var(--combo-navy);
  font-size: 12px;
  font-weight: 600;
}

.lb5-combo .lb-field input,
.lb5-combo .lb-field select {
  height: 44px;
  padding: 0 12px;
  border: 2px solid var(--combo-border);
  border-radius: 4px;
  outline: 0;
  background: #fff;
  color: var(--combo-text);
  font-size: 13px;
  width: 100%;
}

.lb5-combo .lb-field input:focus,
.lb5-combo .lb-field select:focus {
  border-color: var(--combo-navy);
}

.lb5-combo .lb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 12px 24px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.lb5-combo .lb-btn--gold {
  color: var(--combo-navy);
  background: var(--combo-gold);
}

.lb5-combo .lb-btn--block {
  width: 100%;
}



.lb5-combo .lb5-logo__text span {
  color: var(--combo-navy);
}

.lb5-combo .lb5-logo__text small {
  color: var(--combo-gold-dark);
}

.lb5-combo .lb5-search button {
  background: var(--combo-navy);
}

.lb5-combo .lb5-agency {
  color: var(--combo-navy);
  border-color: var(--combo-gold);
  background: var(--combo-gold);
}

.lb5-combo .lb5-agency:hover {
  color: var(--combo-navy);
  background: var(--combo-gold-light);
}

.lb5-combo #patentCarousel .lb5-patent-col {
  flex: 0 0 auto;
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

.lb5-combo .lb4-product-swiper-wrap {
  position: relative;
}

.lb5-combo .lb4-product-swiper {
  overflow: hidden;
}

.lb5-combo .lb5-bestseller {
  padding-top: clamp(34px, 4vw, 58px);
  padding-bottom: clamp(38px, 4.6vw, 64px);
  background: linear-gradient(180deg, #fff 0%, rgba(var(--lb-primary-rgb), 0.035) 100%);
}

.lb5-combo .lb5-bestseller > .container {
  width: 80%;
  max-width: 1104px;
}

.lb5-combo .lb5-bestseller .lb-section-head {
  margin-bottom: clamp(22px, 3vw, 34px);
}

.lb5-combo .lb5-bestseller__layout {
  display: flex;
  align-items: stretch;
  gap: clamp(16px, 2vw, 26px);
}

.lb5-combo .lb5-bestseller-hero {
  position: relative;
  display: flex;
  flex: 0 0 47%;
  aspect-ratio: 1 / 1;
  min-height: 0;
  overflow: hidden;
  color: #fff;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(var(--lb-primary-rgb), 0.12);
  text-decoration: none;
}

.lb5-combo .lb5-bestseller-hero img,
.lb5-combo .lb5-bestseller-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.25s ease;
}

.lb5-combo .lb5-bestseller-hero:hover img,
.lb5-combo .lb5-bestseller-card__image:hover img {
  transform: scale(1.035);
}

.lb5-combo .lb5-bestseller-hero::after {
  content: none;
}

.lb5-combo .lb5-bestseller-hero strong {
  position: absolute;
  right: clamp(22px, 2.4vw, 38px);
  bottom: clamp(24px, 3vw, 42px);
  left: clamp(22px, 2.4vw, 38px);
  z-index: 2;
  color: #fff;
  font-size: clamp(22px, 1.8vw, 32px);
  font-weight: 600;
  line-height: 1.18;
  text-transform: uppercase;
}

.lb5-combo .lb5-bestseller-hero__badge {
  position: absolute;
  top: 0;
  left: clamp(12px, 1.2vw, 18px);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(66px, 5vw, 78px);
  height: clamp(72px, 5.9vw, 90px);
  padding: 8px 10px 18px;
  color: #fff;
  background: #d90b0b;
  border-radius: 0 0 999px 999px;
  box-shadow: 0 8px 18px rgba(217, 11, 11, 0.2);
  font-size: clamp(11px, 0.86vw, 13px);
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
}

.lb5-combo .lb5-bestseller-hero__badge::after {
  content: "";
  position: absolute;
  top: 0;
  right: -13px;
  width: 13px;
  height: 13px;
  background: #d90b0b;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
}

.lb5-combo .lb5-bestseller-hero__badge::before {
  display: none;
}

.lb5-combo .lb5-bestseller__side {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: clamp(16px, 1.8vw, 24px);
  min-width: 0;
}

.lb5-combo .lb5-bestseller-card {
  display: flex;
  flex: 0 0 calc(50% - clamp(8px, 0.9vw, 12px));
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.08);
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(var(--lb-primary-rgb), 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.lb5-combo .lb5-bestseller-card:hover {
  border-color: rgba(var(--lb-primary-rgb), 0.18);
  box-shadow: 0 16px 36px rgba(var(--lb-primary-rgb), 0.13);
  transform: translateY(-3px);
}

.lb5-combo .lb5-bestseller-card__image {
  display: block;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #fff;
}

.lb5-combo .lb5-bestseller-card__body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 14px 16px 16px;
}

.lb5-combo .lb5-bestseller-card__title {
  display: block;
  min-height: 40px;
  color: #111;
  font-size: clamp(15px, 1.05vw, 18px);
  font-weight: 600;
  line-height: 20px;
  text-transform: none;
  text-decoration: none;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.lb5-combo .lb5-bestseller-card__price {
  margin-top: 10px;
  color: var(--lb-primary);
  font-size: clamp(15px, 1vw, 18px);
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.lb5-combo .lb5-bestseller-card__rating {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 8px;
  color: #ffb000;
  font-size: 13px;
  line-height: 1;
}

.lb5-combo .lb5-bestseller-card__rating span {
  margin-left: 5px;
  color: #777;
  font-size: 12px;
  font-weight: 600;
}

@media (max-width: 991.98px) {
  .lb5-combo .lb5-bestseller > .container {
    width: 100%;
  }

  .lb5-combo .lb5-bestseller__layout {
    flex-direction: column;
  }

  .lb5-combo .lb5-bestseller-hero {
    flex-basis: auto;
    min-height: 0;
  }

  .lb5-combo .lb5-bestseller-card__title {
    font-size: 17px;
  }

  .lb5-combo .lb5-bestseller-card__price {
    font-size: 17px;
  }

  .lb5-combo .lb5-activity-gallery {
    margin-bottom: 28px;
  }

  .lb5-combo .lb5-activity-swiper {
    width: 100%;
  }

  .lb5-combo .lb5-activity-timeline {
    gap: 22px;
    padding-left: 26px;
  }

  .lb5-combo .lb5-activity-timeline::before {
    left: 7px;
  }

  .lb5-combo .lb5-activity-entry {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .lb5-combo .lb5-activity-entry.is-image-left {
    flex-direction: column;
  }

  .lb5-combo .lb5-activity-entry__dot {
    top: 8px;
    left: -25px;
    transform: none;
  }

  .lb5-combo .lb5-activity-entry.is-content-left .lb5-activity-entry__content,
  .lb5-combo .lb5-activity-entry.is-image-left .lb5-activity-entry__content,
  .lb5-combo .lb5-activity-entry.is-content-left .lb5-activity-entry__media,
  .lb5-combo .lb5-activity-entry.is-image-left .lb5-activity-entry__media {
    text-align: left;
  }

  .lb5-combo .lb5-activity-entry__content {
    order: 1;
    flex-basis: auto;
  }

  .lb5-combo .lb5-activity-entry__media,
  .lb5-combo .lb5-activity-entry.is-image-left .lb5-activity-entry__media {
    order: 2;
    flex-basis: auto;
  }

  .lb5-combo .lb5-activity-entry__media {
    aspect-ratio: 16 / 6;
  }

  .lb5-combo .lb5-activity-entry time {
    font-size: 28px;
  }

  .lb5-combo .lb5-activity-entry h3 {
    font-size: 18px;
  }

  .lb5-combo .lb5-activity-entry p {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  .lb5-combo .lb5-bestseller-hero {
    min-height: 0;
  }

  .lb5-combo .lb5-bestseller__side {
    gap: 16px;
  }

  .lb5-combo .lb5-bestseller-card {
    flex-basis: calc(50% - 8px);
  }

  .lb5-combo .lb-section-head__text h2,
  .lb5-combo .lb-lead__text h2 {
    font-size: var(--lb-section-title-size, 28px);
  }

  .lb5-combo .lb-process-row::before {
    display: none;
  }

  .lb5-combo .lb-lead-form {
    padding: 20px;
  }

  .lb5-combo .lb5-hero-video,
  .lb5-combo .lb5-hero-video img {
    min-height: 260px;
  }

  .lb5-combo .lb5-activity-timeline {
    gap: 20px;
    padding-left: 22px;
  }

  .lb5-combo .lb5-activity-gallery {
    margin-bottom: 24px;
  }

  .lb5-combo .lb5-activity-swiper {
    width: 100%;
  }

  .lb5-combo .lb5-activity-entry__dot {
    left: -23px;
    width: 12px;
    height: 12px;
  }

  .lb5-combo .lb5-activity-entry__media {
    aspect-ratio: 16 / 7;
  }

  .lb5-combo .lb5-activity-entry time {
    margin-bottom: 8px;
    font-size: 20px;
  }

  .lb5-combo .lb5-activity-entry h3 {
    font-size: 16px;
  }

  .lb5-combo .lb5-activity-entry p {
    font-size: 14px;
    line-height: 1.5;
  }

  .lb5-combo .lb5-swiper-prev {
    left: 2px;
  }

  .lb5-combo .lb5-swiper-next {
    right: 2px;
  }
}

@media (max-width: 575.98px) {
  .lb5-combo .lb5-bestseller .lb-section-head {
    margin-bottom: 24px;
  }

  .lb5-combo .lb5-bestseller__layout {
    gap: 22px;
  }

  .lb5-combo .lb5-bestseller-hero {
    min-height: 0;
  }

  .lb5-combo .lb5-bestseller-hero strong {
    right: 18px;
    bottom: 22px;
    left: 18px;
    font-size: 22px;
  }

  .lb5-combo .lb5-bestseller-hero__badge {
    width: 62px;
    height: 72px;
    padding: 7px 8px 16px;
    font-size: 10px;
  }

  .lb5-combo .lb5-bestseller-hero__badge::after {
    right: -11px;
    width: 11px;
    height: 11px;
  }

  .lb5-combo .lb5-bestseller-card__body {
    padding: 10px 10px 12px;
  }

  .lb5-combo .lb5-bestseller-card__title {
    min-height: 38px;
    font-size: 14px;
  }

  .lb5-combo .lb5-bestseller-card__price {
    margin-top: 8px;
    font-size: 14px;
  }

  .lb5-combo .lb5-bestseller-card__rating {
    margin-top: 7px;
    font-size: 12px;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--lb4-text);
  font-family: "Inter", Arial, sans-serif;
  background: var(--lb4-bg);
}

.lb4-page a {
  color: inherit;
  text-decoration: none;
}

.lb4-page {
  overflow-x: hidden;
}

/* 02. Header & Navigation */
.lb4-header {
  background: #fffaf0;
  border-bottom: 1px solid var(--lb4-line);
  box-shadow: 0 4px 16px rgba(var(--lb-primary-rgb), 0.08);
}

.lb4-header__main {
  padding: 14px 0;
}

.lb4-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  min-height: 76px;
}

.lb4-logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 10px;
}

.lb4-logo__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 6px;
  color: var(--lb4-gold);
  background: var(--lb4-blue-dark);
  font-size: 20px;
  font-weight: 700;
}

.lb4-logo__name {
  display: block;
  color: var(--lb4-blue);
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.lb4-logo__sub {
  display: block;
  margin-top: 4px;
  color: var(--lb4-gold-2);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.lb4-search {
  display: flex;
  height: 44px;
  border: 2px solid var(--lb4-blue);
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
}

.lb4-search input {
  width: 100%;
  border: 0;
  padding: 0 14px;
  outline: 0;
  font-size: 14px;
}

.lb4-search button {
  width: 56px;
  border: 0;
  color: #fff;
  background: var(--lb4-blue);
  cursor: pointer;
}

.lb4-head-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.lb4-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  gap: 7px;
}

.lb4-head-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--lb4-line);
  border-radius: 4px;
  color: var(--lb4-blue);
  background: #fff;
}

.lb4-head-icon span {
  position: absolute;
  top: -7px;
  right: -7px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #fff;
  background: var(--lb4-red);
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}

.lb4-lang {
  position: relative;
  flex: 0 0 auto;
}

.lb4-lang__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px 11px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.14);
  border-radius: 4px;
  color: var(--lb4-blue-dark);
  background: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.lb4-lang__toggle:hover,
.lb4-lang:focus-within .lb4-lang__toggle {
  color: var(--lb4-blue);
  border-color: rgba(var(--lb-primary-rgb), 0.32);
  background: #fff;
}

.lb4-lang__menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 20;
  min-width: 144px;
  padding: 7px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.12);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(var(--lb-primary-rgb), 0.14);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.lb4-lang:hover .lb4-lang__menu,
.lb4-lang:focus-within .lb4-lang__menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.lb4-lang__menu a {
  display: block;
  padding: 8px 10px;
  border-radius: 4px;
  color: var(--lb4-text);
  font-size: 13px;
  font-weight: 700;
}

.lb4-lang__menu a:hover {
  color: var(--lb4-blue);
  background: var(--lb4-soft);
}

/* 03. Buttons */
.lb4-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 18px;
  border: 0;
  border-radius: 4px;
  color: #fff;
  background: var(--lb4-gold-2);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  box-shadow: 0 7px 16px rgba(var(--lb-secondary-rgb), 0.24);
}

.lb4-btn--blue {
  background: var(--lb4-blue);
  box-shadow: 0 7px 16px rgba(var(--lb-primary-rgb), 0.24);
}

.lb4-btn--contact {
  min-height: 40px;
  padding: 9px 15px;
  color: #fff;
  background: var(--lb4-blue-dark);
  border: 1px solid var(--lb4-blue-dark);
  box-shadow: 0 8px 18px rgba(var(--lb-primary-rgb), 0.14);
  letter-spacing: 0;
  transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.lb4-header .lb4-btn--contact {
  color: #fff;
}

.lb4-btn--contact:hover {
  color: var(--lb4-blue-dark);
  border-color: rgba(var(--lb-secondary-rgb), 0.82);
  background: #fff;
  box-shadow: 0 8px 18px rgba(var(--lb-secondary-rgb), 0.14);
}

.lb4-header .lb4-btn--contact:hover {
  color: var(--lb4-blue-dark);
}

/* 04. Layout Helpers */
.lb4-section {
  padding: 40px 0;
}

.lb4-section--tight {
  padding: 40px 0;
}

#brands {
  padding-top: 45px;
  background-color: #fff;
}

#tech.lb4-section--tight {
  padding-top: 30px;
  padding-bottom: 0;
}

#events.lb4-section--tight {
  padding-bottom: 0;
}

.lb4-section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.lb4-section-title__label {
  display: none;
}

.lb4-section-title h2 {
  margin: 0;
  color: var(--lb-primary);
  font-size: var(--lb-section-title-size, 32px);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

.lb4-section-title__link {
  display: none;
}

.lb4-panel {
  padding: 14px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.74);
  box-shadow: 0 4px 14px rgba(var(--lb-primary-rgb), 0.05);
}

/* 05. Home Hero */
.lb4-hero {
  padding: 36px 0 32px;
  background: #f7fbfd;
}

.lb4-hero-card {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 18px 26px 18px 0;
  border-radius: 8px;
  color: var(--lb4-text);
  background: transparent;
  box-shadow: none;
}

.lb4-hero-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px;
  border: 1px solid var(--lb4-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 22px rgba(var(--lb-primary-rgb), 0.06);
}

.lb4-kicker {
  margin-bottom: 10px;
  color: var(--lb4-gold);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.lb4-hero-title {
  margin-bottom: 14px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.12;
}

.lb4-hero-text {
  margin-bottom: 18px;
  color: var(--lb4-muted);
  font-size: 15px;
  line-height: 1.65;
}

.lb4-hero-list {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  color: var(--lb4-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.9;
}

.lb4-hero-list i {
  width: 22px;
  color: var(--lb4-gold);
}

.lb4-video {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 56.25%;
  border-radius: 6px;
  background: #031f3d;
}

.lb4-video img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.66;
}

.lb4-video video,
.lb4-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.lb4-video video {
  display: block;
  object-fit: cover;
  background: #031f3d;
}

.lb4-video__body {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 9px;
  color: #fff;
  padding: 16px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
}

.lb4-video--file .lb4-video__body,
.lb4-video--youtube .lb4-video__body {
  display: none;
}

.lb4-play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: var(--lb4-blue);
  background: #fff;
}

.lb4-brand-logo-row {
  margin-top: 10px;
}

.lb4-brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border: 1px solid var(--lb4-line);
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}

.lb4-brand-logo img {
  max-width: 86%;
  max-height: 67%;
  object-fit: contain;
}

.lb4-gutter-10 {
  margin-right: -5px;
  margin-left: -5px;
}

.lb4-gutter-10 > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

/* 06. Featured Brand Banner Rail */
.lb4-exclusive-brands {
  padding: 46px 0 68px;
  background: #fff;
}

.lb4-exclusive-brands .lb-section-head {
  margin-bottom: 56px;
}

.lb4-exclusive-brands__rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: flex-start;
  gap: clamp(14px, 1.15vw, 24px);
  width: 100%;
  padding-bottom: clamp(52px, 5vw, 82px);
  overflow: visible;
}

.lb4-exclusive-brand {
  display: block;
  width: 100%;
  min-width: 0;
  aspect-ratio: 4 / 5;
  overflow: visible;
  background: transparent;
}

.lb4-exclusive-brand.is-bottom {
  transform: translateY(32%);
}

.lb4-exclusive-brand__media {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
}

.lb4-exclusive-brand img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease;
}

.lb4-exclusive-brand:hover img {
  transform: scale(1.04);
}

@media (max-width: 1199.98px) {
  .lb4-exclusive-brands__rail {
    padding-bottom: 0;
  }

  .lb4-exclusive-brand.is-bottom {
    transform: none;
  }
}

/* 07. B2B, Technology, Events & Products */
.lb4-b2b-band {
  margin: 0;
  padding: 40px 0;
  color: #fff;
  background: var(--lb4-blue-dark);
}

.lb4-b2b-band .lb4-section-title h2 {
  color: var(--lb-primary);
}

.lb4-b2b-card {
  height: 100%;
  padding: 18px 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.lb4-b2b-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-bottom: 10px;
  border-radius: 5px;
  color: var(--lb4-blue-dark);
  background: var(--lb4-gold);
}

.lb4-b2b-card__num {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}

.lb4-b2b-card__label {
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.lb4-feature {
  height: 100%;
  padding: 18px;
  border: 1px solid var(--lb4-line);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(var(--lb-primary-rgb), 0.05);
}

.lb4-feature__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 12px;
  border-radius: 6px;
  color: #fff;
  background: var(--lb4-blue);
  font-size: 18px;
}

.lb4-feature h3 {
  margin-bottom: 8px;
  color: var(--lb4-blue);
  font-size: 17px;
  font-weight: 700;
}

.lb4-feature p {
  margin-bottom: 0;
  color: var(--lb4-muted);
  font-size: 13px;
  line-height: 1.6;
}

#tech .lb4-section-title {
  margin-bottom: 14px;
}

.lb4-tech-list {
  padding: 0;
}

#tech .lb4-tech-item {
  position: relative;
  display: block;
  padding: 15px 16px 14px;
  border: 0;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(var(--lb-primary-rgb), 0.08);
  overflow: hidden;
}

#tech .lb4-tech-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--lb4-blue);
}

#tech .lb4-tech-item--gold::before {
  background: var(--lb4-gold-2);
}

#tech .lb4-tech-item--orange::before {
  background: var(--lb4-orange);
}

#tech .lb4-feature__icon {
  width: 42px;
  height: 42px;
  margin-bottom: 10px;
  color: #fff;
  background: var(--lb4-blue);
  box-shadow: none;
}

#tech .lb4-tech-item--gold .lb4-feature__icon {
  background: var(--lb4-gold-2);
}

#tech .lb4-tech-item--orange .lb4-feature__icon {
  background: var(--lb4-orange);
}

#tech .lb4-feature h3 {
  margin-top: 0;
  margin-bottom: 6px;
  color: var(--lb4-blue-dark);
  font-size: 18px;
}

.lb4-event-img {
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 300px;
  border-radius: 6px;
  background: #dfeaf1;
}

.lb4-event-img img {
  width: 100%;
  height: 100%;
  min-height: 300px;
  object-fit: cover;
}

.lb4-event-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.lb4-event-item {
  min-height: 112px;
  padding: 14px;
  border: 1px solid var(--lb4-line);
  border-radius: 6px;
  background: #fff;
}

.lb4-event-item i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-bottom: 9px;
  border-radius: 50%;
  color: #fff;
  background: var(--lb4-blue);
}

.lb4-event-item h3 {
  margin-bottom: 5px;
  color: var(--lb4-blue);
  font-size: 14px;
  font-weight: 700;
}

.lb4-event-item p {
  margin-bottom: 0;
  color: var(--lb4-muted);
  font-size: 12px;
  line-height: 1.45;
}

.lb4-product {
  height: 100%;
  border: 1px solid var(--lb4-line);
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.lb4-product:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(var(--lb-primary-rgb), 0.11);
}

.lb4-product__img {
  display: block;
  position: relative;
  aspect-ratio: 1 / 1;
  background: var(--lb4-soft);
}

.lb4-product__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lb4-sale {
  position: absolute;
  top: 7px;
  right: 7px;
  padding: 3px 6px;
  border-radius: 3px;
  color: #fff;
  background: var(--lb4-red);
  font-size: 11px;
  font-weight: 700;
}

.lb4-product__body {
  padding: 10px;
}

.lb4-product__title {
  display: block;
  height: 36px;
  margin-bottom: 2px;
  color: var(--lb4-text);
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  overflow: hidden;
}

.lb4-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 6px;
}

.lb4-price__sale {
  color: var(--lb4-red);
  font-size: 15px;
  font-weight: 700;
}

.lb4-price__old {
  color: #9aa5b1;
  font-size: 12px;
  text-decoration: line-through;
}

.lb4-rating {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #f6a400;
  font-size: 12px;
}

.lb4-rating span {
  color: var(--lb4-muted);
  font-size: 12px;
}

/* 08. Process, Lead Form & Footer */
.lb4-step {
  height: 100%;
  position: relative;
  padding: 18px 16px 16px;
  border: 1px solid rgba(var(--lb-secondary-rgb), 0.32);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(var(--lb-primary-rgb), 0.08);
}

.lb4-step__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 10px;
  border-radius: 6px;
  color: var(--lb4-blue-dark);
  background: var(--lb4-gold);
  font-weight: 700;
}

.lb4-process-band {
  padding-top: 30px;
  background: #fff8ec;
}

.lb4-step h3 {
  margin-bottom: 7px;
  color: var(--lb4-blue);
  font-size: 16px;
  font-weight: 700;
}

.lb4-step p {
  margin-bottom: 0;
  color: var(--lb4-muted);
  font-size: 13px;
  line-height: 1.55;
}

.lb4-lead {
  padding: 18px;
  border: 2px solid rgba(var(--lb-secondary-rgb), 0.55);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(var(--lb-primary-rgb), 0.08);
}

.lb4-form-control {
  height: 42px;
  border: 1px solid var(--lb4-line);
  border-radius: 4px;
  color: var(--lb4-text);
  font-size: 13px;
}

.lb4-lead-text {
  color: var(--lb4-muted);
  font-size: 14px;
  line-height: 1.65;
}

.lb4-lead-title {
  margin: 0 0 8px;
  color: var(--lb4-blue-dark);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
}

.lb4-footer {
  position: relative;
  padding: clamp(48px, 5vw, 72px) 0 0;
  border-top-left-radius: 80px;
  color: rgba(255, 255, 255, 0.72);
  background-color: var(--lb-primary);
  background-image: var(--lb-footer-bg-image, none);
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

.lb4-footer.has-bg-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(4, 19, 58, 0.58), rgba(4, 22, 72, 0.28) 52%, rgba(5, 32, 88, 0.18));
  pointer-events: none;
}

.lb4-footer > .container {
  position: relative;
  z-index: 1;
}

.lb4-footer__brand {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(44px, 5vw, 64px);
  color: #fff;
  line-height: 1.2;
  text-align: center;
}

.lb4-footer__brand::before {
  content: none;
}

.lb4-footer__logo {
  flex: 0 0 auto;
  width: auto;
  max-width: 128px;
  height: clamp(44px, 3.8vw, 68px);
  object-fit: contain;
}

.lb4-footer__columns {
  margin-right: -34px;
  margin-left: -34px;
}

.lb4-footer__column {
  margin-bottom: clamp(34px, 4vw, 54px);
  padding-right: 34px;
  padding-left: 34px;
}

.lb4-footer__column + .lb4-footer__column {
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.lb4-footer h3,
.lb4-footer h4 {
  margin: 0 0 16px;
  color: #fff;
  font-size: clamp(13px, 0.9vw, 15px);
  font-weight: 600;
  letter-spacing: 0.09em;
  line-height: 1.35;
  text-transform: uppercase;
}

.lb4-footer p,
.lb4-footer li {
  color: rgba(255,255,255,0.82);
  font-size: clamp(13px, 0.95vw, 15px);
  line-height: 1.55;
  margin-bottom: 8px;
}

.lb4-footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lb4-footer a {
  color: rgba(255,255,255,0.82);
  text-decoration: none;
}

.lb4-footer a:hover {
  color: #fff;
}

.lb4-footer__social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(18px, 2vw, 28px);
  margin: 0;
}

.lb4-footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: clamp(16px, 1.1vw, 20px);
}

.lb4-footer__social a:hover {
  color: #fff;
  background: transparent;
}

.lb4-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: clamp(20px, 2vw, 28px) 0 clamp(22px, 2.5vw, 34px);
  border-top: 1px solid rgba(255,255,255,0.44);
  color: rgba(255,255,255,0.76);
  font-size: clamp(12px, 0.9vw, 14px);
}

.lb4-footer__copyright {
  min-width: 0;
}

/* 14. Responsive */
@media (max-width: 991.98px) {
  .lb4-footer__brand {
    margin-bottom: 64px;
  }

  .lb4-footer__column:nth-child(odd) {
    border-left: 0;
  }

  .lb4-header__inner {
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 0;
  }

  .lb4-header__actions {
    margin-left: auto;
  }

  .lb4-hero-title {
    font-size: 30px;
  }

  .lb4-exclusive-brands__rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 0;
    padding: 0 14px;
  }

  .lb4-exclusive-brand {
    width: 100%;
  }

  .lb4-exclusive-brand.is-bottom {
    transform: none;
  }

  .lb4-filter {
    position: static;
  }

  .lb4-filter__group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .lb4-filter__group h3 {
    flex: 0 0 100%;
    margin-bottom: 0;
  }

  .lb4-filter-chip {
    width: auto;
    min-width: 175px;
    margin-bottom: 0;
  }

}

@media (max-width: 767.98px) {
  .lb4-footer {
    padding-top: 48px;
    border-top-left-radius: 56px;
  }

  .lb4-footer__brand {
    flex-wrap: wrap;
    margin-bottom: 48px;
    font-size: 24px;
  }

  .lb4-footer__logo {
    height: 38px;
  }

  .lb4-footer__columns {
    margin-right: -15px;
    margin-left: -15px;
  }

  .lb4-footer__column {
    padding-right: 15px;
    padding-left: 15px;
    border-left: 0;
  }

  .lb4-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .lb4-footer__social {
    justify-content: flex-start;
  }
}

@media (max-width: 575.98px) {
  .lb4-section-title {
    align-items: center;
    justify-content: center;
  }

  .lb4-logo__mark {
    width: 42px;
    height: 42px;
    font-size: 18px;
  }

  .lb4-logo__name {
    font-size: 20px;
  }

  .lb4-logo__sub {
    font-size: 10px;
  }

  .lb4-header .lb4-btn--contact,
  .lb4-lang__toggle {
    min-height: 38px;
    padding: 8px 10px;
    font-size: 12px;
  }

  .lb4-exclusive-brands {
    padding: 34px 0 44px;
  }

  .lb4-exclusive-brands .lb-section-head {
    margin-bottom: 28px;
  }

  .lb4-exclusive-brands__rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0 10px;
  }

  .lb4-exclusive-brand {
    width: 100%;
  }

  .lb4-exclusive-brand.is-bottom {
    transform: none;
  }

  .lb4-filter {
    padding: 14px;
  }

  .lb4-filter-chip {
    width: 100%;
    min-width: 0;
  }

  .lb4-section {
    padding: 20px 0;
  }

  .lb4-product__img {
    aspect-ratio: 1 / 1;
  }
}

@media (max-width: 399.98px) {
  .lb4-exclusive-brands__rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 0;
  }

  .lb4-exclusive-brand {
    flex-basis: calc(50% - 5px);
  }

  .lb4-exclusive-brand.is-bottom {
    transform: none;
  }
}

/* 09. Inner Page Components */

/* 09. Inner Page Title */
.lb4-page-title {
  padding: 30px 0 10px;
  background: transparent;
}

.lb4-crumb {
  margin-bottom: 12px;
  color: var(--lb4-muted);
  font-size: 14px;
}

.lb4-crumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lb4-crumb__item {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  color: var(--lb4-muted);
}

.lb4-crumb__item:not(:last-child)::after {
  content: "/";
  margin-left: 6px;
  color: #a7b2bf;
  font-weight: 400;
}

.lb4-crumb a {
  color: var(--lb4-blue);
  font-weight: 700;
}

.lb4-crumb__item.is-active {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

.lb4-page-title h1 {
  margin: 0;
  color: var(--lb4-blue-dark);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.lb4-page-title p {
  max-width: 780px;
  margin: 10px 0 0;
  color: var(--lb4-muted);
  font-size: 15px;
  line-height: 1.65;
}

.lb4-page-title + .lb4-section {
  padding-top: 18px;
}

.lb4-panel,
.lb4-filter,
.lb4-sidebar-card {
  border: 1px solid rgba(var(--lb-primary-rgb), 0.12);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 4px 14px rgba(var(--lb-primary-rgb), 0.05);
}

.lb4-panel {
  padding: 14px;
}

.lb4-filter {
  position: sticky;
  top: 14px;
  padding: 16px;
}

.lb4-filter__head {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--lb4-line);
}

.lb4-filter__head h2 {
  margin: 4px 0 8px;
  color: var(--lb4-blue-dark);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.25;
}

.lb4-filter__summary {
  margin: 0;
  color: var(--lb4-muted);
  font-size: 13px;
  line-height: 1.55;
}

.lb4-filter__group {
  padding-top: 15px;
}

.lb4-filter__group h3 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 9px;
  color: var(--lb4-blue-dark);
  font-size: 14px;
  font-weight: 700;
}

.lb4-filter__group h3 i {
  color: var(--lb4-gold-2);
  font-size: 13px;
}

.lb4-filter-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 38px;
  margin-bottom: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.12);
  border-radius: 4px;
  color: var(--lb4-text);
  background: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}

.lb4-filter-chip i {
  flex: 0 0 16px;
  color: var(--lb4-gold-2);
  text-align: center;
}

.lb4-filter-chip span {
  min-width: 0;
  flex: 1 1 auto;
}

.lb4-filter-chip small {
  flex: 0 0 auto;
  min-width: 26px;
  padding: 2px 6px;
  border-radius: 10px;
  color: var(--lb4-muted);
  background: var(--lb4-soft);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
}

.lb4-filter-chip.is-active {
  color: #fff;
  border-color: var(--lb4-blue);
  background: var(--lb4-blue);
}

.lb4-filter-chip.is-active i {
  color: var(--lb4-gold);
}

.lb4-filter-chip.is-active small {
  color: var(--lb4-blue-dark);
  background: #fff;
}

.lb4-brand-filter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  padding-right: 4px;
}

.lb4-brand-filter-grid .lb4-filter-chip {
  width: 100%;
  min-width: 0;
  margin-bottom: 0;
}

.lb4-brand-filter-chip {
  min-height: 48px;
  padding: 7px;
}

.lb4-brand-filter-chip__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  padding: 2px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.1);
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}

.lb4-brand-filter-chip__logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lb4-brand-filter-chip.is-active .lb4-brand-filter-chip__logo {
  border-color: rgba(255, 255, 255, 0.45);
}

.lb4-error-page {
  min-height: 58vh;
  display: flex;
  align-items: center;
}

.lb4-error-card {
  max-width: 760px;
  margin: 0 auto;
  padding: 42px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.12);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(var(--lb-primary-rgb), 0.08);
  text-align: center;
}

.lb4-error-card h1 {
  margin: 8px 0 12px;
  color: var(--lb4-blue-dark);
  font-size: 38px;
  font-weight: 600;
  line-height: 1.15;
}

.lb4-error-card p {
  max-width: 580px;
  margin: 0 auto 22px;
  color: var(--lb4-muted);
  font-size: 15px;
  line-height: 1.7;
}

.lb4-error-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  max-width: 560px;
  margin: 0 auto 20px;
}

.lb4-error-search input {
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.16);
  border-radius: 6px;
  outline: none;
}

.lb4-error-search button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 18px;
  border: 0;
  border-radius: 6px;
  color: #fff;
  background: var(--lb4-blue);
  font-weight: 600;
}

.lb4-error-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.lb4-error-links a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 13px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.12);
  border-radius: 6px;
  color: var(--lb4-blue-dark);
  background: var(--lb4-soft);
  font-size: 13px;
  font-weight: 600;
}

.lb4-tag {
  display: inline-flex;
  align-items: center;
  margin: 0 6px 8px 0;
  min-height: 32px;
  padding: 7px 12px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.14);
  border-radius: 4px;
  color: var(--lb4-blue);
  background: #fff;
  font-size: 13px;
  font-weight: 700;
}

.lb4-tag.is-active {
  color: #fff;
  background: var(--lb4-blue);
}

.lb4-post-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.12);
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease;
}

.lb4-post-card:hover {
  box-shadow: 0 12px 28px rgba(var(--lb-primary-rgb), 0.08);
  transform: translateY(-2px);
}

.lb4-post-card__thumb {
  display: block;
  flex: 0 0 auto;
  height: auto;
  aspect-ratio: 16 / 9;
  background: var(--lb4-soft);
  overflow: hidden;
}

.lb4-featured-news {
  margin-bottom: 22px;
  padding: 16px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.12);
  border-radius: 6px;
  background: #fffaf0;
}

.lb4-featured-news .lb4-section-title {
  margin-bottom: 12px;
}

.lb4-featured-news__side {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
}

.lb4-featured-news__side .lb4-post-card {
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
}

.lb4-post-card--featured .lb4-post-card__thumb {
  height: auto;
  aspect-ratio: 16 / 9;
}

.lb4-post-card--horizontal {
  flex-direction: row;
  display: flex;
  height: 100%;
}

.lb4-post-card--horizontal .lb4-post-card__thumb {
  width: 185px;
  flex: 0 0 185px;
  height: auto;
  min-height: 142px;
}

.lb4-post-card img,
.lb4-brand-card img,
.lb4-brand-hero img,
.lb4-article-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lb4-post-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 14px;
}

.lb4-cat,
.lb4-meta {
  color: var(--lb4-gold-2);
  font-size: 12px;
  font-weight: 700;
}

.lb4-post-card__title {
  margin: 7px 0;
  color: var(--lb4-blue-dark);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
}

.lb4-post-card--featured .lb4-post-card__title {
  font-size: 22px;
}

.lb4-excerpt {
  flex: 1 1 auto;
  margin: 0 0 8px;
  color: var(--lb4-muted);
  font-size: 14px;
  line-height: 1.55;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.lb4-post-card__body .lb4-meta {
  margin-top: auto;
}

.lb5-home-news {
  padding: clamp(52px, 5vw, 78px) 0;
  background: #fff;
}

.lb5-home-news__heading {
  margin-bottom: 24px;
}

.lb4-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 20px;
}

.lb4-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 7px 10px;
  border: 1px solid var(--lb4-line);
  border-radius: 4px;
  background: #fff;
  color: var(--lb4-blue);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.lb4-pagination a.page-numbers:hover {
  border-color: var(--lb4-blue);
  color: var(--lb4-blue-dark);
  background: var(--lb4-soft);
}

.lb4-pagination .page-numbers.current {
  border-color: var(--lb4-blue);
  color: #fff;
  background: var(--lb4-blue);
}

.lb4-pagination .page-numbers.dots {
  border-color: transparent;
  background: transparent;
  color: var(--lb4-muted);
  min-width: 22px;
  padding-right: 2px;
  padding-left: 2px;
}

.lb4-pagination .page-numbers.prev,
.lb4-pagination .page-numbers.next {
  min-width: 44px;
}

/* 11. Brand Pages */
.lb4-brand-filter {
  margin-bottom: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.14);
  border-radius: 6px;
  background: #fffaf0;
}

.lb4-brand-filter h2 {
  margin: 0;
  color: var(--lb4-blue-dark);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

.lb4-brand-filter__search {
  display: flex;
  height: 40px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.22);
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}

.lb4-brand-filter__search input {
  width: 100%;
  min-width: 0;
  border: 0;
  padding: 0 12px;
  outline: 0;
  color: var(--lb4-text);
  font-size: 14px;
  background: transparent;
}

.lb4-brand-filter__search button {
  width: 44px;
  flex: 0 0 44px;
  border: 0;
  color: #fff;
  background: var(--lb4-blue);
  cursor: pointer;
}

.lb4-brand-filter__chips {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 7px;
}

.lb4-brand-filter__chips a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.15);
  border-radius: 4px;
  color: var(--lb4-blue);
  background: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

.lb4-brand-filter__chips a i {
  color: var(--lb4-gold-2);
  font-size: 13px;
}

.lb4-brand-filter__chips a.is-active {
  color: #fff;
  border-color: var(--lb4-blue);
  background: var(--lb4-blue);
}

.lb4-brand-filter__chips a.is-active i {
  color: var(--lb4-gold);
}

.lb4-brand-card {
  display: block;
  height: 100%;
  border: 1px solid var(--lb4-line);
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}

.lb4-brand-card__img {
  display: block;
  height: 0;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.lb4-brand-card__img img {
  position: absolute;
  inset: 0;
}

.lb4-brand-card__name {
  display: flex;
  gap: 8px;
  min-height: 50px;
  padding: 9px 12px;
  color: var(--lb4-blue-dark);
  font-size: 14px;
  font-weight: 700;
}

.lb4-brand-card__text {
  display: block;
  min-width: 0;
}

.lb4-brand-card__name strong {
  display: block;
  color: var(--lb4-blue-dark);
  font-size: 14px;
  line-height: 1.25;
}

.lb4-brand-card__name small {
  display: block;
  margin-top: 3px;
  color: #888;
  font-size: 13px;
  line-height: 18px;
}

.lb4-brand-card__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  padding: 3px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.12);
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}

.lb4-brand-card__logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lb4-brand-banner {
  display: flex;
  align-items: stretch;
  border: 1px solid var(--lb4-line);
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}

.lb4-brand-banner__img {
  flex: 0 0 42%;
  min-height: 255px;
  background: var(--lb4-soft);
}

.lb4-brand-banner__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lb4-brand-banner__body {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 26px;
  color: #fff;
  background: var(--lb4-blue-dark);
}

.lb4-brand-banner__body h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
}

.lb4-brand-banner__body p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 14px;
  line-height: 1.65;
}

@media (max-width: 991.98px) {
  .lb4-brand-filter__chips {
    justify-content: flex-start;
  }

  .lb4-featured-news__side {
    margin-top: 10px;
    height: auto;
  }

  .lb4-featured-news__side .lb4-post-card {
    flex: 0 0 auto;
    min-height: 0;
  }

}

@media (max-width: 575.98px) {
  .lb4-page-title {
    padding: 22px 0 8px;
  }

  .lb4-page-title h1 {
    font-size: 24px;
  }

  .lb4-page-title + .lb4-section {
    padding-top: 12px;
  }

  .lb4-featured-news {
    padding: 12px;
  }

  .lb4-post-card--horizontal {
    flex-direction: column;
  }

  .lb4-post-card--horizontal .lb4-post-card__thumb {
    width: 100%;
    flex: 0 0 auto;
    height: auto;
    aspect-ratio: 16 / 9;
    min-height: 0;
  }

}

/* 12. Article Pages */
.lb4-article-main,
.lb4-sidebar-card {
  padding: 18px;
}

.lb4-article-main {
  padding: 18px;
  background: #fff;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.12);
  border-radius: 6px;
}

.lb4-article-main figure {
  margin-bottom: 18px;
}

.lb4-share-button {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.16);
  border-radius: 4px;
  color: var(--lb4-blue-dark);
  background: #fff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.lb4-share-button:hover {
  color: #fff;
  background: var(--lb4-blue);
}

.lb4-byline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
  color: var(--lb4-muted);
  font-size: 13px;
}

.lb4-ava {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  color: var(--lb4-gold);
  background: var(--lb4-blue-dark);
  font-weight: 700;
}

.lb4-article-hero {
  height: auto;
  border-radius: 6px;
  overflow: hidden;
  background: var(--lb4-soft);
}

.lb4-article-hero img {
  display: block;
  width: 100%;
  height: auto;
}

.lb4-article-body {
  color: var(--lb4-text);
  font-size: 15px;
  line-height: 1.75;
}

.lb-editor-content {
  color: #465465;
  font-size: 15px;
  line-height: 1.75;
}

body .wp-caption {
  width: auto !important;
}

.lb-editor-content .wp-caption {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.lb-editor-box {
  padding: 24px;
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.lb-editor-content h2,
.lb-editor-content h3 {
  margin: 26px 0 10px;
  color: var(--lb4-blue-dark);
  font-weight: 700;
}

.lb-editor-content h2 {
  font-size: 18px;
}

.lb-editor-content h3 {
  font-size: 16px;
}

.lb-editor-content h2:first-child,
.lb-editor-content h3:first-child {
  margin-top: 0;
}

.lb-editor-content p:last-child,
.lb-editor-content ul:last-child,
.lb-editor-content ol:last-child,
.lb-editor-content table:last-child,
.lb-editor-content blockquote:last-child {
  margin-bottom: 0;
}

.lb-editor-content ul,
.lb-editor-content ol {
  padding-left: 20px;
}

.lb-editor-content li + li {
  margin-top: 6px;
}

.lb-editor-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.lb-editor-content blockquote {
  margin: 18px 0;
  padding: 14px 16px;
  border-left: 4px solid var(--lb4-gold);
  background: #fff8ec;
  color: var(--lb4-blue-dark);
  font-weight: 700;
}

.lb-editor-content table {
  width: 100%;
  margin: 16px 0;
  border-collapse: collapse;
  font-size: 14px;
}

.lb-editor-content th,
.lb-editor-content td {
  padding: 10px;
  border: 1px solid var(--lb4-line);
}

.lb4-sidebar-card {
  margin-bottom: 10px;
}

.lb4-sidebar-card h3 {
  margin: 0 0 12px;
  color: var(--lb4-blue-dark);
  font-size: 18px;
  font-weight: 700;
}

.lb4-sidebar-card ul,
.lb4-sidebar-card ol {
  margin: 0;
  padding-left: 18px;
  color: var(--lb4-muted);
  font-size: 14px;
  line-height: 1.75;
}

.lb4-latest-posts {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.lb4-latest-post {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--lb4-blue-dark);
  line-height: 1.35;
}

.lb4-latest-post.is-featured {
  flex-direction: column;
  gap: 12px;
}

.lb4-latest-post.is-compact {
  display: block;
  padding-top: 15px;
  border-top: 1px solid #e1e1e1;
}

.lb4-latest-post.is-compact::after {
  content: "";
  display: table;
  clear: both;
}

.lb4-latest-post:hover {
  color: var(--lb4-blue);
}

.lb4-latest-post__thumb {
  display: block;
  flex: 0 0 auto;
  width: 92px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.lb4-latest-post.is-featured .lb4-latest-post__thumb {
  width: 100%;
}

.lb4-latest-post.is-compact .lb4-latest-post__thumb {
  float: left;
  margin: 0 10px 4px 0;
}

.lb4-latest-post__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lb4-latest-post__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.lb4-latest-post__title {
  color: inherit;
  font-size: 14px;
  font-weight: 700;
  -webkit-line-clamp: 2;
}

.lb4-latest-post__excerpt {
  display: inline;
  margin-top: -2px;
  color: var(--lb4-muted);
  font-size: 13px;
  line-height: 1.45;
}

@media (min-width: 992px) {
  .lb4-latest-post__thumb {
    margin-top: 2px;
  }

  .lb4-latest-post.is-compact .lb4-latest-post__thumb {
    width: 130px;
    margin-top: 2px;
  }
}

.lb4-brand-hero {
  /* height: 360px; */
  border-radius: 6px;
  overflow: hidden;
}

.lb4-brand-profile {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 360px);
  gap: 24px;
  align-items: start;
  padding: 24px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.12);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(var(--lb-primary-rgb), 0.06);
}

.lb4-brand-profile__head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.lb4-brand-profile__head h1 {
  margin: 8px 0 0;
  color: var(--lb4-blue-dark);
  font-size: 34px;
  font-weight: 600;
  line-height: 1.15;
}

.lb4-brand-profile__summary {
  max-width: 760px;
  margin: 0 0 18px;
  color: var(--lb4-muted);
  font-size: 15px;
  line-height: 1.75;
}

.lb4-brand-profile__content {
  margin-top: 18px;
}

.lb4-brand-profile__media {
  padding: 10px;
  border: 1px solid var(--lb4-line);
  border-radius: 7px;
  background: var(--lb4-soft);
}

.lb4-brand-profile__media img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 5px;
  object-fit: contain;
  background: #fff;
}

.lb4-brand-detail-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 64px;
  flex: 0 0 96px;
  padding: 8px;
  border: 1px solid var(--lb4-line);
  border-radius: 6px;
  background: #fff;
}

.lb4-brand-detail-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.lb4-brand-detail-banner {
  height: 0;
  padding-top: 42%;
  position: relative;
  border-radius: 6px;
  background: var(--lb4-soft);
  overflow: hidden;
}

.lb4-brand-detail-banner img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lb4-brand-copy {
  padding-left: 12px;
}

.lb4-brand-copy h2 {
  color: var(--lb4-blue-dark);
  font-size: 24px;
  font-weight: 700;
}

.lb4-brand-products {
  margin-top: 32px;
  padding-top: 26px;
  border-top: 1px solid #e2e8f0;
}

@media (max-width: 991.98px) {
  .lb4-brand-profile {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .lb4-brand-profile__media {
    max-width: 420px;
  }
}

@media (max-width: 575.98px) {
  .lb4-brand-profile__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .lb4-brand-profile__head h1 {
    font-size: 27px;
  }
}

.lb4-stat {
  padding: 14px;
  border-radius: 6px;
  color: #fff;
  background: var(--lb4-blue);
}

.lb4-stat b {
  display: block;
  font-size: 26px;
  line-height: 1;
}

/* 13. About Page */
.lb4-value-card {
  height: 100%;
  padding: 18px;
  border: 1px solid var(--lb4-line);
  border-radius: 6px;
  background: #fff;
}

.lb4-value-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 12px;
  border-radius: 6px;
  color: var(--lb4-blue-dark);
  background: #fff4cf;
  font-size: 18px;
}

.lb4-value-card h3 {
  margin-bottom: 8px;
  color: var(--lb4-blue);
  font-size: 17px;
  font-weight: 700;
}

.lb4-value-card p {
  margin-bottom: 0;
  color: var(--lb4-muted);
  font-size: 14px;
  line-height: 1.6;
}

/* 15. Wide Container */
@media (min-width: 1400px) {
  .lb4-page .container {
    max-width: 1280px;
  }
}

/* 16. Home Header Trial */
.lb5-header {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid rgba(var(--lb-primary-rgb), 0.1);
  background: rgba(255, 250, 240, 0.96);
  box-shadow: 0 8px 24px rgba(var(--lb-primary-rgb), 0.08);
  backdrop-filter: blur(14px);
}

.lb5-header__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 11px 0;
}

.lb5-logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 11px;
}

.lb5-logo__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  color: var(--lb4-gold);
  background: var(--lb4-blue-dark);
  font-size: 20px;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(var(--lb-primary-rgb), 0.16);
}

.lb5-logo__text span {
  display: block;
  color: var(--lb4-blue);
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.lb5-logo__text small {
  display: block;
  margin-top: 5px;
  color: var(--lb4-gold-2);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.lb5-header__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.lb5-contact,
.lb5-lang__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

.lb5-contact {
  gap: 8px;
  padding: 9px 15px;
  color: #fff;
  border: 1px solid var(--lb4-blue-dark);
  background: var(--lb4-blue-dark);
  box-shadow: 0 8px 18px rgba(var(--lb-primary-rgb), 0.14);
}

.lb5-contact:hover {
  color: var(--lb4-blue-dark);
  border-color: rgba(var(--lb-secondary-rgb), 0.82);
  background: #fff;
}

.lb5-lang__toggle {
  gap: 7px;
  padding: 9px 12px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.13);
  color: var(--lb4-blue-dark);
  background: #fff;
}

.lb5-lang__menu {
  border-radius: 8px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .lb5-header__bar {
    gap: 10px;
  }

  .lb5-logo__mark {
    width: 44px;
    height: 44px;
  }

  .lb5-logo__text span {
    font-size: 21px;
  }

  .lb5-logo__text small {
    display: none;
  }

  .lb5-contact {
    padding: 9px 12px;
  }
}

@media (max-width: 991.98px) {
  .lb5-header__bar {
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 0;
  }

  .lb5-logo__mark {
    width: 42px;
    height: 42px;
    border-radius: 7px;
    font-size: 18px;
  }

  .lb5-logo__text span {
    font-size: 20px;
  }

  .lb5-logo__text small {
    font-size: 10px;
  }

  .lb5-header__right {
    gap: 6px;
    margin-left: auto;
  }

  .lb5-contact span {
    display: none;
  }

  .lb5-contact,
  .lb5-lang__toggle {
    min-height: 38px;
    border-radius: 5px;
  }

  .lb5-contact {
    width: 38px;
    padding: 0;
  }

}

@media (max-width: 420px) {
  .lb5-logo__text small {
    display: none;
  }

  .lb5-lang__toggle {
    padding: 8px 9px;
  }
}

/* 17. Home Header Reference Layout */
.lb5-header {
  border-bottom: 1px solid #eee4d5;
  background: #fff;
  box-shadow: none;
  backdrop-filter: none;
}

.lb5-header::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 48;
  background: rgba(0, 0, 0, 0.72);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease, visibility .2s ease;
}

.lb5-header.is-menu-open::after {
  opacity: 1;
  visibility: visible;
}

.lb5-header__top {
  display: grid;
  grid-template-columns: 250px minmax(280px, 1fr) auto;
  align-items: center;
  gap: 28px;
  padding: 12px 0;
}

.lb5-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.lb5-logo img {
  display: block;
  width: auto;
  height: 58px;
  object-fit: contain;
  object-position: center;
  border-radius: 4px;
}

.lb5-logo .lb5-logo__image {
  width: auto;
  height: 58px;
  object-fit: contain;
  object-position: center;
  border-radius: 4px;
  box-shadow: none;
}

.lb5-logo__mark {
  width: 43px;
  height: 43px;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 600;
  box-shadow: inset 0 0 0 2px rgba(var(--lb-secondary-rgb), 0.18);
}

.lb5-logo__text span {
  color: var(--lb-primary);
  font-size: 18px;
  font-weight: 600;
}

.lb5-logo__text small {
  margin-top: 5px;
  color: var(--lb-secondary);
  font-size: 10px;
  letter-spacing: 1.3px;
}

.lb5-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
}

.lb5-search input {
  width: 100%;
  height: 44px;
  padding: 0 56px 0 18px;
  border: 1px solid #e7dece;
  border-radius: 5px;
  color: var(--lb-primary);
  background: #fff;
  font-size: 14px;
  outline: 0;
}

.lb5-search input::placeholder {
  color: #9aa2b7;
}

.lb5-search button {
  position: absolute;
  top: 5px;
  right: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 4px;
  color: #fff;
  background: #071540;
  cursor: pointer;
}

.lb5-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.lb5-lang__toggle,
.lb5-agency {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.lb5-lang__toggle {
  gap: 7px;
  min-width: 126px;
  padding: 0 12px;
  border: 1px solid #e7dece;
  color: var(--lb-primary);
  background: #fff;
}

.lb5-lang__menu {
  border-radius: 5px;
}

.lb5-agency {
  min-width: 125px;
  padding: 0 17px;
  color: #071540;
  border: 1px solid #d6a33a;
  background: #d6a33a;
}

.lb5-agency:hover {
  color: #071540;
  background: #e4b852;
}


@media (min-width: 992px) and (max-width: 1199.98px) {
  .lb5-header__top {
    grid-template-columns: 210px minmax(220px, 1fr) auto;
    gap: 14px;
  }

  .lb5-logo img {
    width: auto;
    height: 50px;
  }

  .lb5-logo .lb5-logo__image {
    width: auto;
    height: 50px;
  }

  .lb5-agency {
    min-width: 112px;
    padding: 0 12px;
  }
}

@media (max-width: 991.98px) {
  .lb5-header__top {
    display: grid;
    grid-template-columns: 42px 1fr 42px;
    gap: 10px;
  }

  .lb5-logo {
    justify-self: center;
  }

  .lb5-logo img {
    width: auto;
    max-width: 190px;
    height: 48px;
    border-radius: 4px;
  }

  .lb5-logo .lb5-logo__image {
    width: auto;
    max-width: 190px;
    height: 48px;
  }

  .lb5-logo__mark {
    width: 42px;
    height: 42px;
    font-size: 14px;
  }

  .lb5-logo__text span {
    font-size: 17px;
  }

  .lb5-logo__text small {
    display: block;
    font-size: 10px;
    letter-spacing: 1.2px;
  }

  .lb5-header__actions {
    display: none;
  }

  .lb5-search {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-bottom: 10px;
  }

  .lb5-search input {
    height: 44px;
    font-size: 14px;
  }


}

@media (max-width: 420px) {
  .lb5-header .container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .lb5-logo {
    gap: 9px;
  }

  .lb5-logo__text small {
    font-size: 9px;
  }
}

/* 18. Navigation Menu */

/* Hamburger & close — hidden desktop */
.lb5-menu-toggle,
.lb5-panel-close {
  display: none;
}

/* Nav row border */
.lb5-header__navrow {
  position: relative;
  z-index: 3;
  border-top: 0;
  background: var(--lb-primary);
  overflow: visible;
}

/* Desktop nav */
.lb5-nav {
  position: relative;
  z-index: 4;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0;
  background: transparent;
  overflow: visible;
}

.lb5-nav > ul {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lb5-nav__item {
  position: relative;
}

.lb5-nav__row {
  display: flex;
  align-items: center;
  min-height: 48px;
}

.lb5-nav a {
  display: block;
  padding: 16px 0 15px;
  border-radius: 0;
  color: #f5d47e;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  transition: color .15s ease;
}

.lb5-submenu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 32px;
  margin-left: 2px;
  margin-right: 0;
  border: 0;
  color: rgba(245, 212, 126, 0.9);
  background: transparent;
  cursor: pointer;
  transition: transform .15s ease;
}

/* Trạng thái hover/focus chỉ áp dụng desktop; mobile có style riêng trong panel trắng */
@media (min-width: 992px) {
  .lb5-nav__item:hover .lb5-nav__row > a,
  .lb5-nav__item:focus-within .lb5-nav__row > a,
  .lb5-nav a:hover {
    color: #fff;
    background: transparent;
    box-shadow: none;
    transform: none;
  }

  .lb5-nav__item.is-active .lb5-nav__row > a {
    color: #f5d47e;
  }

  .lb5-nav__item:hover .lb5-submenu-toggle,
  .lb5-nav__item:focus-within .lb5-submenu-toggle {
    color: #fff;
  }

  .lb5-nav__item.is-active .lb5-submenu-toggle {
    color: rgba(245, 212, 126, 0.9);
  }
}

/* Dropdown submenu (desktop) */
.lb5-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 90;
  min-width: 220px;
  margin: 0;
  padding: 8px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.12);
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(var(--lb-primary-rgb), 0.14);
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

@media (min-width: 992px) {
  .lb5-nav__item:hover > .lb5-submenu,
  .lb5-nav__item:focus-within > .lb5-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

.lb5-submenu a {
  display: block;
  padding: 10px 11px;
  border-radius: 4px;
  color: #111936;
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
  white-space: nowrap;
  transition: background .12s ease, color .12s ease;
}

@media (min-width: 992px) {
  .lb5-submenu a:hover,
  .lb5-submenu__item.is-active > a {
    color: var(--lb-secondary);
    background: #fbf7ee;
  }
}

/* Mobile lang — hidden desktop */
.lb5-mobile-lang {
  display: none;
}

/* Nav responsive — 992–1199 */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lb5-nav > ul {
    gap: 22px;
  }

  .lb5-nav a {
    font-size: 14px;
  }
}

/* Nav responsive — mobile (<992px) */
@media (max-width: 991.98px) {
  /* Show hamburger */
  .lb5-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    grid-column: 1;
    grid-row: 1;
    border: 0;
    color: #071540;
    background: transparent;
    font-size: 21px;
    cursor: pointer;
    margin-left: -9px;
  }

  .lb5-menu-toggle:focus,
  .lb5-menu-toggle:active,
  .lb5-panel-close:focus,
  .lb5-panel-close:active,
  .lb5-submenu-toggle:focus,
  .lb5-submenu-toggle:active {
    outline: 0;
    box-shadow: none;
    background: transparent;
  }

  /* Hide desktop actions */
  .lb5-header__actions {
    display: none;
  }

  /* Search spans full width on row 2 */
  .lb5-search {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-bottom: 10px;
  }

  /* Remove nav row top border */
  .lb5-header__navrow {
    border-top: 0;
    background: transparent;
    box-shadow: none;
    clip-path: none;
  }

  /* Slide-in panel */
  .lb5-nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 60;
    display: block;
    width: min(336px, calc(100vw - 38px));
    height: 100vh;
    padding: 72px 24px 32px;
    background: #fff;
    box-shadow: -24px 0 46px rgba(0, 0, 0, 0.18);
    overflow-y: auto;
    transform: translateX(105%);
    transition: transform .24s ease;
  }

  .lb5-header.is-menu-open .lb5-nav {
    transform: translateX(0);
  }

  /* Close button inside panel */
  .lb5-panel-close {
    position: absolute;
    top: 24px;
    right: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 0;
    color: #071540;
    background: transparent;
    font-size: 22px;
    cursor: pointer;
  }

  /* Full-width list */
  .lb5-nav > ul {
    display: block;
    width: 100%;
    padding: 0;
    gap: 0;
  }

  /* .lb5-nav__item {
    border-bottom: 1px solid #ece4d8;
  } */

  .lb5-nav__row {
    justify-content: space-between;
    min-height: 48px;
  }

  .lb5-nav a {
    padding: 15px 0;
    color: #071540;
    font-size: 15px;
    line-height: 1.15;
    white-space: normal;
    background: transparent;
  }

  .lb5-nav a {
    -webkit-tap-highlight-color: transparent;
  }

  .lb5-nav a:focus {
    outline: 0;
  }

  .lb5-nav a:focus-visible {
    outline: 2px solid rgba(var(--lb-secondary-rgb), 0.6);
    outline-offset: 2px;
  }

  /* Đường phân cách giữa các mục cấp 1 */
  .lb5-nav__item {
    border-bottom: 1px solid rgba(var(--lb-primary-rgb), 0.08);
  }

  /* Submenu toggle: vùng chạm 40px, mũi tên xoay khi mở */
  .lb5-submenu-toggle {
    display: inline-flex;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    margin-right: -12px;
    border: 0;
    color: rgba(7, 21, 64, 0.5);
    background: transparent;
    font-size: 18px;
    -webkit-tap-highlight-color: transparent;
  }

  .lb5-submenu-toggle i {
    transition: transform .2s ease;
  }

  .lb5-nav__item.is-open .lb5-submenu-toggle i {
    transform: rotate(180deg);
  }

  /* Accordion submenu */
  .lb5-submenu {
    position: static;
    max-height: 0;
    min-width: 0;
    margin: 0;
    padding: 0 0 0 14px;
    border: 0;
    border-left: 2px solid rgba(var(--lb-secondary-rgb), 0.45);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    opacity: 0;
    visibility: visible;
    overflow: hidden;
    transform: none;
    transition: max-height .25s ease, opacity .2s ease, margin .25s ease;
  }

  .lb5-nav__item.is-open > .lb5-submenu {
    max-height: 600px;
    margin: 0 0 14px 2px;
    opacity: 1;
  }

  .lb5-submenu a {
    padding: 9px 0;
    color: #5d6475;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    white-space: normal;
    border-radius: 0;
    background: transparent;
  }

  .lb5-submenu a:hover,
  .lb5-submenu a:active {
    color: #071540;
    background: transparent;
  }

  .lb5-submenu__item.is-active > a {
    color: var(--lb-secondary);
    font-weight: 700;
  }

  /* Mobile lang */
  .lb5-mobile-lang {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 24px;
  }

  .lb5-mobile-lang a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 39px;
    border: 1px solid #ece4d8;
    border-radius: 4px;
    color: #111;
    font-size: 13px;
    font-weight: 600;
  }

  .lb5-mobile-lang a.is-active {
    color: #fff;
    border-color: #071540;
    background: #071540;
  }
}

/* 19. Product Detail */
.lb5-combo .lb5-header {
  position: relative;
  z-index: 80;
  border: 0;
  background: linear-gradient(90deg, var(--lb-primary) 0%, #10236d 100%);
  box-shadow: 0 8px 24px rgba(var(--lb-primary-rgb), 0.14);
  backdrop-filter: none;
}

.lb5-combo .lb5-header--home {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: linear-gradient(90deg, #15194d 0%, #075f9f 100%);
  box-shadow: 0 8px 24px rgba(var(--lb-primary-rgb), 0.14);
  backdrop-filter: none;
  transition: transform 0.24s ease, opacity 0.24s ease, visibility 0.24s ease;
}

.lb5-combo .lb5-header--home.is-past-hero:not(.is-menu-open) {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  pointer-events: none;
}

.lb5-combo .lb5-header > .container {
  max-width: 1320px;
  padding-right: clamp(16px, 2.2vw, 28px);
  padding-left: clamp(16px, 2.2vw, 28px);
}

.lb5-combo .lb5-header__inner {
  display: flex;
  align-items: center;
  gap: clamp(18px, 2.2vw, 34px);
  min-height: 72px;
}

.lb5-combo .lb5-logo {
  flex: 0 0 auto;
}

.lb5-combo .lb5-logo img,
.lb5-combo .lb5-logo .lb5-logo__image {
  width: auto;
  max-width: 182px;
  height: 50px;
  object-fit: contain;
  border-radius: 0;
}

.lb5-combo .lb5-nav {
  flex: 0 1 auto;
  min-width: 0;
}

.lb5-combo .lb5-menu {
  display: flex;
  align-items: center;
  gap: clamp(18px, 2.1vw, 34px);
  margin: 0;
  padding: 0;
  justify-content: flex-start;
}

.lb5-combo .lb5-nav__row > a {
  padding: 0;
  color: #fff;
  background: transparent;
  font-size: clamp(14px, 0.94vw, 16px);
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0 1px 7px rgba(0, 0, 0, 0.18);
}

@media (min-width: 992px) {
  .lb5-combo .lb5-nav__row > a:hover,
  .lb5-combo .lb5-nav__item.is-active .lb5-nav__row > a {
    color: #fff;
    background: transparent;
    box-shadow: none;
    transform: none;
  }
}

.lb5-combo .lb5-submenu-toggle {
  color: #fff;
}

.lb5-combo .lb5-header__actions {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 10px;
  margin-left: auto;
}

.lb5-combo .lb5-search {
  position: relative;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  overflow: visible;
}

.lb5-combo .lb5-search input {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  z-index: 90;
  width: min(390px, 78vw);
  height: 52px;
  padding: 0 20px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.1);
  border-radius: 12px;
  outline: 0;
  color: #111827;
  background: #fff;
  font-size: 15px;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
  transform: translateY(-6px);
  transition: opacity 0.18s ease, transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.lb5-combo .lb5-search.is-search-open input,
.lb5-combo .lb5-search:focus-within input {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.lb5-combo .lb5-search input:focus {
  border-color: rgba(var(--lb-secondary-rgb), 0.62);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(var(--lb-secondary-rgb), 0.16);
}

.lb5-combo .lb5-search button {
  position: relative;
  z-index: 2;
  inset: auto;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 0;
  color: #fff;
  background: transparent;
  font-size: 18px;
  line-height: 1;
  box-shadow: none;
}

.lb5-combo .lb5-search button:hover,
.lb5-combo .lb5-search.is-search-open button,
.lb5-combo .lb5-search:focus-within button,
.lb5-combo .lb5-search button:focus,
.lb5-combo .lb5-search button:active {
  color: rgba(255, 255, 255, 0.78);
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

.lb5-combo .lb5-lang__toggle {
  min-width: 0;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #fff;
  background: transparent;
  font-size: 18px;
  line-height: 1;
  box-shadow: none;
}

.lb5-combo .lb5-lang__toggle:hover,
.lb5-combo .lb5-lang__toggle:focus,
.lb5-combo .lb5-lang__toggle:active,
.lb5-combo .lb5-lang:focus-within .lb5-lang__toggle,
.lb5-combo .lb5-lang.is-lang-open .lb5-lang__toggle {
  color: rgba(255, 255, 255, 0.78);
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

.lb5-combo .lb5-lang__toggle span,
.lb5-combo .lb5-lang__toggle .fa-angle-down {
  display: none;
}

.lb5-combo .lb5-lang:hover .lb5-lang__menu,
.lb5-combo .lb5-lang:focus-within .lb5-lang__menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
}

.lb5-combo .lb5-lang.is-lang-open .lb5-lang__menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.lb5-combo .lb5-lang__menu {
  top: calc(100% + 12px);
  min-width: 150px;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.16);
}

.lb5-combo .lb5-menu-toggle,
.lb5-combo .lb5-panel-close {
  color: #fff;
}

.lb5-hero-full {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background: var(--lb-primary);
}

.lb5-hero-full__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.lb5-hero-full__media video,
.lb5-hero-full__media iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}

.lb5-hero-full__media--youtube iframe {
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw;
  min-width: 177.78vh;
  min-height: 100vh;
  transform: translate(-50%, -50%);
}

.lb5-hero-full::after {
  display: none;
}

.lb5-hero-full > .container {
  display: none;
}

.lb5-hero-full__content {
  max-width: 720px;
  color: #fff;
}

.lb5-hero-full__content .lb4-kicker,
.lb5-hero-full__content .lb4-hero-title,
.lb5-hero-full__content .lb4-hero-text,
.lb5-hero-full__content .lb4-hero-list {
  color: #fff;
}

body.admin-bar .lb5-combo .lb5-header--home {
  top: 32px;
}

@media (max-width: 991.98px) {
  .lb5-combo .lb5-header > .container {
    padding-right: 18px;
    padding-left: 18px;
  }

  .lb5-combo .lb5-header__inner {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    min-height: 66px;
  }

  .lb5-combo .lb5-logo {
    flex: 1 1 auto;
    text-align: left;
  }

  .lb5-combo .lb5-logo img,
  .lb5-combo .lb5-logo .lb5-logo__image {
    max-width: 158px;
    height: 44px;
  }

  .lb5-combo .lb5-header__actions {
    display: flex;
    gap: 12px;
    margin-left: 0;
  }

  .lb5-combo .lb5-search {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    margin: 0;
  }

  .lb5-combo .lb5-search.is-search-open input,
  .lb5-combo .lb5-search:focus-within input {
    position: fixed;
    top: 76px;
    right: 16px;
    left: 16px;
    width: auto;
    height: 50px;
    transform: none;
  }

  .lb5-combo .lb5-search button,
  .lb5-combo .lb5-lang__toggle {
    width: 34px;
    height: 34px;
    font-size: 18px;
  }

  .lb5-combo .lb5-nav {
    flex: none;
    color: #071540;
  }

  .lb5-combo .lb5-panel-close,
  .lb5-combo .lb5-submenu-toggle {
    color: #071540;
  }

  .lb5-combo .lb5-nav__row > a {
    color: #071540;
    font-size: 15px;
    text-shadow: none;
  }

  .lb5-combo .lb5-nav__row {
    min-height: 52px;
  }

  .lb5-combo .lb5-nav__row > a {
    flex: 1 1 auto;
    align-self: stretch;
    display: flex;
    align-items: center;
  }

  /* Mục đang active / đang mở submenu: màu brand phụ */
  .lb5-combo .lb5-nav__item.is-active > .lb5-nav__row > a,
  .lb5-combo .lb5-nav__item.is-open > .lb5-nav__row > a {
    color: var(--lb-secondary);
  }

  .lb5-combo .lb5-nav__item.is-open > .lb5-nav__row .lb5-submenu-toggle {
    color: var(--lb-secondary);
  }

  .lb5-combo .lb5-menu-toggle {
    width: 34px;
    height: 34px;
    margin: 0 -6px 0 0;
    font-size: 22px;
  }

  .lb5-combo .lb5-menu {
    display: block;
  }

  .lb5-hero-full,
  .lb5-hero-full > .container {
    min-height: 100svh;
  }
}

@media (max-width: 782px) {
  body.admin-bar .lb5-combo .lb5-header--home {
    top: 46px;
  }
}

.lb4-product-detail {
  --lb6-text: #111827;
  --lb6-text-muted: #1f2937;
  padding: 18px 0 30px;
  color: var(--lb6-text);
  background: #f4f6f9;
}

.lb4-product-detail .lb4-crumb {
  color: var(--lb6-text-muted);
}

.lb4-product-detail > .container {
  max-width: 1360px !important;
}

.lb6-product-shell,
.lb6-detail-card,
.lb6-sidebar-card {
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(9, 23, 58, 0.06);
}

.lb6-product-shell {
  display: grid;
  grid-template-columns: minmax(320px, 44fr) minmax(360px, 56fr);
  gap: 20px;
  padding: 20px;
}

.lb6-gallery {
  min-width: 0;
}

.lb6-gallery--with-thumbs {
  display: flex;
  align-items: stretch;
  gap: 10px;
}

.lb6-carousel {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #edf1f5;
  border-radius: 8px;
  background: #f8fafc;
}

.lb6-carousel .swiper-slide {
  aspect-ratio: 1 / 1;
}

.lb6-carousel img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lb6-carousel-pagination {
  display: none;
}

.lb6-thumbs {
  flex: 0 0 56px;
  order: -1;
  width: 56px;
  height: auto;
  min-height: 0;
  margin: 0;
}

.lb6-thumbs .swiper-wrapper {
  align-items: stretch;
}

.lb6-thumbs button,
.lb6-thumbs .swiper-slide {
  box-sizing: border-box;
  flex: 0 0 56px;
  overflow: hidden;
  width: 56px !important;
  height: 56px !important;
  padding: 0;
  border: 1px solid #dde5ee;
  border-radius: 7px;
  background: #fff;
  cursor: pointer;
}

.lb6-thumbs .swiper-slide-thumb-active,
.lb6-thumbs button:hover {
  border-color: #d6a33a;
}

.lb6-thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lb6-product-info {
  min-width: 0;
}

.lb6-brandline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
  color: var(--lb-primary);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
}

.lb6-brandline small {
  color: var(--lb6-text-muted);
  font-size: 12px;
  font-weight: 600;
}

.lb6-product-info h1 {
  margin: 0 0 6px;
  color: #111936;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
}

.lb6-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 10px;
  color: var(--lb6-text-muted);
  font-size: 14px;
  line-height: 17px;
}

.lb6-rating b {
  display: inline-flex;
  align-items: center;
  height: 25px;
  padding: 0 7px;
  border-radius: 4px;
  color: #fff;
  background: #ff6a00;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.lb6-rating span {
  color: #ffb000;
  letter-spacing: 0;
}

.lb6-rating a {
  color: #2f7b58;
  font-weight: 400;
}

.lb6-sold-count {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 6px 10px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.1);
  border-radius: 6px;
  color: var(--lb6-text-muted);
  background: #f8fbff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.lb6-sold-count i {
  color: var(--lb-primary);
  font-size: 17px;
}

.lb6-sold-count strong {
  color: #111936;
  font-size: 16px;
  font-weight: 700;
}

.lb6-price {
  display: grid;
  gap: 4px;
  margin-bottom: 10px;
  padding: 8px 0;
  border-top: 1px solid #f0dcb1;
  border-bottom: 1px solid #f0dcb1;
  background: transparent;
}

.lb6-price__current {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

.lb6-price__current > i {
  color: #ff5b00;
  font-size: 18px;
}

.lb6-price__current strong {
  color: #ff5b00;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.lb6-price__current small,
.lb6-price__market {
  color: var(--lb6-text);
  font-size: 14px;
  line-height: 20px;
}

.lb6-price__current small {
  font-weight: 400;
}

.lb6-price__market del {
  color: inherit;
  text-decoration: line-through;
}

.lb6-price__market span {
  color: inherit;
}

.lb6-price__market em {
  color: #ff5b00;
  font-style: normal;
}

.lb6-delivery {
  margin-bottom: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.lb6-delivery h2 {
  margin: 0 0 6px;
  color: #111936;
  font-size: 16px;
  font-weight: 600;
}

.lb6-delivery p {
  margin: 0;
  color: var(--lb6-text-muted);
  font-size: 14px;
  line-height: 20px;
}

.lb6-cta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.lb6-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-width: 0;
  min-height: 58px;
  padding: 7px 10px;
  border: 1px solid #dbeaf7;
  border-radius: 8px;
  color: #1684e7;
  background: #f6fbff;
  box-shadow: 0 3px 10px rgba(22, 132, 231, 0.08);
  text-align: left;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.lb6-cta a:hover {
  color: #1684e7;
  border-color: #9fd0f5;
  box-shadow: 0 6px 16px rgba(22, 132, 231, 0.14);
  transform: translateY(-1px);
}

.lb6-cta__icon {
  display: inline-flex;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #1684e7;
  font-size: 25px;
  line-height: 1;
}

.lb6-cta__facebook > .lb6-cta__icon {
  border-radius: 50%;
  color: #fff;
  background: #1684e7;
  font-size: 22px;
}

.lb6-cta__icon img {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.lb6-cta__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
  line-height: 1.2;
}

.lb6-cta__copy strong {
  overflow: hidden;
  color: #1684e7;
  font-size: 14px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lb6-cta__copy small {
  color: var(--lb6-text-muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  white-space: nowrap;
}

.lb6-detail-card {
  margin-top: 20px;
  padding: 20px;
  box-shadow: 0 10px 28px rgba(9, 23, 58, 0.1);
}

.lb6-product-tabs {
  padding: 0;
  overflow: hidden;
}

.lb6-product-tabs__nav {
  margin: 0;
  border-bottom: 1px solid #e8edf3;
  overflow-x: auto;
  scrollbar-width: none;
}

.lb6-product-tabs__nav::-webkit-scrollbar {
  display: none;
}

.lb6-product-tabs__nav ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  margin: 0;
  padding: 0 20px;
}

.lb6-product-tabs__nav li {
  flex: 0 0 auto;
  margin: 0;
  list-style: none;
}

.lb6-product-tabs__nav a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 51px;
  padding: 12px 20px 8px;
  border: 0;
  color: var(--lb6-text);
  background: transparent;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  white-space: nowrap;
}

.lb6-product-tabs__nav a::after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  height: 2px;
  background: transparent;
}

.lb6-product-tabs__nav a:hover,
.lb6-product-tabs__nav a:focus {
  color: var(--lb-primary);
}

.lb6-product-tabs__nav a:hover::after,
.lb6-product-tabs__nav a:focus::after {
  background: var(--lb-primary);
}

.lb6-product-tabs__content {
  padding: 20px;
}

.lb6-product-tabs__section,
.lb6-product-detail-section {
  scroll-margin-top: 100px;
}

.lb6-product-tabs__content .lb-editor-content > :last-child,
.lb6-product-detail-section .lb-editor-content > :last-child,
.lb6-product-detail-section .lb6-review-list > :last-child {
  margin-bottom: 0;
}

.lb6-product-questions {
  border-top: 1px solid #e8edf3;
}

.lb6-product-questions details {
  border-bottom: 1px solid #e8edf3;
}

.lb6-product-questions summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 48px;
  padding: 12px 0;
  color: #111936;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
  list-style: none;
}

.lb6-product-questions summary::-webkit-details-marker {
  display: none;
}

.lb6-product-questions summary i {
  flex: 0 0 auto;
  color: var(--lb-primary);
  transition: transform 0.2s ease;
}

.lb6-product-questions details[open] summary i {
  transform: rotate(180deg);
}

.lb6-product-questions details > div {
  padding: 0 0 14px;
  color: var(--lb6-text-muted);
  font-size: 14px;
  line-height: 20px;
}

.lb6-product-questions details > div > :last-child {
  margin-bottom: 0;
}

.lb6-editor-stack {
  display: grid;
  gap: 12px;
  margin-top: 20px;
}

.lb4-product-detail .lb-editor-box {
  padding: 20px;
}

.lb6-detail-card h2 {
  margin: 0 0 10px;
  color: #111936;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.lb6-detail-card p,
.lb6-detail-card li {
  color: var(--lb6-text-muted);
  font-size: 14px;
  line-height: 20px;
}

.lb4-product-detail .lb-editor-content {
  font-size: 14px;
  line-height: 20px;
}

.lb4-product-detail .lb-editor-content h1,
.lb4-product-detail .lb-editor-content h2 {
  margin: 20px 0 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.lb4-product-detail .lb-editor-content h3,
.lb4-product-detail .lb-editor-content h4,
.lb4-product-detail .lb-editor-content h5,
.lb4-product-detail .lb-editor-content h6 {
  margin: 16px 0 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

.lb4-product-detail .lb-editor-content h1:first-child,
.lb4-product-detail .lb-editor-content h2:first-child,
.lb4-product-detail .lb-editor-content h3:first-child,
.lb4-product-detail .lb-editor-content h4:first-child,
.lb4-product-detail .lb-editor-content h5:first-child,
.lb4-product-detail .lb-editor-content h6:first-child {
  margin-top: 0;
}

.lb4-product-detail .lb-editor-content p,
.lb4-product-detail .lb-editor-content ul,
.lb4-product-detail .lb-editor-content ol,
.lb4-product-detail .lb-editor-content blockquote,
.lb4-product-detail .lb-editor-content table {
  margin-bottom: 10px;
}

.lb4-product-detail .lb-editor-content li + li {
  margin-top: 2px;
}

.lb6-review-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.lb6-review-head h2 {
  margin: 0;
}

.lb6-review-head span {
  color: var(--lb6-text-muted);
  font-size: 13px;
}

.lb6-review-summary {
  display: grid;
  grid-template-columns: minmax(190px, 0.85fr) minmax(260px, 1.15fr);
  gap: 18px;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid #edf1f5;
  border-radius: 7px;
  background: #fffaf3;
}

.lb6-review-score {
  display: flex;
  align-items: center;
  gap: 14px;
}

.lb6-review-score strong {
  color: #ff6a00;
  font-size: 42px;
  font-weight: 600;
  line-height: 1;
}

.lb6-review-score span {
  display: block;
  margin-bottom: 5px;
  color: #ffb000;
  font-size: 14px;
}

.lb6-review-score small {
  display: block;
  color: var(--lb6-text-muted);
  font-size: 13px;
}

.lb6-review-bars {
  display: grid;
  gap: 8px;
}

.lb6-review-bars div {
  display: grid;
  grid-template-columns: 46px 1fr 32px;
  align-items: center;
  gap: 9px;
  color: var(--lb6-text-muted);
  font-size: 13px;
}

.lb6-review-bars b {
  overflow: hidden;
  height: 7px;
  border-radius: 999px;
  background: #eadfcd;
}

.lb6-review-bars i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #ffb000;
}

.lb6-review-bars em {
  color: #111936;
  font-style: normal;
  font-weight: 700;
  text-align: right;
}

.lb6-review-list {
  display: grid;
  gap: 10px;
}

.lb6-review-list.is-collapsed .lb6-review:nth-child(n + 11) {
  display: none;
}

.lb6-review-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 132px;
  min-height: 38px;
  margin: 16px auto 0;
  padding: 8px 16px;
  border: 1px solid var(--lb-primary);
  border-radius: 4px;
  color: var(--lb-primary);
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
}

.lb6-review-more:hover,
.lb6-review-more:focus {
  color: #fff;
  background: var(--lb-primary);
}

.lb6-review-more[hidden] {
  display: none;
}

.lb6-spec-table-card {
  margin-top: 20px;
}

.lb6-spec-table-wrap {
  overflow: hidden;
  border: 1px solid #edf1f5;
  border-radius: 8px;
  background: #fff;
}

.lb6-spec-table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.lb6-spec-table th,
.lb6-spec-table td {
  padding: 9px 12px;
  border-bottom: 1px solid #edf1f5;
  color: var(--lb6-text-muted);
  font-size: 14px;
  line-height: 20px;
  vertical-align: top;
}

.lb6-spec-table tr:last-child th,
.lb6-spec-table tr:last-child td {
  border-bottom: 0;
}

.lb6-spec-table th {
  width: 34%;
  color: #111936;
  background: #f8fafc;
  font-weight: 600;
}

.lb6-spec-table td {
  background: #fff;
}

.lb6-review {
  padding: 12px;
  border: 1px solid #edf1f5;
  border-radius: 7px;
  background: #fff;
}

.lb6-review__top {
  display: block;
  margin-bottom: 7px;
}

.lb6-review strong {
  display: block;
  color: #111936;
  font-size: 14px;
  line-height: 20px;
}

.lb6-review small {
  display: block;
  margin-top: 6px;
  color: var(--lb6-text-muted);
  font-size: 13px;
}

.lb6-review__stars {
  display: flex;
  gap: 2px;
  justify-content: flex-start;
  margin-bottom: 10px;
  color: #ffb000;
  font-size: 14px;
}

.lb6-review p {
  margin: 0;
}

.lb6-sidebar-card {
  padding: 20px;
}

.lb6-sidebar-card + .lb6-sidebar-card {
  margin-top: 20px;
}

.lb6-sidebar-card h2 {
  margin: 0 0 8px;
  color: #111936;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.lb6-policy > h2 {
  color: var(--lb-primary);
  text-transform: uppercase;
}

.lb6-policy div {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-top: 1px solid #edf1f5;
}

.lb6-policy div:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.lb6-policy i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  text-align: center;
}

.lb6-policy i img {
  display: block;
  width: 80px;
  height: 80px;
  object-fit: contain;
}

.lb6-policy p {
  margin: 0;
}

.lb6-policy strong,
.lb6-policy span {
  display: block;
}

.lb6-policy strong {
  color: #111936;
  font-size: 14px;
}

.lb6-policy span {
  margin-top: 4px;
  color: var(--lb6-text-muted);
  font-size: 13px;
  line-height: 20px;
}
.lb6-spec-list {
  display: grid;
  gap: 0;
  margin: 0;
}

.lb6-spec-list div {
  display: grid;
  grid-template-columns: minmax(92px, 0.9fr) minmax(0, 1.1fr);
  gap: 10px;
  padding: 11px 0;
  border-top: 1px solid #edf1f5;
}

.lb6-spec-list div:first-child {
  border-top: 0;
  padding-top: 0;
}

.lb6-spec-list dt,
.lb6-spec-list dd {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.lb6-spec-list dt {
  color: var(--lb6-text-muted);
  font-weight: 700;
}

.lb6-spec-list dd {
  color: #111936;
  font-weight: 600;
  text-align: right;
}

.lb6-brand-card {
  text-align: center;
}

.lb6-brand-card img {
  display: block;
  width: auto;
  height: auto;
  max-width: 60%;
  margin: 0 auto 12px;
  object-fit: contain;
}

@media (max-width: 991px) {
  .lb6-brand-card {
    display: none;
  }
}

.lb6-brand-card__actions {
  display: flex;
  align-items: stretch;
  gap: 8px;
  margin-top: 10px;
}

.lb6-brand-card .lb6-brand-card__actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 38px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid var(--lb-primary);
  border-radius: 5px;
  color: var(--lb-primary);
  background: #fff;
  font-weight: 600;
  line-height: 1;
}

.lb6-brand-card .lb6-brand-card__actions .lb6-brand-card__follow {
  flex: 1 1 auto;
  color: #fff;
  background: var(--lb-primary);
}

.lb6-brand-card .lb6-brand-card__count {
  flex: 0 0 auto;
  min-width: 58px;
}

.lb6-related a {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid #edf1f5;
}

.lb6-related a:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.lb6-related img {
  width: 70px;
  height: 70px;
  border-radius: 6px;
  object-fit: cover;
  grid-row: span 2;
}

.lb6-related span {
  color: #111936;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.lb6-related b {
  align-self: end;
  color: #ff5b00;
  font-size: 14px;
}

@media (max-width: 1199.98px) {
  .lb6-product-shell {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1200px) {
  .lb4-product-detail > .container {
    max-width: 1360px !important;
  }

  .lb4-product-detail > .container > .row.lb4-gutter-10 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    gap: 20px;
    margin-right: 0;
    margin-left: 0;
  }

  .lb4-product-detail > .container > .row.lb4-gutter-10 > [class*="col-"] {
    width: auto;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }
}

@media (max-width: 767.98px) {
  .lb4-product-detail {
    padding: 10px 0 20px;
  }

  .lb4-product-detail > .container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .lb6-product-shell,
  .lb6-detail-card,
  .lb-editor-box,
  .lb6-sidebar-card {
    border-radius: 7px;
  }

  .lb6-product-shell,
  .lb6-detail-card,
  .lb-editor-box {
    padding: 10px;
  }

  .lb6-product-shell {
    gap: 10px;
  }

  .lb6-detail-card,
  .lb6-spec-table-card,
  .lb6-editor-stack {
    margin-top: 10px;
  }

  .lb6-product-tabs {
    padding: 0;
  }

  .lb6-product-tabs__nav ul {
    padding: 0;
  }

  .lb6-product-tabs__nav a {
    min-height: 42px;
    padding: 10px 12px 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
  }

  .lb6-product-tabs__nav a::after {
    right: 12px;
    left: 12px;
  }

  .lb6-product-tabs__content {
    padding: 10px;
  }

  .lb6-brandline {
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-transform: none;
  }

  .lb6-product-info h1 {
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
  }

  .lb6-rating {
    gap: 4px;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 16px;
  }

  .lb6-rating b {
    height: 22px;
    padding: 0 5px;
    font-size: 13px;
    line-height: 16px;
  }

  .lb6-sold-count {
    margin-bottom: 8px;
    font-size: 13px;
  }

  .lb6-sold-count strong {
    font-size: 15px;
  }

  .lb6-price {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .lb6-price__current strong {
    font-size: 19px;
    line-height: 1.2;
  }

  .lb6-delivery p,
  .lb6-detail-card p,
  .lb6-detail-card li,
  .lb4-product-detail .lb-editor-content,
  .lb6-product-questions details > div {
    font-size: 13px;
    line-height: 1.2;
  }

  .lb6-detail-card h2,
  .lb6-sidebar-card h2,
  .lb4-product-detail .lb-editor-content h1,
  .lb4-product-detail .lb-editor-content h2 {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
  }

  .lb4-product-detail .lb-editor-content h1,
  .lb4-product-detail .lb-editor-content h2 {
    margin: 15px 0 8px;
  }

  .lb4-product-detail .lb-editor-content h3,
  .lb4-product-detail .lb-editor-content h4,
  .lb4-product-detail .lb-editor-content h5,
  .lb4-product-detail .lb-editor-content h6 {
    margin: 12px 0 8px;
    font-size: 14px;
    line-height: 1.35;
  }

  .lb6-spec-table th,
  .lb6-spec-table td {
    padding: 7px 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
  }

  .lb6-product-questions summary {
    min-height: 42px;
    padding: 10px 0;
    font-size: 13px;
    line-height: 1.2;
  }

  .lb6-review strong {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .lb6-review p {
    font-size: 13px;
    line-height: 1.5;
  }

  .lb6-cta {
    grid-template-columns: 1fr;
  }

  .lb6-review-summary {
    grid-template-columns: 1fr;
  }

  .lb6-review-score {
    gap: 10px;
  }

  .lb6-review-score strong {
    font-size: 34px;
  }

  .lb6-review-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .lb6-gallery--with-thumbs {
    display: block;
  }

  .lb6-thumbs {
    display: none !important;
  }

  .lb6-carousel-pagination {
    display: flex;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    overflow: visible;
    width: 100%;
    min-height: 10px;
    margin-top: 10px;
  }

  .lb6-carousel-pagination .swiper-pagination-bullet {
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    margin: 0 !important;
    background: #b8c2cf;
    opacity: 1;
  }

  .lb6-carousel-pagination .swiper-pagination-bullet-active {
    background: var(--lb-primary);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

@media (min-width: 1500px) {
  .container,
  .lb4-page .container,
  .lb5-combo .lb5-header > .container {
    max-width: 1380px;
  }
}

/* Nút support nổi: hover/chạm để hiện Zalo, Facebook, điện thoại; kéo thả để đổi vị trí */
.lb-support {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 70;
  width: 56px;
  height: 56px;
}

.lb-support__toggle {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 1 / 1;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: #ff5a1f;
  font-size: 24px;
  line-height: 1;
  box-shadow: 0 10px 26px rgba(255, 90, 31, 0.42);
  -webkit-appearance: none;
  appearance: none;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: transform .2s ease, background .2s ease;
}

.lb-support__toggle:focus {
  outline: 0;
}

.lb-support__toggle:focus-visible {
  outline: 2px solid var(--lb-secondary);
  outline-offset: 3px;
}

.lb-support.is-open .lb-support__toggle {
  background: var(--lb-primary);
  box-shadow: 0 10px 26px rgba(var(--lb-primary-rgb), 0.35);
}

/* Vòng sóng lan ra để thu hút chú ý khi đang đóng */
.lb-support__toggle::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 50%;
  background: #ff5a1f;
  animation: lb-support-pulse 2s ease-out infinite;
}

.lb-support.is-open .lb-support__toggle::before,
.lb-support.is-dragging .lb-support__toggle::before {
  animation: none;
  opacity: 0;
}

@keyframes lb-support-pulse {
  0% {
    opacity: 0.55;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.6);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lb-support__toggle::before {
    animation: none;
    opacity: 0;
  }
}

.lb-support.is-dragging .lb-support__toggle {
  cursor: grabbing;
  transform: scale(1.06);
}

/* Danh sách kênh: mặc định bung lên trên, padding để giữ hover khi rê chuột từ nút lên */
.lb-support__actions {
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-bottom: 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, 10px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.lb-support.is-below .lb-support__actions {
  top: 100%;
  bottom: auto;
  flex-direction: column-reverse;
  padding-top: 12px;
  padding-bottom: 0;
  transform: translate(-50%, -10px);
}

.lb-support.is-open .lb-support__actions {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.lb-support.is-dragging .lb-support__actions {
  opacity: 0;
  visibility: hidden;
}

.lb-support__action {
  box-sizing: border-box;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  color: #fff;
  font-size: 19px;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
  transition: transform .15s ease;
}

.lb-support__action:hover {
  color: #fff;
  transform: scale(1.08);
}

.lb-support__action--zalo {
  background: #0068ff;
}

.lb-support__action--facebook {
  background: #1877f2;
}

.lb-support__action--phone {
  background: var(--lb-primary);
}

.lb-support__zalo {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

@media (max-width: 575.98px) {
  .lb-support {
    right: 16px;
    bottom: 16px;
    width: 52px;
    height: 52px;
  }

  .lb-support__toggle {
    width: 52px;
    height: 52px;
    font-size: 22px;
  }
}

/* 21. About Page Mockup 2026 */
.lb5-combo .lb5-header--inner {
  background: linear-gradient(90deg, #15194d 0%, #075f9f 100%);
  box-shadow: none;
}

.lb5-combo .lb5-cooperate {
  gap: 9px;
  min-width: 112px;
  height: 38px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 9px;
  color: #fff;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.lb5-combo .lb5-cooperate:hover,
.lb5-combo .lb5-cooperate:focus {
  color: #0c2462;
  background: #fff;
}

.lb5-combo .lb5-nav .lb5-mobile-cooperate {
  display: none;
}

.lb6-about {
  --about-blue: #081f43;
  --about-navy: #11164a;
  --about-sky: #056ca8;
  --about-muted: #64758a;
  --about-soft: #edf3f8;
  --about-image: #c7d5e4;
  color: var(--about-blue);
  background: #f6f8fb;
  font-family: "Inter", Arial, sans-serif;
}

.lb6-about * {
  letter-spacing: 0;
}

.lb6-about a:hover {
  text-decoration: none;
}

.lb6-about-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 210px;
  border-radius: 8px;
  color: #111;
  background: var(--about-image);
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 400;
  line-height: 1;
  overflow: hidden;
}

.lb6-about-placeholder img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  object-position: center;
}

.lb6-about-placeholder--hero {
  height: 100%;
  min-height: 0;
  color: rgba(255, 255, 255, 0.82);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.55) 32%, rgba(3, 30, 64, 0.28) 100%),
    linear-gradient(135deg, #b8d2e7 0%, #e7f1f8 40%, #3b6f9e 100%);
  font-size: clamp(44px, 6vw, 84px);
}

.lb6-about-hero {
  position: relative;
  min-height: 430px;
  border-bottom-right-radius: 100px;
  overflow: hidden;
  background: #d9e7f2;
  isolation: isolate;
}

.lb6-about-hero__media {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.lb6-about-hero__media picture {
  display: block;
  width: 100%;
  height: 100%;
}

.lb6-about-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.lb6-about-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 3% 22%, rgba(32, 91, 51, 0.22), transparent 22%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.7) 34%, rgba(10, 34, 68, 0.08) 68%, rgba(6, 34, 70, 0.16) 100%);
}

.lb6-about-hero .container {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 430px;
  padding-top: 56px;
  padding-bottom: 58px;
}

.lb6-about-hero__content {
  position: relative;
  z-index: 3;
  max-width: 520px;
}

.lb6-about-hero__content > span,
.lb6-about-kicker {
  display: block;
  margin-bottom: 12px;
  color: #52677f;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}

.lb6-about-hero h1 {
  margin: 0 0 12px;
  color: #081f43;
  font-size: clamp(48px, 6.2vw, 82px);
  font-weight: 600;
  line-height: 0.95;
  text-transform: uppercase;
}

.lb6-about-hero__lead {
  max-width: 470px;
  margin: 0 0 18px;
  color: #193456;
  font-size: clamp(28px, 3.2vw, 44px);
  font-weight: 500;
  line-height: 1.12;
}

.lb6-about-hero__content p:not(.lb6-about-hero__lead) {
  max-width: 520px;
  margin: 0 0 24px;
  color: #405770;
  font-size: 16px;
  line-height: 1.55;
}

.lb6-about-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #173252;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}

.lb6-about-link i {
  font-size: 15px;
}

.lb6-about-link--hero {
  gap: 16px;
}

.lb6-about-link--hero i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: #fff;
  background: #09213f;
  font-size: 25px;
}

.lb6-about-link--light {
  color: #fff;
}

.lb6-about-section {
  padding: clamp(58px, 6.8vw, 100px) 0;
  background: #f6f8fb;
}

.lb6-about-story__grid {
  display: grid;
  grid-template-columns: minmax(300px, 1.1fr) minmax(320px, 0.92fr) minmax(160px, 0.38fr);
  gap: clamp(46px, 5vw, 74px);
  align-items: center;
}

.lb6-about-story .lb6-about-placeholder {
  min-height: 255px;
}

.lb6-about-copy h2,
.lb6-about-section-head h2,
.lb6-about-logistics__copy h2 {
  margin: 0 0 22px;
  color: #213c5c;
  font-size: clamp(34px, 3.2vw, 48px);
  font-weight: 500;
  line-height: 1.08;
}

.lb6-about-copy p,
.lb6-about-section-head p,
.lb6-about-logistics__copy p {
  margin: 0 0 24px;
  color: #52677f;
  font-size: 15px;
  line-height: 1.65;
}

.lb6-about-anchor {
  display: flex;
  flex-direction: column;
  gap: 17px;
  padding-left: 26px;
  border-left: 1px solid #dce4ed;
}

.lb6-about-anchor a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #5f7186;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  transition: color .18s ease, transform .18s ease;
}

.lb6-about-anchor a:hover,
.lb6-about-anchor a:focus {
  color: #213c5c;
  transform: translateX(10px);
}

.lb6-about-anchor a::before {
  content: "";
  position: absolute;
  left: -29px;
  opacity: 0;
  width: 3px;
  height: 16px;
  background: #213c5c;
  transition: opacity .18s ease;
}

.lb6-about-anchor a:hover::before,
.lb6-about-anchor a:focus::before {
  opacity: 1;
}

.lb6-about-anchor span {
  min-width: 22px;
  font-weight: 700;
}

.lb6-about-values {
  padding-top: 36px;
}

.lb6-about-values__grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.98fr) repeat(3, minmax(0, 1fr));
  gap: 6px;
  align-items: stretch;
}

.lb6-about-copy--wide {
  align-self: center;
  padding-right: clamp(18px, 3vw, 42px);
}

.lb6-about-values .lb6-about-copy h2 {
  font-size: clamp(28px, 2.4vw, 38px);
}

.lb6-about-value-card {
  position: relative;
  display: flex;
  min-height: 272px;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 8px;
  overflow: hidden;
  background: var(--about-image);
}

.lb6-about-value-card .lb6-about-placeholder {
  position: absolute;
  inset: 0;
  min-height: 100%;
  background: var(--about-image);
}

.lb6-about-value-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(199, 213, 228, 0.08) 34%, rgba(23, 50, 82, 0.58) 100%);
}

.lb6-about-value-card > div:last-child {
  position: relative;
  z-index: 1;
  padding: 0 22px 24px;
}

.lb6-about-value-card h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
}

.lb6-about-value-card p {
  margin: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.55;
}

.lb6-about-section-head {
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(320px, 1fr) minmax(170px, auto);
  gap: clamp(28px, 5vw, 74px);
  align-items: start;
  margin-bottom: 28px;
}

.lb6-about-section-head p {
  margin-top: 30px;
  margin-bottom: 0;
}

.lb6-about-strategy__grid {
  overflow: hidden;
  padding: 0;
}

.lb6-about-strategy__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  align-self: start;
  margin-top: 30px;
}

.lb6-about-strategy__nav {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.lb6-about-strategy__nav button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid rgba(33, 60, 92, 0.48);
  border-radius: 50%;
  color: #213c5c;
  background: transparent;
  font-size: 15px;
  cursor: pointer;
  transition: color .16s ease, background .16s ease, border-color .16s ease;
}

.lb6-about-strategy__nav button:hover,
.lb6-about-strategy__nav button:focus {
  color: #fff;
  border-color: #213c5c;
  background: #213c5c;
}

.lb6-about-strategy-card {
  height: auto;
}

.lb6-about-strategy-card .lb6-about-placeholder {
  aspect-ratio: 16 / 9;
  min-height: 0;
  font-size: 30px;
}

.lb6-about-strategy-card .lb6-about-placeholder img {
  height: 100%;
  min-height: 0;
}

.lb6-about-strategy-card__body {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 16px;
  padding: 10px 0 0;
}

.lb6-about-strategy-card__body span {
  margin-top: -22px;
  color: #213c5c;
  background: #f6f8fb;
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.lb6-about-strategy-card h3 {
  margin: 8px 0 10px;
  color: #2d4867;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  text-transform: uppercase;
}

.lb6-about-strategy-card p {
  margin: 0;
  color: #52677f;
  font-size: 14px;
  line-height: 1.55;
}

.lb6-about-logistics {
  position: relative;
  overflow: hidden;
  padding: clamp(68px, 5.4vw, 82px) 0 clamp(44px, 4.6vw, 66px);
  border-top-left-radius: 100px;
  background: linear-gradient(90deg, #15194d 0%, #075f9f 100%);
  color: #fff;
  isolation: isolate;
}

.lb6-about-logistics__media {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.38;
}

.lb6-about-logistics__media .lb6-about-placeholder {
  height: 100%;
  min-height: 100%;
  color: rgba(255, 255, 255, 0.42);
  background: linear-gradient(90deg, #11164a 0%, #386a92 54%, #066fa9 100%);
}

.lb6-about-logistics__grid {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(380px, 0.68fr);
  gap: clamp(42px, 8vw, 130px);
  align-items: center;
}

.lb6-about-logistics__copy {
  position: relative;
  z-index: 1;
  max-width: 585px;
}

.lb6-about-logistics__copy .lb6-about-kicker,
.lb6-about-logistics__copy h2,
.lb6-about-logistics__copy p {
  color: #fff;
}

.lb6-about-logistics__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  position: relative;
  z-index: 1;
}

.lb6-about-logistics__stats div {
  min-height: 104px;
  padding: 22px 24px 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}

.lb6-about-logistics__stats div:nth-child(odd) {
  border-right: 1px solid rgba(255, 255, 255, 0.75);
}

.lb6-about-logistics__stats div:nth-last-child(-n+2) {
  border-bottom: 0;
}

.lb6-about-logistics__stats span,
.lb6-about-logistics__stats small {
  display: block;
  color: rgba(255, 255, 255, 0.84);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-transform: uppercase;
}

.lb6-about-logistics__stats strong {
  display: block;
  margin: 8px 0 4px;
  color: #fff;
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 600;
  line-height: 1;
}

.lb6-about-logistics__stats small {
  font-weight: 500;
  text-transform: none;
}

.lb6-about-numbers__grid {
  display: grid;
  grid-template-columns: minmax(260px, 1.08fr) repeat(4, minmax(120px, 1fr));
  gap: clamp(20px, 4.4vw, 70px);
  align-items: center;
}

.lb6-about-number {
  text-align: center;
}

.lb6-about-numbers .lb6-about-copy h2 {
  font-size: clamp(24px, 2.1vw, 32px);
}

.lb6-about-number strong {
  display: block;
  margin-bottom: 9px;
  color: #203b5b;
  font-size: clamp(24px, 2.4vw, 34px);
  font-weight: 500;
  line-height: 1;
}

.lb6-about-number span {
  display: block;
  color: #52677f;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

.lb6-about-people {
  padding-top: 28px;
}

.lb6-about-people__grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.45fr);
  gap: clamp(34px, 6vw, 86px);
  align-items: center;
}

.lb6-about-people__media {
  display: grid;
  grid-template-columns: 1.7fr 0.8fr 0.95fr;
  overflow: hidden;
  border-radius: 8px;
  background: transparent;
}

.lb6-about-people__media .lb6-about-placeholder {
  min-height: 205px;
  border-right: 4px solid #f6f8fb;
  color: inherit;
  background: transparent;
  font-size: 34px;
}

.lb6-about-people__media .lb6-about-placeholder:last-child {
  border-right: 0;
}

@media (max-width: 1199.98px) {
  .lb5-combo .lb5-cooperate {
    min-width: 100px;
    padding: 0 12px;
  }

  .lb6-about-story__grid,
  .lb6-about-section-head {
    gap: 32px;
  }

  .lb6-about-values__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lb6-about-copy--wide {
    padding-right: 0;
  }

  .lb6-about-numbers__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lb6-about-numbers__grid .lb6-about-copy {
    grid-column: 1 / -1;
    max-width: 520px;
  }
}

@media (max-width: 991.98px) {
  .lb5-combo .lb5-cooperate {
    display: none;
  }

  .lb5-nav .lb5-mobile-cooperate {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    margin-top: 18px;
    border: 1px solid #071540;
    border-radius: 8px;
    color: #fff;
    background: #071540;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
  }

  .lb5-nav .lb5-mobile-cooperate:hover,
  .lb5-nav .lb5-mobile-cooperate:focus {
    color: #fff;
  }

  .lb6-about-hero,
  .lb6-about-hero .container {
    min-height: 600px;
  }

  .lb6-about-hero .container {
    align-items: flex-start;
    padding-top: 72px;
  }

  .lb6-about-story__grid {
    grid-template-columns: 1fr;
  }

  .lb6-about-anchor {
    display: none;
  }

  .lb6-about-values__grid,
  .lb6-about-section-head,
  .lb6-about-logistics__grid,
  .lb6-about-people__grid {
    grid-template-columns: 1fr;
  }

  .lb6-about-section-head {
    align-items: start;
  }

  .lb6-about-strategy__actions {
    justify-content: flex-start;
  }

  .lb6-about-strategy__grid {
    margin-right: -18px;
  }

  .lb6-about-logistics__stats {
    max-width: 620px;
  }
}

@media (max-width: 767.98px) {
  .lb6-about-hero,
  .lb6-about-hero .container {
    min-height: 620px;
  }

  .lb6-about-hero__content {
    max-width: 100%;
  }

  .lb6-about-values__grid {
    grid-template-columns: 1fr;
  }

  .lb6-about-numbers__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 18px;
  }

  .lb6-about-numbers__grid .lb6-about-copy {
    grid-column: 1 / -1;
  }

  .lb6-about-strategy__grid {
    margin-right: -15px;
  }

  .lb6-about-placeholder,
  .lb6-about-story .lb6-about-placeholder {
    min-height: 220px;
  }

  .lb6-about-strategy-card .lb6-about-placeholder {
    aspect-ratio: 16 / 9;
    min-height: 0;
  }

  .lb6-about-value-card {
    min-height: 250px;
  }

  .lb6-about-strategy-card__body {
    grid-template-columns: 48px 1fr;
  }

  .lb6-about-logistics__stats div {
    min-height: 84px;
    padding: 16px 12px 18px;
  }

  .lb6-about-logistics__stats span,
  .lb6-about-logistics__stats small {
    font-size: 11px;
  }

  .lb6-about-logistics__stats strong {
    font-size: clamp(18px, 5vw, 24px);
  }

  .lb6-about-logistics {
    padding-top: 78px;
    border-top-left-radius: 56px;
  }

  .lb6-about-people__media {
    grid-template-columns: 1fr;
    border-radius: 8px;
  }

  .lb6-about-people__media .lb6-about-placeholder {
    min-height: 150px;
    border-right: 0;
    border-bottom: 4px solid #f6f8fb;
  }

  .lb6-about-people__media .lb6-about-placeholder:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 575.98px) {
  .lb6-about-section {
    padding: 48px 0;
  }

  .lb6-about-hero,
  .lb6-about-hero .container {
    min-height: 650px;
  }

  .lb6-about-hero .container {
    padding-top: 54px;
    padding-bottom: 104px;
  }

  .lb6-about-hero h1 {
    font-size: 48px;
  }

  .lb6-about-hero__lead {
    font-size: 28px;
  }

  .lb6-about-link--hero {
    align-items: flex-start;
  }

  .lb6-about-link--hero i {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    font-size: 20px;
  }

  .lb6-about-anchor {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .lb6-about-copy h2,
  .lb6-about-section-head h2,
  .lb6-about-logistics__copy h2 {
    font-size: 32px;
  }

  .lb6-about-values .lb6-about-copy h2 {
    font-size: 28px;
  }

  .lb6-about-numbers .lb6-about-copy h2 {
    font-size: 24px;
  }

  .lb6-about-number strong {
    font-size: 24px;
  }

  .lb6-about-number span {
    font-size: 12px;
  }
}

/* Homepage band sections */
.lb5-hero-full {
  border-bottom-right-radius: 80px;
}

.lb5-combo .lb5-home-band,
.lb5-combo .lb5-process-lead {
  position: relative;
  overflow: hidden;
  color: #fff;
  background-image: var(--lb-section-bg-image, linear-gradient(135deg, #0c5aa2 0%, var(--lb-primary) 58%, #071540 100%));
  background-size: cover;
  background-position: center;
}

.lb5-combo .lb5-home-band::before,
.lb5-combo .lb5-process-lead::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(90deg, rgba(7, 21, 64, 0.28), rgba(7, 21, 64, 0.08));
  pointer-events: none;
}

.lb5-combo .lb5-home-band > *,
.lb5-combo .lb5-process-lead > .container {
  position: relative;
  z-index: 1;
}

.lb5-combo .lb5-home-band {
  padding: clamp(46px, 5vw, 72px) 0;
}

.lb5-combo .lb5-home-band--top-left {
  border-top-left-radius: 80px;
}

.lb5-combo .lb5-home-band--top-right,
.lb5-combo .lb5-process-lead {
  border-top-right-radius: 80px;
}

.lb5-combo .lb5-home-band .lb-section-title h2,
.lb5-combo .lb5-home-band .lb-section-head__text h2,
.lb5-combo .lb5-process-lead .lb-section-title h2,
.lb5-combo .lb5-process-lead .lb-section-head__text h2 {
  color: #fff;
}

.lb5-combo .lb5-home-band .lb-section-head,
.lb5-combo .lb5-process-lead .lb-section-head {
  margin-bottom: 28px;
}

.lb5-combo .lb4-exclusive-brands.lb5-home-band {
  padding-top: clamp(62px, 6vw, 88px);
}

.lb5-combo .lb4-exclusive-brands.lb5-home-band .lb4-exclusive-brands__rail {
  padding-top: 10px;
}

.lb5-combo .lb5-home-band .lb-tech-card {
  color: #fff;
  background: transparent;
}

.lb5-combo .lb5-home-band .lb-tech-card h3 {
  color: #fff;
}

.lb5-combo .lb5-home-band .lb-tech-card p {
  color: rgba(255, 255, 255, 0.84);
}

.lb5-combo .lb5-home-band .lb-tech-banner,
.lb5-combo .lb5-home-band .lb4-exclusive-brand__media,
.lb5-combo .lb5-home-band .lb5-partners-image {
  background: #fff;
}

.lb5-combo .lb5-process-lead {
  padding: clamp(46px, 5vw, 70px) 0 clamp(50px, 5.5vw, 78px);
}

.lb5-combo .lb5-process-lead__process {
  margin-bottom: clamp(30px, 4vw, 46px);
}

.lb5-combo .lb5-process-lead .lb-process-row {
  gap: 30px;
  margin-top: 0;
}

.lb5-combo .lb5-process-lead .lb-process-step,
.lb5-combo .lb5-process-lead .lb-process-step.is-light {
  min-height: 148px;
  margin-left: 0;
  padding: 30px 24px;
  color: var(--lb-primary);
  background: #fff;
}

.lb5-combo .lb5-process-lead .lb-process-step::after {
  top: 50%;
  right: -13px;
  width: 26px;
  height: 26px;
  border: 0;
  background: #fff;
  transform: translateY(-50%) rotate(45deg);
}

.lb5-combo .lb5-process-lead .lb-process-step:last-child::after {
  content: none;
}

.lb5-combo .lb5-process-lead .lb-process-step h3 {
  color: var(--lb-primary);
  font-size: clamp(17px, 1.2vw, 21px);
  line-height: 1.25;
}

.lb5-combo .lb5-process-lead .lb-process-step p {
  color: #576070;
  font-size: 14px;
  line-height: 1.55;
}

.lb5-combo .lb5-process-lead .lb-lead {
  padding: 0;
  background: transparent;
}

.lb5-combo .lb5-process-lead .lb-lead__text h2 {
  max-width: 360px;
  color: #fff;
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1.05;
  text-align: left;
}

.lb5-combo .lb5-process-lead .lb-lead__subtitle {
  margin: 12px 0 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
}

.lb5-combo .lb5-process-lead .lb-lead__description {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  line-height: 1.7;
}

.lb5-combo .lb5-process-lead .lb-lead__perks li,
.lb5-combo .lb5-process-lead .lb-lead__hotline {
  color: #fff;
}

.lb5-combo .lb-lead-form-shell {
  width: 100%;
  padding: 18px;
  border-radius: 6px;
  background: #fff;
}

.lb5-combo .lb-lead-form-shell h3 {
  margin: 0 0 12px;
  color: var(--lb-primary);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  text-transform: uppercase;
}

.lb5-combo .lb5-process-lead .lb-lead-form {
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.lb5-combo .lb5-process-lead .lb-field label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.lb5-combo .lb5-process-lead .lb-field input,
.lb5-combo .lb5-process-lead .lb-field select,
.lb5-combo .lb5-process-lead .lb-field textarea,
.lb5-combo .lb5-process-lead .wpcf7-form-control:not(.wpcf7-submit) {
  width: 100%;
  height: 42px;
  border: 0;
  border-radius: 4px;
  background: #f2f5f9;
  color: #111827;
  font-size: 13px;
}

.lb5-combo .lb5-process-lead .lb-btn,
.lb5-combo .lb5-process-lead .wpcf7-submit {
  width: 100%;
  min-height: 44px;
  border: 0;
  border-radius: 4px;
  background: #071540;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

@media (max-width: 991.98px) {
  .lb5-hero-full {
    border-bottom-right-radius: 64px;
  }

  .lb5-combo .lb5-home-band--top-left {
    border-top-left-radius: 64px;
  }

  .lb5-combo .lb5-home-band--top-right,
  .lb5-combo .lb5-process-lead {
    border-top-right-radius: 64px;
  }

  .lb5-combo .lb5-process-lead .lb-process-row {
    gap: 18px;
  }

  .lb5-combo .lb5-process-lead .lb-process-step {
    flex-basis: calc(50% - 9px);
  }

  .lb5-combo .lb5-process-lead .lb-process-step::after {
    content: none;
  }
}

@media (max-width: 575.98px) {
  .lb5-hero-full {
    border-bottom-right-radius: 48px;
  }

  .lb5-combo .lb5-home-band--top-left {
    border-top-left-radius: 48px;
  }

  .lb5-combo .lb5-home-band--top-right,
  .lb5-combo .lb5-process-lead {
    border-top-right-radius: 48px;
  }

  .lb5-combo .lb5-process-lead .lb-process-row {
    flex-direction: column;
  }

  .lb5-combo .lb5-process-lead .lb-process-step {
    flex-basis: auto;
    min-height: 0;
    padding: 22px 18px;
  }

  .lb5-combo .lb5-process-lead .lb-lead__text h2 {
    font-size: 30px;
  }

  .lb5-combo .lb5-process-lead .lb-lead__description {
    max-width: 100%;
  }
}

/* Brand detail page */
.lb7-brand-detail {
  color: #071540;
  background: #f6f8fe;
}

.lb7-brand-detail a {
  text-decoration: none;
}

.lb7-brand-detail .container {
  max-width: 1320px;
  padding-right: clamp(16px, 2.2vw, 28px);
  padding-left: clamp(16px, 2.2vw, 28px);
}

.lb7-brand-hero {
  padding: 24px 0 20px;
}

.lb7-brand-hero .lb-breadcrumb {
  margin-bottom: 18px;
}

.lb7-brand-hero__inner {
  --lb7-hero-bg: var(--lb7-hero-bg-desktop);
  position: relative;
  display: flex;
  align-items: center;
  min-height: 430px;
  border-radius: 8px 8px 80px 8px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.88) 38%, rgba(255, 255, 255, 0.28) 66%, rgba(255, 255, 255, 0.08) 100%),
    var(--lb7-hero-bg),
    linear-gradient(105deg, #eef5ff 0%, #f8fbff 42%, #dbe8f8 100%);
  background-position: center, center right, center;
  background-size: cover, cover, cover;
  background-repeat: no-repeat;
  box-shadow: 0 14px 36px rgba(var(--lb-primary-rgb), 0.08);
}

.lb7-brand-hero__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(circle at 82% 18%, rgba(var(--lb-secondary-rgb), 0.12), transparent 22%),
    repeating-linear-gradient(90deg, rgba(var(--lb-primary-rgb), 0.025) 0 1px, transparent 1px 84px);
  pointer-events: none;
}

.lb7-brand-hero__copy {
  position: relative;
  z-index: 2;
  width: min(560px, 56%);
  padding: clamp(30px, 4vw, 56px);
}

.lb7-chip,
.lb7-section-label {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 6px 12px;
  border-radius: 6px;
  color: #071540;
  background: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

.lb7-brand-hero h1 {
  margin: 16px 0 8px;
  color: #061653;
  font-size: clamp(36px, 4.2vw, 58px);
  font-weight: 600;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.lb7-brand-hero h2 {
  margin: 0 0 14px;
  color: #071540;
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 600;
  line-height: 1.2;
}

.lb7-brand-hero p {
  max-width: 500px;
  margin: 0 0 22px;
  color: #46546e;
  font-size: 15px;
  line-height: 1.6;
}

.lb4-page .lb7-primary-btn,
.lb7-brand-detail .lb7-primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 12px 20px;
  border-radius: 8px;
  color: #fff;
  background: #071540;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.lb4-page .lb7-primary-btn:hover,
.lb7-brand-detail .lb7-primary-btn:hover {
  color: #fff;
  background: var(--lb-primary);
}

.lb7-brand-hero__visual {
  position: relative;
  z-index: 1;
  min-height: 450px;
  overflow: hidden;
}

.lb7-brand-hero__visual::before {
  content: "";
  position: absolute;
  right: -9%;
  bottom: -26%;
  width: 85%;
  height: 70%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.58);
  filter: blur(2px);
}

.lb7-brand-hero__visual--image {
  z-index: 0;
}

.lb7-brand-hero__visual--image::before {
  content: none;
}

.lb7-brand-hero__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 450px;
  object-fit: cover;
}

.lb7-brand-hero__logo {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 58px;
  padding: 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 28px rgba(var(--lb-primary-rgb), 0.12);
}

.lb7-brand-hero__logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.lb7-brand-body {
  padding: 18px 0 30px;
}

.lb7-brand-layout {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.lb7-brand-nav {
  position: sticky;
  top: 94px;
  display: grid;
  gap: 0;
  padding: 12px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.08);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(var(--lb-primary-rgb), 0.05);
}

.lb7-brand-nav a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 10px;
  border-radius: 6px;
  color: #071540;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.lb7-brand-nav a:first-child {
  background: #eff4ff;
}

.lb7-brand-nav span {
  color: var(--lb-primary);
}

.lb7-brand-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 24px;
}

.lb7-card {
  border: 1px solid rgba(var(--lb-primary-rgb), 0.08);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(var(--lb-primary-rgb), 0.05);
}

.lb7-intro-card {
  padding: clamp(24px, 3vw, 34px);
}

.lb7-intro-card .lb7-section-label,
.lb7-document-head .lb7-section-label {
  padding: 0;
  color: #071540;
  background: transparent;
}

.lb7-intro-card h2 {
  margin: 12px 0 18px;
  color: #071540;
  font-size: clamp(28px, 2.8vw, 38px);
  font-weight: 600;
  line-height: 1.2;
}

.lb7-intro-card p,
.lb7-intro-card .lb-editor-content {
  max-width: 620px;
  color: #647083;
  font-size: 15px;
  line-height: 1.65;
}

.lb7-intro-card p {
  margin: 0 0 10px;
}

.lb7-info-card {
  padding: 24px;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0) 48%),
    linear-gradient(135deg, #eef3ff, #dde8ff);
}

.lb7-info-card h3 {
  margin: 0 0 18px;
  color: #071540;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
}

.lb7-info-grid {
  display: grid;
  gap: 12px;
}

.lb7-info-grid div {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 48px;
}

.lb7-info-grid i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #5f74e8;
  background: rgba(255, 255, 255, 0.9);
}

.lb7-info-grid span {
  color: #66738a;
  font-size: 12px;
  line-height: 1.3;
}

.lb7-info-grid b {
  padding: 8px 12px;
  border-radius: 999px;
  color: #071540;
  background: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.lb7-feature-grid {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 20px;
}

.lb7-feature-card,
.lb7-product-card,
.lb7-document-card {
  border: 1px solid rgba(var(--lb-primary-rgb), 0.08);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(var(--lb-primary-rgb), 0.05);
}

.lb7-feature-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.lb7-feature-card div {
  padding: 16px;
}

.lb7-feature-card h3,
.lb7-product-card h3,
.lb7-document-card h3 {
  margin: 0;
  color: #071540;
  font-weight: 600;
  line-height: 1.28;
}

.lb7-feature-card h3 {
  font-size: 16px;
}

.lb7-feature-card p {
  margin: 8px 0 0;
  color: #66738a;
  font-size: 13px;
  line-height: 1.5;
}

.lb7-product-section {
  padding: 18px 0 30px;
}

.lb7-product-panel {
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid rgba(var(--lb-primary-rgb), 0.08);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(var(--lb-primary-rgb), 0.05);
}

.lb7-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}

.lb7-section-head .lb7-section-label {
  padding: 0;
  background: transparent;
}

.lb7-product-section .lb7-section-label {
  min-height: 0;
  color: var(--lb-primary);
  font-size: clamp(24px, 2.2vw, 32px);
  line-height: 1.2;
}

.lb7-filter-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.lb7-filter-pills a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 9px 16px;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.1);
  border-radius: 999px;
  color: #42506a;
  background: #fff;
  font-size: 12px;
  font-weight: 700;
}

.lb7-filter-pills a.is-active {
  color: #fff;
  border-color: #071540;
  background: #071540;
}

.lb7-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.lb7-product-card__image {
  display: block;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: #eef4ff;
}

.lb7-product-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lb7-product-card__body {
  padding: 16px 16px 18px;
}

.lb7-product-card h3 {
  margin-bottom: 10px;
  font-size: 17px;
}

.lb7-product-card h3 a {
  color: #071540;
}

.lb7-text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #071540;
  font-size: 13px;
  font-weight: 600;
}

.lb7-document-section {
  padding: 0 0 44px;
}

.lb7-document-panel {
  padding: clamp(26px, 3.5vw, 40px);
  border-radius: 8px;
  background: linear-gradient(180deg, #edf4ff, #e7f0ff);
}

.lb7-document-head {
  margin-bottom: 22px;
}

.lb7-document-head h2 {
  margin: 10px 0 10px;
  color: #071540;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 600;
  line-height: 1.2;
}

.lb7-document-head p {
  margin: 0;
  color: #66738a;
  font-size: 15px;
}

.lb7-document-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.lb7-document-card {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.lb7-document-preview {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 210 / 297;
  padding: 0;
  border: 1px solid rgba(var(--lb-primary-rgb), 0.1);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(var(--lb-primary-rgb), 0.06);
  overflow: hidden;
}

.lb7-document-preview img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0;
  background: transparent;
  transition: transform 0.24s ease;
}

.lb7-document-preview:hover img {
  transform: scale(1.02);
}

.lb7-document-card h3 {
  margin: 12px 0 0;
  font-size: 16px;
}

.lb7-document-note {
  margin: 22px 0 0;
  color: #8a95a7;
  font-size: 13px;
  text-align: center;
}

@media (max-width: 1199.98px) {
  .lb7-brand-layout {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .lb7-brand-main {
    grid-template-columns: 1fr;
  }

  .lb7-info-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lb7-info-grid div {
    grid-template-columns: 34px 1fr;
  }

  .lb7-info-grid b {
    grid-column: 2;
    justify-self: start;
  }
}

@media (min-width: 1500px) {
  .lb7-brand-detail .container {
    max-width: 1380px;
  }
}

@media (max-width: 991.98px) {
  .lb7-brand-hero__inner {
    min-height: 440px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.88) 46%, rgba(255, 255, 255, 0.18) 100%),
      var(--lb7-hero-bg),
      linear-gradient(105deg, #eef5ff 0%, #f8fbff 42%, #dbe8f8 100%);
    background-position: center, center bottom, center;
    background-size: cover, cover, cover;
  }

  .lb7-brand-hero__copy {
    width: 100%;
    align-self: flex-start;
  }

  .lb7-brand-layout {
    grid-template-columns: 1fr;
  }

  .lb7-brand-nav {
    position: static;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lb7-brand-nav a {
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    text-align: center;
  }

  .lb7-feature-grid {
    grid-column: auto;
  }

  .lb7-info-grid {
    grid-template-columns: 1fr;
  }

  .lb7-info-grid div {
    grid-template-columns: 34px 1fr auto;
  }

  .lb7-info-grid b {
    grid-column: auto;
  }

  .lb7-product-grid,
  .lb7-document-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .lb7-brand-hero {
    padding-top: 14px;
  }

  .lb7-brand-hero__inner {
    --lb7-hero-bg: var(--lb7-hero-bg-mobile);
    border-bottom-right-radius: 48px;
    min-height: 420px;
  }

  .lb7-brand-hero__copy {
    padding: 26px 20px;
  }

  .lb7-brand-hero h1 {
    font-size: 34px;
  }

  .lb7-brand-hero h2 {
    font-size: 21px;
  }

  .lb7-brand-hero p {
    font-size: 14px;
  }

  .lb7-brand-nav {
    display: none;
  }

  .lb7-brand-main,
  .lb7-feature-grid,
  .lb7-product-grid,
  .lb7-document-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .lb7-section-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  .lb7-filter-pills {
    justify-content: flex-start;
  }

  .lb7-filter-pills a {
    min-height: 34px;
    padding: 8px 13px;
  }

  .lb7-document-panel {
    padding: 24px 16px;
  }

  .lb7-document-preview {
    min-height: 230px;
  }

  .lb7-intro-card h2,
  .lb7-document-head h2 {
    font-size: 28px;
  }
}

/* Brand archive */
.lb8-brand-archive {
  color: #111827;
  background: #fff;
}

.lb8-brand-archive > section,
.lb8-brand-archive > nav {
  scroll-margin-top: 92px;
}

.lb8-brand-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: clamp(430px, 45vw, 570px);
  overflow: hidden;
  border-bottom-right-radius: 80px;
  background: var(--lb-primary);
}

.lb8-brand-hero.has-image {
  background-image:
    linear-gradient(90deg, rgba(242, 248, 255, 0.98) 0%, rgba(242, 248, 255, 0.93) 35%, rgba(242, 248, 255, 0.48) 60%, rgba(242, 248, 255, 0.08) 100%),
    var(--lb8-brand-hero-image-desktop);
  background-position: center;
  background-size: cover;
}

.lb8-brand-hero__copy {
  position: relative;
  z-index: 1;
  width: min(570px, 50%);
  padding: 72px 0 68px;
}

.lb8-brand-kicker {
  display: block;
  margin-bottom: 8px;
  color: var(--lb-primary);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  text-transform: uppercase;
}

.lb8-brand-hero h1 {
  max-width: 520px;
  margin: 0;
  color: #071540;
  font-size: clamp(38px, 4.2vw, 64px);
  font-weight: 700;
  line-height: 0.98;
  text-transform: uppercase;
}

.lb8-brand-hero p {
  max-width: 520px;
  margin: 18px 0 0;
  color: #172033;
  font-size: 16px;
  line-height: 1.55;
}

.lb8-brand-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 42px;
  margin-top: 20px;
  padding: 10px 16px;
  border: 1px solid #071540;
  border-radius: 6px;
  color: #071540;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.lb8-brand-btn:hover,
.lb8-brand-btn:focus {
  color: #fff;
  background: #071540;
  text-decoration: none;
  transform: translateY(-1px);
}

.lb8-brand-btn--primary {
  color: #fff;
  background: #071540;
}

.lb8-brand-archive a.lb8-brand-btn {
  color: #071540;
}

.lb8-brand-archive a.lb8-brand-btn--primary {
  color: #fff;
}

.lb8-brand-archive a.lb8-brand-btn:hover,
.lb8-brand-archive a.lb8-brand-btn:focus {
  color: #fff;
}

.lb8-brand-archive a.lb8-brand-btn--primary:hover,
.lb8-brand-archive a.lb8-brand-btn--primary:focus {
  color: #071540;
  background: #fff;
}

.lb8-brand-logo-nav {
  background: #fff;
}

.lb8-brand-logo-nav__track {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow-x: auto;
  min-height: 92px;
  scrollbar-width: none;
}

.lb8-brand-logo-nav__track::-webkit-scrollbar {
  display: none;
}

.lb8-brand-logo-nav a {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 22px;
  border-left: 1px solid #647184;
  color: #111827;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.lb8-brand-logo-nav a:first-child {
  border-left: 0;
  margin-left: auto;
}

.lb8-brand-logo-nav a:last-child {
  margin-right: auto;
}

.lb8-brand-logo-nav a:hover,
.lb8-brand-logo-nav a:focus {
  color: var(--lb-primary);
  background: #f7faff;
  text-decoration: none;
}

.lb8-brand-directory {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
  padding: 28px 0 150px;
  border-bottom-right-radius: 0;
  background: #fff;
}

.lb8-brand-directory__head {
  margin-bottom: 24px;
}

.lb8-brand-directory__head h2 {
  margin: 0;
  color: #071540;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 600;
  line-height: 1.12;
}

.lb8-brand-directory__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lb8-brand-row {
  display: flex;
  flex-wrap: wrap;
  min-height: 330px;
  align-items: start;
  background: #fff;
  scroll-margin-top: 100px;
}

.lb8-brand-row.is-reverse .lb8-brand-row__media {
  order: 2;
}

.lb8-brand-row.is-reverse .lb8-brand-row__content {
  order: 1;
}

.lb8-brand-row__media {
  position: relative;
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: 4px;
  background: #f4f7fb;
}

.lb8-brand-row__media img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.35s ease;
}

.lb8-brand-row__media:hover img {
  transform: scale(1.025);
}

.lb8-brand-row__content {
  display: flex;
  flex: 0 0 50%;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  max-width: 50%;
  min-width: 0;
  padding: clamp(24px, 3.2vw, 42px);
}

.lb8-brand-row__category {
  margin-bottom: 8px;
  color: #536174;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  text-transform: uppercase;
}

.lb8-brand-row h2 {
  margin: 0;
  color: #071540;
  font-size: clamp(25px, 2.5vw, 36px);
  font-weight: 600;
  line-height: 1.08;
}

.lb8-brand-row h2 a {
  color: inherit;
}

.lb8-brand-row h2 a:hover,
.lb8-brand-row h2 a:focus {
  color: var(--lb-primary);
  text-decoration: none;
}

.lb8-brand-row h3 {
  margin: 10px 0 0;
  color: #111827;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

.lb8-brand-row p {
  max-width: 540px;
  margin: 10px 0 0;
  color: #1f2937;
  font-size: 14px;
  line-height: 1.55;
}

.lb8-brand-row .lb8-brand-btn {
  margin-top: 18px;
}

.lb8-brand-method {
  position: relative;
  overflow: hidden;
  padding: 126px 0 62px;
  color: #fff;
  background: linear-gradient(115deg, #071540 0%, var(--lb-primary) 58%, #087ab5 100%);
}

.lb8-brand-method.has-image {
  background-image: linear-gradient(105deg, rgba(7, 21, 64, 0.96), rgba(var(--lb-primary-rgb), 0.78)), var(--lb8-brand-method-image);
  background-position: center;
  background-size: cover;
}

.lb8-brand-method h2 {
  margin: 0 0 30px;
  color: #fff;
  font-size: clamp(26px, 3vw, 40px);
  font-weight: 600;
  line-height: 1.15;
}

.lb8-brand-method__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.lb8-brand-method article {
  min-width: 0;
  padding: 0 34px;
  border-left: 1px solid rgba(255, 255, 255, 0.28);
}

.lb8-brand-method article:first-child {
  padding-left: 0;
  border-left: 0;
}

.lb8-brand-method article:last-child {
  padding-right: 0;
}

.lb8-brand-method strong {
  display: block;
  margin-bottom: 12px;
  color: #fff;
  font-size: 34px;
  font-weight: 600;
  line-height: 1;
}

.lb8-brand-method h3 {
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

.lb8-brand-method p {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  line-height: 1.5;
}

@media (max-width: 991.98px) {
  .lb8-brand-hero {
    border-bottom-right-radius: 64px;
  }

  .lb8-brand-hero__copy {
    width: min(620px, 72%);
  }

  .lb8-brand-row {
    min-height: 300px;
  }

  .lb8-brand-row__media {
    min-height: 0;
  }
}

@media (max-width: 767.98px) {
  .lb8-brand-hero {
    min-height: 440px;
    border-bottom-right-radius: 48px;
  }

  .lb8-brand-hero.has-image {
    background-image:
      linear-gradient(90deg, rgba(242, 248, 255, 0.97) 0%, rgba(242, 248, 255, 0.9) 62%, rgba(242, 248, 255, 0.45) 100%),
      var(--lb8-brand-hero-image-mobile);
    background-position: 62% center;
  }

  .lb8-brand-hero__copy {
    width: 88%;
    padding: 54px 0;
  }

  .lb8-brand-hero h1 {
    font-size: 38px;
  }

  .lb8-brand-hero p {
    font-size: 14px;
  }

  .lb8-brand-logo-nav a {
    min-height: 26px;
    padding: 0 16px;
    font-size: 12px;
  }

  .lb8-brand-directory {
    margin-bottom: 0;
    padding: 34px 0 96px;
    border-bottom-right-radius: 0;
  }

  .lb8-brand-directory__list {
    gap: 16px;
  }

  .lb8-brand-row {
    flex-direction: column;
    min-height: 0;
    padding-bottom: 16px;
  }

  .lb8-brand-row.is-reverse .lb8-brand-row__media,
  .lb8-brand-row.is-reverse .lb8-brand-row__content {
    order: initial;
  }

  .lb8-brand-row__media {
    flex-basis: 100%;
    max-width: 100%;
    min-height: 0;
    aspect-ratio: auto;
  }

  .lb8-brand-row__content {
    flex-basis: 100%;
    max-width: 100%;
    padding: 24px 20px 28px;
  }

  .lb8-brand-row h2 {
    font-size: 27px;
  }

  .lb8-brand-row h3 {
    font-size: 16px;
  }

  .lb8-brand-method {
    padding: 92px 0 52px;
  }

  .lb8-brand-method__grid {
    grid-template-columns: 1fr;
  }

  .lb8-brand-method article,
  .lb8-brand-method article:first-child,
  .lb8-brand-method article:last-child {
    padding: 22px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    border-left: 0;
  }

  .lb8-brand-method article:first-child {
    padding-top: 0;
    border-top: 0;
  }
}