@import url("../media/_site/static/pages/script/swiper-4.5.3/swiper.min.css");
@import url("../media/_site/static/pages/script/wow/animate.min.css");
@import url("../media/_site/static/pages/script/jquery-modal/jquery.modal.min.css");
@import url("../media/_site/static/pages/script/videoAutoPlay/videoAutoPlay.css");
@import url("../media/_site/static/pages/script/elementui/index.css");
@import url("../media/_site/static/pages/css/main.css?ver=3.3.3");
@import url("../media/_site/static/pages/css/gt.css");

/* Deedian brand system. The primary blue is sampled from the supplied logo. */
:root {
  --deedian-brand-blue: #0094de;
  --deedian-brand-blue-rgb: 0, 148, 222;
  --sk-c-brand: var(--deedian-brand-blue);
  --sk-global-color: var(--deedian-brand-blue);
}

/* WordPress 主题兼容层 */
.deedian-wp-root, .deedian-wp-root * { box-sizing: border-box; }
/* The original html already clips horizontal overflow. Adding it to body
   creates a second scroll container and breaks the sticky animation sections. */
body:has(.deedian-wp-root) { margin: 0; }
html:has(.deedian-wp-root) { overflow-x: hidden; }
body.deedian-homepage {
  margin: 0;
  background: #131519;
  color: #fff;
}
.deedian-wp-root {
  --sk-c-brand: var(--deedian-brand-blue);
  --sk-global-color: var(--deedian-brand-blue);
  width: 100%;
  max-width: none;
  min-height: 100vh;
  background: #131519;
  color: #fff;
}

/* Salient Global Sections + WPBakery bridge. The reusable header/footer are
   ordinary Global Section posts, while the homepage body remains an ordered
   collection of individually editable Deedian elements. */
.deedian-builder-document,
.deedian-builder-main,
.deedian-builder-main > .wpb-content-wrapper {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.deedian-builder-main > p:empty,
.deedian-builder-main > .wpb-content-wrapper > p:empty {
  display: none;
}

body.deedian-global-shell:not(.deedian-homepage) #header-outer,
body.deedian-global-shell:not(.deedian-homepage) #header-space,
body.deedian-global-shell:not(.deedian-homepage) #footer-outer {
  display: none !important;
}

body.deedian-global-shell .nectar-global-section.nectar_hook_global_section_after_header_navigation,
body.deedian-global-shell .nectar-global-section.nectar_hook_global_section_footer,
body.deedian-global-shell .nectar-global-section.nectar_hook_global_section_after_header_navigation > .container,
body.deedian-global-shell .nectar-global-section.nectar_hook_global_section_footer > .container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.deedian-global-shell .deedian-global-fragment {
  width: 100%;
  max-width: none;
}

/* Global fragments are pieces of one page, not independent full-height pages.
   Fixed navigation and hidden consent dialogs must not reserve a viewport. */
.deedian-builder-document .deedian-global-fragment > .deedian-wp-root {
  min-height: 0;
}

.deedian-builder-document .deedian-global-fragment-header,
.deedian-builder-document .deedian-global-fragment-cookie_banner,
.deedian-builder-document .deedian-global-fragment-cookie_modal {
  height: 0;
}
.deedian-wp-root img { max-width: none; }
.deedian-wp-root .lazy-img[lazy-status="load"] { opacity: 1; }

/* Override Salient's generated legacy accent (#3452ff) for any Deedian link
   that does not already have an intentional component colour. */
body.deedian-homepage .deedian-wp-root a {
  color: var(--deedian-brand-blue);
}

/*
 * Salient generates a site-specific `body a` colour. Production currently
 * uses black while the local test site uses blue, so inherited navigation
 * links otherwise change colour between installations. Keep the Deedian
 * flyout's intentional accent links tied to the logo instead.
 */
body.deedian-homepage .deedian-wp-root .sk-header .layer-float .product-column .product-item .info .title,
body.deedian-homepage .deedian-wp-root .sk-header .layer-float .product-column .product-item .info .title span,
body.deedian-homepage .deedian-wp-root .sk-header .layer-float .text-link-row .link-block a,
body.deedian-homepage .deedian-wp-root .sk-header .layer-float .text-link-row .link-block a span,
body.deedian-homepage .deedian-wp-root .sk-header .layer-float.partners-only .card-item .btn-text,
body.deedian-homepage .deedian-wp-root .sk-header .mobile-sidebar .sub-float-layer .card-href-item .btn-text {
  color: var(--deedian-brand-blue) !important;
}

/* About keeps its four editable image links without a vacant Explore column. */
body.deedian-homepage .deedian-wp-root .sk-header .deedian-about-image-menu .layer-float .card-column {
  max-width: none;
  width: 100%;
}

/* Keep every primary navigation item on the same neutral/active hierarchy,
   independent of the host site's Salient accent colour. */
body.deedian-homepage .deedian-wp-root .sk-header .-wrapper .-inner .center_0s .-nav > ul > li > a {
  color: rgba(255, 255, 255, 0.88) !important;
  opacity: 1;
  font-size: clamp(14px, 0.94vw, 18px);
  line-height: 1.4;
  white-space: nowrap;
}

body.deedian-homepage .deedian-wp-root .sk-header .-wrapper .-inner .center_0s .-nav > ul > li.on > a,
body.deedian-homepage .deedian-wp-root .sk-header .-wrapper .-inner .center_0s .-nav > ul > li:hover > a,
body.deedian-homepage .deedian-wp-root .sk-header .-wrapper .-inner .center_0s .-nav > ul > li:focus-within > a {
  color: #fff !important;
}

/* Client requirement overrides. */
.deedian-wp-root .sk-header .-logo img {
  width: auto;
  max-width: 172px;
  max-height: 54px;
  padding: 4px 8px;
  border-radius: 6px;
  background: #fff;
  object-fit: contain;
}

/* Optional native WordPress menu. The existing mega menu remains the fallback
   until an editor assigns a menu to the Deedian location. */
.deedian-wp-root .sk-header.deedian-native-menu-active .center_0s .pc-nav,
.deedian-wp-root .sk-header.deedian-native-menu-active .mobile-sidebar .sidebar-inner > .list > ul {
  display: none !important;
}
.deedian-wp-root .sk-header .deedian-native-nav--desktop > ul {
  display: flex;
  align-items: center;
  gap: clamp(16px, 1.65vw, 32px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.deedian-wp-root .sk-header .deedian-native-nav--desktop > ul > li {
  position: relative;
  margin: 0;
  list-style: none;
}
.deedian-wp-root .sk-header .deedian-native-nav--desktop > ul > li > a {
  display: flex;
  align-items: center;
  min-height: 56px;
  color: rgba(255,255,255,.88) !important;
  font-size: clamp(14px, .94vw, 18px);
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
}
.deedian-wp-root .sk-header .deedian-native-nav--desktop li:hover > a,
.deedian-wp-root .sk-header .deedian-native-nav--desktop li:focus-within > a,
.deedian-wp-root .sk-header .deedian-native-nav--desktop .current-menu-item > a {
  color: #fff !important;
}
.deedian-wp-root .sk-header .deedian-native-nav--desktop .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 110;
  display: none;
  min-width: 240px;
  max-width: 360px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 16px;
  background: #182129;
  box-shadow: 0 18px 45px rgba(0,0,0,.35);
  list-style: none;
}
.deedian-wp-root .sk-header .deedian-native-nav--desktop li:hover > .sub-menu,
.deedian-wp-root .sk-header .deedian-native-nav--desktop li:focus-within > .sub-menu,
.deedian-wp-root .sk-header .deedian-native-nav--desktop li.is-open > .sub-menu { display: block; }
.deedian-wp-root .sk-header .deedian-native-nav--desktop .sub-menu li { margin: 0; list-style: none; }
.deedian-wp-root .sk-header .deedian-native-nav--desktop .sub-menu a {
  display: block;
  padding: 12px 14px;
  border-radius: 9px;
  color: #e8edf0 !important;
  font-size: 15px;
  line-height: 1.4;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.deedian-wp-root .sk-header .deedian-native-nav--desktop .sub-menu a:hover,
.deedian-wp-root .sk-header .deedian-native-nav--desktop .sub-menu a:focus-visible { background: rgba(255,255,255,.1); }
.deedian-wp-root .sk-header .deedian-native-nav--mobile { display: none; }
@media (max-width: 1400px) {
  .deedian-wp-root .sk-header .deedian-native-nav--desktop { display: none; }
  .deedian-wp-root .sk-header .deedian-native-nav--mobile { display: block; }
  .deedian-wp-root .sk-header .deedian-native-nav--mobile ul { margin: 0; padding: 0; list-style: none; }
  .deedian-wp-root .sk-header .deedian-native-nav--mobile li { position: relative; margin: 0; list-style: none; }
  .deedian-wp-root .sk-header .deedian-native-nav--mobile > ul > li { border-bottom: 1px solid rgba(255,255,255,.12); }
  .deedian-wp-root .sk-header .deedian-native-nav--mobile > ul > li > a {
    display: block;
    min-height: 48px;
    padding: 12px 48px 12px 0;
    color: #f1f4f6 !important;
    font-size: 18px;
    line-height: 1.35;
    text-decoration: none;
  }
  .deedian-wp-root .sk-header .deedian-native-nav--mobile .sub-menu { display: none; padding: 0 0 12px 16px; }
  .deedian-wp-root .sk-header .deedian-native-nav--mobile li.is-open > .sub-menu { display: block; }
  .deedian-wp-root .sk-header .deedian-native-nav--mobile .sub-menu a {
    display: block;
    min-height: 42px;
    padding: 10px 0;
    color: #cad5dc !important;
    font-size: 16px;
    line-height: 1.35;
    text-decoration: none;
  }
  .deedian-wp-root .sk-header .deedian-native-submenu-toggle {
    position: absolute;
    top: 2px;
    right: 0;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 9px;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 24px;
    cursor: pointer;
  }
  .deedian-wp-root .sk-header .deedian-native-nav--mobile li.is-open > .deedian-native-submenu-toggle { transform: rotate(45deg); }
}

.deedian-wp-root .deedian-platform-brand {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  margin: 0 auto 32px;
}

.deedian-wp-root .page__solution02 .deedian-solution-media,
.deedian-wp-root .page__classify .deedian-classify-media {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Keep the important vehicle and charger visible when the landscape client
   photography is cropped into the tall charging-scenario cards. */
.deedian-wp-root .page__classify .swiper-slide:nth-child(1) .deedian-classify-media {
  object-position: 50% 50%;
}

.deedian-wp-root .page__classify .swiper-slide:nth-child(2) .deedian-classify-media {
  object-position: 62% 50%;
}

/*
 * The source solution carousel animates its video nodes with inline opacity
 * and scale values. Replacement still images inherit those mutations, which
 * leaves a successfully loaded image fully transparent. Keep the carousel
 * movement on the slide itself while making the configured image deterministic.
 */
.deedian-wp-root .page__solution02 .-background > .deedian-solution-media {
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
  object-position: center;
}

/* Keep the charging-classification panel in the reference site's dark state. */
.deedian-wp-root .page__classify,
.deedian-wp-root .page__classify .-container {
  background: #151719 !important;
  color: #fff;
}

.deedian-wp-root .page__classify .-head .sk-section-title,
.deedian-wp-root .page__classify .-head .sk-section-title .split-span {
  color: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
  will-change: auto !important;
}

.deedian-wp-root .page__classify .-head .sk-round-btn {
  overflow: hidden;
  border: 1px solid rgba(var(--deedian-brand-blue-rgb), 0.48);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(45, 52, 53, 0.96), rgba(24, 29, 30, 0.96));
  box-shadow: inset 0 0 18px rgba(var(--deedian-brand-blue-rgb), 0.1);
}

.deedian-wp-root .page__classify .-head .sk-round-btn .btn-inner {
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.deedian-wp-root .page__classify .-head .sk-round-btn .btn-text {
  color: #fff !important;
  opacity: 1 !important;
}

.deedian-wp-root .page__classify .swiper-slide .small-text,
.deedian-wp-root .page__classify .swiper-slide .name {
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);
}

.deedian-wp-root .deedian-platform-brand img {
  width: min(280px, 42vw);
  height: auto;
  padding: 8px 14px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.96);
  object-fit: contain;
}

/* The mirrored site changes the document background while scrolling. That
   transition is fragile inside WordPress and briefly exposes a white page.
   Keep every transparent lower-homepage module in its normal dark state. */
.deedian-wp-root .sk_page__platform,
.deedian-wp-root .page__newsroom,
.deedian-wp-root .page__service,
.deedian-wp-root .sk-footer {
  background-color: #131519 !important;
  color: #fff;
}

.deedian-wp-root .sk_page__platform .sk-section-title,
.deedian-wp-root .sk_page__platform .sk-section-title .split-span,
.deedian-wp-root .page__newsroom .sk-section-title,
.deedian-wp-root .page__newsroom .sk-section-title .split-span,
.deedian-wp-root .page__service .sk-section-title,
.deedian-wp-root .page__service .sk-section-title .split-span {
  color: #fff !important;
}

.deedian-wp-root .sk_page__platform .-head .text,
.deedian-wp-root .page__newsroom .date,
.deedian-wp-root .page__newsroom .desc,
.deedian-wp-root .page__newsroom .desc p,
.deedian-wp-root .page__service .text {
  color: rgba(255, 255, 255, 0.68) !important;
}

.deedian-wp-root .sk_page__platform .name,
.deedian-wp-root .sk_page__platform .block-list span,
.deedian-wp-root .page__newsroom .title,
.deedian-wp-root .page__newsroom .title span,
.deedian-wp-root .page__service .row-head,
.deedian-wp-root .page__service .title,
.deedian-wp-root .page__service .name {
  color: #fff !important;
}

.deedian-wp-root .sk_page__platform .sk-small-title,
.deedian-wp-root .page__service .btn-text {
  color: var(--deedian-brand-blue) !important;
}

.deedian-wp-root .sk_page__platform .btn-text,
.deedian-wp-root .page__newsroom .btn-text {
  color: #fff !important;
}

/* Keep interactive emphasis at the logo's full-strength blue. The mirrored
   animations fade whole wrappers while they enter the viewport, which made
   the same #0094DE render as a noticeably dull #047CB9 in the brand section.
   Ambient glows remain translucent; buttons, labels and figures do not. */
body.deedian-homepage .deedian-wp-root .sk-round-btn .btn-arrow,
body.deedian-homepage .deedian-wp-root .sk-round-btn02:not(.fill-black) .btn-inner {
  background-color: var(--deedian-brand-blue) !important;
  opacity: 1 !important;
}

body.deedian-homepage .sk-form-dialog .submit-btn,
body.deedian-homepage .sk-form-dialog .submit-btn:hover {
  background-color: var(--deedian-brand-blue) !important;
  opacity: 1 !important;
}

body.deedian-homepage .deedian-wp-root .page__sigen .location-box.transYAnimate {
  visibility: visible !important;
  opacity: 1 !important;
}

body.deedian-homepage .deedian-wp-root .page__sigen .sk-round-btn {
  --c-background: rgba(255, 255, 255, 0.12);
  overflow: hidden;
  border: 1px solid rgba(var(--deedian-brand-blue-rgb), 0.58);
  background-color: var(--c-background) !important;
  box-shadow: inset 0 0 10px rgba(var(--deedian-brand-blue-rgb), 0.5),
    0 10px 28px rgba(var(--deedian-brand-blue-rgb), 0.16);
  backdrop-filter: blur(18px);
}

body.deedian-homepage .deedian-wp-root .page__sigen .sk-round-btn .btn-inner,
body.deedian-homepage .deedian-wp-root .page__sigen .sk-round-btn .btn-text,
body.deedian-homepage .deedian-wp-root .page__sigen .sk-round-btn .btn-arrow {
  visibility: visible !important;
  opacity: 1 !important;
}

body.deedian-homepage .deedian-wp-root .page__sigen .between-box .big-num {
  background: none !important;
  color: var(--deedian-brand-blue) !important;
  -webkit-text-fill-color: var(--deedian-brand-blue) !important;
  opacity: 1 !important;
}

/* Salient gives links their own foreground colour, so the footer column
   headings do not inherit the white text set on the dark footer container.
   Keep headings bright and child links clearly readable in the normal dark
   state while preserving a visible hierarchy between the two levels. */
body.deedian-homepage .sk-footer .center-box .-right .nav-parent > .-link,
body.deedian-homepage .sk-footer .center-box .-right .nav-parent > .-link span {
  color: #edf4f3 !important;
  font-family: var(--sk-font-Medium) !important;
  font-weight: 400 !important;
  font-synthesis: none;
  text-shadow: none !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.deedian-homepage .sk-footer .center-box .-right .nav-child .-link,
body.deedian-homepage .sk-footer .center-box .-right .nav-child .-link span {
  color: rgba(255, 255, 255, 0.76) !important;
  font-synthesis: none;
  text-shadow: none !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.deedian-homepage .sk-footer .center-box .-right .nav-parent > .-link:hover,
body.deedian-homepage .sk-footer .center-box .-right .nav-parent > .-link:hover span,
body.deedian-homepage .sk-footer .center-box .-right .nav-child .-link:hover,
body.deedian-homepage .sk-footer .center-box .-right .nav-child .-link:hover span {
  color: var(--deedian-brand-blue) !important;
}

/* WordPress-backed footer subscription form. */
body.deedian-homepage .sk-footer .deedian-newsletter-form #footer-subscribe {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: clamp(136px, 8vw, 160px);
  height: clamp(48px, 3vw, 56px);
  margin: 0 0 0 clamp(10px, 1vw, 18px);
  padding: 0 clamp(22px, 1.6vw, 30px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 13px;
  background: linear-gradient(135deg, #0aa7ee 0%, var(--deedian-brand-blue) 58%, #007fc5 100%);
  box-shadow: 0 10px 24px rgba(var(--deedian-brand-blue-rgb), 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
  color: #fff !important;
  font-family: var(--sk-font-Medium), sans-serif;
  font-size: clamp(15px, 0.9vw, 17px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

body.deedian-homepage .sk-footer .deedian-newsletter-form #footer-subscribe::after {
  content: "↗";
  display: inline-block;
  color: currentColor;
  font-size: 1.05em;
  line-height: 1;
  transition: transform 0.25s ease;
}

body.deedian-homepage .sk-footer .deedian-newsletter-form #footer-subscribe:hover {
  background: linear-gradient(135deg, #19b7fa 0%, #0094de 55%, #0089d4 100%);
  box-shadow: 0 14px 30px rgba(var(--deedian-brand-blue-rgb), 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.32);
  color: #fff !important;
  filter: brightness(1.04);
  transform: translateY(-2px);
}

body.deedian-homepage .sk-footer .deedian-newsletter-form #footer-subscribe:hover::after {
  transform: translate(2px, -2px);
}

body.deedian-homepage .sk-footer .deedian-newsletter-form #footer-subscribe:active {
  transform: translateY(0);
}

body.deedian-homepage .sk-footer .deedian-newsletter-form #footer-subscribe:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

body.deedian-homepage .sk-footer .deedian-newsletter-form #footer-subscribe:disabled {
  cursor: wait;
  opacity: 0.68;
  filter: saturate(0.72);
  transform: none;
}

body.deedian-homepage .sk-footer .deedian-newsletter-form .radio-box {
  position: relative;
  cursor: pointer;
}

body.deedian-homepage .sk-footer .deedian-newsletter-consent-input {
  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;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

body.deedian-homepage .sk-footer .deedian-newsletter-form .radio-box:focus-within .icon {
  border-radius: 4px;
  outline: 2px solid var(--deedian-brand-blue);
  outline-offset: 3px;
}

body.deedian-homepage .sk-footer .deedian-newsletter-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

body.deedian-homepage .sk-footer .deedian-newsletter-status {
  min-height: 22px;
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.74);
  font-size: 14px;
  line-height: 1.45;
}

body.deedian-homepage .sk-footer .deedian-newsletter-status.is-success {
  color: var(--deedian-brand-blue);
}

body.deedian-homepage .sk-footer .deedian-newsletter-status.is-error {
  color: #ff7379;
}

/* Theme-local selectable social icon pack. The four default icons retain the
   proportions in the supplied footer reference; additional platforms use the
   same muted, single-colour treatment. */
body.deedian-homepage .sk-footer .deedian-footer-socials ul {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  align-items: center;
}

body.deedian-homepage .sk-footer .deedian-footer-socials ul li {
  margin: 0 !important;
}

body.deedian-homepage .sk-footer .deedian-footer-socials a {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
  transition: opacity 160ms ease, transform 160ms ease;
}

body.deedian-homepage .sk-footer .deedian-footer-socials a:hover,
body.deedian-homepage .sk-footer .deedian-footer-socials a:focus-visible {
  opacity: 1;
  transform: translateY(-2px);
}

body.deedian-homepage .sk-footer .deedian-footer-socials img {
  display: block;
  width: 19px !important;
  height: 19px !important;
  object-fit: contain;
}

.deedian-visually-hidden {
  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;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

/* WordPress-backed latest-post grid. The former News/Events switch has been
   removed so the newest three articles are visible immediately. */
.deedian-wp-root .page__newsroom .-body {
  padding-top: clamp(34px, 4.5vw, 82px) !important;
}

.deedian-wp-root .page__newsroom .deedian-news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 36px);
  width: 100%;
}

.deedian-wp-root .page__newsroom .deedian-news-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: clamp(16px, 1.25vw, 24px);
  background: #202329;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.16);
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.deedian-wp-root .page__newsroom .deedian-news-card:hover {
  border-color: rgba(var(--deedian-brand-blue-rgb), 0.52);
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.25),
    0 0 0 1px rgba(var(--deedian-brand-blue-rgb), 0.12);
  transform: translateY(-6px);
}

.deedian-wp-root .page__newsroom .deedian-news-card__link {
  display: flex !important;
  height: 100%;
  flex-direction: column;
  color: inherit !important;
  text-decoration: none !important;
}

.deedian-wp-root .page__newsroom .deedian-news-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #0d1014;
}

.deedian-wp-root .page__newsroom .deedian-news-card__media .img,
.deedian-wp-root .page__newsroom .deedian-news-card__media img {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.deedian-wp-root .page__newsroom .deedian-news-card__media img {
  object-fit: cover;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.deedian-wp-root .page__newsroom .deedian-news-card:hover .deedian-news-card__media img {
  transform: scale(1.045);
}

.deedian-wp-root .page__newsroom .deedian-news-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(22px, 2vw, 34px);
  text-align: left;
}

.deedian-wp-root .page__newsroom .deedian-news-card .date {
  margin: 0 0 12px;
  color: rgba(255, 255, 255, 0.58) !important;
  font-size: clamp(13px, 0.78vw, 16px) !important;
  line-height: 1.4 !important;
}

.deedian-wp-root .page__newsroom .deedian-news-card .title,
.deedian-wp-root .page__newsroom .deedian-news-card .title span {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(21px, 1.35vw, 28px) !important;
  font-weight: 600 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.015em;
  transition: color 0.25s ease;
}

.deedian-wp-root .page__newsroom .deedian-news-card:hover .title,
.deedian-wp-root .page__newsroom .deedian-news-card:hover .title span {
  color: var(--deedian-brand-blue) !important;
}

.deedian-wp-root .page__newsroom .deedian-news-card .desc {
  margin-top: 14px;
}

.deedian-wp-root .page__newsroom .deedian-news-card .desc,
.deedian-wp-root .page__newsroom .deedian-news-card .desc p {
  color: rgba(255, 255, 255, 0.66) !important;
  font-size: clamp(14px, 0.84vw, 17px) !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
}

.deedian-wp-root .page__newsroom .deedian-news-card .desc p {
  margin: 0 !important;
}

.deedian-wp-root .page__newsroom .btn-box {
  display: flex;
  justify-content: center;
  margin-top: clamp(34px, 4vw, 68px);
}

.deedian-wp-root .page__newsroom .deedian-news-empty {
  grid-column: 1 / -1;
  padding: 48px 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background: #202329;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .deedian-wp-root .page__newsroom .deedian-news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .deedian-wp-root .page__newsroom .deedian-news-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    width: calc(50% - clamp(9px, 1vw, 18px));
    justify-self: center;
  }
}

@media screen and (max-width: 640px) {
  .deedian-wp-root .page__newsroom .deedian-news-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .deedian-wp-root .page__newsroom .deedian-news-card:last-child:nth-child(odd) {
    grid-column: auto;
    width: 100%;
  }

  .deedian-wp-root .page__newsroom .deedian-news-card__body {
    padding: 22px;
  }
}

/* Keep all seven Deedian brand words inside the viewport. The original
   single-line layout is wider than common desktop screens; four words now
   occupy the first row and the remaining three are centred below it. */
@media screen and (min-width: 801px) {
  .deedian-wp-root .page__sigen h2 .heading__word {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(1760px, calc(100vw - 80px)) !important;
    column-gap: clamp(12px, 1.25vw, 28px) !important;
    row-gap: clamp(12px, 1.4vw, 28px) !important;
  }

.deedian-wp-root .page__sigen h2 .heading__word .heading__word-wrapper {
    grid-column: span 3 !important;
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    font-size: clamp(32px, 3.15vw, 64px) !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .deedian-wp-root .page__sigen h2 .heading__word .heading__word-wrapper:nth-child(n + 5) {
    grid-column: span 4 !important;
  }
}

/* The source animation joins the first letter of each keyword. Render that
   seven-letter result with the public-facing Deedian capitalisation. Keep the
   final word on a pixel-based responsive scale: the mirrored animation uses
   rem measurements and some Salient/production combinations can otherwise
   calculate an oversized starting transform for these letters. */
.deedian-wp-root .page__sigen h2 .anchor-heading {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  max-width: calc(100vw - clamp(48px, 8vw, 180px));
  font-size: clamp(56px, 6vw, 112px) !important;
  line-height: 0.95 !important;
  white-space: nowrap;
  text-transform: lowercase;
  transform-origin: 50% 50%;
}

.deedian-wp-root .page__sigen h2 .anchor-heading .anchor-letter,
.deedian-wp-root .page__sigen h2 .anchor-heading .anchor-letter em {
  display: inline-block;
  line-height: 1 !important;
  transform-origin: 50% 50%;
}

/* Use the real first character while the full keywords are on screen. This
   keeps mixed words such as ECO on the same typographic baseline and avoids
   relying on a transformed duplicate letter for the readable state. */
.deedian-wp-root .page__sigen h2 .heading__word .heading__word-wrapper > span {
  display: inline-block;
  line-height: 1 !important;
}

.deedian-wp-root .page__sigen h2 .heading__word .deedian-word-initial {
  font-size: 1.3125em;
  line-height: 1 !important;
}

.deedian-wp-root .page__sigen h2 .anchor-heading .anchor-letter:first-child {
  text-transform: uppercase;
}

@media screen and (max-width: 800px) {
  .deedian-wp-root .page__sigen h2 .anchor-heading {
    max-width: calc(100vw - 48px);
    font-size: clamp(38px, 14vw, 64px) !important;
  }

  .deedian-wp-root .page__sigen h2 .heading__word .deedian-word-initial {
    font-size: 1.15625em;
  }
}

/* Keep embedded poster copy intact while extending the same image behind it.
   This applies at every width: portrait artwork can otherwise leave solid
   side bars in tablet and desktop viewports as well as on phones. */
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-first-image,
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-image-background {
  overflow: hidden;
  background-image: var(--deedian-hero-fill-desktop) !important;
  background-size: cover;
  background-position: center;
}
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-first-image::before,
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-image-background::before {
  content: '';
  display: block !important;
  position: absolute;
  inset: -24px !important;
  width: auto !important;
  height: auto !important;
  z-index: 0 !important;
  background-color: transparent !important;
  background-image: var(--deedian-hero-fill-desktop);
  background-size: cover;
  background-position: center;
  filter: blur(18px) brightness(.78);
  pointer-events: none;
}
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-first-image picture,
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-image-background picture {
  position: relative;
  z-index: 1;
}
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-first-image picture {
  display: block;
  width: 100%;
  height: 100%;
}
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-first-image picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  background: transparent !important;
}
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-background picture {
  display: block;
  width: 100%;
  height: 100%;
}
/* Temporary official-site artwork contains text near its edges. Preserve the
   complete desktop/mobile composition until client-specific crops replace it. */
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-background picture img {
  object-fit: contain !important;
  background: transparent !important;
}
/* Each image slide can crop desktop and mobile art independently. The chosen
   axis is anchored centrally; a mismatched ratio still has the soft-image
   extension behind it instead of a solid bar. */
body.deedian-homepage .deedian-wp-root .index-banner [data-desktop-crop="vertical"] {
  --deedian-crop-width: 100%;
  --deedian-crop-height: auto;
  --deedian-crop-fit: fill;
}
body.deedian-homepage .deedian-wp-root .index-banner [data-desktop-crop="horizontal"] {
  --deedian-crop-width: auto;
  --deedian-crop-height: 100%;
  --deedian-crop-fit: fill;
}
body.deedian-homepage .deedian-wp-root .index-banner [data-desktop-crop="stretch"] {
  --deedian-crop-width: 100%;
  --deedian-crop-height: 100%;
  --deedian-crop-fit: fill;
}
body.deedian-homepage .deedian-wp-root .index-banner [data-desktop-crop="contain"] {
  --deedian-crop-width: 100%;
  --deedian-crop-height: 100%;
  --deedian-crop-fit: contain;
}
body.deedian-homepage .deedian-wp-root .index-banner [data-desktop-crop] picture img {
  top: 50% !important;
  left: 50% !important;
  width: var(--deedian-crop-width) !important;
  height: var(--deedian-crop-height) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: var(--deedian-crop-fit) !important;
  transform: translate(-50%, -50%) !important;
}
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-background::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(8, 22, 30, .12), rgba(8, 22, 30, .5));
}
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-slide .deedian-hero-copy {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  max-width: 1120px;
  margin: 0 auto;
  padding: 130px 32px 140px;
  text-align: center;
}
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-slide .deedian-hero-copy .title {
  max-width: 100%;
  font-size: clamp(36px, 5vw, 72px);
  line-height: 1.12;
  text-wrap: balance;
  text-shadow: 0 2px 24px rgba(0, 0, 0, .35);
}
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-description {
  max-width: 700px;
  margin: 18px auto 0;
  color: #fff;
  font-size: clamp(16px, 1.55vw, 22px);
  line-height: 1.5;
  text-shadow: 0 2px 15px rgba(0, 0, 0, .45);
}
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  min-height: 48px;
  margin-top: 28px;
  padding: 0 23px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 999px;
  background: #078fd0;
  color: #fff;
  font-size: 17px;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-cta:hover,
body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-cta:focus-visible {
  background: #12a7ec;
  transform: translateY(-2px);
}
@media (max-width: 800px) {
  /* Use the dedicated mobile image for the extended edges too. */
  body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-first-image,
  body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-image-background {
    background-image: var(--deedian-hero-fill-mobile, var(--deedian-hero-fill-desktop)) !important;
    background-position: center top;
  }
  body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-first-image::before,
  body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-image-background::before {
    background-image: var(--deedian-hero-fill-mobile, var(--deedian-hero-fill-desktop));
    background-position: center top;
    filter: blur(18px) brightness(.72);
  }
  body.deedian-homepage .deedian-wp-root .index-banner [data-mobile-crop="vertical"] {
    --deedian-crop-width: 100%;
    --deedian-crop-height: auto;
    --deedian-crop-fit: fill;
  }
  /* Mobile example artwork carries a heading near the top edge. Keep that
     edge visible and trim the excess from below when width-fill is selected. */
  body.deedian-homepage .deedian-wp-root .index-banner [data-mobile-crop="vertical"] picture img {
    top: 0 !important;
    transform: translate(-50%, 0) !important;
  }
  body.deedian-homepage .deedian-wp-root .index-banner [data-mobile-crop="horizontal"] {
    --deedian-crop-width: auto;
    --deedian-crop-height: 100%;
    --deedian-crop-fit: fill;
  }
  body.deedian-homepage .deedian-wp-root .index-banner [data-mobile-crop="stretch"] {
    --deedian-crop-width: 100%;
    --deedian-crop-height: 100%;
    --deedian-crop-fit: fill;
  }
  body.deedian-homepage .deedian-wp-root .index-banner [data-mobile-crop="contain"] {
    --deedian-crop-width: 100%;
    --deedian-crop-height: 100%;
    --deedian-crop-fit: contain;
  }
  body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-slide .deedian-hero-copy {
    padding: 115px 22px 110px;
  }
  body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-slide .deedian-hero-copy .title {
    font-size: clamp(32px, 8vw, 46px);
  }
  body.deedian-homepage .deedian-wp-root .index-banner .deedian-hero-description {
    font-size: 16px;
  }
  body.deedian-homepage .deedian-wp-root .index-banner .swiper-control {
    bottom: max(24px, env(safe-area-inset-bottom));
  }
}

/* The brand-story section is intentionally transparent in the mirrored source
   because the original site keeps the whole document dark. WordPress uses a
   white document background, so scroll-pinned sections could show through it
   on mobile. Give this section its own opaque stacking layer. */
.deedian-wp-root .page__sigen {
  position: relative;
  isolation: isolate;
  background-color: #131519;
}

.deedian-wp-root .page__sigen .page__sigen-container {
  isolation: isolate;
  background-color: #131519;
}

/* Keep the service-entry icons visible after the original site's SVG
   injection/scroll animation runs inside WordPress. */
.deedian-wp-root .page__service .circleAnimateIcon > svg:not(.progress-circle),
.deedian-wp-root .page__service .circleAnimateIcon > svg:not(.progress-circle) * {
  opacity: 1 !important;
  visibility: visible !important;
}

.deedian-wp-root .page__service .circleAnimateIcon > svg:not(.progress-circle) g {
  clip-path: none !important;
}

.deedian-wp-root .page__service .circleAnimateIcon > svg:not(.progress-circle) path {
  fill: var(--deedian-brand-blue) !important;
  fill-opacity: 1 !important;
  stroke-dasharray: none !important;
  stroke-dashoffset: 0 !important;
}

.deedian-video-testimonials {
  position: relative;
  overflow: hidden;
  padding: clamp(72px, 6vw, 96px) 0;
  background: #061a26;
  color: #fff;
}

.deedian-video-testimonials::before {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 0, rgba(var(--deedian-brand-blue-rgb), 0.2), transparent 52%);
  content: "";
  pointer-events: none;
}

.deedian-video-testimonials .wal {
  position: relative;
  z-index: 1;
}

.deedian-video-testimonials .-head {
  margin-bottom: 48px;
  text-align: center;
}

.deedian-video-testimonials .sk-section-title {
  color: #fff;
}

.deedian-video-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.deedian-video-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(var(--deedian-brand-blue-rgb), 0.22);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.2);
}

.deedian-video-frame {
  position: relative;
  aspect-ratio: 16 / 9;
  background: #000;
}

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

.deedian-video-frame > video {
  object-fit: contain;
  background: #000;
}

.deedian-video-poster {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  color: #fff;
  background: #03080b;
  cursor: pointer;
}

.deedian-video-poster::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), transparent 52%, rgba(0, 0, 0, 0.4));
  content: "";
  pointer-events: none;
}

.deedian-video-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.45s ease, opacity 0.3s ease;
}

.deedian-video-poster:hover img,
.deedian-video-poster:focus-visible img {
  opacity: 0.9;
  transform: scale(1.025);
}

.deedian-video-platform {
  position: absolute;
  z-index: 2;
  top: 14px;
  left: 14px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  color: #fff;
  background: rgba(3, 8, 11, 0.72);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  backdrop-filter: blur(8px);
}

.deedian-video-play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  width: 62px;
  height: 62px;
  padding-left: 4px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--deedian-brand-blue);
  box-shadow: 0 14px 34px rgba(var(--deedian-brand-blue-rgb), 0.42);
  font-size: 23px;
  transform: translate(-50%, -50%);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.deedian-video-poster:hover .deedian-video-play,
.deedian-video-poster:focus-visible .deedian-video-play {
  box-shadow: 0 18px 40px rgba(var(--deedian-brand-blue-rgb), 0.58);
  transform: translate(-50%, -50%) scale(1.07);
}

.deedian-video-fallback {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #071923, #0b2a3d);
  font-size: 18px;
  font-weight: 600;
}

.deedian-video-copy {
  flex: 1;
  padding: 22px 24px 26px;
}

.deedian-video-card h3 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: clamp(18px, 1.25vw, 24px);
  line-height: 1.35;
}

.deedian-video-card p {
  display: -webkit-box;
  overflow: hidden;
  margin: 12px 0 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 15px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* Join the case visual directly to Product Videos. The former two-rem tail
   rendered as a wide empty dark band after the case animation completed. */
body.deedian-homepage .curve_section_home {
  padding-bottom: 0;
}

/* The header starts transparent over the first visual. It gains the stable
   dark glass background and shadow only after the visitor scrolls. */
body.deedian-homepage .sk-header {
  --header-height: max(76px, 1.04rem);
  --c-background: transparent;
  --c-border: transparent;
}
body.deedian-homepage .sk-header .-wrapper { min-height: 56px; }
body.deedian-homepage .sk-header .-wrapper::after {
  backdrop-filter: none;
  box-shadow: none;
}
body.deedian-homepage .sk-header.isScroll {
  --c-background: rgba(18, 24, 31, 0.88);
  --c-border: rgba(255, 255, 255, 0.14);
}
body.deedian-homepage .sk-header.isScroll .-wrapper::after {
  backdrop-filter: blur(20px);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.3);
}
body.deedian-homepage .sk-header .-wrapper .-inner .center_0s { margin-left: clamp(20px, 3vw, 72px); }
body.deedian-homepage .sk-header .-wrapper .-inner .center_0s .-nav > ul > li { margin-right: clamp(16px, 1.65vw, 32px); }
body.deedian-homepage .sk-header .-wrapper .-inner .center_0s .-nav > ul > li:last-child { margin-right: 0; }
body.deedian-homepage .sk-header .-wrapper .-inner .left_0s .-logo a { min-width: 112px; min-height: 32px; }
body.deedian-homepage .sk-header .-wrapper .-inner .right_0s .round-btn a { font-size: 14px; min-height: 40px; }

body.deedian-homepage #deedian-newsletter-form .input-box { min-height: 60px; height: auto; padding: 6px 6px 6px 18px; }
body.deedian-homepage .sk-footer .deedian-newsletter-form #footer-email-input { flex: 1 1 auto; width: 0; min-width: 0; font-size: 16px; line-height: 1.5; }
body.deedian-homepage .sk-footer .deedian-newsletter-form .radio-box { align-items: flex-start; gap: 10px; }
body.deedian-homepage #deedian-newsletter-form .radio-box .text { color: #d4d9dd; font-size: 14px; line-height: 1.5; }
body.deedian-homepage .sk-footer .deedian-newsletter-form .radio-box .text a { color: #a7cde1 !important; text-decoration: underline; text-underline-offset: 3px; }
body.deedian-homepage #deedian-newsletter-form .radio-box .icon { width: 22px; height: 22px; flex: 0 0 22px; margin: 0; }
body.deedian-homepage .sk-footer .-container .center-box .-right .-column .nav-row .-link { font-size: clamp(14px, 0.9vw, 18px); line-height: 1.55; }
body.deedian-homepage .sk-footer .-container .bottom-box .text,
body.deedian-homepage .sk-footer .-container .bottom-box .small-link { font-size: 12px; line-height: 1.6; }
body.deedian-homepage .sk_page__platform .-head .text,
body.deedian-homepage .page__service .text { font-size: clamp(14px, 1vw, 18px) !important; line-height: 1.6 !important; }
body.deedian-homepage .side___fix.deedian-toolbar-over-footer { visibility: hidden; pointer-events: none; }

/* Consent content must remain readable and operable on the smallest screens. */
body.deedian-homepage .customize__consent__preferences { z-index: 200; max-height: calc(100dvh - 32px); overflow-y: auto; }
body.deedian-homepage .customize__consent__preferences .desc-text,
body.deedian-homepage .customize__consent__preferences .list .item .item-desc-wrap .item-desc { font-size: 13px; line-height: 1.55; }
body.deedian-homepage .customize__consent__preferences .item-desc table { width: 100%; table-layout: fixed; }
body.deedian-homepage .customize__consent__preferences .list .item .item-desc-wrap .item-desc table th,
body.deedian-homepage .customize__consent__preferences .list .item .item-desc-wrap .item-desc table td { min-width: 0; padding: 8px 5px; overflow-wrap: anywhere; }
body.deedian-homepage .customize__consent__preferences .close-btn { width: 44px; height: 44px; padding: 12px; top: 4px; right: 4px; }
body.deedian-homepage .customize__consent__preferences .title { font-size: 18px; line-height: 1.4; padding-right: 32px; }
body.deedian-homepage .customize__consent__preferences .btn-s .hry__btn { min-height: 44px; font-size: 14px; line-height: 1.4; }

@media screen and (min-width: 801px) and (max-width: 1200px) {
  body.deedian-homepage .sk-footer .-container .center-box { flex-direction: column; align-items: stretch; gap: 40px; }
  body.deedian-homepage .sk-footer .-container .center-box .-left { max-width: 580px; }
  body.deedian-homepage .sk-footer .-container .center-box .-left .title { font-size: 22px; line-height: 1.45; }
  body.deedian-homepage .sk-footer .-container .center-box .-right { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; max-width: none; margin: 0; gap: 28px; }
  body.deedian-homepage .sk-footer .-container .center-box .-right .-column { width: 100%; max-width: none; min-width: 0; }
  body.deedian-homepage .sk-footer .-container .bottom-box { gap: 20px; flex-wrap: wrap; }
}

@media screen and (max-width: 1400px) {
  body.deedian-homepage .sk-header { --header-height: 72px; }
  body.deedian-homepage .sk-header .-wrapper { padding: 0 20px; }
  body.deedian-homepage .sk-header .-wrapper .-inner .right_0s { margin-left: auto; }
  body.deedian-homepage .sk-header .-wrapper .-inner .right_0s > * { margin-right: 4px; }
  body.deedian-homepage .sk-header .-wrapper .-inner .right_0s .c-icon,
  body.deedian-homepage .sk-header .-wrapper .-inner .right_0s .toggle-btn { width: 44px; height: 44px; padding: 11px; align-items: center; justify-content: center; }
  body.deedian-homepage .sk-header .phone-show { display: flex !important; }
  body.deedian-homepage .sk-header .pc-show { display: none !important; }
  body.deedian-homepage .sk-header .-wrapper .-inner .left_0s .-logo a { width: 128px; height: 36px; }
  body.deedian-homepage .sk-header .mobile-sidebar,
  body.deedian-homepage .sk-header .layer-float,
  body.deedian-homepage .sk-header .lang-select-layer { height: 100dvh !important; }
  /* The desktop flyout writes an inline zero height. It must not survive a
     breakpoint change and collapse the full-screen mobile search layer. */
  body.deedian-homepage .sk-header .layer-float.layer__search.show { z-index: 100; }
  body.deedian-homepage .sk-header .mobile-sidebar .sidebar-wrapper { padding: 16px 24px 24px; }
  body.deedian-homepage .sk-header .mobile-sidebar .sidebar-wrapper .sidebar-inner .list > ul > li { margin-top: 6px; }
  body.deedian-homepage .sk-header .mobile-sidebar .sidebar-wrapper .sidebar-inner .list > ul > li > a { min-height: 48px; font-size: 18px; line-height: 1.4; color: #f1f4f6; }
  body.deedian-homepage .sk-header .mobile-sidebar .foot-block .btn-inner { min-height: 48px; font-size: 16px; color: #fff !important; }
  body.deedian-homepage .sk-header .mobile-sidebar .sidebar-wrapper .sidebar-inner .foot-block { padding-top: 16px; }
  body.deedian-homepage .sk-header .mobile-sidebar .sidebar-wrapper .sidebar-inner .foot-block .dl .dd { min-height: 40px; margin-top: 4px; }
  body.deedian-homepage .sk-header .mobile-sidebar .sidebar-wrapper .sidebar-inner .foot-block .dl .dd span { font-size: 15px; line-height: 1.4; }
  body.deedian-homepage .sk-header .mobile-sidebar .foot-block .dd svg { margin-right: 10px; }
  body.deedian-homepage .sk-header .mobile-sidebar .sidebar-wrapper .sidebar-inner .sub-float-layer .layer-wrapper .layer-head .back-btn,
  body.deedian-homepage .sk-header .mobile-sidebar .sidebar-wrapper .sidebar-inner .sub-float-layer .layer-wrapper .layer-head .layer-close,
  body.deedian-homepage .sk-header .layer-float.layer__search .layer__wp .search-inner .layer-close { width: 44px; height: 44px; padding: 12px; }
  body.deedian-homepage .sk-header .layer-float.layer__search .layer__wp .search-inner .search-input { min-height: 48px; max-width: calc(100% - 52px); }
  body.deedian-homepage .sk-header .layer-float.layer__search .layer__wp .search-inner .search-input input { font-size: 16px; }
  body.deedian-homepage .sk-header .layer__search .recommended-products .name,
  body.deedian-homepage .sk-header .layer__search .recommended-products .-label { font-size: 14px !important; line-height: 1.45 !important; }
}

@media screen and (max-width: 800px) {
  body.deedian-homepage .sk-header .-wrapper { padding: 0 12px; }
  body.deedian-homepage .sk-footer .-container .center-box .-left .title { font-size: 20px; line-height: 1.5; }
  body.deedian-homepage .sk-footer .center-box .-right .nav-parent > .-link,
  body.deedian-homepage .sk-footer .center-box .-right .nav-child .-link { font-size: 15px !important; line-height: 1.55 !important; min-height: 44px; }
  body.deedian-homepage .sk-footer .bottom-box { font-size: 12px; line-height: 1.6; }
  body.deedian-homepage .sk-footer .bottom-box .-left .text { font-size: 12px; line-height: 1.6; }
  body.deedian-homepage .sk-footer .bottom-box a { font-size: 13px; line-height: 1.6; }
  body.deedian-homepage .sk-footer .deedian-newsletter-form #footer-subscribe { min-width: 116px; padding: 0 14px; gap: 6px; margin-left: 8px; }
  body.deedian-homepage .sk_page__platform .-head .text,
  body.deedian-homepage .page__service .text { font-size: 15px; line-height: 1.6; }
  body.deedian-homepage .side___fix.deedian-toolbar-over-footer { visibility: hidden; pointer-events: none; }
}
/* Decorative brand glyphs can extend beyond the screen during their merge.
   Clip without introducing a scroll container (the story uses sticky rows). */
body.deedian-homepage .page__sigen { overflow-x: clip; }
@media screen and (max-width: 1280px) {
  body.deedian-homepage .side___fix .sidebox { width: 44px; height: 44px; }
  body.deedian-homepage .side___fix .sidebox .icon-box { width: 100%; height: 100%; }
  body.deedian-homepage .side___fix .sidebox .icon-box .icon { width: 22px; height: 22px; }
}

body.admin-bar .deedian-wp-root .sk-header .-container { top: 32px; }

/* Salient's visual editor only activates its native hover toolbar for built-in
   rows/columns. Keep the same controls usable on top-level Deedian sections. */
body.vc_editor .vc_element.vc_deedian_home_section:hover > .vc_controls,
body.vc_editor .vc_element.vc_deedian_home_section:focus-within > .vc_controls {
  display: block !important;
  position: fixed !important;
  top: 62px !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 10000;
}

body.vc_editor .vc_element.vc_deedian_home_section:hover > .vc_controls .vc_controls-cc,
body.vc_editor .vc_element.vc_deedian_home_section:focus-within > .vc_controls .vc_controls-cc {
  top: 0 !important;
}

@media screen and (max-width: 782px) {
  body.admin-bar .deedian-wp-root .sk-header .-container { top: 46px; }

  body.deedian-homepage .curve_section_home { padding-bottom: 0; }
  .deedian-video-testimonials { padding: 56px 0 64px; }
  .deedian-video-testimonials .-head { margin-bottom: 30px; }
  .deedian-video-grid { grid-template-columns: 1fr; }
}

@media screen and (max-width: 800px) {
  /* OrbitControls captures one-finger drags on the WebGL canvas and calls
     preventDefault, which traps users inside the brand-story section. Keep
     the animated globe visible but let touch gestures reach page scrolling. */
  .deedian-wp-root .page__sigen #globe,
  .deedian-wp-root .page__sigen #globe canvas,
  .deedian-wp-root .page__sigen #loadingBox {
    pointer-events: none !important;
    touch-action: pan-y !important;
  }

  .deedian-wp-root .page__classify.deedian-mobile-scroll-products {
    overflow: visible;
  }

  .deedian-wp-root .page__classify.deedian-mobile-scroll-products .swiper-container {
    overflow: hidden;
    touch-action: pan-y;
  }

  .deedian-wp-root .page__classify.deedian-mobile-scroll-products .swiper-wrapper {
    will-change: transform;
  }

  .deedian-wp-root .page__classify.deedian-mobile-scroll-products .swiper-arrow {
    display: none !important;
  }
}