body:not(.admin-body) #about::before,
body:not(.admin-body) #about::after,
body:not(.admin-body) #about .stats-grid::before,
body:not(.admin-body) #about .stats-grid::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

body:not(.admin-body) #about {
  display: grid !important;
  grid-template-columns: minmax(0, 1.16fr) minmax(420px, .84fr) !important;
  grid-template-areas:
    "head media"
    "head stats"
    "cert cert" !important;
  align-items: start !important;
  column-gap: 96px !important;
  row-gap: 28px !important;
  width: min(1360px, calc(100% - 72px)) !important;
  padding: 96px 0 76px !important;
  background: #fff !important;
}

body:not(.admin-body) #about .section-head {
  grid-area: head !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body:not(.admin-body) #about .section-head::after {
  content: "" !important;
  display: block !important;
  width: 88px !important;
  height: 1px !important;
  margin-top: 28px !important;
  background: linear-gradient(90deg, #E65028 0 42%, #C9D6E1 42% 100%) !important;
}

body:not(.admin-body) #about .section-head h2 {
  max-width: 700px !important;
  margin: 14px 0 22px !important;
  color: #0F3460 !important;
  font-size: clamp(42px, 4vw, 56px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

body:not(.admin-body) #about .section-head p {
  max-width: 760px !important;
  padding: 0 !important;
  color: #123B5D !important;
  font-size: 16px !important;
  line-height: 1.95 !important;
}

body:not(.admin-body) #about .about-layout,
body:not(.admin-body) #about .about-copy {
  display: contents !important;
}

body:not(.admin-body) #about .about-copy-head {
  display: none !important;
}

body:not(.admin-body) #about .cert-list {
  grid-area: cert !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 20px !important;
  margin-top: 8px !important;
  padding: 24px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid #C9D6E1 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  align-items: start !important;
}

body:not(.admin-body) #about .cert-list h3 {
  position: relative !important;
  margin: 0 0 4px !important;
  padding: 0 0 0 16px !important;
  color: #0F3460 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}

body:not(.admin-body) #about .cert-list h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 4px !important;
  bottom: 4px !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: #E65028 !important;
}

body:not(.admin-body) #about .cert-items {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow: unset !important;
  overflow: visible !important;
  gap: 18px !important;
  align-items: stretch !important;
}

body:not(.admin-body) #about .about-layout {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr) !important;
}

body:not(.admin-body) #about .about-media {
  grid-area: media !important;
  min-height: 0 !important;
  height: 282px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #C9D6E1 !important;
  border-bottom: 0 !important;
  border-radius: 6px 6px 0 0 !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(15, 52, 96, .08) !important;
}

body:not(.admin-body) #about .about-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #fff !important;
}

body:not(.admin-body) #about .about-media-caption {
  left: 22px !important;
  right: auto !important;
  top: 22px !important;
  bottom: auto !important;
  padding: 8px 12px !important;
  border-radius: 2px !important;
  background: #0F3460 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body:not(.admin-body) #about .stats-grid {
  grid-area: stats !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 40px !important;
  min-height: 186px !important;
  padding: 20px 24px 18px !important;
  border: 1px solid #C9D6E1 !important;
  border-top: 0 !important;
  border-radius: 0 0 6px 6px !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(15, 52, 96, .08) !important;
}

body:not(.admin-body) #about .stat {
  min-height: 74px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:not(.admin-body) #about .stat::before {
  content: "" !important;
  display: block !important;
  position: static !important;
  width: 34px !important;
  height: 2px !important;
  margin-bottom: 10px !important;
  background: #0F78A8 !important;
}

body:not(.admin-body) #about .stat strong {
  color: #0F3460 !important;
  font-size: 30px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
}

body:not(.admin-body) #about .stat span {
  display: block !important;
  margin-top: 8px !important;
  color: #123B5D !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body:not(.admin-body) #about .cert-card {
  grid-template-rows: auto auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid #C9D6E1 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 18px 40px rgba(15, 52, 96, .06) !important;
}

body:not(.admin-body) #about .cert-card-media {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 252px !important;
  padding: 0 !important;
  background: #fff !important;
}

body:not(.admin-body) #about .cert-card-media img {
  width: auto !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
}

body:not(.admin-body) #about .cert-card-copy {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-height: 58px !important;
  padding: 12px 16px !important;
  border-top: 1px solid #D9E1EA !important;
  background: #F8FBFC !important;
}

body:not(.admin-body) #about .cert-card-copy strong {
  min-width: 0 !important;
  color: #0F3460 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

body:not(.admin-body) #about .cert-card-copy small {
  flex: 0 0 auto !important;
  padding: 5px 9px !important;
  border-radius: 4px !important;
  background: #EAF4F8 !important;
  color: #0F78A8 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body:not(.admin-body) .nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body:not(.admin-body) .lang-toggle {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 3px !important;
  width: auto !important;
  height: auto !important;
  padding: 4px !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .09) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

body:not(.admin-body) .lang-toggle button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  height: 30px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, .82) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

body:not(.admin-body) .lang-toggle button.active {
  color: #0F3460 !important;
  background: #fff !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, .16) !important;
}

body:not(.admin-body) .lang-toggle button:not(.active):hover {
  color: #fff !important;
  background: rgba(255, 255, 255, .14) !important;
}

body:not(.admin-body) #solutions .solution-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

body:not(.admin-body) #solutions .solution-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  border-top: 0 !important;
  border-radius: 6px !important;
  color: #26384b !important;
  background: #fff !important;
  box-shadow: 0 18px 38px rgba(3, 22, 43, .18) !important;
}

body:not(.admin-body) #solutions .solution-card::before,
body:not(.admin-body) #solutions .solution-card::after {
  display: none !important;
  content: none !important;
}

body:not(.admin-body) #solutions .solution-card .content-card-image {
  display: block !important;
  width: 100% !important;
  height: 260px !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
  border-bottom: 1px solid #E5ECF2 !important;
  box-sizing: border-box !important;
  padding: 18px 22px !important;
}

body:not(.admin-body) #solutions .solution-card h3 {
  display: block !important;
  margin: 0 !important;
  padding: 22px 24px 10px !important;
  color: #0F3460 !important;
  font-size: 21px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}

body:not(.admin-body) #solutions .solution-card p {
  display: block !important;
  margin: 0 !important;
  padding: 0 24px 24px !important;
  color: #506072 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

body:not(.admin-body) #solutions .solution-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 46px rgba(3, 22, 43, .24) !important;
}

@media (max-width: 900px) {
  body:not(.admin-body) #solutions .solution-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.admin-body) #solutions .solution-card .content-card-image {
    height: 230px !important;
    padding: 16px !important;
  }
}

body:not(.admin-body) #productModalPanel.content-modal-panel {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-height: min(780px, 88vh) !important;
  padding: 28px 32px 32px !important;
  border-radius: 6px !important;
  background: #fff !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .modal-head {
  align-items: flex-start !important;
  margin-bottom: 24px !important;
  padding-right: 58px !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .modal-head h2 {
  max-width: 820px !important;
  margin: 4px 0 0 !important;
  color: #0F3460 !important;
  font-size: 34px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .close {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #EDF4F8 !important;
  color: #0F3460 !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .content-detail-layout--case {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr) !important;
  gap: 32px !important;
  align-items: stretch !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .content-detail-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 430px !important;
  height: 100% !important;
  padding: 22px !important;
  border: 1px solid #D5E1EA !important;
  border-radius: 6px !important;
  background: #fff !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .content-detail-image img {
  width: 100% !important;
  height: 100% !important;
  max-height: 520px !important;
  object-fit: contain !important;
  object-position: center !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .content-detail-body--case {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  min-width: 0 !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .content-detail-meta {
  min-height: 58px !important;
  padding: 12px 16px !important;
  border: 1px solid #D5E1EA !important;
  border-radius: 6px !important;
  background: #EEF4F8 !important;
  color: #0F3460 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .content-detail-meta time {
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #0F3460 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .content-detail-summary {
  margin: 0 !important;
  padding: 0 !important;
  color: #123B5D !important;
  font-size: 22px !important;
  line-height: 1.55 !important;
  font-weight: 900 !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .content-detail-case-snapshot {
  flex: 1 1 auto !important;
  min-height: 220px !important;
  padding: 22px 24px !important;
  border: 1px solid #D5E1EA !important;
  border-radius: 6px !important;
  background: #F7FAFC !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .content-detail-case-snapshot span {
  color: #0F78A8 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .content-detail-case-snapshot strong {
  display: block !important;
  margin-top: 12px !important;
  color: #0F3460 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .content-detail-case-snapshot p {
  margin-top: 16px !important;
  color: #536A7B !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
}

body:not(.admin-body) #productModalPanel.content-modal-panel .content-detail-actions {
  margin-top: auto !important;
  padding: 16px 18px !important;
  border: 1px solid #D5E1EA !important;
  border-radius: 6px !important;
  background: #F8FBFD !important;
}

@media (max-width: 900px) {
  body:not(.admin-body) #productModalPanel.content-modal-panel {
    width: min(100% - 24px, 720px) !important;
    padding: 22px !important;
  }

  body:not(.admin-body) #productModalPanel.content-modal-panel .content-detail-layout--case {
    grid-template-columns: 1fr !important;
  }

  body:not(.admin-body) #productModalPanel.content-modal-panel .content-detail-image {
    min-height: 280px !important;
  }
}

body:not(.admin-body) #socialLinks {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 18px !important;
  padding-top: 28px !important;
  overflow: visible !important;
}

body:not(.admin-body) #socialLinks .social-link {
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
  border: 1px solid rgba(190, 216, 232, .34) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: rgba(255, 255, 255, .07) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  overflow: visible !important;
}

body:not(.admin-body) #socialLinks .social-link::before {
  content: none !important;
  display: none !important;
}

body:not(.admin-body) #socialLinks .social-link::after {
  content: none !important;
  display: none !important;
}

body:not(.admin-body) #socialLinks .social-tooltip {
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 12px) !important;
  z-index: 30 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 132px !important;
  height: 32px !important;
  max-width: none !important;
  min-width: 132px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 6px !important;
  background: rgba(7, 24, 42, .96) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  clip: auto !important;
  text-overflow: ellipsis !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translate(-50%, 6px) !important;
  transition: opacity .16s ease, transform .16s ease !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .24) !important;
}

body:not(.admin-body) #socialLinks .social-link:hover .social-tooltip,
body:not(.admin-body) #socialLinks .social-link:focus-visible .social-tooltip {
  opacity: 1 !important;
  transform: translate(-50%, 0) !important;
}

body:not(.admin-body) #socialLinks .social-link-icon {
  position: static !important;
  display: grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

body:not(.admin-body) #socialLinks .social-link-icon svg {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  overflow: visible !important;
}

body:not(.admin-body) #socialLinks .social-link-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

body:not(.admin-body) #socialLinks .social-link:hover {
  border-color: rgba(255, 255, 255, .58) !important;
  background: rgba(255, 255, 255, .13) !important;
  transform: translateY(-2px) !important;
}

body:not(.admin-body) #socialLinks .social-link--instagram:hover {
  background: rgba(255, 255, 255, .13) !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-actions {
  grid-area: actions !important;
  position: static !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: auto !important;
  margin-top: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog .product-detail-image,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog .product-detail-carousel .product-detail-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: clamp(360px, 44vh, 560px) !important;
  padding: 22px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog .product-detail-image img,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog .product-detail-carousel .product-detail-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: clamp(316px, 38vh, 516px) !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-specs {
  grid-area: spec !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 34px !important;
  width: 100% !important;
  min-width: 0 !important;
  align-self: start !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-specs > .spec-table-scroll {
  grid-area: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-specs > .spec-table-scroll + .spec-table-scroll {
  margin-top: 0 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table-scroll--section + .spec-table-scroll--section {
  margin-top: 34px !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table-scroll--section + .spec-table-scroll--section .spec-table {
  border-top: 1px solid #C9D6E1 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table--hierarchy .spec-table-title-row {
  padding: 0 !important;
  background: #0F3460 !important;
  color: #fff !important;
  text-align: center !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table--hierarchy .spec-table-title-row th {
  padding: 12px 16px !important;
  background: #0F3460 !important;
  color: #fff !important;
  text-align: center !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table th.spec-table-merged-cell,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table td.spec-table-merged-cell {
  vertical-align: middle !important;
  text-align: center !important;
}

body:not(.admin-body) .spec-table th.spec-table-merged-cell,
body:not(.admin-body) .spec-table td.spec-table-merged-cell {
  vertical-align: middle !important;
  text-align: center !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table th[rowspan],
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table td[rowspan],
body:not(.admin-body) #productModalPanel .spec-table th[rowspan],
body:not(.admin-body) #productModalPanel .spec-table td[rowspan] {
  vertical-align: middle !important;
  text-align: center !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table--matrix tbody td:not(.spec-table-group-label) {
  background: #fff !important;
  color: #22394D !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table--matrix tbody tr:nth-child(even) td:not(.spec-table-group-label) {
  background: #F6F9FC !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table--matrix tbody td {
  background: #fff !important;
  color: #22394D !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table--matrix tbody tr:nth-child(even) td {
  background: #F6F9FC !important;
}

body:not(.admin-body) #productModalPanel .spec-table--matrix tbody td {
  background: #fff !important;
  color: #22394D !important;
}

body:not(.admin-body) #productModalPanel .spec-table--matrix tbody tr:nth-child(even) td {
  background: #F6F9FC !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-info > .spec-table--compact {
  grid-area: spec !important;
  justify-self: start !important;
  align-self: start !important;
  width: min(760px, 100%) !important;
  max-width: 760px !important;
  table-layout: fixed !important;
  border-radius: 8px !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table--compact th,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table--compact td {
  padding: 10px 16px !important;
  min-height: 0 !important;
  height: auto !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table--compact th {
  width: 190px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table--compact td {
  text-align: center !important;
  vertical-align: middle !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .share-row {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .share-button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 5px !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: 0 8px 18px rgba(15, 52, 96, .14) !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .share-button-icon {
  width: 23px !important;
  height: 23px !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .share-button--copy {
  background: #18B33F !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .share-button--facebook {
  background: #315B9D !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .share-button--twitter {
  background: #1D9BD7 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .share-button--linkedin {
  background: #0077B5 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .share-button--pinterest {
  background: #CB493F !important;
  font-family: Georgia, serif !important;
  font-size: 22px !important;
  font-style: italic !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .share-button--email {
  background: #AAB4BB !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .share-button:hover,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .share-button:focus-visible {
  transform: translateY(-2px) !important;
  filter: brightness(1.04) !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .share-button.copied {
  width: 72px !important;
  min-width: 72px !important;
  background: #15803D !important;
  font-size: 13px !important;
  font-family: inherit !important;
  font-style: normal !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-actions > .btn.signal {
  flex: 0 0 auto !important;
  min-width: 180px !important;
  height: 42px !important;
  padding: 0 34px !important;
  border: 0 !important;
  border-radius: 5px !important;
  color: #fff !important;
  background: #E65028 !important;
  box-shadow: 0 10px 22px rgba(230, 80, 40, .22) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 2px !important;
}

html[lang="zh-CN"] body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-actions > .btn.signal {
  letter-spacing: 0 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-actions > .btn.secondary {
  height: 42px !important;
  padding: 0 22px !important;
  border-radius: 5px !important;
}

@media (max-width: 640px) {
  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-actions {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .share-row {
    flex-wrap: wrap !important;
  }

  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-actions > .btn.signal {
    width: 100% !important;
  }
}

/* Product parameter table */
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog {
  grid-template-areas:
    "media summary"
    "media parameters"
    "spec spec"
    "actions actions" !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-card {
  grid-area: parameters !important;
  overflow: hidden !important;
  border: 1px solid #D6E0E8 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 14px 30px rgba(7, 31, 53, .06) !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-card .spec-table-card-head {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 9px 14px !important;
  border-bottom: 1px solid #D6E0E8 !important;
  background: #fff !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-card .spec-table-card-kicker {
  color: #0F3460 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table th,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table td {
  min-height: 0 !important;
  padding: 9px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #DDE6ED !important;
  color: #24394D !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  text-align: left !important;
  vertical-align: middle !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table tr:last-child th,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table tr:last-child td {
  border-bottom: 0 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table th {
  width: 138px !important;
  background: transparent !important;
  color: #1F3448 !important;
  font-weight: 800 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table td {
  background: transparent !important;
  font-weight: 500 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table tr:nth-child(even) th,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table tr:nth-child(even) td {
  background: #EEF3F7 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table tr.is-primary th,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table tr.is-primary td {
  background: #fff !important;
  color: #132B3F !important;
  font-weight: 900 !important;
}

@media (max-width: 980px) {
  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog {
    grid-template-areas:
      "media"
      "summary"
      "parameters"
      "spec"
      "actions" !important;
  }
}

@media (max-width: 560px) {
  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table th,
  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table td {
    display: block !important;
    width: 100% !important;
    padding: 8px 12px !important;
  }

  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table th {
    padding-bottom: 2px !important;
  }

  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table td {
    padding-top: 2px !important;
  }
}

/* Product interface final layout pass */
body:not(.admin-body) #products .section {
  width: min(1400px, calc(100% - 72px)) !important;
}

body:not(.admin-body) #products .section-head {
  align-items: end !important;
  gap: 40px !important;
  margin-bottom: 30px !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid #D9E1EA !important;
}

body:not(.admin-body) #categoryTabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 0 30px !important;
}

body:not(.admin-body) #categoryTabs .tab {
  min-height: 42px !important;
  padding: 9px 16px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

body:not(.admin-body) .product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

body:not(.admin-body) .product-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 438px !important;
  overflow: hidden !important;
  border: 1px solid #D9E1EA !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 12px 28px rgba(15, 52, 96, .07) !important;
}

body:not(.admin-body) .product-card:hover {
  border-color: #B8C8D6 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 38px rgba(15, 52, 96, .12) !important;
}

body:not(.admin-body) .product-media {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  aspect-ratio: 16 / 11 !important;
  min-height: 212px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid #E1E8EF !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #F3F7FA 100%) !important;
}

body:not(.admin-body) .product-media img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

body:not(.admin-body) .product-card:hover .product-media img {
  transform: scale(1.025) !important;
}

body:not(.admin-body) .product-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 18px 20px 20px !important;
}

body:not(.admin-body) .product-kicker {
  display: inline-flex !important;
  align-self: flex-start !important;
  max-width: 100% !important;
  min-height: 24px !important;
  padding: 4px 9px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #EEF4F8 !important;
  color: #0F3460 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:not(.admin-body) .product-body h3 {
  display: -webkit-box !important;
  min-height: 52px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #0F3460 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body:not(.admin-body) .product-body p {
  display: -webkit-box !important;
  flex: 1 1 auto !important;
  min-height: 76px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #586C7D !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

body:not(.admin-body) .product-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

body:not(.admin-body) .product-actions .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 12px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen.open {
  padding: 20px !important;
  background: rgba(10, 24, 39, .72) !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel {
  width: min(1500px, calc(100vw - 40px)) !important;
  max-height: calc(100vh - 40px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #F5F7FA !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .modal-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 18px 28px !important;
  border-bottom: 1px solid #D9E1EA !important;
  background: rgba(255, 255, 255, .96) !important;
  backdrop-filter: blur(14px) !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .modal-head h2 {
  max-width: 1120px !important;
  margin: 0 !important;
  color: #0F3460 !important;
  font-size: clamp(24px, 2vw, 34px) !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .close {
  flex: 0 0 auto !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog {
  display: grid !important;
  grid-template-columns: minmax(500px, .95fr) minmax(0, 1.05fr) !important;
  grid-template-areas:
    "media summary"
    "media parameters"
    "spec spec"
    "actions actions" !important;
  gap: 24px !important;
  align-items: start !important;
  max-height: calc(100vh - 112px) !important;
  padding: 24px 28px 28px !important;
  overflow: auto !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-gallery,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-carousel,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog > .product-detail-image {
  grid-area: media !important;
  align-self: start !important;
  width: 100% !important;
  min-width: 0 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog .product-detail-image,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog .product-detail-carousel .product-detail-image {
  min-height: clamp(420px, 58vh, 690px) !important;
  height: clamp(420px, 58vh, 690px) !important;
  padding: clamp(18px, 2.2vw, 32px) !important;
  border: 1px solid #D9E1EA !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, #fff 0%, #F2F6F9 100%) !important;
  box-shadow: 0 12px 28px rgba(15, 52, 96, .07) !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog .product-detail-image::before,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog .product-detail-image::after {
  content: none !important;
  display: none !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog .product-detail-image img,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog .product-detail-carousel .product-detail-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-info {
  display: contents !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-summary--lead {
  grid-area: summary !important;
  margin: 0 !important;
  padding: 22px 24px !important;
  border: 1px solid #D9E1EA !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #24394D !important;
  box-shadow: 0 12px 28px rgba(15, 52, 96, .05) !important;
  font-size: 16px !important;
  line-height: 1.82 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-card {
  align-self: start !important;
  margin: 0 !important;
  padding: 12px 14px 14px !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 28px rgba(15, 52, 96, .05) !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-card .spec-table-card-head {
  padding: 0 2px 10px !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table th,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-parameter-table td {
  padding: 12px 18px !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-specs {
  margin-top: 2px !important;
  gap: 26px !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table-card,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table-scroll {
  overflow: auto !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 12px 28px rgba(15, 52, 96, .05) !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table-scroll {
  border: 1px solid #D9E1EA !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table-scroll .spec-table {
  min-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table--matrix th,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table--matrix td {
  min-width: 92px !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .spec-table--matrix thead th {
  background: #0F3460 !important;
  color: #fff !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-actions {
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  border: 1px solid #D9E1EA !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 12px 28px rgba(15, 52, 96, .05) !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .share-row {
  flex: 1 1 auto !important;
  flex-wrap: wrap !important;
}

body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-actions > .btn.signal,
body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-actions > .btn.secondary {
  flex: 0 0 auto !important;
}

@media (max-width: 1280px) {
  body:not(.admin-body) .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog {
    grid-template-columns: minmax(420px, .9fr) minmax(0, 1.1fr) !important;
  }
}

@media (max-width: 980px) {
  body:not(.admin-body) #products .section {
    width: calc(100% - 32px) !important;
  }

  body:not(.admin-body) #products .section-head {
    display: block !important;
  }

  body:not(.admin-body) #products .section-head p {
    max-width: none !important;
    padding-top: 12px !important;
  }

  body:not(.admin-body) #productModal.product-modal--fullscreen.open {
    padding: 12px !important;
  }

  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel {
    width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }

  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "media"
      "summary"
      "parameters"
      "spec"
      "actions" !important;
    max-height: calc(100vh - 96px) !important;
    padding: 18px !important;
  }

  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog .product-detail-image,
  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog .product-detail-carousel .product-detail-image {
    min-height: min(62vh, 520px) !important;
    height: min(62vh, 520px) !important;
  }
}

@media (max-width: 700px) {
  body:not(.admin-body) .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  body:not(.admin-body) .product-card {
    min-height: 0 !important;
  }

  body:not(.admin-body) .product-media {
    min-height: 168px !important;
  }

  body:not(.admin-body) .product-actions {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px) {
  body:not(.admin-body) .product-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.admin-body) #categoryTabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: 8px !important;
  }

  body:not(.admin-body) #categoryTabs .tab {
    flex: 0 0 auto !important;
  }

  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .modal-head {
    min-height: 64px !important;
    padding: 14px 16px !important;
  }

  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog {
    gap: 16px !important;
    padding: 14px !important;
  }

  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog .product-detail-image,
  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-layout--catalog .product-detail-carousel .product-detail-image {
    min-height: min(60vh, 390px) !important;
    height: min(60vh, 390px) !important;
    padding: 14px !important;
  }

  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-summary--lead,
  body:not(.admin-body) #productModal.product-modal--fullscreen #productModalPanel .product-detail-actions {
    padding: 16px !important;
  }
}