:root {
      --bg: #020714;
      --bg2: #071829;
      --bg3: #091f38;
      --panel: rgba(7, 22, 42, .78);
      --panel-2: rgba(10, 29, 55, .90);
      --line: rgba(94, 181, 241, .22);
      --line-2: rgba(103, 234, 255, .46);
      --text: #f3fbff;
      --muted: #b8cce0;
      --soft: #7f9ab5;
      --cyan: #25c9ff;
      --aqua: #67eaff;
      --blue: #1678ff;
      --shadow: 0 30px 90px rgba(0,0,0,.50);
      --container-max: 1660px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 24px; }
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    body {
      margin: 0;
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--text);
      background:
        radial-gradient(circle at 18% 8%, rgba(37,201,255,.16), transparent 28%),
        radial-gradient(circle at 88% 12%, rgba(22,120,255,.18), transparent 26%),
        linear-gradient(180deg, #020714 0%, #06172c 48%, #020714 100%);
    }

    body.page, body.single, body.blog, body.archive,
    .site, .site-content, .content-area, .site-main, .entry-content,
    .post-inner, .wp-site-blocks, .wp-block-post-content, .is-layout-constrained,
    .alignwide, .alignfull {
      max-width: 100% !important;
    }

    .entry-content, .wp-block-post-content, .post-inner, .site-main, .content-area {
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
      background: transparent !important;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -3;
      opacity: .26;
      pointer-events: none;
      background-image:
        linear-gradient(rgba(103,234,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(103,234,255,.05) 1px, transparent 1px);
      background-size: 58px 58px;
      mask-image: linear-gradient(to bottom, #000 0%, transparent 88%);
    }

    body::after {
      content: "";
      position: fixed;
      inset: auto -25% -32% -25%;
      height: 520px;
      background: radial-gradient(circle, rgba(37,201,255,.14), transparent 62%);
      z-index: -2;
      pointer-events: none;
    }

    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; }

    .container {
      width: min(calc(100% - 18px), var(--container-max));
      margin-inline: auto;
    }

    .glass {
      background: linear-gradient(145deg, rgba(10, 30, 56, .78), rgba(5, 16, 31, .68));
      border: 1px solid var(--line);
      box-shadow: var(--shadow);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }

    .hero-stage {
      padding: 14px 0 28px;
    }

    .stage-shell {
      position: relative;
      border-radius: 28px;
      padding: 16px;
      overflow: hidden;
      background:
        linear-gradient(180deg, rgba(9, 28, 52, .95), rgba(5, 18, 35, .90));
      border: 1px solid rgba(98, 179, 238, .18);
      box-shadow: 0 24px 72px rgba(0,0,0,.34);
    }

    .stage-shell::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 14% 8%, rgba(103,234,255,.06), transparent 20%),
        radial-gradient(circle at 88% 10%, rgba(22,120,255,.08), transparent 24%);
      pointer-events: none;
    }

    .navbar {
      position: relative;
      z-index: 2;
      min-height: 82px;
      border-radius: 22px;
      padding: 14px 18px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
      background: linear-gradient(180deg, rgba(11,33,61,.94), rgba(8,24,44,.92));
      border: 1px solid rgba(90,170,230,.16);
      box-shadow: 0 16px 40px rgba(0,0,0,.20);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 12px;
      min-width: 250px;
    }

    .logo-mark {
      width: 48px;
      height: 48px;
      border-radius: 16px;
      display: grid;
      place-items: center;
      background: radial-gradient(circle at 30% 25%, #86f6ff, #0ea5ff 54%, #043875 100%);
      box-shadow: 0 0 26px rgba(37,201,255,.55);
      position: relative;
      overflow: hidden;
      flex: 0 0 auto;
    }

    .logo-mark::before {
      content: "";
      width: 20px;
      height: 28px;
      border: 3px solid #031326;
      border-top-color: rgba(255,255,255,.94);
      border-left-color: rgba(255,255,255,.75);
      transform: rotate(45deg);
      border-radius: 70% 20% 70% 20%;
      background: rgba(255,255,255,.12);
    }

    .brand-title {
      display: block;
      font-size: 26px;
      line-height: .95;
      font-weight: 900;
      letter-spacing: .02em;
    }

    .brand-sub {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 5px;
      font-size: 12px;
      color: var(--muted);
      white-space: nowrap;
    }

    .flag {
      display: inline-grid;
      place-items: center;
      width: 22px;
      height: 15px;
      border-radius: 3px;
      background: #e51d2a;
      color: #ffdc45;
      font-size: 10px;
      box-shadow: 0 0 8px rgba(229,29,42,.35);
      vertical-align: middle;
    }

    .nav-menu {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1;
      gap: 4px;
    }

    .nav-menu a {
      padding: 12px 13px;
      border-radius: 999px;
      color: #dceeff;
      font-size: 14px;
      font-weight: 650;
      transition: .22s ease;
    }

    .nav-menu a:hover, .nav-menu a.active {
      background: rgba(103,234,255,.12);
      color: white;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      border-radius: 16px;
      border: 0;
      color: #fff;
      font-weight: 850;
      white-space: nowrap;
      cursor: pointer;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
    }

    .btn:hover { transform: translateY(-2px); }

    .btn-primary {
      padding: 15px 22px;
      background: linear-gradient(135deg, #38d6ff, #147cff 58%, #0b4fb8);
      box-shadow: 0 16px 42px rgba(19,127,255,.42), inset 0 1px 0 rgba(255,255,255,.35);
    }

    .btn-primary:hover { box-shadow: 0 20px 56px rgba(37,201,255,.55); }

    .btn-ghost {
      padding: 15px 22px;
      background: rgba(6, 18, 34, .44);
      border: 1px solid rgba(180,232,255,.34);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
    }

    .btn-ghost:hover { border-color: rgba(103,234,255,.68); background: rgba(37,201,255,.10); }

    .menu-toggle {
      display: none;
      width: 46px;
      height: 46px;
      border-radius: 15px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.06);
      color: #fff;
      font-size: 22px;
    }

    .hero-panel {
      position: relative;
      z-index: 1;
      margin-top: 14px;
      min-height: 720px;
      border-radius: 26px;
      overflow: hidden;
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      align-items: center;
      padding: 68px 54px;
      isolation: isolate;
      background: linear-gradient(145deg, rgba(9, 26, 49, .68), rgba(3, 12, 25, .52));
      border: 1px solid rgba(94, 181, 241, .16);
      box-shadow: 0 22px 64px rgba(0,0,0,.28);
    }

    .hero-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      background:
        linear-gradient(90deg, rgba(2,8,23,.92) 0%, rgba(2,8,23,.62) 36%, rgba(2,8,23,.24) 100%),
        linear-gradient(180deg, rgba(2,8,23,.18), rgba(2,8,23,.78)),
        url("https://smartvision.com.vn/wp-content/uploads/2026/05/Water-Show-1.png") center / cover no-repeat;
      transform: scale(1.012);
    }

    .hero-panel::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background:
        radial-gradient(circle at 76% 24%, rgba(255,255,255,.12), transparent 7%),
        radial-gradient(circle at 66% 48%, rgba(37,201,255,.18), transparent 30%);
      pointer-events: none;
    }

    .hero-copy { max-width: 630px; position: relative; z-index: 2; }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 22px;
      padding: 8px 13px;
      border: 1px solid rgba(103,234,255,.27);
      border-radius: 999px;
      color: var(--aqua);
      background: rgba(37,201,255,.10);
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .08em;
    }

    h1 {
      margin: 0;
      font-size: clamp(52px, 6vw, 86px);
      line-height: .98;
      letter-spacing: -.066em;
      font-weight: 900;
      text-shadow: 0 18px 42px rgba(0,0,0,.36);
    }

    .gradient-text {
      background: linear-gradient(90deg, #ffffff 0%, #a4efff 42%, #1aa8ff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .hero-lead {
      margin: 24px 0 0;
      color: #d8edff;
      font-size: 20px;
      line-height: 1.65;
      text-shadow: 0 3px 16px rgba(0,0,0,.36);
      max-width: 760px;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      margin-top: 32px;
    }

    .hero-stats {
      justify-self: end;
      width: min(360px, 100%);
      border-radius: 28px;
      padding: 20px;
      position: relative;
      z-index: 2;
      background: linear-gradient(145deg, rgba(10, 29, 55, .84), rgba(4, 17, 33, .72));
      border: 1px solid rgba(103,234,255,.20);
      box-shadow: 0 18px 56px rgba(0,0,0,.26);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }

    .stat-item {
      display: grid;
      grid-template-columns: 48px 1fr;
      align-items: center;
      gap: 15px;
      padding: 16px 8px;
      border-bottom: 1px solid rgba(185,230,255,.16);
    }

    .stat-item:last-child { border-bottom: 0; }
    .stat-icon, .chip-icon {
      width: 44px;
      height: 44px;
      border-radius: 15px;
      display: grid;
      place-items: center;
      color: var(--aqua);
      background: rgba(37,201,255,.11);
      border: 1px solid rgba(103,234,255,.22);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
      font-weight: 900;
    }

    .stat-num {
      display: block;
      font-size: 27px;
      font-weight: 900;
      letter-spacing: -.04em;
    }

    .stat-label {
      display: block;
      margin-top: 3px;
      color: #d1e5f6;
      font-size: 13px;
    }

    .section { padding: 52px 0; position: relative; }

    .section-title {
      text-align: center;
      margin-bottom: 30px;
    }

    .section-kicker {
      color: var(--cyan);
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .12em;
      margin-bottom: 10px;
    }

    .section-title h2, .tech-copy h2, .projects-head h2, .solution-detail-head h2 {
      margin: 0;
      font-size: clamp(30px, 4vw, 48px);
      line-height: 1.08;
      letter-spacing: -.045em;
    }

    .section-title p {
      max-width: 760px;
      margin: 15px auto 0;
      color: var(--muted);
      line-height: 1.65;
    }

    .solutions-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
    }

    .solution-card {
      min-height: 370px;
      padding: 14px;
      border-radius: 24px;
      position: relative;
      overflow: hidden;
      background: linear-gradient(145deg, rgba(12,34,62,.78), rgba(4,16,30,.64));
      border: 1px solid var(--line);
      box-shadow: 0 24px 62px rgba(0,0,0,.35);
      backdrop-filter: blur(18px);
      transition: .25s ease;
      display: block;
    }

    .solution-card:hover {
      transform: translateY(-6px);
      border-color: var(--line-2);
      box-shadow: 0 34px 86px rgba(0,0,0,.48), 0 0 42px rgba(37,201,255,.16);
    }

    .solution-art {
      height: 170px;
      border-radius: 19px;
      overflow: hidden;
      border: 1px solid rgba(103,234,255,.16);
      background: rgba(0,0,0,.20);
      position: relative;
    }

    .solution-art::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent 42%, rgba(2,8,23,.72));
      pointer-events: none;
    }

    .solution-art img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .45s ease;
    }

    .solution-card:hover .solution-art img { transform: scale(1.06); }

    .solution-body { padding: 18px 8px 5px; }

    .solution-body h3 {
      margin: 0;
      font-size: 21px;
      line-height: 1.08;
      letter-spacing: -.03em;
    }

    .solution-body p {
      margin: 12px 0 18px;
      color: var(--muted);
      line-height: 1.50;
      font-size: 14px;
      min-height: 64px;
    }

    .round-link {
      width: 44px;
      height: 44px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      color: #fff;
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(199,238,255,.30);
      font-size: 18px;
    }

    .solution-detail {
      padding-top: 10px;
    }

    .solution-detail-shell {
      border-radius: 30px;
      padding: 26px;
      position: relative;
      overflow: hidden;
    }

    .solution-detail-shell::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 85% 12%, rgba(37,201,255,.12), transparent 30%),
        radial-gradient(circle at 18% 92%, rgba(123,102,255,.08), transparent 28%);
      pointer-events: none;
    }

    .solution-detail-head {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 24px;
      align-items: center;
      margin-bottom: 24px;
    }

    .solution-detail-head p {
      color: var(--muted);
      line-height: 1.72;
      margin: 16px 0 0;
      max-width: 760px;
    }

    .pill-list {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: flex-end;
    }

    .pill {
      padding: 10px 14px;
      border-radius: 999px;
      border: 1px solid rgba(103,234,255,.24);
      background: rgba(255,255,255,.04);
      color: #dff7ff;
      font-size: 13px;
      font-weight: 700;
    }

    .detail-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 22px;
      align-items: stretch;
    }

    .showcase-card {
      border-radius: 24px;
      overflow: hidden;
      position: relative;
      min-height: 420px;
      border: 1px solid rgba(103,234,255,.18);
      box-shadow: 0 18px 50px rgba(0,0,0,.28);
      background: rgba(0,0,0,.24);
    }

    .showcase-card img {
      width: 100%;
      height: 100%;
      min-height: 420px;
      object-fit: cover;
    }

    .showcase-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(2,8,23,.10), rgba(2,8,23,.78));
      pointer-events: none;
    }

    .showcase-caption {
      position: absolute;
      left: 22px;
      right: 22px;
      bottom: 22px;
      z-index: 1;
    }

    .showcase-caption h3 {
      margin: 0 0 8px;
      font-size: 28px;
      letter-spacing: -.03em;
    }

    .showcase-caption p {
      margin: 0;
      color: #d7ebff;
      line-height: 1.6;
      max-width: 600px;
    }

    .gallery-side {
      display: grid;
      grid-template-rows: auto 1fr;
      gap: 18px;
    }

    .video-placeholder {
      min-height: 190px;
      border-radius: 24px;
      padding: 24px;
      position: relative;
      overflow: hidden;
      background: linear-gradient(145deg, rgba(10,29,55,.88), rgba(3,14,27,.76));
      border: 1px solid rgba(103,234,255,.18);
      box-shadow: 0 16px 44px rgba(0,0,0,.24);
      display: grid;
      align-items: end;
    }

    .video-placeholder::before {
      content: "▶";
      position: absolute;
      top: 22px;
      right: 22px;
      width: 56px;
      height: 56px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      background: linear-gradient(135deg, #38d6ff, #147cff 58%, #0b4fb8);
      box-shadow: 0 14px 32px rgba(19,127,255,.42);
      font-size: 22px;
    }

    .video-placeholder strong {
      display: block;
      font-size: 22px;
      margin-bottom: 8px;
      letter-spacing: -.03em;
    }

    .video-placeholder span {
      color: var(--muted);
      line-height: 1.6;
      font-size: 14px;
      max-width: 440px;
    }

    .mini-gallery {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
    }

    .gallery-card {
      border-radius: 22px;
      overflow: hidden;
      position: relative;
      min-height: 190px;
      border: 1px solid rgba(103,234,255,.18);
      box-shadow: 0 18px 44px rgba(0,0,0,.24);
      background: rgba(0,0,0,.22);
    }

    .gallery-card img {
      width: 100%;
      height: 100%;
      min-height: 190px;
      object-fit: cover;
    }

    .gallery-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(2,8,23,.06), rgba(2,8,23,.74));
      pointer-events: none;
    }

    .gallery-label {
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 14px;
      z-index: 1;
      font-weight: 800;
      font-size: 14px;
      letter-spacing: -.02em;
    }

    .back-anchor {
      margin-top: 18px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--cyan);
      font-size: 14px;
      font-weight: 800;
    }

    .tech-panel {
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      gap: 30px;
      align-items: center;
      padding: 34px;
      border-radius: 30px;
      overflow: hidden;
      position: relative;
    }

    .tech-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 83% 43%, rgba(37,201,255,.22), transparent 38%),
        radial-gradient(circle at 20% 28%, rgba(123,102,255,.10), transparent 34%);
      pointer-events: none;
    }

    .tech-copy, .tech-visual { position: relative; z-index: 1; }

    .tech-copy p {
      margin: 16px 0 26px;
      color: var(--muted);
      line-height: 1.72;
      max-width: 560px;
    }

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

    .feature-chip {
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 12px;
      align-items: center;
    }

    .feature-chip strong {
      display: block;
      margin-bottom: 3px;
      font-size: 14px;
    }

    .feature-chip span:last-child {
      display: block;
      color: var(--soft);
      font-size: 12px;
      line-height: 1.35;
    }

    .tech-visual {
      min-height: 420px;
      border-radius: 26px;
      overflow: hidden;
      border: 1px solid rgba(103,234,255,.20);
      box-shadow: 0 26px 72px rgba(0,0,0,.38), 0 0 44px rgba(37,201,255,.12);
    }

    .tech-visual img {
      width: 100%;
      height: 100%;
      min-height: 420px;
      object-fit: cover;
    }

    .projects-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 22px;
    }

    .view-link {
      color: var(--cyan);
      font-size: 14px;
      font-weight: 850;
      white-space: nowrap;
    }

    .projects-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }

    .project-card {
      min-height: 380px;
      border-radius: 24px;
      overflow: hidden;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: end;
      padding: 18px;
      isolation: isolate;
      border: 1px solid var(--line);
      box-shadow: 0 24px 62px rgba(0,0,0,.35);
      transition: .25s ease;
    }

    .project-card:hover {
      transform: translateY(-5px);
      border-color: var(--line-2);
    }

    .project-card img {
      position: absolute;
      inset: 0;
      z-index: -2;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .5s ease;
    }

    .project-card:hover img { transform: scale(1.06); }

    .project-card::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(180deg, rgba(2,8,23,.04), rgba(2,8,23,.68) 62%, rgba(2,8,23,.96));
    }

    .project-card h3 {
      margin: 0 0 8px;
      font-size: 21px;
      letter-spacing: -.03em;
    }

    .project-card p {
      margin: 0;
      color: #d7ebff;
      font-size: 14px;
    }

    .tag {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      margin-top: 13px;
      padding: 8px 11px;
      border-radius: 999px;
      border: 1px solid rgba(103,234,255,.24);
      color: #dff7ff;
      background: rgba(37,201,255,.11);
      font-size: 12px;
      font-weight: 750;
    }

    .services-bar {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 0;
      overflow: hidden;
      border-radius: 24px;
    }

    .mini-service {
      min-height: 144px;
      padding: 24px 20px;
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 14px;
      align-items: start;
      border-right: 1px solid rgba(143,222,255,.18);
    }

    .mini-service:last-child { border-right: 0; }
    .mini-service h3 { margin: 0 0 7px; font-size: 15px; }
    .mini-service p { margin: 0; color: var(--muted); line-height: 1.45; font-size: 12px; }

    .gallery-strip {
      display: grid;
      grid-template-columns: 1.2fr .8fr 1fr;
      gap: 18px;
    }

    .gallery-tile {
      min-height: 260px;
      border-radius: 26px;
      overflow: hidden;
      position: relative;
      border: 1px solid var(--line);
      box-shadow: 0 22px 58px rgba(0,0,0,.34);
    }

    .gallery-tile img {
      width: 100%;
      height: 100%;
      min-height: 260px;
      object-fit: cover;
    }

    .gallery-tile::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent, rgba(2,8,23,.48));
      pointer-events: none;
    }

    .cta {
      padding: 42px;
      min-height: 340px;
      border-radius: 30px;
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 32px;
      overflow: hidden;
      position: relative;
      isolation: isolate;
      border: 1px solid rgba(143, 222, 255, .18);
      box-shadow: 0 28px 80px rgba(0,0,0,.34);
    }

    .cta::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      background:
        linear-gradient(90deg, rgba(2,8,23,.86), rgba(2,8,23,.48) 58%, rgba(2,8,23,.20)),
        url("https://smartvision.com.vn/wp-content/uploads/2026/05/Water-Show-10.png") center / cover no-repeat;
    }

    .cta::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: radial-gradient(circle at 14% 50%, rgba(37,201,255,.25), transparent 26%);
      pointer-events: none;
    }

    .cta h2 {
      margin: 0;
      font-size: clamp(34px, 5vw, 58px);
      line-height: 1.03;
      letter-spacing: -.055em;
    }

    .cta p {
      margin: 16px 0 0;
      max-width: 660px;
      color: var(--muted);
      line-height: 1.65;
    }

    .cta-actions {
      min-width: 260px;
      display: grid;
      gap: 14px;
    }

    footer {
      padding: 28px 0 46px;
      color: var(--muted);
    }

    .footer-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
      flex-wrap: wrap;
      border-top: 1px solid rgba(151,224,255,.14);
      padding-top: 24px;
    }

    .socials { display: flex; gap: 10px; }
    .socials a {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: rgba(255,255,255,.04);
      color: #fff;
      font-weight: 900;
    }


    .full-gallery-wrap {
      position: relative;
      z-index: 1;
      margin-top: 22px;
    }

    .full-gallery-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 16px;
    }

    .full-gallery-head h3 {
      margin: 0;
      font-size: clamp(22px, 2.4vw, 34px);
      letter-spacing: -.04em;
    }

    .full-gallery-head p {
      margin: 8px 0 0;
      color: var(--muted);
      line-height: 1.6;
      max-width: 760px;
    }

    .media-gallery-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 14px;
    }

    .media-gallery-item {
      position: relative;
      min-height: 170px;
      border-radius: 20px;
      overflow: hidden;
      cursor: pointer;
      border: 1px solid rgba(103,234,255,.18);
      background: rgba(0,0,0,.22);
      box-shadow: 0 18px 44px rgba(0,0,0,.20);
      isolation: isolate;
    }

    .media-gallery-item img {
      width: 100%;
      height: 100%;
      min-height: 170px;
      object-fit: cover;
      transition: transform .45s ease, filter .45s ease;
    }

    .media-gallery-item:hover img {
      transform: scale(1.065);
      filter: saturate(1.12) contrast(1.05);
    }

    .media-gallery-item::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        linear-gradient(180deg, rgba(2,8,23,.04), rgba(2,8,23,.80)),
        radial-gradient(circle at 80% 15%, rgba(103,234,255,.14), transparent 34%);
      pointer-events: none;
    }

    .media-gallery-item span {
      position: absolute;
      z-index: 2;
      left: 14px;
      right: 14px;
      bottom: 13px;
      font-size: 13px;
      font-weight: 850;
      line-height: 1.25;
      color: #f4fbff;
      text-shadow: 0 2px 14px rgba(0,0,0,.65);
    }
@media (max-width: 1280px) {
      .solutions-grid { grid-template-columns: repeat(2, 1fr); }
      .media-gallery-grid { grid-template-columns: repeat(3, 1fr); }
      .projects-grid { grid-template-columns: repeat(2, 1fr); }
      .services-bar { grid-template-columns: repeat(2, 1fr); gap: 14px; background: transparent; border: 0; box-shadow: none; }
      .mini-service { border: 1px solid var(--line); border-radius: 20px; background: rgba(8,26,49,.50); }
      .solution-detail-head, .detail-grid {
        grid-template-columns: 1fr;
      }
      .pill-list {
        justify-content: flex-start;
      }
    }

    @media (max-width: 1024px) {
      .navbar { flex-wrap: wrap; }
      .nav-menu {
        order: 3;
        flex-basis: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        padding-top: 4px;
      }
      .hero-panel {
        grid-template-columns: 1fr;
        gap: 34px;
        padding: 48px 32px;
      }
      .hero-stats {
        justify-self: start;
        width: 100%;
        max-width: 700px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
      }
      .stat-item:nth-child(2) { border-bottom: 1px solid rgba(185,230,255,.16); }
      .tech-panel { grid-template-columns: 1fr; }
      .gallery-strip { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 760px) {
      .container { width: calc(100% - 10px); }
      .hero-stage { padding-top: 8px; }
      .stage-shell { padding: 10px; border-radius: 22px; }
      .navbar { min-height: unset; border-radius: 18px; }
      .brand { min-width: auto; }
      .brand-title { font-size: 21px; }
      .brand-sub { font-size: 10px; }
      .nav-menu { display: none; }
      .nav-menu.open {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
      }
      .nav-cta { display: none; }
      .menu-toggle { display: grid; place-items: center; }
      .hero-panel {
        padding: 34px 18px;
        border-radius: 22px;
        min-height: 760px;
        align-items: end;
      }
      .hero-panel::before {
        background:
          linear-gradient(180deg, rgba(2,8,23,.30) 0%, rgba(2,8,23,.82) 42%, rgba(2,8,23,.97) 100%),
          url("https://smartvision.com.vn/wp-content/uploads/2026/05/Water-Show-1.png") 64% center / cover no-repeat;
      }
      h1 { font-size: clamp(40px, 11vw, 62px); }
      .hero-lead { font-size: 16px; }
      .hero-actions .btn { width: 100%; }
      .hero-stats { grid-template-columns: 1fr; }
      .stat-item { border-bottom: 1px solid rgba(185,230,255,.16) !important; }
      .stat-item:last-child { border-bottom: 0 !important; }
      .solutions-grid, .projects-grid, .gallery-strip, .mini-gallery, .media-gallery-grid { grid-template-columns: 1fr; }
      .media-gallery-item, .media-gallery-item img { min-height: 230px; }
      .full-gallery-head { display: block; }
      .solution-card { min-height: auto; }
      .solution-art { height: 210px; }
      .projects-head { display: block; }
      .projects-head h2 { margin-bottom: 12px; font-size: 30px; }
      .feature-grid { grid-template-columns: 1fr; }
      .tech-panel { padding: 22px; }
      .tech-visual, .tech-visual img, .showcase-card img { min-height: 250px; }
      .services-bar { grid-template-columns: 1fr; }
      .solution-detail-shell { padding: 20px; }
      .cta {
        grid-template-columns: 1fr;
        min-height: 520px;
        padding: 28px 20px;
        align-items: end;
      }
      .cta::before {
        background:
          linear-gradient(180deg, rgba(2,8,23,.18), rgba(2,8,23,.92) 68%, rgba(2,8,23,.98)),
          url("https://smartvision.com.vn/wp-content/uploads/2026/05/Water-Show-10.png") center / cover no-repeat;
      }
      .cta-actions { min-width: unset; }
      .footer-inner { display: grid; text-align: center; justify-content: center; }
      .footer-inner .brand { justify-content: center; }
      .back-to-top { right: 16px; bottom: 18px; width: 48px; height: 48px; font-size: 21px; }
.back-to-top { right: 16px; bottom: 18px; width: 48px; height: 48px; font-size: 21px; }
      .socials { justify-content: center; }
    }
}

  
    .media-gallery-item,
    .image-open-link {
      text-decoration: none !important;
      color: inherit !important;
      display: block;
    }

    .showcase-open {
      height: 100%;
    }

    .showcase-open img {
      width: 100%;
      height: 100%;
      min-height: 420px;
      object-fit: cover;
    }

    .media-gallery-item::before,
    .gallery-card::before,
    .showcase-card::before {
      content: "Open";
      position: absolute;
      right: 12px;
      top: 12px;
      z-index: 3;
      padding: 7px 10px;
      border-radius: 999px;
      background: rgba(2, 8, 23, .62);
      border: 1px solid rgba(103,234,255,.28);
      color: #e8f8ff;
      font-size: 11px;
      font-weight: 850;
      letter-spacing: .02em;
      opacity: 0;
      transform: translateY(-4px);
      transition: .22s ease;
      pointer-events: none;
    }

    .media-gallery-item:hover::before,
    .gallery-card:hover::before,
    .showcase-card:hover::before {
      opacity: 1;
      transform: translateY(0);
    }

    .view-gallery-text {
      display: inline-flex;
      margin-left: 12px;
      vertical-align: middle;
      padding: 10px 13px;
      border-radius: 999px;
      border: 1px solid rgba(103,234,255,.22);
      color: #dff7ff;
      background: rgba(37,201,255,.08);
      font-size: 12px;
      font-weight: 850;
    }

    .back-to-top-link {
      position: fixed !important;
      right: 28px !important;
      bottom: 28px !important;
      z-index: 2147483000 !important;
      width: 54px !important;
      height: 54px !important;
      border-radius: 999px !important;
      display: grid !important;
      place-items: center !important;
      border: 1px solid rgba(103,234,255,.32) !important;
      background: linear-gradient(145deg, rgba(35, 202, 255, .95), rgba(17, 112, 255, .95)) !important;
      color: #fff !important;
      font-size: 24px !important;
      font-weight: 900 !important;
      text-decoration: none !important;
      box-shadow: 0 16px 42px rgba(19,127,255,.42), inset 0 1px 0 rgba(255,255,255,.35) !important;
    }

    .gallery-note-public {
      margin-top: 10px;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.55;
    }

  
    .video-showcase {
      position: relative;
      z-index: 1;
      margin-top: 26px;
      border-radius: 28px;
      padding: 22px;
      border: 1px solid rgba(103,234,255,.18);
      background: linear-gradient(145deg, rgba(10, 30, 56, .58), rgba(3, 14, 27, .54));
      box-shadow: 0 22px 58px rgba(0,0,0,.24);
    }

    .video-showcase-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 18px;
    }

    .video-showcase-head h3 {
      margin: 0;
      font-size: clamp(24px, 2.6vw, 36px);
      line-height: 1.08;
      letter-spacing: -.04em;
    }

    .video-showcase-head p {
      margin: 8px 0 0;
      color: var(--muted);
      max-width: 760px;
      line-height: 1.6;
    }

    .video-filter-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: flex-end;
    }

    .video-filter-chip {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 13px;
      border-radius: 999px;
      border: 1px solid rgba(103,234,255,.24);
      background: rgba(255,255,255,.04);
      color: #dff7ff;
      font-size: 12px;
      font-weight: 850;
      white-space: nowrap;
    }

    .video-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }

    .video-card {
      display: block;
      position: relative;
      overflow: hidden;
      min-height: 300px;
      border-radius: 22px;
      border: 1px solid rgba(103,234,255,.18);
      background: rgba(0,0,0,.22);
      box-shadow: 0 18px 44px rgba(0,0,0,.24);
      color: inherit;
      text-decoration: none;
      isolation: isolate;
      transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
    }

    .video-card:hover {
      transform: translateY(-5px);
      border-color: rgba(103,234,255,.52);
      box-shadow: 0 28px 70px rgba(0,0,0,.38), 0 0 42px rgba(37,201,255,.14);
    }

    .video-thumb {
      height: 168px;
      position: relative;
      overflow: hidden;
      background: rgba(0,0,0,.18);
    }

    .video-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .45s ease, filter .45s ease;
    }

    .video-card:hover .video-thumb img {
      transform: scale(1.06);
      filter: saturate(1.1) contrast(1.05);
    }

    .video-thumb::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(2,8,23,.04), rgba(2,8,23,.62)),
        radial-gradient(circle at 80% 12%, rgba(103,234,255,.18), transparent 34%);
      pointer-events: none;
    }

    .play-button {
      position: absolute;
      left: 16px;
      bottom: 14px;
      z-index: 2;
      width: 48px;
      height: 48px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      background: linear-gradient(135deg, #38d6ff, #147cff 58%, #0b4fb8);
      box-shadow: 0 14px 32px rgba(19,127,255,.42);
      color: #fff;
      font-size: 18px;
      font-weight: 900;
    }

    .video-badge {
      position: absolute;
      top: 12px;
      left: 12px;
      z-index: 2;
      padding: 7px 10px;
      border-radius: 999px;
      border: 1px solid rgba(103,234,255,.26);
      background: rgba(2,8,23,.62);
      color: #e8f8ff;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .02em;
    }

    .video-body {
      padding: 16px;
    }

    .video-body h4 {
      margin: 0 0 8px;
      font-size: 17px;
      line-height: 1.18;
      letter-spacing: -.03em;
    }

    .video-body p {
      margin: 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.5;
    }

    .video-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 13px;
    }

    .video-meta span {
      padding: 6px 8px;
      border-radius: 999px;
      background: rgba(37,201,255,.08);
      border: 1px solid rgba(103,234,255,.16);
      color: #dff7ff;
      font-size: 11px;
      font-weight: 750;
    }

    .video-edit-note {
      margin-top: 16px;
      padding: 14px 16px;
      border-radius: 18px;
      border: 1px dashed rgba(103,234,255,.28);
      background: rgba(255,255,255,.035);
      color: var(--muted);
      font-size: 13px;
      line-height: 1.55;
    }

    .video-edit-note strong {
      color: #e8f8ff;
    }

    .global-video-library {
      border-radius: 30px;
      padding: 28px;
      position: relative;
      overflow: hidden;
    }

    .global-video-library::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 15% 18%, rgba(37,201,255,.13), transparent 30%),
        radial-gradient(circle at 90% 20%, rgba(123,102,255,.10), transparent 30%);
      pointer-events: none;
    }

    .global-video-library > * {
      position: relative;
      z-index: 1;
    }

    @media (max-width: 1280px) {
      .video-grid { grid-template-columns: repeat(2, 1fr); }
      .video-showcase-head { display: block; }
      .video-filter-row { justify-content: flex-start; margin-top: 16px; }
    }

    @media (max-width: 760px) {
      .video-grid { grid-template-columns: 1fr; }
      .video-showcase { padding: 18px; }
      .video-card { min-height: auto; }
      .video-thumb { height: 210px; }
      .global-video-library { padding: 22px; }
    }

  
    .video-card.is-embed {
      min-height: auto;
    }

    .video-embed {
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      border-radius: 20px 20px 0 0;
      background: rgba(0,0,0,.35);
      border-bottom: 1px solid rgba(103,234,255,.14);
    }

    .video-embed iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border: 0;
      display: block;
    }

    .video-anchor-note {
      margin-top: 12px;
      color: var(--muted);
      line-height: 1.6;
      font-size: 14px;
      max-width: 760px;
    }

    .video-quick-anchor {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 13px;
      border-radius: 999px;
      border: 1px solid rgba(103,234,255,.24);
      background: rgba(37,201,255,.08);
      color: #e8f8ff;
      font-size: 12px;
      font-weight: 850;
      text-decoration: none;
      white-space: nowrap;
    }

    .video-quick-anchor:hover {
      border-color: rgba(103,234,255,.60);
      background: rgba(37,201,255,.14);
    }

  
    .video-grid.video-grid-two {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
    }

    .video-grid.video-grid-two .video-card {
      min-height: auto;
      border-radius: 24px;
    }

    .video-grid.video-grid-two .video-embed {
      aspect-ratio: 16 / 9;
      min-height: 320px;
    }

    .video-grid.video-grid-two .video-body {
      padding: 18px 20px 20px;
    }

    .video-grid.video-grid-two .video-body h4 {
      font-size: 20px;
      margin-bottom: 10px;
    }

    .video-grid.video-grid-two .video-body p {
      font-size: 14px;
      line-height: 1.58;
    }

    @media (max-width: 980px) {
      .video-grid.video-grid-two {
        grid-template-columns: 1fr;
      }

      .video-grid.video-grid-two .video-embed {
        min-height: 240px;
      }
    }

  
    .video-grid.video-grid-two {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
    }

    .video-grid.video-grid-two .video-card {
      min-height: auto;
      border-radius: 24px;
    }

    .video-grid.video-grid-two .video-embed {
      aspect-ratio: 16 / 9;
      min-height: 320px;
    }

    .video-grid.video-grid-two .video-body {
      padding: 18px 20px 20px;
    }

    .video-grid.video-grid-two .video-body h4 {
      font-size: 20px;
      margin-bottom: 10px;
    }

    .video-grid.video-grid-two .video-body p {
      font-size: 14px;
      line-height: 1.58;
    }

    .more-videos {
      margin-top: 22px;
      border-radius: 22px;
      border: 1px solid rgba(103,234,255,.18);
      background: rgba(255,255,255,.035);
      overflow: hidden;
    }

    .more-videos summary {
      list-style: none;
      cursor: pointer;
      padding: 17px 20px;
      color: #e8f8ff;
      font-size: 14px;
      font-weight: 900;
      letter-spacing: .01em;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      background: linear-gradient(145deg, rgba(37,201,255,.12), rgba(22,120,255,.08));
    }

    .more-videos summary::-webkit-details-marker {
      display: none;
    }

    .more-videos summary::after {
      content: "↓";
      width: 26px;
      height: 26px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      background: rgba(37,201,255,.12);
      border: 1px solid rgba(103,234,255,.22);
      transition: transform .22s ease;
    }

    .more-videos[open] summary::after {
      transform: rotate(180deg);
    }

    .more-video-grid {
      padding: 20px;
    }

    .video-placeholder-card .play-button {
      opacity: .82;
    }

    .video-placeholder-card:hover {
      border-color: rgba(103,234,255,.46);
    }

    @media (max-width: 980px) {
      .video-grid.video-grid-two {
        grid-template-columns: 1fr;
      }

      .video-grid.video-grid-two .video-embed {
        min-height: 240px;
      }
    }

  
    /* v17: always-visible in-page sticky menu + tighter mobile/full-width layout */
    #home {
      width: 100vw !important;
      max-width: 100vw !important;
      margin-left: calc(50% - 50vw) !important;
      margin-right: calc(50% - 50vw) !important;
      overflow-x: hidden;
    }

    .container {
      width: min(calc(100% - 8px), 1780px) !important;
      max-width: 1780px !important;
    }

    .stage-shell {
      padding: 10px !important;
    }

    .section {
      padding: 40px 0 !important;
    }

    .solution-detail-shell,
    .global-video-library,
    .tech-panel,
    .cta,
    .video-showcase {
      padding: 18px !important;
    }

    .sv-quick-menu {
      position: sticky;
      top: 8px;
      z-index: 2147482000;
      margin: 10px 0 0;
      border-radius: 999px;
      padding: 7px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      background: linear-gradient(145deg, rgba(7, 22, 42, .94), rgba(4, 13, 26, .88));
      border: 1px solid rgba(103,234,255,.28);
      box-shadow: 0 18px 58px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }

    .sv-quick-menu a {
      min-height: 36px;
      padding: 9px 12px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      color: #dff7ff;
      text-decoration: none;
      font-size: 12px;
      font-weight: 850;
      line-height: 1;
      white-space: nowrap;
      border: 1px solid transparent;
      background: rgba(255,255,255,.035);
      transition: .22s ease;
    }

    .sv-quick-menu a:hover {
      color: #fff;
      background: linear-gradient(135deg, rgba(37,201,255,.22), rgba(22,120,255,.16));
      border-color: rgba(103,234,255,.38);
      transform: translateY(-1px);
    }

    .sv-quick-menu .sv-home-link {
      width: 36px;
      min-width: 36px;
      padding: 0;
      font-size: 17px;
      background: linear-gradient(135deg, #38d6ff, #147cff 58%, #0b4fb8);
      box-shadow: 0 12px 32px rgba(19,127,255,.34), inset 0 1px 0 rgba(255,255,255,.30);
    }

    .sv-quick-menu a span {
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: var(--cyan);
      box-shadow: 0 0 14px rgba(37,201,255,.72);
      flex: 0 0 auto;
    }

    .video-grid.video-grid-two {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .video-grid.video-grid-two .video-embed {
      aspect-ratio: 16 / 9;
      min-height: 300px;
    }

    .more-videos {
      margin-top: 18px;
      border-radius: 20px;
      border: 1px solid rgba(103,234,255,.18);
      background: rgba(255,255,255,.035);
      overflow: hidden;
    }

    .more-videos summary {
      list-style: none;
      cursor: pointer;
      padding: 15px 18px;
      color: #e8f8ff;
      font-size: 14px;
      font-weight: 900;
      text-align: center;
      background: linear-gradient(145deg, rgba(37,201,255,.12), rgba(22,120,255,.08));
    }

    .more-videos summary::-webkit-details-marker {
      display: none;
    }

    .more-videos summary::after {
      content: " ↓";
      color: var(--cyan);
    }

    .more-video-grid {
      padding: 18px;
    }

    @media (max-width: 980px) {
      #home {
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
      }

      .container {
        width: 100% !important;
        max-width: 100% !important;
      }

      .stage-shell {
        padding: 4px !important;
        border-radius: 14px !important;
        border-left: 0 !important;
        border-right: 0 !important;
      }

      .navbar {
        min-height: auto !important;
        padding: 8px 10px !important;
        border-radius: 14px !important;
        gap: 8px !important;
      }

      .brand {
        gap: 8px !important;
      }

      .logo-mark {
        width: 38px !important;
        height: 38px !important;
        border-radius: 12px !important;
      }

      .brand-title {
        font-size: 18px !important;
      }

      .brand-sub {
        font-size: 9px !important;
      }

      .menu-toggle {
        width: 40px !important;
        height: 40px !important;
        border-radius: 13px !important;
      }

      .nav-cta {
        display: none !important;
      }

      .sv-quick-menu {
        top: 4px;
        margin-top: 6px;
        justify-content: flex-start;
        overflow-x: auto;
        border-radius: 16px;
        padding: 5px;
        scrollbar-width: none;
      }

      .sv-quick-menu::-webkit-scrollbar {
        display: none;
      }

      .sv-quick-menu a {
        min-height: 32px;
        padding: 7px 9px;
        font-size: 10px;
      }

      .sv-quick-menu .sv-home-link {
        min-width: 32px;
        width: 32px;
        font-size: 15px;
      }

      .section {
        padding: 24px 0 !important;
      }

      .hero-panel {
        padding: 22px 12px !important;
        border-radius: 16px !important;
        min-height: 640px !important;
      }

      h1 {
        font-size: clamp(34px, 10vw, 54px) !important;
        letter-spacing: -.055em !important;
      }

      .hero-lead {
        font-size: 15px !important;
        line-height: 1.55 !important;
      }

      .eyebrow {
        font-size: 10px !important;
        padding: 7px 10px !important;
        margin-bottom: 16px !important;
      }

      .solution-detail-shell,
      .global-video-library,
      .tech-panel,
      .cta,
      .video-showcase {
        padding: 10px !important;
        border-radius: 16px !important;
      }

      .solution-detail-head,
      .detail-grid,
      .projects-grid,
      .solutions-grid,
      .media-gallery-grid,
      .mini-gallery,
      .video-grid.video-grid-two {
        gap: 10px !important;
      }

      .showcase-card {
        min-height: 300px !important;
        border-radius: 16px !important;
      }

      .showcase-card img,
      .showcase-open img {
        min-height: 300px !important;
      }

      .showcase-caption {
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
      }

      .showcase-caption h3 {
        font-size: 22px !important;
      }

      .showcase-caption p {
        font-size: 14px !important;
        line-height: 1.5 !important;
      }

      .pill-list {
        gap: 7px !important;
      }

      .pill,
      .video-filter-chip,
      .video-quick-anchor {
        padding: 7px 9px !important;
        font-size: 10px !important;
      }

      .video-showcase-head {
        margin-bottom: 10px !important;
      }

      .video-grid.video-grid-two {
        grid-template-columns: 1fr !important;
      }

      .video-grid.video-grid-two .video-embed {
        min-height: 205px !important;
      }

      .video-body {
        padding: 12px !important;
      }

      .video-body h4 {
        font-size: 16px !important;
      }

      .video-body p {
        font-size: 12px !important;
      }

      .video-thumb {
        height: 170px !important;
      }

      .media-gallery-item,
      .media-gallery-item img {
        min-height: 165px !important;
        border-radius: 14px !important;
      }

      .gallery-card,
      .gallery-card img {
        min-height: 150px !important;
        border-radius: 14px !important;
      }

      .cta {
        min-height: 420px !important;
      }

      .cta h2 {
        font-size: clamp(28px, 8vw, 42px) !important;
      }
    }

    @media (max-width: 420px) {
      .brand-title {
        font-size: 16px !important;
      }

      .brand-sub {
        display: none !important;
      }

      .logo-mark {
        width: 34px !important;
        height: 34px !important;
      }

      .hero-panel {
        min-height: 570px !important;
      }

      h1 {
        font-size: clamp(32px, 9vw, 46px) !important;
      }

      .hero-actions .btn {
        padding: 12px 14px !important;
      }
    }

  
    /* v18 final override: keep quick menu fixed while scrolling */
    .sv-quick-menu {
      position: fixed !important;
      top: 86px !important;
      left: 50% !important;
      right: auto !important;
      bottom: auto !important;
      transform: translateX(-50%) !important;
      width: min(calc(100vw - 34px), 1240px) !important;
      margin: 0 !important;
      z-index: 2147483500 !important;
      border-radius: 999px !important;
    }

    .hero-panel {
      margin-top: 60px !important;
    }

    .sv-quick-menu a {
      box-shadow: none !important;
    }

    @media (max-width: 980px) {
      .sv-quick-menu {
        top: auto !important;
        bottom: 8px !important;
        left: 6px !important;
        right: 6px !important;
        transform: none !important;
        width: auto !important;
        max-width: none !important;
        border-radius: 16px !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        padding: 5px !important;
        scrollbar-width: none !important;
      }

      .sv-quick-menu::-webkit-scrollbar {
        display: none !important;
      }

      .hero-panel {
        margin-top: 8px !important;
      }

      body {
        padding-bottom: 66px !important;
      }

      #home {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
      }

      .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

      .stage-shell {
        padding: 2px !important;
        border-radius: 10px !important;
        border-left: 0 !important;
        border-right: 0 !important;
      }

      .navbar,
      .hero-panel,
      .solution-card,
      .solution-detail-shell,
      .video-showcase,
      .global-video-library,
      .tech-panel,
      .cta,
      .project-card,
      .services-bar,
      .gallery-tile {
        border-radius: 12px !important;
      }

      .solution-detail-shell,
      .video-showcase,
      .global-video-library,
      .tech-panel,
      .cta {
        padding: 8px !important;
      }

      .section {
        padding: 20px 0 !important;
      }
    }

    @media (max-width: 420px) {
      .sv-quick-menu a {
        min-height: 30px !important;
        padding: 6px 8px !important;
        font-size: 9.5px !important;
      }

      .sv-quick-menu .sv-home-link {
        min-width: 30px !important;
        width: 30px !important;
        font-size: 14px !important;
      }

      .hero-panel {
        padding: 18px 9px !important;
      }

      .solution-detail-shell,
      .video-showcase,
      .global-video-library,
      .tech-panel,
      .cta {
        padding: 6px !important;
      }
    }

  
    /* v19: menu follows scroll position with active section indicator */
    .sv-quick-menu a.sv-active {
      color: #ffffff !important;
      background: linear-gradient(135deg, rgba(37,201,255,.30), rgba(22,120,255,.22)) !important;
      border-color: rgba(103,234,255,.58) !important;
      box-shadow: 0 12px 32px rgba(37,201,255,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
    }

    .sv-quick-menu a.sv-active::after {
      content: "";
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: #67eaff;
      box-shadow: 0 0 14px rgba(103,234,255,.85);
      margin-left: 2px;
      flex: 0 0 auto;
    }

    .sv-quick-menu.sv-scrolling-down {
      opacity: .92;
    }

    .sv-quick-menu.sv-scrolling-up {
      opacity: 1;
      box-shadow: 0 22px 70px rgba(0,0,0,.52), 0 0 40px rgba(37,201,255,.12), inset 0 1px 0 rgba(255,255,255,.08) !important;
    }

    html {
      scroll-padding-top: 150px;
    }

    @media (max-width: 980px) {
      html {
        scroll-padding-top: 12px;
        scroll-padding-bottom: 84px;
      }

      .sv-quick-menu a.sv-active::after {
        display: none;
      }
    }

  
    /* v20: fixed quick menu + balanced spacing */
    body .sv-quick-menu {
      position: fixed !important;
      top: 82px !important;
      left: 50% !important;
      right: auto !important;
      bottom: auto !important;
      transform: translateX(-50%) !important;
      width: min(calc(100vw - 44px), 1280px) !important;
      max-width: 1280px !important;
      margin: 0 !important;
      z-index: 2147483640 !important;
      border-radius: 999px !important;
      padding: 7px !important;
      pointer-events: auto !important;
    }

    body.admin-bar .sv-quick-menu {
      top: 112px !important;
    }

    .hero-panel {
      margin-top: 66px !important;
    }

    .section {
      padding: 50px 0 !important;
    }

    .solution-detail {
      padding-top: 34px !important;
      padding-bottom: 54px !important;
    }

    .solution-detail-shell,
    .tech-panel,
    .global-video-library,
    .cta {
      margin-top: 8px !important;
      margin-bottom: 18px !important;
    }

    .video-showcase,
    .full-gallery-wrap,
    .detail-grid,
    .projects-grid,
    .solutions-grid,
    .services-bar,
    .gallery-strip {
      margin-top: 18px !important;
    }

    .tech-panel {
      gap: 28px !important;
    }

    .project-card,
    .solution-card,
    .video-card,
    .gallery-card,
    .media-gallery-item {
      outline: 1px solid rgba(103,234,255,.03);
    }

    .projects-head,
    .section-title,
    .solution-detail-head,
    .full-gallery-head,
    .video-showcase-head {
      margin-bottom: 24px !important;
    }

    .view-link {
      padding-right: 6px !important;
    }

    /* keep fixed menu active and readable */
    body .sv-quick-menu a.sv-active,
    body .sv-quick-menu a.active {
      color: #ffffff !important;
      background: linear-gradient(135deg, rgba(37,201,255,.30), rgba(22,120,255,.22)) !important;
      border-color: rgba(103,234,255,.58) !important;
      box-shadow: 0 12px 32px rgba(37,201,255,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
    }

    @media (max-width: 980px) {
      body .sv-quick-menu,
      body.admin-bar .sv-quick-menu {
        top: auto !important;
        bottom: 8px !important;
        left: 8px !important;
        right: 8px !important;
        transform: none !important;
        width: auto !important;
        max-width: none !important;
        border-radius: 16px !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        padding: 6px !important;
        scrollbar-width: none !important;
      }

      body .sv-quick-menu::-webkit-scrollbar {
        display: none !important;
      }

      .hero-panel {
        margin-top: 10px !important;
      }

      body {
        padding-bottom: 74px !important;
      }

      #home {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
      }

      .container {
        width: calc(100% - 8px) !important;
        max-width: calc(100% - 8px) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

      .stage-shell {
        padding: 4px !important;
        border-radius: 14px !important;
      }

      .section {
        padding: 30px 0 !important;
      }

      .solution-detail {
        padding-top: 24px !important;
        padding-bottom: 34px !important;
      }

      .solution-detail-shell,
      .tech-panel,
      .global-video-library,
      .cta,
      .video-showcase {
        padding: 12px !important;
        margin-top: 8px !important;
        margin-bottom: 14px !important;
        border-radius: 18px !important;
      }

      .video-showcase,
      .full-gallery-wrap,
      .detail-grid,
      .projects-grid,
      .solutions-grid,
      .services-bar,
      .gallery-strip {
        margin-top: 14px !important;
      }

      .projects-head,
      .section-title,
      .solution-detail-head,
      .full-gallery-head,
      .video-showcase-head {
        margin-bottom: 16px !important;
      }

      .sv-quick-menu a {
        min-height: 32px !important;
        padding: 7px 9px !important;
        font-size: 10px !important;
      }

      .sv-quick-menu .sv-home-link {
        min-width: 32px !important;
        width: 32px !important;
      }
    }

    @media (max-width: 420px) {
      .container {
        width: calc(100% - 6px) !important;
        max-width: calc(100% - 6px) !important;
      }

      .solution-detail-shell,
      .tech-panel,
      .global-video-library,
      .cta,
      .video-showcase {
        padding: 9px !important;
      }

      .section {
        padding: 24px 0 !important;
      }

      .sv-quick-menu a {
        min-height: 30px !important;
        padding: 6px 8px !important;
        font-size: 9.5px !important;
      }
    }

  
    /* v21 page-only: widen outer frames slightly and prevent inner cards from touching borders */
    .container {
      width: min(calc(100% - 10px), 1760px) !important;
      max-width: 1760px !important;
    }

    .section#solutions .container,
    .section.solution-detail .container,
    .section#technology .container,
    .section#projects .container,
    .section#partner .container,
    .section#video-library .container,
    .section#gallery .container,
    .section#contact .container {
      width: min(calc(100% - 18px), 1740px) !important;
      max-width: 1740px !important;
    }

    .solution-detail-shell,
    .tech-panel,
    .global-video-library,
    .cta {
      width: calc(100% + 18px) !important;
      max-width: calc(100% + 18px) !important;
      margin-left: -9px !important;
      margin-right: -9px !important;
      padding-left: 34px !important;
      padding-right: 34px !important;
    }

    .solutions-grid,
    .detail-grid,
    .video-grid,
    .projects-grid,
    .services-bar,
    .gallery-strip,
    .media-gallery-grid {
      padding-left: 6px !important;
      padding-right: 6px !important;
    }

    .solution-card,
    .showcase-card,
    .gallery-card,
    .video-card,
    .project-card,
    .media-gallery-item {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    @media (max-width: 1280px) {
      .solution-detail-shell,
      .tech-panel,
      .global-video-library,
      .cta {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
      }
    }

    @media (max-width: 980px) {
      .section#solutions .container,
      .section.solution-detail .container,
      .section#technology .container,
      .section#projects .container,
      .section#partner .container,
      .section#video-library .container,
      .section#gallery .container,
      .section#contact .container {
        width: calc(100% - 8px) !important;
        max-width: calc(100% - 8px) !important;
      }

      .solution-detail-shell,
      .tech-panel,
      .global-video-library,
      .cta,
      .video-showcase {
        padding-left: 14px !important;
        padding-right: 14px !important;
      }

      .solutions-grid,
      .detail-grid,
      .video-grid,
      .projects-grid,
      .services-bar,
      .gallery-strip,
      .media-gallery-grid {
        padding-left: 2px !important;
        padding-right: 2px !important;
      }
    }

    @media (max-width: 420px) {
      .section#solutions .container,
      .section.solution-detail .container,
      .section#technology .container,
      .section#projects .container,
      .section#partner .container,
      .section#video-library .container,
      .section#gallery .container,
      .section#contact .container {
        width: calc(100% - 6px) !important;
        max-width: calc(100% - 6px) !important;
      }

      .solution-detail-shell,
      .tech-panel,
      .global-video-library,
      .cta,
      .video-showcase {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
    }

  
    /* v22: mobile hamburger header menu fix */
    .navbar {
      position: relative !important;
    }

    .menu-toggle {
      cursor: pointer !important;
      z-index: 20 !important;
      pointer-events: auto !important;
    }

    @media (max-width: 760px) {
      .nav-menu {
        display: none !important;
      }

      .nav-menu.open,
      .navbar .nav-menu.open {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        flex-basis: 100% !important;
        width: 100% !important;
        order: 10 !important;
        padding-top: 10px !important;
        position: relative !important;
        z-index: 15 !important;
      }

      .nav-menu.open a {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
        background: rgba(255,255,255,.045) !important;
        border: 1px solid rgba(103,234,255,.16) !important;
      }

      .menu-toggle.is-open {
        background: linear-gradient(135deg, rgba(37,201,255,.22), rgba(22,120,255,.18)) !important;
        border-color: rgba(103,234,255,.48) !important;
      }
    }

  
    /* v23: animated hero banner */
    .hero-panel {
      position: relative !important;
      overflow: hidden !important;
      isolation: isolate !important;
    }

    .hero-panel::before {
      content: "";
      position: absolute;
      inset: -18%;
      z-index: 0;
      pointer-events: none;
      background:
        radial-gradient(circle at 18% 18%, rgba(37,201,255,.20), transparent 28%),
        radial-gradient(circle at 72% 42%, rgba(38,123,255,.16), transparent 30%),
        linear-gradient(115deg, transparent 0%, rgba(103,234,255,.08) 42%, transparent 52%);
      mix-blend-mode: screen;
      opacity: .82;
      animation: svHeroGlowMove 9s ease-in-out infinite alternate;
    }

    .hero-panel::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background:
        linear-gradient(100deg, transparent 0%, rgba(255,255,255,.10) 46%, transparent 56%),
        repeating-linear-gradient(90deg, rgba(103,234,255,.025) 0 1px, transparent 1px 80px);
      opacity: .42;
      transform: translateX(-65%);
      animation: svHeroLightSweep 7.5s ease-in-out infinite;
    }

    .hero-copy,
    .hero-stats,
    .hero-actions,
    .eyebrow {
      position: relative;
      z-index: 2;
    }

    .hero-copy {
      animation: svHeroTextIn .9s cubic-bezier(.2,.8,.2,1) both;
    }

    .hero-copy h1 {
      font-size: clamp(48px, 5.7vw, 92px) !important;
      line-height: .98 !important;
      max-width: 760px !important;
      animation: svHeroTitleFloat 5.8s ease-in-out infinite alternate;
      text-shadow: 0 18px 58px rgba(0,0,0,.52), 0 0 26px rgba(37,201,255,.10);
    }

    .hero-copy h1 .accent {
      display: inline-block;
      background-size: 220% auto;
      animation: svGradientText 4.5s linear infinite;
      filter: drop-shadow(0 0 16px rgba(37,201,255,.26));
    }

    .hero-lead {
      animation: svHeroTextIn .9s cubic-bezier(.2,.8,.2,1) .12s both;
    }

    .hero-actions {
      animation: svHeroTextIn .9s cubic-bezier(.2,.8,.2,1) .22s both;
    }

    .hero-stats {
      animation: svHeroStatsFloat 6.4s ease-in-out infinite alternate;
      box-shadow: 0 28px 86px rgba(0,0,0,.34), 0 0 44px rgba(37,201,255,.10) !important;
    }

    .hero-stats .stat {
      transition: transform .25s ease, background .25s ease;
    }

    .hero-stats .stat:hover {
      transform: translateX(4px);
      background: rgba(37,201,255,.055);
    }

    .hero-panel .btn-primary {
      position: relative;
      overflow: hidden;
    }

    .hero-panel .btn-primary::after {
      content: "";
      position: absolute;
      inset: -40% -70%;
      background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.38) 48%, transparent 60%);
      transform: translateX(-70%);
      animation: svButtonShine 3.6s ease-in-out infinite;
      pointer-events: none;
    }

    @keyframes svHeroGlowMove {
      0% { transform: translate3d(-2%, -1%, 0) scale(1); opacity: .66; }
      100% { transform: translate3d(3%, 2%, 0) scale(1.05); opacity: .95; }
    }

    @keyframes svHeroLightSweep {
      0%, 22% { transform: translateX(-70%); opacity: 0; }
      42% { opacity: .42; }
      72%, 100% { transform: translateX(70%); opacity: 0; }
    }

    @keyframes svHeroTextIn {
      from { opacity: 0; transform: translateY(18px); filter: blur(8px); }
      to { opacity: 1; transform: translateY(0); filter: blur(0); }
    }

    @keyframes svHeroTitleFloat {
      0% { transform: translateY(0); }
      100% { transform: translateY(-6px); }
    }

    @keyframes svHeroStatsFloat {
      0% { transform: translateY(0); }
      100% { transform: translateY(-8px); }
    }

    @keyframes svGradientText {
      0% { background-position: 0% center; }
      100% { background-position: 220% center; }
    }

    @keyframes svButtonShine {
      0%, 18% { transform: translateX(-75%); }
      46%, 100% { transform: translateX(75%); }
    }

    @media (prefers-reduced-motion: reduce) {
      .hero-panel::before,
      .hero-panel::after,
      .hero-copy,
      .hero-copy h1,
      .hero-copy h1 .accent,
      .hero-lead,
      .hero-actions,
      .hero-stats,
      .hero-panel .btn-primary::after {
        animation: none !important;
      }
    }

    @media (max-width: 980px) {
      .hero-copy h1 {
        font-size: clamp(38px, 9vw, 62px) !important;
        line-height: 1.02 !important;
        max-width: 92% !important;
      }

      .hero-panel::after {
        opacity: .28;
      }

      .hero-stats {
        animation: none !important;
      }
    }

    @media (max-width: 420px) {
      .hero-copy h1 {
        font-size: clamp(34px, 8.5vw, 48px) !important;
      }
    }

  
    /* v24: restore hero banner image while keeping subtle animation */
    .hero-panel {
      background-image:
        linear-gradient(90deg, rgba(2, 8, 23, .92) 0%, rgba(2, 8, 23, .74) 42%, rgba(2, 8, 23, .44) 72%, rgba(2, 8, 23, .78) 100%),
        url("https://smartvision.com.vn/wp-content/uploads/2026/05/Water-Show-1.png") !important;
      background-size: cover !important;
      background-position: center center !important;
      background-repeat: no-repeat !important;
    }

    .hero-panel::before {
      z-index: 1 !important;
      opacity: .42 !important;
      mix-blend-mode: screen !important;
    }

    .hero-panel::after {
      z-index: 1 !important;
      opacity: .28 !important;
      mix-blend-mode: screen !important;
    }

    .hero-copy,
    .hero-stats,
    .hero-actions,
    .eyebrow {
      position: relative !important;
      z-index: 3 !important;
    }

    @media (max-width: 980px) {
      .hero-panel {
        background-position: center center !important;
      }

      .hero-panel::before,
      .hero-panel::after {
        opacity: .22 !important;
      }
    }

  

    /* v27 hero ripple laser vivid */
    .hero-panel {
      background:
        radial-gradient(circle at 18% 30%, rgba(56, 211, 255, .18), transparent 30%),
        radial-gradient(circle at 76% 20%, rgba(122, 92, 255, .18), transparent 28%),
        radial-gradient(circle at 62% 64%, rgba(255, 78, 170, .10), transparent 26%),
        linear-gradient(145deg, rgba(8, 28, 58, .42), rgba(3, 12, 25, .16));
      overflow: hidden;
    }

    .hero-panel::before {
      background:
        linear-gradient(90deg, rgba(2,8,23,.84) 0%, rgba(2,8,23,.44) 34%, rgba(2,8,23,.12) 100%),
        linear-gradient(180deg, rgba(2,8,23,.08), rgba(2,8,23,.52)),
        url("https://smartvision.com.vn/wp-content/uploads/2026/05/Water-Show-1.png") center / cover no-repeat !important;
      animation: hero-pan 14s ease-in-out infinite alternate;
      transform: scale(1.03);
      filter: saturate(1.18) brightness(1.10) contrast(1.02);
    }

    .hero-panel::after {
      background:
        radial-gradient(circle at 67% 34%, rgba(54, 236, 255, .28), transparent 22%),
        radial-gradient(circle at 75% 54%, rgba(100, 137, 255, .22), transparent 26%),
        radial-gradient(circle at 42% 62%, rgba(255, 87, 177, .14), transparent 24%),
        linear-gradient(180deg, rgba(44, 183, 255, .08), rgba(44, 183, 255, 0));
      opacity: 1;
      animation: pulseGlow 6s ease-in-out infinite;
    }

    .hero-ripple,
    .hero-laser,
    .hero-glow {
      position: absolute;
      inset: auto;
      pointer-events: none;
      z-index: 1;
      mix-blend-mode: screen;
    }

    .hero-ripple {
      left: 15%;
      bottom: 7%;
      width: 46%;
      aspect-ratio: 1.85 / 1;
      border-radius: 50%;
      border: 2px solid rgba(136, 245, 255, .44);
      box-shadow:
        0 0 0 1px rgba(135, 228, 255, .11) inset,
        0 0 52px rgba(60, 214, 255, .28),
        0 0 104px rgba(70, 112, 255, .18),
        0 0 142px rgba(255, 105, 192, .10);
      background:
        radial-gradient(ellipse at center, rgba(133, 243, 255, .28) 0%, rgba(133,243,255,.14) 18%, rgba(190,130,255,.08) 44%, rgba(125,241,255,0) 68%);
      transform-origin: center;
      filter: blur(.3px);
      animation: ripplePulse 5.6s ease-out infinite;
    }

    .hero-ripple-2 {
      left: 24%;
      bottom: 10%;
      width: 34%;
      opacity: .82;
      animation-delay: 1.1s;
    }

    .hero-ripple-3 {
      left: 8%;
      bottom: 4%;
      width: 56%;
      opacity: .58;
      animation-delay: 2.3s;
    }

    .hero-laser {
      top: -12%;
      width: 36%;
      height: 160%;
      background: linear-gradient(90deg,
        rgba(0,0,0,0) 0%,
        rgba(42, 195, 255, .14) 32%,
        rgba(255, 85, 196, .12) 40%,
        rgba(229, 252, 255, .92) 50%,
        rgba(88, 233, 255, .32) 58%,
        rgba(150, 116, 255, .14) 66%,
        rgba(0,0,0,0) 100%);
      opacity: .58;
      filter: blur(1.8px);
      transform: skewX(-16deg) rotate(3deg);
      animation: laserSweep 5.2s linear infinite;
      box-shadow: 0 0 42px rgba(173, 247, 255, .28), 0 0 72px rgba(255, 92, 185, .10);
    }

    .hero-laser-1 { left: -26%; }

    .hero-laser-2 {
      left: -50%;
      opacity: .34;
      animation-duration: 6.7s;
      animation-delay: 1.5s;
      transform: skewX(-18deg) rotate(-2deg);
    }

    .hero-laser-3 {
      left: -60%;
      width: 24%;
      opacity: .30;
      animation-duration: 4.6s;
      animation-delay: .8s;
      background: linear-gradient(90deg,
        rgba(0,0,0,0) 0%,
        rgba(130, 108, 255, .12) 34%,
        rgba(255, 92, 186, .14) 42%,
        rgba(230, 241, 255, .78) 50%,
        rgba(78, 220, 255, .24) 58%,
        rgba(0,0,0,0) 100%);
      transform: skewX(-12deg) rotate(7deg);
    }

    .hero-glow {
      width: 240px;
      height: 240px;
      border-radius: 50%;
      filter: blur(48px);
      opacity: .20;
      animation: floatGlow 8s ease-in-out infinite;
    }

    .hero-glow-1 {
      left: 48%;
      bottom: 16%;
      background: radial-gradient(circle, rgba(75, 228, 255, .82) 0%, rgba(140,114,255,.24) 34%, rgba(78,214,255,0) 74%);
    }

    .hero-glow-2 {
      right: 8%;
      top: 18%;
      width: 180px;
      height: 180px;
      opacity: .14;
      background: radial-gradient(circle, rgba(132, 120, 255, .72) 0%, rgba(255,100,192,.16) 38%, rgba(111,130,255,0) 78%);
      animation-delay: 2s;
    }

    .hero-copy {
      max-width: 590px;
      position: relative;
      z-index: 3;
    }

    h1 {
      font-size: clamp(46px, 5vw, 74px);
      letter-spacing: -.06em;
      line-height: .96;
      animation: heroTextFloat 5s ease-in-out infinite;
      text-shadow: 0 0 26px rgba(35, 198, 255, .08), 0 0 46px rgba(111, 130, 255, .06);
    }

    .gradient-text {
      display: inline-block;
      animation: textGlow 2.8s ease-in-out infinite;
    }

    .hero-lead {
      position: relative;
      z-index: 3;
    }

    @keyframes ripplePulse {
      0% {
        transform: scale(.72);
        opacity: 0;
      }
      10% { opacity: .98; }
      30% { opacity: .68; }
      60% { opacity: .20; }
      100% {
        transform: scale(1.45);
        opacity: 0;
      }
    }

    @keyframes laserSweep {
      0% { transform: translateX(0) skewX(-16deg) rotate(3deg); opacity: 0; }
      6% { opacity: .30; }
      20% { opacity: .88; }
      38% { opacity: .48; }
      100% { transform: translateX(470%) skewX(-16deg) rotate(3deg); opacity: 0; }
    }

    @keyframes hero-pan {
      0% { transform: scale(1.03) translate3d(0,0,0); }
      50% { transform: scale(1.06) translate3d(-0.55%, 0.3%, 0); }
      100% { transform: scale(1.04) translate3d(0.55%, -0.35%, 0); }
    }

    @keyframes heroTextFloat {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-7px); }
    }

    @keyframes textGlow {
      0%, 100% { filter: drop-shadow(0 0 0 rgba(71,214,255,0)); }
      50% { filter: drop-shadow(0 0 24px rgba(71,214,255,.34)) drop-shadow(0 0 40px rgba(140,114,255,.18)); }
    }

    @keyframes pulseGlow {
      0%, 100% { opacity: .82; }
      50% { opacity: 1; filter: saturate(1.08); }
    }

    @keyframes floatGlow {
      0%, 100% { transform: translate3d(0,0,0) scale(1); }
      50% { transform: translate3d(10px,-8px,0) scale(1.08); }
    }

    @media (max-width: 980px) {
      .hero-ripple {
        left: 8%;
        bottom: 4%;
        width: 84%;
        opacity: .45;
      }

      .hero-ripple-2,
      .hero-ripple-3,
      .hero-laser-2,
      .hero-glow-2 {
        display: none;
      }

      .hero-laser {
        width: 62%;
        opacity: .28;
        animation-duration: 6.5s;
      }

      .hero-laser-3 {
        width: 34%;
      }

      .hero-glow-1 {
        width: 160px;
        height: 160px;
        opacity: .14;
      }

      h1 {
        font-size: clamp(40px, 10vw, 62px);
      }
    }

  
    /* v28: faster visible frontend hero motion */
    .hero-panel::before {
      animation-duration: 8s !important;
      filter: saturate(1.22) brightness(1.12) contrast(1.04) !important;
    }

    .hero-panel::after {
      animation-duration: 3.2s !important;
      opacity: 1 !important;
    }

    .hero-ripple {
      animation-duration: 3.4s !important;
      border-color: rgba(145, 250, 255, .52) !important;
      box-shadow:
        0 0 0 1px rgba(150, 238, 255, .16) inset,
        0 0 58px rgba(62, 222, 255, .34),
        0 0 116px rgba(72, 120, 255, .24),
        0 0 152px rgba(255, 105, 192, .14) !important;
    }

    .hero-ripple-2 {
      animation-delay: .65s !important;
      opacity: .9 !important;
    }

    .hero-ripple-3 {
      animation-delay: 1.35s !important;
      opacity: .72 !important;
    }

    .hero-laser {
      animation-duration: 2.85s !important;
      opacity: .72 !important;
      filter: blur(1.15px) brightness(1.2) !important;
      box-shadow: 0 0 54px rgba(173, 247, 255, .40), 0 0 90px rgba(255, 92, 185, .18) !important;
    }

    .hero-laser-2 {
      animation-duration: 3.8s !important;
      animation-delay: .75s !important;
      opacity: .48 !important;
    }

    .hero-laser-3 {
      animation-duration: 2.45s !important;
      animation-delay: .35s !important;
      opacity: .42 !important;
    }

    .hero-glow {
      animation-duration: 4.4s !important;
      opacity: .28 !important;
    }

    h1 {
      animation-duration: 3.8s !important;
    }

    .gradient-text {
      animation-duration: 2.2s !important;
    }

    @keyframes laserSweep {
      0% { transform: translateX(-18%) skewX(-16deg) rotate(3deg); opacity: 0; }
      8% { opacity: .58; }
      22% { opacity: .96; }
      45% { opacity: .50; }
      100% { transform: translateX(520%) skewX(-16deg) rotate(3deg); opacity: 0; }
    }

    @keyframes ripplePulse {
      0% {
        transform: scale(.62);
        opacity: 0;
      }
      8% { opacity: 1; }
      28% { opacity: .72; }
      58% { opacity: .30; }
      100% {
        transform: scale(1.58);
        opacity: 0;
      }
    }

    @media (max-width: 980px) {
      .hero-laser {
        animation-duration: 3.6s !important;
        opacity: .36 !important;
      }

      .hero-ripple {
        animation-duration: 4.2s !important;
        opacity: .52 !important;
      }
    }

  
    /* v29: performance + truly fixed quick menu */
    html body .sv-quick-menu {
      position: fixed !important;
      top: 82px !important;
      left: 50% !important;
      right: auto !important;
      bottom: auto !important;
      transform: translate3d(-50%, 0, 0) !important;
      width: min(calc(100vw - 44px), 1280px) !important;
      max-width: 1280px !important;
      margin: 0 !important;
      z-index: 2147483646 !important;
      pointer-events: auto !important;
      will-change: transform, opacity !important;
      contain: layout paint style !important;
      isolation: isolate !important;
    }

    html body.admin-bar .sv-quick-menu {
      top: 114px !important;
    }

    /* Lighter hero animation: brighter but less GPU-heavy on WordPress frontend */
    .hero-panel,
    .hero-panel::before,
    .hero-panel::after,
    .hero-ripple,
    .hero-laser {
      will-change: transform, opacity !important;
      backface-visibility: hidden !important;
      transform-style: preserve-3d !important;
    }

    .hero-panel::before {
      animation: hero-pan-fast 6.5s ease-in-out infinite alternate !important;
      filter: saturate(1.16) brightness(1.08) !important;
    }

    .hero-panel::after {
      animation: pulseGlowFast 2.8s ease-in-out infinite !important;
      opacity: .82 !important;
    }

    .hero-laser {
      animation: laserSweepFast 1.9s linear infinite !important;
      opacity: .62 !important;
      filter: none !important;
      box-shadow: 0 0 28px rgba(173, 247, 255, .24) !important;
    }

    .hero-laser-2 {
      animation-duration: 2.6s !important;
      animation-delay: .45s !important;
      opacity: .34 !important;
    }

    .hero-laser-3 {
      animation-duration: 2.15s !important;
      animation-delay: .2s !important;
      opacity: .28 !important;
    }

    .hero-ripple {
      animation: ripplePulseFast 2.75s ease-out infinite !important;
      filter: none !important;
      box-shadow:
        0 0 38px rgba(62, 222, 255, .24),
        0 0 78px rgba(72, 120, 255, .14) !important;
    }

    .hero-ripple-2 { animation-delay: .5s !important; }
    .hero-ripple-3 { animation-delay: 1s !important; }

    .hero-glow {
      display: none !important;
    }

    h1 {
      animation: heroTextFloatFast 3.2s ease-in-out infinite !important;
    }

    .gradient-text {
      animation: textGlowFast 2s ease-in-out infinite !important;
    }

    @keyframes laserSweepFast {
      0% { transform: translate3d(-30%,0,0) skewX(-16deg) rotate(3deg); opacity: 0; }
      12% { opacity: .72; }
      28% { opacity: .95; }
      55% { opacity: .36; }
      100% { transform: translate3d(560%,0,0) skewX(-16deg) rotate(3deg); opacity: 0; }
    }

    @keyframes ripplePulseFast {
      0% { transform: translate3d(0,0,0) scale(.58); opacity: 0; }
      10% { opacity: .86; }
      36% { opacity: .62; }
      72% { opacity: .22; }
      100% { transform: translate3d(0,0,0) scale(1.62); opacity: 0; }
    }

    @keyframes hero-pan-fast {
      0% { transform: translate3d(0,0,0) scale(1.025); }
      100% { transform: translate3d(.45%,-.25%,0) scale(1.045); }
    }

    @keyframes pulseGlowFast {
      0%, 100% { opacity: .70; }
      50% { opacity: .95; }
    }

    @keyframes heroTextFloatFast {
      0%, 100% { transform: translate3d(0,0,0); }
      50% { transform: translate3d(0,-5px,0); }
    }

    @keyframes textGlowFast {
      0%, 100% { filter: none; }
      50% { filter: drop-shadow(0 0 16px rgba(71,214,255,.22)); }
    }

    @media (max-width: 980px) {
      html body .sv-quick-menu,
      html body.admin-bar .sv-quick-menu {
        top: auto !important;
        bottom: 8px !important;
        left: 8px !important;
        right: 8px !important;
        transform: translate3d(0,0,0) !important;
        width: auto !important;
        max-width: none !important;
      }

      .hero-laser {
        animation-duration: 2.8s !important;
        opacity: .28 !important;
      }

      .hero-ripple {
        animation-duration: 3.4s !important;
      }
    }

  

/* Smart Vision Water Show Plugin - frontend dynamic patches */
#sv-water-show-root { width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); overflow-x:hidden; }
#sv-water-show-root .video-card[data-youtube] { cursor:pointer; }
#sv-water-show-root .video-lazy-frame { position:relative; width:100%; aspect-ratio:16/9; min-height:320px; overflow:hidden; border-radius:20px 20px 0 0; background:#020714; border-bottom:1px solid rgba(103,234,255,.14); }
#sv-water-show-root .video-lazy-frame img { width:100%; height:100%; object-fit:cover; filter:saturate(1.05) contrast(1.02); }
#sv-water-show-root .video-lazy-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
#sv-water-show-root .video-lazy-frame .play-button { left:50%; top:50%; bottom:auto; transform:translate(-50%,-50%); width:72px; height:72px; font-size:28px; }
#sv-water-show-root .sv-lightbox { position:fixed; inset:0; z-index:2147483600; background:rgba(0,6,16,.86); display:none; align-items:center; justify-content:center; padding:24px; backdrop-filter:blur(14px); }
#sv-water-show-root .sv-lightbox.open { display:flex; }
#sv-water-show-root .sv-lightbox img { max-width:min(96vw,1440px); max-height:84vh; border-radius:22px; box-shadow:0 30px 120px rgba(0,0,0,.72); border:1px solid rgba(103,234,255,.22); }
#sv-water-show-root .sv-lightbox-close { position:absolute; top:20px; right:20px; width:48px; height:48px; border-radius:999px; border:1px solid rgba(103,234,255,.30); color:#fff; background:rgba(10,30,56,.80); font-size:28px; cursor:pointer; }
#sv-water-show-root .sv-admin-empty { padding:18px; border-radius:18px; border:1px dashed rgba(103,234,255,.28); color:var(--muted); background:rgba(255,255,255,.035); }
#sv-water-show-root .solution-card .round-link { margin-right:8px; }
#sv-water-show-root .sv-hidden-overflow-note { display:none; }
body .sv-quick-menu { position:fixed!important; top:82px!important; left:50%!important; transform:translate3d(-50%,0,0)!important; width:min(calc(100vw - 44px),1280px)!important; z-index:2147483646!important; }
body.admin-bar .sv-quick-menu { top:114px!important; }
@media (max-width:980px){
  body .sv-quick-menu, body.admin-bar .sv-quick-menu { top:auto!important; bottom:8px!important; left:8px!important; right:8px!important; transform:none!important; width:auto!important; max-width:none!important; overflow-x:auto!important; justify-content:flex-start!important; }
  #sv-water-show-root .video-lazy-frame { min-height:220px; }
}

/* v1.0.1 compact/public frontend polish */
#sv-water-show-root,
#sv-water-show-root *:not(svg):not(path),
body .sv-quick-menu,
body .sv-quick-menu * {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  letter-spacing: normal;
}

#sv-water-show-root h1,
#sv-water-show-root h2,
#sv-water-show-root h3,
#sv-water-show-root h4,
#sv-water-show-root .brand-title,
#sv-water-show-root .stat-num,
#sv-water-show-root .section-kicker,
#sv-water-show-root .btn,
body .sv-quick-menu a {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#sv-water-show-root {
  --container-max: 1640px;
  background: transparent;
}

#sv-water-show-root .container {
  width: min(calc(100% - 18px), 1640px) !important;
  max-width: 1640px !important;
}

#sv-water-show-root .hero-stage {
  padding: 10px 0 18px !important;
}

#sv-water-show-root .stage-shell {
  padding: 10px !important;
  border-radius: 24px !important;
}

#sv-water-show-root .navbar {
  min-height: 76px !important;
  height: auto !important;
  padding: 12px 16px !important;
  border-radius: 20px !important;
  gap: 14px !important;
}

#sv-water-show-root .brand-title {
  font-size: 25px !important;
  font-weight: 900 !important;
  line-height: .98 !important;
  letter-spacing: .01em !important;
}

#sv-water-show-root .brand-sub {
  font-size: 11px !important;
  line-height: 1.2 !important;
}

#sv-water-show-root .nav-menu a {
  font-size: 13px !important;
  padding: 10px 12px !important;
}

#sv-water-show-root .nav-cta {
  padding: 13px 20px !important;
}

#sv-water-show-root .hero-panel {
  margin-top: 14px !important;
  min-height: 620px !important;
  padding: 52px 48px !important;
  border-radius: 24px !important;
}

#sv-water-show-root .hero-copy {
  max-width: 620px !important;
}

#sv-water-show-root .hero-copy h1,
#sv-water-show-root h1 {
  font-size: clamp(46px, 5.1vw, 76px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  font-weight: 900 !important;
}

#sv-water-show-root .hero-lead {
  margin-top: 20px !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
}

#sv-water-show-root .hero-actions {
  margin-top: 24px !important;
}

#sv-water-show-root .hero-stats {
  width: min(340px, 100%) !important;
  padding: 18px !important;
  border-radius: 24px !important;
}

#sv-water-show-root .stat-item {
  grid-template-columns: 44px 1fr !important;
  gap: 12px !important;
  padding: 13px 6px !important;
}

#sv-water-show-root .stat-num {
  font-size: 24px !important;
  letter-spacing: -.025em !important;
}

#sv-water-show-root .section {
  padding: 34px 0 !important;
}

#sv-water-show-root .section-title {
  margin-bottom: 22px !important;
}

#sv-water-show-root .section-title h2,
#sv-water-show-root .tech-copy h2,
#sv-water-show-root .projects-head h2,
#sv-water-show-root .solution-detail-head h2,
#sv-water-show-root .video-showcase-head h2,
#sv-water-show-root .cta h2 {
  font-size: clamp(28px, 3.4vw, 44px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em !important;
  font-weight: 900 !important;
}

#sv-water-show-root .section-title p,
#sv-water-show-root .solution-detail-head p,
#sv-water-show-root .video-showcase-head p,
#sv-water-show-root .tech-copy p,
#sv-water-show-root .cta p {
  font-size: 15px !important;
  line-height: 1.6 !important;
}

#sv-water-show-root .solutions-grid,
#sv-water-show-root .projects-grid,
#sv-water-show-root .video-grid,
#sv-water-show-root .media-gallery-grid,
#sv-water-show-root .mini-gallery,
#sv-water-show-root .detail-grid,
#sv-water-show-root .gallery-strip {
  gap: 16px !important;
  margin-top: 14px !important;
}

#sv-water-show-root .solution-card {
  min-height: 320px !important;
  padding: 12px !important;
  border-radius: 22px !important;
}

#sv-water-show-root .solution-art {
  height: 155px !important;
  border-radius: 17px !important;
  background: radial-gradient(circle at 50% 35%, rgba(37,201,255,.10), rgba(2,8,23,.72)) !important;
}

#sv-water-show-root .solution-body {
  padding: 14px 8px 4px !important;
}

#sv-water-show-root .solution-body h3 {
  font-size: 20px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}

#sv-water-show-root .solution-body p {
  min-height: 0 !important;
  margin: 10px 0 14px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

#sv-water-show-root .solution-detail {
  padding-top: 24px !important;
  padding-bottom: 32px !important;
}

#sv-water-show-root .solution-detail-shell,
#sv-water-show-root .global-video-library,
#sv-water-show-root .tech-panel,
#sv-water-show-root .cta,
#sv-water-show-root .video-showcase {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  padding: 24px !important;
  border-radius: 26px !important;
}

#sv-water-show-root .solution-detail-head,
#sv-water-show-root .video-showcase-head,
#sv-water-show-root .full-gallery-head,
#sv-water-show-root .projects-head {
  margin-bottom: 18px !important;
}

#sv-water-show-root .showcase-card {
  min-height: 360px !important;
  border-radius: 22px !important;
}

#sv-water-show-root .showcase-card img,
#sv-water-show-root .showcase-open img {
  min-height: 360px !important;
}

#sv-water-show-root .showcase-caption h3 {
  font-size: 24px !important;
}

#sv-water-show-root .showcase-caption p {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

#sv-water-show-root .video-placeholder {
  min-height: 160px !important;
  padding: 20px !important;
  border-radius: 22px !important;
}

#sv-water-show-root .gallery-card,
#sv-water-show-root .gallery-card img {
  min-height: 160px !important;
}

#sv-water-show-root .video-card {
  min-height: auto !important;
}

#sv-water-show-root .video-grid.video-grid-two .video-embed,
#sv-water-show-root .video-lazy-frame {
  min-height: 260px !important;
}

#sv-water-show-root .video-body {
  padding: 14px 16px 16px !important;
}

#sv-water-show-root .video-body h4 {
  font-size: 18px !important;
  line-height: 1.2 !important;
}

#sv-water-show-root .video-body p {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

#sv-water-show-root .media-gallery-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

#sv-water-show-root .media-gallery-item,
#sv-water-show-root .media-gallery-item img {
  min-height: 150px !important;
  border-radius: 18px !important;
}

#sv-water-show-root .tech-panel {
  min-height: auto !important;
  grid-template-columns: .88fr 1.12fr !important;
}

#sv-water-show-root .tech-visual,
#sv-water-show-root .tech-visual img {
  min-height: 340px !important;
}

#sv-water-show-root .project-card {
  min-height: 320px !important;
}

#sv-water-show-root .services-bar .mini-service {
  min-height: 120px !important;
  padding: 20px 18px !important;
}

#sv-water-show-root .cta {
  min-height: 280px !important;
  padding: 34px !important;
}

#sv-water-show-root .solution-art img,
#sv-water-show-root .gallery-card img,
#sv-water-show-root .media-gallery-item img,
#sv-water-show-root .video-thumb img,
#sv-water-show-root .video-lazy-frame img,
#sv-water-show-root .tech-visual img,
#sv-water-show-root .showcase-card img {
  object-fit: contain !important;
  object-position: center center !important;
  background: radial-gradient(circle at 50% 40%, rgba(37,201,255,.08), rgba(2,8,23,.70)) !important;
}

#sv-water-show-root .hero-panel::before,
#sv-water-show-root .project-card img,
#sv-water-show-root .cta::before {
  object-fit: cover !important;
}

#sv-water-show-root .project-card img {
  object-fit: cover !important;
}

#sv-water-show-root .video-edit-note,
#sv-water-show-root .sv-admin-empty,
#sv-water-show-root .sv-hidden-overflow-note {
  display: none !important;
}

body .sv-quick-menu {
  top: 82px !important;
  width: min(calc(100vw - 48px), 1180px) !important;
  padding: 6px !important;
}
body .sv-quick-menu a {
  min-height: 32px !important;
  padding: 8px 11px !important;
  font-size: 12px !important;
}

@media (max-width: 1280px) {
  #sv-water-show-root .media-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  #sv-water-show-root .tech-panel { grid-template-columns: 1fr !important; }
}

@media (max-width: 980px) {
  #sv-water-show-root .container {
    width: calc(100% - 8px) !important;
    max-width: calc(100% - 8px) !important;
  }
  #sv-water-show-root .stage-shell { padding: 4px !important; border-radius: 16px !important; }
  #sv-water-show-root .navbar { padding: 8px 10px !important; border-radius: 14px !important; min-height: auto !important; }
  #sv-water-show-root .logo-mark { width: 38px !important; height: 38px !important; border-radius: 12px !important; }
  #sv-water-show-root .brand-title { font-size: 18px !important; }
  #sv-water-show-root .brand-sub { font-size: 10px !important; }
  #sv-water-show-root .hero-panel {
    min-height: 610px !important;
    padding: 26px 14px !important;
    border-radius: 18px !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    align-items: end !important;
  }
  #sv-water-show-root .hero-copy h1,
  #sv-water-show-root h1 { font-size: clamp(34px, 9vw, 54px) !important; }
  #sv-water-show-root .hero-lead { font-size: 15px !important; }
  #sv-water-show-root .hero-stats { max-width: 100% !important; grid-template-columns: repeat(2, 1fr) !important; }
  #sv-water-show-root .section { padding: 24px 0 !important; }
  #sv-water-show-root .section-title h2,
  #sv-water-show-root .tech-copy h2,
  #sv-water-show-root .projects-head h2,
  #sv-water-show-root .solution-detail-head h2,
  #sv-water-show-root .video-showcase-head h2,
  #sv-water-show-root .cta h2 { font-size: clamp(25px, 7vw, 36px) !important; }
  #sv-water-show-root .solutions-grid,
  #sv-water-show-root .projects-grid,
  #sv-water-show-root .video-grid,
  #sv-water-show-root .media-gallery-grid,
  #sv-water-show-root .mini-gallery,
  #sv-water-show-root .detail-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  #sv-water-show-root .solution-card { min-height: auto !important; }
  #sv-water-show-root .solution-art { height: 190px !important; }
  #sv-water-show-root .solution-detail-shell,
  #sv-water-show-root .global-video-library,
  #sv-water-show-root .tech-panel,
  #sv-water-show-root .cta,
  #sv-water-show-root .video-showcase { padding: 12px !important; border-radius: 18px !important; }
  #sv-water-show-root .showcase-card,
  #sv-water-show-root .showcase-card img,
  #sv-water-show-root .showcase-open img { min-height: 280px !important; }
  #sv-water-show-root .media-gallery-item,
  #sv-water-show-root .media-gallery-item img { min-height: 190px !important; }
  #sv-water-show-root .video-grid.video-grid-two .video-embed,
  #sv-water-show-root .video-lazy-frame { min-height: 210px !important; }
  #sv-water-show-root .tech-visual,
  #sv-water-show-root .tech-visual img { min-height: 260px !important; }
  #sv-water-show-root .cta { min-height: 360px !important; padding: 22px !important; }
  body .sv-quick-menu, body.admin-bar .sv-quick-menu { bottom: 8px !important; left: 8px !important; right: 8px !important; width: auto !important; }
}

@media (max-width: 520px) {
  #sv-water-show-root .container { width: calc(100% - 6px) !important; max-width: calc(100% - 6px) !important; }
  #sv-water-show-root .hero-panel { min-height: 560px !important; padding: 22px 10px !important; }
  #sv-water-show-root .hero-stats { grid-template-columns: 1fr !important; }
  #sv-water-show-root .stat-item { padding: 10px 4px !important; }
  #sv-water-show-root .section-title p,
  #sv-water-show-root .solution-detail-head p,
  #sv-water-show-root .video-showcase-head p { font-size: 13px !important; }
  #sv-water-show-root .solution-detail-shell,
  #sv-water-show-root .global-video-library,
  #sv-water-show-root .tech-panel,
  #sv-water-show-root .cta,
  #sv-water-show-root .video-showcase { padding: 9px !important; border-radius: 16px !important; }
  #sv-water-show-root .showcase-card,
  #sv-water-show-root .showcase-card img,
  #sv-water-show-root .showcase-open img { min-height: 250px !important; }
  #sv-water-show-root .media-gallery-item,
  #sv-water-show-root .media-gallery-item img { min-height: 165px !important; }
}



/* v1.0.2 - frontend layout / overflow / media polish */
html,
body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

body,
#page,
.site,
.site-content,
.content-area,
.site-main,
.entry-content,
.wp-block-post-content,
.is-layout-constrained,
.wp-site-blocks {
  overflow-x: clip !important;
}

#sv-water-show-root {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow-x: clip !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

#sv-water-show-root * {
  max-width: 100%;
}

#sv-water-show-root .container {
  width: min(calc(100% - 28px), 1620px) !important;
  max-width: 1620px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#sv-water-show-root .stage-shell {
  padding: 12px !important;
  border-radius: 24px !important;
}

#sv-water-show-root .section {
  padding: 34px 0 !important;
}

#sv-water-show-root .hero-stage {
  padding: 10px 0 18px !important;
}

#sv-water-show-root .solution-detail {
  padding-top: 22px !important;
  padding-bottom: 34px !important;
}

#sv-water-show-root .solution-detail-shell,
#sv-water-show-root .global-video-library,
#sv-water-show-root .tech-panel,
#sv-water-show-root .cta,
#sv-water-show-root .video-showcase {
  width: 100% !important;
  max-width: 100% !important;
  padding: 20px !important;
  margin: 0 0 18px !important;
  border-radius: 24px !important;
}

#sv-water-show-root .section-title,
#sv-water-show-root .solution-detail-head,
#sv-water-show-root .video-showcase-head,
#sv-water-show-root .full-gallery-head,
#sv-water-show-root .projects-head {
  margin-bottom: 16px !important;
}

#sv-water-show-root .section-title h2,
#sv-water-show-root .solution-detail-head h2,
#sv-water-show-root .video-showcase-head h2,
#sv-water-show-root .projects-head h2,
#sv-water-show-root .tech-copy h2,
#sv-water-show-root .cta h2 {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: -.045em !important;
}

/* Video cards: thumbnail must fill the card before click, iframe fills after click */
#sv-water-show-root .video-grid.video-grid-two,
#sv-water-show-root .video-grid {
  gap: 16px !important;
}

#sv-water-show-root .video-card {
  min-height: auto !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

#sv-water-show-root .video-card.is-embed {
  display: flex !important;
  flex-direction: column !important;
}

#sv-water-show-root .video-lazy-frame,
#sv-water-show-root .video-embed,
#sv-water-show-root .video-thumb {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  border-radius: 20px 20px 0 0 !important;
  background: radial-gradient(circle at 50% 38%, rgba(37,201,255,.08), rgba(2,8,23,.92)) !important;
}

#sv-water-show-root .video-lazy-frame img,
#sv-water-show-root .video-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
}

#sv-water-show-root .video-lazy-frame iframe,
#sv-water-show-root .video-embed iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block !important;
}

#sv-water-show-root .video-body {
  padding: 14px 16px 16px !important;
  min-height: 128px !important;
}

#sv-water-show-root .video-body h4 {
  margin: 0 0 8px !important;
  font-size: 17px !important;
  line-height: 1.18 !important;
  text-align: left !important;
}

#sv-water-show-root .video-body p {
  min-height: 0 !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

/* Galleries: consistent 16:9 thumbnails; full image appears in lightbox */
#sv-water-show-root .solution-art,
#sv-water-show-root .gallery-card,
#sv-water-show-root .media-gallery-item {
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: radial-gradient(circle at 50% 38%, rgba(37,201,255,.08), rgba(2,8,23,.88)) !important;
}

#sv-water-show-root .solution-art img,
#sv-water-show-root .gallery-card img,
#sv-water-show-root .media-gallery-item img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
}

#sv-water-show-root .showcase-card img,
#sv-water-show-root .showcase-open img,
#sv-water-show-root .tech-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

#sv-water-show-root .media-gallery-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

#sv-water-show-root .mini-gallery {
  gap: 10px !important;
}

#sv-water-show-root .gallery-label,
#sv-water-show-root .media-gallery-item span {
  font-size: 12px !important;
  line-height: 1.2 !important;
  max-width: calc(100% - 16px) !important;
}

/* Lightbox must be centered in viewport, not at page top */
body > .sv-lightbox,
.sv-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px !important;
  background: rgba(0, 7, 18, .88) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

body > .sv-lightbox.open,
.sv-lightbox.open {
  display: flex !important;
}

body > .sv-lightbox img,
.sv-lightbox img {
  width: auto !important;
  height: auto !important;
  max-width: min(96vw, 1480px) !important;
  max-height: 86vh !important;
  object-fit: contain !important;
  border-radius: 18px !important;
  background: #020714 !important;
}

body > .sv-lightbox .sv-lightbox-close,
.sv-lightbox .sv-lightbox-close {
  position: fixed !important;
  top: 18px !important;
  right: 18px !important;
}

/* Fixed quick menu must not create horizontal overflow */
body .sv-quick-menu,
body.admin-bar .sv-quick-menu {
  max-width: calc(100vw - 34px) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}
body .sv-quick-menu::-webkit-scrollbar { display: none !important; }

@media (max-width: 1280px) {
  #sv-water-show-root .container { width: calc(100% - 18px) !important; }
  #sv-water-show-root .media-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 980px) {
  #sv-water-show-root .container {
    width: calc(100% - 6px) !important;
    max-width: calc(100% - 6px) !important;
  }

  #sv-water-show-root .stage-shell {
    padding: 4px !important;
    border-radius: 14px !important;
  }

  #sv-water-show-root .section {
    padding: 22px 0 !important;
  }

  #sv-water-show-root .hero-panel {
    min-height: 540px !important;
    padding: 20px 10px !important;
    border-radius: 16px !important;
  }

  #sv-water-show-root .hero-copy h1,
  #sv-water-show-root h1 {
    font-size: clamp(32px, 8.8vw, 52px) !important;
    line-height: 1.02 !important;
  }

  #sv-water-show-root .hero-lead { font-size: 14px !important; }

  #sv-water-show-root .solution-detail-shell,
  #sv-water-show-root .global-video-library,
  #sv-water-show-root .tech-panel,
  #sv-water-show-root .cta,
  #sv-water-show-root .video-showcase {
    padding: 10px !important;
    border-radius: 16px !important;
    margin-bottom: 12px !important;
  }

  #sv-water-show-root .solutions-grid,
  #sv-water-show-root .projects-grid,
  #sv-water-show-root .video-grid,
  #sv-water-show-root .media-gallery-grid,
  #sv-water-show-root .mini-gallery,
  #sv-water-show-root .detail-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  #sv-water-show-root .solution-art,
  #sv-water-show-root .gallery-card,
  #sv-water-show-root .media-gallery-item,
  #sv-water-show-root .video-lazy-frame,
  #sv-water-show-root .video-thumb {
    aspect-ratio: 16 / 9 !important;
  }

  #sv-water-show-root .video-body {
    min-height: auto !important;
    padding: 12px !important;
  }

  #sv-water-show-root .video-body h4 { font-size: 16px !important; }
  #sv-water-show-root .video-body p { font-size: 12px !important; }

  #sv-water-show-root .showcase-card,
  #sv-water-show-root .tech-visual,
  #sv-water-show-root .project-card {
    min-height: 260px !important;
  }

  body .sv-quick-menu,
  body.admin-bar .sv-quick-menu {
    left: 6px !important;
    right: 6px !important;
    bottom: 8px !important;
    width: auto !important;
    max-width: none !important;
  }
}

@media (max-width: 520px) {
  #sv-water-show-root .container {
    width: calc(100% - 4px) !important;
    max-width: calc(100% - 4px) !important;
  }

  #sv-water-show-root .hero-panel {
    min-height: 500px !important;
    padding: 18px 8px !important;
  }

  #sv-water-show-root .solution-detail-shell,
  #sv-water-show-root .global-video-library,
  #sv-water-show-root .tech-panel,
  #sv-water-show-root .cta,
  #sv-water-show-root .video-showcase {
    padding: 8px !important;
  }

  #sv-water-show-root .video-filter-row,
  #sv-water-show-root .pill-list {
    gap: 6px !important;
  }

  #sv-water-show-root .video-filter-chip,
  #sv-water-show-root .pill {
    padding: 7px 9px !important;
    font-size: 10px !important;
  }
}


/* v1.0.3 - lightbox, video, gallery and mobile overflow final polish */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body,
#page,
.site,
.site-content,
.content-area,
.site-main,
.entry-content,
.wp-block-post-content,
.is-layout-constrained,
.wp-site-blocks,
.wp-block-html {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#sv-water-show-root {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#sv-water-show-root *,
#sv-water-show-root *::before,
#sv-water-show-root *::after {
  box-sizing: border-box !important;
  min-width: 0;
}

#sv-water-show-root img,
#sv-water-show-root iframe,
#sv-water-show-root video {
  max-width: 100% !important;
}

#sv-water-show-root .container {
  width: min(100%, 1620px) !important;
  max-width: min(100%, 1620px) !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#sv-water-show-root .stage-shell {
  overflow: hidden !important;
}

#sv-water-show-root .solution-detail-shell,
#sv-water-show-root .global-video-library,
#sv-water-show-root .tech-panel,
#sv-water-show-root .cta,
#sv-water-show-root .video-showcase,
#sv-water-show-root .full-gallery-wrap {
  overflow: hidden !important;
}

/* Video thumbnail before click: use the whole card width and avoid the tiny centered look. */
#sv-water-show-root .video-grid.video-grid-two {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

#sv-water-show-root .video-card {
  width: 100% !important;
  min-width: 0 !important;
}

#sv-water-show-root .video-lazy-frame,
#sv-water-show-root .video-thumb {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  border-radius: 18px 18px 0 0 !important;
  background: #020714 !important;
}

#sv-water-show-root .video-lazy-frame > img,
#sv-water-show-root .video-thumb > img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.10) !important;
  transform-origin: center center !important;
}

#sv-water-show-root .video-lazy-frame iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
}

#sv-water-show-root .video-lazy-frame:has(iframe) {
  background: #000 !important;
}

#sv-water-show-root .video-lazy-frame:has(iframe) iframe {
  z-index: 5 !important;
}

/* Gallery cards: balanced layout, no page navigation on image click, lightbox handles the preview. */
#sv-water-show-root .media-gallery-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

#sv-water-show-root .mini-gallery {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

#sv-water-show-root .media-gallery-item,
#sv-water-show-root .gallery-card {
  aspect-ratio: 16 / 10 !important;
  min-height: 0 !important;
  height: auto !important;
  border-radius: 18px !important;
}

#sv-water-show-root .media-gallery-item img,
#sv-water-show-root .gallery-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
}

body > .sv-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(12px, 2vw, 26px) !important;
  background: rgba(0, 7, 18, .90) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

body > .sv-lightbox.open {
  display: flex !important;
}

body > .sv-lightbox img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(96vw, 1480px) !important;
  max-height: 86vh !important;
  object-fit: contain !important;
  border-radius: 18px !important;
  background: #020714 !important;
}

body > .sv-lightbox .sv-lightbox-close {
  position: fixed !important;
  top: 14px !important;
  right: 14px !important;
}

body .sv-quick-menu,
body.admin-bar .sv-quick-menu {
  max-width: calc(100% - 24px) !important;
  width: auto !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

@media (min-width: 981px) {
  body .sv-quick-menu,
  body.admin-bar .sv-quick-menu {
    width: min(calc(100% - 64px), 1180px) !important;
  }
}

@media (max-width: 1280px) {
  #sv-water-show-root .media-gallery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  #sv-water-show-root .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  #sv-water-show-root .stage-shell {
    padding: 4px !important;
  }

  #sv-water-show-root .section {
    padding: 18px 0 !important;
  }

  #sv-water-show-root .solution-detail-shell,
  #sv-water-show-root .global-video-library,
  #sv-water-show-root .tech-panel,
  #sv-water-show-root .cta,
  #sv-water-show-root .video-showcase,
  #sv-water-show-root .full-gallery-wrap {
    padding: 8px !important;
    border-radius: 14px !important;
  }

  #sv-water-show-root .solutions-grid,
  #sv-water-show-root .projects-grid,
  #sv-water-show-root .detail-grid,
  #sv-water-show-root .video-grid.video-grid-two,
  #sv-water-show-root .video-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  #sv-water-show-root .media-gallery-grid,
  #sv-water-show-root .mini-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #sv-water-show-root .media-gallery-item,
  #sv-water-show-root .gallery-card {
    aspect-ratio: 4 / 3 !important;
  }

  #sv-water-show-root .media-gallery-item span,
  #sv-water-show-root .gallery-label {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  #sv-water-show-root .video-lazy-frame,
  #sv-water-show-root .video-thumb {
    aspect-ratio: 16 / 9 !important;
  }

  body .sv-quick-menu,
  body.admin-bar .sv-quick-menu {
    left: 6px !important;
    right: 6px !important;
    bottom: 8px !important;
    width: auto !important;
    max-width: calc(100% - 12px) !important;
    transform: none !important;
  }
}

@media (max-width: 520px) {
  #sv-water-show-root .container {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  #sv-water-show-root .solution-detail-shell,
  #sv-water-show-root .global-video-library,
  #sv-water-show-root .tech-panel,
  #sv-water-show-root .cta,
  #sv-water-show-root .video-showcase,
  #sv-water-show-root .full-gallery-wrap {
    padding: 6px !important;
    border-radius: 12px !important;
  }

  #sv-water-show-root .media-gallery-grid,
  #sv-water-show-root .mini-gallery {
    gap: 6px !important;
  }

  #sv-water-show-root .video-body {
    padding: 10px !important;
  }
}



/* v1.0.4 - Mobile full-width, media sizing, background image polish */
html, body {
  overflow-x: hidden !important;
}

body:has(#sv-water-show-root) {
  overflow-x: clip !important;
}

#sv-water-show-root {
  width: var(--svws-safe-vw, 100vw) !important;
  max-width: var(--svws-safe-vw, 100vw) !important;
  margin-left: calc(50% - (var(--svws-safe-vw, 100vw) / 2)) !important;
  margin-right: 0 !important;
  overflow-x: clip !important;
  box-sizing: border-box !important;
  background-size: cover !important;
  background-position: center top !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
}

#sv-water-show-root *,
#sv-water-show-root *::before,
#sv-water-show-root *::after {
  box-sizing: border-box !important;
  min-width: 0;
}

#sv-water-show-root .container {
  width: min(calc(100% - 18px), 1640px) !important;
  max-width: 1640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#sv-water-show-root .stage-shell,
#sv-water-show-root .solution-detail-shell,
#sv-water-show-root .global-video-library,
#sv-water-show-root .tech-panel,
#sv-water-show-root .cta,
#sv-water-show-root .video-showcase,
#sv-water-show-root .full-gallery-wrap {
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Video thumbnail and iframe should always fill the wide card */
#sv-water-show-root .video-card,
#sv-water-show-root .video-card.is-embed,
#sv-water-show-root .video-placeholder-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

#sv-water-show-root .video-lazy-frame,
#sv-water-show-root .video-thumb {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: unset !important;
  overflow: hidden !important;
  border-radius: 18px 18px 0 0 !important;
  background: #020714 !important;
}

#sv-water-show-root .video-lazy-frame > img,
#sv-water-show-root .video-thumb > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  background: transparent !important;
}

#sv-water-show-root .video-lazy-frame iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  border: 0 !important;
  display: block !important;
}

#sv-water-show-root .video-body {
  min-height: 112px !important;
  padding: 14px 18px 16px !important;
}

/* Cleaner image library layout */
#sv-water-show-root .media-gallery-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
}

#sv-water-show-root .media-gallery-item,
#sv-water-show-root .gallery-card,
#sv-water-show-root .solution-art {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: unset !important;
  overflow: hidden !important;
}

#sv-water-show-root .media-gallery-item img,
#sv-water-show-root .gallery-card img,
#sv-water-show-root .solution-art img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

#sv-water-show-root .solution-body p,
#sv-water-show-root .video-body p,
#sv-water-show-root .section-title p,
#sv-water-show-root .solution-detail-head p {
  overflow-wrap: anywhere !important;
}

/* quick menu must never create horizontal page scroll */
body .sv-quick-menu,
body.admin-bar .sv-quick-menu {
  max-width: calc(var(--svws-safe-vw, 100vw) - 18px) !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
}

@media (max-width: 980px) {
  #sv-water-show-root {
    width: var(--svws-safe-vw, 100vw) !important;
    max-width: var(--svws-safe-vw, 100vw) !important;
    margin-left: calc(50% - (var(--svws-safe-vw, 100vw) / 2)) !important;
    margin-right: 0 !important;
    background-attachment: scroll !important;
  }

  #sv-water-show-root .container {
    width: calc(100% - 4px) !important;
    max-width: calc(100% - 4px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #sv-water-show-root .stage-shell {
    padding: 3px !important;
    border-radius: 12px !important;
  }

  #sv-water-show-root .hero-stage {
    padding: 4px 0 10px !important;
  }

  #sv-water-show-root .navbar {
    padding: 8px !important;
    border-radius: 14px !important;
  }

  #sv-water-show-root .hero-panel {
    padding: 24px 12px !important;
    min-height: 560px !important;
    border-radius: 14px !important;
  }

  #sv-water-show-root .section {
    padding: 18px 0 !important;
  }

  #sv-water-show-root .solution-detail-shell,
  #sv-water-show-root .global-video-library,
  #sv-water-show-root .tech-panel,
  #sv-water-show-root .cta,
  #sv-water-show-root .video-showcase,
  #sv-water-show-root .full-gallery-wrap {
    padding: 8px !important;
    border-radius: 14px !important;
  }

  #sv-water-show-root .solutions-grid,
  #sv-water-show-root .projects-grid,
  #sv-water-show-root .detail-grid,
  #sv-water-show-root .video-grid.video-grid-two,
  #sv-water-show-root .video-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  #sv-water-show-root .media-gallery-grid,
  #sv-water-show-root .mini-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #sv-water-show-root .solution-card {
    padding: 8px !important;
    border-radius: 16px !important;
  }

  #sv-water-show-root .solution-art {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }

  #sv-water-show-root .solution-body {
    padding: 10px 6px 4px !important;
  }

  #sv-water-show-root .solution-body h3 {
    font-size: clamp(22px, 7vw, 32px) !important;
    line-height: 1.05 !important;
  }

  #sv-water-show-root .solution-body p {
    font-size: 14px !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
  }

  #sv-water-show-root .video-body {
    min-height: auto !important;
    padding: 12px !important;
  }

  body .sv-quick-menu,
  body.admin-bar .sv-quick-menu {
    left: 6px !important;
    right: 6px !important;
    bottom: 8px !important;
    width: auto !important;
    max-width: calc(var(--svws-safe-vw, 100vw) - 12px) !important;
  }
}

@media (max-width: 520px) {
  #sv-water-show-root .container {
    width: calc(100% - 2px) !important;
    max-width: calc(100% - 2px) !important;
  }

  #sv-water-show-root .stage-shell {
    padding: 2px !important;
  }

  #sv-water-show-root .solution-detail-shell,
  #sv-water-show-root .global-video-library,
  #sv-water-show-root .tech-panel,
  #sv-water-show-root .cta,
  #sv-water-show-root .video-showcase,
  #sv-water-show-root .full-gallery-wrap {
    padding: 6px !important;
  }

  #sv-water-show-root .media-gallery-grid,
  #sv-water-show-root .mini-gallery {
    gap: 6px !important;
  }

  #sv-water-show-root .media-gallery-item span,
  #sv-water-show-root .gallery-label {
    font-size: 10px !important;
  }
}


/* v1.0.5 - full page background + mobile no-horizontal-scroll final fix */
html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.svws-full-page-bg {
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

body.svws-full-page-bg::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(1,10,22,.66), rgba(1,10,22,.28) 50%, rgba(1,10,22,.66));
}

body:has(#sv-water-show-root) #page,
body:has(#sv-water-show-root) .site,
body:has(#sv-water-show-root) .site-content,
body:has(#sv-water-show-root) .content-area,
body:has(#sv-water-show-root) .entry-content,
body:has(#sv-water-show-root) .wp-site-blocks,
body:has(#sv-water-show-root) .wp-block-post-content,
body:has(#sv-water-show-root) .wp-block-html,
body:has(#sv-water-show-root) main {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#sv-water-show-root {
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow-x: hidden !important;
  position: relative !important;
  background-size: cover !important;
  background-position: center top !important;
  background-attachment: fixed !important;
}

#sv-water-show-root,
#sv-water-show-root * {
  box-sizing: border-box !important;
}

#sv-water-show-root img,
#sv-water-show-root iframe,
#sv-water-show-root video {
  max-width: 100% !important;
}

#sv-water-show-root .container {
  box-sizing: border-box !important;
  width: min(calc(100vw - 28px), 1660px) !important;
  max-width: min(calc(100vw - 28px), 1660px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
}

#sv-water-show-root .section-title h2,
#sv-water-show-root .solution-detail-head h2,
#sv-water-show-root .video-showcase-head h3,
#sv-water-show-root .video-showcase-head h2,
#sv-water-show-root .full-gallery-head h3,
#sv-water-show-root .projects-head h2,
#sv-water-show-root .tech-copy h2,
#sv-water-show-root .cta h2,
#sv-water-show-root p,
#sv-water-show-root h1,
#sv-water-show-root h2,
#sv-water-show-root h3,
#sv-water-show-root h4 {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

#sv-water-show-root .solution-detail-head,
#sv-water-show-root .video-showcase-head,
#sv-water-show-root .projects-head,
#sv-water-show-root .full-gallery-head,
#sv-water-show-root .detail-grid,
#sv-water-show-root .gallery-side,
#sv-water-show-root .video-grid,
#sv-water-show-root .solutions-grid,
#sv-water-show-root .projects-grid,
#sv-water-show-root .media-gallery-grid,
#sv-water-show-root .mini-gallery {
  min-width: 0 !important;
  max-width: 100% !important;
}

#sv-water-show-root .pill-list,
#sv-water-show-root .video-filter-row {
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

#sv-water-show-root .pill-list::-webkit-scrollbar,
#sv-water-show-root .video-filter-row::-webkit-scrollbar {
  display: none !important;
}

@media (max-width: 980px) {
  body.svws-full-page-bg {
    background-attachment: scroll !important;
  }

  body:has(#sv-water-show-root) .entry-content,
  body:has(#sv-water-show-root) .wp-block-post-content,
  body:has(#sv-water-show-root) .wp-block-html,
  body:has(#sv-water-show-root) .site-main,
  body:has(#sv-water-show-root) main {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #sv-water-show-root {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow-x: hidden !important;
    background-attachment: scroll !important;
  }

  #sv-water-show-root .container {
    width: calc(100vw - 4px) !important;
    max-width: calc(100vw - 4px) !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    overflow: hidden !important;
  }

  #sv-water-show-root .stage-shell,
  #sv-water-show-root .solution-detail-shell,
  #sv-water-show-root .global-video-library,
  #sv-water-show-root .tech-panel,
  #sv-water-show-root .cta,
  #sv-water-show-root .video-showcase,
  #sv-water-show-root .full-gallery-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    overflow: hidden !important;
  }

  #sv-water-show-root .section {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  #sv-water-show-root .section-title,
  #sv-water-show-root .solution-detail-head,
  #sv-water-show-root .video-showcase-head,
  #sv-water-show-root .full-gallery-head,
  #sv-water-show-root .projects-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
    text-align: left !important;
    align-items: start !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    overflow: hidden !important;
  }

  #sv-water-show-root .section-title {
    text-align: center !important;
  }

  #sv-water-show-root .section-title h2,
  #sv-water-show-root .solution-detail-head h2,
  #sv-water-show-root .video-showcase-head h3,
  #sv-water-show-root .video-showcase-head h2,
  #sv-water-show-root .full-gallery-head h3,
  #sv-water-show-root .projects-head h2,
  #sv-water-show-root .tech-copy h2,
  #sv-water-show-root .cta h2 {
    font-size: clamp(25px, 7.4vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
  }

  #sv-water-show-root .solution-detail-head p,
  #sv-water-show-root .video-showcase-head p,
  #sv-water-show-root .section-title p,
  #sv-water-show-root .tech-copy p,
  #sv-water-show-root .cta p,
  #sv-water-show-root .solution-body p,
  #sv-water-show-root .video-body p {
    font-size: 14px !important;
    line-height: 1.48 !important;
    overflow-wrap: anywhere !important;
  }

  #sv-water-show-root .solutions-grid,
  #sv-water-show-root .projects-grid,
  #sv-water-show-root .detail-grid,
  #sv-water-show-root .video-grid,
  #sv-water-show-root .video-grid.video-grid-two {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #sv-water-show-root .media-gallery-grid,
  #sv-water-show-root .mini-gallery {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #sv-water-show-root .media-gallery-item,
  #sv-water-show-root .gallery-card,
  #sv-water-show-root .solution-card,
  #sv-water-show-root .video-card,
  #sv-water-show-root .showcase-card,
  #sv-water-show-root .project-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #sv-water-show-root .media-gallery-item span,
  #sv-water-show-root .gallery-label {
    font-size: 11px !important;
    line-height: 1.1 !important;
    max-width: calc(100% - 10px) !important;
    white-space: normal !important;
  }

  body .sv-quick-menu,
  body.admin-bar .sv-quick-menu {
    left: 6px !important;
    right: 6px !important;
    bottom: 8px !important;
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
  }

  body .sv-quick-menu a {
    flex: 0 0 auto !important;
  }
}

@media (max-width: 520px) {
  #sv-water-show-root .container {
    width: calc(100vw - 2px) !important;
    max-width: calc(100vw - 2px) !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  #sv-water-show-root .stage-shell,
  #sv-water-show-root .solution-detail-shell,
  #sv-water-show-root .global-video-library,
  #sv-water-show-root .tech-panel,
  #sv-water-show-root .cta,
  #sv-water-show-root .video-showcase,
  #sv-water-show-root .full-gallery-wrap {
    padding-left: 6px !important;
    padding-right: 6px !important;
    border-radius: 14px !important;
  }

  #sv-water-show-root .section-title h2,
  #sv-water-show-root .solution-detail-head h2,
  #sv-water-show-root .video-showcase-head h3,
  #sv-water-show-root .video-showcase-head h2,
  #sv-water-show-root .full-gallery-head h3 {
    font-size: clamp(24px, 7vw, 32px) !important;
  }
}

/* v2.0 manager: safer mobile content sizing */
@media (max-width: 640px){
  #sv-water-show-root .hero-stats .stat strong{font-size:clamp(22px,6vw,32px)!important;line-height:1!important;word-break:normal!important;hyphens:none!important}
  #sv-water-show-root .hero-stats .stat span{font-size:13px!important;line-height:1.25!important;word-break:normal!important;hyphens:none!important}
  #sv-water-show-root .hero-stats .stat{grid-template-columns:42px 1fr!important;gap:10px!important}
  #sv-water-show-root .solution-card h3,
  #sv-water-show-root .section-title h2,
  #sv-water-show-root .video-showcase h3{font-size:clamp(26px,8vw,42px)!important;line-height:1.05!important;overflow-wrap:anywhere}
  #sv-water-show-root .solution-action{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important}
  #sv-water-show-root .solution-action .circle-btn{width:44px!important;height:44px!important;flex:0 0 44px!important}
  #sv-water-show-root .solution-action .mini-btn{min-height:40px!important;padding:0 16px!important;font-size:13px!important;white-space:nowrap!important}
  #sv-water-show-root .play-orb,.video-play{width:52px!important;height:52px!important;min-width:52px!important}
}


/* v2.1 Frontend Visual Edit Mode */
.svws-visual-toolbar{
  position:fixed; right:18px; bottom:92px; z-index:2147483000; display:none; gap:8px; align-items:center;
  padding:8px; border-radius:999px; border:1px solid rgba(103,234,255,.28);
  background:linear-gradient(135deg, rgba(6,22,39,.88), rgba(9,38,65,.72)); backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
  font-family:Inter,system-ui,sans-serif;
}
body.logged-in .svws-visual-toolbar{display:flex}
.svws-visual-toolbar button,.svws-visual-toolbar a{
  appearance:none; border:0; text-decoration:none; color:#fff; font-weight:900; font-size:13px; border-radius:999px;
  padding:10px 14px; background:rgba(255,255,255,.08); cursor:pointer;
}
.svws-visual-toolbar .svws-ve-toggle{background:linear-gradient(135deg,#35d4ff,#1467ff); box-shadow:0 10px 28px rgba(18,142,255,.28)}
body.svws-edit-mode #sv-water-show-root .svws-editable{
  outline:2px dashed rgba(103,234,255,.72)!important; outline-offset:5px!important; cursor:pointer!important; position:relative;
}
body.svws-edit-mode #sv-water-show-root .svws-editable:hover{outline-color:#fff!important; filter:drop-shadow(0 0 14px rgba(89,217,255,.32))}
.svws-edit-image,.svws-edit-bg{
  display:none; position:absolute; z-index:12; top:14px; right:14px; border:1px solid rgba(103,234,255,.36); border-radius:999px;
  background:rgba(2,14,30,.72); color:#fff; font-size:12px; font-weight:900; padding:9px 12px; backdrop-filter:blur(12px); cursor:pointer;
}
.svws-edit-bg{right:156px}
body.svws-edit-mode #sv-water-show-root .svws-edit-image,
body.svws-edit-mode #sv-water-show-root .svws-edit-bg{display:block}
.svws-ve-modal{position:fixed; inset:0; z-index:2147483100; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(0,8,18,.72); backdrop-filter:blur(12px)}
.svws-ve-modal.open{display:flex}
.svws-ve-dialog{width:min(680px,96vw); border:1px solid rgba(103,234,255,.28); border-radius:24px; padding:22px; color:#fff; background:linear-gradient(145deg,rgba(5,20,38,.96),rgba(5,33,58,.92)); box-shadow:0 30px 90px rgba(0,0,0,.55); font-family:Inter,system-ui,sans-serif; position:relative}
.svws-ve-dialog h3{margin:0 0 6px; font-size:24px}
.svws-ve-help{margin:0 0 16px; color:#b9d8ee; font-size:13px}
.svws-ve-close{position:absolute; top:14px; right:14px; width:38px; height:38px; border-radius:999px; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.08); color:#fff; font-size:24px; cursor:pointer}
.svws-ve-label{display:block; font-size:12px; font-weight:900; color:#67eaff; text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px}
.svws-ve-text,.svws-ve-url{width:100%; border:1px solid rgba(103,234,255,.25); border-radius:14px; background:#06192b; color:#fff; padding:12px; font:500 15px/1.5 Inter,system-ui,sans-serif}
.svws-ve-text{min-height:140px; resize:vertical}
.svws-ve-url-row{display:none; grid-template-columns:1fr auto; gap:10px; margin-top:10px}
.svws-ve-modal.is-image .svws-ve-url-row{display:grid}
.svws-ve-modal.is-image .svws-ve-text{display:none}
.svws-ve-media,.svws-ve-save,.svws-ve-cancel{border:0; border-radius:999px; padding:12px 16px; font-weight:900; cursor:pointer}
.svws-ve-media,.svws-ve-cancel{background:rgba(255,255,255,.10); color:#fff}
.svws-ve-save{background:linear-gradient(135deg,#35d4ff,#1467ff); color:#fff}
.svws-ve-actions{display:flex; justify-content:flex-end; gap:10px; margin-top:16px}
@media(max-width:640px){
  .svws-visual-toolbar{right:8px; left:8px; bottom:84px; justify-content:center; overflow-x:auto; border-radius:20px}
  .svws-visual-toolbar button,.svws-visual-toolbar a{font-size:12px; padding:9px 11px; white-space:nowrap}
  .svws-edit-image{top:10px; right:10px}
  .svws-edit-bg{top:50px; right:10px}
  .svws-ve-url-row{grid-template-columns:1fr}
}


/* v2.1.1 Visual editor visibility hotfix */
.svws-visual-toolbar,
body.logged-in .svws-visual-toolbar,
body.admin-bar .svws-visual-toolbar{
  display:flex!important;
  position:fixed!important;
  top:92px!important;
  right:18px!important;
  bottom:auto!important;
  left:auto!important;
  z-index:2147483647!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.svws-visual-toolbar.svws-footer-toolbar{
  display:flex!important;
}
.svws-visual-toolbar .svws-ve-toggle{
  background:linear-gradient(135deg,#35d4ff,#1467ff)!important;
  color:#fff!important;
}
@media(max-width:780px){
  .svws-visual-toolbar,
  body.logged-in .svws-visual-toolbar,
  body.admin-bar .svws-visual-toolbar{
    top:auto!important;
    left:10px!important;
    right:10px!important;
    bottom:96px!important;
    justify-content:center!important;
    width:auto!important;
    max-width:calc(100vw - 20px)!important;
  }
}

body.svws-edit-mode #sv-water-show-root .svws-editable.__svws-current{
  outline-color:#fff!important;
  box-shadow:0 0 0 3px rgba(53,212,255,.16)!important;
}


/* v2.1.5 Visual Edit Polish */
.svws-ve-toast{
  position:fixed!important;
  right:18px!important;
  bottom:154px!important;
  z-index:2147483647!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  pointer-events:none!important;
  font-family:Inter,system-ui,sans-serif!important;
}
.svws-ve-toast-item{
  min-width:220px!important;
  max-width:min(360px, calc(100vw - 32px))!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  border:1px solid rgba(103,234,255,.34)!important;
  background:linear-gradient(135deg, rgba(5,22,42,.96), rgba(8,48,76,.92))!important;
  color:#fff!important;
  box-shadow:0 18px 55px rgba(0,0,0,.45), 0 0 30px rgba(27,170,255,.15)!important;
  font-weight:900!important;
  font-size:13px!important;
  opacity:0!important;
  transform:translateY(10px) scale(.98)!important;
  animation:svwsToastIn .22s ease forwards!important;
}
.svws-ve-toast-item.error{
  border-color:rgba(255,111,111,.56)!important;
  background:linear-gradient(135deg, rgba(44,10,18,.96), rgba(88,18,28,.92))!important;
}
@keyframes svwsToastIn{to{opacity:1;transform:translateY(0) scale(1)}}

/* Compact, less intrusive toolbar */
.svws-visual-toolbar,
body.logged-in .svws-visual-toolbar,
body.admin-bar .svws-visual-toolbar{
  gap:6px!important;
  padding:6px!important;
  border-radius:999px!important;
  box-shadow:0 10px 34px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.svws-visual-toolbar button,
.svws-visual-toolbar a{
  font-size:12px!important;
  padding:8px 11px!important;
  line-height:1!important;
}
.svws-visual-toolbar .svws-ve-toggle{
  min-width:104px!important;
}
body.svws-edit-mode #sv-water-show-root .svws-editable{
  outline:1px dashed rgba(103,234,255,.28)!important;
  outline-offset:4px!important;
  transition:outline-color .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
body.svws-edit-mode #sv-water-show-root .svws-editable:hover,
body.svws-edit-mode #sv-water-show-root .svws-editable.__svws-current{
  outline:2px dashed rgba(103,234,255,.9)!important;
  box-shadow:0 0 0 3px rgba(53,212,255,.13)!important;
}

/* Cleaner modal */
.svws-ve-dialog{
  width:min(620px,94vw)!important;
  padding:20px!important;
  border-radius:22px!important;
}
.svws-ve-dialog h3{
  font-size:22px!important;
  margin-bottom:4px!important;
}
.svws-ve-help{
  font-size:13px!important;
  margin-bottom:14px!important;
}
.svws-ve-text{
  min-height:116px!important;
}
.svws-ve-actions{
  align-items:center!important;
}
.svws-ve-status{
  margin-right:auto!important;
  color:#67eaff!important;
  font-size:12px!important;
  font-weight:900!important;
  opacity:.92!important;
}
.svws-ve-save.saved{
  background:linear-gradient(135deg,#1ecb8f,#0b9f74)!important;
}
.svws-ve-save.error{
  background:linear-gradient(135deg,#ff6b6b,#c81e3b)!important;
}

/* Hide edit image buttons unless edit mode + hover zone */
.svws-edit-image,.svws-edit-bg{
  opacity:.88!important;
  transform:translateY(-3px)!important;
}
.svws-edit-image:hover,.svws-edit-bg:hover{
  opacity:1!important;
  box-shadow:0 0 22px rgba(53,212,255,.26)!important;
}

/* Mobile polish for visual editor */
@media(max-width:780px){
  .svws-ve-toast{
    left:10px!important;
    right:10px!important;
    bottom:160px!important;
  }
  .svws-ve-toast-item{
    width:100%!important;
    max-width:none!important;
    text-align:center!important;
  }
  .svws-visual-toolbar,
  body.logged-in .svws-visual-toolbar,
  body.admin-bar .svws-visual-toolbar{
    bottom:86px!important;
    padding:6px!important;
    gap:5px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .svws-visual-toolbar::-webkit-scrollbar{display:none!important}
  .svws-visual-toolbar button,
  .svws-visual-toolbar a{
    font-size:11px!important;
    padding:8px 10px!important;
  }
  .svws-ve-dialog{
    width:calc(100vw - 18px)!important;
    padding:16px!important;
    border-radius:18px!important;
  }
  .svws-ve-text{
    min-height:110px!important;
    font-size:14px!important;
  }
}


/* v2.1.6 Persistence Fix UI */
.svws-ve-save.svws-saving{opacity:.82!important;cursor:wait!important}
.svws-ve-save.svws-saved{background:linear-gradient(135deg,#21d69d,#098c6b)!important}
.svws-ve-save.svws-error{background:linear-gradient(135deg,#ff6b6b,#bb1834)!important}

/* v2.1.7 Public Hydration Fix */


/* SVWS Equipment Hub v2.2.0 */
#sv-water-show-root.svws-equipment-root{
  min-height:100vh;
  background-color:#03101f;
  background-size:cover;
  background-position:center top;
  background-attachment:fixed;
  overflow-x:hidden;
}
.svws-equipment-shell{
  max-width:1680px;
  width:min(100% - 48px,1680px);
  margin:0 auto;
  padding:28px 0 80px;
}
.svws-eq-mini-nav{position:sticky;top:74px;z-index:80;margin:0 auto 28px;width:min(100%,1180px)}
.svws-glass-card,.svws-eq-hero,.svws-eq-category-card,.svws-eq-product-card,.svws-builder-card{
  background:linear-gradient(145deg,rgba(10,36,60,.74),rgba(3,14,28,.86));
  border:1px solid rgba(56,189,248,.28);
  box-shadow:0 22px 80px rgba(0,0,0,.32);
  border-radius:28px;
  overflow:hidden;
}
.svws-eq-hero{
  display:grid;
  grid-template-columns:1.4fr .7fr;
  gap:28px;
  align-items:center;
  padding:42px;
  margin-bottom:40px;
}
.svws-kicker{display:block;color:#22d3ee;font-weight:900;letter-spacing:.12em;font-size:12px;text-transform:uppercase;margin-bottom:12px}
.svws-eq-hero h1,.svws-section-head h2{font-size:clamp(34px,4vw,64px);line-height:.95;margin:0 0 16px;color:#fff;font-weight:900;letter-spacing:-.045em}
.svws-eq-hero p,.svws-section-head p,.svws-eq-product-info p,.svws-eq-category-card p,.svws-eq-product-card p{color:rgba(226,242,255,.82);font-size:16px;line-height:1.62}
.svws-eq-hero-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.svws-btn-primary,.svws-btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:15px 22px;border-radius:16px;font-weight:900;text-decoration:none!important;
  transition:.25s transform,.25s box-shadow;
}
.svws-btn-primary{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff!important;box-shadow:0 16px 38px rgba(37,99,235,.35)}
.svws-btn-ghost{border:1px solid rgba(148,208,255,.32);color:#fff!important;background:rgba(8,25,45,.48)}
.svws-btn-primary:hover,.svws-btn-ghost:hover{transform:translateY(-2px)}
.svws-eq-section{margin:42px 0}
.svws-section-head{text-align:center;max-width:900px;margin:0 auto 24px}
.svws-eq-category-grid,.svws-eq-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.svws-eq-category-card,.svws-eq-product-card{display:flex;flex-direction:column;text-decoration:none!important;color:#fff!important;min-width:0}
.svws-eq-category-card img,.svws-eq-product-card img{
  width:100%;height:210px;object-fit:cover;display:block;border-bottom:1px solid rgba(56,189,248,.2)
}
.svws-eq-category-card div,.svws-eq-product-card div{padding:22px}
.svws-eq-category-card h3,.svws-eq-product-card h3{font-size:24px;line-height:1.05;margin:0 0 10px;color:#fff;font-weight:900}
.svws-eq-category-card span,.svws-eq-product-card b,.svws-eq-product-card span{
  display:inline-flex;margin-top:10px;border:1px solid rgba(34,211,238,.35);
  background:rgba(14,116,144,.26);color:#dff8ff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;
}
.svws-eq-product-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:0;margin-bottom:34px}
.svws-eq-product-media{padding:18px}
.svws-eq-product-media>img{width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:22px;background:#020817;display:block}
.svws-eq-gallery-img{display:inline-block;width:120px;height:72px;margin:10px 8px 0 0;border-radius:12px;overflow:hidden;border:1px solid rgba(56,189,248,.25)}
.svws-eq-gallery-img img{width:100%;height:100%;object-fit:cover}
.svws-eq-product-info{padding:44px;align-self:center}
.svws-eq-product-info h1{font-size:clamp(32px,4.5vw,66px);line-height:.95;margin:0 0 16px;color:#fff;font-weight:900}
.svws-eq-badges,.svws-eq-actions,.svws-builder-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.svws-eq-badges span,.svws-builder-chips a{
  color:#e8fbff;text-decoration:none;border:1px solid rgba(34,211,238,.3);
  background:rgba(8,34,58,.75);border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800
}
.svws-eq-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.svws-eq-detail-grid .svws-glass-card{padding:28px}
.svws-eq-spec-table{width:100%;border-collapse:collapse;color:#eaf8ff}
.svws-eq-spec-table th,.svws-eq-spec-table td{border-bottom:1px solid rgba(148,208,255,.16);padding:13px;text-align:left;vertical-align:top}
.svws-eq-spec-table th{color:#7dd3fc;width:34%}
.svws-eq-category-hero{grid-template-columns:1fr .9fr}
.svws-eq-category-hero-img img{width:100%;height:340px;object-fit:cover;border-radius:22px}
.svws-builder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.svws-builder-card{padding:26px;color:#fff}
.svws-builder-card h3{font-size:24px;line-height:1.05;margin:0 0 12px;font-weight:900}
.svws-empty-card{padding:34px;border:1px dashed rgba(56,189,248,.32);border-radius:24px;color:#d6f7ff;text-align:center;background:rgba(3,14,28,.55)}

@media(max-width:1180px){
  .svws-eq-category-grid,.svws-eq-product-grid,.svws-builder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svws-eq-hero,.svws-eq-product-detail,.svws-eq-category-hero{grid-template-columns:1fr}
}
@media(max-width:768px){
  #sv-water-show-root.svws-equipment-root{background-attachment:scroll}
  .svws-equipment-shell{width:100%;padding:12px 10px 78px}
  .svws-eq-mini-nav{top:auto;bottom:8px;position:fixed;left:8px;right:8px;width:auto;margin:0;overflow-x:auto;justify-content:flex-start}
  .svws-eq-hero{padding:22px 18px;border-radius:22px;margin-bottom:26px}
  .svws-eq-hero h1,.svws-section-head h2{font-size:32px;line-height:1.02}
  .svws-eq-category-grid,.svws-eq-product-grid,.svws-builder-grid,.svws-eq-detail-grid{grid-template-columns:1fr;gap:14px}
  .svws-eq-category-card img,.svws-eq-product-card img{height:auto;aspect-ratio:16/9;object-fit:cover}
  .svws-eq-category-card div,.svws-eq-product-card div,.svws-eq-product-info{padding:18px}
  .svws-eq-product-info h1{font-size:34px;line-height:1.02}
  .svws-eq-hero-actions{flex-direction:row;flex-wrap:wrap}
  .svws-btn-primary,.svws-btn-ghost{padding:13px 16px;font-size:14px}
}


/* SVWS Equipment Hub v2.2.2 visual polish + sitemap fix + alignment rollback */
#sv-water-show-root.svws-equipment-root{
  position:relative;
  left:auto!important;
  right:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
.svws-mini-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(3,14,28,.78);
  border:1px solid rgba(56,189,248,.28);
  box-shadow:0 18px 60px rgba(0,0,0,.28);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.svws-mini-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 14px;
  border-radius:999px;
  color:#eefbff;
  text-decoration:none!important;
  font-size:14px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  transition:all .22s ease;
}
.svws-mini-nav a:hover,
.svws-mini-nav a.active{
  background:linear-gradient(135deg,rgba(56,189,248,.28),rgba(37,99,235,.32));
  border-color:rgba(56,189,248,.32);
  box-shadow:inset 0 0 0 1px rgba(125,211,252,.18),0 10px 24px rgba(37,99,235,.16);
}
.svws-mini-nav .svws-mini-home{
  width:40px;
  min-width:40px;
  height:40px;
  padding:0;
  font-size:18px;
  background:linear-gradient(135deg,#38bdf8,#2563eb);
  color:#fff!important;
  box-shadow:0 12px 28px rgba(37,99,235,.28);
}
.svws-mini-nav .svws-mini-home:hover{transform:translateY(-1px)}
.svws-equipment-shell .entry-content,
.svws-equipment-shell .site-main,
.svws-equipment-shell .wp-site-blocks{max-width:none}
@media(max-width:768px){
  .svws-mini-nav{padding:8px 10px;gap:8px}
  .svws-mini-nav a{min-height:36px;padding:9px 12px;font-size:13px}
  .svws-mini-nav .svws-mini-home{width:36px;min-width:36px;height:36px}
}

/* SVWS v2.2.2 equipment virtual-page alignment guard
   Do not break out with 100vw/negative margins on virtual pages. */
#sv-water-show-root.svws-equipment-root,
#sv-water-show-root.svws-equipment-root * {
  box-sizing:border-box;
}
#sv-water-show-root.svws-equipment-root {
  display:block;
  min-width:0!important;
  transform:none!important;
}
#sv-water-show-root.svws-equipment-root .svws-equipment-shell {
  width:min(calc(100% - 48px),1680px)!important;
  max-width:1680px!important;
  margin-inline:auto!important;
  overflow-x:visible!important;
}
#sv-water-show-root.svws-equipment-root .svws-eq-mini-nav {
  max-width:min(1180px, calc(100vw - 32px))!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none;
}
#sv-water-show-root.svws-equipment-root .svws-eq-mini-nav::-webkit-scrollbar{display:none}
#sv-water-show-root.svws-equipment-root .svws-eq-category-grid,
#sv-water-show-root.svws-equipment-root .svws-eq-product-grid,
#sv-water-show-root.svws-equipment-root .svws-builder-grid,
#sv-water-show-root.svws-equipment-root .svws-eq-detail-grid {
  min-width:0!important;
  max-width:100%!important;
}
#sv-water-show-root.svws-equipment-root img,
#sv-water-show-root.svws-equipment-root iframe,
#sv-water-show-root.svws-equipment-root video {
  max-width:100%!important;
}
@media(max-width:768px){
  #sv-water-show-root.svws-equipment-root {
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    background-attachment:scroll!important;
  }
  #sv-water-show-root.svws-equipment-root .svws-equipment-shell {
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    padding:12px 0 82px!important;
  }
  #sv-water-show-root.svws-equipment-root .svws-eq-hero,
  #sv-water-show-root.svws-equipment-root .svws-glass-card {
    border-radius:22px!important;
  }
  #sv-water-show-root.svws-equipment-root .svws-eq-hero {
    padding:20px 16px!important;
  }
  #sv-water-show-root.svws-equipment-root .svws-eq-category-card div,
  #sv-water-show-root.svws-equipment-root .svws-eq-product-card div,
  #sv-water-show-root.svws-equipment-root .svws-eq-product-info {
    padding:16px!important;
  }
  #sv-water-show-root.svws-equipment-root .svws-eq-hero h1,
  #sv-water-show-root.svws-equipment-root .svws-section-head h2 {
    font-size:clamp(30px,8.5vw,42px)!important;
    line-height:1.04!important;
  }
  #sv-water-show-root.svws-equipment-root .svws-eq-product-info h1 {
    font-size:clamp(30px,8.5vw,42px)!important;
  }
}
@media(max-width:430px){
  #sv-water-show-root.svws-equipment-root .svws-equipment-shell {
    width:calc(100% - 10px)!important;
    max-width:calc(100% - 10px)!important;
  }
  #sv-water-show-root.svws-equipment-root .svws-eq-mini-nav {
    left:5px!important;
    right:5px!important;
  }
}


/* SVWS Equipment Hub v2.2.3 full-width virtual page match
   Keeps the main landing page visual width while avoiding static negative-margin drift. */
html.svws-eq-virtual-page,
body.svws-eq-virtual-page{
  overflow-x:hidden!important;
  background:#020714!important;
}
body.svws-eq-virtual-page #content,
body.svws-eq-virtual-page main#content,
body.svws-eq-virtual-page .site,
body.svws-eq-virtual-page .site-content,
body.svws-eq-virtual-page .content-area,
body.svws-eq-virtual-page .entry,
body.svws-eq-virtual-page .entry-content,
body.svws-eq-virtual-page .wp-site-blocks,
body.svws-eq-virtual-page .wp-block-post-content{
  max-width:100%!important;
  overflow-x:hidden!important;
}
#sv-water-show-root.svws-equipment-root{
  min-height:100vh!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
#sv-water-show-root.svws-equipment-root .svws-equipment-shell{
  width:min(calc(100% - 48px),1680px)!important;
  max-width:1680px!important;
  margin-inline:auto!important;
}
#sv-water-show-root.svws-equipment-root .svws-eq-hero,
#sv-water-show-root.svws-equipment-root .svws-eq-section{
  max-width:100%!important;
}
@media(max-width:768px){
  #sv-water-show-root.svws-equipment-root{background-attachment:scroll!important}
  #sv-water-show-root.svws-equipment-root .svws-equipment-shell{
    width:calc(100% - 12px)!important;
    max-width:calc(100% - 12px)!important;
  }
}
@media(max-width:430px){
  #sv-water-show-root.svws-equipment-root .svws-equipment-shell{
    width:calc(100% - 8px)!important;
    max-width:calc(100% - 8px)!important;
  }
}


/* SVWS Equipment Hub v2.2.4 alignment polish
   Fixes v2.2.3 left-clipping on virtual equipment pages by staying inside the theme content safe area
   instead of forcing the root to 100vw with JS negative offsets. */
html.svws-eq-virtual-page,
body.svws-eq-virtual-page{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  background:#020714!important;
}
body.svws-eq-virtual-page #page,
body.svws-eq-virtual-page .site,
body.svws-eq-virtual-page .site-content,
body.svws-eq-virtual-page .content-area,
body.svws-eq-virtual-page .site-main,
body.svws-eq-virtual-page main#content,
body.svws-eq-virtual-page #content,
body.svws-eq-virtual-page .entry,
body.svws-eq-virtual-page .entry-content,
body.svws-eq-virtual-page .wp-site-blocks,
body.svws-eq-virtual-page .wp-block-post-content{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
  background:transparent!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  position:relative!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  padding-top:72px!important;
  padding-bottom:72px!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-equipment-shell{
  width:min(calc(100% - 48px),1680px)!important;
  max-width:1680px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-hero,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-section,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-product-detail,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-glass-card{
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow:hidden!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-category-grid,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-product-grid{
  width:100%!important;
  max-width:100%!important;
}
@media (min-width:1200px){
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-equipment-shell{
    width:min(calc(100% - 52px),1680px)!important;
  }
}
@media (max-width:980px){
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root{
    background-attachment:scroll!important;
    padding-top:56px!important;
    padding-bottom:92px!important;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-equipment-shell{
    width:calc(100% - 12px)!important;
    max-width:calc(100% - 12px)!important;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-hero h1,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-section-head h2{
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
}
@media (max-width:430px){
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-equipment-shell{
    width:calc(100% - 8px)!important;
    max-width:calc(100% - 8px)!important;
  }
}


/* SVWS Equipment Hub v2.2.5 fixed equipment nav + contrast polish
   Keep virtual-page navigation visible while scrolling and force readable text on dark glass cards. */
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-mini-nav{
  position:fixed!important;
  top:102px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(1180px, calc(100vw - 220px))!important;
  max-width:min(1180px, calc(100vw - 220px))!important;
  margin:0!important;
  z-index:9997!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  background:rgba(3,14,28,.84)!important;
  border:1px solid rgba(56,189,248,.36)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-mini-nav::-webkit-scrollbar{display:none!important}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-equipment-shell{
  padding-top:118px!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-glass-card,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-hero,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-section,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-product-detail,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-category-card,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-product-card,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-builder-card{
  color:#f8fcff!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root h1,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root h2,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root h3,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root h4,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root strong,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root b{
  color:#ffffff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.35);
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root p,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root li,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root td,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-spec-table td{
  color:rgba(235,248,255,.88)!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-spec-table th,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-kicker{
  color:#38e8ff!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-detail-grid .svws-glass-card{
  background:linear-gradient(145deg,rgba(10,36,60,.82),rgba(3,14,28,.9))!important;
}

@media (max-width:980px){
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-mini-nav{
    top:auto!important;
    bottom:10px!important;
    left:8px!important;
    right:8px!important;
    transform:none!important;
    width:auto!important;
    max-width:calc(100vw - 16px)!important;
    justify-content:flex-start!important;
    padding:8px 10px!important;
    gap:8px!important;
    z-index:9998!important;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-equipment-shell{
    padding-top:20px!important;
    padding-bottom:106px!important;
    width:calc(100% - 10px)!important;
    max-width:calc(100% - 10px)!important;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-hero,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-section,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-product-detail,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-glass-card{
    border-radius:20px!important;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-category-grid,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-product-grid,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-builder-grid,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-detail-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-hero{
    padding:20px 14px!important;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-product-detail{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:430px){
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-equipment-shell{
    width:calc(100% - 6px)!important;
    max-width:calc(100% - 6px)!important;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-hero h1,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-section-head h2,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-product-info h1{
    font-size:clamp(28px, 8.2vw, 38px)!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root p{
    font-size:14px!important;
    line-height:1.5!important;
  }
}

/* SVWS Equipment Hub v2.2.6 typography polish
   Softens oversized virtual-page headings while keeping premium contrast. */
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-hero h1{
  font-size:clamp(40px,3.25vw,56px)!important;
  line-height:1.02!important;
  font-weight:820!important;
  letter-spacing:-.032em!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-section-head h2{
  font-size:clamp(34px,3vw,52px)!important;
  line-height:1.05!important;
  font-weight:820!important;
  letter-spacing:-.028em!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-product-info h1{
  font-size:clamp(40px,3.35vw,58px)!important;
  line-height:1.03!important;
  font-weight:820!important;
  letter-spacing:-.03em!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-category-card h3,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-product-card h3,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-builder-card h3{
  font-size:22px!important;
  line-height:1.12!important;
  font-weight:820!important;
  letter-spacing:-.018em!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-kicker{
  font-weight:800!important;
  letter-spacing:.105em!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-btn-primary,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-btn-ghost,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-badges span,
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-builder-chips a{
  font-weight:780!important;
}
@media (max-width:980px){
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-hero h1,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-section-head h2,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-product-info h1{
    font-size:clamp(30px,7.2vw,42px)!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:-.026em!important;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-category-card h3,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-product-card h3,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-builder-card h3{
    font-size:20px!important;
    line-height:1.14!important;
  }
}
@media (max-width:430px){
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-hero h1,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-section-head h2,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-product-info h1{
    font-size:clamp(27px,7.3vw,34px)!important;
    line-height:1.08!important;
    font-weight:780!important;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-category-card h3,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-eq-product-card h3,
  body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root .svws-builder-card h3{
    font-size:19px!important;
  }
}

/* v2.4.0 Frontend Manage Dashboard — BDS-style manager for Water Show */
#sv-water-show-root.svws-equipment-root .svws-manage-front-hero{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:28px;align-items:center;margin:18px 0 28px;padding:34px 34px;border-radius:30px;
  background:linear-gradient(135deg,rgba(6,33,58,.86),rgba(3,15,30,.82)),rgba(6,33,58,.55)!important;
}
#sv-water-show-root.svws-equipment-root .svws-manage-front-hero h1{font-size:clamp(34px,4.2vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0 0 14px;color:#fff;font-weight:850}
#sv-water-show-root.svws-equipment-root .svws-manage-front-hero p{max-width:900px;color:rgba(226,242,255,.86);line-height:1.65;margin:0 0 18px}
#sv-water-show-root.svws-equipment-root .svws-manage-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
#sv-water-show-root.svws-equipment-root .svws-manage-tabs a,
#sv-water-show-root.svws-equipment-root .svws-manage-card a,
#sv-water-show-root.svws-equipment-root .svws-manage-card span{
  display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:9px 14px;border-radius:999px;border:1px solid rgba(56,189,248,.35);background:rgba(8,30,52,.72);color:#eaf8ff!important;text-decoration:none!important;font-weight:800;font-size:13px;margin:4px 6px 4px 0;white-space:nowrap
}
#sv-water-show-root.svws-equipment-root .svws-manage-tabs a:first-child,
#sv-water-show-root.svws-equipment-root .svws-manage-card a:first-of-type{background:linear-gradient(135deg,#25c9ff,#2368ff);border-color:rgba(125,211,252,.66);box-shadow:0 12px 32px rgba(37,153,255,.25)}
#sv-water-show-root.svws-equipment-root .svws-manage-metrics{display:grid;grid-template-columns:1fr;gap:12px}
#sv-water-show-root.svws-equipment-root .svws-manage-metrics span{display:flex;justify-content:space-between;gap:20px;padding:16px 18px;border-radius:18px;background:rgba(2,8,23,.5);border:1px solid rgba(56,189,248,.20);color:#dff6ff;font-weight:750}
#sv-water-show-root.svws-equipment-root .svws-manage-metrics b{font-size:28px;color:#68e6ff;line-height:1}
#sv-water-show-root.svws-equipment-root .svws-manage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0 28px}
#sv-water-show-root.svws-equipment-root .svws-manage-card,
#sv-water-show-root.svws-equipment-root .svws-manage-panel{
  border:1px solid rgba(56,189,248,.22);background:linear-gradient(180deg,rgba(6,31,53,.78),rgba(2,12,26,.78));box-shadow:0 24px 80px rgba(0,0,0,.25);border-radius:26px;padding:24px;color:#eaf8ff;min-width:0
}
#sv-water-show-root.svws-equipment-root .svws-manage-card h2{font-size:21px;line-height:1.18;margin:0 0 10px;color:#fff;font-weight:850;letter-spacing:-.025em}
#sv-water-show-root.svws-equipment-root .svws-manage-card p{font-size:14px;line-height:1.58;margin:0 0 14px;color:rgba(226,242,255,.78)}
#sv-water-show-root.svws-equipment-root .svws-manage-panel{margin:24px 0;padding:28px}
#sv-water-show-root.svws-equipment-root .svws-manage-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
#sv-water-show-root.svws-equipment-root .svws-manage-panel h2{font-size:clamp(24px,3vw,38px);line-height:1.08;margin:0 0 8px;color:#fff;font-weight:850;letter-spacing:-.035em}
#sv-water-show-root.svws-equipment-root .svws-manage-panel p{margin:0;color:rgba(226,242,255,.82);line-height:1.58}
#sv-water-show-root.svws-equipment-root .svws-front-import-form{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;margin-top:18px}
#sv-water-show-root.svws-equipment-root .svws-front-import-form input[type=file]{width:100%;border:1px solid rgba(56,189,248,.28);background:rgba(2,8,23,.64);border-radius:16px;padding:13px;color:#eaf8ff}
#sv-water-show-root.svws-equipment-root .svws-front-import-form label{font-weight:700;color:#dff6ff;font-size:13px;white-space:nowrap}
#sv-water-show-root.svws-equipment-root .svws-code-hint{margin-top:16px;padding:14px 16px;border-radius:16px;background:rgba(0,0,0,.35);border:1px dashed rgba(125,211,252,.25);color:#bfeaff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;word-break:break-word}
#sv-water-show-root.svws-equipment-root .svws-front-notice{margin:18px 0;padding:16px 18px;border-radius:18px;border:1px solid rgba(34,197,94,.35);background:rgba(22,101,52,.22);color:#eafff3}
#sv-water-show-root.svws-equipment-root .svws-front-notice.svws-warn{border-color:rgba(251,191,36,.45);background:rgba(146,64,14,.22);color:#fff7db}
#sv-water-show-root.svws-equipment-root .svws-table-scroll{overflow-x:auto;border-radius:18px;border:1px solid rgba(56,189,248,.18)}
#sv-water-show-root.svws-equipment-root .svws-front-table{width:100%;border-collapse:collapse;color:#eaf8ff;min-width:760px;background:rgba(2,8,23,.35)}
#sv-water-show-root.svws-equipment-root .svws-front-table th,
#sv-water-show-root.svws-equipment-root .svws-front-table td{padding:13px 14px;border-bottom:1px solid rgba(148,208,255,.13);text-align:left;vertical-align:top}
#sv-water-show-root.svws-equipment-root .svws-front-table th{color:#7dd3fc;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
#sv-water-show-root.svws-equipment-root .svws-front-table a{color:#7dd3fc!important;font-weight:800;text-decoration:none!important}
#sv-water-show-root.svws-equipment-root .svws-status-pill{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.28);color:#bbf7d0;font-weight:800;font-size:12px}

@media (max-width: 1024px){
  #sv-water-show-root.svws-equipment-root .svws-manage-front-hero{grid-template-columns:1fr;padding:26px 22px}
  #sv-water-show-root.svws-equipment-root .svws-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #sv-water-show-root.svws-equipment-root .svws-front-import-form{grid-template-columns:1fr}
}
@media (max-width: 768px){
  #sv-water-show-root.svws-equipment-root .svws-manage-grid{grid-template-columns:1fr;gap:12px}
  #sv-water-show-root.svws-equipment-root .svws-manage-front-hero,
  #sv-water-show-root.svws-equipment-root .svws-manage-panel,
  #sv-water-show-root.svws-equipment-root .svws-manage-card{border-radius:22px;padding:18px}
  #sv-water-show-root.svws-equipment-root .svws-manage-panel-head{flex-direction:column}
  #sv-water-show-root.svws-equipment-root .svws-manage-front-hero h1{font-size:30px!important;line-height:1.05!important}
  #sv-water-show-root.svws-equipment-root .svws-manage-panel h2{font-size:25px!important;line-height:1.08!important}
}

/* v2.4.2 Professional UI/UX alignment fix
   - Keep Water Show landing/edit controls from being stretched by theme button styles.
   - Make /water-show/manage/ a true full-width frontend dashboard with its own background. */
#sv-water-show-root .svws-edit-image,
#sv-water-show-root .svws-edit-bg{
  display:none!important;
  position:absolute!important;
  z-index:30!important;
  top:14px!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  height:auto!important;
  min-height:34px!important;
  padding:8px 12px!important;
  margin:0!important;
  border-radius:999px!important;
  border:1px solid rgba(103,234,255,.44)!important;
  background:linear-gradient(135deg,rgba(5,22,42,.88),rgba(8,48,76,.78))!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08)!important;
  font:900 12px/1 Inter,system-ui,sans-serif!important;
  text-align:center!important;
  white-space:nowrap!important;
  transform:none!important;
}
#sv-water-show-root .svws-edit-image{right:14px!important;left:auto!important}
#sv-water-show-root .svws-edit-bg{right:166px!important;left:auto!important}
body.svws-edit-mode #sv-water-show-root .svws-edit-image,
body.svws-edit-mode #sv-water-show-root .svws-edit-bg{display:inline-flex!important;align-items:center!important;justify-content:center!important}
#sv-water-show-root .navbar,
#sv-water-show-root .nav-menu,
#sv-water-show-root .svws-mini-nav{box-sizing:border-box!important}

body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root{
  min-height:calc(100vh - 70px)!important;
  padding:0 0 78px!important;
  border-radius:0!important;
  overflow:visible!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  box-shadow:0 0 0 1px rgba(56,189,248,.08), 0 34px 100px rgba(0,0,0,.32)!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 8%, rgba(37,201,255,.16), transparent 30%),
    radial-gradient(circle at 82% 0%, rgba(22,120,255,.20), transparent 30%),
    linear-gradient(180deg, rgba(2,7,20,.20), rgba(2,7,20,.56) 52%, rgba(2,7,20,.78));
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-equipment-shell{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:92px 26px 0!important;
  box-sizing:border-box!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-eq-mini-nav{
  top:104px!important;
  width:min(900px,calc(100vw - 260px))!important;
  max-width:min(900px,calc(100vw - 260px))!important;
  padding:10px!important;
  border-radius:28px!important;
  justify-content:center!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-front-hero{
  margin:0 auto 30px!important;
  max-width:1380px!important;
  min-height:430px!important;
  padding:46px!important;
  border-radius:32px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important;
  gap:38px!important;
  background:
    linear-gradient(135deg,rgba(5,31,55,.90),rgba(2,12,26,.84)),
    radial-gradient(circle at 22% 10%,rgba(56,189,248,.16),transparent 35%)!important;
  border:1px solid rgba(56,189,248,.30)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-front-hero h1{
  max-width:760px!important;
  font-size:clamp(46px,4.4vw,72px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-front-hero p{
  max-width:760px!important;
  font-size:16px!important;
  line-height:1.65!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-metrics{
  align-self:center!important;
  gap:14px!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-metrics span{
  min-height:64px!important;
  padding:18px 22px!important;
  border-radius:18px!important;
  background:rgba(2,8,23,.54)!important;
  border:1px solid rgba(125,211,252,.22)!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-grid,
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-panel{
  max-width:1380px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-card,
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-panel{
  background:linear-gradient(180deg,rgba(6,31,53,.82),rgba(2,12,26,.82))!important;
  border:1px solid rgba(56,189,248,.26)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-tabs{
  gap:10px!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-tabs a{
  min-height:40px!important;
  padding:10px 16px!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-front-layout{
  max-width:1380px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:grid!important;
  grid-template-columns:minmax(360px,.55fr) minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
}
@media(max-width:1180px){
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-equipment-shell{padding-left:18px!important;padding-right:18px!important}
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-front-hero{grid-template-columns:1fr!important;min-height:0!important;padding:34px!important}
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-front-layout{grid-template-columns:1fr!important}
}
@media(max-width:980px){
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;background-attachment:scroll!important}
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-equipment-shell{padding:18px 10px 104px!important}
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-eq-mini-nav{width:auto!important;max-width:calc(100vw - 16px)!important;top:auto!important;bottom:10px!important;left:8px!important;right:8px!important;transform:none!important;justify-content:flex-start!important}
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-front-hero{border-radius:24px!important;padding:24px!important}
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-front-hero h1{font-size:clamp(32px,8vw,46px)!important;letter-spacing:-.04em!important}
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-grid{grid-template-columns:1fr!important}
}


/* v2.4.3 MANAGE ALIGN + BRIGHTER PROFESSIONAL BACKGROUND
   Fine-tune the frontend management dashboard after live browser testing. */
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root{
  background-color:#06182a!important;
  box-shadow:0 0 0 1px rgba(56,189,248,.10), 0 28px 86px rgba(0,0,0,.24)!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root[style*="background-image"]{
  background-blend-mode:screen,normal!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root::before{
  background:
    radial-gradient(circle at 16% 10%, rgba(56,189,248,.24), transparent 32%),
    radial-gradient(circle at 82% 2%, rgba(59,130,246,.26), transparent 34%),
    radial-gradient(circle at 50% 92%, rgba(14,165,233,.14), transparent 44%),
    linear-gradient(180deg, rgba(2,12,28,.06), rgba(2,14,31,.30) 48%, rgba(2,12,28,.52))!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-equipment-shell{
  max-width:100%!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-eq-mini-nav{
  left:calc(50% + var(--svws-manage-shift,0px))!important;
  width:min(900px,calc(100vw - 310px))!important;
  max-width:min(900px,calc(100vw - 310px))!important;
  background:linear-gradient(135deg,rgba(5,22,42,.86),rgba(8,37,62,.78))!important;
  border-color:rgba(83,213,255,.42)!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-front-hero{
  max-width:1340px!important;
  min-height:405px!important;
  background:
    linear-gradient(135deg,rgba(7,42,71,.80),rgba(4,18,36,.72)),
    radial-gradient(circle at 23% 8%,rgba(103,232,249,.20),transparent 36%),
    radial-gradient(circle at 78% 100%,rgba(37,99,235,.16),transparent 42%)!important;
  border-color:rgba(82,215,255,.38)!important;
  box-shadow:0 24px 74px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-card,
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-panel{
  background:linear-gradient(180deg,rgba(8,46,76,.76),rgba(4,22,43,.72))!important;
  border-color:rgba(83,213,255,.32)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.065)!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-metrics span{
  background:rgba(4,18,36,.46)!important;
  border-color:rgba(125,211,252,.30)!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-grid,
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-panel,
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-front-layout{
  max-width:1340px!important;
}
@media(min-width:1200px){
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-equipment-shell{
    padding-left:22px!important;
    padding-right:22px!important;
  }
}
@media(max-width:980px){
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-eq-mini-nav{
    left:8px!important;right:8px!important;width:auto!important;max-width:calc(100vw - 16px)!important;
  }
}


/* v2.4.4 BG brightness controls + centered manage workspace */
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root[style*="background-image"]{
  background-blend-mode:screen,normal!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root:not(.svws-manage-root)::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:0!important;
  background:
    radial-gradient(circle at 18% 10%, rgba(103,234,255,.18), transparent 30%),
    radial-gradient(circle at 84% 4%, rgba(59,130,246,.18), transparent 30%),
    linear-gradient(180deg, rgba(2,12,28,.02), rgba(2,12,28,.16) 48%, rgba(2,12,28,.34))!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root:not(.svws-manage-root) .svws-equipment-shell{
  position:relative!important;
  z-index:1!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-equipment-shell{
  width:min(calc(100% - 170px), 1420px)!important;
  max-width:1420px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-top:92px!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-front-hero,
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-grid,
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-panel,
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-front-layout{
  max-width:100%!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-eq-mini-nav{
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(900px, calc(100% - 220px))!important;
  max-width:min(900px, calc(100% - 220px))!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-bg-tuning{
  border:1px solid rgba(83,213,255,.28);
  border-radius:24px;
  padding:18px;
  background:linear-gradient(135deg,rgba(37,201,255,.10),rgba(22,120,255,.06));
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-bg-tuning-head h3{
  margin:0 0 6px;
  color:#fff;
  font-size:22px;
  line-height:1.12;
  letter-spacing:-.02em;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-bg-tuning-head p{
  margin:0 0 16px;
  color:rgba(226,242,255,.78);
  font-size:13px;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-bg-tuning-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-bg-tuning-grid label{
  display:grid;
  grid-template-columns:minmax(160px,1fr) minmax(140px,1fr) 52px;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:18px;
  background:rgba(2,8,23,.42);
  border:1px solid rgba(125,211,252,.18);
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-bg-tuning-grid label span{
  display:block;
  min-width:0;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-bg-tuning-grid b{
  display:block;
  color:#fff;
  font-size:13px;
  line-height:1.25;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-bg-tuning-grid em{
  display:block;
  margin-top:3px;
  color:rgba(191,219,254,.76);
  font-style:normal;
  font-size:11px;
  line-height:1.25;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-bg-tuning-grid input[type=range]{
  width:100%;
  accent-color:#25c9ff;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-bg-tuning-grid strong{
  color:#67eaff;
  text-align:right;
  font-size:13px;
}
@media(max-width:1180px){
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-equipment-shell{
    width:min(calc(100% - 40px), 1420px)!important;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-bg-tuning-grid{grid-template-columns:1fr}
}
@media(max-width:980px){
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-equipment-shell{
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    padding-top:18px!important;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-eq-mini-nav{
    left:8px!important;
    right:8px!important;
    transform:none!important;
    width:auto!important;
    max-width:calc(100vw - 16px)!important;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-bg-tuning-grid label{
    grid-template-columns:1fr;
  }
  body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-bg-tuning-grid strong{text-align:left}
}


/* v2.4.5 Section Overlay Brightness Control */
#sv-water-show-root{
  --svws-section-overlay-alpha: .35;
  --svws-section-overlay-soft: .17;
}
#sv-water-show-root .section{
  isolation:isolate;
}
#sv-water-show-root .section::before{
  content:"";
  position:absolute;
  inset:10px 0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 48%, rgba(255,255,255,var(--svws-section-overlay-soft)) 0%, rgba(255,255,255,calc(var(--svws-section-overlay-soft) * .42)) 23%, transparent 46%),
    linear-gradient(90deg, transparent 0%, rgba(2,8,23,var(--svws-section-overlay-alpha)) 22%, rgba(2,8,23,calc(var(--svws-section-overlay-alpha) * .92)) 78%, transparent 100%);
  filter:blur(.2px);
}
#sv-water-show-root .section > .container{
  position:relative;
  z-index:1;
}
#sv-water-show-root .section.solution-detail::before,
#sv-water-show-root .section#video-library::before,
#sv-water-show-root .section#projects::before,
#sv-water-show-root .section#partner::before{
  opacity:.92;
}
#sv-water-show-root .svws-bg-tuning-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:980px){
  #sv-water-show-root .section::before{inset:4px 0}
  #sv-water-show-root .svws-bg-tuning-grid{grid-template-columns:1fr}
}


/* v2.4.6 Section Surface Layer Fix
   The old v2.4.5 control painted a large overlay on the whole .section.
   This version disables that broad mask and targets only the real glass/surface layer:
   solution shells, gallery surface, video panels, technology panels, CTA and cards. */
#sv-water-show-root .section::before{
  display:none!important;
  content:none!important;
}
#sv-water-show-root{
  --svws-section-surface-alpha: var(--svws-section-overlay-alpha, .35);
  --svws-section-surface-soft: var(--svws-section-overlay-soft, .17);
}
#sv-water-show-root .solution-detail-shell,
#sv-water-show-root .global-video-library,
#sv-water-show-root .tech-panel,
#sv-water-show-root .video-showcase,
#sv-water-show-root .services-bar,
#sv-water-show-root .cta,
#sv-water-show-root .project-card,
#sv-water-show-root .solution-card{
  background:
    radial-gradient(circle at 50% 24%, rgba(103,234,255, calc(var(--svws-section-surface-soft) * .38)), transparent 42%),
    linear-gradient(145deg,
      rgba(10, 35, 62, calc(.24 + (var(--svws-section-surface-alpha) * .54))),
      rgba(3, 14, 28, calc(.22 + (var(--svws-section-surface-alpha) * .56)))
    )!important;
}
#sv-water-show-root .full-gallery-wrap{
  padding:18px!important;
  border-radius:28px!important;
  background:
    linear-gradient(145deg,
      rgba(10, 35, 62, calc(.04 + (var(--svws-section-surface-alpha) * .22))),
      rgba(3, 14, 28, calc(.04 + (var(--svws-section-surface-alpha) * .24)))
    )!important;
  border:1px solid rgba(103,234,255, calc(.08 + (var(--svws-section-surface-alpha) * .20)))!important;
}
#sv-water-show-root .media-gallery-grid{
  position:relative!important;
  z-index:1!important;
}
#sv-water-show-root .solution-detail-shell::before{
  opacity:calc(.35 + (var(--svws-section-surface-alpha) * .65))!important;
}
#sv-water-show-root .media-gallery-item,
#sv-water-show-root .gallery-card,
#sv-water-show-root .showcase-card,
#sv-water-show-root .video-card{
  background:
    linear-gradient(145deg,
      rgba(8, 30, 54, calc(.18 + (var(--svws-section-surface-alpha) * .30))),
      rgba(2, 10, 24, calc(.16 + (var(--svws-section-surface-alpha) * .32)))
    )!important;
  border-color:rgba(103,234,255, calc(.13 + (var(--svws-section-surface-alpha) * .16)))!important;
}
#sv-water-show-root .svws-bg-tuning-grid label:has(input[name="svws[section_overlay_dim]"]) b::after{
  content:"  • fixed layer";
  color:#67eaff;
  font-size:10px;
  letter-spacing:.04em;
  text-transform:uppercase;
}


/* v2.4.7 Laser product template */
#sv-water-show-root .svws-laser-page{max-width:1320px;margin:0 auto;padding:0 0 42px;color:#f5fbff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
#sv-water-show-root .svws-laser-nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(94,181,241,.18);margin-bottom:26px}
#sv-water-show-root .svws-laser-logo{font-size:30px;font-weight:900;letter-spacing:-.04em;color:#fff!important;display:flex;align-items:center;gap:8px}.svws-laser-logo span:last-child{color:#25c9ff}.svws-laser-logo>span:first-child{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#22d3ee,#2563eb);display:inline-block;clip-path:polygon(20% 0,100% 35%,70% 100%,0 65%)}
#sv-water-show-root .svws-laser-nav nav{display:flex;gap:24px;font-weight:800;font-size:13px}.svws-laser-nav nav a{color:#d9edff!important}.svws-laser-quote{background:linear-gradient(135deg,#0ea5ff,#146cff);padding:14px 28px;border-radius:8px;color:#fff!important;font-weight:900;box-shadow:0 12px 28px rgba(14,116,255,.28)}
#sv-water-show-root .svws-laser-page>section{border:1px solid rgba(94,181,241,.22);background:linear-gradient(145deg,rgba(4,18,35,.90),rgba(7,28,52,.74));box-shadow:0 24px 70px rgba(0,0,0,.28);border-radius:14px;margin:18px 0;overflow:hidden}
#sv-water-show-root .svws-laser-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:520px;padding:42px;align-items:center;background:radial-gradient(circle at 74% 42%,rgba(37,201,255,.18),transparent 30%),linear-gradient(90deg,rgba(1,9,20,.98),rgba(4,19,37,.74))!important}
#sv-water-show-root .svws-laser-kicker{display:inline-flex;color:#25c9ff;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;align-items:center;gap:10px}.svws-laser-copy h1{font-size:clamp(46px,5vw,80px);line-height:.92;margin:0;color:#fff;font-weight:950;letter-spacing:-.06em}.svws-laser-copy h1::first-letter{color:#fff}.svws-laser-copy h2{font-size:clamp(24px,2.2vw,36px);margin:12px 0 24px;color:#fff;font-weight:850}.svws-laser-copy p{max-width:520px;color:#d7e8f8;line-height:1.65;font-size:18px}.svws-laser-oem{display:inline-flex;margin:12px 0 18px;border:1px solid #84cc16;border-radius:8px;padding:9px 16px;color:#eaffd3;font-weight:800}.svws-laser-oem b{color:#91ff1d;margin-right:8px}
#sv-water-show-root .svws-laser-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:16px 0 26px}.svws-laser-checks span{color:#e8f7ff;font-weight:750}.svws-laser-checks span:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #25c9ff;border-radius:50%;margin-right:9px;color:#25c9ff;font-size:12px}.svws-laser-actions{display:flex;flex-wrap:wrap;gap:14px}.svws-laser-actions a{height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:8px;font-weight:900;color:#fff!important;border:1px solid rgba(132,204,22,.45);background:rgba(132,204,22,.20)}.svws-laser-actions a:first-child{background:linear-gradient(135deg,#0ea5ff,#146cff);border-color:#0ea5ff;min-width:170px}.svws-laser-actions a:nth-child(2){background:linear-gradient(135deg,#4d7d19,#68a32a)}
#sv-water-show-root .svws-laser-product{position:relative;min-height:420px;display:grid;place-items:center}.svws-laser-product img{position:relative;z-index:4;max-height:390px;object-fit:contain;filter:drop-shadow(0 30px 35px rgba(0,0,0,.55))}.svws-laser-beam{position:absolute;right:0;top:40%;width:360px;height:5px;transform-origin:right center;filter:blur(.2px);opacity:.9;border-radius:999px}.beam-r{background:#ff174d;transform:rotate(-25deg)}.beam-g{background:#79ff15;transform:rotate(-16deg)}.beam-b{background:#2968ff;transform:rotate(-7deg)}.svws-laser-ip{position:absolute;right:16px;bottom:36px;z-index:5;width:118px;height:130px;border:3px solid rgba(220,236,255,.8);border-radius:22px 22px 46px 46px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:38px;font-weight:950;color:#fff;background:rgba(4,12,24,.62)}.svws-laser-ip small{font-size:13px;text-transform:uppercase;text-align:center;line-height:1.15}
#sv-water-show-root .svws-laser-media{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;padding:0;background:transparent!important;border:0!important;box-shadow:none!important}.svws-laser-video,.svws-laser-thumb{position:relative;border:1px solid rgba(94,181,241,.22);border-radius:12px;overflow:hidden;background:#020714}.svws-laser-video img,.svws-laser-thumb img{width:100%;height:100%;object-fit:cover;min-height:240px}.svws-laser-video span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:44px;background:rgba(255,255,255,.10)}.svws-laser-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.svws-laser-thumb img{min-height:160px}
#sv-water-show-root .svws-laser-features{display:grid!important;grid-template-columns:repeat(7,1fr);padding:22px;background:linear-gradient(180deg,rgba(5,24,44,.86),rgba(5,20,38,.84))!important}.svws-laser-feature{text-align:center;padding:8px;border-right:1px solid rgba(94,181,241,.13)}.svws-laser-feature:last-child{border-right:0}.svws-laser-feature b{height:52px;display:grid;place-items:center;color:#25c9ff;font-size:27px}.svws-laser-feature strong{display:block;color:#fff;font-size:16px;margin:4px 0}.svws-laser-feature span{display:block;color:#b9d3e8;font-size:13px;line-height:1.35}
#sv-water-show-root .svws-laser-two{display:grid!important;grid-template-columns:1fr 1fr;gap:20px;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}.svws-laser-spec,.svws-laser-apps,.svws-laser-mdf,.svws-laser-cta{border:1px solid rgba(94,181,241,.22);background:linear-gradient(145deg,rgba(4,18,35,.88),rgba(7,30,54,.76));border-radius:14px;padding:26px;box-shadow:0 18px 54px rgba(0,0,0,.22)}.svws-laser-spec h3,.svws-laser-apps h3,.svws-laser-mdf h3{margin:0 0 18px;color:#25c9ff;text-transform:uppercase;font-size:24px;letter-spacing:.03em}.svws-laser-spec table{width:100%;border-collapse:collapse;color:#dbeafe}.svws-laser-spec th,.svws-laser-spec td{border:1px solid rgba(148,208,255,.16);padding:9px 12px;font-size:14px}.svws-laser-spec th{color:#d8ecff;text-align:left;width:38%;font-weight:800}.svws-laser-spec td{text-align:right}.svws-laser-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.svws-laser-app{position:relative;display:block;border:1px solid rgba(94,181,241,.24);border-radius:10px;overflow:hidden;background:#020714;text-decoration:none;cursor:zoom-in;transition:transform .18s ease, box-shadow .18s ease,border-color .18s ease}.svws-laser-app:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.26);border-color:rgba(94,181,241,.45)}.svws-laser-app img{width:100%;height:155px;object-fit:cover;display:block}.svws-laser-app span{display:block;padding:12px;text-align:center;color:#fff;font-weight:850;background:rgba(0,0,0,.32)}
#sv-water-show-root .svws-laser-mdf{display:grid;grid-template-columns:360px 1fr 220px;gap:28px;align-items:center}.svws-laser-mdf img{width:100%;height:190px;object-fit:cover;border-radius:10px}.svws-laser-mdf p{color:#d7e8f8}.svws-laser-mdf li{margin:9px 0;color:#eaf7ff}.svws-laser-mdf li::marker{color:#84cc16}.svws-laser-mdf>strong{font-size:54px;color:#8b5cf6;text-align:center;line-height:.9}.svws-laser-mdf small{font-size:22px;color:#25c9ff}
#sv-water-show-root .svws-laser-cta{display:flex!important;justify-content:space-between;align-items:center}.svws-laser-cta span{text-transform:uppercase;color:#cbd5e1;font-weight:900}.svws-laser-cta h3{font-size:34px;color:#84cc16;margin:8px 0;text-transform:uppercase}.svws-laser-cta p{color:#d7e8f8}.svws-laser-cta a{min-width:320px;height:58px;border-radius:8px;background:linear-gradient(135deg,#0ea5ff,#146cff);display:grid;place-items:center;color:#fff!important;font-weight:950}
@media(max-width:1100px){#sv-water-show-root .svws-laser-hero,.svws-laser-media,.svws-laser-two,.svws-laser-mdf{grid-template-columns:1fr!important}#sv-water-show-root .svws-laser-features{grid-template-columns:repeat(2,1fr)}#sv-water-show-root .svws-laser-nav nav{display:none}.svws-laser-cta{flex-direction:column;align-items:flex-start!important}.svws-laser-cta a{min-width:100%;margin-top:16px}.svws-laser-product{min-height:300px}.svws-laser-product img{max-height:300px}.svws-laser-checks{grid-template-columns:1fr!important}}
@media(max-width:620px){#sv-water-show-root .svws-laser-hero{padding:24px}.svws-laser-thumbs,.svws-laser-app-grid{grid-template-columns:1fr!important}#sv-water-show-root .svws-laser-features{grid-template-columns:1fr}.svws-laser-copy h1{font-size:42px}.svws-laser-copy h2{font-size:24px}.svws-laser-logo{font-size:22px!important}.svws-laser-quote{padding:12px 16px}}


/* v2.4.9 laser product page alignment + lighter typography */
#sv-water-show-root .svws-laser-page{
  width:100%!important;
  max-width:1680px!important;
  margin:0 auto!important;
  padding:0 0 46px!important;
}
#sv-water-show-root .svws-laser-nav{
  display:none!important;
}
#sv-water-show-root .svws-laser-page>section{
  border-radius:28px!important;
}
#sv-water-show-root .svws-laser-hero{
  width:100%!important;
  max-width:100%!important;
  min-height:560px!important;
  margin-top:18px!important;
  padding:56px!important;
  grid-template-columns:minmax(0,.98fr) minmax(520px,1.02fr)!important;
  gap:46px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 74% 42%,rgba(37,201,255,.16),transparent 32%),
    linear-gradient(90deg,rgba(1,9,20,.94),rgba(4,19,37,.68))!important;
}
#sv-water-show-root .svws-laser-copy h1{
  font-size:clamp(50px,4.55vw,78px)!important;
  font-weight:850!important;
  letter-spacing:-.045em!important;
  line-height:.96!important;
}
#sv-water-show-root .svws-laser-copy h2{
  font-size:clamp(24px,2.05vw,34px)!important;
  font-weight:720!important;
  letter-spacing:-.018em!important;
  line-height:1.22!important;
}
#sv-water-show-root .svws-laser-copy p{
  font-size:16px!important;
  line-height:1.7!important;
  font-weight:480!important;
}
#sv-water-show-root .svws-laser-kicker{
  font-weight:780!important;
  letter-spacing:.10em!important;
}
#sv-water-show-root .svws-laser-checks span{
  font-weight:620!important;
}
#sv-water-show-root .svws-laser-actions a{
  font-weight:760!important;
}
#sv-water-show-root .svws-laser-product img{
  max-height:460px!important;
}
#sv-water-show-root .svws-laser-media,
#sv-water-show-root .svws-laser-features,
#sv-water-show-root .svws-laser-two,
#sv-water-show-root .svws-laser-mdf,
#sv-water-show-root .svws-laser-cta{
  width:100%!important;
  max-width:100%!important;
}
#sv-water-show-root .svws-laser-feature strong,
#sv-water-show-root .svws-laser-app span,
#sv-water-show-root .svws-laser-spec th{
  font-weight:680!important;
}
#sv-water-show-root .svws-laser-spec h3,
#sv-water-show-root .svws-laser-apps h3,
#sv-water-show-root .svws-laser-mdf h3{
  font-weight:720!important;
  letter-spacing:.015em!important;
}
#sv-water-show-root .svws-laser-cta h3{
  font-weight:760!important;
  letter-spacing:-.018em!important;
}
@media(max-width:1280px){
  #sv-water-show-root .svws-laser-hero{
    grid-template-columns:1fr!important;
    padding:42px!important;
  }
  #sv-water-show-root .svws-laser-product img{max-height:380px!important}
}
@media(max-width:620px){
  #sv-water-show-root .svws-laser-page{padding-bottom:86px!important}
  #sv-water-show-root .svws-laser-hero{padding:24px!important;border-radius:24px!important}
  #sv-water-show-root .svws-laser-copy h1{font-size:40px!important}
}


/* v2.4.9 laser contact buttons + real video block */
#sv-water-show-root .svws-laser-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}
#sv-water-show-root .svws-laser-actions a{
  min-height:44px!important;
  padding:12px 18px!important;
  font-size:14px!important;
  font-weight:750!important;
}
#sv-water-show-root .svws-laser-actions a:nth-child(3){
  background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;
  border-color:rgba(125,211,252,.55)!important;
}
#sv-water-show-root .svws-laser-actions a:nth-child(4){
  background:linear-gradient(135deg,#229ed9,#1677b8)!important;
  border-color:rgba(125,211,252,.45)!important;
}
#sv-water-show-root .svws-laser-actions a:nth-child(5){
  background:linear-gradient(135deg,#25d366,#178a43)!important;
  border-color:rgba(134,239,172,.45)!important;
}
#sv-water-show-root .svws-laser-video{
  position:relative!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:#020714!important;
  min-height:360px!important;
}
#sv-water-show-root .svws-laser-video iframe,
#sv-water-show-root .svws-laser-video video{
  width:100%!important;
  height:100%!important;
  min-height:360px!important;
  display:block!important;
  border:0!important;
  object-fit:cover!important;
}
#sv-water-show-root .svws-laser-video-poster img{
  width:100%!important;
  height:100%!important;
  min-height:360px!important;
  object-fit:cover!important;
}
@media(max-width:980px){
  #sv-water-show-root .svws-laser-video,
  #sv-water-show-root .svws-laser-video iframe,
  #sv-water-show-root .svws-laser-video video,
  #sv-water-show-root .svws-laser-video-poster img{min-height:240px!important}
}


/* v2.4.11 Product related articles */
#sv-water-show-root .svws-related-articles{margin:18px 0;padding:28px;border-radius:28px;background:linear-gradient(145deg,rgba(7,28,50,.76),rgba(3,12,26,.72));border:1px solid rgba(56,189,248,.24);box-shadow:0 20px 60px rgba(0,0,0,.18)}
#sv-water-show-root .svws-related-head{text-align:left;margin-bottom:18px;max-width:860px}
#sv-water-show-root .svws-related-head span{display:block;color:#22d3ee;font-size:12px;font-weight:850;letter-spacing:.12em;margin-bottom:8px}
#sv-water-show-root .svws-related-head h2{margin:0 0 8px;color:#fff;font-size:clamp(24px,2.6vw,36px);line-height:1.08;font-weight:760;letter-spacing:-.025em}
#sv-water-show-root .svws-related-head p{margin:0;color:rgba(226,242,255,.78);line-height:1.55}
#sv-water-show-root .svws-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#sv-water-show-root .svws-related-card{overflow:hidden;border-radius:20px;background:rgba(2,8,23,.48);border:1px solid rgba(125,211,252,.18)}
#sv-water-show-root .svws-related-card img{width:100%;height:130px;object-fit:cover;border-bottom:1px solid rgba(125,211,252,.14)}
#sv-water-show-root .svws-related-card div{padding:15px}
#sv-water-show-root .svws-related-card span{display:block;color:#67e8f9;font-size:11px;font-weight:850;margin-bottom:7px}
#sv-water-show-root .svws-related-card h3{margin:0 0 8px;color:#fff;font-size:18px;line-height:1.18;font-weight:750}
#sv-water-show-root .svws-related-card p{margin:0;color:rgba(226,242,255,.74);font-size:13px;line-height:1.45}
@media(max-width:980px){#sv-water-show-root .svws-related-grid{grid-template-columns:1fr}}

/* v2.4.13 force Manage forms into a single full-width column */
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-front-layout,
#sv-water-show-root.svws-manage-root .svws-front-layout{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:22px!important;
  max-width:100%!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-front-form,
#sv-water-show-root.svws-manage-root .svws-front-form{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-front-form > div,
#sv-water-show-root.svws-manage-root .svws-front-form > div{
  grid-column:1 / -1!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-panel,
#sv-water-show-root.svws-manage-root .svws-manage-panel{
  width:100%!important;
}


/* v2.4.15 - laser gallery view more + lightbox */
#sv-water-show-root .svws-laser-thumb-wrap{display:flex;flex-direction:column;gap:14px}
#sv-water-show-root .svws-laser-thumb.is-extra[hidden]{display:none!important}
#sv-water-show-root .svws-laser-more{align-self:flex-start;border:1px solid rgba(94,181,241,.35);background:rgba(7,18,35,.82);color:#fff;border-radius:999px;padding:10px 18px;font-weight:700;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.22)}
#sv-water-show-root .svws-laser-more:hover{background:rgba(19,41,75,.95)}
#sv-water-show-root .svws-laser-main-link{display:grid;place-items:center;position:relative;z-index:4}
#sv-water-show-root .svws-laser-main-link img{cursor:zoom-in}
#sv-water-show-root .svws-lw-open img{cursor:zoom-in}
body.svws-lightbox-open{overflow:hidden}
#sv-water-show-root .svws-lightbox,[data-svws-root] .svws-lightbox,.svws-lightbox{position:fixed;inset:0;z-index:999999;background:rgba(2,8,16,.92);display:grid;grid-template-columns:72px minmax(0,1fr) 72px;grid-template-rows:minmax(0,1fr);align-items:center;padding:24px}
#sv-water-show-root .svws-lightbox[hidden],[data-svws-root] .svws-lightbox[hidden],.svws-lightbox[hidden]{display:none!important}
#sv-water-show-root .svws-lightbox-stage,[data-svws-root] .svws-lightbox-stage,.svws-lightbox-stage{display:grid;place-items:center;height:100%}
#sv-water-show-root .svws-lightbox-stage img,[data-svws-root] .svws-lightbox-stage img,.svws-lightbox-stage img{max-width:min(92vw,1600px);max-height:88vh;border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.45);object-fit:contain;background:#050b14}
#sv-water-show-root .svws-lightbox-close,[data-svws-root] .svws-lightbox-close,.svws-lightbox-close{position:absolute;top:18px;right:18px;width:52px;height:52px;border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:32px;line-height:1;cursor:pointer}
#sv-water-show-root .svws-lightbox-nav,[data-svws-root] .svws-lightbox-nav,.svws-lightbox-nav{width:52px;height:52px;border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:34px;display:grid;place-items:center;cursor:pointer}
#sv-water-show-root .svws-lightbox-nav.prev,[data-svws-root] .svws-lightbox-nav.prev,.svws-lightbox-nav.prev{justify-self:start}
#sv-water-show-root .svws-lightbox-nav.next,[data-svws-root] .svws-lightbox-nav.next,.svws-lightbox-nav.next{justify-self:end}
#sv-water-show-root .svws-lightbox-counter,[data-svws-root] .svws-lightbox-counter,.svws-lightbox-counter{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-weight:700}
@media(max-width:620px){#sv-water-show-root .svws-lightbox,[data-svws-root] .svws-lightbox,.svws-lightbox{grid-template-columns:46px minmax(0,1fr) 46px;padding:14px}#sv-water-show-root .svws-lightbox-close,[data-svws-root] .svws-lightbox-close,.svws-lightbox-close{top:10px;right:10px;width:44px;height:44px}}


#sv-water-show-root .svws-lightbox-stage-wrap,[data-svws-root] .svws-lightbox-stage-wrap,.svws-lightbox-stage-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:0}
#sv-water-show-root .svws-lightbox-meta,[data-svws-root] .svws-lightbox-meta,.svws-lightbox-meta{width:min(92vw,1100px);padding:18px 22px;border-radius:18px;background:rgba(5,11,20,.82);border:1px solid rgba(148,208,255,.16);box-shadow:0 18px 50px rgba(0,0,0,.28);color:#e7f2ff;text-align:left}
#sv-water-show-root .svws-lightbox-meta[hidden],[data-svws-root] .svws-lightbox-meta[hidden],.svws-lightbox-meta[hidden]{display:none!important}
#sv-water-show-root .svws-lightbox-title,[data-svws-root] .svws-lightbox-title,.svws-lightbox-title{margin:0 0 8px;font-size:24px;line-height:1.25;color:#ffffff;font-weight:800}
#sv-water-show-root .svws-lightbox-desc,[data-svws-root] .svws-lightbox-desc,.svws-lightbox-desc{margin:0;color:#d6e7ff;font-size:15px;line-height:1.7}
@media(max-width:620px){#sv-water-show-root .svws-lightbox-meta,[data-svws-root] .svws-lightbox-meta,.svws-lightbox-meta{width:min(94vw,94vw);padding:14px 16px}#sv-water-show-root .svws-lightbox-title,[data-svws-root] .svws-lightbox-title,.svws-lightbox-title{font-size:18px}#sv-water-show-root .svws-lightbox-desc,[data-svws-root] .svws-lightbox-desc,.svws-lightbox-desc{font-size:14px;line-height:1.6}}


/* v2.4.18 - Import review / quick edit table */
#sv-water-show-root .svws-mini-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:3px 4px 3px 0;padding:7px 10px;border:1px solid rgba(148,208,255,.28);border-radius:999px;background:rgba(7,18,35,.72);color:#eaf6ff!important;text-decoration:none!important;font-size:12px;font-weight:800;white-space:nowrap}
#sv-water-show-root .svws-mini-btn:hover{background:rgba(26,88,130,.8);border-color:rgba(37,201,255,.5)}
#sv-water-show-root .svws-import-review{border-color:rgba(37,201,255,.38)!important;box-shadow:0 20px 70px rgba(0,0,0,.28)}
#sv-water-show-root .svws-quick-import-table input,
#sv-water-show-root .svws-quick-import-table select,
#sv-water-show-root .svws-quick-import-table textarea{width:100%;min-width:160px;border:1px solid rgba(148,208,255,.25);border-radius:10px;background:rgba(0,9,22,.72);color:#fff;padding:8px 10px;font-size:13px}
#sv-water-show-root .svws-quick-import-table textarea{min-width:260px;resize:vertical}
#sv-water-show-root .svws-quick-import-table small{display:block;margin:6px 0 3px;color:#9bd8ff;font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:.04em}
#sv-water-show-root .svws-quick-import-table th,
#sv-water-show-root .svws-quick-import-table td{vertical-align:top}

/* v2.4.34 manage background slider force */
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root.svws-manage-root,#sv-water-show-root.svws-equipment-root.svws-manage-root{background-image:var(--svws-active-bg)!important;background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;background-attachment:fixed!important;}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root.svws-manage-root .svws-glass-card,body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root.svws-manage-root .svws-manage-panel,body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root.svws-manage-root .svws-manage-card{background:linear-gradient(145deg,rgba(10,36,60,.74),rgba(3,14,28,.86))!important;}


/* v2.4.36 Media lightbox nav + stronger manage background sync */
.svws-media-lightbox-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.svws-media-lightbox-nav button{border:1px solid rgba(103,234,255,.25);background:rgba(2,8,23,.68);color:#fff;border-radius:999px;padding:9px 12px;font-weight:900;cursor:pointer}
.svws-media-lightbox-nav .svws-media-lightbox-close{background:#fff;color:#ef4444;width:44px;height:44px;padding:0;font-size:24px;line-height:1}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root{background-color:transparent!important;min-height:100vh!important;}
body.svws-eq-virtual-page .svws-manage-root .svws-shell,body.svws-eq-virtual-page .svws-manage-root .svws-equipment-shell{background:transparent!important;}
body.svws-eq-virtual-page .svws-manage-root .svws-manage-panel,body.svws-eq-virtual-page .svws-manage-root .svws-glass-card,body.svws-eq-virtual-page .svws-manage-root .svws-media-upload-panel{background:rgba(5,20,39,.60)!important;}


/* v2.4.39 Natural media brightness + single lightbox close fix */
#sv-water-show-root .media-gallery-item::after,
#sv-water-show-root .gallery-card::after {
  background:
    linear-gradient(180deg, rgba(2,8,23,.00) 48%, rgba(2,8,23,.46)),
    radial-gradient(circle at 80% 15%, rgba(103,234,255,.08), transparent 34%) !important;
}
#sv-water-show-root .solution-art::after {
  background: linear-gradient(180deg, rgba(2,8,23,.00) 52%, rgba(2,8,23,.42)) !important;
}
#sv-water-show-root .media-gallery-item img,
#sv-water-show-root .gallery-card img,
#sv-water-show-root .solution-art img {
  filter: saturate(1.08) brightness(1.05) contrast(1.02) !important;
}
body > .sv-lightbox,
.sv-lightbox {
  z-index: 2147483647 !important;
}
body > .sv-lightbox .sv-lightbox-close,
.sv-lightbox .sv-lightbox-close {
  background: linear-gradient(180deg,#ffd96f,#f2b935) !important;
  color: #111827 !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.28) !important;
}
body > .sv-lightbox:not(.open),
.sv-lightbox:not(.open) {
  pointer-events: none !important;
}
body.svws-lightbox-locked {
  overflow: hidden !important;
}


/* v2.4.39 BG CONTROL FINAL SYNC
   Fix remaining sliders reported from live source:
   - Hero image overlay slider must control the visible hero image layer, not the old hard-coded ::before image.
   - Equipment / Builder page background slider must darken normally; previous screen blend made the dark gradient ineffective.
   - Manage dashboard background slider must also use normal blend and a predictable overlay layer. */
#sv-water-show-root .hero-panel[data-hero-panel="1"]{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-blend-mode:normal!important;
}
#sv-water-show-root .hero-panel[data-hero-panel="1"]::before{
  background-image:inherit!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-blend-mode:normal!important;
  opacity:1!important;
  transform:scale(1.012)!important;
}
#sv-water-show-root .hero-panel[data-hero-panel="1"]::after{
  background:
    radial-gradient(circle at 76% 24%, rgba(255,255,255,.10), transparent 8%),
    radial-gradient(circle at 66% 48%, rgba(37,201,255,.14), transparent 31%)!important;
  opacity:.86!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root[style*="background-image"]{
  background-blend-mode:normal!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-equipment-root:not(.svws-manage-root)[style*="background-image"]::before{
  background:
    radial-gradient(circle at 18% 10%, rgba(103,234,255,.10), transparent 30%),
    radial-gradient(circle at 84% 4%, rgba(59,130,246,.10), transparent 30%)!important;
  opacity:.72!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root[style*="background-image"]{
  background-blend-mode:normal!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root::before{
  background:
    radial-gradient(circle at 16% 10%, rgba(56,189,248,.10), transparent 32%),
    radial-gradient(circle at 82% 2%, rgba(59,130,246,.12), transparent 34%),
    radial-gradient(circle at 50% 92%, rgba(14,165,233,.08), transparent 44%)!important;
  opacity:.85!important;
}
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-panel,
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-manage-card,
body.svws-eq-virtual-page #sv-water-show-root.svws-manage-root .svws-glass-card{
  backdrop-filter:blur(16px) saturate(128%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(128%)!important;
}

/* v2.6.4 Project single page: fit hero, media sliders, embedded videos */
#sv-water-show-root.svws-project-root .svws-single-hero.svws-single-hero-fit{padding:0!important;display:block!important;min-height:0!important;aspect-ratio:16/9!important;background:none!important;position:relative!important;overflow:hidden!important;}
#sv-water-show-root.svws-project-root .svws-single-hero.svws-single-hero-fit:before{display:none!important;}
#sv-water-show-root.svws-project-root .svws-single-hero-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;background:rgba(2,8,23,.78)!important;display:block!important;}
#sv-water-show-root.svws-project-root .svws-single-hero-overlay{position:absolute!important;left:0!important;right:0!important;bottom:0!important;padding:clamp(20px,4vw,44px)!important;background:linear-gradient(0deg,rgba(2,8,23,.94),rgba(2,8,23,.50) 62%,transparent)!important;}
#sv-water-show-root.svws-project-root .svws-media-slider{display:flex!important;gap:16px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:2px 2px 14px!important;-webkit-overflow-scrolling:touch!important;}
#sv-water-show-root.svws-project-root .svws-media-slide{flex:0 0 min(420px,86vw)!important;scroll-snap-align:start!important;border:1px solid rgba(56,189,248,.20)!important;border-radius:22px!important;overflow:hidden!important;text-decoration:none!important;color:#eaf7ff!important;background:rgba(15,23,42,.72)!important;}
#sv-water-show-root.svws-project-root .svws-media-slide img{width:100%!important;aspect-ratio:16/10!important;object-fit:cover!important;display:block!important;}
#sv-water-show-root.svws-project-root .svws-video-embed-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-bottom:12px!important;}
#sv-water-show-root.svws-project-root .svws-video-frame{position:relative!important;aspect-ratio:16/9!important;background:#020817!important;}
#sv-water-show-root.svws-project-root .svws-video-frame iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;}
@media(max-width:900px){#sv-water-show-root.svws-project-root .svws-video-embed-grid{grid-template-columns:1fr!important}}

/* v2.6.5 Project single page UI/UX polish + clean scrollbars */
#sv-water-show-root.svws-project-root .svws-single-hero.svws-single-hero-fit{
  max-width:1180px!important;
  aspect-ratio:16/8.2!important;
  border-radius:24px!important;
  background:rgba(2,8,23,.82)!important;
}
#sv-water-show-root.svws-project-root .svws-single-hero-img{
  object-fit:cover!important;
  object-position:center!important;
  opacity:.96!important;
}
#sv-water-show-root.svws-project-root .svws-single-hero-overlay{
  padding:clamp(18px,3vw,34px)!important;
  background:linear-gradient(0deg,rgba(2,8,23,.92),rgba(2,8,23,.46) 62%,transparent)!important;
}
#sv-water-show-root.svws-project-root .svws-single-hero h1{
  font-size:clamp(34px,5vw,64px)!important;
  line-height:.98!important;
  letter-spacing:-.04em!important;
  max-width:980px!important;
}
#sv-water-show-root.svws-project-root .svws-single-hero .sub{
  font-size:clamp(18px,2.1vw,30px)!important;
  letter-spacing:.04em!important;
}
#sv-water-show-root.svws-project-root .svws-panel h2{
  font-size:clamp(24px,3.4vw,42px)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  margin-bottom:14px!important;
}
#sv-water-show-root.svws-project-root .svws-video-section h2{
  font-size:clamp(23px,3vw,34px)!important;
}
#sv-water-show-root.svws-project-root .svws-media-slider{
  gap:14px!important;
  padding:0 0 12px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(125,211,252,.55) transparent!important;
}
#sv-water-show-root.svws-project-root .svws-media-slider::-webkit-scrollbar,
#sv-water-show-root.svws-project-root *::-webkit-scrollbar{
  width:10px!important;
  height:10px!important;
  background:transparent!important;
}
#sv-water-show-root.svws-project-root .svws-media-slider::-webkit-scrollbar-track,
#sv-water-show-root.svws-project-root *::-webkit-scrollbar-track{
  background:transparent!important;
  box-shadow:none!important;
}
#sv-water-show-root.svws-project-root .svws-media-slider::-webkit-scrollbar-thumb,
#sv-water-show-root.svws-project-root *::-webkit-scrollbar-thumb{
  background:rgba(125,211,252,.50)!important;
  border:2px solid transparent!important;
  border-radius:999px!important;
  background-clip:content-box!important;
  box-shadow:none!important;
}
#sv-water-show-root.svws-project-root .svws-media-slider::-webkit-scrollbar-corner,
#sv-water-show-root.svws-project-root *::-webkit-scrollbar-corner{background:transparent!important;}
#sv-water-show-root.svws-project-root .svws-media-slide{
  flex-basis:min(360px,78vw)!important;
  border-radius:18px!important;
}
#sv-water-show-root.svws-project-root .svws-media-slide img{
  aspect-ratio:16/9!important;
}
#sv-water-show-root.svws-project-root .svws-video-embed-grid{
  gap:14px!important;
}
#sv-water-show-root.svws-project-root .svws-video-card,
#sv-water-show-root.svws-project-root .svws-media-slide{
  box-shadow:0 10px 26px rgba(0,0,0,.20)!important;
}
@media(max-width:900px){
  #sv-water-show-root.svws-project-root .svws-single-hero.svws-single-hero-fit{aspect-ratio:16/10!important;border-radius:18px!important;}
  #sv-water-show-root.svws-project-root .svws-single-hero h1{font-size:clamp(30px,8vw,46px)!important;}
  #sv-water-show-root.svws-project-root .svws-panel h2{font-size:clamp(22px,7vw,34px)!important;}
}


/* v2.6.8 Project detail final UI polish */
#sv-water-show-root.svws-project-root>.svws-equipment-shell{width:min(calc(100% - 24px),1880px)!important;max-width:1880px!important;}
#sv-water-show-root.svws-project-root .svws-project-wrap{max-width:1880px!important;width:100%!important;}
#sv-water-show-root.svws-project-root .svws-project-top,
#sv-water-show-root.svws-project-root .svws-single-hero,
#sv-water-show-root.svws-project-root .svws-brochure-row,
#sv-water-show-root.svws-project-root .svws-detail-grid,
#sv-water-show-root.svws-project-root .svws-project-wrap>section.svws-panel{max-width:1720px!important;}
#sv-water-show-root.svws-project-root .svws-media-section .svws-section-head h2,
#sv-water-show-root.svws-project-root .svws-video-section>h2{font-size:clamp(22px,1.75vw,28px)!important;letter-spacing:-.025em!important;line-height:1.12!important;}
#sv-water-show-root.svws-project-root .svws-media-section{padding:clamp(14px,1.6vw,22px)!important;margin-top:16px!important;}
#sv-water-show-root.svws-project-root .svws-media-slide{appearance:none!important;-webkit-appearance:none!important;border:1px solid rgba(56,189,248,.20)!important;text-align:left!important;cursor:zoom-in!important;flex:0 0 min(340px,72vw)!important;padding:0!important;font:inherit!important;}
#sv-water-show-root.svws-project-root .svws-media-slide:hover{transform:translateY(-2px)!important;border-color:rgba(125,211,252,.42)!important;}
#sv-water-show-root.svws-project-root .svws-section-head span{font-size:11px!important;}
#sv-water-show-root.svws-project-root .svws-video-group-title{font-size:14px!important;margin:10px 0 10px!important;}
#sv-water-show-root.svws-project-root .svws-video-embed-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
@media(max-width:1200px){#sv-water-show-root.svws-project-root .svws-video-embed-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){#sv-water-show-root.svws-project-root .svws-video-embed-grid{grid-template-columns:1fr!important}}

/* v2.6.8 Project detail title scale sync: keep gallery section titles same visual weight as Project Videos. */
body #sv-water-show-root .svws-project-page .svws-media-section h2,
body #sv-water-show-root.svws-project-root .svws-media-section h2,
body #sv-water-show-root.svws-project-root .svws-media-section .svws-section-head h2,
body #sv-water-show-root.svws-project-root .svws-panel.svws-media-section h2,
body .svws-project-page .svws-panel.svws-media-section h2,
body .svws-project-page .svws-media-section .svws-section-head h2 {
  font-size: clamp(22px, 1.45vw, 28px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.026em !important;
  margin: 0 !important;
  font-weight: 900 !important;
  color: #ffffff !important;
}
body #sv-water-show-root .svws-project-page .svws-video-section > h2,
body #sv-water-show-root.svws-project-root .svws-video-section > h2,
body .svws-project-page .svws-video-section > h2 {
  font-size: clamp(22px, 1.45vw, 28px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.026em !important;
  margin: 0 0 12px !important;
  font-weight: 900 !important;
}
body #sv-water-show-root.svws-project-root .svws-media-section .svws-section-head,
body .svws-project-page .svws-media-section .svws-section-head {
  align-items: center !important;
  margin-bottom: 12px !important;
}
body #sv-water-show-root.svws-project-root .svws-section-head span,
body .svws-project-page .svws-section-head span {
  font-size: 10.5px !important;
  line-height: 1.2 !important;
}
@media (max-width: 760px) {
  body #sv-water-show-root.svws-project-root .svws-media-section h2,
  body .svws-project-page .svws-media-section h2,
  body #sv-water-show-root.svws-project-root .svws-video-section > h2,
  body .svws-project-page .svws-video-section > h2 {
    font-size: clamp(20px, 6vw, 26px) !important;
  }
}

/* v2.7.5 Project Journal polish */
.svws-journal-page h1{font-size:clamp(28px,3.4vw,46px)!important;line-height:1.08!important;letter-spacing:-.035em!important;max-width:1120px!important}
.svws-journal-manual-box,.svws-journal-import-box{margin:16px 0;padding:18px;border:1px solid rgba(56,189,248,.18);border-radius:22px;background:rgba(4,18,35,.56)}
.svws-journal-manual-box h3,.svws-journal-import-box h3{font-size:20px;margin:0 0 12px;color:#fff}
.svws-journal-manual-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.svws-journal-manual-form .svws-form-wide{grid-column:1/-1}
.svws-journal-manual-form input,.svws-journal-manual-form select,.svws-journal-manual-form textarea{width:100%}
.svws-import-history small{opacity:.65;word-break:break-all}
@media(max-width:980px){.svws-journal-manual-form{grid-template-columns:1fr}.svws-journal-page h1{font-size:clamp(26px,9vw,38px)!important}}

/* v2.8.3 – Project Journal video-first layout */
#sv-water-show-root .svws-journal-page,
.svws-project-root .svws-journal-page{
  max-width:min(1180px,calc(100vw - 64px))!important;
  padding-left:clamp(14px,2.2vw,28px)!important;
  padding-right:clamp(14px,2.2vw,28px)!important;
}
#sv-water-show-root .svws-journal-page h1,
.svws-project-root .svws-journal-page h1{
  font-size:clamp(28px,3.05vw,42px)!important;
  line-height:1.12!important;
  letter-spacing:-0.032em!important;
  max-width:1120px!important;
  margin:8px 0 12px!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
#sv-water-show-root .svws-journal-video-hero,
.svws-project-root .svws-journal-video-hero{
  margin:18px 0 16px!important;
}
#sv-water-show-root .svws-video-frame-main,
.svws-project-root .svws-video-frame-main{
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid rgba(103,232,249,.28)!important;
  background:rgba(3,12,28,.72)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.28)!important;
}
#sv-water-show-root .svws-video-frame-main iframe,
.svws-project-root .svws-video-frame-main iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
}
#sv-water-show-root .svws-journal-album,
.svws-project-root .svws-journal-album{
  margin:0 0 22px!important;
  padding:16px!important;
  border-radius:22px!important;
  border:1px solid rgba(56,189,248,.2)!important;
  background:rgba(8,28,52,.54)!important;
}
#sv-water-show-root .svws-journal-album-head,
.svws-project-root .svws-journal-album-head{
  margin-bottom:12px!important;
}
#sv-water-show-root .svws-journal-album-head h2,
.svws-project-root .svws-journal-album-head h2{
  font-size:clamp(20px,2vw,28px)!important;
  line-height:1.15!important;
  margin:0!important;
}
#sv-water-show-root .svws-journal-top-album,
.svws-project-root .svws-journal-top-album{
  margin:0!important;
  padding-bottom:10px!important;
}
#sv-water-show-root .svws-journal-top-album .svws-media-slide,
.svws-project-root .svws-journal-top-album .svws-media-slide{
  min-width:clamp(220px,27vw,340px)!important;
}
#sv-water-show-root .svws-journal-top-album img,
.svws-project-root .svws-journal-top-album img{
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  border-radius:16px!important;
}
#sv-water-show-root .svws-journal-content,
.svws-project-root .svws-journal-content{
  margin-top:18px!important;
}
@media(max-width:720px){
  #sv-water-show-root .svws-journal-page,
  .svws-project-root .svws-journal-page{max-width:calc(100vw - 22px)!important;padding-left:12px!important;padding-right:12px!important;}
  #sv-water-show-root .svws-journal-page h1,
  .svws-project-root .svws-journal-page h1{font-size:clamp(24px,7vw,32px)!important;}
  #sv-water-show-root .svws-journal-album,
  .svws-project-root .svws-journal-album{padding:12px!important;}
}


/* v2.8.7a - journal admin scroll + clean public count */
#sv-water-show-root .svws-journal-import-box .svws-table-scroll,
.svws-project-root .svws-journal-import-box .svws-table-scroll{
  max-height:320px!important;
  overflow:auto!important;
  border-radius:18px!important;
  border:1px solid rgba(56,189,248,.18)!important;
}
#sv-water-show-root .svws-journal-admin-list,
.svws-project-root .svws-journal-admin-list{
  max-height:720px!important;
  overflow:auto!important;
  border-radius:18px!important;
  border:1px solid rgba(56,189,248,.18)!important;
}
#sv-water-show-root .svws-journal-admin-list table,
.svws-project-root .svws-journal-admin-list table{margin:0!important;}
#sv-water-show-root .svws-journal-admin-list thead th,
.svws-project-root .svws-journal-admin-list thead th{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  background:rgba(5,21,39,.96)!important;
  backdrop-filter:blur(10px)!important;
}
.svws-project-root .svws-journal-section .svws-section-head span{
  display:none!important;
}


/* v2.8.8 Project section content frontend polish */
#sv-water-show-root.svws-project-root .svws-media-section .svws-section-head,
#sv-water-show-root.svws-project-root .svws-video-section .svws-section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px 18px!important;
  text-align:left!important;
  max-width:none!important;
  margin:0 0 18px!important;
}
#sv-water-show-root.svws-project-root .svws-media-section .svws-section-head h2,
#sv-water-show-root.svws-project-root .svws-video-section>h2{
  text-align:center!important;
  width:100%!important;
  margin:0 auto 12px!important;
  color:#fff!important;
}
#sv-water-show-root.svws-project-root .svws-section-intro{
  display:block!important;
  width:min(1120px,100%)!important;
  max-width:1120px!important;
  margin:10px auto 18px!important;
  padding:16px 18px!important;
  border:1px solid rgba(125,211,252,.18)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.54),rgba(2,8,23,.30))!important;
  color:rgba(234,247,255,.92)!important;
  font-size:clamp(14px,.95vw,16px)!important;
  line-height:1.78!important;
  font-weight:500!important;
  text-align:left!important;
  white-space:normal!important;
}
#sv-water-show-root.svws-project-root .svws-section-intro br{display:block!important;content:""!important;margin:5px 0!important;}
#sv-water-show-root.svws-project-root .svws-section-head>div{grid-column:1/-1!important;width:100%!important;min-width:0!important;}
#sv-water-show-root.svws-project-root .svws-section-head>span{grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:start!important;}
@media(max-width:760px){
  #sv-water-show-root.svws-project-root .svws-section-intro{padding:14px!important;line-height:1.68!important;}
  #sv-water-show-root.svws-project-root .svws-section-head>span{position:static!important;justify-self:start!important;grid-column:1!important;grid-row:auto!important;}
}


/* v2.10.7 Global Flag Language Switcher: flags only, no VN/EN text */
.svws-global-lang-switch{display:inline-flex!important;gap:6px!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
.svws-home-lang-switch{margin-left:10px!important}
.svws-project-lang-switch{display:flex!important;gap:6px!important;justify-content:flex-end!important;align-items:center!important;margin:8px 0 16px!important}
.svws-lang-chip.svws-flag-chip{padding:0!important;background:transparent!important;border:0!important;color:inherit!important}
.svws-global-lang-btn{width:34px!important;height:28px!important;min-width:34px!important;min-height:28px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;border:1px solid rgba(125,211,252,.30)!important;background:rgba(7,28,51,.64)!important;color:#dff7ff!important;font-size:16px!important;line-height:1!important;text-decoration:none!important;box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.svws-global-lang-btn span{display:block!important;line-height:1!important;filter:saturate(1.1)!important}
.svws-global-lang-btn.is-active{background:linear-gradient(135deg,rgba(17,145,210,.92),rgba(20,220,255,.46))!important;border-color:rgba(140,235,255,.78)!important;box-shadow:0 0 14px rgba(0,190,255,.28),0 10px 26px rgba(0,0,0,.22)!important;color:#fff!important}
.svws-global-lang-btn:not(.is-active){opacity:.82!important}
.svws-global-lang-btn:not(.is-active):hover{opacity:1!important;background:rgba(20,92,140,.74)!important;border-color:rgba(120,230,255,.56)!important;transform:translateY(-1px) scale(1.03)!important}
@media(max-width:760px){.svws-home-lang-switch{margin:8px 0 0!important}.svws-global-lang-switch{gap:4px!important}.svws-global-lang-btn{width:31px!important;height:26px!important;min-width:31px!important;min-height:26px!important;font-size:15px!important}}


/* v2.10.14: larger icon-only flags in fixed menu */
#sv-water-show-root .sv-quick-menu .svws-global-lang-switch,
#sv-water-show-root .svws-mini-nav .svws-global-lang-switch{gap:12px!important;margin-left:12px!important;}
#sv-water-show-root .sv-quick-menu .svws-global-lang-btn,
#sv-water-show-root .svws-mini-nav .svws-global-lang-btn,
#sv-water-show-root .svws-global-lang-btn{width:34px!important;height:30px!important;min-width:34px!important;min-height:30px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important;color:inherit!important;font-size:30px!important;line-height:1!important;}
#sv-water-show-root .svws-global-lang-btn.is-active,
#sv-water-show-root .svws-global-lang-btn:hover{background:transparent!important;border:0!important;box-shadow:none!important;}
#sv-water-show-root .svws-global-lang-btn span{font-size:30px!important;line-height:1!important;transform:translateY(0)!important;filter:saturate(1.24) drop-shadow(0 2px 6px rgba(0,0,0,.38))!important;}
#sv-water-show-root .svws-global-lang-btn:hover{transform:translateY(-1px) scale(1.10)!important;}
@media(max-width:760px){#sv-water-show-root .sv-quick-menu .svws-global-lang-switch,#sv-water-show-root .svws-mini-nav .svws-global-lang-switch{gap:9px!important;margin-left:9px!important;}#sv-water-show-root .sv-quick-menu .svws-global-lang-btn,#sv-water-show-root .svws-mini-nav .svws-global-lang-btn,#sv-water-show-root .svws-global-lang-btn{width:30px!important;height:28px!important;min-width:30px!important;min-height:28px!important;font-size:27px!important;}#sv-water-show-root .svws-global-lang-btn span{font-size:27px!important;}}


/* v2.10.44: Project Integration rich renderer for CSV content */
.svws-eq-integration-body{display:block;margin-top:16px;color:rgba(235,248,255,.94)}
.svws-eq-integration-body p{margin:0 0 12px;line-height:1.72;font-weight:700;color:rgba(235,248,255,.94)}
.svws-eq-integration-lead{font-size:15px;color:#f8fcff!important}
.svws-eq-integration-copy{font-size:14px}
.svws-eq-integration-list{list-style:none;margin:16px 0 16px;padding:0;display:grid;grid-template-columns:1fr;gap:10px}
.svws-eq-integration-list li{display:grid;grid-template-columns:34px 1fr;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid rgba(56,189,248,.18);border-radius:16px;background:linear-gradient(135deg,rgba(8,28,52,.56),rgba(2,14,30,.34));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);line-height:1.45;font-weight:800;color:rgba(238,251,255,.96)}
.svws-eq-integration-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:rgba(56,189,248,.13);border:1px solid rgba(125,211,252,.22);box-shadow:0 8px 24px rgba(14,165,233,.14);font-size:17px;line-height:1}
.svws-eq-integration-support{margin-top:14px!important;padding:14px 16px;border-left:3px solid rgba(34,211,238,.75);border-radius:14px;background:rgba(14,165,233,.10);font-weight:800!important;color:#f4fbff!important}
.svws-eq-integration-cta{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:12px 16px;border-radius:999px;border:1px solid rgba(56,189,248,.36);background:linear-gradient(135deg,rgba(14,165,233,.32),rgba(37,99,235,.28));box-shadow:0 14px 34px rgba(14,165,233,.20);font-weight:900;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.38)}
#sv-water-show-root.svws-equipment-root:not(.svws-manage-root) .svws-eq-integration-body,
#sv-water-show-root.svws-equipment-root:not(.svws-manage-root) .svws-eq-integration-body *{filter:brightness(var(--svws-eq-text-brightness,1))!important}
@media(max-width:768px){.svws-eq-integration-list li{grid-template-columns:30px 1fr;padding:9px 10px}.svws-eq-integration-icon{width:30px;height:30px;border-radius:11px}.svws-eq-integration-cta{width:100%;justify-content:center;text-align:center;border-radius:18px}}

/* v2.10.61 – Admin Supplier Model Visibility */
#sv-water-show-root .svws-admin-supplier-pill{display:inline-flex;align-items:center;gap:7px;width:fit-content;max-width:100%;padding:7px 11px;border-radius:999px;font-size:11px;line-height:1;font-weight:900;letter-spacing:.015em;color:rgba(255,226,179,.96);background:linear-gradient(135deg,rgba(255,190,92,.18),rgba(255,255,255,.07)),rgba(16,26,43,.46);border:1px solid rgba(255,196,107,.35);box-shadow:0 10px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);white-space:nowrap}
#sv-water-show-root .svws-admin-supplier-pill i{width:7px;height:7px;border-radius:999px;background:rgba(255,197,97,.95);box-shadow:0 0 14px rgba(255,197,97,.75);flex:0 0 auto}
#sv-water-show-root .svws-admin-supplier-pill em{font-style:normal;opacity:.78;font-weight:900}
#sv-water-show-root .svws-admin-supplier-pill strong{color:#fff4d6;font-weight:950}
#sv-water-show-root .svws-admin-supplier-pill--spec{border-radius:14px;padding:9px 12px}
#sv-water-show-root .svws-admin-supplier-spec-row th{color:#fbbf24!important}
#sv-water-show-root .svws-admin-supplier-spec-row td{background:linear-gradient(135deg,rgba(251,191,36,.08),rgba(14,165,233,.04))!important}
@media(max-width:768px){#sv-water-show-root .svws-admin-supplier-pill{font-size:10px;padding:7px 9px;white-space:normal}}

/* v2.10.62T Landing Equipment Explorer Glass UI + Scroll Sync */
#sv-water-show-root .svws-landing-equipment-explorer{padding-top:18px;padding-bottom:18px;position:relative;z-index:2}
#sv-water-show-root .svws-lex-shell{padding:18px;border-radius:28px;border:1px solid rgba(125,211,252,.22);background:linear-gradient(135deg,rgba(10,29,55,var(--svws-eq-card-deep,.64)),rgba(4,16,30,var(--svws-eq-card-soft,.38)));box-shadow:0 24px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(calc(var(--svws-lex-card-blur,18px) + 4px));-webkit-backdrop-filter:blur(calc(var(--svws-lex-card-blur,18px) + 4px));overflow:hidden}
#sv-water-show-root .svws-lex-slider{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:2px 2px 12px;margin-bottom:10px;-webkit-overflow-scrolling:touch}
#sv-water-show-root .svws-lex-slider::-webkit-scrollbar{height:7px;background:transparent}#sv-water-show-root .svws-lex-slider::-webkit-scrollbar-track{background:transparent;box-shadow:none}#sv-water-show-root .svws-lex-slider::-webkit-scrollbar-thumb{background:rgba(56,189,248,.45);border-radius:99px}
#sv-water-show-root .svws-lex-cat{flex:0 0 230px;min-height:86px;display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;text-align:left;border:1px solid rgba(148,163,184,.2);border-radius:22px;background:linear-gradient(145deg,rgba(10,29,55,var(--svws-eq-card-deep,.64)),rgba(4,16,30,var(--svws-eq-card-soft,.38)));color:#fff;padding:10px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(var(--svws-lex-card-blur,18px));-webkit-backdrop-filter:blur(var(--svws-lex-card-blur,18px));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;scroll-snap-align:start}
#sv-water-show-root .svws-lex-cat:hover,#sv-water-show-root .svws-lex-cat.is-active{transform:translateY(-2px);border-color:rgba(56,189,248,.72);box-shadow:0 16px 38px rgba(14,165,233,.18),inset 0 1px 0 rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(14,116,144,.72),rgba(7,20,42,var(--svws-eq-card-deep,.64)))}
#sv-water-show-root .svws-lex-cat-img{width:70px;height:64px;border-radius:17px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
#sv-water-show-root .svws-lex-cat-img img{width:100%;height:100%;object-fit:cover;display:block}
#sv-water-show-root .svws-lex-cat-copy strong{display:block;font-weight:700;font-size:14px;line-height:1.18;letter-spacing:-.015em;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#sv-water-show-root .svws-lex-cat-copy em{display:inline-flex;margin-top:7px;font-style:normal;font-size:12px;color:#7dd3fc;background:rgba(14,165,233,.12);border:1px solid rgba(125,211,252,.18);border-radius:999px;padding:4px 8px}
#sv-water-show-root .svws-lex-search-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:2px 0 16px}
#sv-water-show-root .svws-lex-search{height:50px;display:flex;align-items:center;gap:10px;border-radius:18px;border:1px solid rgba(125,211,252,.22);background:linear-gradient(145deg,rgba(10,29,55,var(--svws-eq-card-deep,.64)),rgba(4,16,30,var(--svws-eq-card-soft,.38)));padding:0 16px;color:#67e8f9;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(var(--svws-lex-card-blur,18px));-webkit-backdrop-filter:blur(var(--svws-lex-card-blur,18px))}
#sv-water-show-root .svws-lex-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#e0f2fe;font-weight:600;font-size:14px}
#sv-water-show-root .svws-lex-search input::placeholder{color:rgba(186,230,253,.58)}
#sv-water-show-root .svws-lex-more{height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:18px;padding:0 18px;text-decoration:none;color:#fff;font-weight:800;background:linear-gradient(135deg,#22d3ee,#2563eb);box-shadow:0 14px 34px rgba(37,99,235,.24)}
#sv-water-show-root .svws-lex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-height:none;overflow:visible;padding-right:8px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(125,211,252,.62) transparent;transition:max-height .2s ease}
#sv-water-show-root .svws-lex-grid::-webkit-scrollbar{width:8px;background:transparent}#sv-water-show-root .svws-lex-grid::-webkit-scrollbar-track{background:transparent;box-shadow:none}#sv-water-show-root .svws-lex-grid::-webkit-scrollbar-thumb{background:rgba(125,211,252,.58);border-radius:999px;border:0;box-shadow:0 0 10px rgba(56,189,248,.18)}#sv-water-show-root .svws-lex-grid::-webkit-scrollbar-corner{background:transparent}
#sv-water-show-root .svws-lex-product{display:none;min-height:286px;border-radius:22px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(10,29,55,var(--svws-eq-card-deep,.64)),rgba(4,16,30,var(--svws-eq-card-soft,.38)));overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(var(--svws-lex-card-blur,18px));-webkit-backdrop-filter:blur(var(--svws-lex-card-blur,18px))}
#sv-water-show-root .svws-lex-product.is-visible{display:block}
#sv-water-show-root .svws-lex-img{display:block;height:128px;background:rgba(255,255,255,.06);overflow:hidden}
#sv-water-show-root .svws-lex-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .22s ease}
#sv-water-show-root .svws-lex-product:hover .svws-lex-img img{transform:scale(1.05)}
#sv-water-show-root .svws-lex-body{padding:14px}
#sv-water-show-root .svws-lex-model{display:inline-flex;max-width:100%;font-size:12px;font-weight:800;color:#67e8f9;border:1px solid rgba(103,232,249,.2);border-radius:999px;background:rgba(8,145,178,.11);padding:4px 8px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sv-water-show-root .svws-lex-supplier{display:block;color:#fbbf24;font-size:11px;margin:-2px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sv-water-show-root .svws-lex-body h3{margin:0 0 7px;color:#fff;font-size:16px;line-height:1.18;font-weight:700;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#sv-water-show-root .svws-lex-body p{margin:0;color:#bae6fd;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:37px}
#sv-water-show-root .svws-lex-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
#sv-water-show-root .svws-lex-actions a{font-size:12px;font-weight:800;text-decoration:none;color:#e0f2fe;border:1px solid rgba(125,211,252,.24);border-radius:999px;background:rgba(255,255,255,.06);padding:7px 9px}
#sv-water-show-root .svws-lex-empty{text-align:center;color:#bae6fd;padding:20px;border:1px dashed rgba(125,211,252,.25);border-radius:20px;background:linear-gradient(180deg,rgba(10,29,55,var(--svws-eq-card-deep,.64)),rgba(4,16,30,var(--svws-eq-card-soft,.38)));backdrop-filter:blur(var(--svws-lex-card-blur,18px));-webkit-backdrop-filter:blur(var(--svws-lex-card-blur,18px))}
@media(max-width:1100px){#sv-water-show-root .svws-lex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#sv-water-show-root .svws-landing-equipment-explorer{padding-top:12px}#sv-water-show-root .svws-lex-shell{padding:13px;border-radius:22px}#sv-water-show-root .svws-lex-cat{flex-basis:205px;grid-template-columns:62px 1fr;min-height:78px}#sv-water-show-root .svws-lex-cat-img{width:62px;height:58px}#sv-water-show-root .svws-lex-search-row{grid-template-columns:1fr}#sv-water-show-root .svws-lex-more{width:100%}#sv-water-show-root .svws-lex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:none}#sv-water-show-root .svws-lex-product{min-height:270px}#sv-water-show-root .svws-lex-img{height:112px}}
@media(max-width:430px){#sv-water-show-root .svws-lex-grid{grid-template-columns:1fr;max-height:none}#sv-water-show-root .svws-lex-cat{flex-basis:198px}}


/* v2.10.62T Unified landing quick navigation: same item set as equipment/project pages. */
#sv-water-show-root .sv-quick-menu.svws-unified-top-nav{gap:8px!important;}
#sv-water-show-root .sv-quick-menu.svws-unified-top-nav a{white-space:nowrap!important;}
#sv-water-show-root .sv-quick-menu.svws-unified-top-nav .svws-global-lang-switch{display:inline-flex!important;align-items:center!important;gap:8px!important;margin-left:8px!important;flex:0 0 auto!important;}
#sv-water-show-root .sv-quick-menu.svws-unified-top-nav .svws-global-lang-btn{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;font-size:22px!important;}
@media(max-width:760px){#sv-water-show-root .sv-quick-menu.svws-unified-top-nav .svws-global-lang-switch{gap:7px!important;margin-left:7px!important}}


/* v2.10.62V – Landing top-nav flag icons match equipment/project pages */
#sv-water-show-root .sv-quick-menu.svws-unified-top-nav .svws-global-lang-switch,
#sv-water-show-root .sv-quick-menu.svws-unified-top-nav .svws-landing-lang-switch{
  display:inline-flex!important;align-items:center!important;gap:12px!important;margin-left:12px!important;flex:0 0 auto!important;
}
#sv-water-show-root .sv-quick-menu.svws-unified-top-nav .svws-global-lang-btn{
  width:34px!important;height:30px!important;min-width:34px!important;min-height:30px!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border-radius:0!important;color:inherit!important;font-size:30px!important;line-height:1!important;opacity:1!important;
}
#sv-water-show-root .sv-quick-menu.svws-unified-top-nav .svws-global-lang-btn span{
  font-size:30px!important;line-height:1!important;display:block!important;transform:translateY(0)!important;
  filter:saturate(1.24) drop-shadow(0 2px 6px rgba(0,0,0,.38))!important;
}
#sv-water-show-root .sv-quick-menu.svws-unified-top-nav .svws-global-lang-btn.is-active,
#sv-water-show-root .sv-quick-menu.svws-unified-top-nav .svws-global-lang-btn:hover{
  background:transparent!important;border:0!important;box-shadow:none!important;transform:translateY(-1px) scale(1.10)!important;
}
@media(max-width:760px){
  #sv-water-show-root .sv-quick-menu.svws-unified-top-nav .svws-global-lang-switch,
  #sv-water-show-root .sv-quick-menu.svws-unified-top-nav .svws-landing-lang-switch{gap:9px!important;margin-left:9px!important;}
  #sv-water-show-root .sv-quick-menu.svws-unified-top-nav .svws-global-lang-btn{width:30px!important;height:28px!important;min-width:30px!important;min-height:28px!important;font-size:27px!important;}
  #sv-water-show-root .sv-quick-menu.svws-unified-top-nav .svws-global-lang-btn span{font-size:27px!important;}
}


/* v2.10.62V Rootless landing fixed nav flag icons: footer nav is outside #sv-water-show-root. */
html body .sv-quick-menu.svws-unified-top-nav .svws-global-lang-switch,
html body .sv-quick-menu.svws-unified-top-nav .svws-landing-lang-switch{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin-left:12px!important;padding:0!important;flex:0 0 auto!important;white-space:nowrap!important}
html body .sv-quick-menu.svws-unified-top-nav a.svws-global-lang-btn,
html body .sv-quick-menu.svws-unified-top-nav .svws-global-lang-btn,
html body .sv-quick-menu.svws-mini-nav .svws-global-lang-btn,
html body .sv-quick-menu .svws-global-lang-switch>a{width:34px!important;height:30px!important;min-width:34px!important;min-height:30px!important;max-width:34px!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font-size:30px!important;line-height:1!important;text-decoration:none!important;transform:none!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body .sv-quick-menu.svws-unified-top-nav .svws-global-lang-btn span,
html body .sv-quick-menu.svws-mini-nav .svws-global-lang-btn span,
html body .sv-quick-menu .svws-global-lang-switch>a span{display:block!important;font-size:30px!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;line-height:1!important;transform:translateY(0)!important;filter:saturate(1.24) drop-shadow(0 2px 6px rgba(0,0,0,.38))!important}
html body .sv-quick-menu.svws-unified-top-nav .svws-global-lang-btn.is-active,
html body .sv-quick-menu.svws-unified-top-nav .svws-global-lang-btn:hover,
html body .sv-quick-menu.svws-mini-nav .svws-global-lang-btn.is-active,
html body .sv-quick-menu.svws-mini-nav .svws-global-lang-btn:hover{background:transparent!important;border:0!important;box-shadow:none!important;color:inherit!important}
html body .sv-quick-menu.svws-unified-top-nav .svws-global-lang-btn:hover,
html body .sv-quick-menu.svws-mini-nav .svws-global-lang-btn:hover{transform:translateY(-1px) scale(1.10)!important}
@media(max-width:760px){html body .sv-quick-menu.svws-unified-top-nav .svws-global-lang-switch,html body .sv-quick-menu.svws-unified-top-nav .svws-landing-lang-switch{gap:9px!important;margin-left:9px!important}html body .sv-quick-menu.svws-unified-top-nav a.svws-global-lang-btn,html body .sv-quick-menu.svws-unified-top-nav .svws-global-lang-btn,html body .sv-quick-menu.svws-mini-nav .svws-global-lang-btn,html body .sv-quick-menu .svws-global-lang-switch>a{width:30px!important;height:28px!important;min-width:30px!important;min-height:28px!important;max-width:30px!important;font-size:27px!important}html body .sv-quick-menu.svws-unified-top-nav .svws-global-lang-btn span,html body .sv-quick-menu.svws-mini-nav .svws-global-lang-btn span,html body .sv-quick-menu .svws-global-lang-switch>a span{font-size:27px!important}}

/* v2.10.63A2 Supplier Merge + Clean CRM badges */
#sv-water-show-root .svws-status-ok,
#sv-water-show-root .svws-status-warn{
  display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900;line-height:1;border:1px solid rgba(255,255,255,.16);white-space:nowrap;
}
#sv-water-show-root .svws-status-ok{color:#bbf7d0;background:rgba(34,197,94,.14);border-color:rgba(74,222,128,.28)}
#sv-water-show-root .svws-status-warn{color:#fde68a;background:rgba(245,158,11,.15);border-color:rgba(251,191,36,.30)}

/* v2.10.63A3 Supplier List First + RFQ Readiness UI */
#sv-water-show-root .svws-rfq-readiness{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 18px}
#sv-water-show-root .svws-rfq-readiness>div{border:1px solid rgba(125,211,252,.22);border-radius:18px;background:linear-gradient(145deg,rgba(10,29,55,.72),rgba(4,16,30,.46));padding:14px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#sv-water-show-root .svws-rfq-readiness strong{display:block;color:#fff;font-size:28px;line-height:1;font-weight:950;letter-spacing:-.03em}
#sv-water-show-root .svws-rfq-readiness span{display:block;margin-top:6px;color:#bae6fd;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.035em}
#sv-water-show-root .svws-mapped-models{margin-top:8px;position:relative}
#sv-water-show-root .svws-mapped-models summary{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;list-style:none;border:1px solid rgba(125,211,252,.25);background:rgba(255,255,255,.06);color:#e0f2fe;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;white-space:nowrap}
#sv-water-show-root .svws-mapped-models summary::-webkit-details-marker{display:none}
#sv-water-show-root .svws-mapped-models summary:after{content:'▾';font-size:10px;color:#67e8f9}
#sv-water-show-root .svws-mapped-models[open] summary:after{content:'▴'}
#sv-water-show-root .svws-mapped-models-box{margin-top:8px;max-height:320px;overflow:auto;border:1px solid rgba(125,211,252,.18);border-radius:16px;background:rgba(2,8,23,.72);box-shadow:0 18px 44px rgba(0,0,0,.28);scrollbar-width:thin;scrollbar-color:rgba(125,211,252,.55) transparent}
#sv-water-show-root .svws-mapped-models-box::-webkit-scrollbar{width:8px;height:8px;background:transparent}
#sv-water-show-root .svws-mapped-models-box::-webkit-scrollbar-track{background:transparent}
#sv-water-show-root .svws-mapped-models-box::-webkit-scrollbar-thumb{background:rgba(125,211,252,.55);border-radius:999px}
#sv-water-show-root .svws-mapped-models-box table{width:100%;border-collapse:collapse;min-width:560px}
#sv-water-show-root .svws-mapped-models-box th,#sv-water-show-root .svws-mapped-models-box td{padding:10px 12px;border-bottom:1px solid rgba(125,211,252,.12);vertical-align:top;text-align:left}
#sv-water-show-root .svws-mapped-models-box th{color:#7dd3fc;font-size:10px;text-transform:uppercase;letter-spacing:.04em;background:rgba(2,8,23,.78);position:sticky;top:0;z-index:2}
#sv-water-show-root .svws-supplier-list-first .svws-front-table td{vertical-align:top}
@media(max-width:760px){#sv-water-show-root .svws-rfq-readiness{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sv-water-show-root .svws-rfq-readiness strong{font-size:23px}}

/* v2.10.63B1 Customer BOM Request Workflow */
#sv-water-show-root .svws-eq-product-card-bom{position:relative;display:flex!important;flex-direction:column!important;padding-bottom:0!important;overflow:hidden!important}
#sv-water-show-root .svws-eq-product-card-link{display:block;color:inherit!important;text-decoration:none!important;flex:1 1 auto!important;min-height:0}
#sv-water-show-root .svws-eq-product-card-inline-actions .svws-card-copy{padding-bottom:10px!important}
#sv-water-show-root .svws-card-bom-actions{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:8;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;flex-wrap:wrap!important;margin-top:auto!important;padding:0 22px 20px!important}
#sv-water-show-root .svws-card-view-model,#sv-water-show-root .svws-add-bom,.svws-bom-add-current{border:1px solid rgba(56,189,248,.48);border-radius:999px;background:linear-gradient(135deg,rgba(34,211,238,.24),rgba(37,99,235,.26));color:#e0faff!important;font-weight:950;padding:9px 13px;box-shadow:0 12px 34px rgba(14,165,233,.16),inset 0 1px 0 rgba(255,255,255,.16);cursor:pointer;text-decoration:none!important;white-space:nowrap;font-size:12px;line-height:1.15;display:inline-flex;align-items:center;justify-content:center;gap:6px}
#sv-water-show-root .svws-card-view-model{background:rgba(14,116,144,.26);border-color:rgba(34,211,238,.35)}
#sv-water-show-root .svws-eq-product-card-inline-actions .svws-add-bom{margin:0!important}
@media(max-width:560px){#sv-water-show-root .svws-card-bom-actions{padding:0 18px 18px!important;gap:8px!important}#sv-water-show-root .svws-card-view-model,#sv-water-show-root .svws-add-bom{font-size:11px;padding:8px 10px}}
.svws-bom-dock{position:fixed;right:24px;bottom:24px;z-index:2147482400;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#e0f2fe}.svws-bom-float{width:72px;height:72px;border-radius:24px;border:1px solid rgba(125,211,252,.42);background:linear-gradient(145deg,rgba(14,116,144,.82),rgba(15,23,42,.72));box-shadow:0 22px 60px rgba(0,0,0,.34),0 0 32px rgba(56,189,248,.24),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;display:grid;place-items:center;gap:0;cursor:pointer;position:relative}.svws-bom-float span{font-size:24px;line-height:1}.svws-bom-float b{position:absolute;right:7px;top:6px;min-width:24px;height:24px;border-radius:999px;background:#22d3ee;color:#00111d;display:grid;place-items:center;font-size:12px;font-weight:950}.svws-bom-float em{font-style:normal;font-size:11px;font-weight:950;letter-spacing:.04em}.svws-bom-panel{position:absolute;right:0;bottom:84px;width:min(760px,calc(100vw - 36px));max-height:min(82vh,760px);overflow:auto;border:1px solid rgba(125,211,252,.28);border-radius:28px;background:linear-gradient(145deg,rgba(8,22,42,.96),rgba(2,8,23,.92));box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);padding:18px;display:none}.svws-bom-panel.is-open{display:block}.svws-bom-panel-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.svws-bom-panel-head h3{margin:4px 0 6px!important;color:#fff!important;font-size:26px!important}.svws-bom-panel-head p{margin:0;color:#bae6fd;font-size:13px}.svws-bom-panel-head button{width:42px;height:42px;border-radius:999px;border:1px solid rgba(125,211,252,.30);background:rgba(15,23,42,.72);color:#fff;font-size:22px;cursor:pointer}.svws-bom-items{display:grid;gap:10px;margin-bottom:14px}.svws-bom-empty{padding:18px;border:1px dashed rgba(125,211,252,.32);border-radius:18px;color:#bae6fd;background:rgba(2,12,27,.42)}.svws-bom-item{display:grid;grid-template-columns:74px 1fr auto;gap:12px;align-items:start;border:1px solid rgba(125,211,252,.20);border-radius:18px;background:linear-gradient(145deg,rgba(10,29,55,.60),rgba(4,16,30,.46));padding:10px}.svws-bom-item img{width:74px;height:64px;object-fit:cover;border-radius:14px;background:rgba(255,255,255,.06)}.svws-bom-item-main strong{display:block;color:#67e8f9;font-weight:950}.svws-bom-item-main span{display:block;color:#fff;font-weight:850;font-size:13px}.svws-bom-item-main small{display:block;color:#bae6fd;margin:4px 0}.svws-bom-item textarea{width:100%;min-height:48px;border:1px solid rgba(125,211,252,.22);border-radius:12px;background:rgba(2,8,23,.62);color:#fff;padding:8px;box-sizing:border-box}.svws-bom-item-side{display:grid;gap:8px;min-width:86px}.svws-bom-item-side label{font-size:11px;color:#7dd3fc;font-weight:900}.svws-bom-item-side input{width:82px;border:1px solid rgba(125,211,252,.22);border-radius:12px;background:rgba(2,8,23,.72);color:#fff;padding:8px;box-sizing:border-box}.svws-bom-item-side button{width:38px;height:38px;border-radius:999px;border:1px solid rgba(248,113,113,.45);background:rgba(127,29,29,.42);color:#fecaca;font-weight:950;justify-self:end;cursor:pointer}.svws-bom-customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.svws-bom-customer-grid label{font-size:11px;color:#7dd3fc;text-transform:uppercase;font-weight:950;letter-spacing:.04em}.svws-bom-customer-grid .full{grid-column:1/-1}.svws-bom-customer-grid input,.svws-bom-customer-grid textarea{width:100%;box-sizing:border-box;margin-top:5px;border:1px solid rgba(125,211,252,.24);border-radius:14px;background:rgba(2,8,23,.74);color:#fff;padding:11px 12px;outline:0}.svws-bom-customer-grid textarea{min-height:86px;resize:vertical}.svws-bom-customer-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.svws-bom-status{margin-top:10px;color:#bae6fd;font-weight:800}.svws-admin-bom-line{display:grid;gap:3px;margin:4px 0}.svws-admin-bom-line strong{color:#67e8f9}.svws-admin-bom-line em{font-style:normal;color:#fde68a;font-size:12px}
@media(max-width:720px){.svws-bom-dock{right:14px;bottom:14px}.svws-bom-panel{right:-8px;width:calc(100vw - 20px);bottom:82px;padding:14px}.svws-bom-item{grid-template-columns:1fr}.svws-bom-item img{width:100%;height:130px}.svws-bom-item-side{display:flex;align-items:center;justify-content:space-between}.svws-bom-customer-grid{grid-template-columns:1fr}.svws-bom-customer-actions{flex-direction:column}.svws-bom-customer-actions .svws-btn-primary,.svws-bom-customer-actions .svws-btn-ghost{width:100%;justify-content:center}}


/* v2.10.63B1 BOM dock layout + transparent glass scrollbars hotfix */
html body .svws-bom-dock,
html body .svws-bom-dock *{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  box-sizing:border-box!important;
}
html body .svws-bom-dock{
  position:fixed!important;
  right:26px!important;
  bottom:26px!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  min-width:0!important;
  display:block!important;
  z-index:2147482400!important;
  pointer-events:none!important;
}
html body .svws-bom-float{
  pointer-events:auto!important;
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  padding:0!important;
  border-radius:24px!important;
  text-align:center!important;
  line-height:1!important;
  overflow:hidden!important;
}
html body .svws-bom-float span{display:block!important;font-size:22px!important;line-height:1!important;margin:0!important;}
html body .svws-bom-float em{display:block!important;font-size:10px!important;line-height:1!important;letter-spacing:.04em!important;white-space:nowrap!important;margin-top:2px!important;}
html body .svws-bom-float b{position:absolute!important;right:6px!important;top:6px!important;}
html body .svws-bom-panel{
  pointer-events:auto!important;
  position:fixed!important;
  right:108px!important;
  bottom:26px!important;
  width:min(760px,calc(100vw - 150px))!important;
  min-width:min(620px,calc(100vw - 150px))!important;
  max-width:760px!important;
  max-height:calc(100vh - 128px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:18px!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(8,22,42,.94),rgba(2,8,23,.88))!important;
  border:1px solid rgba(125,211,252,.30)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(22px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(140%)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(125,211,252,.68) transparent!important;
}
html body .svws-bom-panel::-webkit-scrollbar,
html body .svws-bom-items::-webkit-scrollbar,
html body .svws-bom-customer-grid textarea::-webkit-scrollbar,
html body .svws-bom-item textarea::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
  background:transparent!important;
}
html body .svws-bom-panel::-webkit-scrollbar-track,
html body .svws-bom-items::-webkit-scrollbar-track,
html body .svws-bom-customer-grid textarea::-webkit-scrollbar-track,
html body .svws-bom-item textarea::-webkit-scrollbar-track{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
html body .svws-bom-panel::-webkit-scrollbar-thumb,
html body .svws-bom-items::-webkit-scrollbar-thumb,
html body .svws-bom-customer-grid textarea::-webkit-scrollbar-thumb,
html body .svws-bom-item textarea::-webkit-scrollbar-thumb{
  background:rgba(125,211,252,.62)!important;
  border-radius:999px!important;
  border:0!important;
  box-shadow:0 0 10px rgba(56,189,248,.22)!important;
}
html body .svws-bom-panel::-webkit-scrollbar-corner{background:transparent!important;}
html body .svws-bom-panel-head,
html body .svws-bom-item,
html body .svws-bom-customer-grid{
  writing-mode:horizontal-tb!important;
}
html body .svws-bom-panel-head h3,
html body .svws-bom-panel-head p,
html body .svws-bom-panel-head .svws-kicker{
  white-space:normal!important;
  writing-mode:horizontal-tb!important;
}
@media(max-width:920px){
  html body .svws-bom-panel{
    right:14px!important;
    left:14px!important;
    bottom:96px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:calc(100vh - 126px)!important;
    padding:14px!important;
  }
  html body .svws-bom-dock{right:14px!important;bottom:14px!important;}
}
@media(max-width:720px){
  html body .svws-bom-panel-head{align-items:flex-start!important;}
  html body .svws-bom-panel-head h3{font-size:22px!important;}
  html body .svws-bom-item{grid-template-columns:1fr!important;}
}

/* v2.10.63B1 global glass scrollbar cleanup for water-show/equipment surfaces */
#sv-water-show-root.svws-equipment-root .svws-table-scroll,
#sv-water-show-root.svws-equipment-root .svws-eq-related-track,
#sv-water-show-root.svws-equipment-root .svws-doc-thumbs,
#sv-water-show-root.svws-equipment-root .svws-eq-media-strip,
#sv-water-show-root.svws-equipment-root .svws-eq-mini-nav,
#sv-water-show-root.svws-equipment-root .svws-mapped-models-box{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(125,211,252,.62) transparent!important;
}
#sv-water-show-root.svws-equipment-root .svws-table-scroll::-webkit-scrollbar,
#sv-water-show-root.svws-equipment-root .svws-eq-related-track::-webkit-scrollbar,
#sv-water-show-root.svws-equipment-root .svws-doc-thumbs::-webkit-scrollbar,
#sv-water-show-root.svws-equipment-root .svws-eq-media-strip::-webkit-scrollbar,
#sv-water-show-root.svws-equipment-root .svws-eq-mini-nav::-webkit-scrollbar,
#sv-water-show-root.svws-equipment-root .svws-mapped-models-box::-webkit-scrollbar{
  width:8px!important;height:8px!important;background:transparent!important;
}
#sv-water-show-root.svws-equipment-root .svws-table-scroll::-webkit-scrollbar-track,
#sv-water-show-root.svws-equipment-root .svws-eq-related-track::-webkit-scrollbar-track,
#sv-water-show-root.svws-equipment-root .svws-doc-thumbs::-webkit-scrollbar-track,
#sv-water-show-root.svws-equipment-root .svws-eq-media-strip::-webkit-scrollbar-track,
#sv-water-show-root.svws-equipment-root .svws-eq-mini-nav::-webkit-scrollbar-track,
#sv-water-show-root.svws-equipment-root .svws-mapped-models-box::-webkit-scrollbar-track{
  background:transparent!important;box-shadow:none!important;border:0!important;
}
#sv-water-show-root.svws-equipment-root .svws-table-scroll::-webkit-scrollbar-thumb,
#sv-water-show-root.svws-equipment-root .svws-eq-related-track::-webkit-scrollbar-thumb,
#sv-water-show-root.svws-equipment-root .svws-doc-thumbs::-webkit-scrollbar-thumb,
#sv-water-show-root.svws-equipment-root .svws-eq-media-strip::-webkit-scrollbar-thumb,
#sv-water-show-root.svws-equipment-root .svws-eq-mini-nav::-webkit-scrollbar-thumb,
#sv-water-show-root.svws-equipment-root .svws-mapped-models-box::-webkit-scrollbar-thumb{
  background:rgba(125,211,252,.62)!important;border-radius:999px!important;border:0!important;box-shadow:0 0 10px rgba(56,189,248,.20)!important;
}


/* v2.10.63H Landing Equipment Explorer: expanded list + no-crop product hero cards */
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-grid{
  max-height:none!important;
  overflow:visible!important;
  align-items:stretch!important;
}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-product{
  min-height:360px!important;
  display:none;
}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-product.is-visible{
  display:flex!important;
  flex-direction:column!important;
}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-img{
  height:auto!important;
  min-height:176px!important;
  aspect-ratio:16/9!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(145deg,rgba(2,8,23,.62),rgba(8,47,73,.34))!important;
}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-img img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-product:hover .svws-lex-img img{
  transform:none!important;
}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-body{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-actions{
  margin-top:auto!important;
  padding-top:12px!important;
}
@media(max-width:1100px){
  #sv-water-show-root .svws-landing-equipment-explorer .svws-lex-img{min-height:160px!important;}
  #sv-water-show-root .svws-landing-equipment-explorer .svws-lex-product{min-height:338px!important;}
}
@media(max-width:760px){
  #sv-water-show-root .svws-landing-equipment-explorer .svws-lex-img{min-height:138px!important;}
  #sv-water-show-root .svws-landing-equipment-explorer .svws-lex-product{min-height:318px!important;}
}
@media(max-width:430px){
  #sv-water-show-root .svws-landing-equipment-explorer .svws-lex-img{min-height:178px!important;}
}


/* SVWS v2.10.63I – Cache Bust + Landing Equipment Card Final Fix
   Strong landing equipment card no-crop rules. Keep top plugin folder unchanged so WP upload can replace existing plugin. */
#sv-water-show-root .svws-landing-equipment-explorer{overflow:visible!important;}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-shell{overflow:visible!important;}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-grid{
  max-height:none!important;
  overflow:visible!important;
  display:grid!important;
  align-items:stretch!important;
}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-product{
  min-height:390px!important;
  height:auto!important;
  overflow:hidden!important;
}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-product.is-visible{
  display:flex!important;
  flex-direction:column!important;
}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-img{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:auto!important;
  min-height:205px!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  padding:6px!important;
  box-sizing:border-box!important;
  background:linear-gradient(145deg,rgba(2,8,23,.76),rgba(8,47,73,.42))!important;
}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-img img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-product:hover .svws-lex-img img{
  transform:none!important;
}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-body{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
}
#sv-water-show-root .svws-landing-equipment-explorer .svws-lex-actions{
  margin-top:auto!important;
  padding-top:12px!important;
}
@media(max-width:1100px){
  #sv-water-show-root .svws-landing-equipment-explorer .svws-lex-img{min-height:182px!important;}
  #sv-water-show-root .svws-landing-equipment-explorer .svws-lex-product{min-height:360px!important;}
}
@media(max-width:760px){
  #sv-water-show-root .svws-landing-equipment-explorer .svws-lex-img{min-height:152px!important;}
  #sv-water-show-root .svws-landing-equipment-explorer .svws-lex-product{min-height:338px!important;}
}
@media(max-width:430px){
  #sv-water-show-root .svws-landing-equipment-explorer .svws-lex-img{min-height:196px!important;}
  #sv-water-show-root .svws-landing-equipment-explorer .svws-lex-product{min-height:360px!important;}
}


/* v2.10.68N18 – Mobile fixed UI spacing: BOM dock, user/account float and bottom menu flag safe-zone */
:root{--svws-mobile-reserved-right:128px;--svws-mobile-bottom-nav-h:70px;}
@media(max-width:860px){
  html body .sv-quick-menu,
  html body.admin-bar .sv-quick-menu,
  html body #sv-water-show-root .svws-mini-nav,
  html body #sv-water-show-root .svws-eq-mini-nav{
    left:10px!important;
    right:var(--svws-mobile-reserved-right)!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    max-width:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding-right:18px!important;
    z-index:2147482300!important;
  }
  html body .sv-quick-menu::-webkit-scrollbar,
  html body #sv-water-show-root .svws-mini-nav::-webkit-scrollbar{display:none!important;}
  html body .sv-quick-menu .svws-global-lang-switch,
  html body #sv-water-show-root .svws-mini-nav .svws-global-lang-switch{
    padding-right:8px!important;
    margin-right:8px!important;
  }
  html body .svws-bom-dock{
    right:14px!important;
    bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
    z-index:2147482600!important;
  }
  html body .svws-bom-float{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    border-radius:22px!important;
  }
  html body .svws-bom-panel{
    right:12px!important;
    left:12px!important;
    bottom:calc(166px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:calc(100vh - 190px)!important;
  }
  html body [data-svws-mobile-float-shift="1"]{
    bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
    right:14px!important;
    z-index:2147482550!important;
  }
  html body [data-svws-mobile-float-shift="2"]{
    bottom:calc(166px + env(safe-area-inset-bottom,0px))!important;
    right:14px!important;
    z-index:2147482550!important;
  }
}
@media(max-width:430px){
  :root{--svws-mobile-reserved-right:112px;}
  html body .sv-quick-menu,
  html body.admin-bar .sv-quick-menu,
  html body #sv-water-show-root .svws-mini-nav,
  html body #sv-water-show-root .svws-eq-mini-nav{
    left:8px!important;
    right:112px!important;
  }
  html body .svws-bom-dock{right:10px!important;}
  html body [data-svws-mobile-float-shift="1"],
  html body [data-svws-mobile-float-shift="2"]{right:10px!important;}
}

/* v2.10.68N20 - Mobile bottom menu compact light glass fix */
@media (max-width: 768px) {
  body .sv-quick-menu,
  body.admin-bar .sv-quick-menu,
  html body .sv-quick-menu,
  html body.admin-bar .sv-quick-menu {
    top: auto !important;
    bottom: 8px !important;
    left: 8px !important;
    right: auto !important;
    width: calc(100vw - 104px) !important;
    max-width: calc(100vw - 104px) !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 6px 8px !important;
    gap: 6px !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(246,250,255,.88) 0%, rgba(231,240,248,.82) 100%) !important;
    border: 1px solid rgba(120, 170, 205, .30) !important;
    box-shadow: 0 12px 28px rgba(10, 28, 48, .18), inset 0 1px 0 rgba(255,255,255,.72) !important;
    backdrop-filter: blur(16px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  body .sv-quick-menu::-webkit-scrollbar,
  body.admin-bar .sv-quick-menu::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
  }

  body .sv-quick-menu a,
  body.admin-bar .sv-quick-menu a,
  html body .sv-quick-menu a,
  html body.admin-bar .sv-quick-menu a {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    color: #243443 !important;
    background: rgba(255,255,255,.46) !important;
    border: 1px solid rgba(145, 177, 203, .22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55) !important;
    white-space: nowrap !important;
  }

  body .sv-quick-menu a span,
  body.admin-bar .sv-quick-menu a span {
    color: #243443 !important;
  }

  body .sv-quick-menu .sv-home-link,
  body.admin-bar .sv-quick-menu .sv-home-link {
    min-width: 38px !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(88,178,255,.95) 0%, rgba(39,127,230,.92) 100%) !important;
    color: #ffffff !important;
    border-color: rgba(47,122,214,.35) !important;
    box-shadow: 0 8px 18px rgba(33, 117, 212, .24) !important;
  }

  body .sv-quick-menu a.sv-active,
  body .sv-quick-menu a.active,
  body.admin-bar .sv-quick-menu a.sv-active,
  body.admin-bar .sv-quick-menu a.active {
    background: linear-gradient(180deg, rgba(231,244,255,.96) 0%, rgba(204,228,249,.92) 100%) !important;
    color: #152535 !important;
    border-color: rgba(90, 146, 193, .34) !important;
    box-shadow: 0 8px 18px rgba(66, 110, 152, .12), inset 0 1px 0 rgba(255,255,255,.72) !important;
  }

  body .sv-quick-menu a.sv-active::after,
  body .sv-quick-menu a.active::after,
  body.admin-bar .sv-quick-menu a.sv-active::after,
  body.admin-bar .sv-quick-menu a.active::after {
    display: none !important;
  }
}

@media (max-width: 420px) {
  body .sv-quick-menu,
  body.admin-bar .sv-quick-menu,
  html body .sv-quick-menu,
  html body.admin-bar .sv-quick-menu {
    width: calc(100vw - 96px) !important;
    max-width: calc(100vw - 96px) !important;
    min-height: 50px !important;
    height: 50px !important;
    padding: 5px 7px !important;
    border-radius: 18px !important;
  }

  body .sv-quick-menu a,
  body.admin-bar .sv-quick-menu a,
  html body .sv-quick-menu a,
  html body.admin-bar .sv-quick-menu a {
    min-height: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 11px !important;
    font-size: 12.5px !important;
    border-radius: 13px !important;
  }

  body .sv-quick-menu .sv-home-link,
  body.admin-bar .sv-quick-menu .sv-home-link {
    min-width: 36px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 13px !important;
  }
}

/* v2.10.68N21 - unify mobile quick menu across water-show and child pages */
@media (max-width: 768px) {
  body .sv-quick-menu,
  body.admin-bar .sv-quick-menu,
  html body .sv-quick-menu,
  html body.admin-bar .sv-quick-menu,
  #sv-water-show-root .sv-quick-menu,
  #sv-water-show-root .sv-quick-menu.sv-scrolling-up,
  #sv-water-show-root .sv-quick-menu.sv-scrolling-down {
    position: fixed !important;
    top: auto !important;
    bottom: 8px !important;
    left: 8px !important;
    right: auto !important;
    transform: none !important;
    width: calc(100vw - 102px) !important;
    max-width: calc(100vw - 102px) !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 7px 8px !important;
    gap: 8px !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(9, 28, 52, .94) 0%, rgba(6, 20, 40, .92) 100%) !important;
    border: 1px solid rgba(110, 189, 255, .24) !important;
    box-shadow: 0 14px 28px rgba(0, 8, 20, .34), inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter: blur(14px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    justify-content: flex-start !important;
    align-items: center !important;
    z-index: 2147483646 !important;
  }

  body .sv-quick-menu::-webkit-scrollbar,
  body.admin-bar .sv-quick-menu::-webkit-scrollbar,
  html body .sv-quick-menu::-webkit-scrollbar,
  html body.admin-bar .sv-quick-menu::-webkit-scrollbar,
  #sv-water-show-root .sv-quick-menu::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
  }

  body .sv-quick-menu a,
  body.admin-bar .sv-quick-menu a,
  html body .sv-quick-menu a,
  html body.admin-bar .sv-quick-menu a,
  #sv-water-show-root .sv-quick-menu a {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 16px !important;
    border-radius: 18px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 40px !important;
    color: #f6fbff !important;
    background: transparent !important;
    border: 1px solid rgba(118, 175, 226, .18) !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    text-shadow: none !important;
  }

  body .sv-quick-menu a span,
  body.admin-bar .sv-quick-menu a span,
  html body .sv-quick-menu a span,
  html body.admin-bar .sv-quick-menu a span,
  #sv-water-show-root .sv-quick-menu a span {
    color: #f6fbff !important;
  }

  body .sv-quick-menu a.sv-active,
  body .sv-quick-menu a.active,
  body.admin-bar .sv-quick-menu a.sv-active,
  body.admin-bar .sv-quick-menu a.active,
  html body .sv-quick-menu a.sv-active,
  html body .sv-quick-menu a.active,
  html body.admin-bar .sv-quick-menu a.sv-active,
  html body.admin-bar .sv-quick-menu a.active,
  #sv-water-show-root .sv-quick-menu a.sv-active,
  #sv-water-show-root .sv-quick-menu a.active {
    background: linear-gradient(180deg, rgba(70, 128, 204, .34) 0%, rgba(42, 96, 165, .30) 100%) !important;
    border-color: rgba(108, 181, 245, .44) !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(170, 225, 255, .10) !important;
  }

  body .sv-quick-menu a.sv-active::after,
  body .sv-quick-menu a.active::after,
  body.admin-bar .sv-quick-menu a.sv-active::after,
  body.admin-bar .sv-quick-menu a.active::after,
  html body .sv-quick-menu a.sv-active::after,
  html body .sv-quick-menu a.active::after,
  html body.admin-bar .sv-quick-menu a.sv-active::after,
  html body.admin-bar .sv-quick-menu a.active::after,
  #sv-water-show-root .sv-quick-menu a.sv-active::after,
  #sv-water-show-root .sv-quick-menu a.active::after {
    display: none !important;
  }

  body .sv-quick-menu .sv-home-link,
  body.admin-bar .sv-quick-menu .sv-home-link,
  html body .sv-quick-menu .sv-home-link,
  html body.admin-bar .sv-quick-menu .sv-home-link,
  #sv-water-show-root .sv-quick-menu .sv-home-link {
    min-width: 40px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    border-radius: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #f6fbff !important;
    background: linear-gradient(180deg, rgba(62,149,255,.92) 0%, rgba(30,107,230,.92) 100%) !important;
    border-color: rgba(91, 174, 245, .42) !important;
    box-shadow: 0 10px 18px rgba(11, 56, 123, .28) !important;
  }
}

@media (max-width: 420px) {
  body .sv-quick-menu,
  body.admin-bar .sv-quick-menu,
  html body .sv-quick-menu,
  html body.admin-bar .sv-quick-menu,
  #sv-water-show-root .sv-quick-menu,
  #sv-water-show-root .sv-quick-menu.sv-scrolling-up,
  #sv-water-show-root .sv-quick-menu.sv-scrolling-down {
    width: calc(100vw - 96px) !important;
    max-width: calc(100vw - 96px) !important;
    min-height: 54px !important;
    height: 54px !important;
    padding: 7px !important;
    border-radius: 22px !important;
  }

  body .sv-quick-menu a,
  body.admin-bar .sv-quick-menu a,
  html body .sv-quick-menu a,
  html body.admin-bar .sv-quick-menu a,
  #sv-water-show-root .sv-quick-menu a {
    min-height: 38px !important;
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 14px !important;
    font-size: 12.5px !important;
    border-radius: 17px !important;
  }

  body .sv-quick-menu .sv-home-link,
  body.admin-bar .sv-quick-menu .sv-home-link,
  html body .sv-quick-menu .sv-home-link,
  html body.admin-bar .sv-quick-menu .sv-home-link,
  #sv-water-show-root .sv-quick-menu .sv-home-link {
    min-width: 38px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 17px !important;
  }
}

/* v2.10.68N23 - Equipment renderer now shares sv-quick-menu class; harden final mobile style */
@media (max-width: 768px) {
  body nav.svws-equipment-quick-menu,
  body nav.svws-mini-nav.svws-eq-mini-nav,
  html body nav.svws-equipment-quick-menu,
  html body nav.svws-mini-nav.svws-eq-mini-nav {
    position: fixed !important;
    top: auto !important;
    bottom: 8px !important;
    left: 8px !important;
    right: auto !important;
    transform: none !important;
    width: calc(100vw - 102px) !important;
    max-width: calc(100vw - 102px) !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 7px 8px !important;
    gap: 8px !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(9, 28, 52, .94) 0%, rgba(6, 20, 40, .92) 100%) !important;
    border: 1px solid rgba(110, 189, 255, .24) !important;
    box-shadow: 0 14px 28px rgba(0, 8, 20, .34), inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter: blur(14px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    justify-content: flex-start !important;
    align-items: center !important;
    z-index: 2147483646 !important;
  }
  body nav.svws-equipment-quick-menu::-webkit-scrollbar,
  body nav.svws-mini-nav.svws-eq-mini-nav::-webkit-scrollbar { display:none!important; height:0!important; }
  body nav.svws-equipment-quick-menu a,
  body nav.svws-mini-nav.svws-eq-mini-nav a {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 16px !important;
    border-radius: 18px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 40px !important;
    color: #f6fbff !important;
    background: transparent !important;
    border: 1px solid rgba(118, 175, 226, .18) !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }
  body nav.svws-equipment-quick-menu a.active,
  body nav.svws-equipment-quick-menu a.sv-active,
  body nav.svws-mini-nav.svws-eq-mini-nav a.active,
  body nav.svws-mini-nav.svws-eq-mini-nav a.sv-active {
    background: linear-gradient(180deg, rgba(70, 128, 204, .34) 0%, rgba(42, 96, 165, .30) 100%) !important;
    border-color: rgba(108, 181, 245, .44) !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(170, 225, 255, .10) !important;
  }
  body nav.svws-equipment-quick-menu .sv-home-link,
  body nav.svws-mini-nav.svws-eq-mini-nav .sv-home-link,
  body nav.svws-mini-nav.svws-eq-mini-nav .svws-mini-home {
    min-width: 40px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    border-radius: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #f6fbff !important;
    background: linear-gradient(180deg, rgba(62,149,255,.92) 0%, rgba(30,107,230,.92) 100%) !important;
    border-color: rgba(91, 174, 245, .42) !important;
    box-shadow: 0 10px 18px rgba(11, 56, 123, .28) !important;
  }
}

/* v2.10.68N47 - Product thumbnails in admin/RFQ/customer tables */
.svws-thumb-cell{width:72px;min-width:72px;text-align:center;vertical-align:middle}
.svws-product-thumb-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.svws-product-thumb-wrap a{display:inline-flex;text-decoration:none;line-height:0}
.svws-product-thumb{width:56px;height:56px;object-fit:contain;border-radius:12px;border:1px solid rgba(125,211,252,.28);background:rgba(255,255,255,.08);box-shadow:0 8px 22px rgba(0,0,0,.22);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.svws-product-thumb-wrap a:hover .svws-product-thumb{transform:scale(1.06);border-color:rgba(56,189,248,.65);box-shadow:0 10px 26px rgba(56,189,248,.18)}
.svws-product-thumb-context-supplier .svws-product-thumb,.svws-product-thumb-context-email_supplier .svws-product-thumb{cursor:default}
@media(max-width:860px){.svws-thumb-cell{width:62px;min-width:62px}.svws-product-thumb{width:48px;height:48px;border-radius:10px}}