/* 
 * DECOR PAINT — stylesheet giao diện chính của theme SƠN DÂN DỤNG 1.7.105.
 * Kiến trúc được hợp nhất theo thành phần và breakpoint; không nạp stylesheet hiệu chỉnh rời.
  */
:root{
  --sdd-primary: #1b5297;
  --sdd-primary-dark: #103f7c;
  --sdd-primary-deep: #082e63;
  --sdd-primary-soft: #edf5fe;
  --sdd-accent: #ffb000;
  --sdd-price: #ef5358;
  --sdd-green: #2d8a36;
  --sdd-orange: #FF5001;
  --sdd-ink: #20242b;
  --sdd-muted: #697386;
  --sdd-line: #dfe5ec;
  --sdd-soft: #f4f7fb;
  --sdd-white: #fff;
  --sdd-shadow: 0 8px 26px rgba(14, 47, 87, .10);
  --sdd-shadow-lg: 0 22px 60px rgba(9, 38, 76, .18);
  --sdd-shell: 1200px;
  --sdd-radius: 8px;
  --sdd-font: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --sdd-banner-height: 315px;
  --sdd-mobile-banner-height: 180px;
  --sdd-mobile-dock-height: 75px;
  --sdd-mobile-dock-rise: 25px;
  --sdd-mobile-dock-offset: 0px;
  --sdd-mobile-purchase-bar-height: 76px;
  --sdd-page-blue: #f3f8fe;
  --sdd-border-line: #dde5ef;
  --sdd-blue: #1f559d;
  --sdd-blue-deep: #123f7f;
  --sdd-blue-dark: #0b2f68;
  --sdd-red: #ef3e42;
  --sdd-text: #202733;
}

/* ================================================================
   DECOR PAINT UNIFIED ACCOUNT PORTAL — 1.7.61
   Scoped to the signed-in WooCommerce account so no other route moves.
   ================================================================ */
body.sdd-account-portal-page {
    --sdd-account-blue: #174f98;
    --sdd-account-blue-dark: #0d3973;
    --sdd-account-blue-soft: #edf5ff;
    --sdd-account-orange: #FF5001;
    --sdd-account-ink: #14263d;
    --sdd-account-muted: #617188;
    --sdd-account-line: #dce6f1;
    --sdd-account-surface: #ffffff;
    --sdd-account-bg: #f4f8fc;
    background: var(--sdd-account-bg);
    color: var(--sdd-account-ink);
    font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.sdd-account-portal-page .sdd-account-main {
    background:
        radial-gradient(circle at 8% 3%, rgba(23, 79, 152, .08), transparent 24rem),
        radial-gradient(circle at 94% 9%, rgba(255, 80, 1, .07), transparent 20rem),
        var(--sdd-account-bg);
    min-height: 0 !important;
    padding: clamp(14px, 1.7vw, 22px) 0 clamp(24px, 2.6vw, 36px);
}

body.sdd-account-portal-page .sdd-account-page-shell {
    width: min(1320px, calc(100% - 32px));
    max-width: 1320px;
    margin-inline: auto;
}

body.sdd-account-portal-page .sdd-account-page-article,
body.sdd-account-portal-page .sdd-account-page-article .sdd-page-content {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

body.sdd-account-portal-page .sdd-account-portal,
body.sdd-account-portal-page .sdd-account-portal * {
    box-sizing: border-box;
}

body.sdd-account-portal-page .sdd-account-portal {
    width: 100%;
    color: var(--sdd-account-ink);
    font-size: 14px;
    line-height: 1.55;
}

body.sdd-account-portal-page .sdd-account-portal a {
    text-decoration: none;
}

body.sdd-account-portal-page .sdd-account-portal .sdd-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

.sdd-account-portal-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 128px;
    overflow: hidden;
    padding: clamp(20px, 2.5vw, 28px) clamp(21px, 3vw, 38px);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 20px;
    background: linear-gradient(125deg, #0c356b 0%, #174f98 58%, #2368bd 100%);
    box-shadow: 0 18px 48px rgba(13, 57, 115, .18);
    color: #fff;
}

.sdd-account-portal-hero::before,
.sdd-account-portal-hero::after {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.sdd-account-portal-hero::before {
    right: 11%;
    bottom: -145px;
    width: 320px;
    height: 320px;
    border: 58px solid rgba(255, 255, 255, .06);
}

.sdd-account-portal-hero::after {
    top: -62px;
    right: -34px;
    width: 188px;
    height: 188px;
    background: rgba(255, 80, 1, .14);
}

.sdd-account-portal-hero-copy {
    max-width: 760px;
}

.sdd-account-eyebrow {
    display: block;
    margin: 0 0 7px;
    color: var(--sdd-account-blue);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .115em;
    line-height: 1.4;
}

.sdd-account-portal-hero .sdd-account-eyebrow {
    color: #ffb06d;
}

.sdd-account-portal-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(26px, 2.8vw, 36px);
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1.12;
}

.sdd-account-portal-hero-copy p {
    max-width: 700px;
    margin: 8px 0 0;
    color: rgba(255, 255, 255, .88);
    font-size: 15px;
    line-height: 1.55;
}

.sdd-account-portal-trust {
    position: relative;
    z-index: 1;
    display: grid;
    flex: 0 0 auto;
    gap: 10px;
    min-width: 218px;
}

.sdd-account-role-pill,
.sdd-account-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 13px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    background: rgba(255, 255, 255, .11);
    color: #fff;
    font-size: 12px;
    font-weight: 750;
    backdrop-filter: blur(8px);
}

.sdd-account-role-pill {
    gap: 8px;
}

.sdd-account-role-pill .sdd-icon {
    width: 18px !important;
    height: 18px !important;
}

.sdd-account-status-pill {
    gap: 9px;
    background: rgba(255, 255, 255, .94);
    color: var(--sdd-account-blue-dark);
}

.sdd-account-status-pill i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2daf66;
    box-shadow: 0 0 0 4px rgba(45, 175, 102, .14);
}

.sdd-account-portal-layout {
    display: grid;
    grid-template-columns: 244px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
    margin-top: 14px;
}

.sdd-account-sidebar,
.sdd-account-content {
    min-width: 0;
    border: 1px solid var(--sdd-account-line);
    border-radius: 16px;
    background: var(--sdd-account-surface);
    box-shadow: 0 10px 32px rgba(25, 63, 105, .065);
}

.sdd-account-sidebar {
    position: sticky;
    top: 18px;
    overflow: hidden;
}

.sdd-account-user-card {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 15px 16px;
    border-bottom: 1px solid var(--sdd-account-line);
    background: linear-gradient(145deg, #fff 0%, #f4f8fd 100%);
}

.sdd-account-avatar {
    position: relative;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
}

.sdd-account-avatar-image {
    display: block;
    width: 52px;
    height: 52px;
    border: 3px solid #fff;
    border-radius: 16px;
    object-fit: cover;
    box-shadow: 0 5px 16px rgba(23, 79, 152, .17);
}

.sdd-account-avatar > span {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 14px;
    height: 14px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #2daf66;
}

.sdd-account-user-card > div:last-child {
    min-width: 0;
}

.sdd-account-user-card strong,
.sdd-account-user-card small,
.sdd-account-user-card > div:last-child > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sdd-account-user-card strong {
    color: var(--sdd-account-ink);
    font-size: 14px;
    font-weight: 800;
}

.sdd-account-user-card small {
    margin-top: 1px;
    color: var(--sdd-account-muted);
    font-size: 11px;
}

.sdd-account-user-card > div:last-child > span {
    margin-top: 5px;
    color: var(--sdd-account-blue);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

body.sdd-account-portal-page .sdd-account-navigation {
    float: none;
    width: 100%;
    padding: 10px 10px 8px;
}

.sdd-account-nav-label {
    margin: 0;
    padding: 3px 8px 6px;
    color: #8794a7;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .11em;
}

body.sdd-account-portal-page .sdd-account-navigation ul {
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.sdd-account-portal-page .sdd-account-navigation li {
    margin: 0;
    padding: 0;
    border: 0;
}

body.sdd-account-portal-page .sdd-account-navigation li::before {
    display: none;
}

body.sdd-account-portal-page .sdd-account-navigation a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 42px;
    padding: 5px 8px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #384b63;
    font-size: 13px;
    font-weight: 700;
    transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.sdd-account-nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 31px;
    width: 31px;
    height: 31px;
    border-radius: 10px;
    background: #f1f5fa;
    color: #60738c;
    transition: color .18s ease, background .18s ease;
}

.sdd-account-nav-icon .sdd-icon {
    width: 18px !important;
    height: 18px !important;
}

.sdd-account-nav-text {
    min-width: 0;
    flex: 1;
}

.sdd-account-nav-arrow {
    display: inline-flex;
    color: #9aabba;
}

.sdd-account-nav-arrow .sdd-icon {
    width: 15px !important;
    height: 15px !important;
}

body.sdd-account-portal-page .sdd-account-navigation a:hover,
body.sdd-account-portal-page .sdd-account-navigation a:focus-visible {
    border-color: #cadbf0;
    background: #f6faff;
    color: var(--sdd-account-blue);
    transform: translateX(2px);
}

body.sdd-account-portal-page .sdd-account-navigation .is-active > a,
body.sdd-account-portal-page .sdd-account-navigation a[aria-current="page"] {
    border-color: #c9dcf4;
    background: linear-gradient(110deg, #e9f3ff, #f6faff);
    color: var(--sdd-account-blue);
    box-shadow: inset 3px 0 0 var(--sdd-account-blue);
}

body.sdd-account-portal-page .sdd-account-navigation .is-active .sdd-account-nav-icon,
body.sdd-account-portal-page .sdd-account-navigation a[aria-current="page"] .sdd-account-nav-icon {
    background: var(--sdd-account-blue);
    color: #fff;
}

body.sdd-account-portal-page .sdd-account-navigation .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 6px;
    padding-top: 8px;
    border-top: 1px solid var(--sdd-account-line);
}

body.sdd-account-portal-page .sdd-account-navigation .woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #bd3540;
}

body.sdd-account-portal-page .sdd-account-navigation .woocommerce-MyAccount-navigation-link--customer-logout .sdd-account-nav-icon {
    background: #fff1f2;
    color: #c83b47;
}

.sdd-account-help-card {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 7px 10px;
    margin: 3px 10px 10px;
    padding: 11px;
    border-radius: 14px;
    background: linear-gradient(145deg, #123f7a, #1c5dac);
    color: #fff;
}

.sdd-account-help-card > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-row: 1;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: rgba(255, 255, 255, .13);
    color: #fff;
}

.sdd-account-help-card > div {
    grid-column: 2;
}

.sdd-account-help-card strong,
.sdd-account-help-card small {
    display: block;
}

.sdd-account-help-card strong {
    color: #fff;
    font-size: 12px;
}

.sdd-account-help-card small {
    margin-top: 2px;
    color: rgba(255, 255, 255, .72);
    font-size: 10px;
    line-height: 1.45;
}

.sdd-account-help-card > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-column: 1 / -1;
    min-height: 36px;
    margin-top: 3px;
    border-radius: 9px;
    background: #fff;
    color: var(--sdd-account-blue-dark);
    font-size: 11px;
    font-weight: 800;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.sdd-account-help-card > a:hover,
.sdd-account-help-card > a:focus-visible {
    background: #ffeddf;
    color: #a84a04;
    transform: translateY(-1px);
}

.sdd-account-help-card > a.sdd-account-help-phone {
    gap: 6px;
    margin-top: 0;
    border: 1px solid rgba(255, 255, 255, .28);
    background: transparent;
    color: #fff;
}

.sdd-account-help-phone .sdd-icon {
    width: 15px !important;
    height: 15px !important;
}

body.sdd-account-portal-page .sdd-account-content {
    float: none;
    width: 100%;
    overflow: hidden;
}

.sdd-account-section-header {
    padding: 16px 20px 14px;
    border-bottom: 1px solid var(--sdd-account-line);
    background: linear-gradient(120deg, #fff 0%, #f7faff 100%);
}

.sdd-account-section-header h2 {
    margin: 0;
    color: var(--sdd-account-ink);
    font-size: clamp(21px, 2vw, 27px);
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.2;
}

.sdd-account-section-header p {
    max-width: 760px;
    margin: 5px 0 0;
    color: var(--sdd-account-muted);
    font-size: 13px;
    line-height: 1.5;
}

.sdd-account-section-body {
    padding: 16px 18px 19px;
}

.sdd-account-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.sdd-account-stat {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 15px;
    align-items: center;
    gap: 11px;
    min-height: 74px;
    padding: 11px;
    border: 1px solid var(--sdd-account-line);
    border-radius: 15px;
    background: #fff;
    color: var(--sdd-account-ink);
    box-shadow: 0 5px 18px rgba(23, 79, 152, .045);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.sdd-account-stat:hover,
.sdd-account-stat:focus-visible {
    border-color: #a9c6e9;
    box-shadow: 0 10px 25px rgba(23, 79, 152, .11);
    transform: translateY(-2px);
}

.sdd-account-stat > .sdd-icon {
    width: 16px !important;
    height: 16px !important;
    color: #9aabba;
}

.sdd-account-stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 11px;
}

.sdd-account-stat-icon.is-blue {
    background: #eaf3ff;
    color: var(--sdd-account-blue);
}

.sdd-account-stat-icon.is-orange {
    background: #fff1e7;
    color: #CC4000;
}

.sdd-account-stat-icon.is-green {
    background: #eaf8f0;
    color: #168c4d;
}

.sdd-account-stat span:nth-child(2) {
    min-width: 0;
}

.sdd-account-stat strong,
.sdd-account-stat small {
    display: block;
}

.sdd-account-stat strong {
    color: var(--sdd-account-ink);
    font-size: 20px;
    font-weight: 850;
    letter-spacing: -.025em;
    line-height: 1.05;
}

.sdd-account-stat small {
    margin-top: 5px;
    color: var(--sdd-account-muted);
    font-size: 11px;
    font-weight: 650;
}

.sdd-account-staff-notice {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 12px;
    padding: 10px 13px;
    border: 1px solid #b9d2ef;
    border-radius: 14px;
    background: #eef6ff;
}

.sdd-account-staff-notice > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: var(--sdd-account-blue);
    color: #fff;
}

.sdd-account-staff-notice strong {
    display: block;
    color: var(--sdd-account-blue-dark);
    font-size: 13px;
}

.sdd-account-staff-notice p {
    margin: 3px 0 0;
    color: #4d6683;
    font-size: 11px;
}

.sdd-account-apps-section,
.sdd-account-dashboard-lower {
    margin-top: 18px;
}

.sdd-account-block-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 13px;
}

.sdd-account-block-heading span {
    display: block;
    margin-bottom: 3px;
    color: var(--sdd-account-blue);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
}

.sdd-account-block-heading h3 {
    margin: 0;
    color: var(--sdd-account-ink);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.015em;
}

.sdd-account-block-heading > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    color: var(--sdd-account-blue);
    font-size: 11px;
    font-weight: 800;
}

.sdd-account-block-heading > a .sdd-icon {
    width: 15px !important;
    height: 15px !important;
    transition: transform .18s ease;
}

.sdd-account-block-heading > a:hover .sdd-icon,
.sdd-account-block-heading > a:focus-visible .sdd-icon {
    transform: translateX(3px);
}

.sdd-account-app-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
}

.sdd-account-app {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: start;
    gap: 11px;
    min-height: 112px;
    padding: 15px 36px 15px 15px;
    overflow: hidden;
    border: 1px solid var(--sdd-account-line);
    border-radius: 15px;
    background: #fff;
    color: var(--sdd-account-ink);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.sdd-account-app::after {
    position: absolute;
    right: -25px;
    bottom: -29px;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: #f2f7fd;
    content: "";
    transition: transform .22s ease;
}

.sdd-account-app:hover,
.sdd-account-app:focus-visible {
    border-color: #a9c7e9;
    box-shadow: 0 11px 26px rgba(23, 79, 152, .105);
    transform: translateY(-3px);
}

.sdd-account-app:hover::after,
.sdd-account-app:focus-visible::after {
    transform: scale(1.18);
}

.sdd-account-app-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #eaf3ff;
    color: var(--sdd-account-blue);
}

.sdd-account-app.is-orange .sdd-account-app-icon {
    background: #fff0e5;
    color: #CC4000;
}

.sdd-account-app.is-green .sdd-account-app-icon {
    background: #e8f8ef;
    color: #178b4f;
}

.sdd-account-app.is-red .sdd-account-app-icon {
    background: #fff0f1;
    color: #c43945;
}

.sdd-account-app > span:nth-child(2) {
    min-width: 0;
}

.sdd-account-app strong,
.sdd-account-app small {
    display: block;
}

.sdd-account-app strong {
    color: var(--sdd-account-ink);
    font-size: 13px;
    font-weight: 800;
}

.sdd-account-app small {
    margin-top: 4px;
    color: var(--sdd-account-muted);
    font-size: 11px;
    line-height: 1.45;
}

.sdd-account-app-arrow {
    position: absolute;
    z-index: 1;
    right: 12px;
    top: 18px;
    display: inline-flex;
    color: #9aabba;
}

.sdd-account-app-arrow .sdd-icon {
    width: 16px !important;
    height: 16px !important;
}

.sdd-account-service-groups {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 10px;
}

.sdd-account-service-group {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--sdd-account-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(23, 79, 152, .04);
}

.sdd-account-service-group-header {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 78px;
    padding: 11px 12px;
    border-bottom: 1px solid #e5edf6;
    background: linear-gradient(125deg, #f7faff, #edf5ff);
}

.sdd-account-service-group.is-support .sdd-account-service-group-header {
    background: linear-gradient(125deg, #f8fbff, #eef8f3);
}

.sdd-account-service-group.is-tools .sdd-account-service-group-header {
    background: linear-gradient(125deg, #fffaf6, #fff3e9);
}

.sdd-account-service-group.is-primary {
    border-color: #b8cfea;
    box-shadow: 0 8px 22px rgba(23, 79, 152, .08);
}

.sdd-account-service-group.is-primary .sdd-account-service-group-header {
    background: linear-gradient(125deg, #f2f7ff, #e5f0ff);
}

.sdd-account-service-group.is-management .sdd-account-service-group-header {
    background: linear-gradient(125deg, #f7f4ff, #eee9ff);
}

.sdd-account-service-group-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: var(--sdd-account-blue);
    color: #fff;
}

.sdd-account-service-group.is-support .sdd-account-service-group-icon {
    background: #218c53;
}

.sdd-account-service-group.is-tools .sdd-account-service-group-icon {
    background: #FF5001;
}

.sdd-account-service-group.is-management .sdd-account-service-group-icon {
    background: #5946a8;
}

.sdd-account-service-group-header > div > span {
    display: block;
    margin: 0 0 1px;
    color: var(--sdd-account-blue);
	font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
}

.sdd-account-service-group-header h4 {
    margin: 0;
    color: var(--sdd-account-ink);
	font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
}

.sdd-account-service-group-header p {
	margin: 2px 0 0 !important;
	color: #4f647c !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
}

.sdd-account-service-list {
    display: grid;
}

.sdd-account-service-link {
    display: grid;
    grid-template-columns: 31px minmax(0, 1fr) 13px;
    align-items: center;
    gap: 8px;
	min-height: 68px;
	padding: 9px 11px;
    border-bottom: 1px solid #edf1f6;
    color: var(--sdd-account-ink);
    transition: background .18s ease, color .18s ease, padding .18s ease;
}

.sdd-account-service-link:last-child {
    border-bottom: 0;
}

.sdd-account-service-link:hover,
.sdd-account-service-link:focus-visible {
    padding-left: 13px;
    background: #f4f8fd;
    color: var(--sdd-account-blue);
}

.sdd-account-service-link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    border-radius: 9px;
    background: #eaf3ff;
    color: var(--sdd-account-blue);
}

.sdd-account-service-link.is-orange .sdd-account-service-link-icon {
    background: #fff0e5;
    color: #CC4000;
}

.sdd-account-service-link.is-green .sdd-account-service-link-icon {
    background: #e8f8ef;
    color: #178b4f;
}

.sdd-account-service-link.is-red .sdd-account-service-link-icon {
    background: #fff0f1;
    color: #c43945;
}

.sdd-account-service-link-icon .sdd-icon {
    width: 15px !important;
    height: 15px !important;
}

.sdd-account-service-link > span:nth-child(2) {
    min-width: 0;
}

.sdd-account-service-link strong,
.sdd-account-service-link small {
    display: block;
}

.sdd-account-service-link strong {
	overflow: visible;
	color: inherit;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.4;
	text-overflow: clip;
	white-space: normal;
}

.sdd-account-service-link small {
	overflow: visible;
	margin-top: 2px;
	color: #4f647c;
	font-size: 12px;
	line-height: 1.48;
	text-overflow: clip;
	white-space: normal;
}

.sdd-account-service-link-arrow {
    display: inline-flex;
    color: #9aaabd;
}

.sdd-account-service-link-arrow .sdd-icon {
    width: 13px !important;
    height: 13px !important;
}

.sdd-account-dashboard-lower {
    display: grid;
    grid-template-columns: minmax(0, 1.48fr) minmax(260px, .72fr);
    align-items: start;
    gap: 12px;
}

.sdd-account-dashboard-lower.is-security-only {
    grid-template-columns: minmax(280px, 430px);
    justify-content: end;
}

.sdd-account-recent-orders,
.sdd-account-security-card {
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--sdd-account-line);
    border-radius: 16px;
    background: #fff;
}

.sdd-account-order-list {
    display: grid;
    gap: 8px;
}

.sdd-account-order-row {
    display: grid;
    grid-template-columns: 38px minmax(80px, 1fr) auto auto 16px;
    align-items: center;
    gap: 10px;
    min-height: 62px;
    padding: 9px 11px;
    border: 1px solid #e4ebf3;
    border-radius: 12px;
    color: var(--sdd-account-ink);
    transition: border-color .18s ease, background .18s ease;
}

.sdd-account-order-row:hover,
.sdd-account-order-row:focus-visible {
    border-color: #b8cee8;
    background: #f8fbff;
}

.sdd-account-order-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #edf5ff;
    color: var(--sdd-account-blue);
}

.sdd-account-order-icon .sdd-icon {
    width: 17px !important;
    height: 17px !important;
}

.sdd-account-order-row strong,
.sdd-account-order-row small {
    display: block;
}

.sdd-account-order-row strong {
    color: var(--sdd-account-blue-dark);
    font-size: 12px;
}

.sdd-account-order-row small {
    margin-top: 2px;
    color: var(--sdd-account-muted);
    font-size: 10px;
}

.sdd-account-order-status {
    padding: 5px 8px;
    border-radius: 999px;
    background: #eef5fd;
    color: var(--sdd-account-blue);
    font-size: 10px;
    font-weight: 750;
    white-space: nowrap;
}

.sdd-account-order-total {
    color: var(--sdd-account-ink);
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.sdd-account-order-row > .sdd-icon {
    width: 15px !important;
    height: 15px !important;
    color: #96a8ba;
}

.sdd-account-empty-state {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    min-height: 82px;
    padding: 12px;
    border: 1px dashed #c5d4e5;
    border-radius: 13px;
    background: #f9fbfe;
}

.sdd-account-empty-state > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 13px;
    background: #eaf3ff;
    color: var(--sdd-account-blue);
}

.sdd-account-empty-state strong {
    color: var(--sdd-account-ink);
    font-size: 13px;
}

.sdd-account-empty-state p {
    margin: 3px 0 0;
    color: var(--sdd-account-muted);
    font-size: 11px;
}

body.sdd-account-portal-page .sdd-account-empty-state .button {
    margin: 0;
}

.sdd-account-security-card {
    position: relative;
    overflow: hidden;
    border-color: #1a579f;
    background: linear-gradient(145deg, #0d3973, #19579f);
    color: #fff;
}

.sdd-account-security-card::after {
    position: absolute;
    right: -62px;
    bottom: -68px;
    width: 165px;
    height: 165px;
    border: 32px solid rgba(255, 255, 255, .055);
    border-radius: 50%;
    content: "";
}

.sdd-account-security-card > * {
    position: relative;
    z-index: 1;
}

.sdd-account-security-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 10px;
    border-radius: 13px;
    background: rgba(255, 255, 255, .13);
    color: #fff;
}

.sdd-account-security-card .sdd-account-eyebrow {
    color: #ffad67;
}

.sdd-account-security-card h3 {
    margin: 0;
    color: #fff;
    font-size: 17px;
    line-height: 1.3;
}

.sdd-account-security-card > p {
    margin: 6px 0 10px;
    color: rgba(255, 255, 255, .76);
    font-size: 11px;
    line-height: 1.55;
}

.sdd-account-security-card dl {
    margin: 0;
}

.sdd-account-security-card dl > div {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 8px;
    padding: 7px 0;
    border-top: 1px solid rgba(255, 255, 255, .13);
}

.sdd-account-security-card dt,
.sdd-account-security-card dd {
    min-width: 0;
    margin: 0;
    font-size: 10px;
}

.sdd-account-security-card dt {
    color: rgba(255, 255, 255, .62);
}

.sdd-account-security-card dd {
    overflow-wrap: anywhere;
    color: #fff;
    font-weight: 700;
}

.sdd-account-security-card > a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 11px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.sdd-account-security-card > a .sdd-icon {
    width: 15px !important;
    height: 15px !important;
}

/* Native WooCommerce account endpoints share the same surface and controls. */
body.sdd-account-portal-page .sdd-account-section-body > p:first-child {
    margin-top: 0;
}

body.sdd-account-portal-page .sdd-account-section-body p,
body.sdd-account-portal-page .sdd-account-section-body address,
body.sdd-account-portal-page .sdd-account-section-body label,
body.sdd-account-portal-page .sdd-account-section-body td,
body.sdd-account-portal-page .sdd-account-section-body th {
    color: #40536a;
    font-size: 14px;
    line-height: 1.5;
}

body.sdd-account-portal-page .sdd-account-section-body .sdd-account-security-card > p {
    color: rgba(255, 255, 255, .8);
}

body.sdd-account-portal-page .sdd-account-section-body a:not(.button):not(.sdd-account-stat):not(.sdd-account-app):not(.sdd-account-order-row) {
    color: var(--sdd-account-blue);
    font-weight: 700;
}

body.sdd-account-portal-page .sdd-account-section-body .button,
body.sdd-account-portal-page .sdd-account-section-body button:not(.show-password-input),
body.sdd-account-portal-page .sdd-account-section-body input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid var(--sdd-account-blue);
    border-radius: 10px;
    background: var(--sdd-account-blue);
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: none;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.sdd-account-portal-page .sdd-account-section-body .button:hover,
body.sdd-account-portal-page .sdd-account-section-body .button:focus-visible,
body.sdd-account-portal-page .sdd-account-section-body button:not(.show-password-input):hover,
body.sdd-account-portal-page .sdd-account-section-body button:not(.show-password-input):focus-visible,
body.sdd-account-portal-page .sdd-account-section-body input[type="submit"]:hover,
body.sdd-account-portal-page .sdd-account-section-body input[type="submit"]:focus-visible {
    border-color: var(--sdd-account-blue-dark);
    background: var(--sdd-account-blue-dark);
    box-shadow: 0 7px 18px rgba(23, 79, 152, .2);
    color: #fff;
    transform: translateY(-1px);
}

body.sdd-account-portal-page .sdd-account-section-body input[type="text"],
body.sdd-account-portal-page .sdd-account-section-body input[type="email"],
body.sdd-account-portal-page .sdd-account-section-body input[type="tel"],
body.sdd-account-portal-page .sdd-account-section-body input[type="password"],
body.sdd-account-portal-page .sdd-account-section-body input[type="number"],
body.sdd-account-portal-page .sdd-account-section-body select,
body.sdd-account-portal-page .sdd-account-section-body textarea {
    width: 100%;
    height: 40px;
    min-height: 40px;
    padding: 7px 11px;
    border: 1px solid #cbd8e7;
    border-radius: 10px;
    background: #fff;
    color: var(--sdd-account-ink);
    font: inherit;
    box-shadow: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

body.sdd-account-portal-page .sdd-account-section-body textarea {
    height: auto;
    min-height: 112px;
    resize: vertical;
}

body.sdd-account-portal-page .sdd-account-section-body input:focus,
body.sdd-account-portal-page .sdd-account-section-body select:focus,
body.sdd-account-portal-page .sdd-account-section-body textarea:focus {
    outline: 0;
    border-color: var(--sdd-account-blue);
    box-shadow: 0 0 0 3px rgba(23, 79, 152, .12);
}

body.sdd-account-portal-page .sdd-account-section-body fieldset {
    margin: 16px 0;
    padding: 14px;
    border: 1px solid var(--sdd-account-line);
    border-radius: 14px;
}

body.sdd-account-portal-page .sdd-account-section-body legend {
    padding: 0 7px;
    color: var(--sdd-account-blue-dark);
    font-size: 13px;
    font-weight: 800;
}

body.sdd-account-portal-page .sdd-account-section-body .form-row {
    margin: 0 0 10px;
}

body.sdd-account-portal-page .sdd-account-section-body label {
    display: block;
    margin-bottom: 5px;
    color: #34475e;
    font-size: 13px;
    font-weight: 800;
}

body.sdd-account-portal-page .woocommerce-error,
body.sdd-account-portal-page .woocommerce-info,
body.sdd-account-portal-page .woocommerce-message {
    position: relative;
    margin: 0 0 18px;
    padding: 13px 15px 13px 43px;
    border: 1px solid #bfd3ea;
    border-top: 1px solid #bfd3ea;
    border-left: 4px solid var(--sdd-account-blue);
    border-radius: 11px;
    background: #f2f8ff;
    color: #314b68;
    font-size: 12px;
    line-height: 1.5;
}

body.sdd-account-portal-page .woocommerce-error {
    border-color: #f0b8bd;
    border-left-color: #cc3945;
    background: #fff5f6;
    color: #7d2830;
}

body.sdd-account-portal-page .woocommerce-message {
    border-color: #b9dfca;
    border-left-color: #218c53;
    background: #f1fbf5;
    color: #25623f;
}

body.sdd-account-portal-page .woocommerce-error::before,
body.sdd-account-portal-page .woocommerce-info::before,
body.sdd-account-portal-page .woocommerce-message::before {
    top: 12px;
    left: 15px;
    color: inherit;
}

body.sdd-account-portal-page table.shop_table,
body.sdd-account-portal-page table.woocommerce-table {
    width: 100%;
    margin: 0 0 18px;
    overflow: hidden;
    border: 1px solid var(--sdd-account-line);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 13px;
    background: #fff;
}

body.sdd-account-portal-page table.shop_table th,
body.sdd-account-portal-page table.woocommerce-table th {
    padding: 12px;
    border: 0;
    border-bottom: 1px solid var(--sdd-account-line);
    background: #f3f7fc;
    color: #29415e;
    font-size: 11px;
    font-weight: 800;
    text-transform: none;
}

body.sdd-account-portal-page table.shop_table td,
body.sdd-account-portal-page table.woocommerce-table td {
    padding: 13px 12px;
    border: 0;
    border-bottom: 1px solid #e7edf4;
    background: #fff;
    color: #40536a;
    vertical-align: middle;
}

body.sdd-account-portal-page table.shop_table tbody tr:last-child td,
body.sdd-account-portal-page table.shop_table tbody tr:last-child th,
body.sdd-account-portal-page table.woocommerce-table tbody tr:last-child td,
body.sdd-account-portal-page table.woocommerce-table tbody tr:last-child th {
    border-bottom: 0;
}

body.sdd-account-portal-page table.shop_table .button {
    min-height: 34px;
    margin: 2px;
    padding: 7px 10px;
    font-size: 10px;
}

body.sdd-account-portal-page .woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row !important;
    grid-auto-rows: 1fr;
    align-items: stretch;
    gap: 12px;
}

body.sdd-account-portal-page .woocommerce-Addresses > .u-column1,
body.sdd-account-portal-page .woocommerce-Addresses > .u-column2 {
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: stretch !important;
}

body.sdd-account-portal-page .woocommerce-Address {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0;
    margin: 0 !important;
    padding: 15px;
    border: 1px solid var(--sdd-account-line);
    border-radius: 14px;
    background: #fff;
}

body.sdd-account-portal-page .woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--sdd-account-line);
}

body.sdd-account-portal-page .woocommerce-Address-title h2 {
    margin: 0;
    color: var(--sdd-account-ink);
    font-size: 16px;
}

body.sdd-account-portal-page .woocommerce-Address-title .edit {
    float: none;
    font-size: 11px;
}

body.sdd-account-portal-page .woocommerce-Address address {
    margin: 0;
    font-style: normal;
}

.sdd-account-address-intro {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    padding: 9px 11px;
    border: 1px solid #d8e5f3;
    border-radius: 10px;
    background: #f5f9fe;
}

.sdd-account-address-intro-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: #e5f0fd;
    color: var(--sdd-account-blue);
}

.sdd-account-address-intro-icon .sdd-icon {
    width: 15px !important;
    height: 15px !important;
}

.sdd-account-address-intro p {
    margin: 0 !important;
    color: #556a82 !important;
    font-size: 11.5px !important;
}

.sdd-account-address-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 12px;
}

.sdd-account-address-card {
    min-width: 0;
    min-height: 128px;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 14px;
    border: 1px solid var(--sdd-account-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(23, 79, 152, .04);
}

.sdd-account-address-card-header {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #e5edf5;
}

.sdd-account-address-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #eaf3ff;
    color: var(--sdd-account-blue);
}

.sdd-account-address-card.is-shipping .sdd-account-address-card-icon {
    background: #e9f8ef;
    color: #188b4f;
}

.sdd-account-address-card-icon .sdd-icon {
    width: 17px !important;
    height: 17px !important;
}

.sdd-account-address-card-header > div > span {
    display: block;
    margin: 0 0 1px;
    color: #76869a;
    font-size: 8.5px;
    font-weight: 800;
    letter-spacing: .08em;
}

.sdd-account-address-card-header h3 {
    margin: 0;
    color: var(--sdd-account-ink);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
}

.sdd-account-address-edit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 32px;
    padding: 6px 9px;
    border: 1px solid #c6d8ec;
    border-radius: 8px;
    background: #f7faff;
    color: var(--sdd-account-blue) !important;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.sdd-account-address-edit:hover,
.sdd-account-address-edit:focus-visible {
    border-color: var(--sdd-account-blue);
    background: var(--sdd-account-blue);
    color: #fff !important;
}

.sdd-account-address-edit .sdd-icon {
    width: 13px !important;
    height: 13px !important;
}

.sdd-account-address-value {
    flex: 1;
    margin: 0;
    color: #455a71;
    font-size: 12px;
    font-style: normal;
    line-height: 1.55;
}

.sdd-account-address-empty {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    color: #708097;
}

body.sdd-account-portal-page .woocommerce-Pagination {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

body.sdd-account-portal-page .woocommerce-customer-details,
body.sdd-account-portal-page .woocommerce-order-details {
    margin-top: 22px;
}

body.sdd-account-portal-page .woocommerce-customer-details h2,
body.sdd-account-portal-page .woocommerce-order-details h2,
body.sdd-account-portal-page .woocommerce-EditAccountForm h2 {
    color: var(--sdd-account-ink);
    font-size: 19px;
}

body.sdd-account-portal-page :where(a, button, input, select, textarea):focus-visible {
    outline: 3px solid rgba(255, 80, 1, .46);
    outline-offset: 2px;
}

/* Compact profile identity and stable WooCommerce password controls. */
.sdd-account-profile-form {
    max-width: 100%;
    margin: 0;
}

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

.sdd-account-profile-form .form-row {
    min-width: 0;
}

.sdd-account-field-help {
    display: block;
    margin-top: 4px;
    color: #708096;
    font-size: 11.5px;
    line-height: 1.42;
}

body.sdd-account-portal-page .sdd-account-password-card {
    margin: 10px 0 14px;
    padding: 13px 14px 4px;
    background: #f8fbff;
}

.sdd-account-password-note {
    margin: -2px 0 10px !important;
    color: #64778e !important;
    font-size: 12px !important;
}

.sdd-account-password-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.sdd-account-profile-form .password-input {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

.sdd-account-profile-form .password-input > input {
    padding-right: 43px !important;
}

body.sdd-account-portal-page .sdd-account-section-body .sdd-account-profile-form .show-password-input {
    position: absolute !important;
    z-index: 2 !important;
    top: 50% !important;
    right: 5px !important;
    bottom: auto !important;
    left: auto !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #e8f1fc !important;
    color: #174f98 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: translateY(-50%) !important;
}

body.sdd-account-portal-page .sdd-account-section-body .sdd-account-profile-form .show-password-input::after {
    position: static !important;
    margin: 0 !important;
    color: currentColor !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

body.sdd-account-portal-page .sdd-account-section-body .sdd-account-profile-form .show-password-input:hover,
body.sdd-account-portal-page .sdd-account-section-body .sdd-account-profile-form .show-password-input:focus-visible {
    background: #d7e8fb !important;
    color: #0d3973 !important;
    box-shadow: 0 0 0 2px rgba(23, 79, 152, .14) !important;
    transform: translateY(-50%) !important;
}

.sdd-account-form-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
}

body.sdd-account-portal-page .sdd-account-section-body .sdd-account-save-button {
    min-width: 132px;
    color: #fff !important;
    letter-spacing: .035em;
    text-shadow: 0 1px 1px rgba(0, 24, 58, .16);
    box-shadow: 0 6px 15px rgba(23, 79, 152, .18);
}

.sdd-account-save-note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #62758c;
    font-size: 11.5px;
    line-height: 1.4;
}

.sdd-account-save-note .sdd-icon {
    width: 16px !important;
    height: 16px !important;
    color: #218c53;
}

body.sdd-account-portal-page .woocommerce-info .button.wc-forward,
body.sdd-account-portal-page .woocommerce-message .button.wc-forward {
    float: right;
    min-height: 34px;
    margin: -4px -4px -4px 12px;
    padding: 7px 12px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 850;
}

body.sdd-account-portal-page .sdd-account-content--orders,
body.sdd-account-portal-page .sdd-account-content--downloads,
body.sdd-account-portal-page .sdd-account-content--edit-address,
body.sdd-account-portal-page .sdd-account-content--edit-account {
    align-self: start;
}

body.sdd-account-portal-page .sdd-account-content--orders .sdd-account-section-body,
body.sdd-account-portal-page .sdd-account-content--downloads .sdd-account-section-body,
body.sdd-account-portal-page .sdd-account-content--edit-address .sdd-account-section-body {
    padding-bottom: 18px;
}

body.sdd-account-portal-page .sdd-account-content--edit-address .sdd-account-section-body > p {
    margin-bottom: 14px;
}

@media (max-width: 1080px) {
    .sdd-account-portal-layout {
        grid-template-columns: 250px minmax(0, 1fr);
        gap: 18px;
    }

    .sdd-account-app-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sdd-account-service-groups {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sdd-account-service-group.is-tools {
        grid-column: 1 / -1;
    }

    .sdd-account-service-group.is-tools .sdd-account-service-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sdd-account-service-group.is-tools .sdd-account-service-link:nth-child(odd):not(:last-child) {
        border-right: 1px solid #edf1f6;
    }

    .sdd-account-dashboard-lower {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    body.sdd-account-portal-page .sdd-account-main {
        padding-top: 14px;
    }

    body.sdd-account-portal-page .sdd-account-page-shell {
        width: min(100% - 22px, 760px);
    }

    .sdd-account-portal-hero {
        min-height: 0;
        padding: 20px 21px;
        border-radius: 19px;
    }

    .sdd-account-portal-trust {
        min-width: 195px;
    }

    .sdd-account-portal-layout {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 16px;
    }

    .sdd-account-sidebar {
        position: static;
    }

    .sdd-account-user-card {
        padding: 13px 15px;
    }

    body.sdd-account-portal-page .sdd-account-navigation {
        padding: 11px;
        border-bottom: 1px solid var(--sdd-account-line);
    }

    .sdd-account-nav-label {
        padding-left: 7px;
    }

    body.sdd-account-portal-page .sdd-account-navigation ul {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 7px;
    }

    body.sdd-account-portal-page .sdd-account-navigation .woocommerce-MyAccount-navigation-link--customer-logout {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
    }

    body.sdd-account-portal-page .sdd-account-navigation a {
        display: grid;
        grid-template-columns: 31px minmax(0, 1fr);
        gap: 7px;
        min-height: 48px;
        padding: 7px;
        line-height: 1.25;
    }

    .sdd-account-nav-icon {
        width: 31px;
        height: 31px;
    }

    .sdd-account-nav-arrow {
        display: none;
    }

    .sdd-account-help-card {
        grid-template-columns: 38px minmax(0, 1fr) auto auto;
        align-items: center;
        margin: 11px;
    }

    .sdd-account-help-card > span {
        grid-row: auto;
    }

    .sdd-account-help-card > div {
        grid-column: auto;
    }

    .sdd-account-help-card > a,
    .sdd-account-help-card > a.sdd-account-help-phone {
        grid-column: auto;
        min-width: 96px;
        padding: 7px 11px;
        white-space: nowrap;
    }

    .sdd-account-service-group-header {
        min-height: 72px;
    }
}

@media (max-width: 620px) {
    body.sdd-account-portal-page .sdd-account-main {
        padding: 12px 0 38px;
    }

    body.sdd-account-portal-page .sdd-account-page-shell {
        width: min(100% - 16px, 580px);
    }

    .sdd-account-portal-hero {
        display: block;
        padding: 16px;
        border-radius: 17px;
    }

    .sdd-account-portal-hero h1 {
        font-size: 24px;
    }

    .sdd-account-portal-hero-copy p {
        margin-top: 9px;
        font-size: 13px;
    }

    .sdd-account-portal-trust {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        min-width: 0;
        margin-top: 13px;
    }

    .sdd-account-role-pill,
    .sdd-account-status-pill {
        justify-content: flex-start;
        min-height: 36px;
        padding: 7px 11px;
        font-size: 10px;
    }

    .sdd-account-sidebar,
    .sdd-account-content {
        border-radius: 15px;
    }

    .sdd-account-user-card {
        padding: 14px;
    }

    .sdd-account-avatar,
    .sdd-account-avatar-image {
        width: 46px;
        height: 46px;
    }

    body.sdd-account-portal-page .sdd-account-navigation ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.sdd-account-portal-page .sdd-account-navigation a {
        min-height: 44px;
        font-size: 11px;
    }

    .sdd-account-help-card {
        grid-template-columns: 36px minmax(0, 1fr) auto;
        padding: 11px;
    }

    .sdd-account-help-card > a {
        grid-column: 1 / -1;
        width: 100%;
    }

    .sdd-account-help-card > a.sdd-account-help-phone {
        display: none;
    }

    .sdd-account-section-header {
        padding: 15px 14px 13px;
    }

    .sdd-account-section-header h2 {
        font-size: 22px;
    }

    .sdd-account-section-body {
        padding: 12px;
    }

    .sdd-account-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
    }

    .sdd-account-stat {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 7px;
        min-height: 86px;
        padding: 9px 8px;
    }

    .sdd-account-stat > .sdd-icon {
        display: none;
    }

    .sdd-account-stat-icon {
        width: 36px;
        height: 36px;
    }

    .sdd-account-stat-icon .sdd-icon {
        width: 17px !important;
        height: 17px !important;
    }

    .sdd-account-stat strong {
        font-size: 18px;
    }

    .sdd-account-stat small {
        font-size: 9px;
        line-height: 1.25;
    }

    .sdd-account-block-heading {
        align-items: flex-start;
        margin-bottom: 11px;
    }

    .sdd-account-block-heading h3 {
        font-size: 17px;
    }

    .sdd-account-block-heading > a {
        padding-top: 4px;
        font-size: 10px;
    }

    .sdd-account-app-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .sdd-account-service-groups {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .sdd-account-service-group.is-tools {
        grid-column: auto;
    }

    .sdd-account-service-group.is-tools .sdd-account-service-list {
        grid-template-columns: 1fr;
    }

    .sdd-account-service-group.is-tools .sdd-account-service-link:nth-child(odd):not(:last-child) {
        border-right: 0;
    }

    .sdd-account-service-group-header {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 9px;
        min-height: 58px;
        padding: 9px 10px;
    }

    .sdd-account-service-group-icon {
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }

	.sdd-account-service-group-header p {
		display: block;
	}

	.sdd-account-service-link {
		min-height: 62px;
		padding: 8px 9px;
    }

    .sdd-account-service-link:hover,
    .sdd-account-service-link:focus-visible {
        padding-left: 12px;
    }

	.sdd-account-service-link small {
		font-size: 12px;
	}

    .sdd-account-app {
        align-items: center;
        min-height: 72px;
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .sdd-account-app small {
        margin-top: 2px;
    }

    .sdd-account-dashboard-lower {
        margin-top: 20px;
        gap: 12px;
    }

    .sdd-account-recent-orders,
    .sdd-account-security-card {
        padding: 14px;
    }

    .sdd-account-order-row {
        grid-template-columns: 36px minmax(0, 1fr) 15px;
    }

    .sdd-account-order-status,
    .sdd-account-order-total {
        display: none;
    }

    .sdd-account-empty-state {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .sdd-account-empty-state .button {
        grid-column: 1 / -1;
        width: 100%;
    }

    body.sdd-account-portal-page .woocommerce-Addresses {
        grid-template-columns: 1fr;
    }

    .sdd-account-address-intro {
        align-items: flex-start;
        margin-bottom: 10px;
        padding: 9px 10px;
    }

    .sdd-account-address-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        gap: 9px;
    }

    .sdd-account-address-card {
        min-height: 0;
        padding: 11px;
    }

    .sdd-account-address-card-header {
        margin-bottom: 8px;
        padding-bottom: 8px;
    }

    .sdd-account-address-value {
        font-size: 11.5px;
    }

    .sdd-account-profile-grid,
    .sdd-account-password-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    body.sdd-account-portal-page .sdd-account-section-body input[type="text"],
    body.sdd-account-portal-page .sdd-account-section-body input[type="email"],
    body.sdd-account-portal-page .sdd-account-section-body input[type="tel"],
    body.sdd-account-portal-page .sdd-account-section-body input[type="password"],
    body.sdd-account-portal-page .sdd-account-section-body input[type="number"],
    body.sdd-account-portal-page .sdd-account-section-body select {
        height: 42px;
        min-height: 42px;
        font-size: 16px;
    }

    body.sdd-account-portal-page .sdd-account-password-card {
        margin-top: 8px;
        padding: 12px 11px 2px;
    }

    .sdd-account-form-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }

    body.sdd-account-portal-page .sdd-account-section-body .sdd-account-save-button {
        width: 100%;
        min-height: 44px;
    }

    .sdd-account-save-note {
        justify-content: center;
        text-align: center;
    }

    body.sdd-account-portal-page .woocommerce-info .button.wc-forward,
    body.sdd-account-portal-page .woocommerce-message .button.wc-forward {
        float: none;
        width: 100%;
        margin: 0 0 8px;
    }

    body.sdd-account-portal-page table.shop_table_responsive,
    body.sdd-account-portal-page table.shop_table_responsive tbody,
    body.sdd-account-portal-page table.shop_table_responsive tr,
    body.sdd-account-portal-page table.shop_table_responsive td,
    body.sdd-account-portal-page table.shop_table_responsive th {
        display: block;
        width: 100%;
    }

    body.sdd-account-portal-page table.shop_table_responsive thead {
        display: none;
    }

    body.sdd-account-portal-page table.shop_table_responsive tr {
        padding: 9px 11px;
        border-bottom: 1px solid var(--sdd-account-line);
    }

    body.sdd-account-portal-page table.shop_table_responsive tr:last-child {
        border-bottom: 0;
    }

    body.sdd-account-portal-page table.shop_table_responsive td,
    body.sdd-account-portal-page table.shop_table_responsive th {
        min-height: 34px;
        padding: 7px 0;
        border: 0;
        background: #fff;
        text-align: right !important;
    }

    body.sdd-account-portal-page table.shop_table_responsive td::before,
    body.sdd-account-portal-page table.shop_table_responsive th::before {
        float: left;
        color: #62748a;
        font-size: 10px;
        font-weight: 750;
    }

    body.sdd-account-portal-page table.shop_table_responsive .button {
        width: 100%;
        margin: 3px 0;
    }
}

@media (max-width: 370px) {
    .sdd-account-portal-trust {
        display: grid;
    }

    .sdd-account-stats {
        grid-template-columns: 1fr;
    }

    .sdd-account-stat {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        min-height: 64px;
    }

    .sdd-account-address-card-header {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .sdd-account-address-card-icon {
        width: 32px;
        height: 32px;
    }

    .sdd-account-address-edit {
        grid-column: 1 / -1;
        justify-self: stretch;
        min-height: 34px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.sdd-account-portal-page .sdd-account-portal *,
    body.sdd-account-portal-page .sdd-account-portal *::before,
    body.sdd-account-portal-page .sdd-account-portal *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* 1.7.48 — Trạng thái đăng ký/xác thực hiển thị ngay trong khung tài khoản. */
body.sdd-auth-page .sdd-auth-account-notice {
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0 0 18px;
  padding:12px 14px;
  border:1px solid #b9d8c7;
  border-radius:12px;
  background:#effaf3;
  color:#12623b;
  font-size:13px;
  font-weight:700;
  line-height:1.5;
}
body.sdd-auth-page .sdd-auth-account-notice > .sdd-icon {
  width:20px;
  height:20px;
  flex:0 0 20px;
  margin-top:1px;
}
body.sdd-auth-page .sdd-auth-account-notice.is-error {
  border-color:#f0b8b8;
  background:#fff3f3;
  color:#a32222;
}
*, *::before, *::after{
  box-sizing: border-box;
}
html{
  scroll-behavior: smooth;
  overflow-x: hidden;
}
body.sdd-filter-open{
  overflow: hidden;
}
img{
  display: block;
  max-width: 100%;
  height: auto;
}
a{
  color: inherit;
  text-decoration: none;
}
button, input, select, textarea{
  font: inherit;
}
button{
  cursor: pointer;
}
ul, ol{
  margin-top: 0;
}
.sdd-narrow-shell{
  max-width: 970px;
}
.sdd-icon{
  width: 21px;
  height: 21px;
  display: inline-block;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
}
.screen-reader-text{
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.sdd-honeypot,.decor-honeypot{
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
.sdd-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--sdd-primary);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.sdd-eyebrow::before{
  content: "";
  width: 26px;
  height: 3px;
  background: var(--sdd-accent);
}
.sdd-button{
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 5px;
  font-weight: 800;
  transition: .2s ease;
}
.sdd-button-primary{
  background: var(--sdd-primary);
  color: #fff;
}
.sdd-button-primary:hover{
  background: var(--sdd-primary-dark);
}
.sdd-button-accent{
  background: var(--sdd-accent);
  color: var(--sdd-primary-dark);
}
.sdd-button-outline{
  border-color: rgba(255,255,255,.7);
  color: #fff;
}
.sdd-form-notice{
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: 5px;
  font-weight: 700;
}
.sdd-form-notice.is-success{
  background: #e9f8ed;
  color: #1f7437;
}
.sdd-form-notice.is-error{
  background: #fff1f1;
  color: #a93030;
}




















.sdd-breadcrumb-wrap, .woocommerce .woocommerce-breadcrumb{
  min-height: 43px;
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: #59677a;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
}
.sdd-breadcrumb-wrap a, .woocommerce .woocommerce-breadcrumb a{
  color: var(--sdd-primary);
}
.sdd-breadcrumb-wrap > *{
  flex: 0 0 auto;
}
.sdd-breadcrumb-wrap > :last-child{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sdd-home-shop{
  background: #fff;
}
.sdd-home-catalog-title{
  height: 46px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 15px;
  background: var(--sdd-primary);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}
.sdd-home-section{
  padding: 24px 0;
}
.sdd-home-section.is-soft{
  background: #f8fafc;
}
.sdd-home-tabs, .sdd-home-section-title{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
}
.sdd-home-tab-labels span, .sdd-home-subnav span{
  width: 1px;
  height: 17px;
  background: #c6ccd4;
}
.sdd-home-more, .sdd-home-section-title > a{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--sdd-primary);
  font-size: 13px;
  font-weight: 800;
}
.sdd-home-more .sdd-icon, .sdd-home-section-title > a .sdd-icon{
  width: 16px;
  height: 16px;
}
.sdd-home-tab-panel{
  display: none;
}
.sdd-home-tab-panel.is-active{
  display: block;
}
.sdd-home-subnav a:hover{
  color: var(--sdd-primary);
}
.sdd-product-media-wrap{
  position: relative;
}
.sdd-product-card:hover .sdd-product-media img{
  transform: scale(1.025);
}
.sdd-badge-hot{
  background: var(--sdd-primary);
}
.sdd-product-heart{
  position: absolute;
  z-index: 4;
  right: 8px;
  bottom: 6px;
  width: 30px;
  height: 30px;
  display: none;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  color: #8893a2;
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
.sdd-product-heart .sdd-icon{
  width: 18px;
  height: 18px;
}
.sdd-price del, .woocommerce ul.products li.product .price del{
  color: #9ba3ad !important;
  font-size: 11px;
  font-weight: 400;
  opacity: 1 !important;
}
.sdd-price ins, .woocommerce ul.products li.product .price ins{
  color: var(--sdd-price);
  text-decoration: none;
}
.sdd-rating, .sdd-product-rating-line{
  display: flex;
  align-items: center;
  gap: 3px;
  color: #333b46;
  font-size: 11px;
}
.sdd-rating > span:first-child, .sdd-star{
  color: var(--sdd-orange);
  font-size: 17px;
  line-height: 1;
}
.sdd-product-rating-line span:last-child{
  color: #6e7784;
}
.sdd-compare-link .sdd-icon{
  width: 17px;
  height: 17px;
}



.sdd-category-track::-webkit-scrollbar{
  display: none;
}




.sdd-home-cta-inner div{
  display: grid;
  gap: 3px;
}
.sdd-home-cta-inner span{
  color: rgba(255,255,255,.82);
}
.sdd-home-cta-inner > a{
  padding: 11px 20px;
  background: var(--sdd-accent);
  color: var(--sdd-primary-dark);
  font-weight: 900;
}
.sdd-shop-page{
  --sdd-shop-sidebar-width: 280px;
  --sdd-shop-gap: 20px;
  padding-bottom: 44px;
  background: #f7f9fc;
  color: #273348;
  font-size: 16px;
}
.sdd-shop-mobile-heading, .sdd-mobile-toolbar{
  display: none;
}
.sdd-shop-page .sdd-archive-category-banner{
  aspect-ratio: auto;
  min-height: 0;
  max-height: none;
  margin: 18px 0;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(20,54,94,.10);
}
.sdd-shop-page .sdd-shop-layout{
  display: grid;
  grid-template-columns: var(--sdd-shop-sidebar-width) minmax(0,1fr);
  gap: var(--sdd-shop-gap);
  align-items: start;
}
.sdd-shop-page .sdd-shop-content{
  min-width: 0;
}
.sdd-shop-page .sdd-shop-sidebar{
  position: sticky;
  top: 120px;
  min-width: 0;
  border: 0;
  background: transparent;
}
.sdd-shop-page .sdd-shop-sidebar-head{
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  border: 1px solid #d4deea;
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  background: #fff;
  color: #243140;
}
.sdd-shop-page .sdd-shop-sidebar-head h2{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}
.sdd-shop-page .sdd-shop-sidebar-head button{
  width: 44px;
  height: 44px;
  display: none;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--sdd-primary);
}
.sdd-shop-page .sdd-shop-catalog-list{
  overflow: hidden;
  border: 1px solid #d4deea;
  border-radius: 0 0 12px 12px;
  background: #fff;
  font-size: 16px;
}
.sdd-shop-page .sdd-shop-widget,
.sdd-shop-page .sdd-shop-filter-form,
.sdd-shop-page .sdd-shop-advanced-filters{
  background: #fff;
}
.sdd-shop-page .sdd-shop-sidebar > .sdd-shop-widget,
.sdd-shop-page .sdd-shop-sidebar > .sdd-shop-filter-form,
.sdd-shop-page .sdd-shop-sidebar > .sdd-shop-advanced-filters{
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid #d4deea;
  border-radius: 12px;
}
.sdd-shop-page .sdd-shop-widget{
  padding: 16px;
  border: 0;
}
.sdd-shop-page .sdd-shop-widget .widget-title{
  margin: 0 0 13px;
  color: #263243;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
}
.sdd-shop-page .sdd-shop-widget label{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 9px 0;
  color: #445166;
  font-size: 16px;
  line-height: 1.45;
}
.sdd-shop-page .sdd-shop-widget input[type="checkbox"]{
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  accent-color: var(--sdd-primary);
}
.sdd-shop-page .sdd-price-fields{
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  align-items: center;
  gap: 8px;
}
.sdd-shop-page .sdd-price-fields label{
  min-width: 0;
  margin: 0;
}
.sdd-shop-page .sdd-price-fields input{
  width: 100%;
  min-width: 0;
  height: 44px;
  padding: 0 9px;
  border: 1px solid #cbd7e4;
  border-radius: 7px;
  background: #fff;
  color: #273348;
  font-size: 15px;
}
.sdd-shop-page .sdd-filter-actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 16px 16px;
  border-top: 1px solid var(--sdd-line);
}
.sdd-shop-page .sdd-filter-actions .button,
.sdd-shop-page .widget_price_filter .button{
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border: 1px solid var(--sdd-primary);
  border-radius: 7px;
  background: linear-gradient(135deg,#2162ad,#174786);
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  box-shadow: 0 6px 14px rgba(23,71,134,.18);
  transition: background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
.sdd-shop-page .sdd-filter-actions a{
  color: var(--sdd-primary);
  font-size: 16px;
  font-weight: 700;
}
.sdd-shop-page .widget_price_filter .price_slider_wrapper{
  padding-top: 2px;
}
.sdd-shop-page .widget_price_filter .ui-slider{
  position: relative;
  height: 5px;
  margin: 19px 8px 24px;
  border-radius: 999px;
  background: #d7e3f1;
}
.sdd-shop-page .widget_price_filter .ui-slider-range{
  position: absolute;
  height: 100%;
  border-radius: inherit;
  background: var(--sdd-primary);
}
.sdd-shop-page .widget_price_filter .ui-slider-handle{
  position: absolute;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
  border: 3px solid var(--sdd-primary);
  border-radius: 50%;
  outline: 0;
  background: #fff;
  box-shadow: 0 2px 7px rgba(18,63,124,.22);
}
.sdd-shop-page .widget_price_filter .price_slider_amount{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 14px;
  line-height: 1.4;
}
.sdd-shop-page .widget_price_filter .price_label{
  flex: 1 1 auto;
  color: #4e5b6d;
}
.sdd-shop-page .sdd-shop-sidebar-media{
  margin-top: 18px;
}
.sdd-shop-page .sdd-shop-sidebar-media .widget,
.sdd-shop-page .sdd-shop-sidebar-media figure{
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.sdd-shop-page .sdd-shop-sidebar-media .widget-title{
  margin: 0 0 10px;
  font-size: 16px;
}
.sdd-shop-page .sdd-shop-sidebar-media img{
  width: 100%;
  height: auto;
  border: 1px solid #d4deea;
  border-radius: 12px;
  background: #fff;
}
.sdd-shop-page .sdd-sidebar-promo{
  min-height: 360px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 16px;
  padding: 26px 22px;
  overflow: hidden;
  border-radius: 12px;
  text-align: center;
  color: #fff;
  background: linear-gradient(rgba(9,50,105,.68),rgba(9,50,105,.91)), url("../images/projects/project-04.webp") center/cover;
  box-shadow: 0 10px 24px rgba(20,54,94,.12);
}
.sdd-shop-page .sdd-sidebar-promo strong{
  font-size: 24px;
  line-height: 1.3;
}
.sdd-shop-page .sdd-sidebar-promo span{
  color: #dbe9fb;
  font-size: 16px;
}
.sdd-shop-page .sdd-sidebar-promo em{
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
  border-radius: 7px;
  background: #fff;
  color: var(--sdd-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
}
.sdd-shop-page .sdd-shop-advanced-filters > summary{
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  color: #263243;
  font-size: 16px;
  font-weight: 800;
  cursor: pointer;
}
.sdd-shop-page .sdd-shop-advanced-filters > summary::after{
  content: "+";
  color: var(--sdd-primary);
  font-size: 22px;
  line-height: 1;
}
.sdd-shop-page .sdd-shop-advanced-filters[open] > summary::after{
  content: "−";
}
.sdd-shop-page .sdd-shop-advanced-filters > summary::-webkit-details-marker{
  display: none;
}
.sdd-shop-page .sdd-shop-header{
  min-height: 48px;
  margin-bottom: 4px;
  text-align: center;
}
.sdd-shop-page .sdd-shop-header h1{
  margin: 0;
  color: #303740;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.25;
}
.sdd-shop-page .sdd-shop-toolbar-wrap{
  margin-bottom: 16px;
}
.sdd-shop-page .sdd-shop-toolbar{
  min-height: 52px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 16px;
}
.sdd-shop-page .sdd-filter-toggle{
  display: none;
}
.sdd-shop-page .sdd-ordering{
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4b5667;
  font-size: 16px;
}
.sdd-shop-page .sdd-ordering .woocommerce-ordering{
  float: none;
  margin: 0;
}
.sdd-shop-page .sdd-ordering select{
  min-width: 190px;
  height: 44px;
  padding: 0 34px 0 12px;
  border: 1px solid #cbd7e4;
  border-radius: 7px;
  background-color: #fff;
  color: #354256;
  font-size: 16px;
}
.sdd-shop-page .sdd-result-count{
  min-width: 0;
  color: #687384;
  font-size: 16px;
  text-align: center;
}
.sdd-shop-page .sdd-show-count{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  color: #566276;
  font-size: 16px;
}
.sdd-shop-page .sdd-show-count a{
  min-width: 32px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border-radius: 6px;
  color: var(--sdd-primary);
  transition: background-color .16s ease,color .16s ease;
}
.sdd-shop-page .sdd-show-count a + a::before{
  content: "|";
  position: relative;
  left: -10px;
  color: #aab2bd;
}
.sdd-shop-page .sdd-show-count a.is-active{
  background: #eaf3fe;
  color: #103f7c;
  font-weight: 900;
}
.sdd-shop-page .sdd-subcategory-scroll{
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) 34px;
  gap: 6px;
  align-items: center;
  margin: 0 0 22px;
}
.sdd-shop-page .sdd-subcategory-arrow{
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #174f98;
  border-radius: 50%;
  background: #174f98;
  color: #fff;
  box-shadow: 0 5px 12px rgba(23,79,152,.18);
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition: transform .18s ease,background-color .18s ease,box-shadow .18s ease,opacity .18s ease;
}
.sdd-shop-page .sdd-subcategory-arrow:hover,
.sdd-shop-page .sdd-subcategory-arrow:focus-visible{
  background: #0d3d7a;
  transform: translateY(-1px);
  box-shadow: 0 7px 16px rgba(13,61,122,.24);
}
.sdd-shop-page .sdd-subcategory-arrow:disabled{
  opacity: .32;
  cursor: default;
  transform: none;
  box-shadow: none;
}
.sdd-shop-page .sdd-subcategory-scroll:not(.is-scrollable) .sdd-subcategory-arrow{
  visibility: hidden;
  pointer-events: none;
}
.sdd-shop-page .sdd-subcategory-tabs{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 7px;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0;
  padding: 7px 8px;
  border: 1px solid #e0e7ef;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 7px 20px rgba(20,54,94,.07);
  cursor: grab;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  scroll-padding-inline: 8px;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: #c5d4e6 transparent;
}
.sdd-shop-page .sdd-subcategory-tabs::-webkit-scrollbar{
  height: 5px;
}
.sdd-shop-page .sdd-subcategory-tabs::-webkit-scrollbar-track{
  background: transparent;
}
.sdd-shop-page .sdd-subcategory-tabs::-webkit-scrollbar-thumb{
  border-radius: 999px;
  background: #c5d4e6;
}
.sdd-shop-page .sdd-subcategory-tabs:focus{
  outline: none;
}
.sdd-shop-page .sdd-subcategory-tabs:focus-visible{
  outline: 3px solid #7db4eb;
  outline-offset: 2px;
}
.sdd-shop-page .sdd-subcategory-tabs.is-dragging{
  cursor: grabbing;
  user-select: none;
  scroll-behavior: auto;
}
.sdd-shop-page .sdd-subcategory-tabs.is-dragging a{
  pointer-events: none;
}
.sdd-shop-page .sdd-subcategory-tabs a{
  min-height: 36px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px 4px 5px;
  border: 1px solid #d4deea;
  border-radius: 999px;
  background: #fff;
  color: #3b4759;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  scroll-snap-align: start;
  transition: background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
.sdd-shop-page .sdd-subcategory-tabs a.is-active,
.sdd-shop-page .sdd-subcategory-tabs a[aria-current="page"]{
  border-color: #1f559d;
  background: #1f559d;
  color: #fff;
  font-weight: 800;
}
.sdd-shop-page .sdd-subcategory-tabs a:focus-visible{
  border-color: #1f559d;
  background: #edf5fe;
  color: #174786;
}
.sdd-shop-page .sdd-subcategory-chip-image,
.sdd-shop-page .sdd-subcategory-chip-fallback{
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  object-fit: contain;
  background: #f5f8fc;
}
.sdd-shop-page .sdd-subcategory-chip-fallback .sdd-icon{
  width: 17px;
  height: 17px;
}
.sdd-shop-page .sdd-shop-content ul.products{
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 20px 14px !important;
  align-items: stretch;
}
.sdd-shop-page .sdd-shop-content ul.products > li.product.sdd-product-card{
  width: 100% !important;
  min-width: 0;
  max-width: none !important;
  display: flex;
  flex: none !important;
  flex-direction: column;
  border: 1px solid #dce4ed;
  border-radius: 6px;
  background: #fff;
  transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.sdd-shop-page .sdd-shop-content ul.products > li.product.sdd-product-card:focus-within{
  border-color: #1f559d;
  box-shadow: 0 12px 28px rgba(20,73,137,.16);
}
.sdd-shop-page .sdd-shop-content .sdd-product-media{
  aspect-ratio: 1 / 1;
}
.sdd-shop-page .sdd-shop-content .sdd-product-media img{
  padding: 10px;
  object-fit: contain;
  transition: transform .3s ease;
}
.sdd-shop-page .sdd-shop-content .sdd-product-info{
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 11px 12px 13px;
}
.sdd-shop-page .sdd-shop-content .sdd-product-info h2,
.sdd-shop-page .sdd-shop-content .sdd-product-info h3,
.sdd-shop-page .sdd-shop-content ul.products li.product .woocommerce-loop-product__title{
  min-height: 47px;
  margin: 0 0 7px !important;
  font-size: 16px !important;
  font-weight: 700;
  line-height: 1.45;
}
.sdd-shop-page .sdd-shop-content .sdd-price,
.sdd-shop-page .sdd-shop-content ul.products li.product .price{
  min-height: 43px;
  margin: 0 0 8px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35;
}
.sdd-shop-page .sdd-shop-content .sdd-price del,
.sdd-shop-page .sdd-shop-content ul.products li.product .price del{
  font-size: 14px;
}
.sdd-shop-page .sdd-shop-content .sdd-product-card-bottom{
  margin-top: auto;
  flex-wrap: wrap;
  gap: 6px 9px;
}
.sdd-shop-page .sdd-shop-content .sdd-product-rating-line,
.sdd-shop-page .sdd-shop-content .sdd-compare-link{
  font-size: 14px;
}
.sdd-shop-page .sdd-shop-content .woocommerce-loop-product__title a,
.sdd-shop-page .sdd-shop-content .sdd-compare-link{
  transition: color .16s ease;
}
.sdd-shop-page .sdd-shop-content ul.products > li.product.sdd-product-card:focus-within .woocommerce-loop-product__title a,
.sdd-shop-page .sdd-shop-content ul.products > li.product.sdd-product-card:focus-within .sdd-compare-link{
  color: #174786;
}

@media (hover: hover) and (pointer: fine){
  .sdd-shop-page .sdd-shop-content ul.products > li.product.sdd-product-card:hover,
  .sdd-shop-page .sdd-shop-content ul.products > li.product.sdd-product-card:focus-within{
    border-color: #1f559d;
    box-shadow: 0 12px 28px rgba(20,73,137,.16);
    transform: translateY(-3px);
  }
  .sdd-shop-page .sdd-shop-content ul.products > li.product.sdd-product-card:hover .sdd-product-media img,
  .sdd-shop-page .sdd-shop-content ul.products > li.product.sdd-product-card:focus-within .sdd-product-media img{
    transform: scale(1.04);
  }
  .sdd-shop-page .sdd-shop-content ul.products > li.product.sdd-product-card:hover .woocommerce-loop-product__title a,
  .sdd-shop-page .sdd-shop-content ul.products > li.product.sdd-product-card:hover .sdd-compare-link{
    color: #174786;
  }
  .sdd-shop-page .sdd-subcategory-tabs a:not(.is-active):not([aria-current="page"]):hover{
    border-color: #1f559d;
    background: #edf5fe;
    color: #174786;
    box-shadow: 0 5px 13px rgba(20,73,137,.12);
  }
  .sdd-shop-page .sdd-filter-actions .button:hover,
  .sdd-shop-page .widget_price_filter .button:hover,
  .sdd-shop-page .sdd-filter-toggle:hover{
    border-color: #103f7c;
    background: linear-gradient(135deg,#1b5297,#103f7c);
    color: #fff;
    box-shadow: 0 8px 18px rgba(16,63,124,.22);
  }
  .sdd-shop-page .sdd-show-count a:not(.is-active):hover{
    background: #edf5fe;
    color: #103f7c;
  }
  .sdd-shop-page nav.woocommerce-pagination ul li a:hover,
  .sdd-shop-page .page-numbers a:hover{
    border-color: #1f559d;
    background: #1f559d;
    color: #fff;
  }
}

@media (hover: none){
  .sdd-shop-page .sdd-shop-content ul.products > li.product.sdd-product-card:hover{
    border-color: #dce4ed;
    box-shadow: none;
    transform: none;
  }
  .sdd-shop-page .sdd-shop-content ul.products > li.product.sdd-product-card:hover .sdd-product-media img{
    transform: none;
  }
  .sdd-shop-page .sdd-shop-content ul.products > li.product.sdd-product-card:active{
    border-color: #78a5d8;
  }
  .sdd-shop-page .sdd-subcategory-tabs a:active{
    border-color: #78a5d8;
    background: #edf5fe;
    color: #174786;
  }
}
.sdd-shop-page .sdd-category-description-bottom{
  margin-top: 30px;
  padding: 24px;
  border: 1px solid #e0e7ef;
  border-radius: 12px;
  background: #fff;
  color: #3f4855;
  font-size: 16px;
  line-height: 1.72;
}
.sdd-shop-page .sdd-category-description-bottom h2,
.sdd-shop-page .sdd-category-description-bottom h3{
  color: #20252d;
}
.sdd-shop-page :is(a,button,input,select,summary):focus-visible{
  outline: 3px solid rgba(27,82,151,.28);
  outline-offset: 2px;
}
.woocommerce nav.woocommerce-pagination ul, .page-numbers{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 25px 0 0;
  padding: 0;
  border: 0 !important;
  list-style: none;
}
.woocommerce nav.woocommerce-pagination ul li{
  border: 0 !important;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .page-numbers a, .page-numbers span{
  min-width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0 !important;
  border: 1px solid #d6dde6;
  border-radius: 4px;
  color: #586371;
}
.woocommerce nav.woocommerce-pagination ul li span.current, .page-numbers span.current{
  background: var(--sdd-primary);
  color: #fff;
  border-color: var(--sdd-primary);
}
.sdd-shop-page nav.woocommerce-pagination ul li a,
.sdd-shop-page nav.woocommerce-pagination ul li span{
  min-width: 44px;
  height: 44px;
  font-size: 16px;
}
.sdd-filter-overlay{
  display: none;
}
.sdd-product-detail{
  display: block !important;
}
.sdd-product-gallery-column, .sdd-product-summary-column{
  min-width: 0;
}
.sdd-product-gallery-column .woocommerce-product-gallery{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
.woocommerce div.product div.images .flex-control-thumbs{
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  margin: 12px 0 0 !important;
  padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li{
  float: none !important;
  width: auto !important;
}
.woocommerce div.product div.images .flex-control-thumbs img{
  aspect-ratio: 1 / .78;
  width: 100%;
  height: 100%;
  padding: 4px;
  border: 2px solid transparent;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 1 !important;
}
.woocommerce div.product div.images .flex-control-thumbs img.flex-active{
  border-color: var(--sdd-primary);
}
.sdd-product-gallery-column .flex-control-thumbs{
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.sdd-product-gallery-column .flex-control-thumbs li{
  float: none !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  list-style: none !important;
}
.sdd-product-gallery-column .flex-control-thumbs img{
  display: block;
  width: 100%;
  aspect-ratio: 1 / .78;
  height: auto !important;
  padding: 4px;
  border: 2px solid transparent;
  border-radius: 8px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 1 !important;
  cursor: pointer;
  background: #fff;
}
.sdd-product-gallery-column .flex-control-thumbs img.flex-active{
  border-color: var(--sdd-primary);
}
.sdd-product-code-row strong{
  color: #262d37;
}
.sdd-stock-status{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #6e7884;
}
.sdd-stock-status.is-stock{
  color: #3c8e45;
}
.sdd-stock-status .sdd-icon{
  width: 17px;
  height: 17px;
}
.sdd-single-rating{
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--sdd-primary);
}
.sdd-single-rating a{
  color: #5d6775;
}
.sdd-share-label{
  margin-left: auto;
  color: #5d6673;
  font-size: 13px;
}
.sdd-share-links{
  display: flex;
  align-items: center;
  gap: 5px;
}
.sdd-share-links a{
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}
.sdd-share-facebook{
  background: #315da8;
}
.sdd-share-zalo{
  background: #1885e8;
}
.sdd-share-pinterest{
  background: #d73339;
}
.sdd-share-x{
  background: #161616;
}
.sdd-summary-icon{
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: #7e8794;
}
.sdd-summary-icon .sdd-icon{
  width: 22px;
  height: 22px;
}
.sdd-single-price del{
  color: #9da4ad !important;
  font-size: 15px;
}
.sdd-single-price ins{
  text-decoration: none;
}
.sdd-single-price small{
  color: #697382;
}
.sdd-single-short-description{
  color: #4d5867;
  font-size: 14px;
}
.sdd-single-short-description p{
  margin: 4px 0 12px;
}
.sdd-product-feature-row > div{
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 72px;
  padding: 10px;
  border-right: 1px solid #dfe5ec;
}
.sdd-product-feature-row > div:last-child{
  border-right: 0;
}
.sdd-product-feature-row .sdd-icon{
  color: var(--sdd-primary);
}
.sdd-product-feature-row span{
  display: grid;
  gap: 1px;
}
.sdd-product-feature-row strong{
  font-size: 12px;
}
.sdd-product-feature-row small{
  color: #6d7784;
  font-size: 10px;
  line-height: 1.3;
}
.sdd-product-purchase-card form.cart{
  position: static;
  display: grid !important;
  grid-template-columns: 126px minmax(0,1fr) minmax(0,1fr);
  align-items: stretch;
  justify-content: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.sdd-product-purchase-card form.cart > .dpaq-calculator,
.sdd-product-purchase-card form.cart > .variations,
.sdd-product-purchase-card form.cart > .single_variation_wrap,
.sdd-product-purchase-card form.cart > .group_table{
  grid-column: 1 / -1;
  width: 100%;
}
.sdd-product-purchase-card .woocommerce-variation-add-to-cart{
  display: grid !important;
  grid-template-columns: 126px minmax(0,1fr) minmax(0,1fr);
  align-items: stretch;
  justify-content: center;
  gap: 8px;
  width: 100%;
}
.sdd-product-purchase-card .variations{
  margin: 0 0 12px !important;
}
.sdd-product-purchase-card .variations th,
.sdd-product-purchase-card .variations td{
  display: block;
  padding: 0 0 5px !important;
}
.sdd-product-purchase-card .variations select{
  width: 100%;
  min-height: 42px;
  padding: 0 10px;
  border: 1px solid #d5dce5;
  background: #fff;
}
.sdd-product-purchase-card form.cart .quantity,
.sdd-product-purchase-card .woocommerce-variation-add-to-cart .quantity{
  grid-column: 1;
  grid-row: auto;
  display: grid !important;
  grid-template-columns: 38px 50px 38px;
  width: 126px;
  max-width: 126px;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
}
.sdd-product-purchase-card form.cart .quantity .qty,
.sdd-product-purchase-card .woocommerce-variation-add-to-cart .quantity .qty{
  width: 50px !important;
  height: 48px;
  border: 1px solid #d4dbe4;
  border-left: 0;
  border-right: 0;
  border-radius: 0 !important;
  font-size: 15px;
  font-weight: 750;
}
.sdd-qty-button{
  width: 38px;
  height: 48px;
  border: 1px solid #d4dbe4;
  background: #fff;
  color: #425166;
  font-size: 17px;
  font-weight: 750;
}
.sdd-product-purchase-card .single_add_to_cart_button,
.sdd-product-purchase-card .dprv-buy-now--single{
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 5px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: -.1px;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: center;
  text-transform: uppercase;
}
.sdd-product-purchase-card .single_add_to_cart_button{
  grid-column: 2;
  background: #ef595e !important;
}
.sdd-product-purchase-card .dprv-buy-now--single{
  grid-column: 3;
  background: linear-gradient(135deg,#FF5001,#CC4000) !important;
  box-shadow: 0 7px 16px rgba(255,80,1,.22) !important;
}
.sdd-product-secondary-actions{
  position: static;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  margin-top: 8px;
}
.sdd-product-secondary-actions a{
  min-width: 0;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #fff;
  font-size: 12.5px;
  font-weight: 900;
  letter-spacing: -.05px;
  line-height: 1.1;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 4px 10px rgba(20,65,126,.13);
}
.sdd-product-secondary-actions .sdd-product-quote{
  background: #174f9a;
}
.sdd-product-secondary-actions .sdd-product-consult{
  background: #0f73b9;
}
.sdd-product-secondary-actions a:hover,
.sdd-product-secondary-actions a:focus-visible{
  color: #fff;
  filter: brightness(1.07);
  transform: translateY(-1px);
}
.sdd-product-painter-cta{
  align-items: center;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  gap: 0;
  width: 100%;
  min-width: 0;
  min-height: 62px;
  margin-top: 13px;
  padding: 10px 58px;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  border: 2px solid #174f98;
  border-radius: 12px;
  background: linear-gradient(135deg,#103f7d 0%,#174f98 100%);
  box-shadow: 0 9px 22px rgba(16,63,125,.24), inset 0 1px 0 rgba(255,255,255,.18);
  color: #fff !important;
  filter: none;
  opacity: 1;
  text-decoration: none !important;
  text-shadow: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.sdd-product-painter-cta::before{
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: radial-gradient(circle at 88% -45%,rgba(255,250,0,.2),rgba(255,250,0,0) 46%);
  pointer-events: none;
}
.sdd-product-painter-cta:visited{
  color: #fff !important;
}
.sdd-product-painter-cta:hover{
  border-color: #FFFA00;
  background: linear-gradient(135deg,#0d386f 0%,#1358a7 100%);
  box-shadow: 0 12px 26px rgba(16,63,125,.3), inset 0 1px 0 rgba(255,255,255,.22);
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}
.sdd-product-painter-cta:active{
  box-shadow: 0 7px 17px rgba(16,63,125,.24), inset 0 1px 0 rgba(255,255,255,.18);
  transform: translateY(0);
}
.sdd-product-painter-cta:focus-visible{
  outline: 3px solid #FFFA00;
  outline-offset: 3px;
  color: #fff !important;
}
.sdd-product-painter-cta__copy{
  display: grid;
  justify-items: center;
  gap: 2px;
  width: 100%;
  min-width: 0;
  color: #fff;
  overflow-wrap: anywhere;
  text-align: center;
}
.sdd-product-painter-cta__copy small{
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .05px;
  line-height: 1.4;
}
.sdd-product-painter-cta__copy strong{
  color: #fff;
  font-size: 15.5px;
  font-weight: 800;
  letter-spacing: .35px;
  line-height: 1.18;
}
.sdd-product-painter-cta__arrow{
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  margin-block: auto;
  border: 1px solid #ffd100;
  border-radius: 9px;
  background: linear-gradient(180deg,#FFFA00 0%,#ffd900 100%);
  box-shadow: 0 5px 12px rgba(255,209,0,.3), inset 0 1px 0 rgba(255,255,255,.7);
  color: #103f7d;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  transition: transform .18s ease, box-shadow .18s ease;
}
.sdd-product-painter-cta:hover .sdd-product-painter-cta__arrow{
  box-shadow: 0 7px 16px rgba(255,209,0,.38), inset 0 1px 0 rgba(255,255,255,.76);
  transform: translateX(2px) scale(1.03);
}
@media (prefers-reduced-motion: reduce){
  .sdd-product-painter-cta,
  .sdd-product-painter-cta__arrow{
    transition: none;
  }
  .sdd-product-painter-cta:hover,
  .sdd-product-painter-cta:hover .sdd-product-painter-cta__arrow{
    transform: none;
  }
}
.sdd-product-tab-nav::-webkit-scrollbar{
  display: none;
}
.sdd-product-tab-nav button.is-active{
  color: var(--sdd-primary);
  border-bottom-color: #FF5001;
}
.sdd-product-tab-nav .sdd-product-tab-link:hover,
.sdd-product-tab-nav .sdd-product-tab-link:focus-visible{
  color:var(--sdd-primary);
  background:#f2f7fd;
}
.sdd-product-tab-nav :is(button,.sdd-product-tab-link):focus-visible{
  position:relative;
  z-index:2;
  outline:3px solid rgba(255,80,1,.42);
  outline-offset:-3px;
}
.sdd-product-tab-panel.is-active{
  display: block;
}
.sdd-product-copy{
  max-width: 960px;
  color: #343c47;
}
.sdd-product-copy h2, .sdd-panel-title{
  margin: 0 0 15px;
  color: #20262e;
  font-size: 23px;
}
.sdd-product-copy img{
  margin: 20px auto;
}
.sdd-product-promo-box{
  margin-top: 20px;
  padding: 20px 22px;
  border: 1px solid #a9cdf5;
  background: #f0f7ff;
}
.sdd-product-promo-box h2{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: var(--sdd-primary);
  font-size: 19px;
}
.sdd-product-promo-box ul{
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sdd-product-promo-box li{
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.sdd-product-promo-box li .sdd-icon{
  color: #37b54a;
}






.sdd-spec-note{
  color: #727b87;
  font-style: italic;
}
.sdd-document-list a{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 17px;
  border: 1px solid #d6dee7;
  background: #fff;
}
.sdd-document-list a > .sdd-icon{
  color: var(--sdd-primary);
}
.sdd-document-list span{
  display: grid;
}
.sdd-document-list small{
  color: #76808e;
}
.sdd-empty-document{
  padding: 25px;
  background: #f6f8fa;
  color: #626d7a;
}
.sdd-product-documents{
  overflow:hidden;
  border:1px solid #d9e4f0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(20,61,105,.07);
}
.sdd-product-documents__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px 18px;
  border-bottom:1px solid #dce7f2;
  background:linear-gradient(135deg,#f8fbff 0%,#edf5ff 68%,#fff6ee 100%);
}
.sdd-product-documents__head>div:first-child>span{
  display:block;
  margin-bottom:5px;
  color:#17559d;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
}
.sdd-product-documents__head h2{
  margin:0;
  color:#163a68;
  font-size:clamp(21px,1.9vw,24px);
  line-height:1.2;
}
.sdd-product-documents__head p{
  max-width:790px;
  margin:4px 0 0;
  color:#607086;
  font-size:13px;
  line-height:1.45;
}
.sdd-product-documents__status{
  min-width:142px;
  display:grid;
  gap:2px;
  padding:12px 16px;
  border:1px solid #d6e4f3;
  border-radius:12px;
  background:rgba(255,255,255,.9);
  color:#5e6e80;
  text-align:center;
  box-shadow:0 5px 16px rgba(28,72,119,.06);
}
.sdd-product-documents__status strong{color:#17559d;font-size:15px}
.sdd-product-documents__status span{font-size:11px;line-height:1.35}
.sdd-product-documents__status.is-ready{border-color:#b9dfc4;background:#f4fff7}
.sdd-product-documents__status.is-ready strong{color:#16833a}
.sdd-product-documents__managed{padding:22px}
#sdd-panel-documents .decor-product-resources{width:100%;padding:0!important;background:transparent!important}
#sdd-panel-documents .decor-product-resources__heading{max-width:820px;margin:0 0 18px}
#sdd-panel-documents .decor-product-resources__heading>span{font-size:11px;font-weight:900;letter-spacing:.12em}
#sdd-panel-documents .decor-product-resources__heading h2{margin:5px 0 6px;color:#173f73;font-size:23px;font-weight:750}
#sdd-panel-documents .decor-product-resources__heading p{font-size:13px}
#sdd-panel-documents .decor-resource-lookup__results{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#sdd-panel-documents .decor-resource-card{min-height:250px;padding:18px;border-radius:12px;box-shadow:0 7px 20px rgba(20,61,105,.06)}
#sdd-panel-documents .decor-resource-card h3{margin:13px 0 8px;font-size:17px}
#sdd-panel-documents .decor-resource-card>p{margin:10px 0 16px;font-size:13px;line-height:1.55}
#sdd-panel-documents .decor-resource-card__actions a{min-height:38px;padding:0 12px;font-size:12px}
.sdd-product-documents>.sdd-document-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:22px;
}
.sdd-product-documents>.sdd-document-list a{
  min-height:150px;
  align-items:flex-start;
  padding:18px;
  border-radius:12px;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.sdd-product-documents>.sdd-document-list a:hover,
.sdd-product-documents>.sdd-document-list a:focus-visible{
  border-color:#8eb8e5;
  outline:0;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(20,61,105,.09);
}
.sdd-product-documents>.sdd-document-list a>.sdd-icon{width:31px;height:31px;flex:0 0 31px;padding:7px;border-radius:9px;background:#e8f2ff}
.sdd-product-documents>.sdd-document-list span{min-width:0;gap:6px}
.sdd-product-documents>.sdd-document-list small{color:#5680ad;font-size:10px;font-weight:900;letter-spacing:.09em}
.sdd-product-documents>.sdd-document-list strong{color:#183e6f;font-size:16px;line-height:1.35}
.sdd-product-documents>.sdd-document-list em{margin-top:10px;color:#17559d;font-size:12px;font-style:normal;font-weight:800}
.sdd-product-documents__empty{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:13px;
  align-items:center;
  margin:12px 18px 0;
  padding:10px 12px;
  border:1px solid #f2d3b8;
  border-radius:12px;
  background:#fff8f1;
}
.sdd-product-documents__empty>span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#ffebda;
  color:#d64700;
  font-size:20px;
  font-weight:900;
  font-family:Georgia,serif;
}
.sdd-product-documents__empty strong{display:block;color:#7a370e;font-size:13.5px}
.sdd-product-documents__empty p{margin:2px 0 0;color:#765d4d;font-size:11.5px;line-height:1.4}
.sdd-document-resource-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding:12px 18px 16px;
}
.sdd-document-resource-grid>a{
  min-width:0;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:12px;
  border:1px solid #dce6f0;
  border-radius:13px;
  background:#fff;
  color:#31465d;
  box-shadow:0 6px 18px rgba(20,61,105,.045);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.sdd-document-resource-grid>a:hover,
.sdd-document-resource-grid>a:focus-visible{
  border-color:#8bb6e4;
  color:#31465d;
  outline:0;
  transform:translateY(-3px);
  box-shadow:0 12px 25px rgba(20,61,105,.1);
}
.sdd-document-resource-code{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:linear-gradient(145deg,#eaf3ff,#d7e8fb);
  color:#17559d;
  font-size:14px;
  font-weight:900;
}
.sdd-document-resource-copy{min-width:0;display:flex;flex-direction:column}
.sdd-document-resource-copy small{color:#416f9e;font-size:9.5px;font-weight:900;letter-spacing:.08em}
.sdd-document-resource-copy strong{margin-top:3px;color:#173d6c;font-size:15px;line-height:1.35}
.sdd-document-resource-copy>span{display:-webkit-box;overflow:hidden;margin-top:4px;color:#53657a;font-size:12px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sdd-document-resource-copy em{margin-top:7px;color:#17559d;font-size:12px;font-style:normal;font-weight:850}
.sdd-product-documents__foot{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:10px 18px;
  border-top:1px solid #dce7f2;
  background:#f5f9fe;
}
.sdd-product-documents__foot>div{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center}
.sdd-product-documents__foot>div>.sdd-icon{width:38px;height:38px;padding:9px;border-radius:11px;background:#e2eefb;color:#17559d}
.sdd-product-documents__foot p{display:grid;gap:2px;margin:0}
.sdd-product-documents__foot strong{color:#20466f;font-size:13px}
.sdd-product-documents__foot p span{color:#66778a;font-size:11px;line-height:1.45}
.sdd-product-documents__foot>a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 17px;
  border-radius:22px;
  background:#f05a18;
  color:#fff;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
  box-shadow:0 6px 15px rgba(207,65,0,.18);
}
.sdd-product-documents__foot>a:hover,.sdd-product-documents__foot>a:focus-visible{background:#d94b0d;color:#fff;outline:3px solid rgba(240,90,24,.2);outline-offset:2px}
.sdd-product-documents__foot>a .sdd-icon{width:16px;height:16px}
.sdd-document-resource-grid>a.is-active{
  border-color:#FF5001;
  background:#fff8f3;
  box-shadow:0 10px 24px rgba(255,80,1,.12);
}
.sdd-document-resource-grid>a.is-active .sdd-document-resource-copy em{color:#c94300}
.sdd-document-resource-panels{padding:0 22px 22px}
.sdd-document-resource-panel{
  scroll-margin-top:96px;
  overflow:hidden;
  border:1px solid #cbdced;
  border-radius:14px;
  background:#fff;
  box-shadow:0 9px 24px rgba(23,79,152,.08);
}
.sdd-document-resource-panel[hidden]{display:none!important}
.sdd-document-resource-panel__bar{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:6px 10px 6px 16px;
  border-bottom:1px solid #dce7f2;
  background:#f2f7fd;
}
.sdd-document-resource-panel__bar strong{
  color:#173d6c;
  font-size:14px;
  font-weight:850;
  line-height:1.35;
}
.sdd-document-resource-panel__bar button{
  min-height:44px;
  padding:7px 13px;
  border:1px solid #174f98;
  border-radius:8px;
  background:#174f98;
  color:#fff;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.sdd-document-resource-panel__bar button:hover,
.sdd-document-resource-panel__bar button:focus-visible{
  border-color:#0f3d7b;
  background:#0f3d7b;
  outline:3px solid rgba(255,80,1,.28);
  outline-offset:2px;
}
.sdd-document-resource-panel>.sdd-product-inline-source{padding:16px}
.sdd-document-resource-panel .sdd-product-inline-page,
.sdd-document-resource-panel .sdd-inline-reference{
  border-radius:11px;
  box-shadow:none;
}
/* Complete product-policy accordion. Also covers the database fallback used
   while the dedicated policy manager is temporarily inactive. */
.dppol-product-tab{
  padding:4px 0 12px;
}
.dppol-product-tab__head{
  margin-bottom:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:18px;
}
.dppol-product-tab__head > div{
  max-width:860px;
}
.dppol-product-tab__head small{
  color:var(--sdd-primary,#174f98);
  font-size:14px;
  font-weight:800;
  letter-spacing:.1em;
}
.dppol-product-tab__head h2{
  margin:5px 0 9px;
  color:#123d73;
  font-size:28px;
  font-weight:850;
}
.dppol-product-tab__head p{
  margin:0;
  color:#5f6f82;
  font-size:14px;
  line-height:1.65;
}
.dppol-product-policy-count{
  min-height:38px;
  padding:8px 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  background:var(--sdd-primary,#174f98);
  color:#fff;
  border-radius:999px;
  box-shadow:0 8px 20px rgba(23,79,152,.18);
  font-size:14px;
  font-weight:850;
}
.dppol-product-policy-accordion{
  overflow:hidden;
  background:#fff;
  border:1px solid #d9e4f0;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(28,63,104,.07);
}
.dppol-product-policy-item{
  margin:0;
  border-bottom:1px solid #e2e9f1;
}
.dppol-product-policy-item:last-child{
  border-bottom:0;
}
.dppol-product-policy-item summary{
  min-height:64px;
  padding:12px 16px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 34px;
  align-items:center;
  gap:12px;
  cursor:pointer;
  list-style:none;
}
.dppol-product-policy-item summary::-webkit-details-marker{
  display:none;
}
.dppol-product-policy-item summary:hover,
.dppol-product-policy-item[open] summary{
  background:#f4f8fd;
}
.dppol-product-policy-item summary:focus-visible{
  outline:3px solid #FF5001;
  outline-offset:-3px;
}
.dppol-product-policy-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  background:#e8f2ff;
  color:var(--sdd-primary,#174f98);
  border-radius:10px;
  font-size:12px;
  font-weight:850;
}
.dppol-product-policy-item summary strong{
  color:#123d73;
  font-size:15px;
  line-height:1.4;
}
.dppol-product-policy-item summary i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  background:#edf4fc;
  color:var(--sdd-primary,#174f98);
  border-radius:50%;
  font-size:22px;
  font-style:normal;
  font-weight:500;
  transition:transform .18s ease,background .18s ease;
}
.dppol-product-policy-item[open] summary i{
  background:var(--sdd-primary,#174f98);
  color:#fff;
  transform:rotate(45deg);
}
.dppol-product-policy-content{
  padding:0 62px 18px 68px;
}
.dppol-product-policy-content p{
  margin:0 0 12px;
  color:#56677b;
  font-size:14px;
  line-height:1.65;
}
.dppol-product-policy-content a,
.dppol-all-policies{
  min-height:40px;
  padding:7px 12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--sdd-primary,#174f98);
  border:1px solid #b9cde4;
  border-radius:8px;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
}
.dppol-all-policies{
  min-height:46px;
  margin-top:16px;
  padding:9px 14px;
}
.dppol-product-policy-content a:hover,
.dppol-all-policies:hover{
  background:#eaf3fd;
  border-color:#79a9d8;
}
.dppol-product-policy-content a:focus-visible,
.dppol-all-policies:focus-visible{
  outline:3px solid #FF5001;
  outline-offset:3px;
}
@media (max-width:640px){
  .dppol-product-tab__head{
    grid-template-columns:1fr;
    align-items:start;
    gap:12px;
  }
  .dppol-product-policy-count{
    width:max-content;
  }
  .dppol-product-policy-item summary{
    min-height:62px;
    padding:11px 12px;
    grid-template-columns:38px minmax(0,1fr) 32px;
    gap:10px;
  }
  .dppol-product-policy-icon{
    width:38px;
    height:38px;
  }
  .dppol-product-policy-item summary i{
    width:32px;
    height:32px;
  }
  .dppol-product-policy-content{
    padding:0 14px 16px 60px;
  }
  .dppol-product-policy-content a{
    width:100%;
    justify-content:center;
  }
}
@media (prefers-reduced-motion:reduce){
  .dppol-product-policy-item summary i{
    transition:none;
  }
}

/* Independent product-guide accordion. This block also styles the theme's
   read-only fallback until the guide management plugin is activated. */
.dpguide-product-tab{
  padding:4px 0 12px;
}
.dpguide-product-tab__head{
  margin-bottom:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:18px;
}
.dpguide-product-tab__head > div{
  max-width:860px;
}
.dpguide-product-tab__head small{
  color:var(--sdd-primary,#174f98);
  font-size:14px;
  font-weight:800;
  letter-spacing:.1em;
}
.dpguide-product-tab__head h2{
  margin:5px 0 9px;
  color:#123d73;
  font-size:28px;
  font-weight:850;
}
.dpguide-product-tab__head p{
  margin:0;
  color:#5f6f82;
  font-size:14px;
  line-height:1.65;
}
.dpguide-product-guide-count{
  min-height:38px;
  padding:8px 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  background:#FF5001;
  color:#fff;
  border-radius:999px;
  box-shadow:0 8px 20px rgba(255,80,1,.22);
  font-size:14px;
  font-weight:850;
}
.dpguide-product-guide-accordion{
  overflow:hidden;
  background:#fff;
  border:1px solid #d9e4f0;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(28,63,104,.07);
}
.dpguide-product-guide-item{
  margin:0;
  border-bottom:1px solid #e2e9f1;
}
.dpguide-product-guide-item:last-child{
  border-bottom:0;
}
.dpguide-product-guide-item summary{
  min-height:64px;
  padding:12px 16px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 34px;
  align-items:center;
  gap:12px;
  cursor:pointer;
  list-style:none;
}
.dpguide-product-guide-item summary::-webkit-details-marker{
  display:none;
}
.dpguide-product-guide-item summary:hover,
.dpguide-product-guide-item[open] summary{
  background:#f4f8fd;
}
.dpguide-product-guide-item summary:focus-visible{
  outline:3px solid #FF5001;
  outline-offset:-3px;
}
.dpguide-product-guide-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  background:#e8f2ff;
  color:var(--sdd-primary,#174f98);
  border-radius:10px;
  font-size:12px;
  font-weight:850;
}
.dpguide-product-guide-item summary strong{
  color:#123d73;
  font-size:15px;
  line-height:1.4;
}
.dpguide-product-guide-item summary i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  background:#edf4fc;
  color:var(--sdd-primary,#174f98);
  border-radius:50%;
  font-size:22px;
  font-style:normal;
  font-weight:500;
  transition:transform .18s ease,background .18s ease;
}
.dpguide-product-guide-item[open] summary i{
  background:var(--sdd-primary,#174f98);
  color:#fff;
  transform:rotate(45deg);
}
.dpguide-product-guide-content{
  padding:0 62px 18px 68px;
}
.dpguide-product-guide-content p{
  margin:0 0 12px;
  color:#56677b;
  font-size:14px;
  line-height:1.65;
}
.dpguide-product-guide-content a,
.dpguide-all-guides{
  min-height:40px;
  padding:7px 12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--sdd-primary,#174f98);
  border:1px solid #b9cde4;
  border-radius:8px;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
}
.dpguide-all-guides{
  min-height:46px;
  margin-top:16px;
  padding:9px 14px;
}
.dpguide-product-guide-content a:hover,
.dpguide-all-guides:hover{
  background:#eaf3fd;
  border-color:#79a9d8;
}
.dpguide-product-guide-content a:focus-visible,
.dpguide-all-guides:focus-visible{
  outline:3px solid #FF5001;
  outline-offset:3px;
}
@media (max-width:640px){
  .dpguide-product-tab__head{
    grid-template-columns:1fr;
    align-items:start;
    gap:12px;
  }
  .dpguide-product-guide-count{
    width:max-content;
  }
  .dpguide-product-guide-item summary{
    min-height:62px;
    padding:11px 12px;
    grid-template-columns:38px minmax(0,1fr) 32px;
    gap:10px;
  }
  .dpguide-product-guide-icon{
    width:38px;
    height:38px;
  }
  .dpguide-product-guide-item summary i{
    width:32px;
    height:32px;
  }
  .dpguide-product-guide-content{
    padding:0 14px 16px 60px;
  }
  .dpguide-product-guide-content a{
    width:100%;
    justify-content:center;
  }
}
@media (prefers-reduced-motion:reduce){
  .dpguide-product-guide-item summary i{
    transition:none;
  }
}
.sdd-product-address-grid article{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 18px;
  border: 1px solid #dce3eb;
}
.sdd-product-address-grid .sdd-icon{
  color: var(--sdd-primary);
}
.sdd-product-address-grid h3{
  margin: 0 0 5px;
  font-size: 16px;
}
.sdd-product-address-grid p{
  margin: 0;
  color: #65707e;
}
.sdd-related-products{
  margin-top: 30px;
}

.sdd-section{
  padding: 42px 0;
}
.sdd-section-soft{
  background: #f6f8fb;
}
.sdd-page-hero{
  padding: 48px 0;
  background: linear-gradient(135deg,#eef5fd,#fff);
}
.sdd-page-hero-blue{
  color: #fff;
  background: linear-gradient(120deg,var(--sdd-primary-dark),var(--sdd-primary));
}
.sdd-page-hero h1{
  margin: 4px 0 0;
  font-size: 42px;
  line-height: 1.15;
}
.sdd-page-hero p{
  max-width: 760px;
  color: #647083;
}
.sdd-page-hero-blue p{
  color: rgba(255,255,255,.8);
}
.sdd-centered-heading{
  text-align: center;
}
.sdd-centered-heading h2{
  margin: 0;
  font-size: 29px;
}
.sdd-centered-heading p{
  margin: 7px 0 0;
  color: #687485;
}
.sdd-static-pagination{
  display: flex;
  justify-content: center;
  gap: 7px;
  margin-top: 26px;
}
.sdd-static-pagination a{
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid #d4dce5;
}
.sdd-static-pagination a.is-current{
  background: var(--sdd-primary);
  color: #fff;
}




























/* DECOR PAINT — trang Liên hệ: vị trí, bản đồ, góp ý, biểu mẫu và nội dung giới thiệu. */
.sdd-contact-page{background:#f7f9fc}
.sdd-contact-page>.sdd-shell{padding-bottom:42px}
.sdd-contact-locations{margin:8px 0 24px;padding:20px 22px 18px;border:1px solid #e1e7ef;border-radius:6px;background:#fff;box-shadow:0 7px 24px rgba(20,55,92,.05)}
.sdd-showroom-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-bottom:1px solid #dbe3ec}
.sdd-showroom-tabs button{min-width:0;display:grid;gap:5px;align-content:start;padding:13px 16px 14px;border:0;border-bottom:3px solid transparent;background:#fff;color:#2a3544;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}
.sdd-showroom-tabs button:hover,.sdd-showroom-tabs button:focus-visible{background:#f5f9fe;outline:0}
.sdd-showroom-tabs button.is-active{border-bottom-color:#FFC501;color:#164b8d}
.sdd-showroom-tabs strong{color:inherit;font-size:14px;line-height:1.3}
.sdd-showroom-tabs span{display:block;color:#667487;font-size:16px;line-height:1.45;white-space:normal}
.sdd-showroom-tabs small{display:flex;align-items:center;gap:5px;color:#1f559d;font-size:11px;font-weight:700;line-height:1.35}
.sdd-showroom-tabs small .sdd-icon{width:14px;height:14px}
.sdd-contact-map-stage{position:relative;margin-top:12px}
.sdd-contact-map-pane[hidden]{display:none!important}
.sdd-real-map{position:relative;height:500px;overflow:hidden;border:1px solid #dfe5ec;background:#eef2f6}
.sdd-real-map iframe{position:relative;width:100%!important;height:100%!important;border:0;opacity:1}
.sdd-showroom-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:9px}
.sdd-showroom-thumbnails img{width:100%;aspect-ratio:1.55/1;object-fit:cover;border:1px solid #e1e7ee;background:#f1f4f8}
.sdd-feedback-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.86fr);gap:34px;align-items:center;margin:0 0 24px;padding:28px 30px;border:1px solid #e3e9f0;border-radius:6px;background:#fff;box-shadow:0 7px 24px rgba(20,55,92,.05)}
.sdd-feedback-copy h2{margin:0 0 14px;color:#1f2937;font-size:26px;line-height:1.25}
.sdd-feedback-copy>a:not(.sdd-button){min-height:54px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:8px;padding:8px 11px;border:1px solid #edf1f5;border-radius:5px;background:#f8fafc;color:#243247}
.sdd-feedback-copy>a:not(.sdd-button):hover,.sdd-feedback-copy>a:not(.sdd-button):focus-visible{border-color:#c9d9ec;background:#eff6ff;color:#164b8d}
.sdd-feedback-copy>a:not(.sdd-button)>.sdd-icon{width:30px;height:30px;padding:6px;border-radius:50%;background:#e4eefb;color:#1f559d}
.sdd-feedback-copy>a span{display:grid;gap:2px}
.sdd-feedback-copy>a strong{font-size:13px;line-height:1.35}
.sdd-feedback-copy>a small{color:#6a7686;font-size:11px;line-height:1.4}
.sdd-feedback-copy>.sdd-button{min-height:38px;margin-top:4px;padding:0 18px;border-radius:4px;font-size:12px}
.sdd-feedback-image{margin:0}
.sdd-feedback-image img{width:100%;aspect-ratio:1.48/1;object-fit:cover;border-radius:3px;background:#f0f3f7}
.sdd-contact-form-section{margin:0 0 24px;padding:26px 30px 30px;border:1px solid #e2e8ef;border-radius:6px;background:#fff;box-shadow:0 7px 24px rgba(20,55,92,.05)}
.sdd-contact-form-heading{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5eaf0}
.sdd-contact-form-heading h2{margin:5px 0 5px;color:#1f2937;font-size:24px;line-height:1.3}
.sdd-contact-form-heading p{margin:0;color:#687586;font-size:13px;line-height:1.55}
.sdd-contact-form-panel{min-width:0}
.sdd-contact-page .decor-contact-account-state{display:none}
.sdd-contact-page .sdd-contact-form,.sdd-contact-page .decor-core-contact-form{display:grid;gap:10px;margin:0}
.sdd-contact-page .sdd-form-grid,.sdd-contact-page .decor-form-grid{display:grid;grid-template-columns:1fr;gap:9px}
.sdd-contact-page .decor-form-field-full{grid-column:auto}
.sdd-contact-page .sdd-contact-form label{display:grid;gap:4px;color:#273344;font-size:12px;font-weight:700}
.sdd-contact-page .decor-core-contact-form label{display:block;color:#273344;font-size:12px;font-weight:700}
.sdd-contact-page .decor-core-contact-form p{margin:0}
.sdd-contact-page .decor-core-contact-form label span{color:#c92831}
.sdd-contact-page .sdd-contact-form :is(input,select,textarea),.sdd-contact-page .decor-core-contact-form :is(input,select,textarea){width:100%;min-height:36px;margin:0;padding:6px 10px;border:1px solid #cbd5df;border-radius:4px;background:#fff;color:#202935;font-size:13px;box-shadow:none}
.sdd-contact-page .decor-core-contact-form p>:is(input,select,textarea){display:block;margin-top:4px}
.sdd-contact-page .sdd-contact-form textarea,.sdd-contact-page .decor-core-contact-form textarea{min-height:108px;resize:vertical;line-height:1.5}
.sdd-contact-page .sdd-contact-form :is(input,select,textarea):focus,.sdd-contact-page .decor-core-contact-form :is(input,select,textarea):focus{border-color:#1f559d;outline:0;box-shadow:0 0 0 3px rgba(31,85,157,.1)}
.sdd-contact-page .decor-consent{font-size:11.5px;line-height:1.45}
.sdd-contact-page .decor-consent label{display:flex;align-items:flex-start;gap:8px;font-weight:500}
.sdd-contact-page .decor-consent input{flex:0 0 16px;width:16px;min-height:16px;margin-top:2px;padding:0}
.sdd-contact-page .decor-core-contact-form>button,.sdd-contact-page .sdd-contact-form>button{justify-self:start;min-height:46px;padding:0 26px;border:0;border-radius:6px;background:linear-gradient(135deg,#2466bd,#123f7f);color:#fff;box-shadow:0 7px 18px rgba(18,63,127,.24);font-size:15px;font-weight:800;line-height:1;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.sdd-contact-page .decor-core-contact-form>button:hover,.sdd-contact-page .decor-core-contact-form>button:focus-visible,.sdd-contact-page .sdd-contact-form>button:hover,.sdd-contact-page .sdd-contact-form>button:focus-visible{background:linear-gradient(135deg,#1f559d,#0c376f);box-shadow:0 9px 22px rgba(18,63,127,.3);outline:3px solid rgba(31,85,157,.18);outline-offset:2px;transform:translateY(-1px)}
.sdd-contact-page .decor-form-notice{margin-bottom:10px;padding:9px 11px;border-radius:4px;font-size:12px}
.sdd-contact-page .decor-form-notice.is-success{background:#eaf8ed;color:#236d36}
.sdd-contact-page .decor-form-notice.is-error{background:#fff0f0;color:#a73232}
.sdd-contact-story{margin:0 0 12px;padding:24px 28px 27px;border:1px solid #e2e8ef;border-radius:6px;background:#fff;box-shadow:0 7px 24px rgba(20,55,92,.05)}
.sdd-contact-story>img{width:100%;max-height:520px;aspect-ratio:2.05/1;object-fit:cover;background:#f0f3f7}
.sdd-contact-story-copy{padding-top:18px}
.sdd-contact-story h2{margin:0 0 8px;color:#202a36;font-size:24px;line-height:1.3}
.sdd-contact-story p{margin:0 0 10px;color:#5f6b7a;font-size:13.5px;line-height:1.7}
.sdd-contact-editor-content{margin-top:12px;padding-top:12px;border-top:1px solid #e5eaf0;color:#4e5a69;font-size:13.5px;line-height:1.7}
.sdd-contact-editor-content>*:first-child{margin-top:0}
.sdd-contact-editor-content>*:last-child{margin-bottom:0}
@media (max-width:991px){
  .sdd-contact-locations{padding:18px}
  .sdd-real-map{height:390px}
  .sdd-feedback-panel{grid-template-columns:1fr;gap:18px;padding:24px}
  .sdd-feedback-image{order:-1}
  .sdd-feedback-image img{aspect-ratio:2/1}
  .sdd-contact-form-section{padding:24px}
  .sdd-contact-story{padding:20px}
}
@media (max-width:767px){
  .sdd-contact-page>.sdd-shell{width:calc(100% - 20px);padding-bottom:28px}
  .sdd-contact-locations{margin:5px 0 16px;padding:12px}
  .sdd-showroom-tabs{grid-template-columns:1fr}
  .sdd-showroom-tabs button{padding:10px 11px 11px}
  .sdd-showroom-tabs span{font-size:16px;white-space:normal}
  .sdd-showroom-tabs small{font-size:10.5px}
  .sdd-real-map{height:310px}
  .sdd-showroom-thumbnails{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}
  .sdd-showroom-thumbnails::-webkit-scrollbar{display:none}
  .sdd-showroom-thumbnails img{flex:0 0 90px;width:90px}
  .sdd-feedback-panel{margin-bottom:16px;padding:17px 14px}
  .sdd-feedback-copy h2{font-size:21px}
  .sdd-feedback-copy>a:not(.sdd-button){min-height:50px;padding:7px 9px}
  .sdd-feedback-image img{aspect-ratio:1.55/1}
  .sdd-contact-form-section{margin-bottom:16px;padding:17px 14px 19px}
  .sdd-contact-form-heading{margin-bottom:12px;padding-bottom:10px}
  .sdd-contact-form-heading h2{font-size:21px}
  .sdd-contact-form-heading p{font-size:12.5px}
  .sdd-contact-page .sdd-contact-form :is(input,select,textarea),.sdd-contact-page .decor-core-contact-form :is(input,select,textarea){min-height:38px;font-size:13px}
  .sdd-contact-page .decor-consent input{width:16px;min-height:16px;padding:0}
  .sdd-contact-page .sdd-contact-form textarea,.sdd-contact-page .decor-core-contact-form textarea{min-height:100px}
  .sdd-contact-story{margin-bottom:0;padding:14px}
  .sdd-contact-story>img{aspect-ratio:1.55/1}
  .sdd-contact-story-copy{padding-top:14px}
  .sdd-contact-story h2{font-size:20px}
  .sdd-contact-story p,.sdd-contact-editor-content{font-size:13px;line-height:1.65}
}

@media (max-width:480px){
  .sdd-contact-page>.sdd-shell{width:calc(100% - 14px)}
  .sdd-contact-locations,.sdd-feedback-panel,.sdd-contact-form-section,.sdd-contact-story{border-radius:4px}
  .sdd-feedback-copy>.sdd-button{width:100%;justify-content:center}
}

.sdd-partnership-form-card form{
  display: grid;
  gap: 13px;
}
.sdd-partnership-form-card label{
  display: grid;
  gap: 5px;
  color: #313945;
  font-size: 12px;
  font-weight: 700;
}
.sdd-partnership-form-card input, .sdd-partnership-form-card textarea{
  width: 100%;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid #d6dde6;
  outline: 0;
  background: #fff;
}
.sdd-partnership-form-card textarea{
  min-height: 120px;
  resize: vertical;
}
.sdd-partnership-form-card input:focus, .sdd-partnership-form-card textarea:focus{
  border-color: var(--sdd-primary);
  box-shadow: 0 0 0 3px rgba(23,79,152,.08);
}
.sdd-partnership-hero{
  padding: 35px 0;
  background: #edf7ff;
}
.sdd-partnership-hero-grid{
  display: grid;
  grid-template-columns: 310px minmax(0,1fr);
  gap: 30px;
  align-items: stretch;
}
.sdd-partnership-intro{
  padding: 30px;
  background: var(--sdd-primary);
  color: #fff;
}
.sdd-partnership-intro h1{
  margin: 0 0 15px;
  font-size: 32px;
  line-height: 1.2;
}
.sdd-partnership-intro p{
  color: rgba(255,255,255,.82);
}
.sdd-partnership-intro ul{
  display: grid;
  gap: 9px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.sdd-partnership-intro li{
  display: flex;
  align-items: flex-start;
  gap: 7px;
}
.sdd-partnership-intro .sdd-icon{
  color: var(--sdd-accent);
}
.sdd-partnership-form-card{
  padding: 22px 25px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(26,67,109,.10);
}
.sdd-partnership-form-card h2{
  margin: 0 0 15px;
  color: #252b33;
  font-size: 22px;
}
.sdd-form-actions{
  display: flex;
  align-items: center;
  gap: 15px;
}
.sdd-form-actions > a{
  color: var(--sdd-primary);
  font-weight: 800;
}
.sdd-partner-benefits{
  padding-top: 55px;
}
.sdd-benefit-timeline{
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 48px;
  max-width: 980px;
  margin: 35px auto 0;
}
.sdd-benefit-timeline::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: #cddff1;
}
.sdd-benefit-timeline article{
  position: relative;
  display: grid;
  grid-template-columns: 45px 1fr;
  gap: 12px;
  min-height: 138px;
  margin-bottom: 12px;
  padding: 18px;
  border: 1px solid #d7e2ee;
  background: #fff;
}
.sdd-benefit-timeline article.is-left{
  grid-column: 1;
}
.sdd-benefit-timeline article.is-right{
  grid-column: 2;
}
.sdd-benefit-timeline article span{
  width: 45px;
  height: 45px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eef5fd;
  color: var(--sdd-primary);
  font-weight: 900;
}
.sdd-benefit-timeline h3{
  margin: 0 0 6px;
  font-size: 15px;
}
.sdd-benefit-timeline p{
  margin: 0;
  color: #687383;
  font-size: 13px;
}
.sdd-process-grid{
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  margin-top: 30px;
}
.sdd-process-grid article{
  min-height: 190px;
  padding: 20px 17px;
  border-right: 1px solid #dbe1e8;
}
.sdd-process-grid article:last-child{
  border-right: 0;
}
.sdd-process-grid b{
  display: block;
  color: var(--sdd-primary);
  font-size: 42px;
  line-height: 1;
  font-weight: 300;
}
.sdd-process-grid h3{
  min-height: 44px;
  font-size: 14px;
}
.sdd-process-grid p{
  color: #687383;
  font-size: 12px;
}
.sdd-partner-testimonials{
  text-align: center;
  background: #edf7ff;
}
.sdd-partner-testimonials header{
  text-align: left;
}
.sdd-testimonial-grid{
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  margin: 22px 0;
  text-align: left;
}
.sdd-testimonial-grid blockquote{
  margin: 0;
  padding: 20px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(20,61,105,.08);
}
.sdd-avatar{
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  margin-bottom: 9px;
  border-radius: 50%;
  background: #e5f0fb;
  color: var(--sdd-primary);
  font-weight: 900;
}
.sdd-testimonial-grid p{
  color: #5c6877;
}
.sdd-jobs-hero{
  position: relative;
  min-height: 430px;
  display: flex;
  align-items: flex-end;
  padding: 55px 0 0;
  background: url("../images/projects/project-05.webp") center/cover;
}
.sdd-jobs-hero-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(6,28,56,.78),rgba(6,28,56,.20));
}
.sdd-jobs-hero .sdd-shell{
  position: relative;
  z-index: 2;
}
.sdd-jobs-hero-copy{
  max-width: 650px;
  padding-bottom: 70px;
  color: #fff;
}
.sdd-jobs-hero-copy > span{
  color: var(--sdd-accent);
  font-weight: 800;
  letter-spacing: .12em;
}
.sdd-jobs-hero-copy h1{
  margin: 8px 0 10px;
  font-size: 45px;
  line-height: 1.15;
}
.sdd-jobs-hero-copy p{
  color: rgba(255,255,255,.85);
}
.sdd-job-search{
  display: grid;
  grid-template-columns: 1.4fr .8fr .8fr 55px;
  height: 55px;
  margin-bottom: -28px;
  border: 1px solid #d6dde6;
  border-radius: 6px;
  background: #fff;
  box-shadow: var(--sdd-shadow);
}
.sdd-job-search input, .sdd-job-search select{
  min-width: 0;
  border: 0;
  border-right: 1px solid #dfe5eb;
  padding: 0 15px;
  outline: 0;
  background: #fff;
}
.sdd-job-search button{
  border: 0;
  background: var(--sdd-primary);
  color: #fff;
}
.sdd-job-card{
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 16px;
  align-items: start;
}
.sdd-job-card img{
  width: 130px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
}
.sdd-job-card h2{
  margin: 0 0 7px;
  font-size: 15px;
  line-height: 1.35;
}
.sdd-job-card ul{
  margin: 0;
  padding: 0;
  list-style: none;
  color: #5f6a78;
  font-size: 12px;
}
.sdd-job-card li{
  margin: 2px 0;
}
.sdd-job-card li:first-child{
  color: var(--sdd-price);
}
.sdd-culture-grid{
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.sdd-culture-grid article{
  padding: 20px;
  text-align: center;
  border-right: 1px dashed #ced6df;
  border-bottom: 1px dashed #ced6df;
}
.sdd-culture-grid article:nth-child(3n){
  border-right: 0;
}
.sdd-culture-grid article:nth-last-child(-n/**/+3){
  border-bottom: 0;
}
.sdd-culture-grid img{
  width: 100%;
  aspect-ratio: 1.45/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.sdd-culture-grid h3{
  margin: 12px 0 5px;
  font-size: 14px;
}
.sdd-culture-grid p{
  margin: 0;
  color: #697483;
}
.sdd-site-footer{
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #f5f8fc;
  color: #263142;
}
.sdd-service-grid{
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}
.sdd-service-item:last-child{
  border-right: 0;
}
.sdd-service-item .sdd-icon{
  width: 32px;
  height: 32px;
  color: #dceaff;
}
.sdd-service-item div{
  display: grid;
  gap: 3px;
}
.sdd-contact-strip-grid{
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  min-height: 87px;
}
.sdd-contact-strip-grid > div{
  display: grid;
  grid-template-columns: 38px 1fr;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-content: center;
  padding: 12px 18px;
  border-right: 1px solid #dfe5ec;
}
.sdd-contact-strip-grid > div:last-child{
  border-right: 0;
}
.sdd-contact-strip-grid .sdd-icon{
  grid-row: 1/3;
  width: 38px;
  height: 38px;
  padding: 9px;
  border-radius: 50%;
  background: #e5eef8;
  color: var(--sdd-primary);
}
.sdd-contact-strip-grid span{
  color: #6a7482;
  font-size: 12px;
}
.sdd-contact-strip-grid a{
  color: var(--sdd-price);
  font-size: 14px;
  font-weight: 900;
}
.sdd-footer-main{
  min-height: 0;
  margin: 0;
  padding: 26px 0 0;
}
.sdd-footer-column, .sdd-footer-widget, .sdd-footer-content{
  min-height: 0;
  margin: 0;
}
.sdd-footer-widget:empty, .sdd-footer-content:empty{
  display: none;
}
.sdd-footer-widget > :first-child, .sdd-footer-content > :first-child{
  margin-top: 0;
}
.sdd-footer-widget > :last-child, .sdd-footer-content > :last-child{
  margin-bottom: 0;
}
.sdd-footer-addresses{
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 35px;
  align-items: start;
  padding-bottom: 22px;
  border-bottom: 1px solid #dce3eb;
}
.sdd-footer-addresses h2{
  margin: 0 0 8px;
  font-size: 14px;
}
.sdd-footer-addresses p{
  margin: 0 0 7px;
  color: #5c6776;
  font-size: 13px;
}
.sdd-footer-addresses a{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--sdd-primary);
  font-size: 13px;
  font-weight: 800;
}
.sdd-footer-addresses .sdd-icon{
  width: 15px;
  height: 15px;
}
.sdd-footer-policy-row{
  padding: 19px 0 20px;
  border-bottom: 1px solid #dce3eb;
}
.sdd-footer-policy-grid{
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 22px 34px;
  align-items: start;
}
.sdd-footer-policy-column,.sdd-footer-policy-widget{
  min-width: 0;
  margin: 0;
}
.sdd-footer-policy-title{
  margin: 0 0 8px;
  color: #202d3e;
  font-size: 16px;
}
.sdd-footer-policy-list{
  display: grid;
  gap: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sdd-footer-policy-list li{
  position: relative;
  min-width: 0;
  margin: 0;
  padding-left: 17px;
}
.sdd-footer-policy-list li::before{
  position: absolute;
  top: .7em;
  left: 1px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--sdd-primary);
  content: "";
}
.sdd-footer-policy-list a{
  color: #5c6878;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  text-decoration: none;
}
.sdd-footer-policy-list a:hover,.sdd-footer-policy-list a:focus-visible{
  color: var(--sdd-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sdd-footer-logo img{
  max-width: 165px;
  max-height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
.sdd-footer-company p{
  margin: 7px 0;
  color: #596575;
  font-size: 13px;
}
.sdd-socials{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 11px;
}
.sdd-socials a{
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--sdd-primary);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}
.sdd-footer-heading{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  border: 0;
  background: transparent;
  color: #202933;
  font-size: 14px;
  font-weight: 900;
  text-align: left;
}
.sdd-footer-heading .sdd-icon{
  display: none;
}
.sdd-footer-content ul{
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
}
.sdd-footer-content li{
  margin: 7px 0;
}
.sdd-footer-content a{
  color: #5c6878;
  font-size: 13px;
}
.sdd-footer-content a:hover{
  color: var(--sdd-primary);
}
.sdd-footer-legal{
  display: grid;
  grid-template-columns: 1.5fr .7fr;
  gap: 35px;
  align-items: start;
  margin: 0;
  padding: 18px 0 20px;
  border-top: 1px solid #dce3eb;
}
.sdd-footer-legal p{
  margin: 4px 0;
  color: #687383;
  font-size: 11.5px;
}
.sdd-footer-legal strong{
  font-size: 12px;
}
.sdd-footer-legal a{
  display: inline-block;
  margin-top: 6px;
  padding: 5px 10px;
  border-radius: 15px;
  background: var(--sdd-primary);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
}









.sdd-standard-page{
  padding: 35px 0 50px;
}
.sdd-page-header h1{
  margin: 7px 0 18px;
  font-size: 36px;
}
.sdd-page-content{
  color: #3e4855;
}
.sdd-policy-page{
  padding: 14px 0 54px;
  background: #f6f8fb;
}
.sdd-policy-layout{
  display: grid;
  grid-template-columns: 255px minmax(0,1fr);
  gap: 24px;
  align-items: start;
}
.sdd-policy-sidebar{
  position: sticky;
  top: 116px;
  overflow: hidden;
  border: 1px solid #dce4ed;
  border-radius: 7px;
  background: #fff;
}
.sdd-policy-sidebar h2{
  margin: 0;
  padding: 15px 17px;
  border-bottom: 1px solid #dce4ed;
  color: #1e2c3c;
  font-size: 16px;
  line-height: 1.35;
}
.sdd-policy-nav{
  display: grid;
}
.sdd-policy-nav a{
  display: block;
  padding: 12px 17px;
  border-bottom: 1px solid #e5eaf0;
  color: #354356;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
}
.sdd-policy-nav a:last-child{
  border-bottom: 0;
}
.sdd-policy-nav a:hover,.sdd-policy-nav a:focus-visible,.sdd-policy-nav a.is-current{
  background: var(--sdd-primary);
  color: #fff;
}
.sdd-policy-article{
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dfe5ec;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(27,55,90,.06);
}
.sdd-policy-header{
  padding: 27px 30px 23px;
  border-bottom: 1px solid #e2e7ed;
  background: linear-gradient(135deg,#f7fbff,#edf5ff);
}
.sdd-policy-header>span{
  display: inline-block;
  margin-bottom: 7px;
  color: var(--sdd-primary);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}
.sdd-policy-header h1{
  margin: 0;
  color: #182536;
  font-size: 34px;
  line-height: 1.2;
}
.sdd-policy-header p{
  max-width: 820px;
  margin: 11px 0 0;
  color: #536172;
  font-size: 15px;
  line-height: 1.6;
}
.sdd-policy-header time{
  display: block;
  margin-top: 11px;
  color: #7b8795;
  font-size: 12px;
}
.sdd-policy-mobile-navigation{
  display: none;
}
.sdd-policy-content{
  padding: 28px 30px 30px;
  color: #354153;
  font-size: 16px;
  line-height: 1.72;
}
.sdd-policy-content>*:first-child{
  margin-top: 0;
}
.sdd-policy-content>*:last-child{
  margin-bottom: 0;
}
.sdd-policy-lead{
  margin: 0 0 24px;
  padding: 17px 19px;
  border-left: 4px solid var(--sdd-primary);
  border-radius: 0 7px 7px 0;
  background: #edf5ff;
  color: #24364d;
}
.sdd-policy-section{
  margin: 0 0 27px;
}
.sdd-policy-section h2{
  margin: 0 0 12px;
  color: #17263a;
  font-size: 23px;
  line-height: 1.35;
}
.sdd-policy-section p{
  margin: 0 0 12px;
}
.sdd-policy-section ul,.sdd-policy-steps{
  display: grid;
  gap: 9px;
  margin: 0;
  padding-left: 22px;
}
.sdd-policy-steps li::marker{
  color: var(--sdd-primary);
  font-weight: 900;
}
.sdd-policy-note{
  margin: 24px 0 0;
  padding: 16px 18px;
  border: 1px solid #f0d894;
  border-radius: 7px;
  background: #fff8df;
  color: #5a4820;
}
.sdd-policy-support{
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  gap: 12px;
  align-items: center;
  padding: 20px 30px;
  border-top: 1px solid #e1e7ed;
  background: #f7f9fc;
}
.sdd-policy-support div{
  display: grid;
  gap: 2px;
}
.sdd-policy-support div span{
  color: #687587;
  font-size: 13px;
}
.sdd-policy-support>a{
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 15px;
  border: 1px solid #cbd8e7;
  border-radius: 22px;
  background: #fff;
  color: var(--sdd-primary);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}
.sdd-policy-support>a:hover,.sdd-policy-support>a:focus-visible{
  border-color: var(--sdd-primary);
  background: var(--sdd-primary);
  color: #fff;
}
.sdd-policy-support .sdd-icon{
  width: 18px;
  height: 18px;
}
.sdd-single-featured img{
  width: 100%;
  max-height: 620px;
  -o-object-fit: cover;
     object-fit: cover;
}
.sdd-empty-shop{
  padding: 55px 20px;
  text-align: center;
  border: 1px dashed #c7d2df;
  background: #f7f9fb;
}







.sdd-product-detail-top{
  display: flex;
  align-items: flex-start;
}

.sdd-home-catalog{
  border: 1px solid #d7e0eb;
  background: #fff;
  flex: 0 0 245px;
}
.sdd-products-grid > .sdd-product-card, .woocommerce ul.products > li.product.sdd-product-card{
  flex: 0 0 calc((100% - 56px) / 5) !important;
  max-width: calc((100% - 56px) / 5) !important;
}
.sdd-job-grid, .sdd-document-list, .sdd-product-address-grid{
  display: grid;
  align-items: stretch;
}
.sdd-job-grid > *, .sdd-document-list > *, .sdd-product-address-grid > *{
  width: 100%;
  min-width: 0;
  max-width: none;
}
.sdd-job-grid{
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 24px 32px;
  padding-top: 20px;
}
.sdd-document-list{
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}
.sdd-product-address-grid{
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}
.sdd-service-grid, .sdd-contact-strip-grid{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.sdd-service-grid > *, .sdd-contact-strip-grid > *{
  flex: 1 1 25%;
}
.sdd-footer-columns{
  display: grid;
  grid-template-columns: minmax(240px,1.35fr) repeat(4,minmax(0,1fr));
  gap: 25px;
  align-items: start;
  margin: 0;
  padding: 22px 0 18px;
}
.sdd-footer-columns > .sdd-footer-column{
  min-width: 0;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.sdd-field-error{
  display: block;
  width: 100%;
  margin: 6px 0 0;
  color: #d93025;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}
.sdd-field-error[hidden], .sdd-field-error:empty{
  display: none !important;
}
input.is-invalid, textarea.is-invalid, select.is-invalid, .woocommerce form .form-row input.input-text.is-invalid, .woocommerce form .form-row textarea.is-invalid{
  border-color: #d93025 !important;
  box-shadow: 0 0 0 3px rgba(217, 48, 37, 0.12) !important;
}
input.is-valid, textarea.is-valid, select.is-valid, .woocommerce form .form-row input.input-text.is-valid, .woocommerce form .form-row textarea.is-valid{
  border-color: #188038 !important;
}
input.is-invalid:focus, textarea.is-invalid:focus, select.is-invalid:focus{
  outline: 0;
  border-color: #b3261e !important;
  box-shadow: 0 0 0 3px rgba(217, 48, 37, 0.16) !important;
}
input.is-valid:focus, textarea.is-valid:focus, select.is-valid:focus{
  outline: 0;
  border-color: #137333 !important;
  box-shadow: 0 0 0 3px rgba(24, 128, 56, 0.12) !important;
}
.woocommerce-form-row.has-error, .form-row.has-error, .form-field.has-error, .sdd-form-field.has-error{
  color: inherit;
}
.woocommerce form .password-input, .woocommerce-page form .password-input{
  width: 100%;
}
form[data-sdd-validation-ready="true"] input, form[data-sdd-validation-ready="true"] select, form[data-sdd-validation-ready="true"] textarea{
  scroll-margin-top: 132px;
}
.sdd-home-seo-intro{
  padding: 26px 0 6px;
  background: #fff;
}
.sdd-home-seo-intro .sdd-shell{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 34px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.sdd-home-seo-intro h1{
  flex: 0 0 42%;
  margin: 0;
  color: #1f2937;
  font-size: clamp(28px,3vw,42px);
  line-height: 1.13;
  letter-spacing: -.025em;
}
.sdd-home-seo-intro p{
  flex: 1;
  margin: 3px 0 0;
  color: #5b6470;
  font-size: 16px;
  line-height: 1.75;
}
.sdd-home-products-heading{
  margin: 0 0 12px;
  font-size: 24px;
  line-height: 1.25;
}



.sdd-shell > *, .sdd-shop-main, .sdd-product-summary-column, .sdd-product-gallery-column, .sdd-home-section, .site-main{
  min-width: 0;
}
.sdd-product-card img, .woocommerce ul.products li.product img{
  max-width: 100%;
  height: auto;
}



.sdd-home-products-top .sdd-shell{
  position: relative;
}
.sdd-home-tab-labels h1{
  display: contents;
}
.sdd-home-more{
  font-size: 12px;
}
.sdd-product-card:hover{
  border-color: #bfcbd8;
  box-shadow: 0 5px 16px rgba(21,60,105,.08);
  transform: none;
}
.sdd-product-card-bottom{
  min-height: 24px;
}
.sdd-product-rating-line, .sdd-compare-link{
  font-size: 11px;
}
.sdd-category-slider{
  overflow: hidden;
}
.sdd-category-track{
  display: grid !important;
  grid-auto-flow: row;
  grid-auto-columns: unset;
  gap: 20px 22px;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  flex-flow: row nowrap;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  overflow: visible;
  padding: 0;
}



.sdd-single-product-page{
  padding-bottom: 46px;
  background: #fff;
}
.sdd-single-product-page > .sdd-shell{
  width: min(calc(100% - 32px), 1240px);
}
.sdd-product-detail-top{
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(400px,.92fr);
  gap: 38px;
  align-items: stretch;
  padding-top: 14px;
  --sdd-product-panel-border: #dce3eb;
  --sdd-product-panel-bg: #fff;
}
.sdd-product-gallery-column{
  flex: 1.14 1 0;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--sdd-product-panel-border);
  border-radius: 12px;
  background: var(--sdd-product-panel-bg);
  box-shadow: 0 8px 24px rgba(8,43,94,.06);
}
.sdd-product-summary-column{
  padding-top: 2px;
  flex: .86 1 410px;
  min-width: 410px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
  margin: 0;
  border: 1px solid var(--sdd-product-panel-border);
  overflow: hidden;
  background: var(--sdd-product-panel-bg);
  border-radius: 10px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image a{
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1.02;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img{
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 12px;
}
.woocommerce div.product div.images .flex-control-thumbs, .sdd-product-gallery-column .flex-control-thumbs{
  gap: 12px !important;
  margin-top: 13px !important;
  padding: 10px !important;
  border: 1px solid var(--sdd-product-panel-border);
  border-radius: 10px;
  background: #f8fafc;
}
.woocommerce div.product div.images .flex-control-thumbs img, .sdd-product-gallery-column .flex-control-thumbs img{
  aspect-ratio: 1 / .78;
  padding: 5px;
  border: 1px solid #dfe4ea;
  border-radius: 2px;
}
.woocommerce div.product div.images .flex-control-thumbs img.flex-active, .sdd-product-gallery-column .flex-control-thumbs img.flex-active{
  border: 2px solid var(--sdd-primary);
}
.sdd-product-summary-column .product_title{
  margin: 0 0 9px;
  color: #22262d;
  font-size: 29px;
  line-height: 1.25;
  margin-bottom: 10px;
}
.sdd-product-code-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding-bottom: 10px;
  color: #596372;
  font-size: 13px;
}
.sdd-product-rating-share{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  min-height: 47px;
  padding: 9px 0;
  border-top: 1px solid var(--sdd-line);
  border-bottom: 1px solid var(--sdd-line);
  padding-block: 10px;
}
.sdd-single-price{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 11px;
  padding: 14px 0 9px;
  padding-top: 16px;
}
.sdd-single-price .price{
  margin: 0 !important;
  color: var(--sdd-price) !important;
  font-size: 28px !important;
  font-weight: 900;
}
.sdd-product-feature-row{
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin: 8px 0 16px;
  border: 1px solid #dfe5ec;
  margin-block: 11px 15px;
}
.sdd-product-purchase-card{
  position: static;
  z-index: auto;
  padding: 10px;
  border: 1px solid #dce3eb;
  background: #fff;
}
.sdd-product-detail-content{
  margin-top: 31px;
  border-top: 0;
}
.sdd-product-tab-nav{
  display: flex;
  overflow-x: auto;
  gap: 6px;
  padding: 3px 7px;
  border: 1px solid #e1e8f1;
  border-radius: 14px;
  background: linear-gradient(135deg,#f8fbff 0%,#f2f6fb 100%);
  box-shadow: 0 7px 22px rgba(25,65,112,.07);
  scrollbar-width: none;
  justify-content: flex-start;
}
.sdd-product-tab-nav :is(button,.sdd-product-tab-link){
  flex: 1 1 auto;
  min-width: 0;
  min-height: 48px;
  padding: 0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: #333941;
  font-size: 14.5px;
  font-weight: 850;
  padding-inline: 12px;
  line-height:1.25;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.sdd-product-tab-nav button.is-active{
  color:var(--sdd-primary);
  border-color:#bfd3eb;
  background:#fff;
  box-shadow:0 5px 15px rgba(23,79,152,.13);
}
.sdd-product-tab-nav button.is-active::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:5px;
  width:26px;
  height:3px;
  border-radius:999px;
  background:#FF5001;
  transform:translateX(-50%);
}
@media (hover:hover) and (pointer:fine){
  .sdd-product-tab-nav :is(button,.sdd-product-tab-link):hover{
    color:var(--sdd-primary);
    border-color:#c9daed;
    background:#fff;
    box-shadow:0 7px 18px rgba(23,79,152,.14);
    transform:translateY(-2px);
  }
  .sdd-product-tab-nav button.is-active:hover{
    box-shadow:0 8px 20px rgba(23,79,152,.18);
  }
  .sdd-product-tab-nav button:not(.is-active):hover::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:5px;
    width:26px;
    height:3px;
    border-radius:999px;
    background:#FF5001;
    transform:translateX(-50%);
  }
}

/* ========================================================================== 
   Project detail — full-width scientific case-study layout.
   ========================================================================== */
.sdd-project-detail-page{
  --sdd-project-blue:#174f98;
  --sdd-project-blue-dark:#0c3971;
  --sdd-project-orange:#ff5001;
  --sdd-project-yellow:#FFC501;
  --sdd-project-ink:#172b3f;
  --sdd-project-muted:#5e7083;
  --sdd-project-line:#d6e2ee;
  overflow:visible;
  background:#f3f7fb;
  color:var(--sdd-project-ink);
  font-family:"Be Vietnam Pro",Arial,sans-serif;
}
.sdd-project-detail-intro{
  position:relative;
  isolation:isolate;
  padding:18px 0 24px;
  overflow:hidden;
  border-bottom:3px solid var(--sdd-project-yellow);
  background:linear-gradient(110deg,#082f60 0%,#0a417f 62%,#12589c 100%);
  color:#fff;
}
.sdd-project-detail-intro::before,
.sdd-project-detail-intro::after{
  position:absolute;
  z-index:-1;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  content:"";
  pointer-events:none;
  display:none;
}
.sdd-project-detail-intro::before{top:-210px;right:-90px;width:490px;height:490px;box-shadow:inset 0 0 0 55px rgba(255,255,255,.035)}
.sdd-project-detail-intro::after{bottom:-310px;left:37%;width:480px;height:480px;box-shadow:inset 0 0 0 76px rgba(255,255,255,.025)}
.sdd-project-detail-page .sdd-project-detail-breadcrumb{margin-bottom:18px;color:rgba(255,255,255,.78)}
.sdd-project-detail-page .sdd-project-detail-breadcrumb a{color:#fff}
.sdd-project-detail-breadcrumb span[aria-current=page]{max-width:min(64ch,58vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sdd-project-detail-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.5fr);gap:36px;align-items:center}
.sdd-project-detail-heading__copy{min-width:0;max-width:780px}
.sdd-project-detail-heading__copy .sdd-content-kicker{color:var(--sdd-project-yellow)}
.sdd-project-detail-heading__copy h1{max-width:760px;margin:8px 0 10px;color:#fff;font-family:inherit;font-size:18px;font-weight:800;line-height:1.4;letter-spacing:.005em;overflow-wrap:anywhere}
.sdd-project-detail-heading__copy>p{max-width:730px;margin:0;color:rgba(255,255,255,.9);font-size:15px;line-height:1.58}
.sdd-project-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.sdd-project-detail-tags>span{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:12px;font-weight:700;line-height:1.3}
.sdd-project-detail-tags .sdd-icon{width:16px;height:16px}
.sdd-project-detail-proof{overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(3,30,64,.58);box-shadow:0 12px 28px rgba(2,20,45,.26);backdrop-filter:none}
.sdd-project-detail-proof>strong{display:block;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;font-size:14px;letter-spacing:.02em}
.sdd-project-detail-proof ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.sdd-project-detail-proof li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.13)}
.sdd-project-detail-proof li:last-child{border-bottom:0}
.sdd-project-detail-proof li>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.14);color:#fff}
.sdd-project-detail-proof .sdd-icon{width:19px;height:19px}
.sdd-project-detail-proof li div{min-width:0;display:grid;gap:2px}
.sdd-project-detail-proof b{color:#fff;font-size:13px;line-height:1.35}
.sdd-project-detail-proof small{color:rgba(255,255,255,.72);font-size:11.5px;line-height:1.45}
.sdd-project-detail-heading__copy .sdd-content-actions{gap:10px;margin-top:15px}
.sdd-project-detail-heading__copy .sdd-content-button{min-height:48px;padding:10px 19px;border-width:2px;border-radius:8px;color:#fff;font-size:16px;font-weight:800;letter-spacing:.01em;text-shadow:0 1px 1px rgba(0,0,0,.18);box-shadow:0 9px 20px rgba(2,20,45,.26)}
.sdd-project-detail-heading__copy .sdd-content-button.is-orange{border-color:var(--sdd-project-yellow);background:var(--sdd-project-yellow);color:#0B2C52;text-shadow:none;box-shadow:0 9px 22px rgba(255,197,1,.24)}
.sdd-project-detail-heading__copy .sdd-content-button.is-orange:is(:hover,:focus-visible){border-color:#FFD33D;background:#FFD33D;color:#0B2C52}
.sdd-project-detail-heading__copy .sdd-content-button.is-secondary{border-color:var(--sdd-project-yellow);background:#082f60;color:#fff}
.sdd-project-detail-heading__copy .sdd-content-button.is-secondary:is(:hover,:focus-visible){border-color:#fff;background:#061f41;color:#fff}
.sdd-project-detail-heading__copy .sdd-content-button:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #082f60}
.sdd-project-detail-media{padding:28px 0 32px;background:linear-gradient(180deg,#eaf2fa 0%,#f3f7fb 100%)}
.sdd-project-detail-banner{margin:0;overflow:hidden;border:1px solid #c7d8e8;border-radius:18px;background:#fff;box-shadow:0 20px 48px rgba(16,52,94,.14)}
.sdd-project-detail-banner__frame{
  position:relative;
  display:grid;
  width:100%;
  aspect-ratio:5001/1043;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 50%,rgba(22,91,164,.1),transparent 36%),
    radial-gradient(circle at 88% 50%,rgba(248,121,26,.09),transparent 32%),
    linear-gradient(135deg,#e9f2fb 0%,#fff 48%,#eef5fb 100%);
}
.sdd-project-detail-banner.has-responsive-artwork .sdd-project-detail-banner__frame{aspect-ratio:var(--sdd-project-banner-desktop-ratio,5001/1043)}
.sdd-project-detail-banner__frame>picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.sdd-project-detail-banner img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center;
  background:#fff;
}
.sdd-project-detail-banner__frame img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:100%;
  object-fit:contain;
  background:transparent;
}
.sdd-project-detail-body{padding:12px 0 58px;background:#f3f7fb;scroll-margin-top:90px}
.sdd-project-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:26px;align-items:start}
.sdd-project-detail-article{min-width:0;padding:31px clamp(22px,3vw,42px) 38px;border:1px solid var(--sdd-project-line);border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(20,57,96,.08)}
.sdd-project-detail-article>header{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #e2eaf2}
.sdd-project-detail-article>header h2{margin:7px 0 0;color:var(--sdd-project-ink);font-family:inherit;font-size:clamp(25px,2.4vw,34px);line-height:1.25;letter-spacing:-.025em}
.sdd-project-detail-content{color:#43566a;font-size:16px;line-height:1.82}
.sdd-project-detail-content>*:first-child{margin-top:0}
.sdd-project-detail-content>*:last-child{margin-bottom:0}
.sdd-project-detail-content p{margin:0 0 17px}
.sdd-project-detail-content h2{position:relative;margin:36px 0 13px;padding:0 0 0 17px;color:#193a60;font-family:inherit;font-size:clamp(22px,2vw,27px);line-height:1.35}
.sdd-project-detail-content h2::before{position:absolute;top:.18em;bottom:.14em;left:0;width:4px;border-radius:4px;background:var(--sdd-project-orange);content:""}
.sdd-project-detail-content h3{margin:27px 0 10px;color:#214d7d;font-family:inherit;font-size:20px;line-height:1.4}
.sdd-project-detail-content :is(ul,ol){display:grid;gap:9px;margin:0 0 20px;padding-left:24px}
.sdd-project-detail-content li::marker{color:var(--sdd-project-blue);font-weight:800}
.sdd-project-detail-content :is(blockquote,.wp-block-quote){margin:24px 0;padding:17px 20px;border:0;border-left:4px solid var(--sdd-project-orange);border-radius:0 12px 12px 0;background:#f2f7fc;color:#294965}
.sdd-project-detail-content :is(img,figure img){height:auto;max-height:none;object-fit:contain}
.sdd-project-detail-content figure{margin:25px 0}
.sdd-project-detail-content figcaption{margin-top:7px;color:#718195;font-size:12px;text-align:center}
.sdd-project-detail-content table{width:100%;margin:24px 0;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #d8e3ee;border-radius:11px;font-size:14px}
.sdd-project-detail-content :is(th,td){padding:11px 13px;border-right:1px solid #dfe7ef;border-bottom:1px solid #dfe7ef;text-align:left;vertical-align:top}
.sdd-project-detail-content th{background:#edf5fe;color:#193f6b;font-weight:750}
.sdd-project-detail-content tr:last-child td{border-bottom:0}
.sdd-project-detail-content :is(th,td):last-child{border-right:0}
.sdd-project-detail-aside{position:sticky;top:110px;display:grid;justify-items:start;padding:25px;border:1px solid #c8d8e8;border-top:4px solid var(--sdd-project-orange);border-radius:17px;background:linear-gradient(155deg,#fff 0%,#f1f7fd 100%);box-shadow:0 14px 34px rgba(20,57,96,.09)}
.sdd-project-detail-aside>span{width:48px;height:48px;display:grid;place-items:center;margin-bottom:17px;border-radius:14px;background:#e6f1fd;color:var(--sdd-project-blue)}
.sdd-project-detail-aside>span .sdd-icon{width:25px;height:25px}
.sdd-project-detail-aside>small{color:var(--sdd-project-blue);font-size:10px;font-weight:850;letter-spacing:.1em}
.sdd-project-detail-aside h2{margin:6px 0 8px;color:var(--sdd-project-ink);font-family:inherit;font-size:23px;line-height:1.3}
.sdd-project-detail-aside p{margin:0 0 17px;color:var(--sdd-project-muted);font-size:13px;line-height:1.65}
.sdd-project-detail-aside .sdd-content-button{width:100%;color:#fff}
.sdd-project-index-link{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:0 12px;border:1px solid #b9cfea;border-radius:9px;background:#fff;color:var(--sdd-project-blue);font-size:13px;font-weight:750}
.sdd-project-index-link:hover,.sdd-project-index-link:focus-visible{border-color:var(--sdd-project-blue);background:#eaf3ff;color:var(--sdd-project-blue-dark)}
.sdd-project-index-link .sdd-icon{width:18px;height:18px}
.sdd-project-related{padding:50px 0 58px;border-top:1px solid #dbe5ee;background:#fff}
.sdd-project-related .sdd-content-section__head{align-items:center}
.sdd-project-related .sdd-content-section__head .sdd-content-button{flex:0 0 auto}
.sdd-project-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.sdd-project-related-card{min-width:0;display:flex;overflow:hidden;flex-direction:column;border:1px solid var(--sdd-project-line);border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(18,55,96,.07);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.sdd-project-related-card:hover,.sdd-project-related-card:focus-within{transform:translateY(-4px);border-color:#9abbe0;box-shadow:0 17px 37px rgba(18,55,96,.14)}
.sdd-project-related-card__media{height:176px;display:grid;place-items:center;overflow:hidden;background:#eaf2fa}
.sdd-project-related-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.sdd-project-related-card__media.is-reference img{object-fit:contain}
.sdd-project-related-card:hover .sdd-project-related-card__media:not(.is-reference) img{transform:scale(1.025)}
.sdd-project-related-card__copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:16px}
.sdd-project-related-card__copy>span{margin-bottom:7px;color:var(--sdd-project-blue);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sdd-project-related-card h3{margin:0 0 8px;font-family:inherit;font-size:17px;line-height:1.42}
.sdd-project-related-card h3 a{color:var(--sdd-project-ink)}
.sdd-project-related-card p{display:-webkit-box;overflow:hidden;margin:0 0 10px;color:var(--sdd-project-muted);font-size:12.5px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}

@media (max-width:1050px){
  .sdd-project-detail-heading{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:24px}
  .sdd-project-detail-layout{grid-template-columns:minmax(0,1fr) 285px;gap:20px}
  .sdd-project-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .sdd-project-detail-intro{padding:14px 0 20px}
  .sdd-project-detail-intro .sdd-shell,.sdd-project-detail-media .sdd-shell,.sdd-project-detail-body .sdd-shell,.sdd-project-related .sdd-shell{width:calc(100% - 24px)}
  .sdd-project-detail-page .sdd-project-detail-breadcrumb{margin-bottom:13px;font-size:13px}
  .sdd-project-detail-breadcrumb span[aria-current=page]{max-width:45vw}
  .sdd-project-detail-heading{grid-template-columns:1fr;gap:17px}
  .sdd-project-detail-heading__copy h1{margin:7px 0 9px;font-size:18px;line-height:1.4;letter-spacing:.005em}
  .sdd-project-detail-heading__copy>p{font-size:14px;line-height:1.58}
  .sdd-project-detail-tags{margin-top:11px}
  .sdd-project-detail-heading__copy .sdd-content-actions{margin-top:13px}
  .sdd-project-detail-tags>span{font-size:11px}
  .sdd-project-detail-proof{border-radius:11px}
  .sdd-project-detail-media{padding:18px 0 22px}
  .sdd-project-detail-banner{border-radius:12px;box-shadow:0 12px 30px rgba(16,52,94,.13)}
  .sdd-project-detail-banner img{width:100%;height:auto;max-height:none;object-fit:contain}
  .sdd-project-detail-banner__frame{aspect-ratio:1080/534}
  .sdd-project-detail-banner.has-responsive-artwork .sdd-project-detail-banner__frame{aspect-ratio:var(--sdd-project-banner-mobile-ratio,960/620)}
  .sdd-project-detail-banner__frame img{height:100%;max-height:100%;object-fit:contain}
  .sdd-project-detail-body{padding:3px 0 38px;scroll-margin-top:72px}
  .sdd-project-detail-layout{grid-template-columns:1fr;gap:17px}
  .sdd-project-detail-article{padding:23px 18px 28px;border-radius:14px}
  .sdd-project-detail-article>header{margin-bottom:19px;padding-bottom:14px}
  .sdd-project-detail-content{font-size:15px;line-height:1.75}
  .sdd-project-detail-content h2{margin-top:29px;font-size:22px}
  .sdd-project-detail-content h3{font-size:18px}
  .sdd-project-detail-content table{display:block;overflow-x:auto;white-space:nowrap}
  .sdd-project-detail-aside{position:static;padding:21px;border-radius:14px}
  .sdd-project-related{padding:36px 0 42px}
  .sdd-project-related .sdd-content-section__head{align-items:flex-start}
  .sdd-project-related .sdd-content-section__head h2{font-size:28px}
  .sdd-project-related .sdd-content-section__head .sdd-content-button{min-height:40px;padding:8px 13px}
  .sdd-project-related-grid{display:flex;gap:13px;margin-right:-12px;padding-right:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .sdd-project-related-grid::-webkit-scrollbar{display:none}
  .sdd-project-related-card{flex:0 0 82%;scroll-snap-align:start}
  .sdd-project-related-card__media{height:auto;aspect-ratio:16/10}
}
@media (max-width:520px){
  .sdd-project-detail-heading__copy .sdd-content-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .sdd-project-detail-heading__copy .sdd-content-button{width:100%}
}
@media (max-width:420px){
  .sdd-project-detail-heading__copy .sdd-content-actions{display:grid;grid-template-columns:1fr}
  .sdd-project-detail-heading__copy .sdd-content-button{width:100%}
  .sdd-project-detail-tags{display:grid;grid-template-columns:1fr}
  .sdd-project-detail-tags>span{width:100%}
  .sdd-project-related .sdd-content-section__head{display:grid;grid-template-columns:1fr}
  .sdd-project-related-card{flex-basis:88%}
}
@media (prefers-reduced-motion:reduce){
  .sdd-project-related-card,.sdd-project-related-card img{transition:none!important;transform:none!important}
}

/* ======================================================================
   1.7.63 — HỆ THỐNG PHÂN PHỐI & GIẢI PHÁP: GOOGLE FONT 14PX
   Hai trang chuyển đổi độc lập; mọi selector đều nằm trong route tương ứng.
   ====================================================================== */
.sdd-distribution-page,
.sdd-solutions-page{
  background:#f4f8fc;
  color:#17283e;
  font-family:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:14px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.sdd-business-conversion-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:24px 0;
  background:linear-gradient(118deg,#0d3973 0%,#174f98 58%,#2567b8 100%);
  color:#fff;
}
.sdd-business-conversion-hero::before,
.sdd-business-conversion-hero::after{
  position:absolute;
  z-index:-1;
  border-radius:50%;
  content:"";
  pointer-events:none;
}
.sdd-business-conversion-hero::before{
  right:8%;
  bottom:-190px;
  width:360px;
  height:360px;
  border:62px solid rgba(255,255,255,.055);
}
.sdd-business-conversion-hero::after{
  top:-94px;
  right:-30px;
  width:210px;
  height:210px;
  background:rgba(255,80,1,.13);
}
.sdd-business-conversion-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);
  align-items:center;
  gap:34px;
}
.sdd-business-conversion-copy{
  min-width:0;
  max-width:790px;
}
.sdd-business-conversion-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:25px;
  margin:0 0 8px;
  padding:4px 10px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(5,36,79,.28);
  color:#fff;
  font-size:14px;
  font-weight:850;
  letter-spacing:.12em;
  line-height:1.2;
  text-shadow:0 1px 4px rgba(0,20,50,.32);
}
.sdd-business-conversion-eyebrow i{
  display:block;
  width:18px;
  height:3px;
  border-radius:99px;
  background:#FF5001;
  box-shadow:0 0 0 3px rgba(255,80,1,.12);
}
.sdd-business-conversion-copy h1{
  margin:0;
  color:#fff;
  font-size:clamp(31px,3vw,42px);
  font-weight:850;
  letter-spacing:-.032em;
  line-height:1.13;
  text-shadow:0 2px 14px rgba(0,25,61,.2);
}
.sdd-business-conversion-copy>p{
  max-width:760px;
  margin:9px 0 0;
  color:rgba(255,255,255,.9);
  font-size:14.5px;
  line-height:1.55;
}
.sdd-business-conversion-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin-top:15px;
}
.sdd-business-conversion-actions .sdd-button,
.sdd-solutions-consultation .sdd-button{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px 15px;
  border:1px solid transparent;
  border-radius:9px;
  font-size:14px;
  font-weight:850;
  line-height:1.2;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.sdd-business-conversion-actions .sdd-button .sdd-icon,
.sdd-solutions-consultation .sdd-button .sdd-icon{
  width:16px;
  height:16px;
}
.sdd-button.sdd-button-accent{
  border-color:#FF5001;
  background:#FF5001;
  color:#fff;
  box-shadow:0 8px 20px rgba(255,80,1,.23);
}
.sdd-button.sdd-button-accent:hover,
.sdd-button.sdd-button-accent:focus-visible{
  border-color:#CC4000;
  background:#CC4000;
  color:#fff;
  transform:translateY(-1px);
}
.sdd-button.sdd-button-hero-outline{
  border-color:rgba(255,255,255,.42);
  background:rgba(255,255,255,.09);
  color:#fff;
}
.sdd-button.sdd-button-hero-outline:hover,
.sdd-button.sdd-button-hero-outline:focus-visible{
  border-color:#fff;
  background:#fff;
  color:#174f98;
  transform:translateY(-1px);
}
.sdd-business-conversion-trust,
.sdd-solutions-hero-steps{
  display:grid;
  gap:0;
  margin:0;
  padding:7px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:15px;
  background:rgba(4,35,78,.25);
  box-shadow:0 14px 36px rgba(1,27,65,.12);
  list-style:none;
  backdrop-filter:blur(4px);
}
.sdd-business-conversion-trust li,
.sdd-solutions-hero-steps li{
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-height:46px;
  padding:7px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.sdd-business-conversion-trust li:last-child,
.sdd-solutions-hero-steps li:last-child{
  border-bottom:0;
}
.sdd-business-conversion-trust>li>.sdd-icon{
  width:32px;
  height:32px;
  padding:7px;
  border-radius:10px;
  background:rgba(255,255,255,.13);
  color:#fff;
}
.sdd-business-conversion-trust span,
.sdd-business-conversion-trust strong,
.sdd-business-conversion-trust small,
.sdd-solutions-hero-steps div,
.sdd-solutions-hero-steps strong,
.sdd-solutions-hero-steps small{
  display:block;
  min-width:0;
}
.sdd-business-conversion-trust strong,
.sdd-solutions-hero-steps strong{
  color:#fff;
  font-size:14px;
  font-weight:800;
  line-height:1.3;
}
.sdd-business-conversion-trust small,
.sdd-solutions-hero-steps small{
  margin-top:2px;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.35;
}
.sdd-solutions-hero-steps li>span{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:10px;
  background:rgba(255,80,1,.18);
  color:#ffb36e;
  font-size:14px;
  font-weight:850;
}
.sdd-business-section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:17px;
}
.sdd-business-section-heading>div:first-child{
  min-width:0;
  max-width:800px;
}
.sdd-business-section-heading>div:first-child>span{
  display:block;
  margin:0 0 4px;
  color:#174f98;
  font-size:14px;
  font-weight:850;
  letter-spacing:.12em;
}
.sdd-business-section-heading h2{
  margin:0;
  color:#14263d;
  font-size:clamp(24px,2.3vw,31px);
  font-weight:850;
  letter-spacing:-.025em;
  line-height:1.22;
}
.sdd-business-section-heading p{
  margin:6px 0 0;
  color:#63748a;
  font-size:14px;
  line-height:1.55;
}
.sdd-business-summary-badges{
  display:flex;
  flex:0 0 auto;
  gap:8px;
}
.sdd-business-summary-badges span{
  min-height:43px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid #d8e5f3;
  border-radius:10px;
  background:#fff;
  color:#5c6e84;
  font-size:14px;
  font-weight:700;
}
.sdd-business-summary-badges strong{
  color:#174f98;
  font-size:17px;
  line-height:1;
}

/* Hệ thống phân phối. */
.sdd-distribution-section{
  padding:32px 0 40px;
}
.sdd-distribution-page .sdd-contact-locations.sdd-distribution-locator{
  display:grid;
  grid-template-columns:minmax(315px,.72fr) minmax(0,1.28fr);
  align-items:stretch;
  gap:15px;
  margin:0;
  padding:15px;
  border:1px solid #dce6f1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(18,63,115,.075);
}
.sdd-distribution-location-column{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.sdd-distribution-location-tabs{
  display:grid;
  gap:9px;
}
.sdd-distribution-location-card{
  position:relative;
  min-width:0;
  width:100%;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:start;
  gap:11px;
  min-height:132px;
  padding:13px;
  border:1px solid #dce6f1;
  border-radius:13px;
  background:#fbfdff;
  color:#14263d;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.sdd-distribution-location-card:hover,
.sdd-distribution-location-card:focus-visible{
  border-color:#a9c6e9;
  background:#f5f9fe;
  outline:0;
  transform:translateY(-1px);
}
.sdd-distribution-location-card.is-active{
  border-color:#76a8df;
  background:#edf5ff;
  box-shadow:inset 4px 0 0 #174f98,0 8px 20px rgba(23,79,152,.08);
}
.sdd-distribution-location-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:#e6f1ff;
  color:#174f98;
}
.sdd-distribution-location-icon.is-green{
  background:#e7f7ef;
  color:#1b8a51;
}
.sdd-distribution-location-icon.is-orange{
  background:#fff0e5;
  color:#CC4000;
}
.sdd-distribution-location-icon .sdd-icon{
  width:20px;
  height:20px;
}
.sdd-distribution-location-copy,
.sdd-distribution-location-copy small,
.sdd-distribution-location-copy strong,
.sdd-distribution-location-copy span,
.sdd-distribution-location-copy em{
  display:block;
  min-width:0;
}
.sdd-distribution-location-copy small,
.sdd-distribution-dealer-card small{
  color:#174f98;
  font-size:14px;
  font-weight:850;
  letter-spacing:.1em;
  line-height:1.3;
}
.sdd-distribution-location-copy strong{
  margin-top:3px;
  color:#14263d;
  font-size:17px;
  font-weight:850;
  line-height:1.3;
}
.sdd-distribution-location-copy>span{
  margin-top:5px;
  color:#63748a;
  font-size:14px;
  line-height:1.45;
}
.sdd-distribution-location-copy em{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:7px;
  color:#174f98;
  font-size:14px;
  font-style:normal;
  font-weight:800;
}
.sdd-distribution-location-copy em .sdd-icon{
  width:13px;
  height:13px;
}
.sdd-distribution-dealer-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:11px;
  margin-top:auto;
  padding:13px;
  border:1px solid #f0d6bf;
  border-radius:13px;
  background:linear-gradient(130deg,#fffaf6,#fff4e9);
}
.sdd-distribution-dealer-card h3{
  margin:3px 0 0;
  color:#14263d;
  font-size:17px;
  font-weight:850;
}
.sdd-distribution-dealer-card p{
  margin:5px 0 0;
  color:#6c6f76;
  font-size:14px;
  line-height:1.45;
}
.sdd-distribution-dealer-card>a{
  grid-column:1/-1;
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px 10px;
  border:1px solid rgba(255,80,1,.38);
  border-radius:8px;
  background:#fff;
  color:#CC4000;
  font-size:14px;
  font-weight:850;
}
.sdd-distribution-dealer-card>a:hover,
.sdd-distribution-dealer-card>a:focus-visible{
  border-color:#CC4000;
  background:#CC4000;
  color:#fff;
}
.sdd-distribution-dealer-card>a .sdd-icon{
  width:14px;
  height:14px;
}
.sdd-distribution-map-column,
.sdd-distribution-map-pane{
  min-width:0;
  height:100%;
}
.sdd-distribution-map-pane[hidden]{
  display:none!important;
}
.sdd-distribution-map-pane{
  overflow:hidden;
  border:1px solid #dce6f1;
  border-radius:14px;
  background:#eef4fa;
}
.sdd-distribution-map-canvas{
  height:366px;
  overflow:hidden;
  background:#e7eef6;
}
.sdd-distribution-map-canvas iframe{
  width:100%!important;
  height:100%!important;
  display:block;
  border:0!important;
  opacity:1!important;
  filter:none!important;
}
.sdd-distribution-map-actions{
  min-height:65px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 12px;
  border-top:1px solid #dce6f1;
  background:#fff;
}
.sdd-distribution-map-actions div{
  min-width:0;
}
.sdd-distribution-map-actions strong,
.sdd-distribution-map-actions span{
  display:block;
}
.sdd-distribution-map-actions strong{
  color:#14263d;
  font-size:14px;
  font-weight:850;
}
.sdd-distribution-map-actions span{
  margin-top:2px;
  color:#69798d;
  font-size:14px;
}
.sdd-distribution-map-actions>a{
  flex:0 0 auto;
  min-height:35px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px 11px;
  border-radius:8px;
  background:#174f98;
  color:#fff;
  font-size:14px;
  font-weight:850;
}
.sdd-distribution-map-actions>a:hover,
.sdd-distribution-map-actions>a:focus-visible{
  background:#0d3973;
  color:#fff;
}
.sdd-distribution-map-actions>a .sdd-icon{
  width:15px;
  height:15px;
}
.sdd-distribution-assurance{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-top:14px;
  padding:13px 15px;
  border:1px solid #c9ddf3;
  border-radius:13px;
  background:#edf6ff;
}
.sdd-distribution-assurance>div:first-child{
  min-width:0;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:10px;
}
.sdd-distribution-assurance>div:first-child>.sdd-icon{
  width:36px;
  height:36px;
  padding:8px;
  border-radius:10px;
  background:#174f98;
  color:#fff;
}
.sdd-distribution-assurance strong,
.sdd-distribution-assurance small{
  display:block;
}
.sdd-distribution-assurance strong{
  color:#123f7c;
  font-size:15px;
  font-weight:850;
}
.sdd-distribution-assurance small{
  margin-top:2px;
  color:#57708d;
  font-size:14px;
  line-height:1.45;
}
.sdd-distribution-assurance-actions{
  display:flex;
  flex:0 0 auto;
  gap:7px;
}
.sdd-distribution-assurance-actions a{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:7px 11px;
  border:1px solid #a9c7e8;
  border-radius:8px;
  background:#fff;
  color:#174f98;
  font-size:14px;
  font-weight:850;
}
.sdd-distribution-assurance-actions a.is-primary{
  border-color:#174f98;
  background:#174f98;
  color:#fff;
}
.sdd-distribution-assurance-actions a:hover,
.sdd-distribution-assurance-actions a:focus-visible{
  border-color:#0d3973;
  background:#0d3973;
  color:#fff;
}
.sdd-distribution-assurance-actions .sdd-icon{
  width:14px;
  height:14px;
}

/* Giải pháp theo bề mặt. */
.sdd-solutions-value-strip{
  border-bottom:1px solid #dce6f1;
  background:#fff;
}
.sdd-solutions-value-strip>.sdd-shell{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.sdd-solutions-value-strip>.sdd-shell>div{
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-height:70px;
  padding:10px 14px;
  border-right:1px solid #e3ebf4;
}
.sdd-solutions-value-strip>.sdd-shell>div:last-child{
  border-right:0;
}
.sdd-solutions-value-strip .sdd-icon{
  width:34px;
  height:34px;
  padding:7px;
  border-radius:10px;
  background:#eaf3ff;
  color:#174f98;
}
.sdd-solutions-value-strip strong,
.sdd-solutions-value-strip small{
  display:block;
}
.sdd-solutions-value-strip strong{
  color:#14263d;
  font-size:14px;
  font-weight:850;
}
.sdd-solutions-value-strip small{
  margin-top:2px;
  color:#6b7a8e;
  font-size:14px;
  line-height:1.35;
}
.sdd-solutions-catalog{
  padding:32px 0 38px;
}
.sdd-business-heading-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid #bcd2eb;
  border-radius:9px;
  background:#fff;
  color:#174f98;
  font-size:14px;
  font-weight:850;
}
.sdd-business-heading-link:hover,
.sdd-business-heading-link:focus-visible{
  border-color:#174f98;
  background:#174f98;
  color:#fff;
}
.sdd-business-heading-link .sdd-icon{
  width:14px;
  height:14px;
}
.sdd-solutions-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.sdd-solution-card-v2{
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #dce6f1;
  border-radius:15px;
  background:#fff;
  box-shadow:0 7px 20px rgba(18,63,115,.045);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.sdd-solution-card-v2:hover,
.sdd-solution-card-v2:focus-within{
  border-color:#a9c6e9;
  box-shadow:0 14px 30px rgba(18,63,115,.105);
  transform:translateY(-3px);
}
.sdd-solution-card-media{
  position:relative;
  display:block;
  overflow:hidden;
  border-bottom:1px solid #dce6f1;
  background:#eef4fa;
}
.sdd-solution-card-media img{
  width:100%;
  aspect-ratio:1080/534;
  display:block;
  object-fit:cover;
  opacity:1;
  filter:none;
  transition:transform .28s ease;
}
.sdd-solution-card-v2:hover .sdd-solution-card-media img,
.sdd-solution-card-v2:focus-within .sdd-solution-card-media img{
  transform:scale(1.025);
}
.sdd-solution-card-media>span{
  position:absolute;
  left:11px;
  bottom:10px;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 8px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:999px;
  background:rgba(13,57,115,.9);
  color:#fff;
  font-size:14px;
  font-weight:850;
  letter-spacing:.1em;
  box-shadow:0 4px 12px rgba(3,28,61,.18);
}
.sdd-solution-card-body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:13px 14px 14px;
}
.sdd-solution-card-body h3{
  margin:0;
  color:#14263d;
  font-size:18px;
  font-weight:850;
  letter-spacing:-.012em;
  line-height:1.35;
}
.sdd-solution-card-body>p{
  margin:6px 0 0;
  color:#63748a;
  font-size:14px;
  line-height:1.5;
}
.sdd-solution-materials{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:10px;
}
.sdd-solution-materials span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 7px;
  border:1px solid #dce7f3;
  border-radius:999px;
  background:#f5f9fe;
  color:#36597f;
  font-size:14px;
  font-weight:750;
}
.sdd-solution-benefit{
  display:grid;
  grid-template-columns:19px minmax(0,1fr);
  align-items:center;
  gap:6px;
  margin-top:10px;
  padding:7px 8px;
  border-radius:8px;
  background:#eef8f3;
  color:#176e43;
  font-size:14px;
  font-weight:750;
  line-height:1.4;
}
.sdd-solution-benefit .sdd-icon{
  width:19px;
  height:19px;
  padding:3px;
  border-radius:50%;
  background:#dff3e8;
}
.sdd-solution-card-cta{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:auto;
  padding-top:11px;
  color:#174f98;
  font-size:14px;
  font-weight:850;
}
.sdd-solution-card-cta .sdd-icon{
  width:15px;
  height:15px;
  transition:transform .18s ease;
}
.sdd-solution-card-cta:hover,
.sdd-solution-card-cta:focus-visible{
  color:#0d3973;
}
.sdd-solution-card-cta:hover .sdd-icon,
.sdd-solution-card-cta:focus-visible .sdd-icon{
  transform:translateX(3px);
}
.sdd-solutions-consultation{
  padding:0 0 40px;
}
.sdd-solutions-consultation>.sdd-shell{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  overflow:hidden;
  padding:22px 24px;
  border-radius:16px;
  background:linear-gradient(120deg,#0d3973,#174f98 72%,#2464b2);
  box-shadow:0 14px 36px rgba(13,57,115,.16);
  color:#fff;
}
.sdd-solutions-consultation>.sdd-shell::after{
  position:absolute;
  z-index:-1;
  right:-64px;
  bottom:-120px;
  width:260px;
  height:260px;
  border:42px solid rgba(255,255,255,.055);
  border-radius:50%;
  content:"";
}
.sdd-solutions-consultation>.sdd-shell>div:first-child{
  max-width:760px;
}
.sdd-solutions-consultation h2{
  margin:0;
  color:#fff;
  font-size:25px;
  font-weight:850;
  letter-spacing:-.02em;
}
.sdd-solutions-consultation p{
  margin:6px 0 0;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.55;
}
.sdd-solutions-consultation-actions{
  display:flex;
  flex:0 0 auto;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

.sdd-distribution-page :where(a,button):focus-visible,
.sdd-solutions-page :where(a,button):focus-visible{
  outline:3px solid rgba(255,80,1,.48);
  outline-offset:2px;
}

@media (max-width:1080px){
  .sdd-business-conversion-hero-grid{
    grid-template-columns:minmax(0,1fr) 330px;
    gap:24px;
  }
  .sdd-distribution-page .sdd-contact-locations.sdd-distribution-locator{
    grid-template-columns:300px minmax(0,1fr);
  }
  .sdd-distribution-map-canvas{
    height:350px;
  }
  .sdd-solutions-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:860px){
  .sdd-business-conversion-hero-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  .sdd-business-conversion-trust,
  .sdd-solutions-hero-steps{
    grid-template-columns:repeat(3,minmax(0,1fr));
    padding:7px;
  }
  .sdd-business-conversion-trust li,
  .sdd-solutions-hero-steps li{
    grid-template-columns:30px minmax(0,1fr);
    gap:7px;
    min-height:54px;
    padding:6px 8px;
    border-right:1px solid rgba(255,255,255,.12);
    border-bottom:0;
  }
  .sdd-business-conversion-trust li:last-child,
  .sdd-solutions-hero-steps li:last-child{
    border-right:0;
  }
  .sdd-business-conversion-trust>li>.sdd-icon,
  .sdd-solutions-hero-steps li>span{
    width:30px;
    height:30px;
  }
  .sdd-business-section-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
  .sdd-distribution-page .sdd-contact-locations.sdd-distribution-locator{
    grid-template-columns:1fr;
  }
  .sdd-distribution-location-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sdd-distribution-dealer-card{
    margin-top:0;
  }
  .sdd-distribution-map-canvas{
    height:330px;
  }
  .sdd-solutions-consultation>.sdd-shell{
    align-items:flex-start;
    flex-direction:column;
    gap:15px;
  }
  .sdd-solutions-consultation-actions{
    justify-content:flex-start;
  }
}

@media (max-width:640px){
  .sdd-business-conversion-hero{
    padding:19px 0;
  }
  .sdd-business-conversion-hero .sdd-shell,
  .sdd-distribution-section>.sdd-shell,
  .sdd-solutions-catalog>.sdd-shell,
  .sdd-solutions-consultation>.sdd-shell{
    width:calc(100% - 18px);
  }
  .sdd-business-conversion-copy h1{
    font-size:27px;
  }
  .sdd-business-conversion-copy>p{
    margin-top:7px;
    font-size:14px;
    line-height:1.5;
  }
  .sdd-business-conversion-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    margin-top:12px;
  }
  .sdd-business-conversion-actions .sdd-button{
    width:100%;
    min-width:0;
    min-height:40px;
    padding:7px 9px;
    font-size:14px;
  }
  .sdd-business-conversion-trust,
  .sdd-solutions-hero-steps{
    gap:5px;
    padding:5px;
    border-radius:12px;
  }
  .sdd-business-conversion-trust li,
  .sdd-solutions-hero-steps li{
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    min-height:58px;
    padding:6px 4px;
    text-align:center;
  }
  .sdd-business-conversion-trust small,
  .sdd-solutions-hero-steps small{
    display:none;
  }
  .sdd-business-conversion-trust strong,
  .sdd-solutions-hero-steps strong{
    font-size:14px;
    line-height:1.25;
  }
  .sdd-business-section-heading{
    margin-bottom:13px;
  }
  .sdd-business-section-heading h2{
    font-size:23px;
  }
  .sdd-business-section-heading p{
    font-size:14px;
  }
  .sdd-business-summary-badges{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sdd-business-summary-badges span{
    justify-content:center;
  }
  .sdd-distribution-section,
  .sdd-solutions-catalog{
    padding:22px 0 26px;
  }
  .sdd-distribution-page .sdd-contact-locations.sdd-distribution-locator{
    gap:10px;
    padding:10px;
    border-radius:14px;
  }
  .sdd-distribution-location-tabs{
    grid-template-columns:1fr;
  }
  .sdd-distribution-location-card{
    min-height:112px;
    padding:11px;
  }
  .sdd-distribution-dealer-card{
    padding:11px;
  }
  .sdd-distribution-map-canvas{
    height:270px;
  }
  .sdd-distribution-map-actions{
    align-items:stretch;
    flex-direction:column;
    gap:8px;
    padding:10px;
  }
  .sdd-distribution-map-actions>a{
    width:100%;
    min-height:38px;
  }
  .sdd-distribution-assurance{
    align-items:stretch;
    flex-direction:column;
    gap:10px;
    padding:11px;
  }
  .sdd-distribution-assurance-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sdd-distribution-assurance-actions a{
    min-width:0;
    padding-inline:7px;
  }
  .sdd-solutions-value-strip>.sdd-shell{
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sdd-solutions-value-strip>.sdd-shell>div{
    min-height:61px;
    padding:8px 10px;
    border-bottom:1px solid #e3ebf4;
  }
  .sdd-solutions-value-strip>.sdd-shell>div:nth-child(2){
    border-right:0;
  }
  .sdd-solutions-value-strip>.sdd-shell>div:nth-child(n+3){
    border-bottom:0;
  }
  .sdd-business-heading-link{
    width:100%;
    justify-content:center;
  }
  .sdd-solutions-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .sdd-solution-card-body{
    padding:12px;
  }
  .sdd-solution-card-body h3{
    font-size:18px;
  }
  .sdd-solution-card-body>p{
    font-size:14px;
  }
  .sdd-solutions-consultation{
    padding:0 0 26px;
  }
  .sdd-solutions-consultation>.sdd-shell{
    padding:17px 15px;
    border-radius:14px;
  }
  .sdd-solutions-consultation h2{
    font-size:22px;
  }
  .sdd-solutions-consultation-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
  }
  .sdd-solutions-consultation .sdd-button{
    width:100%;
  }
}

@media (prefers-reduced-motion:reduce){
  .sdd-distribution-page *,
  .sdd-distribution-page *::before,
  .sdd-distribution-page *::after,
  .sdd-solutions-page *,
  .sdd-solutions-page *::before,
  .sdd-solutions-page *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* 1.7.58 — Thư viện kỹ thuật: compact hero, real resource cards and content pages. */
.sdd-tech-library,
.sdd-tech-resource-page{
  min-width:0;
  overflow:hidden;
  background:#f7faff;
  color:#1c2b3d;
  font-size:14px;
}
.sdd-tech-library-hero,
.sdd-tech-resource-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 82% 18%,rgba(66,148,233,.32),transparent 28%),
    linear-gradient(118deg,#0b356f 0%,#174f98 58%,#1f64af 100%);
}
.sdd-tech-library-hero::before,
.sdd-tech-resource-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:310px;
  height:310px;
  right:-90px;
  bottom:-220px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025);
}
.sdd-tech-library-hero__inner{
  min-height:176px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 205px;
  align-items:center;
  gap:44px;
  padding-top:17px;
  padding-bottom:19px;
}
.sdd-tech-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
  color:rgba(255,255,255,.78);
  font-size:12px;
  font-weight:600;
  line-height:1.4;
}
.sdd-tech-breadcrumb a{
  color:#fff;
  transition:color .2s ease;
}
.sdd-tech-breadcrumb a:hover{
  color:#ffd18b;
}
.sdd-tech-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:8px;
  color:#fff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.11em;
  line-height:1.3;
  text-shadow:0 1px 2px rgba(0,0,0,.25);
}
.sdd-tech-eyebrow i{
  width:28px;
  height:3px;
  border-radius:3px;
  background:#FF5001;
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
}
.sdd-tech-library-hero h1,
.sdd-tech-resource-hero h1{
  margin:0;
  color:#fff;
  font-size:clamp(30px,3vw,40px);
  line-height:1.12;
  letter-spacing:-.025em;
}
.sdd-tech-library-hero__copy>p,
.sdd-tech-resource-hero__row p{
  max-width:720px;
  margin:10px 0 0;
  color:rgba(255,255,255,.88);
  font-size:15px;
  line-height:1.55;
}
.sdd-tech-library-hero__summary{
  min-height:122px;
  display:grid;
  align-content:center;
  justify-items:center;
  padding:18px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:16px;
  background:rgba(255,255,255,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
  backdrop-filter:blur(8px);
}
.sdd-tech-library-hero__summary strong{
  color:#fff;
  font-size:38px;
  line-height:1;
}
.sdd-tech-library-hero__summary>span{
  margin-top:5px;
  color:#fff;
  font-size:14px;
  font-weight:800;
}
.sdd-tech-library-hero__summary small{
  margin-top:11px;
  padding-top:9px;
  border-top:1px solid rgba(255,255,255,.2);
  color:rgba(255,255,255,.78);
  font-size:11px;
}
.sdd-tech-library-main,
.sdd-tech-resource-main{
  padding:36px 0 42px;
}
.sdd-tech-library-intro,
.sdd-tech-ral-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,390px);
  align-items:end;
  gap:30px;
  margin-bottom:22px;
}
.sdd-tech-kicker,
.sdd-tech-resource-kicker{
  display:block;
  margin-bottom:6px;
  color:#17539a;
  font-size:12px;
  font-weight:900;
  letter-spacing:.11em;
  line-height:1.35;
}
.sdd-tech-library-intro h2,
.sdd-tech-ral-intro h2{
  margin:0;
  color:#17345b;
  font-size:27px;
  line-height:1.2;
}
.sdd-tech-library-intro p,
.sdd-tech-ral-intro p{
  max-width:710px;
  margin:7px 0 0;
  color:#647083;
  font-size:14px;
  line-height:1.55;
}
.sdd-tech-search{
  min-width:0;
  height:48px;
  display:grid;
  grid-template-columns:45px minmax(0,1fr);
  align-items:center;
  border:1px solid #ccdae9;
  border-radius:12px;
  background:#fff;
  box-shadow:0 7px 22px rgba(14,63,116,.07);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.sdd-tech-search:focus-within{
  border-color:#1b62ad;
  box-shadow:0 0 0 3px rgba(27,98,173,.13),0 9px 24px rgba(14,63,116,.09);
}
.sdd-tech-search>span[aria-hidden="true"]{
  width:45px;
  height:100%;
  display:grid;
  place-items:center;
  color:#1b579c;
}
.sdd-tech-search svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
}
.sdd-tech-search input{
  min-width:0;
  width:100%;
  height:100%;
  padding:0 15px 0 0;
  border:0;
  outline:0;
  background:transparent;
  color:#1d2c3c;
  font-size:14px;
}
.sdd-tech-search input::placeholder{
  color:#8893a2;
  opacity:1;
}
.sdd-tech-resource-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px;
}
.sdd-tech-resource-card{
  min-width:0;
  min-height:258px;
}
.sdd-tech-resource-card[hidden]{
  display:none!important;
}
.sdd-tech-resource-card__link{
  height:100%;
  display:flex;
  flex-direction:column;
  padding:20px;
  border:1px solid #d5e0ec;
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 25px rgba(11,52,104,.055);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.sdd-tech-resource-card__link:hover{
  transform:translateY(-4px);
  border-color:#a9c7e7;
  box-shadow:0 17px 38px rgba(11,52,104,.13);
}
.sdd-tech-resource-card__link:focus-visible{
  outline:3px solid rgba(255,80,1,.45);
  outline-offset:3px;
}
.sdd-tech-resource-card header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:17px;
}
.sdd-tech-resource-card__icon,
.sdd-tech-resource-hero__icon{
  min-width:54px;
  height:54px;
  display:grid;
  place-items:center;
  padding:0 8px;
  border:1px solid #d7e7f7;
  border-radius:14px;
  background:linear-gradient(145deg,#eef6ff,#e3f0ff);
  color:#145397;
  font-size:13px;
  font-weight:900;
  letter-spacing:.03em;
}
.sdd-tech-resource-card__arrow{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f1f6fc;
  color:#1b579c;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.sdd-tech-resource-card__arrow svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sdd-tech-resource-card__link:hover .sdd-tech-resource-card__arrow{
  transform:translateX(3px);
  background:#1b579c;
  color:#fff;
}
.sdd-tech-resource-card__body{
  flex:1;
}
.sdd-tech-resource-card__body small{
  display:block;
  color:#748195;
  font-size:11px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.sdd-tech-resource-card__body h3{
  margin:7px 0 8px;
  color:#143f74;
  font-size:18px;
  line-height:1.3;
}
.sdd-tech-resource-card__body p{
  margin:0;
  color:#657286;
  font-size:14px;
  line-height:1.55;
}
.sdd-tech-resource-card footer{
  min-height:33px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:10px;
  margin-top:17px;
  padding-top:14px;
  border-top:1px solid #edf1f5;
}
.sdd-tech-card-tags{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.sdd-tech-card-tags i{
  padding:5px 7px;
  border-radius:6px;
  background:#f2f6fb;
  color:#607086;
  font-size:10px;
  font-style:normal;
  font-weight:700;
}
.sdd-tech-resource-card footer strong{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#15549b;
  font-size:12px;
  white-space:nowrap;
}
.sdd-tech-empty{
  margin:22px 0 0;
  padding:25px;
  border:1px dashed #b8cae0;
  border-radius:14px;
  background:#fff;
  text-align:center;
}
.sdd-tech-empty[hidden]{
  display:none!important;
}
.sdd-tech-empty strong{
  color:#154b89;
  font-size:17px;
}
.sdd-tech-empty p{
  margin:6px 0 0;
  color:#6d7888;
}
.sdd-tech-library-support{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  margin-top:24px;
  padding:22px 24px;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(115deg,#0c3b78,#18559b);
  box-shadow:0 14px 34px rgba(11,49,96,.15);
}
.sdd-tech-library-support__icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.2);
  border-radius:14px;
  background:rgba(255,255,255,.1);
}
.sdd-tech-library-support__icon svg{
  width:27px;
  height:27px;
  fill:none;
  stroke:#fff;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sdd-tech-library-support>div:nth-child(2)>span,
.sdd-tech-sidebar-help>span{
  color:#9fc9f2;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
.sdd-tech-library-support h2{
  margin:3px 0 4px;
  color:#fff;
  font-size:20px;
  line-height:1.25;
}
.sdd-tech-library-support p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:13px;
  line-height:1.5;
}
.sdd-tech-library-support__actions{
  display:flex;
  align-items:center;
  gap:14px;
}
.sdd-tech-library-support .sdd-button-accent{
  min-height:44px;
  border-radius:9px;
  background:#FF5001;
  color:#fff;
  box-shadow:0 7px 18px rgba(4,25,53,.15);
}
.sdd-tech-library-support .sdd-button-accent:hover{
  background:#CC4000;
  color:#fff;
  transform:translateY(-1px);
}
.sdd-tech-text-link{
  color:#fff;
  font-size:12px;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:4px;
  white-space:nowrap;
}

/* Individual technical resource pages. */
.sdd-tech-resource-hero .sdd-shell{
  padding-top:22px;
  padding-bottom:27px;
}
.sdd-tech-resource-hero .sdd-tech-breadcrumb{
  margin-bottom:18px;
}
.sdd-tech-resource-hero__row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:19px;
}
.sdd-tech-resource-hero__icon{
  min-width:68px;
  height:68px;
  padding:0 10px;
  border-color:rgba(255,255,255,.25);
  border-radius:17px;
  background:rgba(255,255,255,.13);
  color:#fff;
  font-size:15px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
}
.sdd-tech-resource-kicker{
  margin-bottom:4px;
  color:#ffc16b;
  text-shadow:0 1px 2px rgba(0,0,0,.16);
}
.sdd-tech-resource-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  align-items:start;
  gap:22px;
}
.sdd-tech-resource-content,
.sdd-tech-sidebar-card{
  min-width:0;
  border:1px solid #d8e2ed;
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 27px rgba(12,55,107,.06);
}
.sdd-tech-resource-content{
  padding:27px 29px;
}
.sdd-tech-resource-content__head{
  margin-bottom:20px;
  padding-bottom:18px;
  border-bottom:1px solid #e6edf4;
}
.sdd-tech-resource-content__head span{
  color:#65758a;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.sdd-tech-resource-content__head h2{
  margin:5px 0 0;
  color:#173e70;
  font-size:24px;
  line-height:1.25;
}
.sdd-tech-resource-editor{
  color:#425269;
  font-size:14px;
  line-height:1.7;
}
.sdd-tech-resource-editor>:first-child{
  margin-top:0;
}
.sdd-tech-resource-editor>:last-child{
  margin-bottom:0;
}
.sdd-tech-lead{
  margin:0 0 21px;
  padding:16px 18px;
  border-left:4px solid #1f64ad;
  border-radius:0 10px 10px 0;
  background:#eff6fe;
  color:#2e4867;
}
.sdd-tech-lead strong{
  color:#134c8c;
}
.sdd-tech-content-section{
  margin:0 0 23px;
}
.sdd-tech-content-section h2{
  margin:0 0 9px;
  color:#173f72;
  font-size:19px;
  line-height:1.35;
}
.sdd-tech-content-section p{
  margin:0;
}
.sdd-tech-content-section :is(ul,ol){
  display:grid;
  gap:7px;
  margin:0;
  padding-left:21px;
}
.sdd-tech-content-section li::marker{
  color:#1a5aa1;
  font-weight:800;
}
.sdd-tech-note{
  padding:14px 16px;
  border:1px solid #bdd5ec;
  border-radius:10px;
  background:#f7fbff;
  color:#34516f;
}
.sdd-tech-note strong{
  color:#164f90;
}
.sdd-tech-note.is-warning{
  border-color:#ffd29a;
  background:#fff8ee;
  color:#654522;
}
.sdd-tech-note.is-warning strong{
  color:#a44e00;
}
.sdd-tech-faq{
  display:grid;
  gap:10px;
}
.sdd-tech-faq details{
  border:1px solid #dbe4ee;
  border-radius:10px;
  background:#fff;
  overflow:hidden;
}
.sdd-tech-faq summary{
  position:relative;
  padding:14px 44px 14px 16px;
  color:#174a84;
  font-weight:800;
  cursor:pointer;
  list-style:none;
}
.sdd-tech-faq summary::-webkit-details-marker{
  display:none;
}
.sdd-tech-faq summary::after{
  content:"+";
  position:absolute;
  top:50%;
  right:15px;
  transform:translateY(-50%);
  color:#1b579c;
  font-size:20px;
  line-height:1;
}
.sdd-tech-faq details[open] summary{
  background:#eef5fd;
}
.sdd-tech-faq details[open] summary::after{
  content:"−";
}
.sdd-tech-faq details p{
  margin:0;
  padding:13px 16px 16px;
  border-top:1px solid #e1e9f1;
}
.sdd-tech-resource-sidebar{
  display:grid;
  gap:16px;
}
.sdd-tech-sidebar-card{
  position:sticky;
  top:16px;
  padding:21px;
}
.admin-bar .sdd-tech-sidebar-card{
  top:48px;
}
.sdd-tech-sidebar-card h2{
  margin:0 0 13px;
  color:#173f72;
  font-size:21px;
}
.sdd-tech-sidebar-card nav{
  display:grid;
}
.sdd-tech-sidebar-card nav a{
  min-width:0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:52px;
  padding:8px 0;
  border-top:1px solid #e8edf3;
  color:#304661;
  transition:color .2s ease,transform .2s ease;
}
.sdd-tech-sidebar-card nav a:hover{
  color:#15559c;
  transform:translateX(2px);
}
.sdd-tech-sidebar-card nav a:focus-visible,
.sdd-tech-all-resources:focus-visible,
.sdd-tech-sidebar-help a:focus-visible,
.sdd-tech-ral-note a:focus-visible{
  outline:3px solid rgba(255,80,1,.4);
  outline-offset:2px;
}
.sdd-tech-sidebar-card nav b{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  padding:0 4px;
  border-radius:9px;
  background:#edf5fe;
  color:#15569e;
  font-size:9px;
}
.sdd-tech-sidebar-card nav span{
  min-width:0;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
}
.sdd-tech-sidebar-card nav i{
  color:#1b579c;
  font-style:normal;
  font-weight:800;
}
.sdd-tech-all-resources{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:15px;
  color:#15549b;
  font-size:13px;
  font-weight:800;
}
.sdd-tech-sidebar-help{
  padding:21px;
  border-radius:15px;
  background:linear-gradient(135deg,#0b3976,#17569e);
  color:#fff;
  box-shadow:0 10px 28px rgba(9,47,94,.14);
}
.sdd-tech-sidebar-help h2{
  margin:6px 0 8px;
  color:#fff;
  font-size:18px;
  line-height:1.35;
}
.sdd-tech-sidebar-help p{
  margin:0 0 15px;
  color:rgba(255,255,255,.78);
  font-size:13px;
  line-height:1.55;
}
.sdd-tech-sidebar-help a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 15px;
  border-radius:8px;
  background:#FF5001;
  color:#fff;
  font-size:12px;
  font-weight:900;
}

/* RAL library page. */
.sdd-tech-ral-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:13px;
}
.sdd-tech-ral-grid article{
  min-width:0;
  overflow:hidden;
  border:1px solid #d7e0ea;
  border-radius:12px;
  background:#fff;
  box-shadow:0 7px 20px rgba(14,54,103,.05);
  transition:transform .2s ease,box-shadow .2s ease;
}
.sdd-tech-ral-grid article:hover{
  transform:translateY(-3px);
  box-shadow:0 13px 28px rgba(14,54,103,.12);
}
.sdd-tech-ral-grid article[hidden]{
  display:none!important;
}
.sdd-tech-ral-swatch{
  height:92px;
  display:block;
  background:var(--sdd-ral-color);
  border-bottom:1px solid rgba(8,42,80,.11);
}
.sdd-tech-ral-grid article>div{
  padding:11px 12px 12px;
}
.sdd-tech-ral-grid strong,
.sdd-tech-ral-grid small{
  display:block;
}
.sdd-tech-ral-grid strong{
  color:#193e6c;
  font-size:14px;
}
.sdd-tech-ral-grid small{
  margin-top:3px;
  overflow:hidden;
  color:#6c7787;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sdd-tech-ral-note{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  margin-top:20px;
  padding:17px 19px;
  border:1px solid #c7d9ec;
  border-radius:12px;
  background:#eef6fe;
}
.sdd-tech-ral-note strong{
  color:#174f90;
  font-size:15px;
}
.sdd-tech-ral-note p{
  margin:0;
  color:#5f6f83;
  font-size:13px;
  line-height:1.5;
}
.sdd-tech-ral-note a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 15px;
  border-radius:8px;
  background:#17569e;
  color:#fff;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

@media (max-width:991px){
  .sdd-tech-resource-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sdd-tech-library-support{
    grid-template-columns:52px minmax(0,1fr);
  }
  .sdd-tech-library-support__actions{
    grid-column:2;
  }
  .sdd-tech-resource-layout{
    grid-template-columns:minmax(0,1fr) 285px;
  }
  .sdd-tech-ral-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (max-width:767px){
  .sdd-tech-library,
  .sdd-tech-resource-page{
    font-size:14px;
  }
  .sdd-tech-library-hero__inner{
    min-height:0;
    grid-template-columns:minmax(0,1fr) 74px;
    gap:8px;
    padding-top:14px;
    padding-bottom:16px;
  }
  .sdd-tech-breadcrumb{
    margin-bottom:8px;
    font-size:11px;
  }
  .sdd-tech-eyebrow{
    margin-bottom:3px;
    font-size:11px;
  }
  .sdd-tech-eyebrow i{
    width:20px;
  }
  .sdd-tech-library-hero h1,
  .sdd-tech-resource-hero h1{
    font-size:25px;
    line-height:1.08;
  }
  .sdd-tech-library-hero__copy>p,
  .sdd-tech-resource-hero__row p{
    margin-top:5px;
    font-size:13px;
    line-height:1.45;
  }
  .sdd-tech-library-hero__copy>p{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .sdd-tech-library-hero__summary{
    min-height:78px;
    padding:9px 5px;
    border-radius:12px;
    text-align:center;
  }
  .sdd-tech-library-hero__summary strong{
    font-size:26px;
  }
  .sdd-tech-library-hero__summary>span{
    font-size:10px;
  }
  .sdd-tech-library-hero__summary small{
    display:none;
  }
  .sdd-tech-library-main,
  .sdd-tech-resource-main{
    padding:25px 0 30px;
  }
  .sdd-tech-library-intro,
  .sdd-tech-ral-intro{
    grid-template-columns:1fr;
    gap:15px;
    margin-bottom:17px;
  }
  .sdd-tech-library-intro h2,
  .sdd-tech-ral-intro h2{
    font-size:23px;
  }
  .sdd-tech-search{
    height:46px;
  }
  .sdd-tech-resource-grid{
    grid-template-columns:1fr;
    gap:11px;
  }
  .sdd-tech-resource-card{
    min-height:0;
  }
  .sdd-tech-resource-card__link{
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    column-gap:13px;
    padding:15px;
    border-radius:13px;
  }
  .sdd-tech-resource-card header{
    display:block;
    margin:0;
  }
  .sdd-tech-resource-card__icon{
    min-width:48px;
    width:48px;
    height:48px;
    border-radius:12px;
    font-size:11px;
  }
  .sdd-tech-resource-card__arrow{
    display:none;
  }
  .sdd-tech-resource-card__body small{
    font-size:9px;
  }
  .sdd-tech-resource-card__body h3{
    margin:4px 0 5px;
    font-size:16px;
  }
  .sdd-tech-resource-card__body p{
    font-size:13px;
    line-height:1.45;
  }
  .sdd-tech-resource-card footer{
    grid-column:2;
    min-height:0;
    align-items:center;
    margin-top:10px;
    padding-top:10px;
  }
  .sdd-tech-card-tags{
    display:none;
  }
  .sdd-tech-resource-card footer strong{
    font-size:12px;
  }
  .sdd-tech-library-support{
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    margin-top:17px;
    padding:17px;
    border-radius:13px;
  }
  .sdd-tech-library-support__icon{
    width:42px;
    height:42px;
    border-radius:11px;
  }
  .sdd-tech-library-support__icon svg{
    width:23px;
    height:23px;
  }
  .sdd-tech-library-support h2{
    font-size:17px;
  }
  .sdd-tech-library-support p{
    font-size:12px;
  }
  .sdd-tech-library-support__actions{
    grid-column:1/-1;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .sdd-tech-library-support .sdd-button-accent{
    min-height:42px;
    padding:0 17px;
  }
  .sdd-tech-resource-hero .sdd-shell{
    padding-top:17px;
    padding-bottom:20px;
  }
  .sdd-tech-resource-hero__row{
    grid-template-columns:55px minmax(0,1fr);
    gap:13px;
  }
  .sdd-tech-resource-hero__icon{
    min-width:55px;
    height:55px;
    border-radius:13px;
    font-size:12px;
  }
  .sdd-tech-resource-kicker{
    font-size:10px;
  }
  .sdd-tech-resource-layout{
    grid-template-columns:1fr;
    gap:15px;
  }
  .sdd-tech-resource-content{
    padding:19px 17px;
    border-radius:13px;
  }
  .sdd-tech-resource-content__head{
    margin-bottom:16px;
    padding-bottom:14px;
  }
  .sdd-tech-resource-content__head h2{
    font-size:21px;
  }
  .sdd-tech-lead{
    margin-bottom:17px;
    padding:13px 14px;
  }
  .sdd-tech-content-section{
    margin-bottom:19px;
  }
  .sdd-tech-content-section h2{
    font-size:17px;
  }
  .sdd-tech-sidebar-card{
    position:static;
    padding:18px;
  }
  .sdd-tech-sidebar-card nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .sdd-tech-sidebar-card nav a{
    grid-template-columns:34px minmax(0,1fr);
    min-height:50px;
    padding:7px;
    border:1px solid #e2e9f1;
    border-radius:9px;
  }
  .sdd-tech-sidebar-card nav b{
    width:32px;
    height:32px;
  }
  .sdd-tech-sidebar-card nav i{
    display:none;
  }
  .sdd-tech-sidebar-card nav span{
    font-size:11px;
  }
  .sdd-tech-ral-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }
  .sdd-tech-ral-swatch{
    height:74px;
  }
  .sdd-tech-ral-grid article>div{
    padding:9px 10px 10px;
  }
  .sdd-tech-ral-note{
    grid-template-columns:1fr;
    gap:7px;
    padding:15px;
  }
  .sdd-tech-ral-note a{
    width:max-content;
    margin-top:3px;
  }
}

@media (max-width:380px){
  .sdd-tech-library-hero__inner{
    grid-template-columns:minmax(0,1fr) 68px;
  }
  .sdd-tech-library-hero h1,
  .sdd-tech-resource-hero h1{
    font-size:24px;
  }
  .sdd-tech-library-hero__summary{
    min-height:82px;
  }
  .sdd-tech-library-hero__summary strong{
    font-size:26px;
  }
  .sdd-tech-sidebar-card nav{
    grid-template-columns:1fr;
  }
}

@media (prefers-reduced-motion:reduce){
  .sdd-tech-resource-card__link,
  .sdd-tech-resource-card__arrow,
  .sdd-tech-sidebar-card nav a,
  .sdd-tech-ral-grid article{
    transition:none;
  }
}
.sdd-product-tab-nav :is(button,.sdd-product-tab-link):active{
  transform:scale(.97);
}
@media (prefers-reduced-motion:reduce){
  .sdd-product-tab-nav :is(button,.sdd-product-tab-link){
    transition:none!important;
    transform:none!important;
  }
}
.sdd-product-tab-panel{
  display: none;
  padding: 22px 4px;
}
.sdd-product-inline-source{
  min-width:0;
}
.sdd-inline-reference,
.sdd-product-inline-page{
  overflow:hidden;
  border:1px solid #dce7f3;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(23,79,152,.07);
}
.sdd-inline-reference__head{
  padding:22px 24px;
  border-bottom:1px solid #e1eaf4;
  background:linear-gradient(135deg,#f7faff 0%,#edf5ff 100%);
}
.sdd-inline-reference__head > span{
  display:block;
  margin-bottom:5px;
  color:#174f98;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
}
.sdd-inline-reference__head h2{
  margin:0;
  color:#173f73;
  font-size:clamp(22px,2.4vw,30px);
  line-height:1.18;
}
.sdd-inline-reference__head p{
  max-width:820px;
  margin:8px 0 0;
  color:#5f6f83;
  font-size:14px;
  line-height:1.62;
}
.sdd-inline-reference__toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  padding:18px 20px 0;
}
.sdd-inline-reference__toolbar input{
  width:100%;
  min-height:44px;
  border:1px solid #b8cce3;
  border-radius:10px;
  padding:0 14px;
  color:#24384f;
  background:#fff;
  font:inherit;
}
.sdd-inline-reference__toolbar input:focus{
  border-color:#174f98;
  outline:3px solid rgba(23,79,152,.12);
  outline-offset:1px;
}
.sdd-inline-reference__toolbar .sdd-button{
  min-width:116px;
  min-height:44px;
  border:0;
  border-radius:10px;
  cursor:pointer;
}
.sdd-inline-color-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  padding:18px 20px 22px;
}
.sdd-inline-color-grid article{
  overflow:hidden;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:1px 10px;
  align-items:center;
  min-width:0;
  border:1px solid #dce6f1;
  border-radius:11px;
  padding:8px;
  background:#fff;
  box-shadow:0 4px 12px rgba(28,65,108,.05);
}
.sdd-inline-color-grid article[hidden]{
  display:none!important;
}
.sdd-inline-color-grid article > span{
  grid-row:span 2;
  width:42px;
  height:42px;
  border:1px solid rgba(20,43,68,.12);
  border-radius:8px;
}
.sdd-inline-color-grid strong{
  overflow:hidden;
  color:#173f73;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sdd-inline-color-grid small{
  color:#6c7b8d;
  font-size:11px;
}
.sdd-inline-reference__empty{
  margin:0 20px 22px;
  border:1px dashed #b8cce3;
  border-radius:10px;
  padding:16px;
  color:#5f6f83;
  text-align:center;
}
.sdd-inline-color-toggle[hidden]{
  display:none!important;
}
.sdd-inline-color-toggle{
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:44px;
  border:1px solid #9fbee2;
  border-radius:10px;
  background:#f4f8fd;
  color:#174f98;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.sdd-inline-color-toggle svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .18s ease;
}
.sdd-inline-color-toggle[aria-expanded="true"] svg{
  transform:rotate(180deg);
}
.sdd-inline-color-toggle:hover{
  border-color:#174f98;
  background:#edf5ff;
}
.sdd-inline-color-toggle:focus-visible{
  outline:3px solid rgba(255,80,1,.35);
  outline-offset:2px;
}
.sdd-inline-resource-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:20px;
}
.sdd-inline-resource-grid article{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:12px;
  align-items:start;
  min-width:0;
  border:1px solid #dce6f1;
  border-radius:12px;
  padding:15px;
  background:#fbfdff;
}
.sdd-inline-resource-grid article > b{
  display:grid;
  place-items:center;
  min-height:42px;
  border-radius:10px;
  background:#e8f2ff;
  color:#174f98;
  font-size:12px;
}
.sdd-inline-resource-grid h3{
  margin:0 0 5px;
  color:#173f73;
  font-size:15px;
}
.sdd-inline-resource-grid p{
  margin:0;
  color:#6c7b8d;
  font-size:12px;
  line-height:1.55;
}
.sdd-verification-tab{
  color:#30445d;
  font-size:14px;
}
.sdd-verification-tab__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  padding:4px 4px 18px;
}
.sdd-verification-tab__head small{
  display:block;
  margin-bottom:7px;
  color:#174f98;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}
.sdd-verification-tab__head h2{
  margin:0;
  color:#173f73;
  font-size:clamp(24px,2.5vw,31px);
  font-weight:900;
  line-height:1.15;
}
.sdd-verification-tab__head p{
  max-width:850px;
  margin:8px 0 0;
  color:#5d6f84;
  font-size:14px;
  line-height:1.6;
}
.sdd-verification-count{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border-radius:999px;
  padding:8px 18px;
  background:linear-gradient(135deg,#174f98,#236dbb);
  color:#fff;
  box-shadow:0 8px 20px rgba(23,79,152,.2);
  font-size:13px;
  white-space:nowrap;
}
.sdd-verification-accordion{
  overflow:hidden;
  border:1px solid #cfdeee;
  border-radius:15px;
  background:#fff;
  box-shadow:0 10px 28px rgba(23,79,152,.07);
}
.sdd-verification-item{
  margin:0;
  border:0;
  border-bottom:1px solid #dce6f1;
  background:#fff;
}
.sdd-verification-item:last-child{
  border-bottom:0;
}
.sdd-verification-item > summary{
  min-height:64px;
  padding:11px 16px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 34px;
  gap:12px;
  align-items:center;
  cursor:pointer;
  list-style:none;
  background:#fff;
  color:#173f73;
  transition:background-color .2s ease,color .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.sdd-verification-item > summary::-webkit-details-marker{
  display:none;
}
.sdd-verification-item > summary::marker{
  content:"";
}
.sdd-verification-item[open] > summary{
  background:linear-gradient(135deg,#f7faff,#eef5ff);
}
.sdd-verification-item > summary:focus-visible{
  position:relative;
  z-index:1;
  outline:3px solid rgba(255,80,1,.42);
  outline-offset:-3px;
}
.sdd-verification-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:10px;
  background:#e8f2ff;
  color:#174f98;
  font-size:11px;
  font-weight:900;
  letter-spacing:-.02em;
}
.sdd-verification-item > summary > strong{
  min-width:0;
  font-size:15px;
  font-weight:850;
  line-height:1.35;
}
.sdd-verification-item > summary > i{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#edf5ff;
  color:#174f98;
  transition:transform .2s ease,background-color .2s ease,color .2s ease;
}
.sdd-verification-item > summary > i svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sdd-verification-item[open] > summary > i{
  background:#174f98;
  color:#fff;
  transform:rotate(180deg);
}
.sdd-verification-content{
  padding:4px 18px 18px 70px;
  min-width:0;
  background:#fff;
}
.sdd-verification-body{
  min-width:0;
  color:#44586f;
  font-size:14px;
  line-height:1.72;
  overflow-wrap:anywhere;
}
.sdd-verification-body > :first-child{
  margin-top:0;
}
.sdd-verification-body > :last-child{
  margin-bottom:0;
}
.sdd-verification-source-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:10px 0 0!important;
  color:#28714b;
  font-size:12px;
  font-weight:700;
}
.sdd-verification-source-note > span{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#e6f6ee;
  font-size:11px;
}
.sdd-verification-source-note.is-shared{
  color:#617187;
}
.sdd-verification-source-note.is-shared > span{
  background:#edf3f9;
  color:#174f98;
}
.sdd-verification-full{
  width:max-content;
  max-width:100%;
  min-height:42px;
  margin-top:14px;
  padding:9px 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid #b9d0ea;
  border-radius:9px;
  background:#fff;
  color:#174f98;
  font-size:13px;
  font-weight:850;
  text-decoration:none;
  transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.sdd-verification-full:focus-visible{
  outline:3px solid rgba(255,80,1,.38);
  outline-offset:2px;
}
@media (hover:hover) and (pointer:fine){
  .sdd-verification-item > summary:hover{
    background:#f6faff;
    color:#0e5aa8;
  }
  .sdd-verification-full:hover{
    border-color:#174f98;
    background:#174f98;
    color:#fff;
    box-shadow:0 7px 16px rgba(23,79,152,.18);
    transform:translateY(-1px);
  }
}
@media (prefers-reduced-motion:reduce){
  .sdd-verification-item > summary,
  .sdd-verification-item > summary > i,
  .sdd-verification-full{
    transition:none!important;
  }
  .sdd-verification-full{
    transform:none!important;
  }
}
.sdd-product-inline-page__content{
  padding:22px 24px;
  color:#34465a;
  font-size:14px;
  line-height:1.7;
}
.sdd-product-inline-page__content > :first-child{
  margin-top:0;
}
.sdd-product-inline-page__content > :last-child{
  margin-bottom:0;
}
.sdd-inline-embed-source iframe,
.sdd-product-inline-fallback-frame{
  display:block;
  width:100%;
  min-height:680px;
  border:0;
  background:#f7f9fc;
}
.sdd-inline-embed-source__fallback{
  margin:0;
  border-top:1px solid #e1eaf4;
  padding:12px 20px;
  color:#607087;
  font-size:12px;
  text-align:center;
}
.sdd-inline-embed-source__fallback a{
  color:#174f98;
  font-weight:800;
}
.sdd-product-inline-empty{
  border:1px dashed #b7cbe2;
  border-radius:12px;
  padding:22px;
  background:#f7faff;
  color:#617187;
}
.sdd-product-inline-empty strong{
  color:#174f98;
}
.sdd-product-tab-panel .dpco-complaint-page{
  width:100%;
  margin:0;
  padding:0 0 12px;
}
.sdd-product-tab-panel .dpco-breadcrumb{
  display:none;
}
.sdd-product-tab-panel .dpco-intro-card{
  position:relative;
  top:auto;
}
.sdd-product-tab-panel .dpt-wrap{
  max-width:none;
  margin:0;
}
.sdd-product-mobile-extras{
  display: none;
}

/* --------------------------------------------------------------------------
 * 1.7.77 — Compact complaint and support workspaces inside product tabs only.
 * The plugin pages keep their standalone layouts; these rules are deliberately
 * anchored to the two product-panel IDs to avoid leaking into other plugins.
 * ----------------------------------------------------------------------- */
#sdd-panel-complaint,
#sdd-panel-support{
  --sdd-tab-blue:#174f98;
  --sdd-tab-blue-deep:#0f356b;
  --sdd-tab-orange:#FF5001;
  --sdd-tab-yellow:#ffc928;
  --sdd-tab-soft:#f5f9ff;
  --sdd-tab-line:#d7e3f1;
  --sdd-tab-ink:#172b45;
}

/* Khiếu nại: giữ đầy đủ trường và xử lý PHP, chỉ tái bố trí để giảm chiều cao. */
#sdd-panel-complaint .dpco-complaint-page{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 0 8px !important;
  color:var(--sdd-tab-ink);
  font-family:"Be Vietnam Pro",Tahoma,Arial,sans-serif;
  font-size:13px;
  line-height:1.42;
}
#sdd-panel-complaint .dpco-hero{
  grid-template-columns:minmax(214px,.28fr) minmax(0,1fr) !important;
  gap:12px !important;
  align-items:start;
  padding:0 0 10px !important;
}
#sdd-panel-complaint .dpco-intro-card{
  position:sticky !important;
  top:82px !important;
  border:1px solid rgba(255,255,255,.18);
  border-radius:13px !important;
  padding:16px 14px !important;
  background:linear-gradient(155deg,var(--sdd-tab-blue-deep),var(--sdd-tab-blue) 62%,#246ac2) !important;
  box-shadow:0 10px 24px rgba(15,53,107,.16) !important;
}
#sdd-panel-complaint .dpco-intro-card::after{
  right:-94px;
  bottom:-104px;
  width:230px;
  border-width:38px;
}
#sdd-panel-complaint .dpco-kicker{
  margin:0 0 4px !important;
  color:var(--sdd-tab-yellow);
  font-size:9.5px;
  line-height:1.25;
  letter-spacing:.12em;
}
#sdd-panel-complaint .dpco-form-card>.dpco-kicker.is-blue{
  color:var(--sdd-tab-blue) !important;
}
#sdd-panel-complaint .dpco-intro-card h1{
  margin:0 !important;
  font-size:clamp(23px,2.1vw,29px) !important;
  line-height:1.08 !important;
}
#sdd-panel-complaint .dpco-intro-copy{
  margin-top:7px !important;
  font-size:12px !important;
  line-height:1.42 !important;
}
#sdd-panel-complaint .dpco-trust-list{
  gap:5px !important;
  margin:10px 0 0 !important;
}
#sdd-panel-complaint .dpco-trust-list li{
  grid-template-columns:28px minmax(0,1fr) !important;
  gap:0 7px !important;
  border-radius:8px !important;
  padding:6px 7px !important;
}
#sdd-panel-complaint .dpco-trust-list li > span{
  width:27px !important;
  height:27px !important;
  border-radius:7px !important;
  background:linear-gradient(135deg,var(--sdd-tab-yellow),#ff9f1c) !important;
  font-size:9px !important;
}
#sdd-panel-complaint .dpco-trust-list strong{
  font-size:11.5px;
  line-height:1.25;
}
#sdd-panel-complaint .dpco-trust-list small{
  font-size:10px !important;
  line-height:1.3 !important;
}
#sdd-panel-complaint .dpco-direct-contact{
  gap:6px !important;
  margin-top:9px !important;
  padding-top:8px !important;
  font-size:10.5px !important;
}
#sdd-panel-complaint .dpco-direct-contact a{
  font-size:13px !important;
}
#sdd-panel-complaint .dpco-form-card{
  border:1px solid var(--sdd-tab-line) !important;
  border-top:3px solid var(--sdd-tab-orange) !important;
  border-radius:13px !important;
  padding:13px 14px 14px !important;
  box-shadow:0 9px 24px rgba(23,79,152,.08) !important;
}
#sdd-panel-complaint .dpco-form-card > h2{
  margin:0 !important;
  color:var(--sdd-tab-blue-deep) !important;
  font-size:clamp(20px,2vw,25px) !important;
  line-height:1.12 !important;
}
#sdd-panel-complaint .dpco-form-intro{
  margin:3px 0 7px !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
}
#sdd-panel-complaint .dpco-form{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:6px !important;
}
#sdd-panel-complaint .dpco-fieldset{
  grid-column:1 / -1;
  border:1px solid var(--sdd-tab-line) !important;
  border-radius:9px !important;
  padding:7px 9px 8px !important;
  background:linear-gradient(180deg,#fff,#fbfdff) !important;
}
#sdd-panel-complaint .dpco-fieldset legend{
  gap:6px !important;
  margin-left:-2px !important;
  padding:0 5px !important;
  color:var(--sdd-tab-blue-deep) !important;
  font-size:12.5px !important;
  line-height:1.25 !important;
}
#sdd-panel-complaint .dpco-fieldset legend > span{
  flex-basis:20px !important;
  width:20px !important;
  height:20px !important;
  border-radius:6px !important;
  background:var(--sdd-tab-blue) !important;
  font-size:9px !important;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.12);
}
#sdd-panel-complaint .dpco-fields{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:5px 7px !important;
}
#sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(1){
  grid-column:1;
}
#sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(2){
  grid-column:2;
}
#sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(1) .dpco-fields,
#sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(2) .dpco-fields{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
#sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(1) .dpco-field.is-wide,
#sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(2) .dpco-field.is-wide{
  grid-column:1 / -1 !important;
}
#sdd-panel-complaint .dpco-field.is-wide,
#sdd-panel-complaint .dpco-check.is-wide{
  grid-column:span 2 !important;
}
#sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(5) .dpco-fields{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
#sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(5) .dpco-field:nth-child(1),
#sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(5) .dpco-check{
  grid-column:1 / -1 !important;
}
#sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(5) .dpco-field:nth-child(2){
  grid-column:1 !important;
}
#sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(5) .dpco-field:nth-child(3){
  grid-column:2 !important;
}
#sdd-panel-complaint .dpco-field{
  gap:2px !important;
}
#sdd-panel-complaint .dpco-field label{
  color:#263c5b;
  font-size:11.5px !important;
  line-height:1.25 !important;
}
#sdd-panel-complaint .dpco-field input,
#sdd-panel-complaint .dpco-field select,
#sdd-panel-complaint .dpco-field textarea{
  height:36px !important;
  min-height:36px !important;
  border:1px solid #b9cbe0 !important;
  border-radius:6px !important;
  padding:5px 8px !important;
  font-size:12.5px !important;
  line-height:1.3 !important;
}
#sdd-panel-complaint .dpco-field input[type="date"],
#sdd-panel-complaint .dpco-field input[type="datetime-local"]{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  -webkit-appearance:none;
  appearance:none;
}
#sdd-panel-complaint .dpco-field input[type="date"]::-webkit-date-and-time-value,
#sdd-panel-complaint .dpco-field input[type="datetime-local"]::-webkit-date-and-time-value{
  min-width:0;
  text-align:left;
}
#sdd-panel-complaint .dpco-field input[type="date"]::-webkit-calendar-picker-indicator,
#sdd-panel-complaint .dpco-field input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  flex:0 0 16px;
  width:16px;
  margin:0;
  padding:0;
}
#sdd-panel-complaint .dpco-field textarea,
#sdd-panel-complaint .dpco-field #dpco-message{
  height:70px !important;
  min-height:70px !important;
}
#sdd-panel-complaint .dpco-field #dpco-resolution{
  height:58px !important;
  min-height:58px !important;
}
#sdd-panel-complaint .dpco-field input:focus,
#sdd-panel-complaint .dpco-field select:focus,
#sdd-panel-complaint .dpco-field textarea:focus{
  border-color:var(--sdd-tab-orange) !important;
  box-shadow:0 0 0 3px rgba(255,201,40,.28) !important;
}
#sdd-panel-complaint .dpco-field small{
  font-size:9.5px !important;
  line-height:1.25 !important;
}
#sdd-panel-complaint .dpco-check{
  grid-template-columns:16px minmax(0,1fr) !important;
  gap:6px !important;
  border-radius:7px !important;
  padding:6px 8px !important;
  font-size:10.5px !important;
  line-height:1.28 !important;
}
#sdd-panel-complaint .dpco-check input{
  width:16px !important;
  height:16px !important;
  margin:1px 0 0 !important;
}
#sdd-panel-complaint .dpco-check small{
  font-size:9.5px !important;
  line-height:1.25 !important;
}
#sdd-panel-complaint .dpco-confidential{
  border-left:3px solid var(--sdd-tab-blue) !important;
}
#sdd-panel-complaint .dpco-form > .dpco-confidential,
#sdd-panel-complaint .dpco-form > .dpco-consent{
  grid-column:auto;
}
#sdd-panel-complaint .dpco-turnstile{
  grid-column:1 / -1;
}
#sdd-panel-complaint .dpco-upload{
  grid-template-columns:minmax(0,1fr) minmax(220px,.55fr) !important;
  align-items:center !important;
  gap:8px !important;
  border:1px dashed #9eb8d6 !important;
  border-radius:7px !important;
  padding:7px 9px !important;
  text-align:left !important;
}
#sdd-panel-complaint .dpco-upload label{
  grid-template-columns:28px minmax(0,1fr) !important;
  gap:1px 8px !important;
  align-items:center !important;
}
#sdd-panel-complaint .dpco-upload label::before{
  grid-row:span 2;
  width:28px !important;
  height:28px !important;
  margin:0 !important;
  font-size:17px !important;
}
#sdd-panel-complaint .dpco-upload label small{
  font-size:9.5px !important;
  line-height:1.25 !important;
}
#sdd-panel-complaint .dpco-upload input[type="file"]{
  width:100% !important;
  margin:0 !important;
  padding:4px !important;
  font-size:10.5px !important;
}
#sdd-panel-complaint .dpco-submit{
  grid-column:1;
  min-height:40px !important;
  border:1px solid #0f3d7d !important;
  border-radius:8px !important;
  padding:0 14px !important;
  background:linear-gradient(135deg,var(--sdd-tab-blue-deep),var(--sdd-tab-blue)) !important;
  font-size:12.5px !important;
  box-shadow:0 7px 16px rgba(23,79,152,.18) !important;
}
#sdd-panel-complaint .dpco-submit:hover{
  border-color:#CC4000 !important;
  background:linear-gradient(135deg,var(--sdd-tab-orange),#CC4000) !important;
}
#sdd-panel-complaint .dpco-submit > span:last-child{
  color:var(--sdd-tab-yellow) !important;
  font-size:19px !important;
}
#sdd-panel-complaint .dpco-form-note{
  grid-column:2;
  align-self:center;
  font-size:9.5px !important;
  line-height:1.3 !important;
}
#sdd-panel-complaint .dpco-process{
  display:grid !important;
  grid-template-columns:minmax(170px,.22fr) minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  margin:0 !important;
  border:1px solid var(--sdd-tab-line) !important;
  border-radius:10px !important;
  padding:10px 12px !important;
  background:linear-gradient(120deg,#f2f7ff,#fff8eb) !important;
}
#sdd-panel-complaint .dpco-section-head{
  margin:0 !important;
  text-align:left !important;
}
#sdd-panel-complaint .dpco-section-head h2{
  font-size:17px !important;
  line-height:1.18 !important;
}
#sdd-panel-complaint .dpco-process ol{
  gap:6px !important;
}
#sdd-panel-complaint .dpco-process li{
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) !important;
  gap:1px 6px !important;
  align-items:center !important;
  border-radius:7px !important;
  padding:7px !important;
  box-shadow:none !important;
}
#sdd-panel-complaint .dpco-process li > span{
  grid-row:span 2;
  margin:0 !important;
  color:var(--sdd-tab-orange) !important;
  font-size:18px !important;
}
#sdd-panel-complaint .dpco-process h3{
  font-size:11.5px !important;
  line-height:1.2 !important;
}
#sdd-panel-complaint .dpco-process p{
  margin:0 !important;
  font-size:9.5px !important;
  line-height:1.25 !important;
}

/* Hỗ trợ: nén cổng Ticket khi nằm trong tab, không tác động trang độc lập. */
#sdd-panel-support .dpt-wrap[data-dpt-version].dpt-support-portal{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  color:var(--sdd-tab-ink);
  font-family:"Be Vietnam Pro",Tahoma,Arial,sans-serif !important;
  font-size:13px !important;
  line-height:1.4 !important;
  box-shadow:0 9px 25px rgba(23,79,152,.09) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-shell{
  overflow:hidden;
  border:1px solid #aac0da !important;
  border-radius:11px !important;
  box-shadow:0 9px 25px rgba(23,79,152,.08) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-header{
  min-height:0 !important;
  padding:5px 12px !important;
  border-bottom:1px solid var(--sdd-tab-line) !important;
  background:linear-gradient(110deg,#fff 0%,#f6faff 72%,#fff7e7 100%) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-block{
  width:100% !important;
  max-width:none !important;
  grid-template-columns:minmax(0,1fr) 66px !important;
  gap:12px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-mark{
  width:54px !important;
  height:54px !important;
  flex-basis:54px !important;
  border-radius:13px !important;
  background:linear-gradient(135deg,var(--sdd-tab-orange),var(--sdd-tab-yellow)) !important;
  font-size:22px !important;
  box-shadow:0 6px 15px rgba(255,80,1,.22) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-content > .dpt-kicker{
  color:#CC4000 !important;
  font-size:9px !important;
  line-height:1.45 !important;
  letter-spacing:.1em !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-block h2{
  margin:5px 0 0 !important;
  color:var(--sdd-tab-blue-deep) !important;
  font-size:17px !important;
  line-height:1.35 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-content .dpt-portal-nav{
  margin-top:5px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-nav{
  gap:3px !important;
  padding:3px !important;
  border:1px solid #c7d6e7 !important;
  border-radius:9px !important;
  background:#fff !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-nav a{
  min-height:28px !important;
  gap:5px !important;
  padding:4px 9px !important;
  border-radius:6px !important;
  color:#263b58 !important;
  font-size:10.5px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-nav a:hover,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-nav a.is-active{
  background:var(--sdd-tab-blue) !important;
  color:#fff !important;
  box-shadow:inset 0 -3px 0 #FFFA00;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-nav .dpt-icon{
  width:14px !important;
  height:14px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-main{
  min-height:0 !important;
  padding:12px 16px 14px !important;
  background:linear-gradient(180deg,#f7faff,#fff) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-footer{
  min-height:0 !important;
  padding:7px 16px !important;
  font-size:9.5px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-hero{
  min-height:62px !important;
  height:auto !important;
  margin:-12px -16px 11px !important;
  padding:8px 16px 9px !important;
  background:linear-gradient(105deg,var(--sdd-tab-blue-deep),var(--sdd-tab-blue)) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-hero h1{
  margin:0 0 2px !important;
  font-size:25px !important;
  line-height:1.08 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-hero > p,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-breadcrumbs{
  margin:2px 0 0 !important;
  font-size:9.5px !important;
  line-height:1.25 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-page-heading{
  gap:10px !important;
  margin-bottom:9px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-page-heading h1{
  margin:2px 0 3px !important;
  color:var(--sdd-tab-blue-deep) !important;
  font-size:24px !important;
  line-height:1.12 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-page-heading p{
  font-size:11.5px !important;
  line-height:1.35 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-eyebrow{
  color:#CC4000 !important;
  font-size:9px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-section-heading{
  gap:8px !important;
  margin:0 0 7px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-detail-heading{
  margin-top:10px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-section-heading h3{
  font-size:16px !important;
  line-height:1.2 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-section-heading p{
  margin-top:2px !important;
  font-size:10px !important;
  line-height:1.3 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-sla-badge{
  padding:5px 8px !important;
  border-color:#f0c682 !important;
  background:#fff8e9 !important;
  color:#8b4c08 !important;
  font-size:9.5px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form-section,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-tech,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-form-section,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-tech{
  margin-bottom:7px !important;
  border:1px solid var(--sdd-tab-line) !important;
  border-top:2px solid #dbe7f5 !important;
  border-radius:8px !important;
  padding:8px 10px 9px !important;
  background:#fff !important;
  box-shadow:0 4px 12px rgba(23,79,152,.045) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form-section:hover{
  border-top-color:var(--sdd-tab-orange) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px 10px !important;
  align-items:start !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-ticket-info-card{
  grid-column:1 !important;
  grid-row:1 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-ticket-detail-heading{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:start !important;
  z-index:2;
  margin:9px 11px 0 !important;
  pointer-events:none;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-ticket-detail-card{
  grid-column:2 !important;
  grid-row:1 !important;
  padding-top:51px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-department-fields,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-tech,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-consent,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .cf-turnstile,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-submit-row{
  grid-column:1 / -1 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-info-card .dpt-grid > .dpt-department-select{
  grid-column:1 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-info-card .dpt-grid > .dpt-field-full:not(.dpt-department-select){
  grid-column:2 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form-section legend{
  color:var(--sdd-tab-blue-deep) !important;
  font-size:12.5px !important;
  line-height:1.2 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-grid{
  gap:0 9px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form label{
  margin-bottom:6px !important;
  color:#263b58 !important;
  font-size:10.5px !important;
  line-height:1.22 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form select{
  height:35px !important;
  min-height:35px !important;
  margin-top:3px !important;
  border:1px solid #b9cbe0 !important;
  border-radius:6px !important;
  padding:5px 8px !important;
  font-size:11.5px !important;
  line-height:1.2 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form select{
  padding-right:28px !important;
  background-position:calc(100% - 14px) 14px,calc(100% - 9px) 14px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form input:focus,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form select:focus,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form textarea:focus{
  border-color:var(--sdd-tab-orange) !important;
  box-shadow:0 0 0 3px rgba(255,201,40,.28) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form small{
  margin-top:2px !important;
  font-size:9px !important;
  line-height:1.25 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-department-fields-intro,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-department-note{
  margin-bottom:6px !important;
  padding:5px 7px !important;
  font-size:9.5px !important;
  line-height:1.25 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-department-select select{
  height:40px !important;
  min-height:40px !important;
  margin-top:0 !important;
  padding-left:46px !important;
  background-position:calc(100% - 14px) 17px,calc(100% - 9px) 17px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-department-control{
  position:relative !important;
  display:block !important;
  margin-top:3px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-department-select .dpt-department-select-icon{
  top:50% !important;
  bottom:auto !important;
  left:7px !important;
  width:26px !important;
  height:26px !important;
  transform:translateY(-50%) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-department-select:hover .dpt-department-select-icon,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-department-select:focus-within .dpt-department-select-icon{
  transform:translateY(-50%) scale(1.04) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-message-field > .dpt-editor-label{
  min-height:24px !important;
  margin-top:3px !important;
  padding:4px 8px !important;
  border:1px solid #b9cbe0 !important;
  border-bottom:0 !important;
  font-size:9.5px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form textarea,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-message-field textarea{
  height:86px !important;
  min-height:86px !important;
  margin-top:0 !important;
  border:1px solid #b9cbe0 !important;
  border-radius:0 0 6px 6px !important;
  padding:6px 8px !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-field-counter{
  right:6px !important;
  bottom:5px !important;
  font-size:8.5px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-attachment-block{
  padding-top:6px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-dropzone.dpt-ticket-dropzone{
  min-height:42px !important;
  gap:6px !important;
  padding:5px 8px !important;
  border:1px dashed #98b2d1 !important;
  border-radius:6px !important;
  background:linear-gradient(90deg,#f5f9ff,#fff9ed) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-dropzone > .dpt-icon{
  width:15px !important;
  height:15px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-dropzone b{
  font-size:10.5px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-dropzone small,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-attachment-help{
  font-size:8.5px !important;
  line-height:1.2 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-attachment-help{
  margin-top:3px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-consent{
  margin:0 0 7px !important;
  border:1px solid #edcf9c !important;
  border-left:3px solid var(--sdd-tab-orange) !important;
  border-radius:6px !important;
  padding:6px 8px !important;
  background:#fffaf0 !important;
  font-size:9.5px !important;
  line-height:1.28 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-submit-row.dpt-ticket-actions{
  gap:8px !important;
  padding:8px 10px !important;
  border:1px solid var(--sdd-tab-line) !important;
  border-radius:7px !important;
  box-shadow:0 4px 12px rgba(23,79,152,.05) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-actions > div{
  width:min(100%,300px) !important;
  gap:7px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-button,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-actions .dpt-button{
  min-height:36px !important;
  height:auto !important;
  padding:7px 12px !important;
  border-width:1px !important;
  border-radius:7px !important;
  background:linear-gradient(135deg,var(--sdd-tab-blue-deep),var(--sdd-tab-blue)) !important;
  font-size:10.5px !important;
  line-height:1.2 !important;
  box-shadow:0 5px 12px rgba(23,79,152,.16) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-actions button.dpt-button{
  border-color:#FF5001 !important;
  background:linear-gradient(135deg,var(--sdd-tab-orange),#CC4000) !important;
  text-shadow:none !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-button:hover,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-button:focus{
  filter:brightness(.96) !important;
  box-shadow:0 7px 15px rgba(23,79,152,.23) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-account-panel{
  gap:10px !important;
  padding:10px 12px !important;
  border-radius:8px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-account-panel .dpt-auth-icon{
  width:34px !important;
  height:34px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-account-panel h3{
  font-size:15px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-account-panel p{
  font-size:10.5px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-action-row{
  gap:6px !important;
  margin-top:7px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-apps{
  margin-top:8px !important;
  border:1px solid #c9dbee !important;
  border-radius:8px !important;
  padding:9px 10px !important;
  background:linear-gradient(120deg,#f5f9ff,#fffaf0) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-apps-heading{
  margin-bottom:7px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-apps-heading h2{
  margin:1px 0 2px !important;
  font-size:17px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-apps-heading p{
  font-size:10.5px !important;
  line-height:1.3 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-app-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:6px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-app-card{
  min-height:58px !important;
  grid-template-columns:28px minmax(0,1fr) 13px !important;
  gap:6px !important;
  border-radius:7px !important;
  padding:6px 7px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-app-icon{
  width:28px !important;
  height:28px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-app-icon .dpt-icon{
  width:15px !important;
  height:15px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-app-card strong{
  font-size:10.5px !important;
  line-height:1.2 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-app-card small{
  font-size:8.5px !important;
  line-height:1.2 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-profile-card{
  margin-top:8px !important;
  padding:10px 12px !important;
  border-radius:8px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-profile-card h3{
  margin:0 0 2px !important;
  font-size:17px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-profile-card > p{
  margin:0 !important;
  font-size:10.5px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-profile-card .dpt-form{
  margin-top:7px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-stats{
  gap:6px !important;
  margin-bottom:8px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-stats div{
  min-height:0 !important;
  padding:7px 9px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-empty-state{
  min-height:0 !important;
  padding:14px !important;
}

@media (max-width:900px){
  #sdd-panel-complaint .dpco-hero{
    grid-template-columns:minmax(190px,.3fr) minmax(0,1fr) !important;
  }
  #sdd-panel-complaint .dpco-intro-card{
    top:68px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-app-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:700px){
  #sdd-panel-complaint .dpco-hero{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  #sdd-panel-complaint .dpco-intro-card{
    position:relative !important;
    top:auto !important;
    padding:11px !important;
  }
  #sdd-panel-complaint .dpco-intro-card h1{
    font-size:22px !important;
  }
  #sdd-panel-complaint .dpco-intro-copy{
    margin-top:4px !important;
    font-size:11px !important;
  }
  #sdd-panel-complaint .dpco-trust-list{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:4px !important;
    margin-top:7px !important;
  }
  #sdd-panel-complaint .dpco-trust-list li{
    display:flex !important;
    min-width:0;
    flex-direction:column;
    align-items:flex-start;
    gap:3px !important;
    padding:5px !important;
  }
  #sdd-panel-complaint .dpco-trust-list li > span{
    width:23px !important;
    height:23px !important;
  }
  #sdd-panel-complaint .dpco-trust-list strong{
    font-size:9.5px !important;
  }
  #sdd-panel-complaint .dpco-trust-list small{
    font-size:8.5px !important;
  }
  #sdd-panel-complaint .dpco-direct-contact{
    margin-top:6px !important;
    padding-top:6px !important;
  }
  #sdd-panel-complaint .dpco-form-card{
    padding:10px 9px !important;
  }
  #sdd-panel-complaint .dpco-form-card > h2{
    font-size:20px !important;
  }
  #sdd-panel-complaint .dpco-form{
    grid-template-columns:1fr !important;
  }
  #sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(1),
  #sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(2),
  #sdd-panel-complaint .dpco-form > .dpco-confidential,
  #sdd-panel-complaint .dpco-form > .dpco-consent,
  #sdd-panel-complaint .dpco-submit,
  #sdd-panel-complaint .dpco-form-note{
    grid-column:1 !important;
  }
  #sdd-panel-complaint .dpco-fields{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #sdd-panel-complaint .dpco-field.is-wide,
  #sdd-panel-complaint .dpco-check.is-wide{
    grid-column:1 / -1 !important;
  }
  #sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(5) .dpco-fields{
    grid-template-columns:1fr !important;
  }
  #sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(5) .dpco-field:nth-child(2),
  #sdd-panel-complaint .dpco-form > .dpco-fieldset:nth-of-type(5) .dpco-field:nth-child(3){
    grid-column:1 !important;
  }
  #sdd-panel-complaint .dpco-field input,
  #sdd-panel-complaint .dpco-field select,
  #sdd-panel-complaint .dpco-field textarea{
    height:39px !important;
    min-height:39px !important;
    font-size:13px !important;
  }
  #sdd-panel-complaint .dpco-upload{
    grid-template-columns:1fr !important;
  }
  #sdd-panel-complaint .dpco-process{
    grid-template-columns:1fr !important;
    gap:7px !important;
  }
  #sdd-panel-complaint .dpco-process ol{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-header{
    min-height:0 !important;
    padding:6px 8px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-block{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-mark{
    display:none !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-content{
    width:100% !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-content > .dpt-kicker{
    display:none !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-block h2{
    font-size:14.5px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-nav{
    display:grid !important;
    width:100% !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-nav a{
    min-height:30px !important;
    padding:4px 2px !important;
    font-size:9px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-main{
    padding:9px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-hero{
    min-height:50px !important;
    margin:-9px -9px 9px !important;
    padding:6px 9px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-hero h1{
    font-size:21px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-page-heading{
    align-items:stretch !important;
    flex-direction:column !important;
    gap:6px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-page-heading h1{
    font-size:21px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-support-home-button{
    width:100% !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-section-heading{
    align-items:flex-start !important;
    flex-direction:row !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form{
    grid-template-columns:1fr !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-ticket-info-card,
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-ticket-detail-heading,
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-ticket-detail-card{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-ticket-detail-heading{
    margin:0 !important;
    pointer-events:auto;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-ticket-detail-heading p{
    display:none !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-ticket-detail-card{
    padding-top:7px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form-section,
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-tech,
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-form-section,
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-form > .dpt-tech{
    padding:7px 8px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 6px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-field-full{
    grid-column:1 / -1 !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form select{
    height:39px !important;
    min-height:39px !important;
    font-size:13px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form textarea,
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-message-field textarea{
    height:82px !important;
    min-height:82px !important;
    font-size:13px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-submit-row.dpt-ticket-actions{
    align-items:stretch !important;
    flex-direction:row !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-actions > div{
    display:grid !important;
    width:100% !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-actions > small{
    display:none !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-actions .dpt-button{
    min-height:39px !important;
    font-size:11px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-app-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-app-card{
    min-height:55px !important;
  }
}


/* ========================================================================== 
   DECOR PAINT wishlist 1.7.82
   Scoped page layout plus reusable heart states on WooCommerce product cards.
   ========================================================================== */
.sdd-wishlist-header-link{
  position:relative;
}
.sdd-wishlist-count{
  position:absolute;
  top:-7px;
  right:-8px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border:2px solid #fff;
  border-radius:999px;
  background:#FF5001;
  color:#fff;
  font-size:10px;
  font-weight:800;
  line-height:1;
  box-shadow:0 3px 8px rgba(255,80,1,.28);
}
.sdd-wishlist-header-link.has-items{
  color:#f15a3d;
}
.sdd-product-heart,
.sdd-wishlist-card-heart{
  cursor:pointer;
  transition:color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.sdd-product-heart{
  display:grid;
}
.sdd-product-heart:is(:hover,:focus-visible),
.sdd-summary-icon.sdd-wishlist-toggle:is(:hover,:focus-visible),
.sdd-wishlist-card-heart:is(:hover,:focus-visible){
  color:#ff5b45;
  transform:translateY(-1px) scale(1.04);
}
.sdd-product-heart.is-saved,
.sdd-summary-icon.sdd-wishlist-toggle.is-saved,
.sdd-wishlist-card-heart.is-saved{
  color:#fff;
  background:linear-gradient(135deg,#ff7a18,#f04444);
  border-color:transparent;
  box-shadow:0 7px 18px rgba(240,68,68,.25);
}
.sdd-product-heart.is-saved .sdd-icon,
.sdd-summary-icon.sdd-wishlist-toggle.is-saved .sdd-icon,
.sdd-wishlist-card-heart.is-saved .sdd-icon{
  fill:currentColor;
}
.sdd-wishlist-toggle:focus-visible,
.sdd-wishlist-app a:focus-visible,
.sdd-wishlist-app button:focus-visible{
  outline:3px solid rgba(255,184,0,.75);
  outline-offset:3px;
}
body.sdd-wishlist-page{
  background:#f5f8fc;
}
body.sdd-wishlist-page .sdd-standard-page{
  padding:22px 0 48px;
}
.sdd-wishlist-page-shell{
  max-width:1240px;
}
.sdd-wishlist-page-article,
.sdd-wishlist-page-article .sdd-page-content{
  margin:0;
  padding:0;
  max-width:none;
}
.sdd-wishlist-app{
  --wish-blue:#174f98;
  --wish-dark:#0d3568;
  --wish-light:#eef5fd;
  --wish-line:#cbd9e9;
  --wish-orange:#FF5001;
  --wish-yellow:#ffc52c;
  --wish-ink:#102744;
  color:var(--wish-ink);
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:14px;
}
.sdd-wishlist-app *,
.sdd-wishlist-app *::before,
.sdd-wishlist-app *::after{
  box-sizing:border-box;
}
.sdd-wishlist-hero{
  position:relative;
  min-height:245px;
  padding:34px 42px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  align-items:center;
  gap:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  background:linear-gradient(118deg,#103f7d 0%,#1959a8 58%,#2374ce 100%);
  color:#fff;
  box-shadow:0 18px 42px rgba(16,63,125,.18);
}
.sdd-wishlist-hero::before,
.sdd-wishlist-hero::after{
  content:"";
  position:absolute;
  border:44px solid rgba(255,255,255,.07);
  border-radius:50%;
  pointer-events:none;
}
.sdd-wishlist-hero::before{
  width:300px;
  height:300px;
  right:98px;
  bottom:-200px;
}
.sdd-wishlist-hero::after{
  width:170px;
  height:170px;
  right:-55px;
  top:-100px;
}
.sdd-wishlist-hero-copy,
.sdd-wishlist-hero-summary{
  position:relative;
  z-index:1;
}
.sdd-wishlist-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--wish-orange);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.2;
}
.sdd-wishlist-eyebrow::before{
  content:"";
  width:22px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--wish-yellow),var(--wish-orange));
}
.sdd-wishlist-hero .sdd-wishlist-eyebrow{
  color:#ffd65a;
}
.sdd-wishlist-hero h1{
  margin:10px 0 8px;
  color:#fff;
  font-size:clamp(31px,4.2vw,46px);
  font-weight:800;
  letter-spacing:-.035em;
  line-height:1.12;
}
.sdd-wishlist-hero-copy > p{
  max-width:690px;
  margin:0;
  color:#dcecff;
  font-size:15px;
  line-height:1.65;
}
.sdd-wishlist-hero-actions{
  margin-top:20px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.sdd-wishlist-hero-actions a{
  min-height:44px;
  padding:10px 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:10px;
  color:#fff;
  font-weight:700;
  line-height:1.25;
  text-decoration:none;
}
.sdd-wishlist-hero-actions a:first-child{
  border-color:var(--wish-orange);
  background:linear-gradient(135deg,#FF5001,#CC4000);
  box-shadow:0 9px 22px rgba(255,80,1,.25);
}
.sdd-wishlist-hero-actions a:hover{
  background:#fff;
  color:var(--wish-blue);
}
.sdd-wishlist-hero-actions .sdd-icon{
  width:18px;
  height:18px;
}
.sdd-wishlist-hero-summary{
  min-height:164px;
  padding:20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:18px;
  background:rgba(5,37,79,.35);
  text-align:center;
  backdrop-filter:blur(5px);
}
.sdd-wishlist-hero-summary > span{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:linear-gradient(135deg,var(--wish-yellow),var(--wish-orange));
  color:#fff;
}
.sdd-wishlist-hero-summary .sdd-icon{
  width:24px;
  height:24px;
  fill:currentColor;
}
.sdd-wishlist-hero-summary strong{
  margin-top:7px;
  color:#fff;
  font-size:38px;
  line-height:1;
}
.sdd-wishlist-hero-summary small{
  margin-top:5px;
  color:#dcecff;
  font-size:12px;
}
.sdd-wishlist-benefits{
  position:relative;
  z-index:2;
  margin:-1px 20px 26px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid var(--wish-line);
  border-top:0;
  border-radius:0 0 16px 16px;
  background:#fff;
  box-shadow:0 12px 28px rgba(16,63,125,.08);
}
.sdd-wishlist-benefits > div{
  min-height:78px;
  padding:15px 20px;
  display:flex;
  align-items:center;
  gap:12px;
}
.sdd-wishlist-benefits > div + div{
  border-left:1px solid #e2eaf3;
}
.sdd-wishlist-benefits > div > .sdd-icon{
  width:38px;
  height:38px;
  padding:9px;
  flex:0 0 38px;
  border-radius:11px;
  background:#eaf3ff;
  color:var(--wish-blue);
}
.sdd-wishlist-benefits > div:nth-child(2) > .sdd-icon{
  background:#fff3df;
  color:#CC4000;
}
.sdd-wishlist-benefits > div:nth-child(3) > .sdd-icon{
  background:#edf9f2;
  color:#1f9b5c;
}
.sdd-wishlist-benefits span{
  min-width:0;
}
.sdd-wishlist-benefits strong,
.sdd-wishlist-benefits small{
  display:block;
}
.sdd-wishlist-benefits strong{
  color:var(--wish-ink);
  font-size:13px;
  line-height:1.35;
}
.sdd-wishlist-benefits small{
  margin-top:3px;
  color:#66778c;
  font-size:11px;
  line-height:1.4;
}
.sdd-wishlist-results{
  min-height:260px;
}
.sdd-wishlist-results[aria-busy="true"]{
  opacity:.68;
}
.sdd-wishlist-empty{
  margin-top:4px;
  padding:34px 40px;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  align-items:center;
  gap:48px;
  border:1px solid var(--wish-line);
  border-radius:20px;
  background:linear-gradient(130deg,#fff 0%,#f7faff 100%);
  box-shadow:0 15px 40px rgba(16,63,125,.07);
}
.sdd-wishlist-empty h2,
.sdd-wishlist-section-head h2{
  margin:8px 0 7px;
  color:var(--wish-ink);
  font-size:clamp(23px,3vw,32px);
  font-weight:800;
  letter-spacing:-.025em;
  line-height:1.2;
}
.sdd-wishlist-empty-copy > p,
.sdd-wishlist-section-head p{
  margin:0;
  color:#5b6d82;
  font-size:14px;
  line-height:1.65;
}
.sdd-wishlist-empty-actions{
  margin:20px 0 18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.sdd-wishlist-primary,
.sdd-wishlist-secondary{
  min-height:44px;
  padding:10px 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:10px;
  font-weight:700;
  text-decoration:none;
}
.sdd-wishlist-primary{
  background:var(--wish-blue);
  color:#fff;
  box-shadow:0 8px 20px rgba(23,79,152,.18);
}
.sdd-wishlist-primary:hover{
  background:var(--wish-dark);
  color:#fff;
}
.sdd-wishlist-secondary{
  border:1px solid #aebfd2;
  background:#fff;
  color:var(--wish-blue);
}
.sdd-wishlist-secondary:hover{
  border-color:var(--wish-orange);
  color:#CC4000;
}
.sdd-wishlist-primary .sdd-icon{
  width:17px;
  height:17px;
}
.sdd-wishlist-empty-copy ul{
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  list-style:none;
}
.sdd-wishlist-empty-copy li{
  display:flex;
  align-items:center;
  gap:6px;
  color:#40546c;
  font-size:12px;
  font-weight:600;
}
.sdd-wishlist-empty-copy li .sdd-icon{
  width:18px;
  height:18px;
  padding:3px;
  border-radius:50%;
  background:#e8f7ef;
  color:#149257;
}
.sdd-wishlist-empty-visual{
  position:relative;
  min-height:235px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:18px;
  background:radial-gradient(circle at 50% 42%,#2c78c9 0%,#174f98 50%,#103c75 100%);
  color:#fff;
}
.sdd-wishlist-orbit{
  position:absolute;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
}
.sdd-wishlist-orbit.orbit-one{width:205px;height:205px}
.sdd-wishlist-orbit.orbit-two{width:145px;height:145px}
.sdd-wishlist-heart-visual{
  position:relative;
  z-index:2;
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border:5px solid rgba(255,255,255,.75);
  border-radius:24px;
  background:linear-gradient(135deg,#ffca32,#FF5001);
  box-shadow:0 15px 35px rgba(0,0,0,.2);
  transform:rotate(-5deg);
}
.sdd-wishlist-heart-visual .sdd-icon{
  width:39px;
  height:39px;
  fill:currentColor;
}
.sdd-wishlist-empty-visual strong{
  position:relative;
  z-index:2;
  margin-top:14px;
  font-size:15px;
  letter-spacing:.04em;
}
.sdd-wishlist-empty-visual small{
  position:relative;
  z-index:2;
  margin-top:2px;
  color:#dcecff;
  font-size:10px;
  text-transform:uppercase;
}
.sdd-wishlist-color-dot{
  position:absolute;
  width:24px;
  height:24px;
  border:4px solid rgba(255,255,255,.9);
  border-radius:50%;
  box-shadow:0 4px 12px rgba(0,0,0,.16);
}
.sdd-wishlist-color-dot.dot-yellow{top:35px;left:48px;background:#ffd027}
.sdd-wishlist-color-dot.dot-orange{right:47px;top:58px;background:#ff7417}
.sdd-wishlist-color-dot.dot-blue{right:73px;bottom:30px;background:#78b9ff}
.sdd-wishlist-suggestions,
.sdd-wishlist-list{
  margin-top:30px;
}
.sdd-wishlist-section-head{
  margin-bottom:16px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}
.sdd-wishlist-section-head > div > span{
  color:var(--wish-blue);
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
}
.sdd-wishlist-section-head h2{
  margin:5px 0 3px;
  font-size:25px;
}
.sdd-wishlist-section-head > a,
.sdd-wishlist-clear{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--wish-blue);
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
.sdd-wishlist-section-head > a:hover{
  color:var(--wish-orange);
}
.sdd-wishlist-section-head > a .sdd-icon{
  width:16px;
  height:16px;
}
.sdd-wishlist-clear{
  min-height:40px;
  padding:9px 14px;
  border:1px solid #d5dfea;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
}
.sdd-wishlist-clear:hover{
  border-color:#f3a08d;
  background:#fff5f2;
  color:#c94126;
}
.sdd-wishlist-clear .sdd-icon{
  width:16px;
  height:16px;
}
.sdd-wishlist-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.sdd-wishlist-card{
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid #d5e0ec;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(16,63,125,.07);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.sdd-wishlist-card:hover{
  border-color:#aac6e8;
  box-shadow:0 15px 34px rgba(16,63,125,.12);
  transform:translateY(-3px);
}
.sdd-wishlist-card-media{
  position:relative;
  aspect-ratio:1.17/1;
  overflow:hidden;
  background:linear-gradient(145deg,#f8fafc,#edf3f9);
}
.sdd-wishlist-card-media > a{
  width:100%;
  height:100%;
  display:block;
}
.sdd-wishlist-card-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:10px;
  transition:transform .25s ease;
}
.sdd-wishlist-card:hover .sdd-wishlist-card-media img{
  transform:scale(1.03);
}
.sdd-wishlist-card-heart{
  position:absolute;
  z-index:2;
  top:10px;
  right:10px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid #d8e2ed;
  border-radius:12px;
  background:rgba(255,255,255,.94);
  color:#697b90;
  box-shadow:0 5px 14px rgba(15,48,86,.13);
}
.sdd-wishlist-card-heart .sdd-icon{
  width:20px;
  height:20px;
}
.sdd-wishlist-stock{
  position:absolute;
  left:10px;
  bottom:10px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#a34919;
  font-size:10px;
  font-weight:700;
  box-shadow:0 3px 12px rgba(15,48,86,.1);
}
.sdd-wishlist-stock.is-stock{
  color:#14864f;
}
.sdd-wishlist-card-body{
  padding:15px;
  display:flex;
  flex:1;
  flex-direction:column;
}
.sdd-wishlist-card-category{
  color:var(--wish-blue);
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.sdd-wishlist-card h3{
  margin:7px 0 6px;
  min-height:45px;
  font-size:15px;
  font-weight:800;
  line-height:1.45;
}
.sdd-wishlist-card h3 a{
  color:var(--wish-ink);
  text-decoration:none;
}
.sdd-wishlist-card h3 a:hover{
  color:var(--wish-blue);
}
.sdd-wishlist-card-body > p{
  margin:0 0 11px;
  min-height:40px;
  color:#66778b;
  font-size:11px;
  line-height:1.55;
}
.sdd-wishlist-card-meta{
  margin-top:auto;
  padding-top:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  border-top:1px solid #edf1f5;
}
.sdd-wishlist-rating{
  color:#68788b;
  font-size:11px;
  white-space:nowrap;
}
.sdd-wishlist-rating b{
  color:#ff9a00;
}
.sdd-wishlist-price{
  color:#ed3d2d;
  font-size:14px;
  font-weight:800;
  text-align:right;
}
.sdd-wishlist-price del{
  margin-right:4px;
  color:#8995a3;
  font-size:10px;
  font-weight:500;
}
.sdd-wishlist-price ins{
  color:#ed3d2d;
  text-decoration:none;
}
.sdd-wishlist-card-actions{
  margin-top:12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
}
.sdd-wishlist-card-cta{
  min-height:40px;
  padding:9px 11px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:9px;
  background:var(--wish-blue);
  color:#fff;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
}
.sdd-wishlist-card-cta:hover{
  background:linear-gradient(135deg,var(--wish-orange),#CC4000);
  color:#fff;
}
.sdd-wishlist-card-cta.is-loading{
  cursor:progress;
  opacity:.72;
  pointer-events:none;
}
.sdd-wishlist-card-cta.is-added{
  background:linear-gradient(135deg,#168b59,#20ad70);
  color:#fff;
}
.sdd-wishlist-card-cta .sdd-icon{
  width:16px;
  height:16px;
  flex:0 0 16px;
}
.sdd-wishlist-card-detail{
  display:inline-flex;
  align-items:center;
  gap:3px;
  color:var(--wish-blue);
  font-size:11px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}
.sdd-wishlist-card-detail .sdd-icon{
  width:14px;
  height:14px;
}
.sdd-wishlist-toast{
  position:fixed;
  z-index:99999;
  right:24px;
  bottom:28px;
  max-width:min(390px,calc(100vw - 32px));
  padding:12px 16px;
  border-left:4px solid var(--wish-yellow);
  border-radius:10px;
  background:var(--wish-dark);
  color:#fff;
  font-size:13px;
  font-weight:600;
  line-height:1.45;
  opacity:0;
  box-shadow:0 14px 35px rgba(8,37,74,.28);
  transform:translateY(12px);
  transition:opacity .18s ease,transform .18s ease;
}
.sdd-wishlist-toast.is-visible{
  opacity:1;
  transform:translateY(0);
}
.sdd-wishlist-toast.is-error{
  border-left-color:#ef493c;
}

@media (max-width:980px){
  .sdd-wishlist-hero{
    grid-template-columns:minmax(0,1fr) 190px;
    padding:30px;
  }
  .sdd-wishlist-empty{
    grid-template-columns:minmax(0,1fr) 280px;
    gap:28px;
    padding:30px;
  }
  .sdd-wishlist-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:700px){
  .sdd-product-heart{
    display:grid !important;
    right:7px;
    bottom:7px;
  }
  body.sdd-wishlist-page .sdd-standard-page{
    padding:10px 0 30px;
  }
  .sdd-wishlist-page-shell{
    width:100%;
    padding-inline:12px;
  }
  .sdd-wishlist-hero{
    min-height:0;
    padding:24px 20px;
    grid-template-columns:minmax(0,1fr) 96px;
    gap:14px;
    border-radius:16px;
  }
  .sdd-wishlist-hero h1{
    margin-top:8px;
    font-size:29px;
  }
  .sdd-wishlist-hero-copy > p{
    font-size:13px;
    line-height:1.55;
  }
  .sdd-wishlist-hero-actions{
    margin-top:16px;
    gap:8px;
  }
  .sdd-wishlist-hero-actions a{
    min-height:40px;
    padding:8px 11px;
    font-size:11px;
  }
  .sdd-wishlist-hero-summary{
    min-height:125px;
    padding:12px 8px;
  }
  .sdd-wishlist-hero-summary > span{
    width:36px;
    height:36px;
  }
  .sdd-wishlist-hero-summary strong{
    font-size:31px;
  }
  .sdd-wishlist-hero-summary small{
    font-size:9px;
  }
  .sdd-wishlist-benefits{
    margin:0 7px 20px;
    grid-template-columns:1fr;
  }
  .sdd-wishlist-benefits > div{
    min-height:61px;
    padding:11px 14px;
  }
  .sdd-wishlist-benefits > div + div{
    border-top:1px solid #e2eaf3;
    border-left:0;
  }
  .sdd-wishlist-benefits > div > .sdd-icon{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
  .sdd-wishlist-empty{
    padding:23px 19px;
    grid-template-columns:1fr;
    gap:22px;
    border-radius:16px;
  }
  .sdd-wishlist-empty h2{
    font-size:24px;
  }
  .sdd-wishlist-empty-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .sdd-wishlist-primary,
  .sdd-wishlist-secondary{
    min-height:42px;
    padding:8px 10px;
    font-size:11px;
    text-align:center;
  }
  .sdd-wishlist-empty-copy ul{
    display:grid;
    gap:7px;
  }
  .sdd-wishlist-empty-visual{
    min-height:185px;
  }
  .sdd-wishlist-orbit.orbit-one{width:170px;height:170px}
  .sdd-wishlist-orbit.orbit-two{width:120px;height:120px}
  .sdd-wishlist-heart-visual{
    width:66px;
    height:66px;
  }
  .sdd-wishlist-section-head{
    align-items:flex-start;
  }
  .sdd-wishlist-section-head h2{
    font-size:21px;
  }
  .sdd-wishlist-section-head p{
    font-size:12px;
  }
  .sdd-wishlist-clear{
    min-height:36px;
    padding:7px 9px;
  }
  .sdd-wishlist-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .sdd-wishlist-card{
    border-radius:13px;
  }
  .sdd-wishlist-card-media{
    aspect-ratio:1/1;
  }
  .sdd-wishlist-card-media img{
    padding:7px;
  }
  .sdd-wishlist-card-heart{
    top:7px;
    right:7px;
    width:34px;
    height:34px;
  }
  .sdd-wishlist-stock{
    left:7px;
    bottom:7px;
    padding:4px 7px;
    font-size:9px;
  }
  .sdd-wishlist-card-body{
    padding:11px;
  }
  .sdd-wishlist-card-category{
    font-size:8.5px;
  }
  .sdd-wishlist-card h3{
    min-height:41px;
    margin:5px 0;
    font-size:12.5px;
    line-height:1.45;
  }
  .sdd-wishlist-card-body > p{
    display:none;
  }
  .sdd-wishlist-card-meta{
    padding-top:8px;
    display:block;
  }
  .sdd-wishlist-rating,
  .sdd-wishlist-price{
    display:block;
    text-align:left;
  }
  .sdd-wishlist-price{
    margin-top:3px;
    font-size:12px;
  }
  .sdd-wishlist-card-actions{
    margin-top:9px;
    grid-template-columns:1fr;
  }
  .sdd-wishlist-card-cta{
    min-height:36px;
    padding:7px 6px;
    font-size:9px;
  }
  .sdd-wishlist-card-detail{
    display:none;
  }
  .sdd-wishlist-toast{
    right:16px;
    bottom:86px;
    font-size:12px;
  }
}

@media (max-width:420px){
  .sdd-wishlist-hero{
    grid-template-columns:1fr;
  }
  .sdd-wishlist-hero-summary{
    min-height:68px;
    padding:10px 15px;
    display:grid;
    grid-template-columns:38px auto 1fr;
    gap:9px;
    text-align:left;
  }
  .sdd-wishlist-hero-summary strong{
    margin:0;
    font-size:29px;
  }
  .sdd-wishlist-hero-summary small{
    margin:0;
    font-size:10px;
  }
}

@media (prefers-reduced-motion:reduce){
  .sdd-wishlist-app *,
  .sdd-wishlist-app *::before,
  .sdd-wishlist-app *::after,
  .sdd-product-heart,
  .sdd-summary-icon.sdd-wishlist-toggle{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
}

@media (max-width:380px){
  #sdd-panel-complaint .dpco-fields,
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-grid{
    grid-template-columns:1fr !important;
  }
  #sdd-panel-complaint .dpco-field.is-wide,
  #sdd-panel-complaint .dpco-check.is-wide,
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-field-full{
    grid-column:auto !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-nav a span{
    font-size:8.5px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-info-card .dpt-grid > .dpt-department-select,
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-info-card .dpt-grid > .dpt-field-full:not(.dpt-department-select){
    grid-column:1 !important;
  }
}

@media (prefers-reduced-motion:reduce){
  #sdd-panel-complaint *,
  #sdd-panel-support *{
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }
}

/* --------------------------------------------------------------------------
 * 1.7.79 — Readability, alignment and balance pass for complaint/support tabs.
 * This layer remains isolated to the two product-panel IDs. It deliberately
 * increases type size without restoring the oversized spacing of plugin pages.
 * ----------------------------------------------------------------------- */
#sdd-panel-complaint .dpco-complaint-page,
#sdd-panel-support .dpt-wrap[data-dpt-version].dpt-support-portal{
  font-family:"Be Vietnam Pro",Tahoma,Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1.46 !important;
}

/* Complaint form: readable fields, balanced rhythm and DECOR PAINT accents. */
#sdd-panel-complaint .dpco-kicker{font-size:11.5px !important;}
#sdd-panel-complaint .dpco-intro-copy{font-size:13px !important;}
#sdd-panel-complaint .dpco-trust-list strong{font-size:12.5px !important;}
#sdd-panel-complaint .dpco-trust-list small{font-size:11.5px !important;}
#sdd-panel-complaint .dpco-direct-contact{font-size:12px !important;}
#sdd-panel-complaint .dpco-form-card{
  border-top-color:var(--sdd-tab-orange) !important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
}
#sdd-panel-complaint .dpco-form-intro{font-size:12.5px !important;}
#sdd-panel-complaint .dpco-form{gap:8px !important;}
#sdd-panel-complaint .dpco-fieldset{
  border-top:2px solid #cfe0f4 !important;
  padding:8px 10px 9px !important;
  transition:border-color .18s ease,box-shadow .18s ease;
}
#sdd-panel-complaint .dpco-fieldset:hover{
  border-top-color:var(--sdd-tab-orange) !important;
  box-shadow:0 5px 14px rgba(23,79,152,.055) !important;
}
#sdd-panel-complaint .dpco-fieldset legend{font-size:13.5px !important;}
#sdd-panel-complaint .dpco-fields{gap:7px 9px !important;}
#sdd-panel-complaint .dpco-field label{font-size:12.5px !important;}
#sdd-panel-complaint .dpco-field input,
#sdd-panel-complaint .dpco-field select,
#sdd-panel-complaint .dpco-field textarea{
  height:40px !important;
  min-height:40px !important;
  border-color:#aebfd5 !important;
  border-radius:7px !important;
  padding:6px 9px !important;
  font-size:14px !important;
  line-height:1.3 !important;
}
#sdd-panel-complaint .dpco-field textarea,
#sdd-panel-complaint .dpco-field #dpco-message,
#sdd-panel-complaint .dpco-field #dpco-resolution{
  height:78px !important;
  min-height:78px !important;
}
#sdd-panel-complaint .dpco-field small{font-size:11.5px !important;}
#sdd-panel-complaint .dpco-check{
  font-size:12.5px !important;
  line-height:1.34 !important;
}
#sdd-panel-complaint .dpco-check small{font-size:11.5px !important;}
#sdd-panel-complaint .dpco-consent{
  border-color:#f0b6b1 !important;
  border-left:3px solid #b42318 !important;
  background:#fff5f4 !important;
  color:#b42318 !important;
}
#sdd-panel-complaint .dpco-consent .dpco-consent-copy,
#sdd-panel-complaint .dpco-consent > span{
  color:#b42318 !important;
  font-size:12.5px !important;
  font-weight:800 !important;
}
#sdd-panel-complaint .dpco-upload label small{font-size:11.5px !important;}
#sdd-panel-complaint .dpco-upload input[type="file"]{font-size:12px !important;}
#sdd-panel-complaint .dpco-submit{font-size:13.5px !important;}
#sdd-panel-complaint .dpco-form-note{font-size:11.5px !important;}

/* Complaint process: number and title share one line; compact on desktop. */
#sdd-panel-complaint .dpco-process{
  grid-template-columns:185px minmax(0,1fr) !important;
  gap:6px !important;
  padding:8px 8px 8px 2px !important;
  background:linear-gradient(110deg,#edf5ff 0%,#f7faff 55%,#fff7e9 100%) !important;
}
#sdd-panel-complaint .dpco-process .dpco-section-head{
  min-width:0 !important;
  padding-left:0 !important;
}
#sdd-panel-complaint .dpco-process .dpco-kicker{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  margin:0 0 4px !important;
  border:1px solid #f5cf88 !important;
  border-radius:999px !important;
  padding:4px 8px !important;
  background:#fff4d7 !important;
  color:#9b4e08 !important;
  font-size:11.5px !important;
  letter-spacing:.1em !important;
}
#sdd-panel-complaint .dpco-process .dpco-kicker::before{
  content:"";
  width:15px;
  height:3px;
  border-radius:999px;
  background:var(--sdd-tab-orange);
}
#sdd-panel-complaint .dpco-section-head h2{font-size:18.5px !important;}
#sdd-panel-complaint .dpco-process ol{gap:5px !important;}
#sdd-panel-complaint .dpco-process li{
  grid-template-columns:auto minmax(0,1fr) !important;
  gap:2px 6px !important;
  border-top:2px solid var(--sdd-tab-orange) !important;
  padding:6px 7px !important;
}
#sdd-panel-complaint .dpco-process li > span{
  grid-row:auto !important;
  font-size:19px !important;
}
#sdd-panel-complaint .dpco-process h3{font-size:13.5px !important;}
#sdd-panel-complaint .dpco-process p{
  grid-column:1 / -1 !important;
  margin:2px 0 0 !important;
  font-size:12px !important;
  line-height:1.3 !important;
}

/* Support portal: retain compact geometry while restoring legible type. */
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-content > .dpt-kicker{font-size:11.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-block h2{font-size:18px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-nav a{font-size:12.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-footer{font-size:11.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-hero > p,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-breadcrumbs{font-size:11.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-page-heading p{font-size:12.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-eyebrow{font-size:11.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-section-heading h3{font-size:17px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-section-heading p{font-size:12.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-sla-badge{font-size:11.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form-section legend{font-size:13.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form label{
  margin-bottom:6px !important;
  font-size:12.5px !important;
  line-height:1.3 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form select{
  height:40px !important;
  min-height:40px !important;
  padding:6px 9px !important;
  font-size:14px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form .dpt-department-select select{
  margin-top:0 !important;
  padding:6px 32px 6px 46px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form small{font-size:11.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-department-fields-intro,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-department-note{font-size:11.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-message-field > .dpt-editor-label{font-size:12px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form textarea,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-message-field textarea{
  height:90px !important;
  min-height:90px !important;
  font-size:14px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-dropzone b{font-size:12px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-dropzone small,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-attachment-help{font-size:11px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-consent{font-size:12.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-button,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-actions .dpt-button{font-size:12.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-account-panel p,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-apps-heading p,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-profile-card > p{font-size:12.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-app-card strong{font-size:12.5px !important;}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-member-app-card small{font-size:11.5px !important;}

@media (max-width:700px){
  #sdd-panel-complaint .dpco-intro-copy{font-size:12.5px !important;}
  #sdd-panel-complaint .dpco-trust-list strong{font-size:11.5px !important;}
  #sdd-panel-complaint .dpco-trust-list small{font-size:11.5px !important;}
  #sdd-panel-complaint .dpco-field input,
  #sdd-panel-complaint .dpco-field select,
  #sdd-panel-complaint .dpco-field textarea{
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    font-size:14px !important;
    line-height:1.3 !important;
  }
  #sdd-panel-complaint #dpco-incident,
  #sdd-panel-complaint input[name="incident_at"],
  #sdd-panel-complaint input[name="purchase_date"]{
    display:block !important;
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    -webkit-appearance:none;
    appearance:none;
  }
  #sdd-panel-complaint .dpco-field textarea,
  #sdd-panel-complaint .dpco-field #dpco-message,
  #sdd-panel-complaint .dpco-field #dpco-resolution{
    height:82px !important;
    min-height:82px !important;
    max-height:none !important;
  }
  #sdd-panel-complaint .dpco-process{grid-template-columns:1fr !important;}
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-block h2{font-size:16px !important;}
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-nav a{font-size:11.5px !important;}
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form select{
    height:42px !important;
    min-height:42px !important;
    font-size:14px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form textarea,
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-message-field textarea{
    height:86px !important;
    min-height:86px !important;
    font-size:14px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-ticket-actions .dpt-button{font-size:12px !important;}
}

/* --------------------------------------------------------------------------
 * 1.7.80 — Product-tab-only workflow rail and compact verification resend.
 * Standalone Complaint, Account and Support pages intentionally stay outside
 * these selectors so their established layouts cannot be affected.
 * ----------------------------------------------------------------------- */
#sdd-panel-complaint .dpco-product-tab-embed .dpco-intro-card{
  position:relative !important;
  top:auto !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-intro-card > .dpco-process{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
  width:100% !important;
  max-width:none !important;
  margin:10px 0 0 !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:10px !important;
  padding:7px !important;
  background:rgba(5,42,88,.3) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process .dpco-section-head{
  display:grid !important;
  gap:3px !important;
  min-width:0 !important;
  margin:0 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-left:3px solid var(--sdd-tab-orange) !important;
  border-radius:7px !important;
  padding:7px 8px !important;
  background:rgba(255,255,255,.1) !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process .dpco-kicker{
  grid-column:1 !important;
  grid-row:1 !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
  border:0 !important;
  padding:0 !important;
  background:transparent !important;
  color:#ffd25f !important;
  font-size:10px !important;
  line-height:1.2 !important;
  letter-spacing:.09em !important;
  box-shadow:none !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process .dpco-kicker::before{
  width:13px !important;
  background:#ffb000 !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process .dpco-section-head h2{
  grid-column:1 !important;
  grid-row:2 !important;
  margin:0 !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1.28 !important;
  letter-spacing:-.01em !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process ol{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:5px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process li{
  display:grid !important;
  grid-template-columns:29px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  gap:1px 7px !important;
  align-items:center !important;
  min-height:0 !important;
  margin:0 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-top:1px solid rgba(255,255,255,.16) !important;
  border-left:3px solid var(--sdd-tab-orange) !important;
  border-radius:7px !important;
  padding:6px 7px !important;
  background:rgba(255,255,255,.09) !important;
  box-shadow:none !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process li > span{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  display:grid !important;
  place-items:center !important;
  width:29px !important;
  height:29px !important;
  margin:0 !important;
  border-radius:7px !important;
  background:linear-gradient(135deg,#ffd84d,#ff9d00) !important;
  color:#0d427e !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process h3{
  grid-column:2 !important;
  grid-row:1 !important;
  margin:0 !important;
  color:#fff !important;
  font-size:11.5px !important;
  line-height:1.25 !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process li > p{
  grid-column:2 !important;
  grid-row:2 !important;
  margin:0 !important;
  color:rgba(255,255,255,.8) !important;
  font-size:9.75px !important;
  line-height:1.3 !important;
}

#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-card{
  display:grid !important;
  grid-template-columns:34px minmax(190px,.68fr) minmax(0,1.32fr) !important;
  grid-template-areas:"resend-icon resend-title resend-form" "resend-icon resend-copy resend-form" !important;
  align-items:center !important;
  gap:2px 12px !important;
  width:auto !important;
  max-width:none !important;
  min-height:0 !important;
  margin:8px 12px 0 !important;
  border:1px solid #c9d9ec !important;
  border-left:3px solid var(--sdd-tab-orange) !important;
  border-radius:9px !important;
  padding:10px 12px !important;
  background:linear-gradient(105deg,#fff9ed 0%,#fff 34%,#f2f7fd 100%) !important;
  box-shadow:0 6px 16px rgba(24,73,143,.08) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-card > .dpt-auth-icon{
  grid-area:resend-icon !important;
  align-self:center !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  margin:0 !important;
  border-radius:8px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-card > h3{
  grid-area:resend-title !important;
  align-self:end !important;
  margin:0 !important;
  color:#14365f !important;
  font-size:14px !important;
  line-height:1.25 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-card > p{
  grid-area:resend-copy !important;
  align-self:start !important;
  margin:0 !important;
  color:#5c6d82 !important;
  font-size:10.75px !important;
  line-height:1.35 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-verification-form{
  grid-area:resend-form !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:end !important;
  gap:7px !important;
  min-width:0 !important;
  margin:0 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-verification-form > label{
  min-width:0 !important;
  margin:0 !important;
  font-size:10.75px !important;
  line-height:1.25 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form.dpt-inline-form.dpt-resend-verification-form input[type="email"]{
  box-sizing:border-box !important;
  width:100% !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  margin:3px 0 0 !important;
  border-radius:7px !important;
  padding:5px 9px !important;
  font-size:13px !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-verification-button{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  margin:0 !important;
  border:1px solid #0b4f9d !important;
  border-bottom:3px solid #FF5001 !important;
  border-radius:7px !important;
  padding:0 13px !important;
  background:linear-gradient(135deg,#174f98,#0b6bc0) !important;
  color:#fff !important;
  font-size:10.75px !important;
  line-height:1 !important;
  font-weight:850 !important;
  white-space:nowrap !important;
  box-shadow:0 5px 12px rgba(23,79,152,.16) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-verification-button:hover,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-verification-button:focus{
  border-color:#CC4000 !important;
  background:linear-gradient(135deg,#FF5001,#CC4000) !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-verification-form > .cf-turnstile{
  grid-column:1 / -1 !important;
}

@media (max-width:700px){
  #sdd-panel-complaint .dpco-product-tab-embed .dpco-intro-card > .dpco-process{
    margin-top:8px !important;
    padding:6px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-card{
    grid-template-columns:32px minmax(0,1fr) !important;
    grid-template-areas:"resend-icon resend-title" "resend-copy resend-copy" "resend-form resend-form" !important;
    gap:3px 8px !important;
    margin:7px 8px 0 !important;
    padding:9px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-card > .dpt-auth-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-verification-form{
    grid-template-columns:minmax(0,1fr) 148px !important;
    gap:6px !important;
    margin-top:2px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-card > p{
    font-size:10.25px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-form.dpt-inline-form.dpt-resend-verification-form input[type="email"],
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-verification-button{
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
  }
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-resend-verification-button{
    padding-inline:5px !important;
    font-size:9.25px !important;
  }
}


.dpcs-front-tray, [data-dpcs-front-tray]{
  display: none !important;
}
body{
  margin: 0;
  overflow-x: hidden;
  background: #fff;
  color: var(--sdd-ink);
  font-family: var(--sdd-font);
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.sdd-shell{
  width: min(calc(100% - 30px), var(--sdd-shell));
  margin-inline: auto;
}















.sdd-home-products-top{
  padding-top: 20px;
  padding-bottom: 24px;
  background: #f6faff;
  padding: 17px 0 22px;
}
.sdd-home-tabs{
  align-items: center;
  margin-bottom: 11px;
}
.sdd-home-tab-labels{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  overflow: hidden;
}
.sdd-home-tab-labels h2{
  display: contents;
}
.sdd-home-tab-labels button{
  padding: 0;
  border: 0;
  background: none;
  color: #939aa4;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  white-space: nowrap;
}
.sdd-home-tab-labels button.is-active{
  color: #20252b;
}
.sdd-home-tab-labels span{
  width: 1px;
  height: 21px;
  background: #cfd6de;
}
.sdd-products-grid, .woocommerce ul.products{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
}
.sdd-product-card, .woocommerce ul.products li.product.sdd-product-card{
  position: relative;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  overflow: hidden;
  transition: .2s ease;
  border-color: #dce3eb;
  box-shadow: none;
  border: 1px solid #dfe5ec;
  border-radius: 0;
  background: #fff;
}
.sdd-product-media{
  position: relative;
  aspect-ratio: 1 / 1.02;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #fff;
}
.sdd-product-media img{
  width: 100%;
  height: 100%;
  padding: 7px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform .25s ease;
}
.sdd-product-info{
  padding: 8px 9px 10px;
}
.sdd-product-category{
  min-height: 17px;
  margin-bottom: 3px;
  color: #5f6a78;
  font-size: 12.5px;
  font-weight: 700;
}
.sdd-product-info h2, .sdd-product-info h3, .woocommerce ul.products li.product .woocommerce-loop-product__title{
  padding: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 40px;
  margin-bottom: 5px !important;
  font-size: 12.5px !important;
  line-height: 1.42;
  margin: 2px 0 5px !important;
  color: #282d34;
  font-weight: 700;
}
.sdd-price, .woocommerce ul.products li.product .price{
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  margin: 0 0 7px !important;
  color: var(--sdd-price) !important;
  font-weight: 900 !important;
  line-height: 1.25;
  min-height: 36px;
  margin-bottom: 4px !important;
  font-size: 14px !important;
}
.sdd-price del{
  color: #9ba3ad;
  font-size: 10px;
}
.sdd-price strong{
  color: var(--sdd-price);
}
.sdd-card-meta, .sdd-product-card-bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  min-height: 23px;
}
.sdd-rating span, .sdd-product-rating-line .sdd-star{
  color: #ff8a00;
}
.sdd-rating small, .sdd-product-rating-line, .sdd-compare-link{
  font-size: 10.5px;
}
.sdd-compare-link{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #1b579d;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}
.sdd-badge{
  position: absolute;
  z-index: 3;
  top: 6px;
  right: 6px;
  min-width: 34px;
  min-height: 20px;
  display: grid;
  place-items: center;
  padding: 2px 5px;
  background: #16569b;
  color: #fff;
  font-size: 8px;
  font-weight: 900;
  border-radius: 0;
}








.sdd-home-section-title{
  align-items: flex-start;
  margin-bottom: 11px;
}
.sdd-home-section-title h2{
  margin: 0;
  color: #21252c;
  font-size: 23px;
  font-weight: 800;
  line-height: 1.25;
}



.sdd-home-product-section{
  padding-top: 24px;
  padding-bottom: 26px;
  padding: 21px 0 23px;
}
.sdd-home-product-section.is-soft{
  background: #f7faff;
}
.sdd-home-subnav{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  color: #666f7c;
  font-size: 15px;
  font-weight: 700;
}



.sdd-home-cta{
  padding: 20px 0;
  background: #eef4fa;
}
.sdd-home-cta-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 24px;
  background: var(--sdd-primary);
  color: #fff;
  min-height: 84px;
}
.sdd-home-cta-inner strong{
  font-size: 18px;
}
.sdd-service-strip{
  background: #123f7c;
  color: #fff;
}
.sdd-service-item{
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 13px 18px;
  border-right: 1px solid rgba(255,255,255,.14);
}
.sdd-service-item strong{
  font-size: 14px;
}
.sdd-service-item span{
  color: rgba(255,255,255,.75);
  font-size: 12px;
}
.sdd-contact-strip{
  border-bottom: 1px solid #dfe5ec;
  background: #f4f8fd;
}
.sdd-site-footer-main{
  background: #f4f8fd;
}



































.woocommerce ul.products{
  width: 100%;
}
.woocommerce ul.products::before, .woocommerce ul.products::after{
  display: none;
  content: none;
}
.woocommerce ul.products li.product{
  width: auto !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}
.sdd-related-products .products{
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 14px;
}
.sdd-related-products .sdd-product-card{
  min-width: 0;
}
@layer theme {
  :root, :host{
    --tw-color-red-500: oklch(63.7% 0.237 25.331);
    --tw-color-amber-200: oklch(92.4% 0.12 95.746);
    --tw-color-emerald-50: oklch(97.9% 0.021 166.113);
    --tw-color-emerald-600: oklch(59.6% 0.145 163.225);
    --tw-color-emerald-700: oklch(50.8% 0.118 165.612);
    --tw-color-blue-50: oklch(97% 0.014 254.604);
    --tw-color-blue-100: oklch(93.2% 0.032 255.585);
    --tw-color-blue-200: oklch(88.2% 0.059 254.128);
    --tw-color-slate-50: oklch(98.4% 0.003 247.858);
    --tw-color-slate-100: oklch(96.8% 0.007 247.896);
    --tw-color-slate-200: oklch(92.9% 0.013 255.508);
    --tw-color-slate-300: oklch(86.9% 0.022 252.894);
    --tw-color-slate-400: oklch(70.4% 0.04 256.788);
    --tw-color-slate-500: oklch(55.4% 0.046 257.417);
    --tw-color-slate-600: oklch(44.6% 0.043 257.281);
    --tw-color-slate-700: oklch(37.2% 0.044 257.287);
    --tw-color-slate-900: oklch(20.8% 0.042 265.755);
    --tw-color-white: #fff;
    --tw-spacing: 0.25rem;
    --tw-container-md: 28rem;
    --tw-container-lg: 32rem;
    --tw-container-xl: 36rem;
    --tw-container-6xl: 72rem;
    --tw-text-xs: 0.75rem;
    --tw-text-xs--line-height: calc(1 / 0.75);
    --tw-text-sm: 0.875rem;
    --tw-text-sm--line-height: calc(1.25 / 0.875);
    --tw-text-base: 1rem;
    --tw-text-base--line-height: calc(1.5 / 1);
    --tw-text-lg: 1.125rem;
    --tw-text-lg--line-height: calc(1.75 / 1.125);
    --tw-text-3xl: 1.875rem;
    --tw-text-3xl--line-height: calc(2.25 / 1.875);
    --tw-text-4xl: 2.25rem;
    --tw-text-4xl--line-height: calc(2.5 / 2.25);
    --tw-font-weight-semibold: 600;
    --tw-font-weight-bold: 700;
    --tw-font-weight-extrabold: 800;
    --tw-font-weight-black: 900;
    --tw-tracking-tight: -0.025em;
    --tw-tracking-wider: 0.05em;
    --tw-leading-tight: 1.25;
    --tw-radius-xl: 0.75rem;
    --tw-radius-2xl: 1rem;
    --tw-blur-sm: 8px;
    --tw-blur-2xl: 40px;
    --tw-blur-3xl: 64px;
    --tw-default-transition-duration: 150ms;
    --tw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}

/* Authentication controls and password-recovery layout — 1.7.47. */
body.sdd-auth-page .sdd-auth-shell input[type="email"],
body.sdd-auth-page .sdd-auth-shell input[type="text"],
body.sdd-auth-page .sdd-auth-shell input[type="password"]{
  position:relative;
  z-index:2;
  pointer-events:auto!important;
  touch-action:manipulation;
  -webkit-user-select:text;
     -moz-user-select:text;
          user-select:text;
}
body.sdd-auth-page .sdd-auth-shell :is(#username,#reg_email,#user_login,#password,#reg_password){
  padding-left:48px!important;
}
body.sdd-auth-page .sdd-auth-shell .password-input > input{
  padding-right:48px!important;
}
body.sdd-auth-page .sdd-auth-shell input[type="password"]::-ms-reveal,
body.sdd-auth-page .sdd-auth-shell input[type="password"]::-ms-clear{
  display:none!important;
}
body.sdd-auth-page .sdd-auth-control-wrap:focus-within > .sdd-auth-email-prompt,
body.sdd-auth-page .sdd-auth-control-wrap:focus-within > .sdd-field-error.is-control-message,
body.sdd-auth-page .sdd-auth-control-wrap:focus-within > .woocommerce-password-strength{
  display:none!important;
}
body.sdd-auth-page .sdd-auth-shell .show-password-input{
  display:none!important;
}
body.sdd-auth-page .sdd-password-toggle{
  position:absolute!important;
  z-index:20!important;
  top:50%!important;
  right:9px!important;
  display:grid!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0!important;
  place-items:center!important;
  border:0!important;
  border-radius:8px!important;
  transform:translateY(-50%)!important;
  background:transparent!important;
  color:#415873!important;
  cursor:pointer!important;
  box-shadow:none!important;
  pointer-events:auto!important;
  touch-action:manipulation;
}
body.sdd-auth-page .sdd-password-toggle:hover{
  background:#edf4fc!important;
  color:var(--sdd-primary,#1b5297)!important;
}
body.sdd-auth-page .sdd-password-toggle:focus-visible{
  outline:2px solid var(--sdd-primary,#1b5297)!important;
  outline-offset:2px!important;
}
body.sdd-auth-page .sdd-password-toggle > span{
  display:grid;
  width:22px;
  height:22px;
  place-items:center;
  pointer-events:none;
}
body.sdd-auth-page .sdd-password-toggle > span[hidden]{
  display:none!important;
}
body.sdd-auth-page .sdd-password-toggle .sdd-icon{
  width:22px!important;
  height:22px!important;
  margin:0!important;
  stroke-width:2!important;
}

body.sdd-auth-page .sdd-auth-recovery-shell{
  position:relative;
  isolation:isolate;
  display:flex;
  min-height:100svh;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:32px;
  background:#f4f8fc;
}
.sdd-auth-recovery-bg{
  position:absolute;
  z-index:-1;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.sdd-auth-recovery-bg::before{
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle at 1px 1px,rgba(23,79,152,.08) 1px,transparent 0);
  background-size:24px 24px;
  opacity:.34;
  content:"";
}
.sdd-auth-recovery-bg span{
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  filter:blur(70px);
}
.sdd-auth-recovery-bg span:first-child{
  top:-170px;
  left:-130px;
  background:rgba(23,79,152,.22);
}
.sdd-auth-recovery-bg span:last-child{
  right:-140px;
  bottom:-180px;
  background:rgba(255,80,1,.18);
}
.sdd-auth-recovery-frame{
  position:relative;
  display:grid;
  grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr);
  width:min(1080px,100%);
  overflow:hidden;
  border:1px solid #d6e1ed;
  border-top:4px solid #FF5001;
  border-radius:26px;
  background:#fff;
  box-shadow:0 28px 72px rgba(8,43,94,.16);
}
.sdd-auth-recovery-aside{
  position:relative;
  display:flex;
  min-width:0;
  min-height:590px;
  flex-direction:column;
  justify-content:space-between;
  padding:42px 38px;
  overflow:hidden;
  background:linear-gradient(145deg,#12396f,#1b5297 60%,#2a70bb);
  color:#fff;
}
.sdd-auth-recovery-aside::before,
.sdd-auth-recovery-aside::after{
  position:absolute;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  content:"";
  pointer-events:none;
}
.sdd-auth-recovery-aside::before{
  top:-110px;
  right:-110px;
  width:310px;
  height:310px;
}
.sdd-auth-recovery-aside::after{
  right:-45px;
  bottom:-105px;
  width:250px;
  height:250px;
  background:rgba(255,255,255,.04);
}
.sdd-auth-recovery-aside > *{
  position:relative;
  z-index:1;
}
.sdd-auth-recovery-brand{
  display:flex;
  width:100%;
  max-width:320px;
  min-height:116px;
  align-items:center;
  justify-content:center;
  padding:14px 18px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 30px rgba(2,22,54,.22);
}
.sdd-auth-recovery-brand img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:88px;
  opacity:1!important;
  filter:none!important;
  object-fit:contain;
}
.sdd-auth-recovery-kicker{
  display:inline-flex;
  margin-top:38px;
  align-items:center;
  gap:8px;
  color:#dcecff;
  font-size:12px;
  font-weight:850;
  letter-spacing:.12em;
}
.sdd-auth-recovery-aside h2{
  max-width:360px;
  margin:15px 0 0;
  color:#fff;
  font-size:34px;
  font-weight:900;
  line-height:1.16;
  letter-spacing:-.025em;
}
.sdd-auth-recovery-aside p{
  max-width:360px;
  margin:16px 0 0!important;
  color:#dcecff;
  font-size:15px;
  font-weight:500;
  line-height:1.65;
}
.sdd-auth-recovery-benefits{
  display:grid;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.sdd-auth-recovery-benefits li{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(8px);
}
.sdd-auth-recovery-benefits > li > .sdd-icon{
  width:38px!important;
  height:38px!important;
  padding:8px;
  border-radius:10px;
  background:rgba(255,255,255,.14);
}
.sdd-auth-recovery-benefits strong,
.sdd-auth-recovery-benefits small{
  display:block;
}
.sdd-auth-recovery-benefits strong{
  color:#fff;
  font-size:14px;
  font-weight:850;
}
.sdd-auth-recovery-benefits small{
  margin-top:3px;
  color:#dcecff;
  font-size:12.5px;
  font-weight:500;
  line-height:1.5;
}
.sdd-auth-recovery-content{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  padding:36px 48px 40px;
}
.sdd-auth-recovery-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:9px;
  margin-bottom:30px;
}
.sdd-auth-recovery-nav a,
.sdd-auth-recovery-back{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:9px 13px;
  border:1px solid #cbd9e8;
  border-radius:11px;
  background:#fff;
  color:var(--sdd-primary,#1b5297)!important;
  font-size:12px;
  font-weight:850;
  line-height:1.2;
  text-decoration:none!important;
  box-shadow:0 7px 18px rgba(19,58,101,.08);
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.sdd-auth-recovery-nav a:hover,
.sdd-auth-recovery-back:hover{
  border-color:var(--sdd-primary,#1b5297);
  background:#edf5fe;
  transform:translateY(-1px);
  box-shadow:0 9px 22px rgba(27,82,151,.14);
}
.sdd-auth-recovery-heading{
  text-align:center;
}
.sdd-auth-recovery-icon{
  display:grid;
  width:58px;
  height:58px;
  margin:0 auto;
  place-items:center;
  border:1px solid #c9def6;
  border-radius:17px;
  background:#eaf4ff;
  color:var(--sdd-primary,#1b5297);
  box-shadow:0 10px 24px rgba(27,82,151,.12);
}
.sdd-auth-recovery-icon .sdd-icon{
  width:28px!important;
  height:28px!important;
  stroke-width:2.2;
}
.sdd-auth-recovery-heading h1{
  margin:18px 0 0;
  color:#111827;
  font-size:34px;
  font-weight:900;
  line-height:1.18;
  letter-spacing:-.03em;
}
.sdd-auth-recovery-heading p{
  max-width:580px;
  margin:12px auto 0!important;
  color:#475d76!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.65!important;
}
body.sdd-auth-page .sdd-auth-recovery-form{
  display:grid!important;
  gap:18px!important;
  width:100%!important;
  margin:28px 0 0!important;
  padding:24px!important;
  border:1px solid #cfdae7!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(19,58,101,.08)!important;
}
.sdd-auth-recovery-form .sdd-auth-field{
  min-width:0;
}
.sdd-auth-recovery-form .sdd-auth-field > label{
  display:block;
  margin:0 0 8px!important;
  color:#25374d!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.35!important;
}
.sdd-auth-recovery-form .sdd-auth-field > label > span[aria-hidden="true"]{
  color:#dc2626;
}
body.sdd-auth-page .sdd-auth-recovery-form #user_login{
  height:52px!important;
  min-height:52px!important;
  padding:0 14px 0 48px!important;
  border:1px solid #aebed0!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#142033!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.25!important;
  cursor:text!important;
}
.sdd-auth-recovery-form .sdd-auth-control-wrap{
  height:52px;
  min-height:52px;
}
.sdd-auth-recovery-form .sdd-auth-input-icon{
  width:48px!important;
  height:52px!important;
  color:#56718f!important;
}
.sdd-auth-recovery-form .sdd-field-error{
  min-height:0;
  margin:7px 0 0!important;
  color:#c82121;
  font-size:12.5px;
  font-weight:750;
  line-height:1.45;
}
body.sdd-auth-page .sdd-auth-recovery-submit.sdd-auth-submit.woocommerce-Button.button{
  display:inline-flex!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0 20px!important;
  border:1px solid #164985!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,var(--sdd-primary,#1b5297),#2b70ba)!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.015em!important;
  text-align:center!important;
  text-shadow:none!important;
  box-shadow:0 12px 26px rgba(27,82,151,.24)!important;
  opacity:1!important;
  cursor:pointer!important;
}
body.sdd-auth-page .sdd-auth-recovery-submit.sdd-auth-submit.woocommerce-Button.button:hover{
  border-color:#0e3e78!important;
  background:linear-gradient(135deg,#123f7d,#235f9f)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 15px 30px rgba(27,82,151,.30)!important;
}
.sdd-auth-recovery-submit > span,
.sdd-auth-recovery-submit > .sdd-icon{
  position:static!important;
  flex:0 0 auto;
  margin:0!important;
  transform:none!important;
}
.sdd-auth-recovery-submit > .sdd-icon{
  width:21px!important;
  height:21px!important;
}
.sdd-auth-recovery-footer{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:20px;
}
.sdd-auth-recovery-footer > span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#08734b;
  font-size:12.5px;
  font-weight:800;
}
.sdd-auth-recovery-footer > span .sdd-icon{
  width:18px!important;
  height:18px!important;
  stroke-width:2.3;
}

@media (max-width:767px){
  body.sdd-auth-page .sdd-auth-recovery-shell{
    min-height:100svh;
    padding:14px;
    align-items:flex-start;
  }
  .sdd-auth-recovery-frame{
    grid-template-columns:1fr;
    border-top-width:3px;
    border-radius:20px;
  }
  .sdd-auth-recovery-aside{
    display:block;
    min-height:0;
    padding:18px;
  }
  .sdd-auth-recovery-aside .sdd-auth-recovery-kicker,
  .sdd-auth-recovery-aside h2,
  .sdd-auth-recovery-aside p,
  .sdd-auth-recovery-benefits{
    display:none;
  }
  .sdd-auth-recovery-brand{
    width:min(240px,100%);
    min-height:86px;
    margin:0 auto;
    padding:10px 14px;
    border-radius:13px;
  }
  .sdd-auth-recovery-brand img{
    max-height:66px;
  }
  .sdd-auth-recovery-content{
    padding:18px 16px 22px;
  }
  .sdd-auth-recovery-nav{
    display:grid;
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
    gap:7px;
    margin-bottom:20px;
  }
  .sdd-auth-recovery-nav a{
    min-width:0;
    min-height:40px;
    padding:8px 7px;
    font-size:10px;
    text-align:center;
  }
  .sdd-auth-recovery-icon{
    width:50px;
    height:50px;
    border-radius:14px;
  }
  .sdd-auth-recovery-heading h1{
    margin-top:14px;
    font-size:27px;
  }
  .sdd-auth-recovery-heading p{
    margin-top:9px!important;
    font-size:13.5px!important;
    line-height:1.58!important;
  }
  body.sdd-auth-page .sdd-auth-recovery-form{
    gap:15px!important;
    margin-top:20px!important;
    padding:15px!important;
    border-radius:13px!important;
    box-shadow:none!important;
  }
  .sdd-auth-recovery-form .sdd-auth-field > label{
    font-size:13.5px!important;
  }
  body.sdd-auth-page .sdd-auth-recovery-form #user_login{
    height:50px!important;
    min-height:50px!important;
    font-size:16px!important;
  }
  .sdd-auth-recovery-form .sdd-auth-control-wrap,
  .sdd-auth-recovery-form .sdd-auth-input-icon{
    height:50px!important;
    min-height:50px!important;
  }
  body.sdd-auth-page .sdd-auth-recovery-submit.sdd-auth-submit.woocommerce-Button.button{
    height:52px!important;
    min-height:52px!important;
    padding:0 12px!important;
    font-size:12.5px!important;
  }
  .sdd-auth-recovery-footer{
    display:grid;
    gap:10px;
    justify-items:stretch;
    margin-top:16px;
  }
  .sdd-auth-recovery-back{
    width:100%;
    min-height:44px;
  }
  .sdd-auth-recovery-footer > span{
    justify-content:center;
  }
}

@media (prefers-reduced-motion:reduce){
  .sdd-auth-recovery-nav a,
  .sdd-auth-recovery-back,
  .sdd-auth-recovery-submit{
    transition:none!important;
  }
}

/* V5.7: final shop search, horizontal category navigation and sidebar polish. */
.sdd-search-desktop .sdd-search-results{
  padding:6px!important;
}
.sdd-search-desktop .sdd-search-result-item{
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:11px!important;
  min-height:68px!important;
  padding:7px 9px!important;
}
.sdd-search-desktop .sdd-search-result-media,
.sdd-search-desktop .sdd-search-result-item img{
  width:52px!important;
  height:52px!important;
}
.sdd-search-desktop .sdd-search-result-copy{
  display:grid!important;
  align-content:center!important;
  gap:5px!important;
}
.sdd-search-desktop .sdd-search-result-title{
  font-size:13.5px!important;
  font-weight:750!important;
  line-height:1.34!important;
}
.sdd-search-desktop .sdd-search-result-price{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding-top:4px!important;
  overflow:hidden!important;
  border-top:1px solid #eef2f7!important;
  color:#d71920!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.3!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.sdd-search-desktop .sdd-search-result-price::before{
  content:"Giá: ";
  color:#687588;
  font-weight:650;
}

.sdd-shop-page .sdd-subcategory-scroll{
  grid-template-columns:32px minmax(0,1fr) 32px!important;
  gap:7px!important;
  align-items:center!important;
  margin:0 0 16px!important;
  padding:0!important;
}
.sdd-shop-page .sdd-subcategory-arrow{
  position:static!important;
  inset:auto!important;
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #c9d8ea!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#174f98!important;
  box-shadow:0 3px 9px rgba(23,79,152,.12)!important;
  font-size:0!important;
  line-height:1!important;
  transform:none!important;
}
.sdd-shop-page .sdd-subcategory-arrow svg{
  width:16px!important;
  height:16px!important;
  display:block!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
.sdd-shop-page .sdd-subcategory-arrow:is(:hover,:focus-visible){
  border-color:#174f98!important;
  background:#174f98!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(23,79,152,.18)!important;
  transform:none!important;
}
.sdd-shop-page .sdd-subcategory-arrow:disabled{
  border-color:#dbe3ed!important;
  background:#f7f9fc!important;
  color:#9eabba!important;
  opacity:.65!important;
  box-shadow:none!important;
}
.sdd-shop-page .sdd-subcategory-tabs{
  gap:6px!important;
  padding:5px 6px!important;
  border-radius:10px!important;
  scroll-padding-inline:6px!important;
}
.sdd-shop-page .sdd-subcategory-tabs a{
  min-height:34px!important;
  gap:5px!important;
  padding:3px 9px 3px 4px!important;
  font-size:13.5px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
.sdd-shop-page .sdd-subcategory-chip-image,
.sdd-shop-page .sdd-subcategory-chip-fallback{
  width:25px!important;
  height:25px!important;
  flex-basis:25px!important;
}

.sdd-shop-page .sdd-price-fields{
  gap:6px!important;
}
.sdd-shop-page .sdd-price-fields input{
  height:38px!important;
  min-height:38px!important;
  padding:0 8px!important;
  font-size:13px!important;
}
.sdd-shop-page .sdd-filter-actions{
  gap:8px!important;
  padding:10px 12px 12px!important;
}
.sdd-shop-page .sdd-filter-actions .button,
.sdd-shop-page .widget_price_filter .button{
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:7px!important;
  font-size:13.5px!important;
}
.sdd-shop-page .sdd-filter-actions a{
  font-size:13.5px!important;
}
.sdd-shop-page .widget_price_filter .ui-slider{
  height:4px!important;
  margin:14px 7px 18px!important;
}
.sdd-shop-page .widget_price_filter .ui-slider-handle{
  width:16px!important;
  height:16px!important;
  margin-top:-8px!important;
  margin-left:-8px!important;
}
.sdd-shop-page .widget_price_filter .price_slider_amount{
  gap:7px!important;
  font-size:12.5px!important;
}

.sdd-shop-page .sdd-shop-sidebar :is(.sdd-shop-widget,.widget,.wp-block-group){
  min-width:0;
}
.sdd-shop-page .sdd-shop-sidebar :is(.widget-title,h2.wp-block-heading,.wp-block-search__label){
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  margin:0 0 10px!important;
  padding:8px 11px!important;
  border-radius:8px!important;
  background:#174f98!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.25!important;
  letter-spacing:.01em!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(.search-form,.wp-block-search__inside-wrapper){
  grid-template-columns:minmax(0,1fr) 72px!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid #b9cce2!important;
  border-radius:8px!important;
  background:#fff!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(input[type="search"],.wp-block-search__input){
  height:38px!important;
  min-height:38px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:0!important;
  font-size:13.5px!important;
  line-height:38px!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(.search-submit,.wp-block-search__button){
  min-width:72px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:0!important;
  background:#174f98!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(.search-form,.wp-block-search__inside-wrapper):focus-within{
  border-color:#174f98!important;
  box-shadow:0 0 0 3px rgba(23,79,152,.11)!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(input[type="search"],.wp-block-search__input):focus{
  box-shadow:none!important;
}

.sdd-shop-page .sdd-shop-sidebar .wp-block-latest-posts__list{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.sdd-shop-page .sdd-shop-sidebar .wp-block-latest-posts__list > li{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-areas:"thumb title" "thumb date"!important;
  gap:2px 8px!important;
  align-items:center!important;
  margin:0!important;
  padding:6px!important;
  overflow:hidden!important;
  border:1px solid #e0e7ef!important;
  border-radius:8px!important;
  background:#fff!important;
}
.sdd-shop-page .sdd-shop-sidebar .wp-block-latest-posts__featured-image{
  grid-area:thumb!important;
  width:58px!important;
  height:48px!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:6px!important;
  background:#edf3fa!important;
}
.sdd-shop-page .sdd-shop-sidebar .wp-block-latest-posts__featured-image a,
.sdd-shop-page .sdd-shop-sidebar .wp-block-latest-posts__featured-image img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
.sdd-shop-page .sdd-shop-sidebar .wp-block-latest-posts__list > li > a{
  grid-area:title!important;
  min-width:0!important;
  display:-webkit-box!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  color:#263446!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.35!important;
  text-decoration:none!important;
}
.sdd-shop-page .sdd-shop-sidebar .wp-block-latest-posts__post-date{
  grid-area:date!important;
  color:#758195!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(.widget_recent_comments,.wp-block-latest-comments){
  font-size:13px!important;
  line-height:1.42!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(.widget_recent_comments ul,.wp-block-latest-comments){
  display:grid!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(.recentcomments,.wp-block-latest-comments__comment){
  margin:0!important;
  padding:7px 8px!important;
  border:1px solid #e0e7ef!important;
  border-radius:7px!important;
  background:#f8fafc!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(.recentcomments,.wp-block-latest-comments__comment) a{
  color:#174f98!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.sdd-shop-page .sdd-shop-sidebar .wp-block-latest-comments__comment-excerpt p{
  margin:3px 0 0!important;
  color:#677386!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.sdd-shop-page .sdd-shop-sidebar .widget_recent_comments > p{
  margin:0!important;
  padding:8px 9px!important;
  border-radius:7px!important;
  background:#f8fafc!important;
  color:#687588!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}

@media (max-width:767px){
  .sdd-shop-page .sdd-subcategory-scroll{
    grid-template-columns:30px minmax(0,1fr) 30px!important;
    gap:5px!important;
  }
  .sdd-shop-page .sdd-subcategory-arrow{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
  }
  .sdd-shop-page .sdd-subcategory-tabs a{
    min-height:32px!important;
    font-size:13px!important;
  }
}
@layer utilities {
  .tw\:pointer-events-none{
    pointer-events: none;
  }
  .tw\:absolute{
    position: absolute;
  }
  .tw\:relative{
    position: relative;
  }
  .tw\:inset-0{
    inset: calc(var(--tw-spacing) * 0);
  }
  .tw\:inset-y-0{
    inset-block: calc(var(--tw-spacing) * 0);
  }
  .tw\:-top-20{
    top: calc(var(--tw-spacing) * -20);
  }
  .tw\:-top-24{
    top: calc(var(--tw-spacing) * -24);
  }
  .tw\:-top-28{
    top: calc(var(--tw-spacing) * -28);
  }
  .tw\:top-6{
    top: calc(var(--tw-spacing) * 6);
  }
  .tw\:-right-6{
    right: calc(var(--tw-spacing) * -6);
  }
  .tw\:-right-20{
    right: calc(var(--tw-spacing) * -20);
  }
  .tw\:-right-24{
    right: calc(var(--tw-spacing) * -24);
  }
  .tw\:-bottom-16{
    bottom: calc(var(--tw-spacing) * -16);
  }
  .tw\:-bottom-28{
    bottom: calc(var(--tw-spacing) * -28);
  }
  .tw\:-left-16{
    left: calc(var(--tw-spacing) * -16);
  }
  .tw\:-left-24{
    left: calc(var(--tw-spacing) * -24);
  }
  .tw\:left-0{
    left: calc(var(--tw-spacing) * 0);
  }
  .tw\:isolate{
    isolation: isolate;
  }
  .tw\:z-10{
    z-index: 10;
  }
  .tw\:m-0{
    margin: calc(var(--tw-spacing) * 0);
  }
  .tw\:mx-auto{
    margin-inline: auto;
  }
  .tw\:mt-1{
    margin-top: calc(var(--tw-spacing) * 1);
  }
  .tw\:mt-2{
    margin-top: calc(var(--tw-spacing) * 2);
  }
  .tw\:mt-3{
    margin-top: calc(var(--tw-spacing) * 3);
  }
  .tw\:mt-4{
    margin-top: calc(var(--tw-spacing) * 4);
  }
  .tw\:mt-5{
    margin-top: calc(var(--tw-spacing) * 5);
  }
  .tw\:mt-6{
    margin-top: calc(var(--tw-spacing) * 6);
  }
  .tw\:mt-7{
    margin-top: calc(var(--tw-spacing) * 7);
  }
  .tw\:mt-8{
    margin-top: calc(var(--tw-spacing) * 8);
  }
  .tw\:mt-10{
    margin-top: calc(var(--tw-spacing) * 10);
  }
  .tw\:mb-7{
    margin-bottom: calc(var(--tw-spacing) * 7);
  }
  .tw\:block{
    display: block;
  }
  .tw\:flex{
    display: flex;
  }
  .tw\:grid{
    display: grid;
  }
  .tw\:hidden{
    display: none;
  }
  .tw\:inline-flex{
    display: inline-flex;
  }
  .tw\:h-4{
    height: calc(var(--tw-spacing) * 4);
  }
  .tw\:h-5{
    height: calc(var(--tw-spacing) * 5);
  }
  .tw\:h-7{
    height: calc(var(--tw-spacing) * 7);
  }
  .tw\:h-10{
    height: calc(var(--tw-spacing) * 10);
  }
  .tw\:h-11{
    height: calc(var(--tw-spacing) * 11);
  }
  .tw\:h-12{
    height: calc(var(--tw-spacing) * 12);
  }
  .tw\:h-13{
    height: calc(var(--tw-spacing) * 13);
  }
  .tw\:h-14{
    height: calc(var(--tw-spacing) * 14);
  }
  .tw\:h-44{
    height: calc(var(--tw-spacing) * 44);
  }
  .tw\:h-64{
    height: calc(var(--tw-spacing) * 64);
  }
  .tw\:h-72{
    height: calc(var(--tw-spacing) * 72);
  }
  .tw\:h-80{
    height: calc(var(--tw-spacing) * 80);
  }
  .tw\:min-h-\[100svh\]{
    min-height: 100svh;
  }
  .tw\:min-h-\[650px\]{
    min-height: 650px;
  }
  .tw\:w-4{
    width: calc(var(--tw-spacing) * 4);
  }
  .tw\:w-5{
    width: calc(var(--tw-spacing) * 5);
  }
  .tw\:w-7{
    width: calc(var(--tw-spacing) * 7);
  }
  .tw\:w-10{
    width: calc(var(--tw-spacing) * 10);
  }
  .tw\:w-12{
    width: calc(var(--tw-spacing) * 12);
  }
  .tw\:w-14{
    width: calc(var(--tw-spacing) * 14);
  }
  .tw\:w-44{
    width: calc(var(--tw-spacing) * 44);
  }
  .tw\:w-64{
    width: calc(var(--tw-spacing) * 64);
  }
  .tw\:w-72{
    width: calc(var(--tw-spacing) * 72);
  }
  .tw\:w-80{
    width: calc(var(--tw-spacing) * 80);
  }
  .tw\:w-auto{
    width: auto;
  }
  .tw\:w-full{
    width: 100%;
  }
  .tw\:max-w-6xl{
    max-width: var(--tw-container-6xl);
  }
  .tw\:max-w-\[165px\]{
    max-width: 165px;
  }
  .tw\:max-w-\[190px\]{
    max-width: 190px;
  }
  .tw\:max-w-\[210px\]{
    max-width: 210px;
  }
  .tw\:max-w-lg{
    max-width: var(--tw-container-lg);
  }
  .tw\:max-w-md{
    max-width: var(--tw-container-md);
  }
  .tw\:max-w-xl{
    max-width: var(--tw-container-xl);
  }
  .tw\:min-w-0{
    min-width: calc(var(--tw-spacing) * 0);
  }
  .tw\:shrink-0{
    flex-shrink: 0;
  }
  .tw\:cursor-pointer{
    cursor: pointer;
  }
  .tw\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tw\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .tw\:flex-col{
    flex-direction: column;
  }
  .tw\:flex-wrap{
    flex-wrap: wrap;
  }
  .tw\:place-items-center{
    place-items: center;
  }
  .tw\:items-center{
    align-items: center;
  }
  .tw\:items-start{
    align-items: flex-start;
  }
  .tw\:justify-between{
    justify-content: space-between;
  }
  .tw\:justify-center{
    justify-content: center;
  }
  .tw\:gap-1{
    gap: calc(var(--tw-spacing) * 1);
  }
  .tw\:gap-1\.5{
    gap: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:gap-2{
    gap: calc(var(--tw-spacing) * 2);
  }
  .tw\:gap-3{
    gap: calc(var(--tw-spacing) * 3);
  }
  .tw\:gap-4{
    gap: calc(var(--tw-spacing) * 4);
  }
  .tw\:space-y-2{
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:space-y-4{
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:space-y-5{
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--tw-spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--tw-spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .tw\:gap-x-5{
    -moz-column-gap: calc(var(--tw-spacing) * 5);
         column-gap: calc(var(--tw-spacing) * 5);
  }
  .tw\:gap-y-2{
    row-gap: calc(var(--tw-spacing) * 2);
  }
  .tw\:overflow-hidden{
    overflow: hidden;
  }
  .tw\:rounded{
    border-radius: 0.25rem;
  }
  .tw\:rounded-2xl{
    border-radius: var(--tw-radius-2xl);
  }
  .tw\:rounded-\[28px\]{
    border-radius: 28px;
  }
  .tw\:rounded-\[30px\]{
    border-radius: 30px;
  }
  .tw\:rounded-full{
    border-radius: calc(infinity * 1px);
  }
  .tw\:rounded-xl{
    border-radius: var(--tw-radius-xl);
  }
  .tw\:border{
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .tw\:border-0{
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .tw\:border-t{
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .tw\:border-blue-100{
    border-color: var(--tw-color-blue-100);
  }
  .tw\:border-slate-200{
    border-color: var(--tw-color-slate-200);
  }
  .tw\:border-slate-200\/80{
    border-color: var(--tw-color-slate-200);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-slate-200) 80%, transparent);
    }
  }
  .tw\:border-slate-300{
    border-color: var(--tw-color-slate-300);
  }
  .tw\:border-white\/15{
    border-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-white) 15%, transparent);
    }
  }
  .tw\:border-white\/20{
    border-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-white) 20%, transparent);
    }
  }
  .tw\:border-white\/30{
    border-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--tw-color-white) 30%, transparent);
    }
  }
  .tw\:bg-\[rgba\(4\,28\,64\,0\.36\)\]{
    background-color: rgba(4,28,64,0.36);
  }
  .tw\:bg-\[rgba\(23\,79\,152\,0\.10\)\]{
    background-color: rgba(23,79,152,0.10);
  }
  .tw\:bg-\[rgba\(23\,79\,152\,0\.12\)\]{
    background-color: rgba(23,79,152,0.12);
  }
  .tw\:bg-\[rgba\(255\,190\,0\,0\.14\)\]{
    background-color: rgba(255,190,0,0.14);
  }
  .tw\:bg-\[rgba\(255\,190\,0\,0\.15\)\]{
    background-color: rgba(255,190,0,0.15);
  }
  .tw\:bg-\[var\(--sdd-accent\)\]{
    background-color: var(--sdd-accent);
  }
  .tw\:bg-\[var\(--sdd-primary\)\]{
    background-color: var(--sdd-primary);
  }
  .tw\:bg-blue-50{
    background-color: var(--tw-color-blue-50);
  }
  .tw\:bg-emerald-50{
    background-color: var(--tw-color-emerald-50);
  }
  .tw\:bg-slate-50{
    background-color: var(--tw-color-slate-50);
  }
  .tw\:bg-slate-100{
    background-color: var(--tw-color-slate-100);
  }
  .tw\:bg-transparent{
    background-color: transparent;
  }
  .tw\:bg-white{
    background-color: var(--tw-color-white);
  }
  .tw\:bg-white\/10{
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 10%, transparent);
    }
  }
  .tw\:bg-white\/15{
    background-color: var(--tw-color-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-white) 15%, transparent);
    }
  }
  .tw\:bg-\[linear-gradient\(145deg\,var\(--sdd-primary-deep\)\,var\(--sdd-primary\)_58\%\,\#2871be\)\]{
    background-image: linear-gradient(145deg,var(--sdd-primary-deep),var(--sdd-primary) 58%,#2871be);
  }
  .tw\:bg-\[radial-gradient\(circle_at_1px_1px\,rgba\(23\,79\,152\,0\.08\)_1px\,transparent_0\)\]{
    background-image: radial-gradient(circle at 1px 1px,rgba(23,79,152,0.08) 1px,transparent 0);
  }
  .tw\:bg-\[length\:24px_24px\]{
    background-size: 24px 24px;
  }
  .tw\:object-contain{
    -o-object-fit: contain;
       object-fit: contain;
  }
  .tw\:p-0{
    padding: calc(var(--tw-spacing) * 0);
  }
  .tw\:p-1\.5{
    padding: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:p-4{
    padding: calc(var(--tw-spacing) * 4);
  }
  .tw\:p-6{
    padding: calc(var(--tw-spacing) * 6);
  }
  .tw\:p-10{
    padding: calc(var(--tw-spacing) * 10);
  }
  .tw\:px-3{
    padding-inline: calc(var(--tw-spacing) * 3);
  }
  .tw\:px-4{
    padding-inline: calc(var(--tw-spacing) * 4);
  }
  .tw\:px-5{
    padding-inline: calc(var(--tw-spacing) * 5);
  }
  .tw\:py-1\.5{
    padding-block: calc(var(--tw-spacing) * 1.5);
  }
  .tw\:py-3{
    padding-block: calc(var(--tw-spacing) * 3);
  }
  .tw\:py-7{
    padding-block: calc(var(--tw-spacing) * 7);
  }
  .tw\:py-8{
    padding-block: calc(var(--tw-spacing) * 8);
  }
  .tw\:py-10{
    padding-block: calc(var(--tw-spacing) * 10);
  }
  .tw\:pt-5{
    padding-top: calc(var(--tw-spacing) * 5);
  }
  .tw\:pr-4{
    padding-right: calc(var(--tw-spacing) * 4);
  }
  .tw\:pr-12{
    padding-right: calc(var(--tw-spacing) * 12);
  }
  .tw\:pl-12{
    padding-left: calc(var(--tw-spacing) * 12);
  }
  .tw\:text-center{
    text-align: center;
  }
  .tw\:text-3xl{
    font-size: var(--tw-text-3xl);
    line-height: var(--tw-leading, var(--tw-text-3xl--line-height));
  }
  .tw\:text-4xl{
    font-size: var(--tw-text-4xl);
    line-height: var(--tw-leading, var(--tw-text-4xl--line-height));
  }
  .tw\:text-base{
    font-size: var(--tw-text-base);
    line-height: var(--tw-leading, var(--tw-text-base--line-height));
  }
  .tw\:text-lg{
    font-size: var(--tw-text-lg);
    line-height: var(--tw-leading, var(--tw-text-lg--line-height));
  }
  .tw\:text-sm{
    font-size: var(--tw-text-sm);
    line-height: var(--tw-leading, var(--tw-text-sm--line-height));
  }
  .tw\:text-xs{
    font-size: var(--tw-text-xs);
    line-height: var(--tw-leading, var(--tw-text-xs--line-height));
  }
  .tw\:text-\[15px\]{
    font-size: 15px;
  }
  .tw\:leading-5{
    --tw-leading: calc(var(--tw-spacing) * 5);
    line-height: calc(var(--tw-spacing) * 5);
  }
  .tw\:leading-6{
    --tw-leading: calc(var(--tw-spacing) * 6);
    line-height: calc(var(--tw-spacing) * 6);
  }
  .tw\:leading-7{
    --tw-leading: calc(var(--tw-spacing) * 7);
    line-height: calc(var(--tw-spacing) * 7);
  }
  .tw\:leading-tight{
    --tw-leading: var(--tw-leading-tight);
    line-height: var(--tw-leading-tight);
  }
  .tw\:font-black{
    --tw-font-weight: var(--tw-font-weight-black);
    font-weight: var(--tw-font-weight-black);
  }
  .tw\:font-bold{
    --tw-font-weight: var(--tw-font-weight-bold);
    font-weight: var(--tw-font-weight-bold);
  }
  .tw\:font-extrabold{
    --tw-font-weight: var(--tw-font-weight-extrabold);
    font-weight: var(--tw-font-weight-extrabold);
  }
  .tw\:font-semibold{
    --tw-font-weight: var(--tw-font-weight-semibold);
    font-weight: var(--tw-font-weight-semibold);
  }
  .tw\:tracking-\[0\.12em\]{
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tw\:tracking-\[0\.22em\]{
    --tw-tracking: 0.22em;
    letter-spacing: 0.22em;
  }
  .tw\:tracking-tight{
    --tw-tracking: var(--tw-tracking-tight);
    letter-spacing: var(--tw-tracking-tight);
  }
  .tw\:tracking-wider{
    --tw-tracking: var(--tw-tracking-wider);
    letter-spacing: var(--tw-tracking-wider);
  }
  .tw\:text-\[var\(--sdd-primary\)\]{
    color: var(--sdd-primary);
  }
  .tw\:text-\[var\(--sdd-primary-deep\)\]{
    color: var(--sdd-primary-deep);
  }
  .tw\:text-blue-100{
    color: var(--tw-color-blue-100);
  }
  .tw\:text-blue-200{
    color: var(--tw-color-blue-200);
  }
  .tw\:text-emerald-600{
    color: var(--tw-color-emerald-600);
  }
  .tw\:text-emerald-700{
    color: var(--tw-color-emerald-700);
  }
  .tw\:text-red-500{
    color: var(--tw-color-red-500);
  }
  .tw\:text-slate-400{
    color: var(--tw-color-slate-400);
  }
  .tw\:text-slate-500{
    color: var(--tw-color-slate-500);
  }
  .tw\:text-slate-600{
    color: var(--tw-color-slate-600);
  }
  .tw\:text-slate-700{
    color: var(--tw-color-slate-700);
  }
  .tw\:text-slate-900{
    color: var(--tw-color-slate-900);
  }
  .tw\:text-white{
    color: var(--tw-color-white);
  }
  .tw\:uppercase{
    text-transform: uppercase;
  }
  .tw\:accent-\[var\(--sdd-primary\)\]{
    accent-color: var(--sdd-primary);
  }
  .tw\:opacity-30{
    opacity: 30%;
  }
  .tw\:opacity-40{
    opacity: 40%;
  }
  .tw\:shadow-\[0_10px_25px_rgba\(23\,79\,152\,0\.24\)\]{
    --tw-shadow: 0 10px 25px var(--tw-shadow-color, rgba(23,79,152,0.24));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-\[0_10px_25px_rgba\(255\,190\,0\,0\.24\)\]{
    --tw-shadow: 0 10px 25px var(--tw-shadow-color, rgba(255,190,0,0.24));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-\[0_28px_80px_rgba\(8\,43\,94\,0\.16\)\]{
    --tw-shadow: 0 28px 80px var(--tw-shadow-color, rgba(8,43,94,0.16));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:shadow-lg{
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tw\:blur-2xl{
    --tw-blur: blur(var(--tw-blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .tw\:blur-3xl{
    --tw-blur: blur(var(--tw-blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .tw\:backdrop-blur-sm{
    --tw-backdrop-blur: blur(var(--tw-blur-sm));
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .tw\:transition{
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
  }
  .tw\:outline-none{
    --tw-outline-style: none;
    outline-style: none;
  }
  .tw\:placeholder\:text-slate-400{
    &::-moz-placeholder {
      color: var(--tw-color-slate-400);
    }
    &::placeholder {
      color: var(--tw-color-slate-400);
    }
  }
  .tw\:hover\:-translate-y-0\.5{
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--tw-spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .tw\:hover\:bg-\[var\(--sdd-primary-dark\)\]{
    &:hover {
      @media (hover: hover) {
        background-color: var(--sdd-primary-dark);
      }
    }
  }
  .tw\:hover\:underline{
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .tw\:hover\:shadow-\[0_14px_30px_rgba\(23\,79\,152\,0\.30\)\]{
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 14px 30px var(--tw-shadow-color, rgba(23,79,152,0.30));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:hover\:shadow-\[0_14px_30px_rgba\(255\,190\,0\,0\.30\)\]{
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 14px 30px var(--tw-shadow-color, rgba(255,190,0,0.30));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:hover\:shadow-xl{
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .tw\:hover\:brightness-95{
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(95%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
  .tw\:focus\:border-\[var\(--sdd-primary\)\]{
    &:focus {
      border-color: var(--sdd-primary);
    }
  }
  .tw\:focus\:ring-4{
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .tw\:focus\:ring-amber-200{
    &:focus {
      --tw-ring-color: var(--tw-color-amber-200);
    }
  }
  .tw\:focus\:ring-blue-100{
    &:focus {
      --tw-ring-color: var(--tw-color-blue-100);
    }
  }
  .tw\:focus\:ring-blue-200{
    &:focus {
      --tw-ring-color: var(--tw-color-blue-200);
    }
  }
  .tw\:focus\:outline-none{
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .tw\:sm\:p-9{
    @media (width >= 40rem) {
      padding: calc(var(--tw-spacing) * 9);
    }
  }
  .tw\:sm\:px-6{
    @media (width >= 40rem) {
      padding-inline: calc(var(--tw-spacing) * 6);
    }
  }
  .tw\:sm\:px-9{
    @media (width >= 40rem) {
      padding-inline: calc(var(--tw-spacing) * 9);
    }
  }
  .tw\:sm\:py-10{
    @media (width >= 40rem) {
      padding-block: calc(var(--tw-spacing) * 10);
    }
  }
  .tw\:sm\:text-\[34px\]{
    @media (width >= 40rem) {
      font-size: 34px;
    }
  }
  .tw\:lg\:flex{
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .tw\:lg\:hidden{
    @media (width >= 64rem) {
      display: none;
    }
  }
  .tw\:lg\:grid-cols-\[0\.88fr_1\.12fr\]{
    @media (width >= 64rem) {
      grid-template-columns: 0.88fr 1.12fr;
    }
  }
  .tw\:lg\:flex-col{
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .tw\:lg\:justify-between{
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .tw\:lg\:px-8{
    @media (width >= 64rem) {
      padding-inline: calc(var(--tw-spacing) * 8);
    }
  }
  .tw\:lg\:px-12{
    @media (width >= 64rem) {
      padding-inline: calc(var(--tw-spacing) * 12);
    }
  }
  .tw\:xl\:p-12{
    @media (width >= 80rem) {
      padding: calc(var(--tw-spacing) * 12);
    }
  }
  .tw\:xl\:px-16{
    @media (width >= 80rem) {
      padding-inline: calc(var(--tw-spacing) * 16);
    }
  }
}
body.sdd-auth-page{
  background: #f4f7fb !important;
}
body.sdd-auth-page .sdd-standard-page, body.sdd-auth-page .sdd-auth-main{
  margin: 0;
  padding: 0;
  background: transparent;
}
body.sdd-auth-page .sdd-auth-page-shell, body.sdd-auth-page .sdd-auth-page-article, body.sdd-auth-page .sdd-page-content, body.sdd-auth-page .woocommerce{
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
body.sdd-auth-page .sdd-page-content > :first-child, body.sdd-auth-page .woocommerce > :first-child{
  margin-top: 0;
}
.sdd-auth-shell{
  min-height: 100svh !important;
  padding: 24px !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(27, 82, 151, .13), transparent 31%),
    linear-gradient(135deg, #f4f8fd 0%, #fff 58%, rgba(255, 80, 1, .15) 100%) !important;
  color: #172033;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.sdd-auth-shell *, .sdd-auth-shell *::before, .sdd-auth-shell *::after{
  box-sizing: border-box;
}
.sdd-auth-accent-glow{
  background: rgba(255, 80, 1, .18);
}
.sdd-auth-shell .sdd-icon{
  display: inline-block;
  flex: 0 0 auto;
}
.sdd-auth-frame{
  width: min(1180px, 100%);
  min-height: 680px;
  grid-template-columns: minmax(360px, .76fr) minmax(0, 1.24fr) !important;
  border-radius: 28px !important;
}
.sdd-auth-frame::before{
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--sdd-primary-deep), var(--sdd-primary) 68%, var(--sdd-orange));
  content: "";
}
.sdd-auth-aside{
  min-height: 680px !important;
  justify-content: flex-start !important;
  gap: 22px;
  padding: 36px !important;
}
.sdd-auth-aside-copy{
  width: 100%;
}
.sdd-auth-brand-card{
  display: flex !important;
  width: min(100%, 258px);
  max-width: 258px;
  min-height: 0;
  margin: 0 auto !important;
  padding: 12px 16px !important;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .72);
}
.sdd-auth-logo{
  height: auto !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  image-rendering: auto;
}
.sdd-auth-brand-card .sdd-auth-logo{
  width: min(100%, 216px) !important;
  height: auto !important;
  max-width: 216px !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  image-rendering: auto;
}
.sdd-auth-shell .sdd-auth-account-label{
  width: 100%;
  margin: 44px 0 0 !important;
  color: #dcecff !important;
  font-weight: 850 !important;
  line-height: 1.4 !important;
  text-align: center;
}
.sdd-auth-aside-copy > .sdd-auth-aside-heading{
  width: 100%;
  margin: 10px 0 0 !important;
  font-size: clamp(23px, calc(2.3vw - 1px), 29px) !important;
  line-height: 1.22 !important;
  letter-spacing: -1.2px !important;
  text-align: center;
  text-transform: uppercase;
}
.sdd-auth-aside-heading > span{
  display: block;
  white-space: nowrap;
}
.sdd-auth-aside-copy > .sdd-auth-aside-heading + p{
  margin-top: 16px !important;
  color: #e7f1ff !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
}
.sdd-auth-benefits{
  display: grid;
  gap: 12px;
  margin-top: 2px !important;
}
.sdd-auth-benefits > *{
  margin: 0 !important;
}
.sdd-auth-benefit{
  padding: 14px !important;
  border-color: rgba(255, 255, 255, .20) !important;
  background: rgba(255, 255, 255, .12) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.sdd-auth-benefit strong{
  font-size: 14px !important;
  line-height: 1.35 !important;
}
.sdd-auth-benefit span:not(:first-child){
  margin-top: 3px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
.sdd-auth-support-call{
  flex: 0 0 auto;
  min-height: 39px;
  padding: 8px 12px !important;
  border: 1px solid #c7ddf4 !important;
  background: #fff !important;
  color: var(--sdd-primary, #1b5297) !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  box-shadow: 0 9px 22px rgba(4, 28, 64, .24) !important;
}
.sdd-auth-support{
  padding: 12px 14px !important;
  background: rgba(4, 28, 64, .42) !important;
}
.sdd-auth-support-kicker{
  color: #cfe4ff !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
}
.sdd-auth-support-line{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 7px;
}
.sdd-auth-support-title{
  min-width: 0;
  color: #fff;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
  white-space: nowrap;
}
.sdd-auth-content{
  min-width: 0;
  justify-content: flex-start !important;
  padding: 30px 38px !important;
}
.sdd-auth-content-inner{
  max-width: 680px !important;
}
.sdd-auth-topbar{
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  margin: 0 0 18px;
}
.sdd-auth-nav{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.sdd-auth-nav a{
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid #cbd9e8;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(20, 61, 105, .07);
  color: var(--sdd-primary, #1b5297);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.sdd-auth-intro{
  margin: 0 0 18px !important;
}
.sdd-auth-safety-badge{
  min-height: 34px;
  border: 1px solid #c7ddf4;
  background: #eaf4ff !important;
  box-shadow: 0 6px 16px rgba(27, 82, 151, .10);
  color: #0e4f9a !important;
  font-weight: 900 !important;
}
.sdd-auth-safety-badge .sdd-icon{
  width: 19px !important;
  height: 19px !important;
  stroke-width: 2.2;
}
.sdd-auth-intro h2{
  margin: 12px 0 0 !important;
  color: #101827 !important;
  font-size: clamp(29px, 3vw, 36px) !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}
.sdd-auth-intro p{
  margin: 7px 0 0 !important;
  color: #33455d !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}
.sdd-auth-tabs{
  margin: 0 0 18px !important;
  padding: 5px !important;
  border: 1px solid #d8e3ef;
  border-radius: 14px !important;
  background: #edf3f9 !important;
  box-shadow: inset 0 1px 2px rgba(25, 67, 112, .05);
}
.sdd-auth-shell .sdd-auth-tab{
  min-height: 46px;
  margin: 0 !important;
  padding: 10px 16px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #586a80 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
  transition: transform .18s ease, color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.sdd-auth-shell .sdd-auth-tab.is-active, .sdd-auth-shell .sdd-auth-tab[aria-selected="true"]{
  border-color: var(--sdd-primary, #1b5297) !important;
  background: linear-gradient(135deg, var(--sdd-primary, #1b5297), #2769b5) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(27, 82, 151, .23) !important;
}
.sdd-auth-shell .sdd-auth-tab:focus-visible, .sdd-auth-nav a:focus-visible{
  outline: 3px solid rgba(27, 82, 151, .25);
  outline-offset: 2px;
}
.sdd-auth-shell .sdd-auth-panel[hidden]{
  display: none !important;
}
.sdd-auth-panel > .sdd-auth-form{
  margin: 0 !important;
  padding: 19px !important;
  border: 1px solid #cbd8e6 !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 9px 26px rgba(19, 58, 101, .07) !important;
}
.sdd-auth-login-form{
  display: grid;
  gap: 14px !important;
}
.sdd-auth-register-form{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 11px 14px !important;
}
.sdd-auth-panel > form > *, .sdd-auth-shell .form-row, .sdd-auth-shell .woocommerce-form-row, .sdd-auth-shell p{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.sdd-auth-shell .form-row, .sdd-auth-shell .woocommerce-form-row{
  min-width: 0;
  padding: 0 !important;
}
.sdd-auth-register-form > .decor-member-privacy, .sdd-auth-register-form > .cf-turnstile, .sdd-auth-register-form > .sdd-auth-legal, .sdd-auth-register-form > .sdd-auth-submit, .sdd-auth-register-form > .woocommerce-privacy-policy-text{
  grid-column: 1 / -1;
}
.sdd-auth-shell .sdd-auth-field, .sdd-auth-shell .form-row, .sdd-auth-shell .woocommerce-form-row{
  display: block;
}
.sdd-auth-shell .sdd-auth-field > label, .sdd-auth-shell .form-row > label:not(.checkbox), .sdd-auth-shell .woocommerce-form-row > label:not(.checkbox){
  display: block !important;
  margin: 0 0 6px !important;
  color: #29384b !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}
body.sdd-auth-page .sdd-auth-shell .sdd-auth-field-help{
  margin: 6px 0 0 !important;
  color: #5f6f82 !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  line-height: 1.5 !important;
}
.sdd-auth-control-wrap{
  position: relative;
  display: block;
  width: 100%;
  height: 48px;
  min-height: 48px;
}
.sdd-auth-input-icon{
  position: absolute !important;
  z-index: 4 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: flex !important;
  width: 48px !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
  color: #5f7794 !important;
  pointer-events: none;
}
.sdd-auth-input-icon .sdd-icon{
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  stroke-width: 2;
}
.sdd-auth-shell input[type="email"], .sdd-auth-shell input[type="text"], .sdd-auth-shell input[type="tel"], .sdd-auth-shell input[type="password"]{
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #aebed0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #142033 !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 550 !important;
  line-height: 1.25 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.sdd-auth-shell :is(#username, #reg_email, #password, #reg_password){
  padding-left: 48px !important;
}
.sdd-auth-shell :is(#password, #reg_password){
  padding-right: 48px !important;
}
.sdd-auth-shell input::placeholder{
  color: #71849b !important;
  opacity: 1 !important;
}
.sdd-auth-shell input:focus{
  border-color: var(--sdd-primary, #1b5297) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(27, 82, 151, .14) !important;
}
.sdd-auth-shell input:-webkit-autofill, .sdd-auth-shell input:-webkit-autofill:hover, .sdd-auth-shell input:-webkit-autofill:focus{
  -webkit-text-fill-color: #142033;
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-transition: background-color 9999s ease-out 0s;
  transition: background-color 9999s ease-out 0s;
}
.sdd-auth-email-prompt{
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 48px;
  display: flex;
  height: 100%;
  align-items: center;
  max-width: calc(100% - 62px);
  overflow: hidden;
  transform: none;
  color: #71849b;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
  animation: sdd-auth-email-drift 2.8s ease-in-out infinite alternate;
}
.sdd-auth-email-prompt[hidden]{
  display: none;
}
.sdd-auth-shell .password-input{
  position: relative;
  display: block;
  width: 100%;
}
.sdd-auth-shell .show-password-input{
  position: absolute;
  z-index: 15;
  top: 50%;
  right: 12px;
  width: 26px;
  height: 26px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  transform: translateY(-50%);
  background: transparent !important;
  color: #53677f;
  cursor: pointer;
  box-shadow: none !important;
}
.sdd-auth-shell .show-password-input::after{
  display: block;
  width: 22px;
  height: 22px;
  font-size: 18px;
  line-height: 22px;
}
.sdd-auth-shell input[type="checkbox"]{
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  flex: 0 0 18px;
  margin: 1px 0 0 !important;
  accent-color: var(--sdd-primary, #1b5297);
}
.sdd-auth-register-form .decor-member-privacy{
  padding: 9px 11px !important;
  border: 1px solid #d7e3ef;
  border-radius: 10px;
  background: #f6f9fc;
}
.sdd-auth-register-form .decor-member-privacy label{
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  margin: 0 !important;
  color: #394b62 !important;
  font-size: 12.5px !important;
  font-weight: 550 !important;
  line-height: 1.5 !important;
}
.sdd-auth-register-form .decor-member-privacy a{
  color: var(--sdd-primary, #1b5297);
  font-weight: 800;
}
.sdd-auth-remember-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
}
.sdd-auth-remember-row label{
  margin: 0 !important;
  color: #405168 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}
.sdd-auth-secure-note{
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid #bde9d3;
  border-radius: 999px;
  background: #effcf5;
  color: #08734b !important;
  font-weight: 800 !important;
}
.sdd-auth-secure-note .sdd-icon{
  width: 18px !important;
  height: 18px !important;
  stroke-width: 2.4;
}
.sdd-auth-submit{
  display: inline-flex !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 11px 18px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid #164985 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, var(--sdd-primary, #1b5297), #2769b5) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: .025em;
  opacity: 1 !important;
  box-shadow: 0 9px 20px rgba(27, 82, 151, .22) !important;
  filter: none !important;
  -webkit-filter: none !important;
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}
.sdd-auth-submit .sdd-icon{
  width: 20px !important;
  height: 20px !important;
}
.sdd-auth-submit:focus-visible{
  outline: 3px solid rgba(27, 82, 151, .25) !important;
  outline-offset: 2px;
}
.sdd-auth-submit:disabled, .sdd-auth-submit[disabled]{
  border-color: #c9d3de !important;
  background: #d7e0ea !important;
  color: #4d5c6d !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}
.sdd-auth-panel > p{
  margin: 14px 0 0 !important;
  color: #586a80 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}
.sdd-auth-panel > p button{
  color: var(--sdd-primary, #1b5297) !important;
  font-weight: 850 !important;
}
.sdd-auth-legal{
  padding: 10px 12px !important;
  border: 1px solid #dde6ef;
  border-radius: 10px !important;
  background: #f6f8fb !important;
  color: #34465d !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}
.sdd-auth-legal a{
  color: var(--sdd-primary, #174f98) !important;
  font-weight: 850 !important;
}
.sdd-auth-trust{
  margin-top: 18px !important;
  padding-top: 15px !important;
  border-top-color: #dce5ef !important;
  color: #46596f !important;
}
.sdd-auth-trust-item, .sdd-auth-trust-phone{
  min-height: 32px;
  padding: 6px 9px;
  border-radius: 999px;
  font-weight: 800 !important;
  text-decoration: none;
}
.sdd-auth-trust-item{
  border: 1px solid #bce7d1;
  background: #effcf5;
  color: #08734b;
}
.sdd-auth-trust-item .sdd-icon{
  width: 18px !important;
  height: 18px !important;
  color: #089461 !important;
  stroke-width: 2.4;
}
.sdd-auth-trust-phone{
  border: 1px solid #164985;
  background: linear-gradient(135deg, var(--sdd-primary, #1b5297), #2769b5);
  color: #fff !important;
  box-shadow: 0 6px 15px rgba(27, 82, 151, .20);
}
.sdd-auth-trust-phone .sdd-icon{
  color: #fff !important;
  stroke-width: 2.3;
}
@media (min-width:1024px){
  .sdd-auth-trust-phone{
    margin-left: 5px !important;
  }
}
.sdd-auth-shell .sdd-field-error{
  display: block;
  min-height: 18px;
  margin-top: 6px !important;
  color: #c82121;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}
.sdd-auth-shell .sdd-auth-control-wrap > .sdd-field-error.is-control-message{
  position: absolute;
  z-index: 8;
  top: 1px;
  right: 14px;
  bottom: 1px;
  left: 48px;
  display: flex;
  width: auto !important;
  min-width: 0;
  min-height: 0;
  margin: 0 !important;
  padding: 0 4px;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  background: #fffafa;
  font-size: 12px;
  line-height: 1.2;
  text-align: left;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: break-word;
  pointer-events: none;
}
.sdd-auth-shell .sdd-auth-password-field .sdd-auth-control-wrap > .sdd-field-error.is-control-message{
  right: 48px;
}
.sdd-auth-shell .sdd-auth-control-wrap > input.is-invalid ~ .sdd-auth-email-prompt{
  display: none !important;
}
.sdd-auth-shell .sdd-field-error[hidden]{
  display: none !important;
}
.sdd-auth-shell input.is-invalid, .sdd-auth-shell .has-error input{
  border-color: #dc2626 !important;
  background-color: #fffafa !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, .09) !important;
}
.sdd-auth-shell input.is-valid{
  border-color: #16a34a !important;
}
.sdd-auth-shell .woocommerce-error, .sdd-auth-shell .woocommerce-message, .sdd-auth-shell .woocommerce-info, body.sdd-auth-page .woocommerce-error, body.sdd-auth-page .woocommerce-message, body.sdd-auth-page .woocommerce-info{
  width: min(calc(100% - 32px), 720px);
  margin: 16px auto 0 !important;
  padding: 12px 14px 12px 42px !important;
  border: 1px solid #dbe4ef;
  border-top: 0 !important;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(8, 43, 94, .07);
  color: #334155;
  font-size: 13px;
  line-height: 1.5;
}
body.sdd-auth-page .woocommerce-error{
  border-color: #fecaca;
  background: #fff7f7;
  color: #991b1b;
}
body.sdd-auth-page .woocommerce-message{
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}
.sdd-auth-shell .woocommerce-privacy-policy-text, .sdd-auth-shell .woocommerce-privacy-policy-text p{
  margin: 0 !important;
  color: #34465d;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}
.sdd-auth-shell .woocommerce-privacy-policy-text a{
  color: var(--sdd-primary, #174f98);
  font-weight: 850;
}
.sdd-auth-shell .sdd-password-meter p{
  color: #34465d !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}
.sdd-auth-shell .woocommerce-password-strength{
  margin-top: 7px;
  padding: 7px 9px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  text-align: left;
}
.sdd-auth-shell .sdd-auth-control-wrap > .woocommerce-password-strength{
  position: absolute !important;
  z-index: 9;
  top: 1px;
  right: 48px;
  bottom: 1px;
  left: 48px;
  display: flex !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 4px !important;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #c82121 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: break-word;
  box-shadow: none !important;
  pointer-events: none;
}
.sdd-auth-shell .sdd-auth-control-wrap > .woocommerce-password-strength.empty{
  display: none !important;
}
.sdd-auth-shell .sdd-auth-control-wrap > .woocommerce-password-strength.short,
.sdd-auth-shell .sdd-auth-control-wrap > .woocommerce-password-strength.bad{
  background: #fff !important;
  color: #c82121 !important;
}
.sdd-auth-shell .sdd-auth-control-wrap > .woocommerce-password-strength.good{
  background: #fff !important;
  color: #a16207 !important;
}
.sdd-auth-shell .sdd-auth-control-wrap > .woocommerce-password-strength.strong{
  background: #fff !important;
  color: #166534 !important;
}
.sdd-auth-shell .sdd-auth-control-wrap:has(> .sdd-field-error.is-control-message:not([hidden])) > .woocommerce-password-strength{
  display: none !important;
}
.sdd-auth-shell .woocommerce-password-hint{
  display: block;
  margin-top: 5px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.45;
}
.sdd-password-meter > div > span{
  height: 4px;
  border-radius: 999px;
  background: #e2e8f0;
  transition: background-color .2s ease, transform .2s ease;
}
.sdd-password-meter[data-strength="1"] > div > span:nth-child(-n/**/+1){
  background: #ef4444;
}
.sdd-password-meter[data-strength="2"] > div > span:nth-child(-n/**/+2){
  background: #f59e0b;
}
.sdd-password-meter[data-strength="3"] > div > span:nth-child(-n/**/+3){
  background: #22c55e;
}
.sdd-password-meter[data-strength="4"] > div > span:nth-child(-n/**/+4){
  background: #15803d;
}
.sdd-password-meter[data-strength="1"] [data-password-meter-text]{
  color: #b91c1c;
}
.sdd-password-meter[data-strength="2"] [data-password-meter-text]{
  color: #a16207;
}
.sdd-password-meter[data-strength="3"] [data-password-meter-text], .sdd-password-meter[data-strength="4"] [data-password-meter-text]{
  color: #166534;
}
body.sdd-auth-page .sdd-site-footer{
  display: none !important;
}
@keyframes sdd-auth-email-drift{
  from{transform: translateX(0)}
  to{transform: translateX(8px)}
}
@media (hover:hover){
  .sdd-auth-nav a:hover{
    border-color: var(--sdd-primary, #1b5297);
    background: #edf5fe;
    box-shadow: 0 8px 18px rgba(27, 82, 151, .15);
    transform: translateY(-1px);
  }
  .sdd-auth-shell .sdd-auth-tab:not([aria-selected="true"]):hover{
    border-color: #a8c6e6 !important;
    background: #fff !important;
    color: var(--sdd-primary, #1b5297) !important;
    box-shadow: 0 7px 16px rgba(27, 82, 151, .12) !important;
    transform: translateY(-1px);
  }
  .sdd-auth-submit:not(:disabled):hover{
    background: linear-gradient(135deg, var(--sdd-primary-dark, #103f7c), var(--sdd-primary, #1b5297)) !important;
    box-shadow: 0 12px 25px rgba(27, 82, 151, .28) !important;
    transform: translateY(-1px);
  }
}
@media (min-width:768px) and (max-width:1199px){
  .sdd-auth-content{
    padding: 28px 30px !important;
  }
}
@media (min-width:768px) and (max-width:1023px){
  .sdd-auth-frame{
    display: block !important;
    min-height: 0;
    max-width: 760px;
  }
  .sdd-auth-aside{
    display: none !important;
  }
}
@media (prefers-reduced-motion:reduce){
  .sdd-auth-email-prompt{
    animation: none;
  }
  .sdd-auth-shell .sdd-auth-tab, .sdd-auth-nav a, .sdd-auth-submit{
    transition: none !important;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop{
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}
.sdd-simple-cart-page{
    padding: 0 0 48px;
    background: #f5f7fa;
}
.sdd-simple-cart-breadcrumb{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    min-height: 48px;
    color: #687386;
    font-size: 13px;
}
.sdd-simple-cart-breadcrumb a{
    color: var(--sdd-primary);
    font-weight: 700;
}
.sdd-simple-cart{
    --sdd-cart-panel-width: 370px;
    --sdd-cart-gap: 24px;
}
.sdd-simple-cart-heading{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
    padding: 28px 30px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--sdd-primary-dark), var(--sdd-primary));
    color: #fff;
    box-shadow: 0 18px 42px rgba(8, 43, 94, .17);
}
.sdd-simple-cart-heading h1{
    max-width: 760px;
    margin: 8px 0 7px;
    color: #fff;
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.17;
}
.sdd-simple-cart-heading p{
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: 15px;
}
.sdd-simple-cart-heading .sdd-eyebrow{
    color: #fff;
}
.sdd-simple-cart-heading-badge{
    flex: 0 0 112px;
    min-height: 98px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 10px;
    background: rgba(255,255,255,.11);
    text-align: center;
}
.sdd-simple-cart-heading-badge span{
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
}
.sdd-simple-cart-heading-badge small{
    margin-top: 8px;
    color: rgba(255,255,255,.82);
    font-size: 12px;
    font-weight: 700;
}
.sdd-simple-cart-layout{
    display: flex;
    align-items: flex-start;
    gap: var(--sdd-cart-gap);
}
.sdd-simple-cart-catalog{
    flex: 1 1 0;
    min-width: 0;
}
.sdd-simple-cart-catalog-head{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}
.sdd-simple-cart-catalog-head h2{
    margin: 0;
    color: #202933;
    font-size: 22px;
}
.sdd-simple-cart-catalog-head p{
    margin: 4px 0 0;
    color: #6d7786;
    font-size: 13px;
}
.sdd-simple-cart-catalog-head > a{
    flex: 0 0 auto;
    color: var(--sdd-primary);
    font-size: 13px;
    font-weight: 800;
}
.sdd-simple-cart-products{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 16px;
}
.sdd-simple-cart-product{
    flex: 0 0 calc((100% - 32px) / 3);
    max-width: calc((100% - 32px) / 3);
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dfe5ec;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(14, 47, 87, .06);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.sdd-simple-cart-product:hover{
    border-color: #bdcada;
    box-shadow: 0 12px 30px rgba(14, 47, 87, .12);
    transform: translateY(-2px);
}
.sdd-simple-cart-product-image{
    position: relative;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 10px;
    background: #fff;
}
.sdd-simple-cart-product-image img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.sdd-simple-cart-label{
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    padding: 4px 8px;
    border-radius: 4px;
    background: var(--sdd-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}
.sdd-simple-cart-product-body{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 13px;
    border-top: 1px solid #edf0f4;
}
.sdd-simple-cart-product-body > small{
    color: #8a94a2;
    font-size: 10px;
}
.sdd-simple-cart-product h3{
    min-height: 45px;
    margin: 5px 0 8px;
    color: #222b36;
    font-size: 14px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.sdd-simple-cart-product h3 a:hover{
    color: var(--sdd-primary);
}
.sdd-simple-cart-product-price{
    margin: auto 0 10px;
    color: var(--sdd-price);
    font-size: 17px;
    font-weight: 900;
}
.sdd-simple-cart-add{
    width: 100%;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    border: 0;
    border-radius: 5px;
    background: var(--sdd-primary);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    transition: background-color .2s ease, transform .15s ease;
}
.sdd-simple-cart-add:hover, .sdd-simple-cart-add:focus-visible{
    background: var(--sdd-primary-dark);
}
.sdd-simple-cart-add:active{
    transform: scale(.98);
}
.sdd-simple-cart-add.is-added{
    background: #26813a;
}
.sdd-simple-cart-panel{
    position: sticky;
    top: 118px;
    flex: 0 0 var(--sdd-cart-panel-width);
    max-width: var(--sdd-cart-panel-width);
    overflow: hidden;
    border: 1px solid #d9e1ea;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(13, 55, 105, .10);
}
.sdd-simple-cart-panel-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    border-bottom: 1px solid #e4e9ef;
    background: #f7f9fc;
}
.sdd-simple-cart-panel-head span:first-child{
    color: #6f7a89;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}
.sdd-simple-cart-panel-head h2{
    margin: 3px 0 0;
    font-size: 19px;
}
.sdd-simple-cart-panel-count{
    flex: 0 0 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--sdd-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}
.sdd-simple-cart-empty{
    min-height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
    text-align: center;
}
.sdd-simple-cart-empty[hidden]{
    display: none !important;
}
.sdd-simple-cart-empty > span{
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 13px;
    border-radius: 50%;
    background: #eef5fd;
    font-size: 30px;
}
.sdd-simple-cart-empty strong{
    color: #27313d;
    font-size: 17px;
}
.sdd-simple-cart-empty p{
    margin: 6px 0 0;
    color: #76808e;
    font-size: 13px;
}
.sdd-simple-cart-items{
    max-height: 440px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}
.sdd-simple-cart-item{
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 16px;
    border-bottom: 1px solid #edf0f4;
}
.sdd-simple-cart-item-image{
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #e3e8ee;
    border-radius: 6px;
    background: #fff;
}
.sdd-simple-cart-item-image img{
    width: 100%;
    height: 100%;
    padding: 4px;
    -o-object-fit: contain;
       object-fit: contain;
}
.sdd-simple-cart-item-details{
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.sdd-simple-cart-item-details > strong{
    color: #27313d;
    font-size: 12px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.sdd-simple-cart-item-details > span{
    margin-top: 3px;
    color: #7c8795;
    font-size: 10px;
}
.sdd-simple-cart-item-controls{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
}
.sdd-simple-cart-quantity{
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid #d7dee7;
    border-radius: 4px;
}
.sdd-simple-cart-quantity button, .sdd-simple-cart-quantity span{
    width: 28px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sdd-simple-cart-quantity button{
    border: 0;
    background: #f3f6f9;
    color: var(--sdd-primary-dark);
    font-weight: 900;
}
.sdd-simple-cart-quantity button:hover, .sdd-simple-cart-quantity button:focus-visible{
    background: var(--sdd-primary);
    color: #fff;
}
.sdd-simple-cart-quantity span{
    border-inline: 1px solid #d7dee7;
    color: #293443;
    font-size: 12px;
    font-weight: 800;
}
.sdd-simple-cart-remove{
    padding: 0;
    border: 0;
    background: transparent;
    color: #d94444;
    font-size: 11px;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.sdd-simple-cart-item-total{
    flex: 0 0 auto;
    color: var(--sdd-price);
    font-size: 12px;
    white-space: nowrap;
}
.sdd-simple-cart-summary{
    padding: 17px 18px 18px;
    border-top: 1px solid #e4e9ef;
    background: #fbfcfe;
}
.sdd-simple-cart-total-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
.sdd-simple-cart-total-row span{
    color: #3d4857;
    font-size: 14px;
    font-weight: 800;
}
.sdd-simple-cart-total-row strong{
    color: var(--sdd-price);
    font-size: 22px;
    line-height: 1.15;
}
.sdd-simple-cart-summary > p{
    margin: 8px 0 13px;
    color: #818b98;
    font-size: 11px;
    line-height: 1.45;
}
.sdd-simple-cart-actions{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.sdd-simple-cart-actions button, .sdd-simple-cart-actions a{
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 800;
}
.sdd-simple-cart-actions button{
    border: 1px solid #d8dfe7;
    background: #fff;
    color: #5f6a78;
}
.sdd-simple-cart-actions button:disabled{
    cursor: not-allowed;
    opacity: .48;
}
.sdd-simple-cart-actions a{
    border: 1px solid var(--sdd-primary);
    background: var(--sdd-primary);
    color: #fff;
}
.sdd-simple-cart-mobile-jump{
    display: none;
}
.sdd-simple-cart-note{
    margin: 20px 0 0;
    padding: 12px 15px;
    border-left: 4px solid var(--sdd-primary);
    border-radius: 3px;
    background: #edf4fc;
    color: #536174;
    font-size: 12px;
}
@media (max-width: 1024px) and (min-width: 768px){
  
  
  .sdd-products-grid, .woocommerce ul.products{
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  }
}
@media (max-width: 1199px){
  .sdd-related-products .products{
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  
}
@media (max-width: 1100px){
  :root{
    --sdd-shell: 980px;
  }
  .sdd-shop-page{
    --sdd-shop-sidebar-width: 240px;
    --sdd-shop-gap: 16px;
  }
  
  
  
  .sdd-products-grid, .woocommerce ul.products{
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .sdd-category-track{
    grid-auto-columns: calc((100% - 52px) / 5);
  }
  .sdd-job-grid{
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  
  
  
  
  .sdd-home-catalog{
    flex-basis: 220px;
  }
  .sdd-product-detail-top{
    grid-template-columns: minmax(0,1fr) 390px;
    gap: 22px;
  }
  .sdd-product-summary-column{
    flex-basis: 390px;
    min-width: 390px;
  }
  .sdd-products-grid > .sdd-product-card, .woocommerce ul.products > li.product.sdd-product-card{
    flex-basis: calc((100% - 42px) / 4) !important;
    max-width: calc((100% - 42px) / 4) !important;
  }
  
  .sdd-job-grid > *{
    flex-basis: calc((100% - 32px) / 2);
    max-width: calc((100% - 32px) / 2);
  }
  .sdd-footer-columns{
    grid-template-columns: 1.3fr repeat(4,.9fr);
    gap: 16px;
  }
  .sdd-simple-cart{
        --sdd-cart-panel-width: 330px;
        --sdd-cart-gap: 18px;
  }
  .sdd-simple-cart-product{
        flex-basis: calc((100% - 16px) / 2);
        max-width: calc((100% - 16px) / 2);
  }
  .sdd-simple-cart-item{
        align-items: flex-start;
        flex-wrap: wrap;
  }
  .sdd-simple-cart-item-total{
        flex: 0 0 100%;
        padding-left: 73px;
        text-align: left;
  }
}
@media (max-width: 991px){
  .sdd-related-products .products{
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .sdd-shop-page .sdd-shop-layout{
    grid-template-columns: minmax(0,1fr);
  }
  .sdd-shop-page .sdd-shop-sidebar{
    position: fixed;
    z-index: 190;
    top: 0;
    bottom: 0;
    left: 0;
    width: min(88vw,380px);
    padding-bottom: 24px;
    overflow-y: auto;
    background: #f7f9fc;
    box-shadow: 18px 0 44px rgba(8,37,78,.20);
    transform: translateX(-103%);
    transition: transform .25s ease;
  }
  .sdd-shop-page .sdd-shop-sidebar.is-open{
    transform: translateX(0);
  }
  .sdd-shop-page .sdd-shop-sidebar-head{
    min-height: 62px;
    position: sticky;
    top: 0;
    z-index: 2;
    border-radius: 0;
    background: #fff;
  }
  .sdd-shop-page .sdd-shop-sidebar-head button{
    display: grid;
  }
  .sdd-shop-page .sdd-shop-catalog-list{
    border-radius: 0 0 12px 12px;
  }
  .sdd-shop-page .sdd-shop-toolbar{
    grid-template-columns: auto auto minmax(0,1fr) auto;
    gap: 12px;
  }
  .sdd-shop-page .sdd-filter-toggle{
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border: 1px solid #b9cce2;
    border-radius: 7px;
    background: #edf5fe;
    color: var(--sdd-primary);
    font-size: 16px;
    font-weight: 800;
  }
  .sdd-filter-overlay{
    position: fixed;
    z-index: 185;
    inset: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    background: rgba(10,20,34,.55);
    transition: opacity .2s ease,visibility .2s ease;
  }
  .sdd-filter-overlay.is-open{
    visibility: visible;
    opacity: 1;
  }
}
@media (max-width: 767px){
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .sdd-home-section{
    padding: 18px 0;
  }
  .sdd-home-tabs, .sdd-home-section-title{
    align-items: flex-start;
    margin-bottom: 11px;
  }
  .sdd-home-more, .sdd-home-section-title > a{
    flex: 0 0 auto;
    font-size: 12px;
  }
  .sdd-product-category{
    display: none;
  }
  .sdd-price del, .woocommerce ul.products li.product .price del{
    font-size: 11px;
  }
  .sdd-rating, .sdd-product-rating-line{
    gap: 2px;
    font-size: 11px;
  }
  .sdd-rating > span:first-child, .sdd-star{
    font-size: 18px;
  }
  .sdd-compare-link{
    font-size: 11px;
  }
  .sdd-product-heart{
    display: none;
  }
  
  
  
  .sdd-home-cta-inner{
    display: grid;
    padding: 18px;
  }
  .sdd-home-cta-inner strong{
    font-size: 18px;
  }
  .sdd-home-cta-inner > a{
    text-align: center;
  }
  .sdd-shop-page .sdd-shop-mobile-heading{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0 6px;
  }
  .sdd-shop-page .sdd-shop-mobile-heading button{
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    color: var(--sdd-primary);
  }
  .sdd-shop-page .sdd-shop-mobile-title{
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.25;
  }
  .sdd-shop-page .sdd-archive-category-banner{
    aspect-ratio: auto;
    min-height: 0;
    max-height: none;
    margin: 12px 0;
    border-radius: 10px;
  }
  .sdd-shop-page .sdd-shop-layout{
    display: block;
  }
  .sdd-shop-page .sdd-shop-sidebar{
    width: min(90vw,380px);
  }
  .sdd-shop-page .sdd-shop-sidebar-media{
    display: none;
  }
  .sdd-shop-page .sdd-shop-header{
    display: none;
  }
  .sdd-shop-page .sdd-shop-toolbar-wrap{
    margin-bottom: 12px;
    padding: 10px;
    border: 1px solid #dce5ef;
    border-radius: 9px;
    background: #fff;
  }
  .sdd-shop-page .sdd-shop-toolbar{
    min-height: 0;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 9px 10px;
  }
  .sdd-shop-page .sdd-filter-toggle{
    grid-column: 1;
    grid-row: 1;
    padding-inline: 12px;
  }
  .sdd-shop-page .sdd-ordering{
    grid-column: 2;
    grid-row: 1;
  }
  .sdd-shop-page .sdd-ordering-label{
    display: none;
  }
  .sdd-shop-page .sdd-ordering select{
    width: 132px;
    min-width: 0;
    max-width: 132px;
    height: 44px;
    padding-left: 9px;
    font-size: 15px;
  }
  .sdd-shop-page .sdd-result-count{
    display: none;
  }
  .sdd-shop-page .sdd-show-count{
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: center;
    padding-top: 7px;
    border-top: 1px solid #e5ebf2;
  }
  .sdd-shop-page .sdd-subcategory-scroll{
    width: calc(100% + 24px);
    margin: 0 -12px 18px;
    padding: 0 4px;
    grid-template-columns: 32px minmax(0,1fr) 32px;
    gap: 4px;
  }
  .sdd-shop-page .sdd-subcategory-arrow{
    width: 32px;
    height: 32px;
  }
  .sdd-shop-page .sdd-subcategory-tabs{
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 7px;
    border-right: 0;
    border-left: 0;
    border-radius: 9px;
  }
  .sdd-shop-page .sdd-subcategory-tabs a{
    min-height: 38px;
    padding: 4px 10px 4px 5px;
    font-size: 14px;
  }
  .sdd-shop-page .sdd-shop-content ul.products{
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 12px 10px !important;
  }
  .sdd-shop-page .sdd-shop-content .sdd-product-info{
    padding: 10px;
  }
  .sdd-shop-page .sdd-shop-content .sdd-product-info h2,
  .sdd-shop-page .sdd-shop-content .sdd-product-info h3,
  .sdd-shop-page .sdd-shop-content ul.products li.product .woocommerce-loop-product__title{
    min-height: 47px;
    font-size: 16px !important;
    line-height: 1.45;
  }
  .sdd-shop-page .sdd-shop-content .sdd-price,
  .sdd-shop-page .sdd-shop-content ul.products li.product .price{
    min-height: 43px;
    font-size: 16px !important;
  }
  .sdd-shop-page .sdd-category-description-bottom{
    padding: 17px;
    font-size: 16px;
    line-height: 1.7;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
    margin: 12px 6px 19px !important;
  }
  .woocommerce div.product div.images .flex-control-thumbs li:nth-child(n/**/+4){
    display: none;
  }
  .sdd-product-gallery-column .flex-control-thumbs{
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 14px !important;
    margin: 12px 6px 19px !important;
  }
  .sdd-product-gallery-column .flex-control-thumbs li:nth-child(n/**/+4){
    display: none !important;
  }
  .sdd-product-feature-row > div{
    min-height: 82px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 7px 3px;
  }
  .sdd-product-feature-row strong{
    font-size: 11px;
  }
  .sdd-product-feature-row small{
    display: none;
  }
  .sdd-product-purchase-card form.cart .quantity{
    flex: 0 0 auto;
  }
  .sdd-product-copy h2, .sdd-panel-title{
    font-size: 23px;
  }
  .sdd-product-promo-box{
    padding: 17px 14px;
  }
  
  .sdd-document-list{
    grid-template-columns: 1fr;
  }
  .sdd-product-address-grid{
    grid-template-columns: 1fr;
  }
  .sdd-section{
    padding: 30px 0;
  }
  .sdd-page-hero{
    padding: 33px 0;
  }
  .sdd-page-hero h1{
    font-size: 33px;
  }
  
  
  
  
  
  
  .sdd-partnership-hero{
    padding: 0;
  }
  .sdd-partnership-hero-grid{
    display: block;
    width: 100%;
  }
  .sdd-partnership-intro{
    padding: 26px 18px;
  }
  .sdd-partnership-form-card{
    padding: 24px 16px;
    box-shadow: none;
  }
  .sdd-benefit-timeline{
    display: block;
    margin-top: 24px;
  }
  .sdd-benefit-timeline::before{
    display: none;
  }
  .sdd-benefit-timeline article{
    min-height: 0;
    grid-template-columns: 42px 1fr;
  }
  .sdd-process-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .sdd-process-grid article{
    min-height: 175px;
    border-bottom: 1px solid #dbe1e8;
  }
  .sdd-process-grid article:last-child{
    grid-column: 1/-1;
  }
  .sdd-testimonial-grid{
    grid-template-columns: 1fr;
  }
  .sdd-jobs-hero{
    min-height: 370px;
    padding-top: 25px;
  }
  .sdd-jobs-hero-copy{
    padding-bottom: 75px;
  }
  .sdd-jobs-hero-copy h1{
    font-size: 33px;
  }
  .sdd-job-search{
    grid-template-columns: 1fr 45px;
    height: auto;
  }
  .sdd-job-search input{
    min-height: 52px;
  }
  .sdd-job-search select{
    display: none;
  }
  .sdd-job-card{
    grid-template-columns: 37% 1fr;
  }
  .sdd-job-card img{
    width: 100%;
    height: auto;
    aspect-ratio: 1.45/1;
  }
  .sdd-culture-grid{
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .sdd-culture-grid article, .sdd-culture-grid article:nth-child(3n), .sdd-culture-grid article:nth-last-child(-n/**/+3){
    border-right: 1px dashed #ced6df;
    border-bottom: 1px dashed #ced6df;
    padding: 9px;
  }
  .sdd-culture-grid article:nth-child(2n){
    border-right: 0;
  }
  .sdd-culture-grid article:nth-last-child(-n/**/+2){
    border-bottom: 0;
  }
  .sdd-service-item:last-child{
    border-bottom: 0;
  }
  .sdd-service-item .sdd-icon{
    width: 27px;
    height: 27px;
  }
  .sdd-contact-strip{
    display: none;
  }
  .sdd-footer-main{
    padding-top: 20px;
  }
  .sdd-footer-addresses{
    grid-template-columns: 1fr;
    gap: 0;
    padding-bottom: 13px;
  }
  .sdd-footer-addresses article{
    padding: 15px;
    border-bottom: 1px solid #dce3eb;
    border-radius: 0;
    background: #f0f1f3;
  }
  .sdd-footer-addresses h2{
    font-size: 14px;
  }
  .sdd-footer-addresses p{
    font-size: 13px;
    line-height: 1.55;
  }
  .sdd-footer-company{
    padding: 17px 0;
  }
  .sdd-footer-company p{
    font-size: 13px;
  }
  .sdd-footer-heading{
    min-height: 49px;
    border-top: 1px solid #dce2e9;
    font-size: 14px;
  }
  .sdd-footer-heading .sdd-icon{
    display: block;
    transition: transform .2s ease;
  }
  .sdd-footer-column.is-open .sdd-footer-heading .sdd-icon{
    transform: rotate(90deg);
  }
  .sdd-footer-content{
    display: none;
    padding-bottom: 10px;
  }
  .sdd-footer-column.is-open .sdd-footer-content{
    display: block;
  }
  .sdd-footer-content a{
    font-size: 13px;
  }
  .sdd-footer-legal{
    display: block;
    padding: 15px 0 23px;
  }
  .sdd-footer-legal p{
    font-size: 11.5px;
  }
  .sdd-footer-legal > div:last-child{
    margin-top: 15px;
  }
  
  
  
  
  
  
  
  
  
  .sdd-product-detail-top{
    flex-direction: column;
    gap: 0;
  }
  .sdd-home-catalog{
    display: none;
  }
  .sdd-product-gallery-column, .sdd-product-summary-column{
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
  }
  .sdd-products-grid > .sdd-product-card, .woocommerce ul.products > li.product.sdd-product-card{
    flex-basis: calc((100% - 10px) / 2) !important;
    max-width: calc((100% - 10px) / 2) !important;
  }
  
  .sdd-job-grid{
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .sdd-job-grid > *, .sdd-document-list > *, .sdd-product-address-grid > *{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sdd-service-grid > *{
    flex: 0 0 auto;
    width: 100%;
  }
  .sdd-contact-strip-grid{
    display: none;
  }
  .sdd-footer-columns{
    display: block;
    padding: 0 0 15px;
  }
  
  
  
  .sdd-field-error{
    margin-top: 5px;
    font-size: 12.5px;
    line-height: 1.4;
  }
  form[data-sdd-validation-ready="true"] input, form[data-sdd-validation-ready="true"] select, form[data-sdd-validation-ready="true"] textarea{
    scroll-margin-top: 108px;
  }
  .sdd-home-seo-intro{
    padding: 18px 0 0;
  }
  .sdd-home-seo-intro .sdd-shell{
    display: block;
  }
  .sdd-home-seo-intro h1{
    font-size: 27px;
  }
  .sdd-home-seo-intro p{
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.6;
  }
  .sdd-home-products-heading{
    font-size: 21px;
    margin-bottom: 10px;
  }
  :root{
    --sdd-radius: 5px;
    --sdd-banner-height: var(--sdd-mobile-banner-height);
  }
  
  
  
  .sdd-breadcrumb-wrap, .woocommerce .woocommerce-breadcrumb{
    font-size: 13px;
    min-height: 47px;
  }
  .sdd-home-tab-labels span{
    height: 23px;
  }
  .sdd-product-card, .woocommerce ul.products li.product.sdd-product-card{
    border-color: #dce2e9;
  }
  .sdd-product-rating-line, .sdd-compare-link{
    font-size: 12px;
  }
  .sdd-product-rating-line .sdd-star{
    font-size: 19px;
  }
  .sdd-compare-link .sdd-icon{
    width: 19px;
    height: 19px;
  }
  
  
  .sdd-category-track{
    grid-auto-columns: calc((100% - 22px) / 3);
    grid-auto-flow: column;
    gap: 22px 11px;
    height: 252px;
    flex-flow: column wrap;
    align-content: flex-start;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr));
    grid-template-rows: repeat(2, auto);
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 0 7px;
    scroll-snap-type: x mandatory;
  }
  
  
  
  .sdd-single-product-page{
    padding-bottom: 32px;
  }
  .sdd-single-product-page > .sdd-shell{
    width: 100%;
  }
  .sdd-single-product-page .sdd-breadcrumb-wrap{
    width: calc(100% - 24px);
    margin-inline: auto;
  }
  .sdd-product-detail-top{
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .sdd-product-gallery-column{
    width: calc(100% - 24px);
    margin: 0 auto;
    padding: 10px;
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
    border: 1px solid var(--sdd-product-panel-border);
    border-radius: 12px;
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__image a{
    min-height: 350px;
    aspect-ratio: 1 / 1.02;
    border-radius: 12px;
    background: #fff;
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__image img{
    padding: 8px;
    border-radius: 12px;
  }
  .woocommerce div.product div.images .flex-control-thumbs, .sdd-product-gallery-column .flex-control-thumbs{
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 10px !important;
    margin: 12px 0 0 !important;
    padding: 8px !important;
  }
  .woocommerce div.product div.images .flex-control-thumbs img, .sdd-product-gallery-column .flex-control-thumbs img{
    aspect-ratio: 1 / 1;
    border-radius: 10px;
  }
  .sdd-product-summary-column{
    min-width: 0;
    width: 100%;
    padding: 0 14px;
  }
  .sdd-product-summary-column .product_title{
    margin: 0 0 10px;
    font-size: 28px;
    line-height: 1.24;
  }
  .sdd-product-code-row{
    padding-bottom: 12px;
    font-size: 16px;
  }
  .sdd-stock-status{
    font-size: 13px;
  }
  .sdd-product-rating-share{
    min-height: 53px;
    gap: 10px;
    padding-block: 11px;
  }
  .sdd-single-rating{
    font-size: 16px;
  }
  .sdd-single-rating .sdd-star{
    font-size: 23px;
  }
  .sdd-share-label{
    margin-left: 5px;
    font-size: 15px;
  }
  .sdd-share-links a{
    width: 34px;
    height: 34px;
    font-size: 13px;
  }
  .sdd-summary-icon{
    width: 35px;
    height: 35px;
  }
  .sdd-single-price{
    padding: 16px 0 10px;
  }
  .sdd-single-price .price{
    font-size: 29px !important;
  }
  .sdd-single-short-description{
    font-size: 15px;
    line-height: 1.65;
  }
  .sdd-product-feature-row{
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin-block: 11px 15px;
  }
  .sdd-product-purchase-card{
    position: static;
    z-index: auto;
    margin: 0;
    padding: 10px;
    overflow: visible;
    background: #fff;
  }
  .sdd-product-purchase-card form.cart,
  .sdd-product-purchase-card .woocommerce-variation-add-to-cart{
    position: static;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: stretch;
    gap: 8px;
  }
  .sdd-product-purchase-card form.cart > .dpaq-calculator,
  .sdd-product-purchase-card form.cart > .variations,
  .sdd-product-purchase-card form.cart > .single_variation_wrap,
  .sdd-product-purchase-card form.cart > .group_table{
    grid-column: 1 / -1;
  }
  .sdd-product-purchase-card form.cart .quantity,
  .sdd-product-purchase-card .woocommerce-variation-add-to-cart .quantity{
    grid-column: 1 / -1;
    width: 126px;
    max-width: 126px;
    display: grid !important;
    grid-template-columns: 38px 50px 38px;
    justify-self: center;
  }
  .sdd-product-purchase-card form.cart .quantity .qty,
  .sdd-product-purchase-card .woocommerce-variation-add-to-cart .quantity .qty{
    width: 50px !important;
    height: 46px;
  }
  .sdd-product-purchase-card form.cart .sdd-qty-button,
  .sdd-product-purchase-card .woocommerce-variation-add-to-cart .sdd-qty-button{
    width: 38px;
    height: 46px;
  }
  .sdd-product-purchase-card .single_add_to_cart_button{
    grid-column: 1;
  }
  .sdd-product-purchase-card .dprv-buy-now--single{
    grid-column: 2;
  }
  .sdd-product-purchase-card .single_add_to_cart_button,
  .sdd-product-purchase-card .dprv-buy-now--single{
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding-inline: 7px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
  .sdd-product-secondary-actions{
    position: static;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
    margin-top: 8px;
  }
  .sdd-product-secondary-actions a{
    min-width: 0;
    min-height: 43px;
    padding: 7px 5px;
    font-size: 11.75px;
    line-height: 1.1;
    white-space: nowrap;
    text-align: center;
  }
  .sdd-product-painter-cta{
    grid-template-columns: minmax(0,1fr);
    gap: 0;
    min-height: 58px;
    padding: 9px 48px;
    border-radius: 11px;
  }
  .sdd-product-painter-cta__copy small{
    font-size: 11px;
  }
  .sdd-product-painter-cta__copy strong{
    font-size: 15px;
  }
  .sdd-product-painter-cta__arrow{
    right: 10px;
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 8px;
  }
  .sdd-product-mobile-extras{
    display: block;
    margin: 22px -14px 0;
    border-top: 7px solid #f2f4f7;
  }
  .sdd-product-advisory-cta{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    margin: 18px 14px 0;
    border-radius: 10px;
    background: #dceeff;
    color: var(--sdd-primary-dark);
    font-size: 18px;
    font-weight: 800;
    text-align: center;
  }
  .sdd-product-advisory-contact{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 58px;
    padding: 9px 14px;
    color: var(--sdd-primary-dark);
    font-size: 15px;
  }
  .sdd-product-advisory-contact a{
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }
  .sdd-product-advisory-contact b{
    color: #e94345;
    font-size: 17px;
  }
  .sdd-product-advisory-contact .sdd-icon{
    width: 23px;
    height: 23px;
  }
  .sdd-product-mobile-offers{
    padding: 18px 14px 16px;
    border-top: 7px solid #f2f4f7;
  }
  .sdd-product-mobile-offers h2{
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.2;
  }
  
  
  
  
  
  .sdd-product-mobile-offers ul{
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .sdd-product-mobile-offers li{
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 13px 0;
    border-bottom: 1px solid #dfe4ea;
    font-size: 15px;
  }
  .sdd-product-mobile-offers li .sdd-icon{
    width: 21px;
    height: 21px;
    color: #23bb63;
  }
  .sdd-product-detail-content{
    scroll-margin-top: 10px;
    margin-top: 7px;
    border-top: 0;
  }
  .sdd-product-tab-nav{
    padding:4px;
    margin:0;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:3px;
    overflow:visible;
    border:1px solid #e1e8f1;
    border-radius:12px;
    background:linear-gradient(145deg,#f7faff,#eef4fa);
    box-shadow:0 5px 16px rgba(25,65,112,.07);
  }
  .sdd-product-tab-nav :is(button,.sdd-product-tab-link){
    width:100%;
    min-width:0;
    min-height:44px;
    padding:4px 1px;
    border:1px solid #e1e9f2;
    border-radius:8px;
    background:rgba(255,255,255,.92);
    color:#27384d;
    font-size:clamp(9px,2.35vw,10.5px);
    line-height:1.1;
    letter-spacing:-.3px;
    white-space:nowrap;
    overflow-wrap:normal;
    word-break:normal;
    box-shadow:0 2px 7px rgba(24,63,108,.05);
  }
  .sdd-product-tab-nav button.is-active{
    color:#fff;
    border-color:transparent;
    background:linear-gradient(135deg,#174f98 0%,#236dbb 100%);
    box-shadow:0 5px 12px rgba(23,79,152,.25);
  }
  .sdd-product-tab-nav button.is-active::after{
    bottom:3px;
    width:20px;
    height:2px;
    background:#FF5001;
  }
  .sdd-product-tab-nav :is(button,.sdd-product-tab-link):focus-visible{
    outline:2px solid #FF5001;
    outline-offset:1px;
  }
  .sdd-product-tab-nav :is(button,.sdd-product-tab-link):active{
    border-color:#9fbee2;
    background:#e7f1fc;
    color:var(--sdd-primary);
    box-shadow:0 2px 6px rgba(23,79,152,.12);
    transform:scale(.96);
  }
  .sdd-product-tab-nav button.is-active:active{
    color:#fff;
    background:linear-gradient(135deg,#123f7c 0%,#1d5fa7 100%);
  }
  .sdd-product-tab-panel{
    padding:18px 2px;
  }
  .sdd-inline-reference__head{
    padding:13px 12px;
  }
  .sdd-inline-reference__head h2{
    font-size:20px;
  }
  .sdd-product-tab-panel .sdd-inline-reference__head p{
    margin-top:5px;
    font-size:13px;
    line-height:1.45;
  }
  .sdd-inline-reference__toolbar{
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
    padding:10px 12px 0;
  }
  .sdd-inline-reference__toolbar .sdd-button{
    width:auto;
    min-width:88px;
    padding-inline:11px;
  }
  .sdd-inline-color-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    padding:10px 12px 8px;
  }
  .sdd-inline-color-grid article{
    grid-template-columns:32px minmax(0,1fr);
    gap:0 6px;
    min-height:44px;
    padding:5px 6px;
  }
  .sdd-inline-color-grid article > span{
    width:32px;
    height:32px;
  }
  .sdd-product-tab-panel .sdd-inline-color-toggle:not([hidden]){
    display:flex;
    width:calc(100% - 24px);
    margin:0 12px 12px;
  }
  .sdd-inline-resource-grid{
    grid-template-columns:1fr;
    gap:8px;
    padding:14px;
  }
  .sdd-verification-tab__head{
    align-items:flex-start;
    gap:12px;
    padding:2px 2px 14px;
  }
  .sdd-verification-tab__head h2{
    font-size:20px;
    line-height:1.2;
  }
  .sdd-verification-tab__head p{
    font-size:13px;
    line-height:1.5;
  }
  .sdd-verification-count{
    min-height:34px;
    padding:6px 11px;
    font-size:11px;
  }
  .sdd-verification-item > summary{
    min-height:56px;
    grid-template-columns:36px minmax(0,1fr) 30px;
    gap:9px;
    padding:9px 10px;
  }
  .sdd-verification-icon{
    width:36px;
    height:36px;
    border-radius:8px;
    font-size:9px;
  }
  .sdd-verification-item > summary > strong{
    font-size:13px;
  }
  .sdd-verification-item > summary > i{
    width:30px;
    height:30px;
  }
  .sdd-verification-content{
    padding:3px 10px 15px;
  }
  .sdd-verification-body{
    font-size:13px;
    line-height:1.65;
  }
  .sdd-verification-body :is(img,video){
    max-width:100%;
    height:auto;
  }
  .sdd-verification-body iframe{
    max-width:100%;
  }
  .sdd-verification-body table{
    display:block;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .sdd-verification-full{
    width:100%;
    margin-top:12px;
  }
  .sdd-product-inline-page__content{
    padding:17px 15px;
  }
  .sdd-inline-embed-source iframe,
  .sdd-product-inline-fallback-frame{
    min-height:560px;
  }
  .sdd-product-copy{
    font-size: 16px;
    line-height: 1.78;
  }
  
  
  .sdd-related-products{
    margin-top: 22px;
    padding-inline: 12px;
  }
  
  
  
  
  
  
  
  
  body{
    --sdd-mobile-dock-offset: calc(var(--sdd-mobile-dock-height) + var(--sdd-mobile-dock-rise));
    padding-bottom: calc(var(--sdd-mobile-dock-height) + env(safe-area-inset-bottom));
    font-size: 14px;
  }
  .sdd-shell{
    width: calc(100% - 20px);
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .sdd-home-products-top{
    padding-top: 17px;
    padding-bottom: 20px;
    padding: 15px 0 18px;
  }
  .sdd-home-tabs{
    align-items: center;
    margin-bottom: 10px;
  }
  .sdd-home-tab-labels{
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    max-width: calc(100% - 62px);
    gap: 10px;
  }
  .sdd-home-tab-labels::-webkit-scrollbar{
    display: none;
  }
  .sdd-home-tab-labels button{
    font-size: 19px;
  }
  .sdd-home-more{
    margin-top: 3px;
    font-size: 11px;
  }
  .sdd-products-grid, .woocommerce ul.products{
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
  }
  .sdd-product-media{
    aspect-ratio: 1 / 1.02;
  }
  .sdd-product-media img{
    padding: 5px;
  }
  .sdd-product-info{
    padding: 8px 8px 10px;
  }
  .sdd-product-info h2, .sdd-product-info h3, .woocommerce ul.products li.product .woocommerce-loop-product__title{
    line-height: 1.42;
    -webkit-line-clamp: 3;
    min-height: 58px;
    margin-bottom: 6px !important;
    font-size: 14px !important;
  }
  .sdd-price, .woocommerce ul.products li.product .price{
    min-height: 39px;
    font-size: 16px !important;
  }
  .sdd-rating small, .sdd-product-rating-line, .sdd-compare-link{
    font-size: 11px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .sdd-home-product-section{
    padding-block: 20px;
    padding: 18px 0 20px;
  }
  .sdd-home-section-title h2{
    font-size: 21px;
  }
  .sdd-home-subnav{
    overflow-x: auto;
    white-space: nowrap;
    display: flex;
    max-width: calc(100vw - 40px);
    font-size: 12px;
    scrollbar-width: none;
  }
  
  
  .sdd-service-grid{
    grid-template-columns: 1fr;
    width: 100%;
    flex-direction: column;
    display: grid;
  }
  .sdd-service-item{
    justify-content: flex-start;
    border-right: 0;
    min-height: 58px;
    padding: 10px 18px;
    border-bottom: 1px solid rgba(255,255,255,.13);
  }
  .sdd-service-item strong{
    font-size: 14px;
  }
  .sdd-service-item span{
    font-size: 12px;
  }
  
  
  .sdd-related-products .products{
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
  }
  
  .sdd-auth-shell .woocommerce-error, .sdd-auth-shell .woocommerce-message, .sdd-auth-shell .woocommerce-info, body.sdd-auth-page .woocommerce-error, body.sdd-auth-page .woocommerce-message, body.sdd-auth-page .woocommerce-info{
    width: calc(100% - 24px);
    margin-top: 12px !important;
  }
  .sdd-simple-cart-page{
        padding-bottom: 20px;
  }
  .sdd-simple-cart-breadcrumb{
        min-height: 42px;
        font-size: 12px;
  }
  .sdd-simple-cart-heading{
        align-items: flex-start;
        margin-bottom: 18px;
        padding: 20px 17px;
        border-radius: 8px;
  }
  .sdd-simple-cart-heading h1{
        margin-top: 6px;
        font-size: 25px;
  }
  .sdd-simple-cart-heading p{
        font-size: 13px;
  }
  .sdd-simple-cart-heading-badge{
        flex-basis: 70px;
        min-height: 70px;
  }
  .sdd-simple-cart-heading-badge span{
        font-size: 25px;
  }
  .sdd-simple-cart-heading-badge small{
        font-size: 10px;
  }
  .sdd-simple-cart-layout{
        flex-direction: column;
        gap: 20px;
  }
  .sdd-simple-cart-catalog, .sdd-simple-cart-panel{
        width: 100%;
        max-width: none;
  }
  .sdd-simple-cart-catalog-head{
        align-items: center;
        gap: 12px;
  }
  .sdd-simple-cart-catalog-head h2{
        font-size: 20px;
  }
  .sdd-simple-cart-catalog-head p{
        display: none;
  }
  .sdd-simple-cart-products{
        gap: 10px;
  }
  .sdd-simple-cart-product{
        flex-basis: calc((100% - 10px) / 2);
        max-width: calc((100% - 10px) / 2);
        border-radius: 6px;
  }
  .sdd-simple-cart-product-image{
        padding: 6px;
  }
  .sdd-simple-cart-product-body{
        padding: 10px;
  }
  .sdd-simple-cart-product h3{
        min-height: 57px;
        margin-bottom: 6px;
        font-size: 13px;
        -webkit-line-clamp: 3;
  }
  .sdd-simple-cart-product-price{
        font-size: 15px;
  }
  .sdd-simple-cart-add{
        min-height: 40px;
        padding-inline: 6px;
        font-size: 12px;
  }
  .sdd-simple-cart-mobile-jump{
        width: 100%;
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        margin-top: 14px;
        padding: 0 15px;
        border: 0;
        border-radius: 5px;
        background: var(--sdd-accent);
        color: var(--sdd-primary-dark);
        font-size: 13px;
        font-weight: 900;
  }
  .sdd-simple-cart-mobile-jump strong{
        color: #c93236;
        font-size: 16px;
  }
  .sdd-simple-cart-panel{
        position: static;
        flex-basis: auto;
        scroll-margin-top: 95px;
  }
  .sdd-simple-cart-items{
        max-height: none;
  }
  .sdd-simple-cart-item{
        flex-wrap: nowrap;
        align-items: center;
        padding: 13px;
  }
  .sdd-simple-cart-item-image{
        flex-basis: 58px;
        width: 58px;
        height: 58px;
  }
  .sdd-simple-cart-item-total{
        flex: 0 0 auto;
        padding-left: 0;
        font-size: 11px;
  }
  .sdd-simple-cart-note{
        margin-top: 15px;
  }
}
@media (prefers-reduced-motion:reduce){
  .sdd-inline-color-toggle svg{
    transition:none;
  }
}
@media (max-width: 420px){
  .sdd-simple-cart-heading{
        gap: 10px;
  }
  .sdd-simple-cart-heading-badge{
        flex-basis: 62px;
        min-height: 62px;
  }
  .sdd-simple-cart-product-body > small{
        font-size: 9px;
  }
  .sdd-simple-cart-product h3{
        font-size: 12px;
  }
  .sdd-simple-cart-product-price{
        font-size: 14px;
  }
  .sdd-simple-cart-add span{
        display: none;
  }
  .sdd-simple-cart-item{
        align-items: flex-start;
        flex-wrap: wrap;
  }
  .sdd-simple-cart-item-details{
        min-width: calc(100% - 70px);
  }
  .sdd-simple-cart-item-total{
        flex: 0 0 100%;
        padding-left: 69px;
        font-size: 12px;
  }
  .sdd-simple-cart-actions{
        align-items: stretch;
        flex-direction: column-reverse;
  }
  .sdd-simple-cart-actions button, .sdd-simple-cart-actions a{
        width: 100%;
  }
}
@media (max-width: 380px){
  .sdd-product-secondary-actions{
    grid-template-columns: 1fr;
  }
  
  
  
  .sdd-product-info h2, .sdd-product-info h3, .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 13px !important;
  }
  .sdd-price, .woocommerce ul.products li.product .price{
    font-size: 14px !important;
  }
  .sdd-compare-link span{
    display: inline;
  }
  .sdd-products-grid > .sdd-product-card, .woocommerce ul.products > li.product.sdd-product-card{
    flex-basis: calc((100% - 8px) / 2) !important;
    max-width: calc((100% - 8px) / 2) !important;
  }
  :root{
    --sdd-mobile-banner-height: 166px;
  }
  .sdd-product-summary-column .product_title{
    font-size: 26px;
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__image a{
    min-height: 322px;
  }
  .woocommerce div.product div.images .flex-control-thumbs, .sdd-product-gallery-column .flex-control-thumbs{
    gap: 24px !important;
    margin-inline: 34px !important;
  }
  
  
  
  
  
  
  .sdd-shell{
    width: calc(100% - 16px);
  }
  
  .sdd-home-tab-labels button{
    font-size: 17px;
    font-weight: 800;
  }
  .sdd-product-info h2, .sdd-product-info h3{
    font-size: 13px !important;
  }
  
}
@media (prefers-reduced-motion: reduce){
  .sdd-product-card{
    transition: none !important;
  }
  .sdd-shop-page .sdd-shop-content .sdd-product-media img,
  .sdd-shop-page .sdd-subcategory-tabs a,
  .sdd-shop-page .sdd-shop-catalog-list .sdd-catalog-row{
    transition: none !important;
  }
  .sdd-shop-page .sdd-shop-content .sdd-product-card:is(:hover,:focus-within),
  .sdd-shop-page .sdd-shop-content .sdd-product-card:is(:hover,:focus-within) .sdd-product-media img{
    transform: none !important;
  }
  html{
    scroll-behavior: auto;
  }
  .sdd-auth-shell *, .sdd-auth-shell *::before, .sdd-auth-shell *::after{
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
  .sdd-simple-cart-product, .sdd-simple-cart-add{
        transition: none !important;
  }
}

/* ==========================================================================
   Hệ thống giao diện chuẩn DECOR PAINT 1.7.24
   Đây là định nghĩa duy nhất cho header, menu, banner, các khối trang chủ,
   thanh liên hệ, nút lên đầu trang và bảng thông số responsive.
   ========================================================================== */

.sdd-primary-nav,.sdd-catalog-panel,.sdd-topbar,.sdd-header-contacts,.sdd-mobile-drawer{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.sdd-primary-nav{--sdd-menu-accent:#FFFA00;height:50px;background:#1e559d;color:#fff}
.sdd-primary-nav-inner{height:50px;display:flex;align-items:stretch}
.sdd-catalog-trigger{position:relative;flex:0 0 270px;width:270px}
.sdd-catalog-trigger>button{width:100%;height:50px;display:flex;align-items:center;gap:11px;padding:0 16px;border:0;background:#1f53a3;color:#fff;font-size:16px;font-weight:400;letter-spacing:.01em;text-align:left}
.sdd-catalog-trigger>button:hover,.sdd-catalog-trigger>button:focus-visible,.sdd-catalog-trigger.is-open>button{background:#174786;box-shadow:inset 0 -3px var(--sdd-menu-accent)}
.sdd-catalog-trigger>button:focus-visible{position:relative;z-index:2;outline:2px solid #fff;outline-offset:-4px}
.sdd-catalog-trigger>button .sdd-icon{width:22px;height:22px}
.sdd-primary-menu{flex:1;min-width:0}
.sdd-primary-menu>ul,.sdd-primary-menu>.menu{height:50px;display:flex;align-items:stretch;justify-content:space-between;margin:0;padding:0;list-style:none}
.sdd-primary-menu>ul>li,.sdd-primary-menu>.menu>li{position:relative;min-width:0;display:flex;flex:0 1 auto;align-items:stretch}
.sdd-primary-menu>ul>li>a,.sdd-primary-menu>.menu>li>a{min-width:0;display:flex;align-items:center;gap:6px;padding:0 clamp(4px,.55vw,9px);color:#fff;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;transition:background-color .16s ease,box-shadow .16s ease,color .16s ease}
.sdd-primary-menu>ul>li:hover>a,.sdd-primary-menu>ul>li:focus-within>a,.sdd-primary-menu>ul>li.current-menu-item>a,.sdd-primary-menu>ul>li.current-menu-ancestor>a,.sdd-primary-menu>.menu>li:hover>a,.sdd-primary-menu>.menu>li:focus-within>a,.sdd-primary-menu>.menu>li.current-menu-item>a,.sdd-primary-menu>.menu>li.current-menu-ancestor>a{background:#174786;color:#fff;box-shadow:inset 0 -3px var(--sdd-menu-accent)}
.sdd-primary-menu>ul>li>a:focus-visible,.sdd-primary-menu>.menu>li>a:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.sdd-primary-menu .menu-item-has-children>a::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.sdd-primary-menu .sub-menu{position:absolute;z-index:120;top:100%;left:0;min-width:245px;margin:0;padding:7px 0;visibility:hidden;opacity:0;transform:translateY(6px);list-style:none;border:1px solid #dbe3ed;background:#fff;color:#273348;box-shadow:0 12px 30px rgba(12,42,83,.14);transition:visibility .16s ease,opacity .16s ease,transform .16s ease}
.sdd-primary-menu li:hover>.sub-menu,.sdd-primary-menu li:focus-within>.sub-menu{visibility:visible;opacity:1;transform:none}
.sdd-primary-menu .sub-menu a{min-height:42px;display:flex;align-items:center;padding:8px 15px;border-left:3px solid transparent;color:#273348;font-size:14px;font-weight:650;line-height:1.35}
.sdd-primary-menu .sub-menu a:hover,.sdd-primary-menu .sub-menu a:focus-visible{border-left-color:#1f559d;background:#eef5fd;color:#174786;outline:0}
.sdd-primary-menu .sub-menu .sub-menu{top:-7px;left:100%}

.sdd-catalog-panel{position:absolute;z-index:125;top:100%;left:0;width:270px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(6px);background:#194890;box-shadow:0 14px 34px rgba(8,37,78,.22);transition:visibility .16s ease,opacity .16s ease,transform .16s ease}
.sdd-catalog-trigger:hover>.sdd-catalog-panel,.sdd-catalog-trigger:focus-within>.sdd-catalog-panel,.sdd-catalog-trigger.is-open>.sdd-catalog-panel{visibility:visible;opacity:1;pointer-events:auto;transform:none}
.sdd-catalog-tree,.sdd-catalog-tree ul{margin:0;padding:0;list-style:none}
.sdd-catalog-tree{position:relative;width:100%;font-size:14px;font-weight:400}
.sdd-catalog-item{position:relative;margin:0}
.sdd-catalog-row{min-height:41px;display:flex;align-items:stretch;border-bottom:1px dashed #597db2;transition:background-color .16s ease,color .16s ease}
.sdd-catalog-link{min-width:0;flex:1 1 auto;display:flex;align-items:center;gap:9px;padding:8px 6px 8px 13px;color:inherit;font-size:14px;font-weight:400;line-height:1.3;text-transform:uppercase}
.sdd-catalog-name{min-width:0;flex:1 1 auto;overflow-wrap:anywhere}
.sdd-catalog-icon{flex:0 0 22px;width:22px;display:grid;place-items:center;color:#fff;font-size:18px;text-align:center}
.sdd-catalog-expand{flex:0 0 34px;width:34px;display:grid;place-items:center;border:0;background:transparent;color:inherit}
.sdd-catalog-expand .sdd-icon{width:15px;height:15px}
.sdd-catalog-badge{flex:0 0 auto;padding:2px 5px;border-radius:2px;background:#e61f2d;color:#fff;font-size:9px;font-weight:800;line-height:1.2}
.sdd-catalog-badge.is-new{background:#ef4d24}
.sdd-catalog-badge.is-sale{background:#e6202e}
.sdd-catalog-level-0>.sdd-catalog-item>.sdd-catalog-row{background:#194890;color:#fff}
.sdd-catalog-level-0>.sdd-catalog-item:hover>.sdd-catalog-row,.sdd-catalog-level-0>.sdd-catalog-item:focus-within>.sdd-catalog-row,.sdd-catalog-level-0>.sdd-catalog-item.is-open>.sdd-catalog-row,.sdd-catalog-level-0>.sdd-catalog-item.is-current>.sdd-catalog-row{background:#2f5ca1}
.sdd-catalog-submenu{position:absolute;z-index:126;top:0;left:100%;visibility:hidden;opacity:0;pointer-events:none;transform:translateX(6px);border:1px solid #dbe3ed;background:#fff;color:#26364b;box-shadow:0 14px 34px rgba(12,42,83,.16);transition:.15s ease}
.sdd-catalog-item:hover>.sdd-catalog-submenu,.sdd-catalog-item:focus-within>.sdd-catalog-submenu,.sdd-catalog-item.is-open>.sdd-catalog-submenu{visibility:visible;opacity:1;pointer-events:auto;transform:none}
.sdd-catalog-list-panel{width:315px;padding:0}
.sdd-catalog-list-level{margin:0;padding:0;list-style:none}
.sdd-catalog-list-level>li>a{min-height:41px;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 15px;border-bottom:1px dashed #cbd8e7;color:#26364b;font-size:14px;font-weight:400;line-height:1.35;text-transform:uppercase}
.sdd-catalog-list-level>li:last-child>a{border-bottom:0}
.sdd-catalog-list-level>li>a:hover,.sdd-catalog-list-level>li>a:focus-visible{background:#f1f5fb;color:#194890;outline:2px solid #194890;outline-offset:-2px}
.sdd-catalog-mega{width:min(920px,calc(100vw - 310px));min-height:100%;padding:22px 24px 24px}
.sdd-catalog-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 34px}
.sdd-catalog-mega-column{min-width:0}
.sdd-catalog-mega-title{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#26364b;font-size:14px;font-weight:400;line-height:1.35;text-transform:uppercase}
.sdd-catalog-mega-column ul{display:grid;gap:6px}
.sdd-catalog-mega-column li a{display:block;position:relative;padding:4px 4px 4px 12px;border-radius:3px;color:#4d5968;font-size:14px;font-weight:400;line-height:1.42}
.sdd-catalog-mega-column li a::before{content:"";position:absolute;top:.65em;left:0;width:4px;height:4px;border-radius:50%;background:#d2d8df}
.sdd-catalog-mega-column a:hover,.sdd-catalog-mega-column a:focus-visible{background:#f1f5fb;color:#194890;outline:2px solid #194890;outline-offset:-2px}

.sdd-shop-catalog-list .sdd-catalog-row{transition:background-color .16s ease,color .16s ease}
.sdd-shop-catalog-list .sdd-catalog-level-0>.sdd-catalog-item>.sdd-catalog-row{min-height:41px;background:#fff;color:#26364b;border-bottom:1px dashed #597db2}
.sdd-shop-catalog-list .sdd-catalog-level-0>.sdd-catalog-item.is-current>.sdd-catalog-row,.sdd-shop-catalog-list .sdd-catalog-level-0>.sdd-catalog-item.is-open>.sdd-catalog-row,.sdd-shop-catalog-list .sdd-catalog-level-0>.sdd-catalog-item:focus-within>.sdd-catalog-row{background:#2f5ca1;color:#fff}
.sdd-shop-catalog-list .sdd-catalog-icon{color:#1f559d}
.sdd-shop-catalog-list .is-current>.sdd-catalog-row .sdd-catalog-icon,.sdd-shop-catalog-list .is-open>.sdd-catalog-row .sdd-catalog-icon,.sdd-shop-catalog-list .sdd-catalog-level-0>.sdd-catalog-item:focus-within>.sdd-catalog-row .sdd-catalog-icon{color:#fff}
.sdd-shop-catalog-list .sdd-catalog-submenu{position:static;display:none;min-width:0;width:auto;visibility:visible;opacity:1;pointer-events:auto;transform:none;border:0;background:#fff;box-shadow:none}
.sdd-shop-catalog-list .sdd-catalog-item.is-open>.sdd-catalog-submenu,.sdd-shop-catalog-list .sdd-catalog-item.is-current>.sdd-catalog-submenu{display:block}
.sdd-shop-catalog-list .sdd-catalog-submenu .sdd-catalog-row{min-height:41px;border-bottom:1px dashed #cbd8e7;background:#fff;color:#364457}
.sdd-shop-catalog-list .sdd-catalog-submenu .sdd-catalog-link{font-size:14px;font-weight:400;text-transform:uppercase}
.sdd-shop-catalog-list .sdd-catalog-submenu-depth-2 .sdd-catalog-link{font-size:14px;font-weight:400;text-transform:none}
.sdd-shop-catalog-list .sdd-catalog-submenu .sdd-catalog-link{padding:9px 9px 9px 30px}
.sdd-shop-catalog-list .sdd-catalog-submenu-depth-2 .sdd-catalog-link{padding-left:46px}
.sdd-shop-catalog-list .sdd-catalog-submenu .sdd-catalog-icon{display:none}
.sdd-shop-catalog-list .sdd-catalog-submenu .is-current>.sdd-catalog-row,.sdd-shop-catalog-list .sdd-catalog-submenu .sdd-catalog-item:focus-within>.sdd-catalog-row{background:#f1f5fb;color:#194890}

@media (hover:hover) and (pointer:fine){
  .sdd-shop-page .sdd-shop-catalog-list .sdd-catalog-level-0>.sdd-catalog-item:hover>.sdd-catalog-row{background:#2f5ca1;color:#fff}
  .sdd-shop-page .sdd-shop-catalog-list .sdd-catalog-level-0>.sdd-catalog-item:hover>.sdd-catalog-row .sdd-catalog-icon{color:#fff}
  .sdd-shop-page .sdd-shop-catalog-list .sdd-catalog-submenu .sdd-catalog-item:hover>.sdd-catalog-row{background:#f1f5fb;color:#194890}
}

.sdd-mobile-drawer{display:none}
.sdd-side-contacts{position:fixed;z-index:155;right:0;top:50%;width:54px;display:grid;gap:0;padding:10px 4px;overflow:visible;transform:translateY(-50%);border-radius:29px 0 0 29px;background:linear-gradient(180deg,#245ea7 0%,#1b5195 100%);box-shadow:0 8px 20px rgba(12,45,90,.2)}
.sdd-side-contact{min-height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px 0;border:0;border-radius:12px;background:transparent;color:#fff;font:inherit;font-size:8.5px;font-weight:750;line-height:1.05;text-align:center;cursor:pointer;transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .22s ease,color .22s ease}
.sdd-side-contact+.sdd-side-contact{border-top:1px solid rgba(255,255,255,.08)}
.sdd-side-contact .sdd-icon{width:21px;height:21px;padding:4px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff}
.sdd-side-contact-hotline .sdd-icon{background:#ef3e42;box-shadow:0 2px 6px rgba(151,20,28,.24)}
.sdd-zalo-mark{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#1470d4;font-size:7px;font-weight:900;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.14)}
.sdd-side-contact:hover,.sdd-side-contact:focus-visible{color:#fff;background:rgba(255,255,255,.11);outline:0;transform:translateX(-3px)}
.sdd-side-contact :is(.sdd-icon,.sdd-zalo-mark){transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,filter .3s ease}
.sdd-side-contact:hover :is(.sdd-icon,.sdd-zalo-mark),.sdd-side-contact:focus-visible :is(.sdd-icon,.sdd-zalo-mark){transform:translateY(-2px) scale(1.08);filter:saturate(1.06);box-shadow:0 5px 12px rgba(8,31,69,.2)}
.sdd-side-utility{position:relative;min-width:0}
.sdd-side-utility-panel{position:absolute;z-index:4;top:-10px;right:calc(100% + 10px);width:224px;visibility:hidden;opacity:0;pointer-events:none;transform:translateX(12px) scale(.97);transform-origin:right top;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:10px;background:#27488d;color:#fff;box-shadow:0 18px 42px rgba(12,45,90,.24);transition:opacity .24s ease,transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s}
.sdd-side-utility:hover>.sdd-side-utility-panel,.sdd-side-utility:focus-within>.sdd-side-utility-panel,.sdd-side-utility.is-open>.sdd-side-utility-panel{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition-delay:0s}
.sdd-side-utility-panel::after{content:"";position:absolute;top:29px;right:-8px;border-width:8px 0 8px 8px;border-style:solid;border-color:transparent transparent transparent #27488d}
.sdd-side-utility-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;padding:3px 5px 8px;border-bottom:1px solid rgba(255,255,255,.16);font-size:13px}
.sdd-side-utility-head>button{display:none}
.sdd-side-utility-links{display:grid;gap:5px}
.sdd-side-utility-link{min-height:42px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;border-radius:10px;padding:5px 8px;color:#fff;font-size:12px;font-weight:750;line-height:1.25;transition:transform .24s cubic-bezier(.22,1,.36,1),background-color .2s ease}
.sdd-side-utility-link:hover,.sdd-side-utility-link:focus-visible{background:rgba(255,255,255,.12);color:#fff;outline:0;transform:translateX(-3px)}
.sdd-side-utility-icon{width:28px;height:28px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:rgba(255,255,255,.15);color:#fff}
.sdd-side-utility-icon>svg{width:17px;height:17px;fill:currentColor;stroke:currentColor}
.sdd-side-utility-link.is-youtube .sdd-side-utility-icon{background:#f20d0d}
.sdd-side-utility-link.is-tiktok .sdd-side-utility-icon,.sdd-side-utility-link.is-tiktok-shop .sdd-side-utility-icon{background:#111}
.sdd-side-utility-link.is-shopee .sdd-side-utility-icon{background:#ee4d2d}
.sdd-side-utility-link.is-certificate .sdd-side-utility-icon{background:#1767cf}
@media (max-width:1024px) and (min-width:768px){.sdd-side-contacts{width:50px;padding:8px 3px;border-radius:27px 0 0 27px}.sdd-side-contact{min-height:43px;font-size:8px}.sdd-side-contact .sdd-icon{width:20px;height:20px}.sdd-zalo-mark{width:21px;height:21px}}
.sdd-back-to-top{position:fixed;z-index:156;right:25px;bottom:28px;width:50px;height:50px;display:grid;place-items:center;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(10px);border:2px solid #20252c;border-radius:50%;background:#fff;color:#20252c;box-shadow:none;transition:.18s ease}
.sdd-back-to-top .sdd-icon{width:23px;height:23px}
.sdd-back-to-top.is-visible{visibility:visible;opacity:1;pointer-events:auto;transform:none}
.sdd-back-to-top:hover{background:#1f559d;border-color:#1f559d;color:#fff}
.sdd-mobile-dock{display:none}

.sdd-home-hero{padding:10px 0 0}
.sdd-hero-slider{position:relative;width:100%;overflow:hidden;aspect-ratio:1920/950;max-height:none;background:#eef2f5}
.sdd-hero-slider.is-height-ready{transition:height .72s cubic-bezier(.22,1,.36,1)}
.sdd-hero-track,.sdd-hero-slide,.sdd-hero-slide picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.sdd-hero-slide{z-index:1;visibility:hidden;opacity:0;transition:opacity .82s cubic-bezier(.22,1,.36,1),visibility 0s linear .84s}
.sdd-hero-slide.is-active{z-index:2;visibility:visible;opacity:1;transition-delay:0s}
.sdd-hero-slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#eef2f5}
.sdd-slider-arrow{position:absolute;z-index:5;top:50%;width:38px;height:38px;display:grid;place-items:center;margin-top:-19px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(255,255,255,.94);color:#153d78;font-size:25px;box-shadow:0 3px 12px rgba(8,42,81,.16)}
.sdd-slider-prev{left:16px}.sdd-slider-next{right:16px}
.sdd-slider-dots{position:absolute;z-index:5;bottom:11px;left:50%;display:flex;gap:8px;transform:translateX(-50%)}
.sdd-slider-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.9);transition:width .34s cubic-bezier(.22,1,.36,1),background-color .25s ease}
.sdd-slider-dots button.is-active{width:24px;border-radius:10px;background:#1f559d}
@media (min-width:768px){body.home .sdd-hero-slider{max-height:668px}}
@media (min-width:1200px){body.home .sdd-home-hero-grid--full{width:min(calc(100% - 30px),var(--sdd-shell))}}
.sdd-home-inline-banner,.sdd-responsive-banner,.sdd-single-category-banner,.sdd-archive-category-banner,.sdd-product-context-banner{display:block;width:100%;overflow:hidden;margin-top:18px;border-radius:5px;background:#eef2f5;aspect-ratio:auto;max-height:none}
.sdd-home-inline-banner picture,.sdd-responsive-banner picture,.sdd-single-category-banner picture,.sdd-archive-category-banner picture,.sdd-product-context-banner picture{display:block;width:100%;height:auto}
.sdd-home-inline-banner img,.sdd-responsive-banner img,.sdd-single-category-banner img,.sdd-archive-category-banner img,.sdd-product-context-banner img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;background:#eef2f5}
.sdd-home-inline-banner,.sdd-archive-category-banner{aspect-ratio:auto;min-height:0;max-height:none}
.sdd-home-inline-banner picture,.sdd-archive-category-banner picture{height:auto}
.sdd-home-inline-banner img,.sdd-archive-category-banner img{height:auto;max-height:none}

.sdd-home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;border-bottom:1px solid #e3e8ee}
.sdd-home-section-heading h2{margin:0;padding-bottom:12px;color:#20252c;font-size:28px;line-height:1.2}
.sdd-home-section-actions{display:flex;align-items:center;gap:9px;padding-bottom:9px}
.sdd-home-section-actions button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #dbe3ed;border-radius:50%;background:#fff;color:#174786;font-size:22px}
.sdd-home-section-actions button[hidden]{display:none!important}
.sdd-home-section-actions button:disabled{opacity:.42;cursor:not-allowed}
.sdd-home-section-actions a{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 17px;border:1px solid #dbe3ed;border-radius:23px;color:#174786;font-weight:700}
.sdd-home-section-actions a .sdd-icon{width:18px;height:18px}

.sdd-home-projects{padding:34px 0 38px;background:#f6f9fd}
.sdd-home-project-track,.sdd-home-feedback-track,.sdd-home-useful-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.sdd-home-project-track::-webkit-scrollbar,.sdd-home-feedback-track::-webkit-scrollbar,.sdd-home-useful-track::-webkit-scrollbar{display:none}
.sdd-home-project-card{flex:0 0 calc((100% - 54px)/4);min-width:0;scroll-snap-align:start;text-align:center}
.sdd-home-project-card a{display:block;color:#1f2c3c}
.sdd-home-project-card img{width:100%;aspect-ratio:1.5/1;object-fit:cover;border-radius:6px;background:#fff}
.sdd-home-project-card h3{margin:12px 5px 0;font-size:15px;line-height:1.45}

.sdd-home-eyebrow{display:block;margin-bottom:5px;color:#ffbd8d;font-size:10px;font-weight:900;letter-spacing:.14em}
.sdd-home-partners{position:relative;overflow:hidden;padding:34px 0 36px;background:linear-gradient(120deg,#103f76 0%,#185694 58%,#2165a8 100%);color:#fff}
.sdd-home-partners::before{content:"";position:absolute;right:-130px;top:-210px;width:430px;height:430px;border:62px solid rgba(255,255,255,.045);border-radius:50%;pointer-events:none}
.sdd-home-partners>.sdd-shell{position:relative;z-index:1}
.sdd-home-partners-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin-bottom:20px;text-align:left}
.sdd-home-partners-heading h2{margin:0;color:#fff;font-size:clamp(25px,2.35vw,31px);line-height:1.18}
.sdd-home-partners-heading p{max-width:760px;margin:8px 0 0;color:rgba(255,255,255,.78);font-size:13px;line-height:1.55}
.sdd-home-partners-cta{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 17px;border:1px solid rgba(255,255,255,.55);border-radius:23px;background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:850;white-space:nowrap}
.sdd-home-partners-cta:hover,.sdd-home-partners-cta:focus-visible{border-color:#fff;background:#fff;color:#174f98;outline:3px solid rgba(255,178,116,.45);outline-offset:3px}
.sdd-home-partners-cta .sdd-icon{width:16px;height:16px}
.sdd-home-partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.sdd-home-partner-grid.is-models{grid-template-columns:repeat(4,minmax(0,1fr))}
.sdd-home-partner-card{min-width:0;min-height:126px;display:grid;grid-template-columns:56px minmax(0,1fr) 22px;gap:13px;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.32);border-radius:14px;background:rgba(255,255,255,.97);color:#30465c;box-shadow:0 12px 27px rgba(4,31,67,.16);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.sdd-home-partner-card:hover,.sdd-home-partner-card:focus-visible{border-color:#ffb477;color:#30465c;outline:0;transform:translateY(-3px);box-shadow:0 17px 31px rgba(4,31,67,.24)}
.sdd-partner-visual,.sdd-partner-initial{width:56px;height:56px;display:grid;place-items:center;overflow:hidden;border-radius:14px}
.sdd-partner-visual{background:#eaf2fb}.sdd-partner-visual img{width:100%;height:100%;object-fit:cover}
.sdd-partner-initial{background:linear-gradient(145deg,#edf5ff,#d9e9fb);color:#17559d;font-size:18px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(23,85,157,.06)}
.sdd-partner-copy{min-width:0;display:flex;flex-direction:column}
.sdd-partner-copy small{margin-bottom:4px;color:#6783a0;font-size:8.5px;font-weight:900;letter-spacing:.08em}
.sdd-partner-copy strong{color:#173d6b;font-size:13px;line-height:1.35}
.sdd-partner-copy>span{display:-webkit-box;margin-top:6px;overflow:hidden;color:#657386;font-size:10.5px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sdd-partner-arrow{color:#f05a18;font-size:20px;font-weight:700;transition:transform .22s ease}.sdd-home-partner-card:hover .sdd-partner-arrow{transform:translateX(3px)}

.sdd-home-feedback{padding:34px 0 36px;border-top:1px solid #dbe7f3;background:linear-gradient(180deg,#f5f9fe 0%,#edf5fd 100%)}
.sdd-home-feedback .sdd-home-eyebrow{color:#e65312}
.sdd-home-feedback-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.sdd-home-feedback-heading h2{margin:0;color:#172f54;font-size:clamp(25px,2.35vw,31px);line-height:1.2}
.sdd-home-feedback-heading p{margin:6px 0 0;color:#637285;font-size:13px}
.sdd-home-feedback-heading .sdd-home-section-actions{padding:0}
.sdd-home-feedback-layout{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,2fr);gap:18px;align-items:stretch}
.sdd-feedback-spotlight{position:relative;overflow:hidden;display:flex;min-height:238px;flex-direction:column;justify-content:flex-end;padding:22px;border-radius:16px;background:linear-gradient(145deg,#123f75,#1e61a7);color:#fff;box-shadow:0 12px 27px rgba(18,63,117,.17)}
.sdd-feedback-spotlight::after{content:"";position:absolute;right:-45px;top:-45px;width:150px;height:150px;border:25px solid rgba(255,255,255,.05);border-radius:50%}
.sdd-feedback-quote{position:absolute;left:20px;top:4px;color:rgba(255,255,255,.18);font:700 92px/.9 Georgia,serif}
.sdd-feedback-spotlight>div{position:relative;z-index:1}
.sdd-feedback-spotlight small{color:#ffbe8d;font-size:9px;font-weight:900;letter-spacing:.12em}
.sdd-feedback-spotlight h3{margin:6px 0;color:#fff;font-size:19px;line-height:1.3}
.sdd-feedback-spotlight p{margin:0;color:rgba(255,255,255,.76);font-size:12px;line-height:1.55}
.sdd-feedback-spotlight>a{position:relative;z-index:1;min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:17px;padding:0 15px;border-radius:21px;background:#fff;color:#174f98;font-size:12px;font-weight:850}
.sdd-feedback-spotlight>a:hover,.sdd-feedback-spotlight>a:focus-visible{background:#ffede0;color:#b83a00;outline:3px solid rgba(255,255,255,.35);outline-offset:2px}
.sdd-feedback-spotlight>a .sdd-icon{width:15px;height:15px}
.sdd-home-feedback-track{min-width:0}
.sdd-home-feedback-card{flex:0 0 calc((100% - 18px)/2);min-width:0;display:flex;flex-direction:column;padding:18px;border:1px solid #d8e4f0;border-top:3px solid #f05a18;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(20,54,94,.07);scroll-snap-align:start}
.sdd-feedback-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.sdd-feedback-head img{width:54px;height:54px;flex:0 0 54px;border-radius:14px;object-fit:cover;background:#eef2f6}
.sdd-feedback-stars{color:#f59a16;font-size:17px;letter-spacing:1px;white-space:nowrap}
.sdd-feedback-head span{color:#687687;font-size:11px}
.sdd-home-feedback-card h3{margin:0 0 5px;color:#172f54;font-size:16px;line-height:1.35}
.sdd-feedback-product{display:block;margin-bottom:8px;color:#1b579d;font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdd-home-feedback-card p{display:-webkit-box;min-height:59px;margin:0 0 13px;overflow:hidden;color:#596777;font-size:12.5px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.sdd-feedback-link{width:max-content;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:5px;margin-top:auto;padding:8px 13px;border-radius:18px;background:#edf4fc;color:#174786;font-size:11.5px;font-weight:800}
.sdd-feedback-link:hover,.sdd-feedback-link:focus-visible{background:#dceafa;color:#123e78;outline:3px solid rgba(23,79,152,.16);outline-offset:2px}
.sdd-feedback-link .sdd-icon{width:15px;height:15px}
.sdd-home-feedback-empty{flex:0 0 100%;max-width:none;min-height:238px;display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:17px;padding:24px}
.sdd-feedback-empty-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:17px;background:#fff1e5;color:#f05a18;font-size:29px;box-shadow:inset 0 0 0 1px rgba(240,90,24,.08)}
.sdd-feedback-empty-copy{min-width:0}.sdd-feedback-empty-copy>small{display:block;margin-bottom:5px;color:#d94b0d;font-size:9px;font-weight:900;letter-spacing:.1em}.sdd-home-feedback-empty h3{margin:0 0 6px;font-size:18px}.sdd-home-feedback-empty p{display:block;max-width:610px;min-height:0;margin:0 0 14px;color:#657386;-webkit-line-clamp:unset}

.sdd-home-useful{padding:38px 0 44px;background:#fff}
.sdd-home-useful-card{flex:0 0 calc((100% - 54px)/4);min-width:0;scroll-snap-align:start}
.sdd-home-useful-image{display:block;overflow:hidden;border-radius:7px;background:#eef2f5}
.sdd-home-useful-image img{width:100%;aspect-ratio:1.48/1;object-fit:cover;transition:transform .25s ease}
.sdd-home-useful-card:hover .sdd-home-useful-image img{transform:scale(1.025)}
.sdd-home-useful-date{display:flex;align-items:center;gap:6px;margin-top:13px;color:#7a8490;font-size:12px}
.sdd-home-useful-date .sdd-icon{width:16px;height:16px}
.sdd-home-useful-card h3{margin:8px 0 7px;font-size:16px;line-height:1.45}
.sdd-home-useful-card h3 a{color:#1b2a3d}
.sdd-home-useful-card p{margin:0;color:#626d79;font-size:13px;line-height:1.6}
.sdd-round-arrows{display:flex;align-items:center;gap:12px}
.sdd-round-arrows button{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#153d78;font-size:27px}

.sdd-product-quick-specs{padding:14px 0 12px;border-top:7px solid #f2f4f7}
.sdd-product-quick-specs h2{margin:0 0 8px;font-size:22px;line-height:1.2}
.sdd-product-quick-spec-list{border-top:1px solid #dfe4ea}
.sdd-product-quick-spec-row{display:grid;grid-template-columns:34% minmax(0,1fr);align-items:start;gap:10px;padding:6px 0;border-bottom:1px solid #dfe4ea;font-size:14px;line-height:1.32}
.sdd-product-quick-spec-row strong,.sdd-product-quick-spec-row span{min-width:0;margin:0}
.sdd-spec-table{overflow:hidden;border:1px solid #d6dde5}
.sdd-spec-row{min-height:0;display:grid;grid-template-columns:210px minmax(0,1fr);border-bottom:1px solid #d6dde5}
.sdd-spec-row:last-child{border-bottom:0}
.sdd-spec-row>strong{display:flex;align-items:flex-start;padding:7px 11px;border-right:1px solid #d6dde5;background:#f5f6f8;line-height:1.32}
.sdd-spec-row>div{padding:7px 11px;line-height:1.36}
.sdd-spec-row p{margin:0}

@media (max-width:1180px) and (min-width:992px){
  .sdd-catalog-trigger{flex-basis:220px;width:220px}
  .sdd-catalog-panel{width:220px}
  .sdd-catalog-trigger>button{gap:8px;padding:0 11px;font-size:14px}
  .sdd-primary-menu>ul>li>a,.sdd-primary-menu>.menu>li>a{padding:0 clamp(5px,.55vw,8px);font-size:14px}
  .sdd-catalog-mega{width:min(740px,calc(100vw - 240px));padding:18px 20px}
  .sdd-catalog-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px}
  .sdd-home-project-card,.sdd-home-useful-card{flex-basis:calc((100% - 36px)/3)}
  .sdd-home-feedback-card{flex-basis:calc((100% - 18px)/2)}
  .sdd-home-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}


@media (max-width:991px){
  body.sdd-drawer-open{overflow:hidden}
  .sdd-mobile-drawer{position:fixed;z-index:210;inset:0;display:block;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
  .sdd-mobile-drawer.is-open{visibility:visible;opacity:1;pointer-events:auto}
  .sdd-drawer-overlay{position:absolute;inset:0;background:rgba(19,28,42,.42);backdrop-filter:blur(1.5px)}
  .sdd-drawer-panel{position:absolute;top:0;bottom:0;left:0;width:min(calc(100vw - 20px),clamp(335px,78.6vw,342px));overflow-y:auto;overscroll-behavior:contain;transform:translateX(-103%);border-right:1px solid #e1e5eb;background:#fff;box-shadow:14px 0 34px rgba(16,34,58,.22);transition:transform .24s ease}
  .sdd-mobile-drawer.is-open .sdd-drawer-panel{transform:none}
  .sdd-drawer-head{position:absolute;z-index:8;top:max(7px,env(safe-area-inset-top));right:7px;width:44px;height:44px;display:grid;place-items:center}
  .sdd-drawer-head button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#272d35}
  .sdd-drawer-head .sdd-icon{width:25px;height:25px}
  .sdd-drawer-view[hidden]{display:none!important}
  .sdd-drawer-menu-view{min-height:100%;padding:calc(58px + env(safe-area-inset-top)) 20px calc(25px + env(safe-area-inset-bottom));background:#fff}
  .sdd-mobile-main-nav{border-top:1px solid transparent}
  .sdd-mobile-menu-row,.sdd-mobile-main-menu .sdd-mobile-menu-item{position:relative;min-height:51px;border-bottom:1px solid #dfdfdf}
  .sdd-mobile-menu-row{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) auto 28px;align-items:center;gap:8px;padding:0;border-top:0;border-right:0;border-left:0;background:#fff;color:#272b31;text-align:left}
  .sdd-mobile-menu-row:hover,.sdd-mobile-menu-row:focus-visible{background:#f3f6fa;color:#194890}
  .sdd-mobile-menu-icon{width:32px;height:32px;display:grid;place-items:center;color:#315bb0}
  .sdd-mobile-menu-icon .sdd-icon{width:23px;height:23px;stroke-width:1.9}
  .sdd-mobile-menu-label{min-width:0;font-size:14px;font-weight:600;line-height:1.3;letter-spacing:.01em;text-transform:uppercase}
  .sdd-mobile-menu-badge{min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:2px;background:#e52435;color:#fff;font-size:10px;font-weight:900;line-height:1}
  .sdd-mobile-menu-arrow{width:28px;height:100%;display:grid;place-items:center;color:#626a74}
  .sdd-mobile-menu-arrow .sdd-icon{width:20px;height:20px}
  .sdd-drawer-main-menu{padding:0;background:#fff}
  .sdd-mobile-compact-menu,.sdd-mobile-compact-menu ul{margin:0;padding:0;list-style:none}
  .sdd-mobile-main-menu .sdd-mobile-menu-item{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center}
  .sdd-mobile-main-menu .sdd-mobile-menu-link{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;min-height:51px;padding:0;color:#272b31}
  .sdd-mobile-main-menu .sdd-mobile-menu-item:not(.menu-item-has-children)>.sdd-mobile-menu-link{grid-column:1/-1}
  .sdd-mobile-main-menu .sdd-mobile-menu-link:hover,.sdd-mobile-main-menu .sdd-mobile-menu-link:focus-visible,.sdd-mobile-main-menu .current-menu-item>.sdd-mobile-menu-link{background:#f3f6fa;color:#194890}
  .sdd-mobile-submenu-toggle{width:44px;height:51px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#636c78}
  .sdd-mobile-submenu-toggle .sdd-icon{width:20px;height:20px;transition:transform .18s ease}
  .sdd-mobile-menu-item.is-open>.sdd-mobile-submenu-toggle .sdd-icon{transform:rotate(90deg)}
  .sdd-mobile-main-menu .sub-menu{grid-column:1/-1;padding:0 0 4px 37px;border-top:1px solid #eef1f5;background:#fafbfd}
  .sdd-mobile-main-menu .sub-menu[hidden]{display:none}
  .sdd-mobile-main-menu .sub-menu .sdd-mobile-menu-item{min-height:44px;border-bottom:1px solid #e8ebef}
  .sdd-mobile-main-menu .sub-menu .sdd-mobile-menu-link{min-height:44px;grid-template-columns:25px minmax(0,1fr);font-size:14px}
  .sdd-mobile-main-menu .sub-menu .sdd-mobile-menu-label{font-size:14px;font-weight:400;text-transform:none}
  .sdd-mobile-main-menu .sdd-mobile-menu-depth-1>.sdd-mobile-menu-link .sdd-mobile-menu-label{text-transform:uppercase}
  .sdd-mobile-main-menu .sdd-mobile-menu-depth-2>.sdd-mobile-menu-link .sdd-mobile-menu-label{text-transform:none}
  .sdd-mobile-main-menu .sub-menu .sdd-mobile-menu-icon{width:25px;height:25px}
  .sdd-mobile-main-menu .sub-menu .sdd-mobile-menu-icon .sdd-icon{width:17px;height:17px}
  .sdd-mobile-main-menu .sub-menu .sdd-mobile-submenu-toggle{height:44px}
  .sdd-drawer-account{margin:22px 0 13px}
  .sdd-drawer-account a{min-height:50px;display:flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:28px;background:#edf1fb;color:#383d45;font-size:14px;font-weight:600;text-align:center}
  .sdd-drawer-account a:hover,.sdd-drawer-account a:focus-visible{background:#e2e9f8;color:#174f98}
  .sdd-drawer-socials{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;padding:0 3px}
  .sdd-drawer-socials :is(a,span){width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#fff;box-shadow:0 3px 9px rgba(19,36,62,.14)}
  .sdd-drawer-socials a{transition:transform .16s ease,box-shadow .16s ease}
  .sdd-drawer-socials a:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(19,36,62,.2)}
  .sdd-drawer-socials a:focus-visible{outline:3px solid #174f98;outline-offset:3px}
  .sdd-drawer-socials .is-unconfigured{opacity:.72}
  .sdd-drawer-socials svg{width:23px;height:23px;display:block;overflow:visible;fill:currentColor}
  .sdd-drawer-socials .sdd-social-icon-cutout{stroke:none}
  .sdd-drawer-socials .is-youtube .sdd-social-icon-cutout{fill:#f20d0d}
  .sdd-drawer-socials .is-messenger .sdd-social-icon-cutout{fill:#087bea}
  .sdd-drawer-socials .sdd-social-icon-word{font:900 8px/1 Arial,sans-serif;letter-spacing:-.3px}
  .sdd-drawer-socials .is-zalo .sdd-social-icon-word{fill:#0068ff}
  .sdd-drawer-socials .is-youtube{background:#f20d0d}.sdd-drawer-socials .is-tiktok{background:#050505}.sdd-drawer-socials .is-shopee{background:#ee4d2d}.sdd-drawer-socials .is-zalo{background:#0068ff}.sdd-drawer-socials .is-messenger{background:linear-gradient(145deg,#00b2ff,#006aff 58%,#8a3ffc)}
  .sdd-drawer-catalog-view{min-height:100%;background:#fff}
  .sdd-mobile-catalog{min-height:100%;display:flex;flex-direction:column;background:#fff}
  .sdd-mobile-catalog-head{min-height:58px;display:flex;align-items:center;gap:7px;padding:7px 55px 7px 13px;border-bottom:1px solid #e0e4e9}
  .sdd-mobile-catalog-head strong{min-width:0;font-size:14px;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sdd-mobile-catalog-back{flex:0 0 37px;width:37px;height:37px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#171b20}
  .sdd-mobile-catalog-back[hidden]{display:none}
  .sdd-mobile-catalog-panels{min-height:0;flex:1 1 auto;overflow-y:auto}
  .sdd-mobile-catalog-panel{display:none;margin:0;padding:0 20px 26px;list-style:none}
  .sdd-mobile-catalog-panel.is-active{display:block}
  .sdd-mobile-catalog-panel>li{min-height:51px;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;border-bottom:1px solid #dfdfdf}
  .sdd-mobile-catalog-link{min-width:0;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 2px;color:#30343a;font-size:14px;font-weight:400;line-height:1.35;text-transform:none}
  .sdd-mobile-catalog-panel[data-catalog-depth="0"] .sdd-mobile-catalog-link,.sdd-mobile-catalog-panel[data-catalog-depth="1"] .sdd-mobile-catalog-link{font-size:14px;font-weight:400;text-transform:uppercase}
  .sdd-mobile-catalog-link:hover,.sdd-mobile-catalog-link:focus-visible{background:#f3f6fa;color:#194890;outline:0}
  .sdd-mobile-cat-icon{width:31px;text-align:center;font-size:21px}
  .sdd-mobile-cat-name{min-width:0;overflow-wrap:break-word}
  .sdd-mobile-catalog-next{width:44px;height:100%;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#1d2228}
}

@media (max-width:340px){
  .sdd-drawer-menu-view{padding-right:12px;padding-left:12px}
  .sdd-mobile-menu-row{grid-template-columns:28px minmax(0,1fr) auto 24px;gap:6px}
  .sdd-mobile-menu-icon{width:28px;height:28px}
  .sdd-mobile-menu-badge{min-width:34px;padding-right:5px;padding-left:5px;font-size:9px}
  .sdd-drawer-socials{gap:7px}
}

@media (min-width:481px) and (max-width:991px){
  .sdd-mobile-menu-row,.sdd-mobile-main-menu .sdd-mobile-menu-item{min-height:51px}
  .sdd-mobile-main-menu .sdd-mobile-menu-link,.sdd-mobile-submenu-toggle{min-height:51px;height:51px}
}

@media (max-width:767px){
  .sdd-primary-nav,.sdd-side-contacts{display:none}

  .sdd-home-hero{padding:0}
  .sdd-hero-slider{aspect-ratio:4779/2363;max-height:none;border-radius:0}
  .sdd-slider-arrow{display:none}
  .sdd-slider-dots{bottom:1px;gap:1px}
  .sdd-slider-dots button{position:relative;width:13px;height:28px;flex:0 0 13px;background:transparent}
  .sdd-slider-dots button::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:5px;border-radius:6px;background:rgba(255,255,255,.9);transform:translate(-50%,-50%);transition:width .34s cubic-bezier(.22,1,.36,1),background-color .25s ease}
  .sdd-slider-dots button.is-active{width:22px;flex-basis:22px;background:transparent}
  .sdd-slider-dots button.is-active::before{width:22px;background:#1f559d}
  .sdd-home-inline-banner,.sdd-responsive-banner,.sdd-single-category-banner,.sdd-archive-category-banner,.sdd-product-context-banner{margin-top:14px;border-radius:3px;aspect-ratio:auto;max-height:none}
  .sdd-home-inline-banner picture,.sdd-responsive-banner picture,.sdd-single-category-banner picture,.sdd-archive-category-banner picture,.sdd-product-context-banner picture{height:auto}
  .sdd-home-inline-banner img,.sdd-responsive-banner img,.sdd-single-category-banner img,.sdd-archive-category-banner img,.sdd-product-context-banner img{height:auto;max-height:none}

  .sdd-home-section-heading{align-items:center;gap:10px;margin-bottom:16px}
  .sdd-home-section-heading h2{padding-bottom:9px;font-size:23px}
  .sdd-home-section-actions{gap:6px;padding-bottom:7px}
  .sdd-home-section-actions button{width:36px;height:36px;font-size:20px}
  .sdd-home-section-actions a{min-height:36px;padding:0 12px;font-size:12px}
  .sdd-home-projects,.sdd-home-feedback,.sdd-home-useful{padding:26px 0 30px}
  .sdd-home-project-card{flex-basis:76%}
  .sdd-home-project-card img{aspect-ratio:1.52/1}
  .sdd-home-project-card h3{font-size:14px}
  .sdd-home-partners{padding:27px 0 30px}
  .sdd-home-partners-heading h2{font-size:23px}
  .sdd-home-partners-heading p{margin:10px auto 20px;font-size:13px;line-height:1.55}
  .sdd-home-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .sdd-home-partner-card{min-height:92px;padding:10px}
  .sdd-home-partner-card img{height:60px}
  .sdd-home-partner-card strong{font-size:10px}
  .sdd-partner-initial{width:46px;height:46px;border-radius:12px;font-size:17px}
  .sdd-home-feedback .sdd-home-section-heading h2{font-size:21px}
  .sdd-home-feedback-card{flex-basis:86%;padding:14px}
  .sdd-feedback-head img{width:58px;height:58px;flex-basis:58px}
  .sdd-home-feedback-card p{min-height:0}
  .sdd-home-feedback-empty{flex-basis:100%;max-width:none;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:11px 13px;padding:15px}
  .sdd-feedback-empty-icon{width:54px;height:54px;border-radius:14px;font-size:26px}
  .sdd-home-feedback-empty>.sdd-feedback-link{grid-column:2;width:max-content;margin:0}
  .sdd-feedback-cta{margin-top:20px}
  .sdd-feedback-cta>a{min-width:220px;padding:12px 22px}
  .sdd-home-useful-card{flex-basis:82%}
  .sdd-home-useful-card h3{font-size:15px}

  .sdd-product-quick-specs{padding:13px 14px 11px}
  .sdd-product-quick-specs h2{margin-bottom:7px;font-size:22px}
  .sdd-product-quick-spec-row{grid-template-columns:34% minmax(0,1fr);gap:9px;padding:6px 0;font-size:14px;line-height:1.32}
  .sdd-spec-row{grid-template-columns:34% minmax(0,66%)}
  .sdd-spec-row>strong,.sdd-spec-row>div{padding:6px 9px;font-size:14px;line-height:1.33}

  .sdd-mobile-dock{position:fixed;z-index:200;right:0;bottom:0;left:0;height:calc(var(--sdd-mobile-dock-height) + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;padding:8px 8px env(safe-area-inset-bottom);border-top:1px solid #dfe4ea;background:rgba(255,255,255,.97);box-shadow:0 -6px 18px rgba(19,43,72,.10);backdrop-filter:blur(12px)}
  .sdd-mobile-dock>button,.sdd-mobile-dock>a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#0f3f7c;font-size:13px;text-align:center}
  .sdd-mobile-dock>button .sdd-icon,.sdd-mobile-dock>a .sdd-icon{width:28px;height:28px}
  .sdd-mobile-call{width:65px!important;height:65px!important;margin:-25px auto 0!important;display:grid!important;place-items:center!important;border:5px solid #fff!important;border-radius:50%!important;background:#ed241f!important;color:#fff!important;box-shadow:0 0 0 10px rgba(237,36,31,.14)!important}
  .sdd-mobile-call .sdd-icon{width:29px!important;height:29px!important}
  .sdd-mobile-utility{min-width:0;display:grid;place-items:start center}
  .sdd-mobile-utility-trigger{min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#0f3f7c;font:inherit;font-size:13px;text-align:center;cursor:pointer}
  .sdd-mobile-utility-trigger:focus-visible{outline:2px solid #174f98;outline-offset:2px;border-radius:8px}
  .sdd-mobile-utility-trigger .sdd-icon{width:28px;height:28px}
  .sdd-mobile-utility-panel{position:fixed;z-index:205;top:auto;right:max(10px,env(safe-area-inset-right));bottom:calc(var(--sdd-mobile-dock-height) + 12px + env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));width:auto;max-height:calc(100svh - var(--sdd-mobile-dock-height) - 34px);overflow-y:auto;border:1px solid rgba(31,85,157,.18);border-radius:17px;padding:11px;background:rgba(244,248,255,.93);color:#173f77;transform:translateY(14px) scale(.98);transform-origin:center bottom;box-shadow:0 16px 38px rgba(16,52,96,.18);backdrop-filter:blur(16px) saturate(1.05);-webkit-backdrop-filter:blur(16px) saturate(1.05)}
  .sdd-mobile-utility.is-open>.sdd-mobile-utility-panel{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition-delay:0s}
  .sdd-mobile-utility-panel::after{display:none}
  .sdd-mobile-utility-panel .sdd-side-utility-head{margin-bottom:9px;padding:2px 3px 9px;border-bottom-color:rgba(31,85,157,.15);color:#173f77;font-size:14px}
  .sdd-mobile-utility-panel .sdd-side-utility-head>button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(31,85,157,.1);color:#173f77;cursor:pointer}
  .sdd-mobile-utility-panel .sdd-side-utility-head>button .sdd-icon{width:18px;height:18px}
  .sdd-mobile-utility-panel .sdd-side-utility-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .sdd-mobile-utility-panel .sdd-side-utility-link{min-height:48px;border:1px solid rgba(31,85,157,.1);background:rgba(255,255,255,.82);color:#17365f;font-size:12px}
  .sdd-mobile-utility-panel .sdd-side-utility-link:hover,.sdd-mobile-utility-panel .sdd-side-utility-link:focus-visible{background:#fff;color:#174f98}
  .sdd-mobile-utility-panel .sdd-side-utility-link.is-certificate{grid-column:1/-1}
  body{padding-bottom:calc(var(--sdd-mobile-dock-height) + env(safe-area-inset-bottom))}
  .sdd-back-to-top{right:max(12px,env(safe-area-inset-right));bottom:calc(var(--sdd-mobile-dock-height) + 13px + env(safe-area-inset-bottom));width:42px;height:42px;border:1px solid #cad6e4;border-radius:9px;color:#123f7f;box-shadow:0 5px 16px rgba(14,42,76,.16)}
  .sdd-back-to-top .sdd-icon{width:21px;height:21px}
}

@media (prefers-reduced-motion:reduce){.sdd-side-contact,.sdd-side-contact :is(.sdd-icon,.sdd-zalo-mark),.sdd-side-utility-panel,.sdd-side-utility-link,.sdd-hero-slider,.sdd-hero-slide,.sdd-hero-slide img,.sdd-slider-dots button,.sdd-home-partner-card,.sdd-partner-arrow,.sdd-product-documents>.sdd-document-list a,.sdd-document-resource-grid>a{transition:none!important;transform:none!important}}

@media (max-width:430px){
  .sdd-home-section-heading h2{font-size:21px}
  .sdd-home-section-actions button{display:none}
  .sdd-home-section-actions a{padding-inline:10px}
  .sdd-home-partner-grid{gap:8px}
}

@media (max-width:991px){
  .sdd-product-documents__managed,
  .sdd-product-documents>.sdd-document-list,
  .sdd-document-resource-grid{padding-right:18px;padding-left:18px}
  #sdd-panel-documents .decor-resource-lookup__results,
  .sdd-product-documents>.sdd-document-list,
  .sdd-document-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sdd-document-resource-grid>a:last-child{grid-column:1/-1}
}

@media (max-width:767px){
  .sdd-home-partners-heading{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:17px}
  .sdd-home-partners-heading p{margin:7px 0 0;font-size:12px}
  .sdd-home-partners-cta{width:max-content;max-width:100%}
  .sdd-home-partner-grid,
  .sdd-home-partner-grid.is-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .sdd-home-partner-card{min-height:106px;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:11px}
  .sdd-partner-visual,.sdd-partner-initial{width:44px;height:44px;border-radius:11px}
  .sdd-partner-visual img{height:100%}
  .sdd-partner-initial{font-size:15px}
  .sdd-partner-copy small{font-size:7.5px}
  .sdd-partner-copy strong,.sdd-home-partner-card strong{font-size:12px;line-height:1.32}
  .sdd-partner-copy>span,.sdd-partner-arrow{display:none}

  .sdd-home-feedback-heading{align-items:center;margin-bottom:15px}
  .sdd-home-feedback-heading h2{font-size:23px}
  .sdd-home-feedback-heading p{font-size:12px;line-height:1.5}
  .sdd-home-feedback-layout{grid-template-columns:minmax(0,1fr);gap:12px}
  .sdd-feedback-spotlight{min-height:178px;padding:18px}
  .sdd-feedback-quote{left:16px;font-size:74px}
  .sdd-feedback-spotlight h3{font-size:18px}
  .sdd-feedback-spotlight>a{width:max-content;max-width:100%;margin-top:13px}
  .sdd-home-feedback-card{flex-basis:86%;padding:15px}
  .sdd-feedback-head img{width:52px;height:52px;flex-basis:52px}
  .sdd-home-feedback-card p{min-height:0}
  .sdd-home-feedback-empty{flex-basis:100%;min-height:178px;grid-template-columns:50px minmax(0,1fr);align-items:start;gap:12px;padding:17px}
  .sdd-feedback-empty-icon{width:50px;height:50px;border-radius:13px;font-size:24px}
  .sdd-home-feedback-empty h3{font-size:16px}

  .sdd-product-documents{border-radius:13px}
  .sdd-product-documents__head{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:5px 8px;align-items:start;padding:12px}
  .sdd-product-documents__head>div:first-child{display:contents}
  .sdd-product-documents__head>div:first-child>span{grid-column:1;grid-row:1;align-self:center;margin:0;font-size:9.5px}
  .sdd-product-documents__head h2{grid-column:1/-1;grid-row:2;font-size:20px;line-height:1.18}
  .sdd-product-documents__head p{grid-column:1/-1;grid-row:3;display:-webkit-box;overflow:hidden;margin:0;font-size:11.5px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .sdd-product-documents__status{grid-column:2;grid-row:1;min-width:0;width:auto;max-width:100%;padding:4px 8px;text-align:left}
  .sdd-product-documents__status strong{font-size:12px}
  .sdd-product-documents__status span{display:none}
  .sdd-product-documents__managed{padding:17px}
  #sdd-panel-documents .decor-product-resources__heading h2{font-size:20px}
  #sdd-panel-documents .decor-resource-lookup__results,
  .sdd-product-documents>.sdd-document-list,
  .sdd-document-resource-grid{grid-template-columns:minmax(0,1fr)}
  #sdd-panel-documents .decor-resource-card{min-height:0}
  .sdd-product-documents>.sdd-document-list{gap:10px;padding:17px}
  .sdd-product-documents>.sdd-document-list a{min-height:0}
  .sdd-product-documents__empty{grid-template-columns:32px minmax(0,1fr);gap:8px;margin:10px 12px 0;padding:8px 10px}
  .sdd-product-documents__empty>span{width:32px;height:32px;border-radius:9px;font-size:17px}
  .sdd-product-documents__empty strong{font-size:13px}
  .sdd-product-documents__empty p{display:-webkit-box;overflow:hidden;font-size:11px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .sdd-document-resource-grid{gap:7px;padding:10px 12px 12px}
  .sdd-document-resource-grid>a,.sdd-document-resource-grid>a:last-child{grid-column:auto;grid-template-columns:44px minmax(0,1fr);gap:9px;align-items:center;padding:9px}
  .sdd-document-resource-copy small{font-size:9px}
  .sdd-document-resource-copy strong{margin-top:2px;font-size:14px;line-height:1.3}
  .sdd-document-resource-copy>span{display:none}
  .sdd-document-resource-copy em{margin-top:4px;font-size:11.5px}
  .sdd-document-resource-panels{padding:0 12px 12px}
  .sdd-document-resource-panel{scroll-margin-top:12px;border-radius:11px}
  .sdd-document-resource-panel__bar{align-items:flex-start;padding:7px 8px 7px 12px}
  .sdd-document-resource-panel__bar button{min-height:44px;flex:0 0 auto}
  .sdd-document-resource-panel>.sdd-product-inline-source{padding:10px}
  .sdd-document-resource-panel .sdd-inline-reference__head{padding:15px 13px}
  .sdd-document-resource-panel .sdd-inline-embed-source iframe{min-height:52vh}
  .sdd-product-documents__foot{grid-template-columns:minmax(0,1fr);gap:8px;padding:10px 12px}
  .sdd-product-documents__foot>div{grid-template-columns:32px minmax(0,1fr);gap:8px}
  .sdd-product-documents__foot>div>.sdd-icon{width:32px;height:32px;padding:7px;border-radius:9px}
  .sdd-product-documents__foot p span{display:none}
  .sdd-product-documents__foot>a{width:100%;min-height:44px}
}

@media (max-width:380px){
  .sdd-home-feedback-heading{align-items:flex-start}
  .sdd-document-resource-grid>a{grid-template-columns:44px minmax(0,1fr);gap:11px}
  .sdd-document-resource-code{width:44px;height:44px;border-radius:11px;font-size:14px}
}

@media (max-width:1024px){
  .sdd-footer-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px}
  .sdd-policy-layout{grid-template-columns:220px minmax(0,1fr);gap:18px}
  .sdd-policy-header{padding:24px}
  .sdd-policy-content{padding:24px}
  .sdd-policy-support{grid-template-columns:1fr 1fr;padding:18px 24px}
  .sdd-policy-support div{grid-column:1/-1}
}
@media (max-width:767px){
  .sdd-footer-policy-row{padding:17px 0 18px}
  .sdd-footer-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px}
  .sdd-footer-policy-list{gap:9px}
  .sdd-footer-policy-list a{font-size:14px;font-weight:400;line-height:1.5}
  .sdd-policy-page{padding:7px 0 35px}
  .sdd-policy-layout{display:block}
  .sdd-policy-sidebar{display:none}
  .sdd-policy-article{border-radius:5px;box-shadow:none}
  .sdd-policy-header{padding:21px 17px 18px}
  .sdd-policy-header h1{font-size:28px}
  .sdd-policy-header p{font-size:14px}
  .sdd-policy-mobile-navigation{display:block;margin:16px 16px 0;border:1px solid #d8e1eb;border-radius:6px;background:#fff}
  .sdd-policy-mobile-navigation summary{padding:13px 14px;color:#183d74;font-size:15px;font-weight:800;cursor:pointer}
  .sdd-policy-mobile-navigation nav{display:grid;border-top:1px solid #e1e7ed}
  .sdd-policy-mobile-navigation a{padding:11px 14px;border-bottom:1px solid #e7ebf0;color:#3a485a;font-size:14px}
  .sdd-policy-mobile-navigation a:last-child{border-bottom:0}
  .sdd-policy-mobile-navigation a.is-current{background:#edf5ff;color:var(--sdd-primary);font-weight:800}
  .sdd-policy-content{padding:20px 17px 22px;font-size:15px;line-height:1.65}
  .sdd-policy-lead{padding:15px 16px}
  .sdd-policy-section{margin-bottom:23px}
  .sdd-policy-section h2{font-size:20px}
  .sdd-policy-support{display:grid;grid-template-columns:1fr;gap:9px;padding:17px}
  .sdd-policy-support div{grid-column:auto}
  .sdd-policy-support>a{justify-content:center;white-space:normal;text-align:center}
}
@media (max-width:480px){
  .sdd-footer-policy-grid{grid-template-columns:1fr;gap:0}
  .sdd-footer-policy-column{padding:10px 0;border-bottom:1px solid #e2e7ed}
  .sdd-footer-policy-column:last-child{border-bottom:0}
  .sdd-footer-policy-list{grid-template-columns:1fr}
}
/* ==========================================================================\n   HEADER DECOR PAINT 1.6.4 — định nghĩa hợp nhất duy nhất\n   ========================================================================== */
/* ==========================================================================
   DECOR PAINT 1.7.6 — Header, dự án, liên hệ, danh mục, checkout hợp nhất
   ========================================================================== */
.sdd-site-header{position:relative;z-index:90;width:100%;background:#fff;box-shadow:0 1px 0 rgba(11,47,104,.12)}
body.sdd-auth-page .sdd-site-header{display:none}
.sdd-topbar{height:44px;border-bottom:1px solid #e4e9f0;background:#fff;color:#283445;font-size:16px}
.sdd-topbar-inner{height:44px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.sdd-top-message,.sdd-mobile-tagline{position:relative;min-width:0;overflow:hidden;white-space:nowrap}
.sdd-top-message{height:44px;flex:1 1 auto}
.sdd-announcement{--sdd-announcement-duration:16s}
.sdd-announcement.is-speed-slow{--sdd-announcement-duration:24s}
.sdd-announcement.is-speed-fast{--sdd-announcement-duration:10s}
.sdd-marquee-track{height:100%;display:flex;align-items:center}
.sdd-marquee-track span{display:block;flex:0 0 auto;color:var(--sdd-primary);font-size:15px;font-weight:800;letter-spacing:.035em}
.sdd-announcement:focus-visible{outline:2px solid var(--sdd-primary);outline-offset:-3px}
.sdd-announcement.is-motion-static .sdd-marquee-track{position:relative;width:100%;justify-content:flex-start}
.sdd-announcement.is-motion-slide-left .sdd-marquee-track,.sdd-announcement.is-motion-slide-right .sdd-marquee-track{position:absolute;top:0;left:0;width:max-content;animation-duration:var(--sdd-announcement-duration);animation-timing-function:linear;animation-iteration-count:infinite}
.sdd-announcement.is-motion-slide-left .sdd-marquee-track{animation-name:sdd-announcement-left}
.sdd-announcement.is-motion-slide-right .sdd-marquee-track{animation-name:sdd-announcement-right}
.sdd-announcement.is-effect-glow .sdd-marquee-track span{text-shadow:0 0 9px rgba(23,79,152,.32)}
.sdd-announcement.is-effect-pulse .sdd-marquee-track span{animation:sdd-announcement-pulse 1.9s ease-in-out infinite}
.sdd-announcement:hover .sdd-marquee-track,.sdd-announcement:focus-within .sdd-marquee-track,.sdd-announcement:hover .sdd-marquee-track span,.sdd-announcement:focus-within .sdd-marquee-track span{animation-play-state:paused}
@keyframes sdd-announcement-left{from{left:100%;transform:translateX(0)}to{left:0;transform:translateX(-100%)}}
@keyframes sdd-announcement-right{from{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(0)}}
@keyframes sdd-announcement-pulse{0%,100%{opacity:1;text-shadow:0 0 0 rgba(23,79,152,0)}50%{opacity:.82;text-shadow:0 0 10px rgba(23,79,152,.35)}}
.sdd-top-links{flex:0 0 auto;display:flex;align-items:center;gap:18px}
.sdd-top-links a{min-height:44px;display:inline-flex;align-items:center;gap:8px;color:#1d2d42;font-size:16px;font-weight:700;line-height:1.2;white-space:nowrap}
.sdd-top-links a:hover,.sdd-top-links a:focus-visible{color:var(--sdd-primary)}
.sdd-top-links .sdd-icon{width:20px;height:20px;color:var(--sdd-primary)}
.sdd-top-icon-link{position:relative;justify-content:center;width:44px;min-width:44px;padding:0}
.sdd-top-icon-link .sdd-icon{width:29px;height:29px;color:#1d2732;transition:color .16s ease,transform .16s ease}
.sdd-top-icon-link:hover .sdd-icon,.sdd-top-icon-link:focus-visible .sdd-icon{color:var(--sdd-primary);transform:translateY(-1px)}
.sdd-top-icon-link .sdd-cart-count,.sdd-mobile-header-actions .sdd-cart-count{position:absolute;top:1px;right:0;min-width:17px;height:17px;display:grid;place-items:center;padding:0 3px;border:2px solid #fff;border-radius:999px;background:#e64249;color:#fff;font-size:9px;font-weight:900;line-height:1}
.sdd-header-main{background:#fff}
.sdd-header-main-inner{min-height:88px;display:grid;grid-template-columns:184px minmax(400px,1fr) 340px;align-items:center;gap:20px}
.sdd-logo-wrap{min-width:0;display:flex;align-items:center;justify-content:flex-start}
.sdd-brand,.custom-logo-link{width:100%;max-width:176px;display:inline-flex;align-items:center;justify-content:flex-start}
.sdd-brand img,.custom-logo{width:auto;max-width:176px;max-height:62px;object-fit:contain}
@media (min-width:1200px){
  .sdd-header-main,.sdd-header-main-inner{height:130px;min-height:130px}
  .sdd-header-main-inner{grid-template-columns:198px minmax(400px,1fr) 340px}
  .sdd-logo-wrap{width:198px;height:83px}
  .sdd-logo-wrap>.sdd-header-brand.sdd-brand{flex:0 0 198px;width:198px;height:83px;max-width:198px}
  .sdd-logo-wrap .sdd-header-brand .sdd-header-logo{display:block;width:198px;height:83px;max-width:198px;max-height:83px;object-fit:contain}
}
.sdd-search{position:relative;min-width:0;display:grid;align-items:stretch;background:#fff}
.sdd-search-desktop{width:100%;height:48px;grid-template-columns:128px minmax(0,1fr) 48px;border:1.5px solid #154e93;border-radius:25px}
.sdd-search :is(select,input){min-width:0;height:100%;margin:0;border:0;border-radius:0;outline:0;background:transparent;color:#27313e;box-shadow:none}
.sdd-search select{padding:0 34px 0 15px;border-right:1px solid #dce3ec;font-size:13px;cursor:pointer}
.sdd-search input{padding:0 15px;font-size:13.5px}
.sdd-search input::placeholder{color:#7b8593;opacity:1;transition:color .12s ease}
.sdd-search input.is-changing-placeholder::placeholder{color:transparent}
.sdd-search>button[type=submit]{width:50px;height:50px;align-self:center;justify-self:end;margin:-2px -2px -2px 0;display:grid;place-items:center;border:0;border-radius:50%;background:#174f98;color:#fff;box-shadow:0 5px 14px rgba(23,79,152,.24);transition:.18s ease}
.sdd-search>button[type=submit]:hover,.sdd-search>button[type=submit]:focus-visible{background:#0d3d7a;transform:translateY(-1px);box-shadow:0 7px 18px rgba(13,61,122,.3)}
.sdd-search>button[type=submit] .sdd-icon{width:23px;height:23px;stroke-width:2}
.sdd-search-results{position:absolute;z-index:140;top:calc(100% + 6px);left:128px;right:0;max-height:min(52vh,360px);overflow-x:hidden;overflow-y:auto;padding:6px;border:1px solid #dfe5ec;border-radius:9px;background:#fff;box-shadow:0 18px 42px rgba(9,38,76,.17);overscroll-behavior:contain}
.sdd-search-result-item{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;min-height:60px;padding:6px 8px;border-bottom:1px solid #e6ebf1;border-radius:6px;text-decoration:none}
.sdd-search-result-item:last-child{border-bottom:0}
.sdd-search-result-item:hover,.sdd-search-result-item:focus-visible{background:#f2f7fd}
.sdd-search-result-media{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border:1px solid #e2e8f0;border-radius:6px;background:#fff}
.sdd-search-result-item img{width:48px;height:48px;object-fit:contain}
.sdd-search-result-fallback{color:#174f98;font-size:14px;font-weight:900}
.sdd-search-result-copy{min-width:0;display:grid;gap:3px;align-content:center}
.sdd-search-result-title{min-width:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#1f2936;font-size:13.5px;font-weight:750;line-height:1.35}
.sdd-search-result-price{overflow:hidden;color:var(--sdd-price);font-size:13.5px;font-weight:850;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.sdd-header-contacts{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:center}
.sdd-header-contact{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:6px;align-items:center;color:#263446;line-height:1.15}
.sdd-contact-icon{grid-column:1;grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#eaf2fd;color:#174f98}
.sdd-contact-icon .sdd-icon{width:23px;height:23px}
.sdd-contact-label{grid-column:2;grid-row:1;align-self:end;color:#313c49;font-size:16px;font-weight:600;white-space:nowrap}
.sdd-header-contact a{grid-column:2;grid-row:2;align-self:start;color:#ef424a;font-size:16px;font-weight:900;white-space:nowrap}
.sdd-mobile-tagline,.sdd-mobile-menu-button,.sdd-mobile-search-row,.sdd-mobile-header-actions{display:none}
.sdd-projects-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start;padding-bottom:44px}
.sdd-project-sidebar{overflow:hidden;border:1px solid #dbe2eb;border-radius:4px;background:#fff}
.sdd-project-sidebar h2{min-height:48px;display:flex;align-items:center;gap:9px;margin:0;padding:0 14px;border-bottom:2px solid var(--sdd-primary);color:#202a37;font-size:16px}
.sdd-project-sidebar>a,.sdd-project-filter-placeholder{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px;border-bottom:1px solid #e5e9ee;color:#2f3947;font-size:13px;line-height:1.35}
.sdd-project-sidebar>a:last-child,.sdd-project-filter-placeholder:last-child{border-bottom:0}
.sdd-project-sidebar>a:hover,.sdd-project-sidebar>a:focus-visible,.sdd-project-sidebar>a.is-active{padding-left:17px;background:#eef5ff;color:#154f97;font-weight:800;box-shadow:inset 4px 0 #1f559d}
.sdd-project-sidebar>a span{color:#8490a0;font-size:11px}
.sdd-projects-main>header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid #dfe5ec}
.sdd-projects-main>header h1{margin:0;color:#222b37;font-size:29px}
.sdd-projects-main>header p{max-width:620px;margin:0;color:#6a7584;font-size:13px;text-align:right}
.sdd-project-grid-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sdd-project-card{min-width:0;overflow:hidden;border:1px solid #dfe4eb;background:#fff;transition:transform .18s ease,box-shadow .18s ease}
.sdd-project-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(17,52,93,.12)}
.sdd-project-card-media{display:block;overflow:hidden;background:#f3f6fa}
.sdd-project-card-media img{width:100%;aspect-ratio:1.52/1;object-fit:contain;transition:transform .25s ease}
.sdd-project-card:hover img{transform:none}
.sdd-project-card-copy{display:grid;gap:5px;padding:11px 12px}
.sdd-project-card-copy strong{color:#1d2734;font-size:14px;line-height:1.38}
.sdd-project-card-copy small{display:-webkit-box;overflow:hidden;color:#6f7987;font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sdd-project-empty{grid-column:1/-1;padding:48px 24px;border:1px dashed #b9c8da;background:#f7fafe;text-align:center}
.sdd-project-empty h2{margin:0 0 8px}
.sdd-project-empty p{margin:0;color:#667486}





.sdd-form-grid,.decor-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}






.decor-form-field-full{grid-column:1/-1}
.decor-consent{font-size:12px;line-height:1.45}
.decor-consent label{display:flex;grid-template-columns:none;align-items:flex-start;gap:8px;font-weight:500}
.decor-consent input{flex:0 0 16px;width:16px;min-height:16px;margin-top:2px}














.sdd-category-blue{padding:38px 0 42px;background:#1f559d;color:#fff}
.sdd-category-blue-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.sdd-category-blue-head h2{margin:0;color:#fff;font-size:38px;line-height:1.1}
.sdd-category-blue-head p{margin:7px 0 0;color:rgba(255,255,255,.9);font-size:18px}
.sdd-category-arrows{display:flex;gap:9px}
.sdd-category-arrows button{width:43px;height:43px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#164b8d;font-size:23px;box-shadow:0 4px 12px rgba(6,32,72,.18)}
.sdd-category-desktop-slider,.sdd-category-mobile-slider{overflow:hidden}
.sdd-category-desktop-track,.sdd-category-mobile-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.sdd-category-desktop-track::-webkit-scrollbar,.sdd-category-mobile-track::-webkit-scrollbar{display:none}
.sdd-category-desktop-page{flex:0 0 100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 34px;scroll-snap-align:start}
.sdd-category-blue-card{min-width:0;color:#fff;text-align:center}
.sdd-category-blue-card img{width:100%;aspect-ratio:1.54/1;object-fit:cover;border:2px solid rgba(255,255,255,.9);border-radius:14px;background:#fff}
.sdd-category-blue-card span{display:block;margin-top:8px;color:#fff;font-size:15px;font-weight:700;line-height:1.35}
.sdd-category-mobile-slider{display:none}
body.woocommerce-checkout{background:#fff}
.woocommerce-checkout .site-main,.woocommerce-checkout .entry-content{max-width:1200px;margin-inline:auto}
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:28px;align-items:start}
.woocommerce-checkout #customer_details{display:grid;grid-template-columns:1fr;gap:18px}
.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{width:100%;float:none;padding:20px;border:1px solid #dce4ed;border-radius:7px;background:#fff}
.woocommerce-checkout h3{color:#1e2937}
.woocommerce-checkout .form-row{margin:0 0 10px}
.woocommerce-checkout .form-row label{margin-bottom:5px;color:#2b3747;font-size:13px;font-weight:700}
.woocommerce-checkout .form-row :is(input.input-text,select,.select2-selection){min-height:40px;border:1px solid #cbd5df;border-radius:4px;background:#fff}
.woocommerce-checkout .form-row input.input-text{padding:7px 10px}
.woocommerce-checkout .form-row textarea{min-height:90px;padding:9px 10px}
.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{width:100%;float:none}
.woocommerce-checkout #order_review{padding:20px;border:1px solid #dce4ed;border-radius:7px;background:#f5f9fe}
.woocommerce-checkout-review-order-table{background:#fff}
.woocommerce-checkout #payment{background:#eaf3ff}
.woocommerce-checkout #payment div.payment_box{background:#dfeeff;color:#30445d}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#dfeeff}
.woocommerce-checkout #place_order{width:100%;min-height:48px;border:0;border-radius:5px;background:#1f559d;color:#fff;font-size:14px;font-weight:900}
.woocommerce-checkout #place_order:hover{background:#123f7f}
@media (max-width:1199px) and (min-width:992px){.sdd-header-main-inner{min-height:86px;grid-template-columns:158px minmax(300px,1fr) 320px;gap:12px}.sdd-brand,.custom-logo-link,.sdd-brand img,.custom-logo{max-width:154px;max-height:56px}.sdd-search-desktop{grid-template-columns:112px minmax(0,1fr) 46px;height:46px}.sdd-search>button[type=submit]{width:48px;height:48px}.sdd-search-results{left:112px}.sdd-header-contacts{gap:8px}.sdd-header-contact{grid-template-columns:38px minmax(0,1fr);column-gap:8px;row-gap:5px}.sdd-contact-icon{width:38px;height:38px}.sdd-contact-icon .sdd-icon{width:20px;height:20px}.sdd-contact-label{font-size:16px}.sdd-header-contact a{font-size:15.5px}.sdd-project-grid-page{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sdd-category-desktop-page{gap:21px 24px}}
@media (max-width:991px){.sdd-topbar,.sdd-search-desktop,.sdd-header-contacts,.sdd-primary-nav{display:none}.sdd-mobile-tagline{height:34px;display:block;padding:0 12px;border-bottom:1px solid #dce5ef;background:#fff}.sdd-mobile-tagline .sdd-marquee-track{height:34px}.sdd-mobile-tagline .sdd-marquee-track span{font-size:14px}.sdd-header-main-inner{min-height:72px;display:grid;grid-template-columns:50px minmax(0,1fr) 84px;align-items:center;gap:7px;padding:4px 8px}.sdd-mobile-menu-button{width:48px;height:48px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#174f98}.sdd-mobile-menu-button .sdd-icon{width:30px;height:30px}.sdd-logo-wrap{justify-content:center}.sdd-brand,.custom-logo-link{max-width:155px;justify-content:center}.sdd-brand img,.custom-logo{max-width:155px;max-height:55px}.sdd-mobile-header-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.sdd-mobile-header-actions a{position:relative;width:38px;height:44px;display:grid;place-items:center;color:#172536}.sdd-mobile-header-actions .sdd-icon{width:27px;height:27px}.sdd-mobile-search-row{display:block;padding:7px 0 9px;border-top:1px solid #edf0f4;background:#f5f7fa}.sdd-mobile-search-row .sdd-shell{width:calc(100% - 16px)}.sdd-search-mobile{height:47px;grid-template-columns:96px minmax(0,1fr) 47px;border:1.5px solid #d5e0ed;border-radius:3px;background:#fff}.sdd-mobile-search-category{min-width:0;height:100%;display:flex;align-items:center;padding:0 12px;border:0;border-right:1px solid #dbe1e8;background:#fff;color:#27313e;font-size:13px;white-space:nowrap}.sdd-search-mobile input{padding:0 10px;font-size:13px}.sdd-search-mobile>button[type=submit]{width:47px;height:47px;margin:-1.5px -1.5px -1.5px 0;border-radius:0 3px 3px 0;box-shadow:none}.sdd-projects-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}.sdd-project-grid-page{grid-template-columns:repeat(2,minmax(0,1fr))}.sdd-category-desktop-page{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.woocommerce-checkout form.checkout{grid-template-columns:1fr}}
@media (max-width:767px){.sdd-top-links{gap:10px}.sdd-projects-layout{display:block}.sdd-project-sidebar{margin-bottom:18px}.sdd-project-sidebar h2{min-height:44px}.sdd-project-sidebar>a,.sdd-project-filter-placeholder{min-height:40px;padding:8px 12px}.sdd-projects-main>header{display:block}.sdd-projects-main>header p{margin-top:6px;text-align:left}.sdd-project-grid-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sdd-project-card-copy{padding:9px}.sdd-project-card-copy strong{font-size:13px}.sdd-project-card-copy small{font-size:11px}.sdd-form-grid,.decor-form-grid{grid-template-columns:1fr;gap:9px}.decor-form-field-full{grid-column:auto}.sdd-category-blue{padding:28px 0 32px}.sdd-category-blue .sdd-shell{width:calc(100% - 24px)}.sdd-category-blue-head{margin-bottom:20px}.sdd-category-blue-head h2{font-size:29px}.sdd-category-blue-head p{font-size:14px}.sdd-category-arrows button{width:40px;height:40px}.sdd-category-desktop-slider{display:none}.sdd-category-mobile-slider{display:block}.sdd-category-mobile-page{flex:0 0 100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 9px;scroll-snap-align:start}.sdd-category-blue-card img{border-radius:9px}.sdd-category-blue-card span{margin-top:6px;font-size:12px}.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2,.woocommerce-checkout #order_review{padding:14px}.woocommerce-checkout .form-row :is(input.input-text,select,.select2-selection){min-height:42px}.woocommerce-checkout form.checkout{gap:18px}}
@media (max-width:480px){.sdd-header-main-inner{grid-template-columns:46px minmax(0,1fr) 78px}.sdd-mobile-header-actions{gap:6px}.sdd-mobile-header-actions a{width:32px}.sdd-brand,.custom-logo-link,.sdd-brand img,.custom-logo{max-width:142px;max-height:52px}.sdd-project-grid-page{grid-template-columns:1fr}.sdd-category-mobile-page{gap:16px 8px}}
@media (prefers-reduced-motion:reduce){.sdd-announcement .sdd-marquee-track,.sdd-announcement .sdd-marquee-track span{position:relative!important;left:auto!important;width:100%;justify-content:center;animation:none!important;transform:none!important}.sdd-primary-menu a,.sdd-catalog-row,.sdd-catalog-link,.sdd-top-icon-link .sdd-icon,.sdd-drawer-socials a{transition:none!important;transform:none!important}}

/* ========================================================================== 
   DECOR PAINT 1.7.4 — Giỏ hàng và thanh toán chuyên nghiệp
   ========================================================================== */
body.woocommerce-cart,
body.woocommerce-checkout{background:#f6f8fb;color:#172536}
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main{padding-bottom:56px}
body.woocommerce-cart .sdd-narrow-shell,
body.woocommerce-checkout .sdd-narrow-shell{max-width:1180px}
.woocommerce-cart :is(.sdd-page-header,.entry-header),
.woocommerce-checkout :is(.sdd-page-header,.entry-header),
.woocommerce-cart :is(.sdd-page-content,.entry-content),
.woocommerce-checkout :is(.sdd-page-content,.entry-content){width:100%;max-width:1180px;margin-inline:auto}
.woocommerce-cart :is(.sdd-page-header h1,.entry-title),
.woocommerce-checkout :is(.sdd-page-header h1,.entry-title){margin:28px 0 20px;color:#101d2d;font-size:clamp(30px,4vw,42px);line-height:1.12;letter-spacing:-.025em}
.woocommerce-cart .woocommerce-notices-wrapper,
.woocommerce-checkout .woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-cart :is(.woocommerce-message,.woocommerce-info,.woocommerce-error),
.woocommerce-checkout :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){border:1px solid #bfd5ee;border-top:3px solid #1b65ae;border-radius:9px;background:#fff;color:#22334a;box-shadow:0 5px 18px rgba(20,55,95,.06)}

/* Tiến trình đặt hàng */
.sdd-commerce-steps{grid-column:1/-1;display:grid;grid-template-columns:max-content minmax(30px,1fr) max-content minmax(30px,1fr) max-content;align-items:center;gap:12px;margin:0 0 22px;padding:16px 20px;border:1px solid #dbe4ef;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(16,48,86,.055)}
.sdd-commerce-step{display:flex;align-items:center;gap:9px;color:#8793a3;font-size:13px;font-weight:700;white-space:nowrap}
.sdd-commerce-step b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ced7e2;border-radius:50%;background:#f7f9fc;color:#667387;font-size:12px}
.sdd-commerce-step.is-current{color:#174f98}
.sdd-commerce-step.is-current b{border-color:#174f98;background:#174f98;color:#fff;box-shadow:0 0 0 4px rgba(23,79,152,.1)}
.sdd-commerce-step.is-complete{color:#187642}
.sdd-commerce-step.is-complete b{border-color:#198754;background:#198754;color:#fff}
.sdd-commerce-steps>i{height:2px;border-radius:2px;background:#dce3eb}
.sdd-commerce-step.is-complete+i{background:#73bd91}

/* Giỏ hàng classic — cùng cơ chế với checkout và Giá bán sỉ */
body.woocommerce-cart :is(.sdd-page-content,.entry-content)>.woocommerce{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(320px,.88fr);gap:22px 26px;align-items:start}
.woocommerce-cart .woocommerce>.sdd-commerce-steps,
.woocommerce-cart .woocommerce>.dpwd-wholesale-notice,
.woocommerce-cart .woocommerce>.woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce>.wc-empty-cart-message,
.woocommerce-cart .woocommerce>.cart-empty,
.woocommerce-cart .woocommerce>.return-to-shop{grid-column:1/-1}
.woocommerce-cart .woocommerce-cart-form{grid-column:1;min-width:0;margin:0}
.woocommerce-cart .cart-collaterals{grid-column:2;width:100%;margin:0}
.woocommerce-cart .woocommerce-cart-form table.shop_table{margin:0;border:1px solid #dbe4ef;border-radius:12px;background:#fff;border-collapse:separate;overflow:hidden;box-shadow:0 8px 24px rgba(16,48,86,.055)}
.woocommerce-cart .woocommerce-cart-form table.shop_table thead{background:#f0f5fb}
.woocommerce-cart .woocommerce-cart-form table.shop_table th{padding:14px 13px;border:0;color:#43536a;font-size:12px;letter-spacing:.035em;text-transform:uppercase}
.woocommerce-cart .woocommerce-cart-form table.shop_table td{padding:18px 13px;border:0;border-top:1px solid #e7edf4;vertical-align:middle}
.woocommerce-cart .product-thumbnail{width:96px}
.woocommerce-cart .product-thumbnail img{width:76px;height:76px;object-fit:contain;padding:5px;border:1px solid #e1e7ee;border-radius:9px;background:#f8fafc}
.woocommerce-cart .product-name a{color:#163d70;font-size:15px;font-weight:750;line-height:1.4;text-decoration:none}
.woocommerce-cart .product-name a:hover{color:#0f64b4}
.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal{color:#172536;font-weight:750;white-space:nowrap}
.woocommerce-cart .product-remove a{display:grid!important;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff1f1!important;color:#bb2b2b!important;font-size:19px!important;text-decoration:none!important}
.woocommerce-cart .product-remove a:hover{background:#d63638!important;color:#fff!important}
.woocommerce-cart .quantity .qty{width:70px;min-height:40px;padding:5px;border:1px solid #cad5e1;border-radius:6px;background:#fff;text-align:center}
.woocommerce-cart .shop_table .actions{padding:15px!important;background:#fbfcfe}
.woocommerce-cart .shop_table .coupon{display:flex;gap:8px;align-items:center}
.woocommerce-cart .shop_table .coupon .input-text{width:185px!important;min-height:42px;padding:8px 11px!important;border:1px solid #cbd6e2!important;border-radius:7px!important}
.woocommerce-cart .shop_table .button{min-height:42px;padding:9px 16px;border:0;border-radius:7px;background:#e6edf6;color:#174f98;font-weight:800}
.woocommerce-cart .shop_table .button:hover{background:#d9e7f6;color:#103f7c}
.woocommerce-cart .cart-collaterals .cart_totals{position:sticky;top:105px;width:100%;float:none;padding:22px;border:1px solid #d5e1ee;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(15,47,85,.08)}
.woocommerce-cart .cart_totals h2{margin:0 0 14px;padding:0 0 13px;border-bottom:2px solid #174f98;color:#13243a;font-size:19px}
.woocommerce-cart .cart_totals table.shop_table{margin:0 0 16px;border:0;border-radius:0}
.woocommerce-cart .cart_totals table.shop_table :is(th,td){padding:12px 0;border-top:1px solid #e7edf3;color:#34445a}
.woocommerce-cart .cart_totals table.shop_table td{text-align:right}
.woocommerce-cart .cart_totals .order-total :is(th,td){color:#11294a;font-size:18px;font-weight:850}
.woocommerce-cart .wc-proceed-to-checkout{padding:4px 0 0}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{min-height:52px;display:flex;align-items:center;justify-content:center;margin:0;border:0;border-radius:8px;background:linear-gradient(135deg,#1f65ae,#17498c);color:#fff;font-size:15px;font-weight:850;box-shadow:0 8px 18px rgba(23,79,152,.22)}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{background:linear-gradient(135deg,#174f98,#0f3972);transform:translateY(-1px)}

/* Cart Block fallback cho trang do quản trị viên tự tùy biến */
.wc-block-cart{max-width:1180px;margin-inline:auto;gap:26px}
.wc-block-cart .wc-block-cart__main{padding:0;border:1px solid #dbe4ef;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(16,48,86,.055)}
.wc-block-cart .wc-block-cart__sidebar{padding:0}
.wc-block-cart .wc-block-cart-items{margin:0}
.wc-block-cart .wc-block-cart-items thead{background:#f0f5fb}
.wc-block-cart .wc-block-cart-items th{padding:14px 16px!important}
.wc-block-cart .wc-block-cart-items td{padding:18px 16px!important;border-color:#e5ebf2!important}
.wc-block-cart .wc-block-components-product-name{color:#163d70;font-weight:750;text-decoration:none}
.wc-block-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar{border:1px solid #d5e1ee;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(15,47,85,.08)}
.wc-block-cart :is(.wc-block-cart__submit-button,.wc-block-components-totals-coupon__button){min-height:50px;border-radius:8px;background:#174f98;color:#fff;font-weight:800}

/* Thanh toán classic */
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout form.checkout_coupon{margin-bottom:18px}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{min-height:48px;display:flex;align-items:center;margin:0;padding:12px 16px}
.woocommerce-checkout form.checkout_coupon{padding:18px;border:1px solid #dbe4ef;border-radius:10px;background:#fff}
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(370px,.88fr);gap:26px;align-items:start}
.woocommerce-checkout #customer_details{grid-column:1;display:grid;grid-template-columns:1fr;gap:18px;min-width:0}
.woocommerce-checkout .sdd-checkout-order-column{grid-column:2;min-width:0}
.woocommerce-checkout #order_review_heading{width:100%;float:none;margin:0;padding:21px 22px 13px;border:1px solid #d5e1ee;border-bottom:0;border-radius:12px 12px 0 0;background:#fff;color:#14253a;font-size:20px}
.woocommerce-checkout #order_review{position:static;width:100%;float:none;margin:0;padding:0 22px 22px;border:1px solid #d5e1ee;border-top:0;border-radius:0 0 12px 12px;background:#fff;box-shadow:0 10px 28px rgba(15,47,85,.08)}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{width:100%;float:none;padding:22px;border:1px solid #dbe4ef;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(16,48,86,.055)}
.woocommerce-checkout #customer_details h3{margin:0 0 18px;padding:0 0 12px;border-bottom:2px solid #174f98;color:#14253a;font-size:19px}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px}
.woocommerce-checkout #customer_details .form-row{width:100%!important;float:none!important;margin:0!important;padding:0!important}
.woocommerce-checkout .form-row-wide,
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #shipping_country_field,
.woocommerce-checkout #order_comments_field{grid-column:1/-1}
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #shipping_country_field,
.woocommerce-checkout .sdd-country-field{display:none!important}
.woocommerce-checkout .form-row label{display:block;margin:0 0 6px;color:#26364a;font-size:13px;font-weight:750;line-height:1.35}
.woocommerce-checkout .form-row label .required{visibility:visible!important;color:#d63638!important;font-weight:900!important;text-decoration:none!important}
.woocommerce-checkout .form-row :is(input.input-text,select,.select2-selection){width:100%;min-height:44px;border:1px solid #c8d4e1;border-radius:7px;background:#fff;color:#172536;box-shadow:none}
.woocommerce-checkout .form-row input.input-text{padding:9px 11px}
.woocommerce-checkout .form-row :is(input.input-text,textarea):focus,
.woocommerce-checkout .form-row .select2-container--default.select2-container--focus .select2-selection{outline:0;border-color:#2a6eb5;box-shadow:0 0 0 3px rgba(31,101,174,.11)}
.woocommerce-checkout .form-row textarea{min-height:96px;padding:10px 11px;border:1px solid #c8d4e1;border-radius:7px;resize:vertical}
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered{line-height:42px;padding-left:11px}
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow{height:42px}
.woocommerce-checkout .woocommerce-shipping-fields h3 label{display:flex;align-items:center;gap:9px;font-size:15px}
.woocommerce-checkout .woocommerce-shipping-fields h3 input{width:17px;height:17px;margin:0}
.woocommerce-checkout-review-order-table{margin:0 0 18px!important;border:1px solid #dce4ed!important;border-radius:8px!important;background:#fff;border-collapse:separate!important;overflow:hidden}
.woocommerce-checkout-review-order-table :is(th,td){padding:12px 13px!important;border-color:#e4eaf1!important;color:#314158}
.woocommerce-checkout-review-order-table thead th{background:#f1f5fa;color:#22334a;font-size:12px;text-transform:uppercase;letter-spacing:.025em}
.woocommerce-checkout-review-order-table .product-name{font-weight:650;line-height:1.45}
.woocommerce-checkout-review-order-table tfoot .order-total :is(th,td){background:#f7faff;color:#123b6c;font-size:17px;font-weight:850}
.woocommerce-checkout #payment{border:1px solid #cfe0f3;border-radius:9px;background:#f1f7fe;color:#22364e;overflow:hidden}
.woocommerce-checkout #payment ul.payment_methods{padding:16px 14px;border:0}
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods li{list-style:none}
.woocommerce-checkout #payment ul.payment_methods li{margin:0}
.woocommerce-checkout #payment ul.payment_methods li>label{color:#173a68;font-size:14px;font-weight:800}
.woocommerce-checkout #payment div.payment_box{margin:13px 0 0;padding:14px;border-radius:7px;background:#e1efff;color:#2f4662;font-size:13px;line-height:1.55}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#e1efff}
.woocommerce-checkout #payment .place-order{padding:16px 14px 14px;border-top:1px solid #d5e3f2}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text{color:#55657a;font-size:12px;line-height:1.55}
.woocommerce-checkout #place_order{width:100%;min-height:52px;margin-top:12px;border:0;border-radius:8px;background:linear-gradient(135deg,#1f65ae,#17498c);color:#fff;font-size:14px;font-weight:900;letter-spacing:.025em;box-shadow:0 8px 18px rgba(23,79,152,.22)}
.woocommerce-checkout #place_order:hover{background:linear-gradient(135deg,#174f98,#0f3972);transform:translateY(-1px)}
.woocommerce-checkout .wc-bacs-bank-details{padding:16px;border:1px solid #cfe0f3;border-radius:9px;background:#f3f8fe}
.woocommerce-checkout .wc-bacs-bank-details-heading{font-size:18px}
.woocommerce-checkout .wc-bacs-bank-details.order_details{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.woocommerce-checkout .wc-bacs-bank-details.order_details li{padding:9px 11px;border-radius:6px;background:#fff}

/* Thông báo Giá bán sỉ đồng bộ với hai trang */
.woocommerce-cart .dpwd-wholesale-notice,
.woocommerce-checkout .dpwd-wholesale-notice{margin:0 0 20px;border-radius:11px;box-shadow:0 5px 16px rgba(16,48,86,.05)}
.woocommerce-cart .dpwd-wholesale-totals-row th,
.woocommerce-checkout .dpwd-wholesale-totals-row th{background:#edf9f1!important;color:#176331!important}

@media (max-width:1023px){
  body.woocommerce-cart :is(.sdd-page-content,.entry-content)>.woocommerce{grid-template-columns:1fr}
  .woocommerce-cart .woocommerce-cart-form,.woocommerce-cart .cart-collaterals{grid-column:1}
  .woocommerce-cart .cart-collaterals .cart_totals{position:static}
  .woocommerce-checkout form.checkout{grid-template-columns:1fr;gap:18px}
  .woocommerce-checkout #customer_details,.woocommerce-checkout .sdd-checkout-order-column{grid-column:1}
}
@media (max-width:767px){
  .woocommerce-cart :is(.sdd-page-header,.entry-header),.woocommerce-checkout :is(.sdd-page-header,.entry-header),.woocommerce-cart :is(.sdd-page-content,.entry-content),.woocommerce-checkout :is(.sdd-page-content,.entry-content){width:100%;max-width:1180px}
  .woocommerce-cart :is(.sdd-page-header h1,.entry-title),.woocommerce-checkout :is(.sdd-page-header h1,.entry-title){margin-top:20px;font-size:31px}
  .sdd-commerce-steps{grid-template-columns:repeat(3,1fr);gap:7px;padding:13px 10px}
  .sdd-commerce-steps>i{display:none}
  .sdd-commerce-step{min-width:0;justify-content:center;gap:6px;font-size:11px;text-align:center;white-space:normal}
  .sdd-commerce-step b{flex:0 0 26px;width:26px;height:26px}
  .woocommerce-cart .woocommerce-cart-form table.shop_table{border-radius:10px}
  .woocommerce-cart .woocommerce-cart-form table.shop_table,
  .woocommerce-cart .woocommerce-cart-form table.shop_table tbody{display:block;width:100%}
  .woocommerce-cart .woocommerce-cart-form table.shop_table thead{display:none}
  .woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px 12px;padding:14px;border-top:1px solid #e6ecf3}
  .woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item:first-child{border-top:0}
  .woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item td{display:block;padding:0!important;border:0;text-align:left!important}
  .woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item td::before{display:none}
  .woocommerce-cart .woocommerce-cart-form table.shop_table .product-remove{position:absolute;top:12px;right:12px}
  .woocommerce-cart .woocommerce-cart-form table.shop_table .product-thumbnail{display:block!important;grid-row:1/5;width:76px}
  .woocommerce-cart .product-thumbnail img{width:70px;height:70px}
  .woocommerce-cart .woocommerce-cart-form table.shop_table .product-name{padding-right:34px!important}
  .woocommerce-cart .woocommerce-cart-form table.shop_table .product-price{color:#536176;font-size:12px}
  .woocommerce-cart .woocommerce-cart-form table.shop_table .product-subtotal{color:#153c6e;font-size:15px}
  .woocommerce-cart .shop_table .actions{display:grid!important;gap:10px;padding:13px!important}
  .woocommerce-cart .shop_table .coupon{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}
  .woocommerce-cart .shop_table .coupon .input-text{width:100%!important}
  .woocommerce-cart .shop_table .actions>.button{width:100%}
  .woocommerce-cart .cart-collaterals .cart_totals{padding:17px}
  .woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2,.woocommerce-checkout #order_review{padding:16px}
  .woocommerce-checkout #order_review_heading{padding:17px 16px 10px}
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{grid-template-columns:1fr;gap:12px}
  .woocommerce-checkout .form-row-first,.woocommerce-checkout .form-row-last,.woocommerce-checkout .form-row-wide{grid-column:1}
  .woocommerce-checkout-review-order-table :is(th,td){padding:11px 9px!important;font-size:12px}
}

/* ========================================================================== 
   DECOR PAINT 1.7.10 — Giỏ hàng cân đối, rõ chữ và không tràn coupon
   ========================================================================== */
body.woocommerce-cart{
  --sdd-cart-font-size:15px;
  --sdd-cart-meta-font-size:14px;
  --sdd-cart-line-height:1.5;
  --sdd-cart-primary:#174f98;
  --sdd-cart-primary-dark:#103f7c;
  --sdd-cart-card-border:#b9cada;
  --sdd-cart-card-shadow:0 12px 28px rgba(15,47,85,.1);
  --sdd-cart-control-height:46px;
  --sdd-cart-heading-height:56px;
}
body.woocommerce-cart .sdd-commerce-step{color:#596575;font-size:14px;line-height:1.4}
body.woocommerce-cart .sdd-commerce-step b{font-size:14px}
body.woocommerce-cart .dpwd-wholesale-notice :is(strong,p){margin-top:0;margin-bottom:0;font-size:14px;line-height:1.5}
body.woocommerce-cart .dpwd-wholesale-notice strong{font-weight:750}
body.woocommerce-cart .dpwd-wholesale-notice p{font-weight:400}

/* Hệ chữ giao dịch: tên và tổng nổi bật, mô tả sản phẩm giữ nét thường. */
body.woocommerce-cart :is(
  .woocommerce-cart-form .product-name a,
  .wc-block-components-product-name
){color:var(--sdd-cart-primary-dark)!important;font-size:15px!important;font-weight:750!important;line-height:1.4!important;text-decoration:none}
body.woocommerce-cart :is(
  .woocommerce-cart-form .product-price,
  .woocommerce-cart-form .product-subtotal,
  .wc-block-components-product-price,
  .wc-block-cart-item__total
){color:#142944;font-size:15px!important;font-weight:750!important;line-height:1.45!important;font-variant-numeric:tabular-nums}
body.woocommerce-cart :is(
  .woocommerce-cart-form .product-name p,
  .woocommerce-cart-form .product-name small,
  .woocommerce-cart-form .product-name .wc-item-meta,
  .woocommerce-cart-form .product-name dl.variation,
  .wc-block-components-product-metadata,
  .wc-block-components-product-metadata__description,
  .wc-block-components-product-metadata__description p,
  .wc-block-components-product-details
),
body.woocommerce-cart :is(
  .woocommerce-cart-form .product-name p,
  .woocommerce-cart-form .product-name small,
  .woocommerce-cart-form .product-name .wc-item-meta,
  .woocommerce-cart-form .product-name dl.variation,
  .wc-block-components-product-metadata,
  .wc-block-components-product-metadata__description,
  .wc-block-components-product-details
) :is(strong,b,span,dt,dd,p){color:#405168;font-size:var(--sdd-cart-meta-font-size)!important;font-weight:400!important;line-height:1.5!important;overflow-wrap:anywhere}
body.woocommerce-cart :is(
  .woocommerce-cart-form .product-name p,
  .woocommerce-cart-form .product-name small,
  .woocommerce-cart-form .product-name .wc-item-meta,
  .woocommerce-cart-form .product-name dl.variation,
  .wc-block-components-product-metadata,
  .wc-block-components-product-metadata__description,
  .wc-block-components-product-metadata__description p,
  .wc-block-components-product-details
){font-weight:400!important}
body.woocommerce-cart :is(.wc-block-components-sale-badge,.woocommerce-cart-form .product-name .sdd-saving-badge){font-size:13px!important;font-weight:700!important;line-height:1.35!important}

/* Cart Block: hai card cùng một hàng; chiều cao card đi theo nội dung để tránh khoảng trắng thừa. */
body.woocommerce-cart :is(.sdd-page-content,.entry-content)>.woocommerce>:is(.wp-block-woocommerce-cart,.wc-block-cart){grid-column:1/-1;min-width:0}
body.woocommerce-cart .wc-block-cart.wc-block-components-sidebar-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.62fr) minmax(300px,.88fr);
  gap:26px;
  align-items:start;
  margin-bottom:0;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart__main{grid-column:1}
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar{grid-column:2;padding:0!important}
body.woocommerce-cart .wc-block-cart :is(.wc-block-cart__main,.wc-block-cart__sidebar){width:auto!important;min-width:0;flex:none!important;box-sizing:border-box}
body.woocommerce-cart .wc-block-cart .wc-block-cart-items{width:100%;margin:0}

/* Classic Cart dùng cùng nhịp grid và card, nhưng không kéo giãn tạo khoảng trắng. */
body.woocommerce-cart :is(.sdd-page-content,.entry-content)>.woocommerce{align-items:start}
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals{min-width:0}
body.woocommerce-cart .cart-collaterals .cart_totals{position:sticky!important;top:105px!important;width:100%;float:none;padding:0}

body.woocommerce-cart .wc-block-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar,
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart-collaterals .cart_totals{
  border:2px solid var(--sdd-cart-card-border)!important;
  border-top:3px solid var(--sdd-cart-primary)!important;
  border-radius:14px!important;
  background:#fff;
  box-shadow:var(--sdd-cart-card-shadow)!important;
  overflow:hidden;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar{overflow:visible}
body.woocommerce-cart .woocommerce-cart-form table.shop_table{
  width:100%;
  margin:0;
  border:0!important;
  border-radius:0!important;
  background:#fff;
  box-shadow:none!important;
}

/* Hai tiêu đề card dùng cùng nhịp chữ; chiều cao đồng bộ ở desktop bên dưới. */
body.woocommerce-cart .wc-block-cart .wc-block-cart-items thead,
body.woocommerce-cart .woocommerce-cart-form table.shop_table thead{background:#eaf2fb}
body.woocommerce-cart .wc-block-cart .wc-block-cart-items th,
body.woocommerce-cart .woocommerce-cart-form table.shop_table th{
  padding:14px 16px!important;
  color:#172f50;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:.02em;
  vertical-align:middle;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart__totals-title,
body.woocommerce-cart .cart_totals h2{
  margin:0!important;
  padding:14px 18px!important;
  border-bottom:1px solid #d4e0ec;
  background:#eaf2fb;
  color:#142b49;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:.02em;
  text-transform:uppercase;
}
body.woocommerce-cart .cart_totals h2{min-height:var(--sdd-cart-heading-height);display:flex!important;align-items:center;padding-block:0!important}

/* Dòng sản phẩm thoáng vừa đủ, hình và vùng điều khiển có kích thước ổn định. */
body.woocommerce-cart .wc-block-cart .wc-block-cart-items td,
body.woocommerce-cart .woocommerce-cart-form table.shop_table td{padding:18px 16px!important;border-color:#d9e3ee!important;vertical-align:middle}
body.woocommerce-cart .wc-block-cart .wc-block-cart-items tr:last-child td{border-bottom:0}
body.woocommerce-cart .wc-block-cart .wc-block-cart-item__image img,
body.woocommerce-cart .woocommerce-cart-form .product-thumbnail img{border:1px solid #e0e7ef;border-radius:8px;background:#f8fafc;object-fit:contain}
body.woocommerce-cart :is(.wc-block-components-quantity-selector,.quantity){font-size:14px;line-height:1.35}
body.woocommerce-cart .wc-block-components-quantity-selector{min-height:42px;border-color:#c4d0dd;border-radius:7px}
body.woocommerce-cart .wc-block-components-quantity-selector :is(input,button),
body.woocommerce-cart .quantity :is(.qty,.sdd-qty-button){min-height:42px;font-size:14px!important;font-weight:500!important}
body.woocommerce-cart .wc-block-components-quantity-selector button,
body.woocommerce-cart .quantity .sdd-qty-button{background:#f4f8fc;color:var(--sdd-cart-primary-dark)}
body.woocommerce-cart .wc-block-components-quantity-selector button:hover,
body.woocommerce-cart .quantity .sdd-qty-button:hover{background:#dfeeff;color:var(--sdd-cart-primary-dark)}
body.woocommerce-cart .wc-block-cart-item__remove-link,
body.woocommerce-cart .product-remove a{color:#9e2f35!important;font-size:13px!important;font-weight:650!important;text-decoration:none!important}
body.woocommerce-cart .wc-block-cart-item__remove-link{min-height:40px;display:inline-flex;align-items:center;padding:0 8px!important;border-radius:6px;background:#fff1f1}
body.woocommerce-cart .wc-block-cart-item__remove-link:hover{background:#ffe2e2;color:#7f1f26!important}

/* Tổng cộng: chữ rõ, số thẳng hàng và nút thanh toán là hành động chính. */
body.woocommerce-cart .wc-block-cart .wc-block-components-totals-wrapper{border-color:#d9e3ee}
body.woocommerce-cart :is(.wc-block-components-totals-item__label,.cart_totals table.shop_table th){color:#243b58;font-size:15px!important;font-weight:700!important;line-height:1.45!important}
body.woocommerce-cart :is(.wc-block-components-totals-item__value,.cart_totals table.shop_table td){color:#123b6c;font-size:15px!important;font-weight:800!important;line-height:1.45!important;font-variant-numeric:tabular-nums}
body.woocommerce-cart :is(.wc-block-components-totals-item__description,.wc-block-components-shipping-placeholder__value,.cart_totals .woocommerce-shipping-destination){color:#4b5e75;font-size:14px!important;font-weight:400!important;line-height:1.5!important}
body.woocommerce-cart .wc-block-cart .wc-block-components-totals-footer-item{margin:0;padding:14px 18px;background:#f0f6fd;color:var(--sdd-cart-primary-dark)}
body.woocommerce-cart .cart_totals table.shop_table{margin:0;padding:0 18px 8px;border:0;border-radius:0;box-shadow:none}
body.woocommerce-cart .cart_totals table.shop_table :is(th,td){padding:13px 0}
body.woocommerce-cart .cart_totals .order-total :is(th,td){background:#f0f6fd;color:var(--sdd-cart-primary-dark)}
body.woocommerce-cart .wc-block-cart .wc-block-cart__submit,
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout{padding:16px 18px 18px}
body.woocommerce-cart .wc-block-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  border:0;
  border-radius:9px;
  background:linear-gradient(135deg,#236db8,var(--sdd-cart-primary));
  color:#fff!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.3!important;
  text-align:center;
  text-decoration:none;
  box-shadow:0 9px 20px rgba(23,79,152,.24);
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart__submit-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{background:linear-gradient(135deg,var(--sdd-cart-primary),var(--sdd-cart-primary-dark));color:#fff!important;transform:translateY(-1px);box-shadow:0 11px 24px rgba(16,63,124,.28)}

/* Coupon Cart Block: grid co giãn, không cho input hoặc nút vượt khỏi sidebar. */
body.woocommerce-cart .wc-block-components-totals-coupon{width:100%;min-width:0;max-width:100%;padding:0 18px!important;border-bottom:1px solid #d9e3ee;box-sizing:border-box}
body.woocommerce-cart .wc-block-components-totals-coupon .wc-block-components-panel,
body.woocommerce-cart .wc-block-components-totals-coupon__content,
body.woocommerce-cart .wc-block-components-totals-coupon .wc-block-components-panel__content{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
body.woocommerce-cart .wc-block-components-totals-coupon .wc-block-components-panel__button{
  width:100%;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0;
  padding:12px 0!important;
  border:0;
  border-radius:0;
  background:transparent;
  color:#263b54;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.4!important;
  text-decoration:none;
  text-align:left;
  box-shadow:none;
}
body.woocommerce-cart .wc-block-components-totals-coupon .wc-block-components-panel__button:hover{color:var(--sdd-cart-primary);background:#f7faff}
body.woocommerce-cart .wc-block-components-totals-coupon__form{
  width:100%;
  max-width:100%;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:10px;
  margin:0;
  padding:4px 0 14px;
  box-sizing:border-box;
}
body.woocommerce-cart .wc-block-components-totals-coupon__form>*{min-width:0;max-width:100%;box-sizing:border-box}
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  flex:none;
}
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:var(--sdd-cart-control-height);
  min-height:var(--sdd-cart-control-height);
  margin:0;
  padding:14px 11px 6px;
  border:1px solid #aebfd0;
  border-radius:7px;
  background:#fff;
  color:#1d3048;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.35!important;
  box-sizing:border-box;
}
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input label{max-width:calc(100% - 22px);font-size:14px!important;font-weight:400!important;line-height:1.35!important}
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
  width:auto;
  min-width:108px;
  max-width:100%;
  min-height:var(--sdd-cart-control-height)!important;
  margin:0;
  padding:9px 15px;
  border:1px solid var(--sdd-cart-primary-dark);
  border-radius:7px;
  background:var(--sdd-cart-primary);
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:nowrap;
  box-sizing:border-box;
  box-shadow:0 5px 13px rgba(23,79,152,.2);
}
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:hover{background:var(--sdd-cart-primary-dark);color:#fff!important}
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:disabled,
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button[aria-disabled="true"]{border-color:#aeb8c4;background:#d8dee6;color:#647184!important;box-shadow:none;cursor:not-allowed}

/* Coupon và nút cập nhật của Classic Cart dùng cùng hệ kích thước. */
body.woocommerce-cart .woocommerce-cart-form .shop_table .actions{display:table-cell!important;padding:15px!important;background:#fbfcfe;text-align:right;vertical-align:middle;box-sizing:border-box}
body.woocommerce-cart .woocommerce-cart-form .shop_table .coupon{float:left!important;width:min(100%,500px);min-width:0;max-width:500px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left}
body.woocommerce-cart .woocommerce-cart-form .shop_table .coupon::before,
body.woocommerce-cart .woocommerce-cart-form .shop_table .coupon::after{content:none!important;display:none!important}
body.woocommerce-cart .woocommerce-cart-form .shop_table .coupon .input-text,
body.woocommerce-cart .woocommerce-cart-form #coupon_code{float:none!important;width:100%!important;min-width:0;max-width:100%;height:var(--sdd-cart-control-height);min-height:var(--sdd-cart-control-height);margin:0!important;padding:8px 11px!important;border:1px solid #aebfd0!important;border-radius:7px!important;font-size:15px!important;font-weight:400!important;box-sizing:border-box}
body.woocommerce-cart .woocommerce-cart-form .shop_table button[name="apply_coupon"]{float:none!important;width:auto!important;min-height:var(--sdd-cart-control-height);margin:0!important;padding:9px 16px;border:1px solid var(--sdd-cart-primary-dark);border-radius:7px;background:var(--sdd-cart-primary);color:#fff;font-size:14px;font-weight:800;white-space:nowrap;box-shadow:0 5px 13px rgba(23,79,152,.18)}
body.woocommerce-cart .woocommerce-cart-form .shop_table button[name="apply_coupon"]:hover{background:var(--sdd-cart-primary-dark);color:#fff}
body.woocommerce-cart .woocommerce-cart-form .shop_table button[name="update_cart"]{min-height:var(--sdd-cart-control-height);padding:9px 16px;border:1px solid #a9bed4;border-radius:7px;background:#eaf2fb;color:var(--sdd-cart-primary-dark);font-size:14px;font-weight:750}
body.woocommerce-cart .woocommerce-cart-form .shop_table .actions>button[name="update_cart"]{float:right!important}
body.woocommerce-cart .woocommerce-cart-form .shop_table button[name="update_cart"]:hover{border-color:var(--sdd-cart-primary);background:#dcecff;color:var(--sdd-cart-primary-dark)}

body.woocommerce-cart :is(
  .woocommerce-cart-form a,
  .woocommerce-cart-form button,
  .woocommerce-cart-form input,
  .woocommerce-cart-form select,
  .cart-collaterals a,
  .cart-collaterals button,
  .cart-collaterals input,
  .cart-collaterals select,
  .wc-block-cart a,
  .wc-block-cart button,
  .wc-block-cart input,
  .wc-block-cart select,
  .wc-block-components-panel__button
):focus-visible{outline:3px solid #67a4df!important;outline-offset:3px}
body.woocommerce-cart .cart-collaterals .select2-container--focus .select2-selection{outline:3px solid #67a4df!important;outline-offset:3px}

@media (max-width:1023px){
  body.woocommerce-cart .cart-collaterals .cart_totals{position:relative!important;top:auto!important}
}
@container (min-width:700px){
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart.wc-block-components-sidebar-layout{grid-template-columns:minmax(0,1.62fr) minmax(300px,.88fr);gap:26px;align-items:start}
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart :is(.wc-block-cart__main,.wc-block-cart__sidebar){width:auto!important;min-width:0;padding:0!important}
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items__header,
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items__header tr,
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items__header th{height:var(--sdd-cart-heading-height)}
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items__header th{padding-block:0!important;vertical-align:middle}
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__totals-title{min-height:var(--sdd-cart-heading-height);display:flex!important;align-items:center;padding-block:0!important}
}
@container (max-width:699px){
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart.wc-block-components-sidebar-layout{grid-template-columns:minmax(0,1fr);gap:14px}
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart :is(.wc-block-cart__main,.wc-block-cart__sidebar){grid-column:1;width:100%!important;min-width:0;padding:0!important}
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items td{padding:0!important}
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart .wc-block-cart-items__row{padding:16px 12px!important}
}
@media (min-width:1024px){
  body.woocommerce-cart .woocommerce-cart-form table.shop_table thead tr,
  body.woocommerce-cart .woocommerce-cart-form table.shop_table thead th{height:var(--sdd-cart-heading-height)}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table thead th{padding-block:0!important;vertical-align:middle}
}
@media (max-width:767px){
  body.woocommerce-cart{--sdd-cart-font-size:14px;--sdd-cart-heading-height:50px;--sdd-cart-control-height:46px}
  body.woocommerce-cart .sdd-commerce-step{line-height:1.35}
  body.woocommerce-cart .wc-block-cart.wc-block-components-sidebar-layout{gap:14px}
  body.woocommerce-cart .wc-block-cart .wc-block-cart-items td{padding:0!important}
  body.woocommerce-cart .wc-block-cart .wc-block-cart-item__image{padding-right:10px}
  body.woocommerce-cart .wc-block-cart .wc-block-cart-item__image img{width:70px;max-width:70px}
  body.woocommerce-cart .wc-block-components-quantity-selector,
  body.woocommerce-cart .wc-block-components-quantity-selector :is(input,button),
  body.woocommerce-cart .quantity :is(.qty,.sdd-qty-button){min-height:44px}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table thead{
    display:table-header-group!important;
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table tr.cart_item td[data-title]::before{
    content:attr(data-title);
    display:block!important;
    margin:0 0 3px;
    color:#405168;
    font-size:13px;
    font-weight:700;
    line-height:1.35;
    float:none!important;
    width:auto!important;
    text-align:left!important;
  }
  body.woocommerce-cart .woocommerce-cart-form table.shop_table .product-name{padding-right:52px!important}
  body.woocommerce-cart .wc-block-cart .wc-block-cart__main,
  body.woocommerce-cart .wc-block-cart .wc-block-cart__sidebar,
  body.woocommerce-cart .woocommerce-cart-form,
  body.woocommerce-cart .cart-collaterals .cart_totals{border-radius:11px!important}
  body.woocommerce-cart .cart_totals h2{padding:0 14px!important}
  body.woocommerce-cart .wc-block-components-totals-coupon{padding:0 14px!important}
  body.woocommerce-cart .wc-block-cart .wc-block-components-totals-footer-item{padding:13px 14px}
  body.woocommerce-cart .wc-block-cart .wc-block-cart__submit,
  body.woocommerce-cart .cart_totals .wc-proceed-to-checkout{padding:14px}
  body.woocommerce-cart .woocommerce-cart-form .shop_table .actions{display:grid!important;grid-template-columns:1fr;gap:10px;padding:13px!important;text-align:left}
  body.woocommerce-cart .woocommerce-cart-form .shop_table .coupon{float:none!important;width:100%;max-width:none}
  body.woocommerce-cart .woocommerce-cart-form .shop_table .actions>button[name="update_cart"]{float:none!important;width:100%}
}
@media (min-width:768px) and (max-width:820px){
  body.woocommerce-cart .woocommerce-cart-form .shop_table .actions{display:grid!important;grid-template-columns:1fr;gap:10px}
  body.woocommerce-cart .woocommerce-cart-form .shop_table .coupon{float:none!important;width:100%;max-width:none}
  body.woocommerce-cart .woocommerce-cart-form .shop_table .actions>button[name="update_cart"]{float:none!important;width:100%}
}
@media (max-width:520px){
  body.woocommerce-cart .wc-block-components-totals-coupon__form,
  body.woocommerce-cart .woocommerce-cart-form .shop_table .coupon{grid-template-columns:minmax(0,1fr)}
  body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button,
  body.woocommerce-cart .woocommerce-cart-form .shop_table button[name="apply_coupon"]{width:100%!important}
}
@container (max-width:399px){
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-coupon__form{grid-template-columns:minmax(0,1fr)}
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-components-totals-coupon__button{width:100%}
}
@media (max-width:782px){
  body.woocommerce-cart .wp-block-woocommerce-cart .wc-block-cart__submit-container--sticky{bottom:calc(var(--sdd-mobile-dock-height) + env(safe-area-inset-bottom))!important;z-index:190!important}
}
@media (max-width:480px){
  body.woocommerce-cart .wc-block-cart .wc-block-cart__submit-button,
  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{min-height:52px;font-size:14px!important}
}

/* ========================================================================== 
   DECOR PAINT 1.7.9 — Checkout thống nhất trên desktop và mobile
   ========================================================================== */
body.woocommerce-checkout{
  --sdd-checkout-control-height:40px;
  --sdd-checkout-blue:#174f98;
  --sdd-checkout-blue-dark:#103f7c;
  --sdd-checkout-border:#c8d4e1;
}
body.woocommerce-checkout .sdd-standard-page{padding-top:12px;padding-bottom:36px}
body.woocommerce-checkout :is(.sdd-page-header h1,.entry-title){margin:10px 0 14px;font-size:clamp(28px,3.4vw,34px)}
.woocommerce-checkout .woocommerce-notices-wrapper:empty{display:none}
.woocommerce-checkout :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){min-height:0;margin:0 0 10px!important;padding:10px 14px 10px 40px!important;line-height:1.45}
.woocommerce-checkout :is(.woocommerce-message,.woocommerce-info,.woocommerce-error)::before{left:14px;top:50%;transform:translateY(-50%)}

/* Notice hành động: nút Xem giỏ hàng luôn có nền và độ tương phản rõ. */
.woocommerce-checkout .woocommerce-message .button.wc-forward{
  float:right!important;
  width:auto;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:-3px 0 4px 12px;
  padding:7px 14px;
  border:1px solid var(--sdd-checkout-blue-dark);
  border-radius:7px;
  background:linear-gradient(135deg,#1f65ae,var(--sdd-checkout-blue));
  color:#fff!important;
  font-size:12px;
  font-weight:850;
  line-height:1.2;
  text-decoration:none;
  box-shadow:0 5px 12px rgba(23,79,152,.2);
}
.woocommerce-checkout .woocommerce-message .button.wc-forward:hover,
.woocommerce-checkout .woocommerce-message .button.wc-forward:focus-visible{background:var(--sdd-checkout-blue-dark);color:#fff!important}

/* Hai lời nhắc đầu trang dùng cùng hệ thẻ, còn liên kết là nút hành động thật. */
.woocommerce-checkout :is(.woocommerce-form-login-toggle,.woocommerce-form-coupon-toggle){margin:0 0 12px}
.woocommerce-checkout :is(.woocommerce-form-login-toggle,.woocommerce-form-coupon-toggle) .woocommerce-info{
  display:block;
  margin:0!important;
  padding:10px 14px 10px 42px!important;
  border:1px solid #9fc0e2;
  border-top:3px solid var(--sdd-checkout-blue);
  border-radius:9px;
  background:linear-gradient(135deg,#f7fbff,#edf5ff);
  color:#1d334e;
  line-height:1.55;
  box-shadow:0 5px 16px rgba(16,48,86,.07);
}
.woocommerce-checkout :is(.woocommerce-form-login-toggle,.woocommerce-form-coupon-toggle) .woocommerce-info::before{left:15px;top:50%;transform:translateY(-50%);color:var(--sdd-checkout-blue)}
.woocommerce-checkout :is(.showlogin,.showcoupon){
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:.35em;
  padding:5px 11px;
  border:1px solid var(--sdd-checkout-blue);
  border-radius:6px;
  background:var(--sdd-checkout-blue);
  color:#fff!important;
  font-weight:800;
  line-height:1.25;
  text-decoration:none!important;
  box-shadow:0 4px 10px rgba(23,79,152,.17);
}
.woocommerce-checkout :is(.showlogin,.showcoupon):hover,
.woocommerce-checkout :is(.showlogin,.showcoupon):focus-visible{border-color:var(--sdd-checkout-blue-dark);background:var(--sdd-checkout-blue-dark);color:#fff!important}

/* Form đăng nhập và coupon mở ra gọn, rõ nút chính/phụ. */
.woocommerce-checkout form.woocommerce-form-login.login,
.woocommerce-checkout form.checkout_coupon{
  margin:0 0 12px!important;
  padding:14px!important;
  border:1px solid #bfd2e6;
  border-radius:10px;
  background:#fff;
  box-shadow:0 6px 18px rgba(16,48,86,.07);
}
.woocommerce-checkout form.woocommerce-form-login.login>p:first-child{margin-top:0}
.woocommerce-checkout form.woocommerce-form-login.login .form-row,
.woocommerce-checkout form.checkout_coupon .form-row{margin-bottom:10px}
.woocommerce-checkout form.woocommerce-form-login.login :is(input.input-text,.woocommerce-Input),
.woocommerce-checkout form.checkout_coupon input.input-text{
  height:var(--sdd-checkout-control-height);
  min-height:var(--sdd-checkout-control-height);
  padding:7px 10px;
  border:1px solid var(--sdd-checkout-border);
  border-radius:7px;
  background:#fff;
  color:#172536;
}
.woocommerce-checkout form.woocommerce-form-login.login :is(input.input-text,.woocommerce-Input):focus,
.woocommerce-checkout form.checkout_coupon input.input-text:focus{outline:0;border-color:#2a6eb5;box-shadow:0 0 0 3px rgba(31,101,174,.11)}
.woocommerce-checkout form.woocommerce-form-login.login .woocommerce-form-login__rememberme{display:inline-flex;align-items:center;gap:7px;margin-right:10px}
.woocommerce-checkout form.woocommerce-form-login.login .woocommerce-form-login__rememberme input{width:17px;height:17px;margin:0}
.woocommerce-checkout form.woocommerce-form-login.login .woocommerce-form-login__submit,
.woocommerce-checkout form.checkout_coupon button[name="apply_coupon"]{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 18px;
  border:1px solid var(--sdd-checkout-blue-dark);
  border-radius:7px;
  background:linear-gradient(135deg,#1f65ae,var(--sdd-checkout-blue));
  color:#fff!important;
  font-weight:850;
  line-height:1.2;
  box-shadow:0 6px 14px rgba(23,79,152,.2);
}
.woocommerce-checkout form.woocommerce-form-login.login .woocommerce-form-login__submit:hover,
.woocommerce-checkout form.checkout_coupon button[name="apply_coupon"]:hover{background:var(--sdd-checkout-blue-dark);color:#fff!important}
.woocommerce-checkout form.woocommerce-form-login.login .lost_password{clear:both;margin:8px 0 0}
.woocommerce-checkout form.woocommerce-form-login.login .lost_password a{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:6px 11px;
  border:1px solid #9fc0e2;
  border-radius:7px;
  background:#edf5ff;
  color:var(--sdd-checkout-blue-dark);
  font-weight:800;
  text-decoration:none;
}
.woocommerce-checkout form.woocommerce-form-login.login .lost_password a:hover{border-color:var(--sdd-checkout-blue);background:#dcecff}
.woocommerce-checkout form.checkout_coupon{display:none;align-items:end;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.woocommerce-checkout form.checkout_coupon[style*="display: block"]{display:grid!important}
.woocommerce-checkout form.checkout_coupon .form-row{width:100%!important;float:none!important;margin:0!important}
.woocommerce-checkout form.checkout_coupon button[name="apply_coupon"]{white-space:nowrap}

.woocommerce-checkout .sdd-commerce-steps{margin-bottom:14px;padding:11px 16px}
.woocommerce-checkout .sdd-commerce-step{color:#596575;font-size:14px;line-height:1.4}
.woocommerce-checkout .sdd-commerce-step.is-current{color:var(--sdd-checkout-blue)}
.woocommerce-checkout .sdd-commerce-step.is-complete{color:#187642}
.woocommerce-checkout .dpwd-wholesale-notice{gap:11px;margin-bottom:12px;padding:11px 14px;border-radius:9px}
.woocommerce-checkout .dpwd-wholesale-notice__icon{flex-basis:34px;width:34px;height:34px}

/* Một hệ kích thước cho input, select gốc và SelectWoo để chữ luôn giữa ô. */
.woocommerce-checkout form.checkout{gap:16px}
.woocommerce-checkout #customer_details{gap:10px}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{padding:14px}
.woocommerce-checkout #customer_details h3{margin:0 0 10px;padding:0 0 8px;font-size:18px}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{gap:9px 10px}
.woocommerce-checkout #customer_details .form-row{min-width:0;padding:0!important}
.woocommerce-checkout #customer_details .form-row label{margin:0 0 4px;line-height:1.3}
.woocommerce-checkout #customer_details .form-row .woocommerce-input-wrapper{display:block;min-width:0}
.woocommerce-checkout #customer_details .form-row :is(input.input-text,select,.select2-selection){height:var(--sdd-checkout-control-height);min-height:var(--sdd-checkout-control-height)}
.woocommerce-checkout #customer_details .form-row input.input-text{padding:5px 9px}
.woocommerce-checkout #customer_details .form-row select{
  padding:0 38px 0 11px;
  line-height:normal;
  cursor:pointer;
}
.woocommerce-checkout #customer_details .form-row textarea{min-height:68px;padding:7px 9px;line-height:1.4}
.woocommerce-checkout :is(#billing_state_field,#shipping_state_field,#billing_address_2_field,#shipping_address_2_field){
  align-self:start;
  display:grid;
  grid-template-rows:auto var(--sdd-checkout-control-height);
  row-gap:4px;
}
.woocommerce-checkout :is(#billing_state_field,#shipping_state_field,#billing_address_2_field,#shipping_address_2_field)>label{margin:0!important}
.woocommerce-checkout :is(#billing_state_field,#shipping_state_field,#billing_address_2_field,#shipping_address_2_field)>.woocommerce-input-wrapper{
  height:var(--sdd-checkout-control-height);
  min-height:var(--sdd-checkout-control-height);
  line-height:normal;
}
.woocommerce-checkout :is(#billing_city_field,#shipping_city_field,.sdd-removed-district-field,.sdd-ward-code-field){display:none!important}
.woocommerce-checkout :is(#billing_state_field,#shipping_state_field){grid-column:1}
.woocommerce-checkout :is(#billing_address_2_field,#shipping_address_2_field){grid-column:2}
.woocommerce-checkout #customer_details .select2-container{width:100%!important;height:var(--sdd-checkout-control-height);display:block;line-height:normal;vertical-align:top}
.woocommerce-checkout #customer_details .select2-container .select2-selection--single{
  height:var(--sdd-checkout-control-height);
  min-height:var(--sdd-checkout-control-height);
  border-color:var(--sdd-checkout-border);
  border-radius:7px;
}
.woocommerce-checkout #customer_details .select2-container .select2-selection--single .select2-selection__rendered{
  height:calc(var(--sdd-checkout-control-height) - 2px);
  display:flex;
  align-items:center;
  padding:0 34px 0 11px;
  line-height:1.25;
}
.woocommerce-checkout #customer_details .select2-container .select2-selection--single .select2-selection__arrow{top:0;right:4px;height:calc(var(--sdd-checkout-control-height) - 2px)}
.woocommerce-checkout #customer_details .select2-container--focus .select2-selection,
.woocommerce-checkout #customer_details .select2-container--open .select2-selection{border-color:#2a6eb5;box-shadow:0 0 0 3px rgba(31,101,174,.11)}
.woocommerce-checkout .select2-dropdown{z-index:999999;border-color:#9fb8d2;border-radius:7px;box-shadow:0 10px 24px rgba(15,47,85,.15);overflow:hidden}
.woocommerce-checkout .select2-search--dropdown{padding:8px;background:#f4f8fc}
.woocommerce-checkout .select2-search--dropdown .select2-search__field{height:40px;padding:6px 9px;border:1px solid #8eabc8;border-radius:5px;font-size:16px;line-height:1.35}
.woocommerce-checkout .select2-results__option{padding:7px 10px;font-size:14px;line-height:1.35}
.woocommerce-checkout .select2-results__option--highlighted[aria-selected]{background:var(--sdd-checkout-blue);color:#fff}
.woocommerce-checkout #ship-to-different-address{float:none!important;clear:both!important;width:100%!important;margin-bottom:8px!important;padding-bottom:8px!important}
.woocommerce-checkout .woocommerce-shipping-fields h3 label{min-height:20px;gap:8px}
.woocommerce-checkout .woocommerce-shipping-fields h3 input{width:16px;height:16px}
.woocommerce-checkout .woocommerce-additional-fields{clear:both;margin-top:5px}

/* Cột đơn hàng giữ nhịp gọn tương ứng với biểu mẫu. */
.woocommerce-checkout #order_review_heading{padding:14px 16px 8px}
.woocommerce-checkout #order_review{padding:0 16px 14px}
.woocommerce-checkout-review-order-table{margin-bottom:10px!important}
.woocommerce-checkout-review-order-table :is(th,td){padding:7px 9px!important}
.woocommerce-checkout #payment ul.payment_methods{padding:10px}
.woocommerce-checkout #payment div.payment_box{margin-top:7px;padding:9px;line-height:1.45}
.woocommerce-checkout #payment .place-order{padding:10px!important}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text{line-height:1.45}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text p{margin:0}
.woocommerce-checkout #place_order{min-height:44px;margin-top:8px}

.woocommerce-checkout :is(
  .woocommerce-message .button.wc-forward,
  .showlogin,
  .showcoupon,
  form.woocommerce-form-login.login .woocommerce-form-login__submit,
  form.woocommerce-form-login.login .lost_password a,
  form.checkout_coupon button[name="apply_coupon"]
):focus-visible{outline:3px solid #7db4eb!important;outline-offset:2px}

@media (min-width:1024px){
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed{align-items:stretch}
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed #customer_details,
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed .sdd-checkout-order-column{height:100%}
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed #customer_details{grid-template-rows:auto minmax(0,1fr)}
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed #customer_details .col-2{height:100%;display:flex;flex-direction:column}
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed .woocommerce-additional-fields,
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed .woocommerce-additional-fields__field-wrapper,
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed #order_comments_field,
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed #order_comments_field .woocommerce-input-wrapper{flex:1;min-height:0}
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed .woocommerce-additional-fields,
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed #order_comments_field{display:flex;flex-direction:column}
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed .woocommerce-additional-fields__field-wrapper,
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed #order_comments_field .woocommerce-input-wrapper{display:flex}
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed #order_comments{flex:1;min-height:68px;max-height:120px}
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed .sdd-checkout-order-column{display:flex;flex-direction:column}
  .woocommerce-checkout form.checkout.sdd-shipping-collapsed #order_review{flex:1}
}
@media (max-width:1023px){
  .woocommerce-checkout form.checkout{gap:10px}
}
@media (max-width:767px){
  body.woocommerce-checkout{--sdd-checkout-control-height:44px}
  body.woocommerce-checkout .sdd-standard-page{padding-top:8px;padding-bottom:28px}
  body.woocommerce-checkout :is(.sdd-page-header h1,.entry-title){margin:8px 0 12px;font-size:28px}
  .woocommerce-checkout .sdd-commerce-steps{margin-bottom:12px;padding:10px 8px}
  .woocommerce-checkout :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){padding-right:12px!important}
  .woocommerce-checkout .woocommerce-message .button.wc-forward{min-height:38px;margin:-1px 0 5px 10px;padding:8px 12px}
  .woocommerce-checkout :is(.woocommerce-form-login-toggle,.woocommerce-form-coupon-toggle) .woocommerce-info{padding:11px 12px 11px 40px!important}
  .woocommerce-checkout :is(.showlogin,.showcoupon){min-height:34px;margin-top:5px;margin-left:0;padding:7px 10px}
  .woocommerce-checkout form.woocommerce-form-login.login .form-row-first,
  .woocommerce-checkout form.woocommerce-form-login.login .form-row-last{width:100%;float:none}
  .woocommerce-checkout form.woocommerce-form-login.login .woocommerce-form-login__submit{margin-top:8px}
  .woocommerce-checkout form.checkout_coupon[style*="display: block"]{grid-template-columns:1fr}
  .woocommerce-checkout form.checkout_coupon button[name="apply_coupon"]{width:100%}
  .woocommerce-checkout #customer_details .col-1,
  .woocommerce-checkout #customer_details .col-2{padding:12px}
  .woocommerce-checkout #customer_details h3{margin-bottom:9px;padding-bottom:7px}
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-additional-fields__field-wrapper{gap:10px}
  .woocommerce-checkout :is(#billing_state_field,#shipping_state_field,#billing_address_2_field,#shipping_address_2_field){grid-column:1}
  .woocommerce-checkout #customer_details .form-row textarea{min-height:72px}
  .woocommerce-checkout .select2-search--dropdown .select2-search__field{height:44px}
  .woocommerce-checkout #order_review_heading{padding:13px 12px 7px}
  .woocommerce-checkout #order_review{padding:0 12px 12px}
}
@media (max-width:420px){
  .woocommerce-checkout .woocommerce-message .button.wc-forward{float:none!important;width:100%;margin:0 0 8px}
}

/* V5.2: keep product labels readable on compact screens. */
@media (max-width:767px){
  .sdd-category-blue-card span{
    margin-top:6px;
    font-size:13.5px;
    font-weight:700;
  }
  .sdd-compare-link{
    font-size:13px;
    font-weight:700;
  }
  .sdd-compare-link span{
    display:inline;
  }
  .sdd-home-subnav{
    font-size:14px;
    font-weight:700;
  }
}

/* V5.4: Govi-inspired homepage labels, scoped to the homepage only. */
body.home .sdd-home-tab-labels button,
body.home .sdd-home-subnav,
body.home .sdd-home-more,
body.home .sdd-home-section-title > a{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.home .sdd-home-tab-labels button{
  font-size:clamp(20px,1.35vw,26px);
  font-weight:600;
  line-height:1.6;
  letter-spacing:-.015em;
}
body.home .sdd-home-subnav{
  font-size:16px;
  font-weight:650;
  line-height:1.45;
  letter-spacing:-.01em;
}
body.home .sdd-home-more,
body.home .sdd-home-section-title > a{
  font-size:14px;
  font-weight:600;
  line-height:34px;
  letter-spacing:-.005em;
}

/* V5.8: unified account layout, compact and balanced on phones. */
@media (max-width:767px){
  body.sdd-auth-page .sdd-auth-shell{
    min-height: auto !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    padding: 10px 10px calc(118px + env(safe-area-inset-bottom)) !important;
  }
  body.sdd-auth-page .sdd-auth-frame{
    display: block !important;
    width: 100%;
    min-height: 0;
    max-width: 620px;
    overflow: visible !important;
    border-color: #d5e0eb !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 28px rgba(8, 43, 94, .10) !important;
  }
  body.sdd-auth-page .sdd-auth-aside{
    display: none !important;
  }
  body.sdd-auth-page .sdd-auth-content{
    justify-content: flex-start !important;
    padding: 14px 13px 18px !important;
  }
  body.sdd-auth-page .sdd-auth-content-inner{
    max-width: none !important;
  }
  body.sdd-auth-page .sdd-auth-topbar{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 14px;
  }
  body.sdd-auth-page .sdd-auth-mobile-logo{
    display: inline-flex;
    width: fit-content;
  }
  body.sdd-auth-page .sdd-auth-mobile-logo .sdd-auth-logo{
    width: 142px !important;
    height: auto !important;
    max-width: 142px !important;
  }
  body.sdd-auth-page .sdd-auth-nav{
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.35fr);
    gap: 7px;
    width: 100%;
  }
  body.sdd-auth-page .sdd-auth-nav a{
    min-width: 0;
    min-height: 40px;
    padding: 7px 8px;
    font-size: 10.5px;
    white-space: normal;
    text-align: center;
  }
  body.sdd-auth-page .sdd-auth-intro{
    margin-bottom: 14px !important;
  }
  body.sdd-auth-page .sdd-auth-safety-badge{
    min-height: 32px;
    gap: 6px !important;
    padding: 5px 9px !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
  }
  body.sdd-auth-page .sdd-auth-intro h2{
    margin-top: 10px !important;
    font-size: 25px !important;
    font-weight: 850 !important;
    line-height: 1.18 !important;
    letter-spacing: -.025em !important;
  }
  body.sdd-auth-page .sdd-auth-intro p{
    margin-top: 6px !important;
    font-size: 13.5px !important;
    line-height: 1.48 !important;
  }
  body.sdd-auth-page .sdd-auth-tabs{
    margin-bottom: 14px !important;
    padding: 4px !important;
    border-radius: 12px !important;
  }
  body.sdd-auth-page .sdd-auth-tab{
    min-height: 43px;
    padding: 8px 10px !important;
    border-radius: 9px !important;
    font-size: 13.5px !important;
  }
  body.sdd-auth-page .sdd-auth-panel > .sdd-auth-form{
    padding: 14px !important;
    border-radius: 13px !important;
    box-shadow: none !important;
  }
  body.sdd-auth-page .sdd-auth-login-form, body.sdd-auth-page .sdd-auth-register-form{
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px !important;
  }
  body.sdd-auth-page .sdd-auth-register-form > *{
    grid-column: auto;
  }
  body.sdd-auth-page .sdd-auth-field > label, body.sdd-auth-page .sdd-auth-panel .form-row > label:not(.checkbox), body.sdd-auth-page .sdd-auth-panel .woocommerce-form-row > label:not(.checkbox){
    margin-bottom: 6px !important;
    font-size: 13.5px !important;
  }
  body.sdd-auth-page .sdd-auth-panel input[type="email"], body.sdd-auth-page .sdd-auth-panel input[type="text"], body.sdd-auth-page .sdd-auth-panel input[type="tel"], body.sdd-auth-page .sdd-auth-panel input[type="password"]{
    height: 47px !important;
    min-height: 47px !important;
    font-size: 16px !important;
  }
  body.sdd-auth-page .sdd-auth-control-wrap{
    height: 47px;
    min-height: 47px;
  }
  body.sdd-auth-page .sdd-auth-email-prompt{
    font-size: 15px;
  }
  body.sdd-auth-page .sdd-auth-email-field .sdd-field-error.is-control-message,
  body.sdd-auth-page .sdd-auth-password-field .sdd-field-error.is-control-message,
  body.sdd-auth-page .sdd-auth-control-wrap > .woocommerce-password-strength{
    font-size: 11px !important;
    letter-spacing: -.01em;
  }
  body.sdd-auth-page .sdd-auth-register-form .decor-member-privacy{
    padding: 10px 11px !important;
  }
  body.sdd-auth-page .sdd-auth-register-form .decor-member-privacy label{
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
  body.sdd-auth-page .sdd-password-meter{
    margin-top: 6px !important;
  }
  body.sdd-auth-page .sdd-password-meter p{
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  body.sdd-auth-page .sdd-auth-remember-row{
    align-items: flex-start;
    gap: 9px;
  }
  body.sdd-auth-page .sdd-auth-remember-row label{
    font-size: 12.5px !important;
  }
  body.sdd-auth-page .sdd-auth-secure-note{
    min-height: 28px;
    padding: 4px 8px;
    font-size: 11px !important;
    white-space: nowrap;
  }
  body.sdd-auth-page .sdd-auth-legal{
    padding: 10px 11px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  body.sdd-auth-page .woocommerce-privacy-policy-text,
  body.sdd-auth-page .woocommerce-privacy-policy-text p{
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  body.sdd-auth-page .sdd-auth-submit{
    height: 48px !important;
    min-height: 48px !important;
    padding: 10px 15px !important;
    font-size: 13.5px !important;
    box-shadow: 0 7px 16px rgba(27, 82, 151, .20) !important;
  }
  body.sdd-auth-page .sdd-auth-panel > p{
    margin-top: 13px !important;
    font-size: 12.5px !important;
  }
  body.sdd-auth-page .sdd-auth-trust{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px !important;
    margin-top: 16px !important;
    padding-top: 13px !important;
    font-size: 10.5px !important;
  }
  body.sdd-auth-page .sdd-auth-trust-item, body.sdd-auth-page .sdd-auth-trust-phone{
    width: 100%;
    min-height: 34px;
    justify-content: center;
    padding: 5px 7px;
    border-radius: 9px;
    text-align: center;
  }
  body.sdd-auth-page .sdd-auth-trust-phone{
    grid-column: 1 / -1;
    width: calc(100% - 26px);
    height: 48px;
    min-height: 48px;
    margin: 5px 13px 0 !important;
    padding: 10px 15px;
    font-size: 13.5px !important;
  }
  body.sdd-auth-page .woocommerce-notices-wrapper :is(.woocommerce-error, .woocommerce-message, .woocommerce-info){
    margin: 0 0 11px !important;
    padding: 10px 11px 10px 38px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
}

@media (max-width:767px){
  body.home .sdd-home-tab-labels button{
    font-size:18px;
    font-weight:700;
    line-height:1.4;
  }
  body.home .sdd-home-subnav{
    font-size:14px;
    font-weight:700;
    line-height:1.45;
  }
  body.home .sdd-home-more,
  body.home .sdd-home-section-title > a{
    font-size:14px;
    font-weight:650;
    line-height:32px;
  }
}

@media (max-width:420px){
  body.sdd-auth-page .sdd-auth-shell{padding-right:7px!important;padding-left:7px!important}
  body.sdd-auth-page .sdd-auth-content{padding-right:11px!important;padding-left:11px!important}
  body.sdd-auth-page .sdd-auth-intro h2{font-size:23px!important}
  body.sdd-auth-page .sdd-auth-panel > .sdd-auth-form{padding:12px!important}
  body.sdd-auth-page .sdd-auth-nav a{font-size:10px}
  body.sdd-auth-page .sdd-auth-remember-row{align-items:stretch;flex-direction:column}
  body.sdd-auth-page .sdd-auth-secure-note{width:fit-content}
}

/* V5.9: balanced product-category widgets, icon search and dealer panel. */
.sdd-shop-page .sdd-shop-sidebar{
  color:#33465a;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.sdd-shop-page .sdd-shop-sidebar > :is(.sdd-shop-widget,.sdd-shop-filter-form,.sdd-shop-advanced-filters,.widget,.wp-block-group){
  margin-top:14px!important;
  border-color:#d4e0ec!important;
  border-radius:11px!important;
  box-shadow:0 5px 16px rgba(18,63,114,.045);
}
.sdd-shop-page .sdd-shop-sidebar :is(.widget-title,h2.wp-block-heading,.wp-block-search__label){
  min-height:40px!important;
  margin:0 0 10px!important;
  padding:8px 12px!important;
  border-radius:8px!important;
  background:#1b5297!important;
  color:#fff!important;
  font-size:14.5px!important;
  font-weight:750!important;
  line-height:1.3!important;
  letter-spacing:0!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(.widget_recent_comments,.wp-block-latest-comments,.widget_recent_entries,.widget_block){
  color:#33465a;
  font-size:13.5px;
  font-weight:450;
  line-height:1.5;
}
.sdd-shop-page .sdd-shop-sidebar :is(.widget_search,.widget_search_block,.wp-block-search){
  min-width:0;
}
.sdd-shop-page .sdd-shop-sidebar :is(.search-form,.wp-block-search__inside-wrapper){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  gap:8px!important;
  align-items:stretch;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.sdd-shop-page .sdd-shop-sidebar .search-form > label{
  min-width:0;
  display:block;
  margin:0!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(input[type="search"],.wp-block-search__input){
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #b9cce0!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#24364a!important;
  font-size:14px!important;
  font-weight:450!important;
  line-height:40px!important;
  box-shadow:none!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(input[type="search"],.wp-block-search__input)::placeholder{
  color:#78899c!important;
  opacity:1!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(.search-submit,.wp-block-search__button){
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:#1b5297!important;
  color:#fff!important;
  font-size:0!important;
  font-weight:800!important;
  line-height:1!important;
  opacity:1!important;
  box-shadow:0 4px 10px rgba(27,82,151,.18)!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(.search-submit,.wp-block-search__button) > span:not(.screen-reader-text){
  display:grid;
  place-items:center;
}
.sdd-shop-page .sdd-shop-sidebar :is(.search-submit,.wp-block-search__button) .sdd-icon,
.sdd-shop-page .sdd-shop-sidebar .sdd-shop-search-icon{
  width:20px!important;
  height:20px!important;
  margin:0!important;
  color:#fff!important;
  stroke:currentColor!important;
  stroke-width:2.2;
}
.sdd-shop-page .sdd-shop-sidebar :is(.search-submit,.wp-block-search__button):is(:hover,:focus-visible){
  background:#0d3d7a!important;
  transform:translateY(-1px);
}
.sdd-shop-page .sdd-shop-sidebar :is(input[type="search"],.wp-block-search__input):focus{
  border-color:#1d5ca8!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(29,92,168,.12)!important;
}
.sdd-shop-recent-posts{
  display:grid;
  gap:8px;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.sdd-shop-recent-posts li{
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.sdd-shop-recent-posts a{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-height:62px;
  padding:6px;
  border:1px solid #e0e7ef;
  border-radius:8px;
  background:#fff;
  color:#263446;
  text-decoration:none;
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease;
}
.sdd-shop-recent-posts a:is(:hover,:focus-visible){
  border-color:#a9c2df;
  background:#f5f9fe;
  transform:translateY(-1px);
}
.sdd-shop-recent-thumb{
  width:58px;
  height:48px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:6px;
  background:#eaf2fd;
  color:#174f98;
  font-size:14px;
  font-weight:900;
  object-fit:cover;
}
.sdd-shop-recent-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.sdd-shop-recent-title{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#263446;
  font-size:13px;
  font-weight:500;
  line-height:1.42;
}
.sdd-shop-recent-date{
  color:#758195;
  font-size:11px;
  line-height:1.3;
}
.sdd-shop-page .sdd-shop-sidebar .wp-block-latest-posts__list > li > a{
  color:#26394d!important;
  font-size:13.5px!important;
  font-weight:500!important;
  line-height:1.42!important;
}
.sdd-shop-page .sdd-shop-sidebar .wp-block-latest-posts__list > li:not(:has(.wp-block-latest-posts__featured-image)){
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"title" "date"!important;
}
.sdd-shop-page .sdd-shop-sidebar :is(.recentcomments,.wp-block-latest-comments__comment){
  color:#33465a!important;
  font-size:13.5px!important;
  font-weight:450!important;
  line-height:1.5!important;
}
.sdd-shop-page .sdd-sidebar-promo{
  position:relative;
  isolation:isolate;
  min-height:340px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(145deg,#0d376f 0%,var(--sdd-primary,#1b5297) 55%,#286ab3 100%)!important;
  box-shadow:0 12px 28px rgba(18,63,116,.18);
}
.sdd-shop-page .sdd-sidebar-promo::before,
.sdd-shop-page .sdd-sidebar-promo::after{
  position:absolute;
  z-index:-1;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  content:"";
  pointer-events:none;
}
.sdd-shop-page .sdd-sidebar-promo::before{
  top:-54px;
  right:-62px;
  width:190px;
  height:190px;
}
.sdd-shop-page .sdd-sidebar-promo::after{
  bottom:-86px;
  left:-64px;
  width:230px;
  height:230px;
  background:rgba(255,255,255,.035);
}
.sdd-shop-page .sdd-sidebar-promo strong{
  color:#fff!important;
  font-size:23px;
  font-weight:850;
  line-height:1.28;
  letter-spacing:.01em;
  text-shadow:0 2px 12px rgba(0,20,55,.28);
}
.sdd-shop-page .sdd-sidebar-promo span{
  color:#fff!important;
  font-size:15px;
  font-weight:550;
  opacity:.9;
}
.sdd-shop-page .sdd-sidebar-promo em{
  color:var(--sdd-primary,#1b5297)!important;
  font-weight:850;
  box-shadow:0 7px 18px rgba(4,32,70,.18);
}

@media (max-width:991px){
  .sdd-search-mobile .sdd-search-results{
    top:calc(100% + 5px);
    left:0;
    right:0;
    max-height:min(50vh,320px);
    padding:5px;
  }
  .sdd-search-mobile .sdd-search-result-item{
    grid-template-columns:44px minmax(0,1fr);
    gap:8px;
    min-height:54px;
    padding:5px 6px;
  }
  .sdd-search-mobile .sdd-search-result-media,
  .sdd-search-mobile .sdd-search-result-item img{
    width:44px;
    height:44px;
  }
  .sdd-search-mobile .sdd-search-result-title{
    font-size:13px;
  }
  .sdd-search-mobile .sdd-search-result-price{
    font-size:13px;
  }
}

@media (max-width:480px){
  .sdd-shop-page .sdd-shop-sidebar :is(.search-form,.wp-block-search__inside-wrapper){
    grid-template-columns:minmax(0,1fr) 42px!important;
  }
  .sdd-shop-page .sdd-shop-sidebar :is(.search-submit,.wp-block-search__button){
    width:42px!important;
    min-width:42px!important;
    padding:0!important;
  }
}

/* ========================================================================== 
   DECOR PAINT 1.7.64 — Content hubs, projects, utilities and recruitment
   ========================================================================== */
.sdd-content-hub-page{
  --sdd-hub-blue:#174f98;
  --sdd-hub-blue-dark:#0b3b75;
  --sdd-hub-orange:#FF5001;
  --sdd-hub-ink:#172b3f;
  --sdd-hub-muted:#5c6d7f;
  --sdd-hub-line:#d8e3ef;
  --sdd-hub-soft:#f4f8fc;
  color:var(--sdd-hub-ink);
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:14px;
  line-height:1.6;
}
.sdd-content-hub-page *{box-sizing:border-box}
.sdd-content-hub-page :is(a,button,input,select){font:inherit}
.sdd-content-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#0c3d78 0%,#1759a8 70%,#2672c4 100%);color:#fff}
.sdd-content-hero::before,.sdd-content-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.sdd-content-hero::before{right:-120px;top:-190px;width:460px;height:460px;border:58px solid rgba(255,255,255,.075)}
.sdd-content-hero::after{right:16%;bottom:-240px;width:420px;height:420px;border:70px solid rgba(255,255,255,.05)}
.sdd-content-hero__grid{position:relative;z-index:1;min-height:300px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);align-items:center;gap:56px;padding-block:44px}
.sdd-content-hero__copy{max-width:760px}
.sdd-content-kicker{display:inline-flex;align-items:center;gap:9px;color:#FF5001;font-size:12px;font-weight:800;letter-spacing:.12em;line-height:1.35;text-transform:uppercase}
.sdd-content-kicker::before{content:"";width:20px;height:3px;border-radius:5px;background:currentColor}
.sdd-content-hero h1{max-width:820px;margin:10px 0 8px;color:#fff;font-family:inherit;font-size:clamp(32px,3.45vw,52px);font-weight:800;line-height:1.12;letter-spacing:-.035em}
.sdd-content-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.9);font-size:15px;line-height:1.65}
.sdd-content-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.sdd-content-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:750;line-height:1.25;text-align:center;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.sdd-content-button .sdd-icon,.sdd-card-link .sdd-icon{width:18px;height:18px;flex:0 0 auto}
.sdd-content-button:is(:hover,:focus-visible){transform:translateY(-2px)}
.sdd-content-button.is-primary{background:var(--sdd-hub-blue);color:#fff;box-shadow:0 8px 20px rgba(11,59,117,.17)}
.sdd-content-button.is-orange{background:var(--sdd-hub-orange);color:#17202c;box-shadow:0 8px 22px rgba(255,80,1,.24)}
.sdd-content-button.is-secondary{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08);color:#fff}
.sdd-content-button.is-primary:is(:hover,:focus-visible){background:var(--sdd-hub-blue-dark)}
.sdd-content-button.is-orange:is(:hover,:focus-visible){background:#CC4000;color:#fff}
.sdd-content-button.is-secondary:is(:hover,:focus-visible){border-color:#fff;background:rgba(255,255,255,.16)}
.sdd-content-proof{display:grid;gap:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(5,37,78,.28);box-shadow:0 18px 44px rgba(2,28,63,.16);backdrop-filter:blur(7px)}
.sdd-content-proof>div{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.15)}
.sdd-content-proof>div:last-child{border-bottom:0}
.sdd-content-proof>div>span{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.12);color:#fff}
.sdd-content-proof .sdd-icon{width:21px;height:21px}
.sdd-content-proof strong{align-self:end;color:#fff;font-size:14px;line-height:1.3}
.sdd-content-proof small{align-self:start;color:rgba(255,255,255,.76);font-size:12px;line-height:1.45}

/* Dự án sơn: hero gọn, tương phản mạnh · 1.7.100 */
.sdd-projects-hero{
  --sdd-project-yellow:#FFC501;
  border-bottom:3px solid var(--sdd-project-yellow);
  background:linear-gradient(108deg,#0A376D 0%,#0F4C91 62%,#155FA7 100%);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.12);
}
.sdd-projects-hero::before,.sdd-projects-hero::after{display:none}
.sdd-projects-hero .sdd-content-hero__grid{min-height:270px;grid-template-columns:minmax(0,1.4fr) minmax(330px,.75fr);gap:40px;padding-block:30px}
.sdd-projects-hero .sdd-content-hero__copy{max-width:780px}
.sdd-projects-hero .sdd-content-kicker{color:var(--sdd-project-yellow)}
.sdd-projects-hero h1.sdd-projects-hero__title{display:grid;gap:3px;max-width:780px;margin:10px 0 9px;color:#fff;font-size:16px;font-weight:800;line-height:1.4;letter-spacing:.025em;text-transform:uppercase}
.sdd-projects-hero .sdd-projects-hero__title>span{display:block;font-size:16px}
.sdd-projects-hero .sdd-content-hero__copy>p{max-width:730px;font-size:14px;line-height:1.6}
.sdd-projects-hero .sdd-content-actions{margin-top:17px}
.sdd-projects-hero .sdd-content-button{min-height:46px;padding:9px 18px;border-width:2px;border-radius:8px;font-size:16px;font-weight:800;letter-spacing:.01em;box-shadow:0 9px 20px rgba(2,24,52,.22)}
.sdd-projects-hero .sdd-content-button.is-primary{border-color:var(--sdd-project-yellow);background:var(--sdd-project-yellow);color:#0B2C52}
.sdd-projects-hero .sdd-content-button.is-primary:is(:hover,:focus-visible){border-color:#FFD33D;background:#FFD33D;color:#0B2C52}
.sdd-projects-hero .sdd-content-button.is-secondary{border-color:rgba(255,255,255,.82);background:#0A376D;color:#fff}
.sdd-projects-hero .sdd-content-button.is-secondary:is(:hover,:focus-visible){border-color:var(--sdd-project-yellow);background:#082D5A;color:#fff}
.sdd-projects-hero .sdd-content-button:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #0B2C52}
.sdd-projects-hero .sdd-content-proof{border-color:rgba(255,255,255,.22);border-radius:12px;background:rgba(4,37,76,.52);box-shadow:0 12px 28px rgba(2,24,52,.24);backdrop-filter:none}
.sdd-projects-hero .sdd-content-proof>div{padding:12px 14px}
.sdd-content-section{padding:42px 0 52px;background:#fff}
.sdd-content-section.is-soft{background:var(--sdd-hub-soft)}
.sdd-content-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 22px;color:#6b7b8d;font-size:14px}
.sdd-content-breadcrumb a{color:var(--sdd-hub-blue);font-weight:650}
.sdd-content-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}
.sdd-content-section__head>div:first-child{max-width:780px}
.sdd-content-section__head h2{margin:7px 0 5px;color:var(--sdd-hub-ink);font-family:inherit;font-size:clamp(27px,2.8vw,39px);font-weight:780;line-height:1.18;letter-spacing:-.025em}
.sdd-content-section__head p{margin:0;color:var(--sdd-hub-muted);font-size:14px}
.sdd-content-stat{min-width:130px;display:flex;align-items:baseline;justify-content:center;gap:6px;padding:12px 16px;border:1px solid var(--sdd-hub-line);border-radius:12px;background:#fff;color:var(--sdd-hub-blue);box-shadow:0 7px 22px rgba(25,61,101,.06)}
.sdd-content-stat strong{font-size:25px;font-weight:850;line-height:1}
.sdd-content-stat span{color:#607184;font-size:12px;font-weight:650}
.sdd-project-filter{display:flex;gap:8px;margin:-2px 0 22px;padding:4px;overflow-x:auto;scrollbar-width:thin}
.sdd-project-filter a{min-height:40px;display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--sdd-hub-line);border-radius:999px;background:#fff;color:#34485d;font-weight:650;text-decoration:none}
.sdd-project-filter a span{color:#7a8b9d;font-size:11px}
.sdd-project-filter a:is(.is-active,:hover,:focus-visible){border-color:var(--sdd-hub-blue);background:#eaf3ff;color:var(--sdd-hub-blue)}
.sdd-content-hub-page .sdd-project-grid-page{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sdd-content-hub-page .sdd-project-card{display:flex;min-height:100%;flex-direction:column;overflow:hidden;border:1px solid var(--sdd-hub-line);border-radius:14px;background:#fff;box-shadow:0 9px 27px rgba(21,57,96,.065)}
.sdd-content-hub-page .sdd-project-card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:#eaf1f8}
.sdd-content-hub-page .sdd-project-card-media img{width:100%;height:100%;object-fit:contain}
.sdd-content-hub-page .sdd-project-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:8px;padding:16px}
.sdd-content-hub-page .sdd-project-card-copy>span{color:var(--sdd-hub-blue);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sdd-content-hub-page .sdd-project-card-copy h3{margin:0;font-family:inherit;font-size:18px;line-height:1.4}
.sdd-content-hub-page .sdd-project-card-copy h3 a{color:var(--sdd-hub-ink)}
.sdd-content-hub-page .sdd-project-card-copy p{margin:0;color:var(--sdd-hub-muted);font-size:14px;line-height:1.6}
.sdd-card-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:5px;color:var(--sdd-hub-blue);font-size:14px;font-weight:750;text-decoration:none}
.sdd-card-link:is(:hover,:focus-visible){color:var(--sdd-hub-blue-dark);text-decoration:underline;text-underline-offset:3px}
.sdd-content-empty{grid-column:1/-1;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;border:1px dashed #abc1d9;border-radius:14px;background:#f6faff}
.sdd-content-empty>span{width:54px;height:54px;display:grid;place-items:center;border-radius:13px;background:#e5f1ff;color:var(--sdd-hub-blue)}
.sdd-content-empty>span .sdd-icon{width:26px;height:26px}
.sdd-content-empty h2{margin:0 0 3px;font-family:inherit;font-size:19px}
.sdd-content-empty p{margin:0;color:var(--sdd-hub-muted);font-size:14px}
.sdd-content-cta{padding:30px 0;background:linear-gradient(115deg,#0c3d78,#1b64b5);color:#fff}
.sdd-content-cta .sdd-shell{display:flex;align-items:center;justify-content:space-between;gap:34px}
.sdd-content-cta h2{margin:6px 0 4px;color:#fff;font-family:inherit;font-size:clamp(24px,2.6vw,34px);line-height:1.2}
.sdd-content-cta p{max-width:780px;margin:0;color:rgba(255,255,255,.84);font-size:14px}
.sdd-content-cta .sdd-content-button{flex:0 0 auto}

.sdd-utilities-directory .decor-utilities-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sdd-utilities-directory .decor-utility-card{position:relative;min-height:200px;display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:3px 15px;padding:20px;border:1px solid var(--sdd-hub-line);border-radius:14px;background:#fff;color:var(--sdd-hub-ink);box-shadow:0 9px 26px rgba(21,57,96,.06);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.sdd-utilities-directory .decor-utility-card>span{grid-row:1/5;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#eaf3ff;color:var(--sdd-hub-blue);font-size:15px;font-weight:850}
.sdd-utilities-directory .decor-utility-card h3{margin:0;font-family:inherit;font-size:20px;line-height:1.35}
.sdd-utilities-directory .decor-utility-card p{margin:4px 0 10px;color:var(--sdd-hub-muted);font-size:14px;line-height:1.6}
.sdd-utilities-directory .decor-utility-card strong{align-self:end;color:var(--sdd-hub-blue);font-size:14px}
.sdd-utilities-directory .decor-utility-card:is(:hover,:focus-visible){transform:translateY(-3px);border-color:#93b9e6;box-shadow:0 14px 34px rgba(21,57,96,.12)}
.sdd-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:none}
.sdd-process-grid li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;padding:18px;border:1px solid var(--sdd-hub-line);border-radius:13px;background:#fff}
.sdd-process-grid li>span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#eaf3ff;color:var(--sdd-hub-blue);font-weight:850}
.sdd-process-grid h3{margin:1px 0 4px;font-family:inherit;font-size:17px;line-height:1.35}
.sdd-process-grid p{margin:0;color:var(--sdd-hub-muted);font-size:14px}

.sdd-job-filter{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(190px,.8fr)) auto;gap:10px;align-items:end;margin-bottom:22px;padding:14px;border:1px solid var(--sdd-hub-line);border-radius:14px;background:linear-gradient(135deg,#f5f9fe,#edf5ff);box-shadow:0 8px 24px rgba(21,57,96,.06)}
.sdd-job-filter label{display:grid;gap:5px;color:#33485e;font-size:12px;font-weight:700}
.sdd-job-filter :is(input,select){width:100%;height:44px;margin:0;padding:0 12px;border:1px solid #c8d7e7;border-radius:8px;background:#fff;color:var(--sdd-hub-ink);font-family:"Be Vietnam Pro",Arial,sans-serif!important;font-size:14px;font-weight:400!important;font-variation-settings:"wght" 400;font-synthesis:none;line-height:1.4;box-shadow:none}
.sdd-job-filter input::placeholder{color:#7e8ea0;font-weight:400;opacity:1}
.sdd-job-filter select option{font-family:"Be Vietnam Pro",Arial,sans-serif!important;font-size:14px;font-weight:400!important;font-variation-settings:"wght" 400}
.sdd-job-filter :is(input,select):is(:hover,:focus){border-color:#79a4d2;box-shadow:0 0 0 3px rgba(23,90,165,.11);outline:0}
.sdd-job-filter button{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 18px;border:0;border-radius:8px;background:linear-gradient(135deg,#FF5001,#CC4000);color:#fff;font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:14px;font-weight:800;box-shadow:0 9px 21px rgba(255,80,1,.27);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.sdd-job-filter button:is(:hover,:focus-visible){transform:translateY(-2px);box-shadow:0 13px 25px rgba(255,80,1,.35);filter:saturate(1.08)}
.sdd-job-filter button .sdd-icon{width:19px;height:19px}
.sdd-job-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sdd-job-card-v2{display:flex;min-height:100%;flex-direction:column;padding:18px;border:1px solid var(--sdd-hub-line);border-radius:14px;background:#fff;box-shadow:0 9px 26px rgba(21,57,96,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.sdd-job-card-v2:hover{transform:translateY(-3px);border-color:#94b9e2;box-shadow:0 16px 35px rgba(21,57,96,.12)}
.sdd-job-card-v2 header>span{display:inline-flex;margin-bottom:7px;color:var(--sdd-hub-blue);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sdd-job-card-v2 h3{margin:0 0 7px;font-family:inherit;font-size:19px;line-height:1.4}
.sdd-job-card-v2 h3 a{color:var(--sdd-hub-ink)}
.sdd-job-card-v2 header p{margin:0 0 12px;color:var(--sdd-hub-muted);font-size:14px}
.sdd-job-card-v2 dl{display:grid;gap:0;margin:0 0 14px;padding:0;border-top:1px solid #edf1f5}
.sdd-job-card-v2 dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #edf1f5;font-size:13px}
.sdd-job-card-v2 :is(dt,dd){margin:0}
.sdd-job-card-v2 dt{color:#748497}
.sdd-job-card-v2 dd{color:#263a50;font-weight:650;text-align:right}
.sdd-job-card-v2>.sdd-card-link{display:inline-flex;min-height:40px;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:0 12px;border:1px solid #b9cfea;border-radius:8px;background:#f4f8fd;color:#174f98;font-size:13px;font-weight:750;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}
.sdd-job-card-v2>.sdd-card-link .sdd-icon{width:18px;height:18px}
.sdd-job-card-v2>.sdd-card-link:is(:hover,:focus-visible){border-color:#174f98;background:#174f98;color:#fff}
@supports (-moz-appearance:none){
  .sdd-job-filter :is(input,select),.sdd-job-filter select option{font-family:"Be Vietnam Pro",Arial,sans-serif!important;font-weight:400!important;font-variation-settings:"wght" 400!important;text-shadow:none!important}
}
.sdd-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sdd-value-grid article{padding:18px;border:1px solid var(--sdd-hub-line);border-radius:13px;background:#fff}
.sdd-value-grid article>span{width:42px;height:42px;display:grid;place-items:center;margin-bottom:12px;border-radius:11px;background:#eaf3ff;color:var(--sdd-hub-blue)}
.sdd-value-grid .sdd-icon{width:22px;height:22px}
.sdd-value-grid h3{margin:0 0 5px;font-family:inherit;font-size:16px}
.sdd-value-grid p{margin:0;color:var(--sdd-hub-muted);font-size:14px}

.sdd-tracking-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:18px;align-items:start}
.sdd-tracking-panel,.sdd-tracking-help{border:1px solid var(--sdd-hub-line);border-radius:15px;background:#fff;box-shadow:0 10px 30px rgba(21,57,96,.07)}
.sdd-tracking-panel{padding:24px}
.sdd-tracking-panel>h2{margin:7px 0 5px;font-family:inherit;font-size:28px;line-height:1.25}
.sdd-tracking-panel>p{margin:0 0 18px;color:var(--sdd-hub-muted);font-size:14px}
.sdd-tracking-shortcode .dpss-tracking-form{display:grid;gap:7px;margin:0;padding:18px;border:1px solid #c9dced;border-radius:12px;background:#f3f8fe}
.sdd-tracking-shortcode .dpss-tracking-form>label{color:#2b4057;font-size:13px;font-weight:750}
.sdd-tracking-shortcode .dpss-tracking-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.sdd-tracking-shortcode .dpss-tracking-form input{width:100%;height:46px;margin:0;padding:0 13px;border:1px solid #b8cbe0;border-radius:8px;background:#fff;color:var(--sdd-hub-ink);font-size:14px}
.sdd-tracking-shortcode .dpss-tracking-form button,.sdd-tracking-login .button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0 18px;border:0;border-radius:8px;background:var(--sdd-hub-blue);color:#fff;font-size:14px;font-weight:750;text-decoration:none}
.sdd-tracking-login{padding:18px;border-left:4px solid var(--sdd-hub-blue);border-radius:10px;background:#eef6ff}
.sdd-tracking-login p{margin:0 0 8px;font-size:14px}.sdd-tracking-login p:last-child{margin-bottom:0}
.sdd-tracking-table{width:100%;margin-top:15px;border-collapse:collapse;font-size:14px}
.sdd-tracking-table :is(th,td){padding:11px;border:1px solid var(--sdd-hub-line);text-align:left}.sdd-tracking-table th{background:#eaf3ff;color:#1d416c}
.sdd-tracking-help{padding:22px;background:#0f4a8d;color:#fff}
.sdd-tracking-help>span{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.13)}
.sdd-tracking-help>span .sdd-icon{width:24px;height:24px}
.sdd-tracking-help h2{margin:14px 0 7px;color:#fff;font-family:inherit;font-size:21px}
.sdd-tracking-help p,.sdd-tracking-help li{color:rgba(255,255,255,.84);font-size:14px}
.sdd-tracking-help ul{margin:14px 0;padding-left:19px}
.sdd-tracking-help>a{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:14px;font-weight:750}
.sdd-tracking-help>a .sdd-icon{width:18px;height:18px}

.sdd-content-hub-page :is(a,button,input,select):focus-visible{outline:3px solid rgba(255,80,1,.48);outline-offset:3px}

@media (max-width:991px){
  .sdd-content-hero__grid{min-height:0;grid-template-columns:minmax(0,1fr);gap:24px;padding-block:34px}
  .sdd-content-proof{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sdd-content-proof>div{grid-template-columns:36px minmax(0,1fr);padding:12px;border-right:1px solid rgba(255,255,255,.15);border-bottom:0}
  .sdd-content-proof>div:last-child{border-right:0}
  .sdd-content-proof>div>span{width:36px;height:36px}
  .sdd-content-hub-page .sdd-project-grid-page,.sdd-job-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sdd-job-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.sdd-job-filter button{align-self:end}
  .sdd-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sdd-tracking-layout{grid-template-columns:minmax(0,1fr)}
  .sdd-projects-hero .sdd-content-hero__grid{min-height:0;grid-template-columns:minmax(0,1fr);gap:20px;padding-block:26px}
}

@media (max-width:767px){
  .sdd-content-hero__grid{padding-block:28px}.sdd-content-hero h1{font-size:31px}.sdd-content-hero p{font-size:14px}
  .sdd-content-proof{grid-template-columns:minmax(0,1fr)}.sdd-content-proof>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}
  .sdd-content-section{padding:30px 0 36px}.sdd-content-section__head{display:grid;gap:14px;align-items:start}.sdd-content-stat{min-width:0;width:max-content;justify-content:flex-start}
  .sdd-content-hub-page .sdd-project-grid-page,.sdd-job-grid-v2,.sdd-utilities-directory .decor-utilities-grid,.sdd-process-grid{grid-template-columns:minmax(0,1fr)}
  .sdd-content-empty{grid-template-columns:46px minmax(0,1fr);padding:16px}.sdd-content-empty>span{width:46px;height:46px}.sdd-content-empty>.sdd-content-button{grid-column:1/-1;width:100%}
  .sdd-content-cta .sdd-shell{display:grid;gap:18px}.sdd-content-cta .sdd-content-button{width:100%}
  .sdd-job-filter{grid-template-columns:minmax(0,1fr)}.sdd-job-filter button{width:100%}
  .sdd-value-grid{grid-template-columns:minmax(0,1fr)}
  .sdd-tracking-panel{padding:17px}.sdd-tracking-shortcode .dpss-tracking-form{padding:14px}.sdd-tracking-shortcode .dpss-tracking-form>div{grid-template-columns:minmax(0,1fr)}
  .sdd-tracking-table{display:block;overflow-x:auto;white-space:nowrap}
  .sdd-projects-hero .sdd-content-hero__grid{gap:18px;padding-block:22px}
  .sdd-projects-hero h1.sdd-projects-hero__title,.sdd-projects-hero .sdd-projects-hero__title>span{font-size:16px}
}

@media (max-width:520px){
  .sdd-projects-hero .sdd-content-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
  .sdd-projects-hero .sdd-content-button{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .sdd-content-hub-page :is(.sdd-content-button,.sdd-project-card,.decor-utility-card){transition:none!important;transform:none!important}
}

/* Recruitment application portal · 1.7.65 */
.sdd-application-page,.sdd-application-page :is(input,select,textarea,button){font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:14px}
.sdd-application-page{color:#172b43;background:#fff}
.sdd-application-hero{background:linear-gradient(122deg,#0f467f 0%,#185da8 64%,#2875c9 100%)}
.sdd-application-hero .sdd-content-hero__grid{min-height:290px}
.sdd-application-hero .sdd-content-hero__copy{max-width:720px}
.sdd-application-hero .sdd-content-kicker{color:#ffb063}
.sdd-application-hero .sdd-content-proof{align-self:center}
.sdd-application-section{padding-top:34px;background:linear-gradient(180deg,#fff 0,#f7faff 100%)}
.sdd-application-heading{margin-bottom:22px}
.sdd-application-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:22px;align-items:start}
.sdd-application-panel{min-width:0;padding:24px;border:1px solid #d3e0ef;border-radius:18px;background:#fff;box-shadow:0 16px 42px rgba(20,66,119,.09)}
.decor-application-form{font-size:14px;color:#172b43}
.decor-application-form *{box-sizing:border-box}
.decor-application-form__intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid #dce6f1}
.decor-application-form__intro span{display:block;margin-bottom:5px;color:#17569e;font-size:11px;font-weight:800;letter-spacing:.12em}
.decor-application-form__intro h2{margin:0;color:#142c48;font-family:inherit;font-size:26px;line-height:1.25}
.decor-application-form__intro p{margin:6px 0 0;color:#65768a;font-size:14px;line-height:1.6}
.decor-application-form__intro em{flex:0 0 auto;color:#66788d;font-size:12px;font-style:normal}.decor-application-form__intro em b,.decor-application-form label>span>b,.decor-application-consent b{color:#d83a32}
.decor-application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.decor-application-grid>label{display:grid;min-width:0;gap:7px;color:#233c58;font-size:13px;font-weight:700}
.decor-application-grid>label.is-full{grid-column:1/-1}
.decor-application-grid :is(input:not([type=file]),select,textarea){width:100%;min-width:0;margin:0;border:1px solid #bfcfe2;border-radius:9px;background:#fff;color:#172b43;box-shadow:none;outline:0;font-size:14px;font-weight:500;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.decor-application-grid :is(input:not([type=file]),select){height:44px;padding:0 12px}
.decor-application-grid textarea{min-height:116px;padding:11px 12px;line-height:1.6;resize:vertical}
.decor-application-grid :is(input,select,textarea)::placeholder{color:#8b9bad;opacity:1}
.decor-application-grid :is(input:not([type=file]),select,textarea):hover{border-color:#86a7cd}
.decor-application-grid :is(input:not([type=file]),select,textarea):focus{border-color:#175aa5;background:#fbfdff;box-shadow:0 0 0 3px rgba(23,90,165,.13)}
.decor-application-file__box{position:relative;display:flex;min-height:74px;flex-direction:column;justify-content:center;gap:4px;padding:13px 16px 13px 58px;overflow:hidden;border:1px dashed #78a2cf;border-radius:11px;background:#f3f8ff;color:#174f98;cursor:pointer;transition:.18s ease}
.decor-application-file__box::before{content:"CV";position:absolute;left:14px;top:50%;display:grid;width:32px;height:38px;place-items:center;transform:translateY(-50%);border-radius:8px;background:#174f98;color:#fff;font-size:11px;font-weight:800;letter-spacing:.03em}
.decor-application-file__box:hover{border-color:#FF5001;background:#fff8f0;box-shadow:0 7px 20px rgba(255,80,1,.09)}
.decor-application-file__box>b{font-size:14px}.decor-application-file__box>small{color:#647b95;font-size:12px;font-weight:500;word-break:break-word}.decor-application-file__box>small.is-valid{color:#087f5b;font-weight:700}
.decor-application-file__box input{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}
.decor-application-file__error{min-height:18px;color:#b42318;font-size:12px;font-weight:600}
.decor-application-consent{display:flex;gap:10px;align-items:flex-start;margin:19px 0 0;padding:13px 14px;border:1px solid #d7e3f0;border-radius:10px;background:#f8fbff;color:#53687f;font-size:13px;font-weight:500;line-height:1.55}
.decor-application-consent input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:#174f98}.decor-application-consent a{color:#174f98;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.decor-application-submit{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:18px}
.decor-application-submit button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:18px;padding:0 20px;border:0;border-radius:10px;background:linear-gradient(135deg,#FF5001,#CC4000);color:#fff;box-shadow:0 10px 24px rgba(255,80,1,.24);font-size:13px;font-weight:800;letter-spacing:.025em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.decor-application-submit button i{font-size:20px;font-style:normal;line-height:1}.decor-application-submit button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(255,80,1,.31);filter:saturate(1.08)}.decor-application-submit button:disabled{cursor:wait;opacity:.75;transform:none}
.decor-application-submit>p{display:grid;gap:2px;margin:0;color:#2c4d71;font-size:12px}.decor-application-submit>p small{color:#78899b;font-size:11px;line-height:1.45}
.decor-application-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.decor-application-notice{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;margin:0 0 20px;padding:15px;border:1px solid;border-radius:12px;font-size:14px}
.decor-application-notice>span{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;color:#fff;font-size:20px;font-weight:800}.decor-application-notice strong{display:block;margin:1px 0 4px;color:inherit;font-size:15px}.decor-application-notice p{margin:0;color:inherit;font-size:13px;line-height:1.55}.decor-application-notice small{display:block;margin-top:6px;font-size:12px}
.decor-application-notice.is-success{border-color:#a9dcc6;background:#edfbf4;color:#176244}.decor-application-notice.is-success>span{background:#087f5b}
.decor-application-notice.is-error{border-color:#efbeb9;background:#fff2f1;color:#8a251c}.decor-application-notice.is-error>span{background:#bf3d32}
.sdd-application-aside{display:grid;gap:14px;position:sticky;top:18px}
.sdd-application-aside__card{padding:18px;border:1px solid #d5e1ef;border-radius:15px;background:#fff;box-shadow:0 10px 30px rgba(20,66,119,.07)}
.sdd-application-aside__card>span:not(.sdd-content-kicker){display:grid;width:42px;height:42px;place-items:center;margin-bottom:13px;border-radius:11px;background:#e9f3ff;color:#175aa5}.sdd-application-aside__card>span .sdd-icon{width:22px;height:22px}
.sdd-application-aside__card h2{margin:0 0 8px;color:#173654;font-family:inherit;font-size:17px;line-height:1.4}.sdd-application-aside__card p{margin:0;color:#64778d;font-size:13px;line-height:1.65}
.sdd-application-aside__card.is-primary{border:0;background:linear-gradient(145deg,#0f477f,#1c61ab);color:#fff}.sdd-application-aside__card.is-primary>span:not(.sdd-content-kicker){background:rgba(255,255,255,.13);color:#fff}.sdd-application-aside__card.is-primary h2{color:#fff}.sdd-application-aside__card.is-primary p{color:rgba(255,255,255,.83)}
.sdd-application-aside__card ol{display:grid;gap:14px;margin:15px 0 0;padding:0;list-style:none;counter-reset:appstep}.sdd-application-aside__card li{position:relative;display:grid;min-height:34px;align-content:center;gap:2px;padding-left:44px;counter-increment:appstep}.sdd-application-aside__card li::before{content:counter(appstep,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#e9f3ff;color:#175aa5;font-size:11px;font-weight:800}.sdd-application-aside__card li b{color:#294662;font-size:13px}.sdd-application-aside__card li small{color:#74869a;font-size:11px;line-height:1.45}
.sdd-application-aside__card.is-help{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:14px}.sdd-application-aside__card.is-help>span{width:38px;height:38px;margin:0;background:#fff0e2;color:#CC4000}.sdd-application-aside__card.is-help>div{display:grid;gap:2px}.sdd-application-aside__card.is-help b{color:#254662;font-size:12px}.sdd-application-aside__card.is-help small{color:#7b8c9e;font-size:11px}.sdd-application-aside__card.is-help>a{grid-column:1/-1;display:flex;min-height:40px;align-items:center;justify-content:center;border-radius:9px;background:#174f98;color:#fff;font-size:14px;font-weight:800;text-decoration:none}
.sdd-application-trust{border-top:1px solid #d8e3ef;border-bottom:1px solid #d8e3ef;background:#edf5ff}.sdd-application-trust .sdd-shell{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sdd-application-trust .sdd-shell>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:18px;border-right:1px solid #d4e0ed}.sdd-application-trust .sdd-shell>div:last-child{border-right:0}.sdd-application-trust .sdd-shell>div>span{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#fff;color:#175aa5;box-shadow:0 4px 14px rgba(20,66,119,.08)}.sdd-application-trust .sdd-icon{width:21px;height:21px}.sdd-application-trust p{display:grid;gap:3px;margin:0}.sdd-application-trust strong{color:#244460;font-size:13px}.sdd-application-trust small{color:#6d8196;font-size:11px;line-height:1.4}

@media (max-width:991px){
  .sdd-application-layout{grid-template-columns:minmax(0,1fr)}
  .sdd-application-aside{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.sdd-application-aside__card.is-help{grid-column:1/-1;grid-template-columns:38px minmax(0,1fr) auto}.sdd-application-aside__card.is-help>a{grid-column:auto;min-width:150px;padding-inline:16px}
}
@media (max-width:767px){
  .sdd-application-hero .sdd-content-hero__grid{min-height:0}.sdd-application-hero .sdd-content-actions{display:grid;grid-template-columns:minmax(0,1fr)}.sdd-application-hero .sdd-content-button{width:100%}
  .sdd-application-section{padding-top:24px}.sdd-application-panel{padding:16px;border-radius:14px}
  .decor-application-form__intro{display:grid;gap:8px;align-items:start;margin-bottom:18px}.decor-application-form__intro h2{font-size:22px}.decor-application-form__intro em{justify-self:start}
  .decor-application-grid{grid-template-columns:minmax(0,1fr);gap:13px}.decor-application-grid>label.is-full{grid-column:auto}.decor-application-grid :is(input:not([type=file]),select){height:42px}.decor-application-grid textarea{min-height:104px}
  .decor-application-submit{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:13px}.decor-application-submit button{width:100%;min-height:46px}.decor-application-submit>p{order:-1}
  .sdd-application-aside{grid-template-columns:minmax(0,1fr)}.sdd-application-aside__card.is-help{grid-column:auto;grid-template-columns:38px minmax(0,1fr)}.sdd-application-aside__card.is-help>a{grid-column:1/-1;width:100%}
  .sdd-application-trust .sdd-shell{grid-template-columns:minmax(0,1fr)}.sdd-application-trust .sdd-shell>div{padding:14px 4px;border-right:0;border-bottom:1px solid #d4e0ed}.sdd-application-trust .sdd-shell>div:last-child{border-bottom:0}
}
@media (max-width:420px){
  .sdd-application-panel{padding:13px}.decor-application-file__box{padding-left:53px}.decor-application-submit button{gap:10px;padding-inline:14px;font-size:12px}.decor-application-notice{grid-template-columns:36px minmax(0,1fr);padding:12px}.decor-application-notice>span{width:36px;height:36px}
}
@media (prefers-reduced-motion:reduce){
  .sdd-application-page :is(.decor-application-submit button,.decor-application-file__box,.decor-application-grid input,.decor-application-grid select,.decor-application-grid textarea){transition:none!important;transform:none!important}
}

/* About DECOR PAINT conversion page and managed content · refined 1.7.115 */
.sdd-about-page{--about-blue:#174f98;--about-dark:#103f7d;--about-ink:#162d47;--about-muted:#5f7389;--about-line:#d7e3ef;--about-soft:#f3f8fe;--about-orange:#FF5001;--about-yellow:#FFC501;--about-yellow-hover:#e5b100;font-family:"Be Vietnam Pro",Arial,sans-serif;color:var(--about-ink);background:#fff}
.sdd-about-page *{box-sizing:border-box}
.sdd-about-page :is(p,li,a,button){font-size:14px}
.sdd-about-page img{max-width:100%;opacity:1!important;filter:none!important}
.sdd-about-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#0e3d70 0%,#17579f 58%,#2875c9 100%);color:#fff}
.sdd-about-hero::before,.sdd-about-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.sdd-about-hero::before{right:-120px;top:-190px;width:520px;height:520px;border:65px solid rgba(255,255,255,.055)}
.sdd-about-hero::after{left:42%;bottom:-220px;width:480px;height:480px;border:55px solid rgba(255,255,255,.035)}
.sdd-about-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:40px;align-items:center;padding-block:44px}
.sdd-about-eyebrow,.sdd-about-section-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sdd-about-eyebrow{color:#ffd0a0}.sdd-about-eyebrow i{width:24px;height:3px;border-radius:99px;background:var(--about-orange)}.sdd-about-hero .sdd-about-eyebrow{color:var(--about-yellow);font-size:13px}.sdd-about-hero .sdd-about-eyebrow i{background:var(--about-yellow)}
.sdd-about-hero h1{max-width:760px;margin:13px 0 14px;color:#fff;font-family:inherit;font-size:48px;font-weight:800;letter-spacing:-.035em;line-height:1.16}.sdd-about-hero h1 span{color:#ffe0be}
.sdd-about-hero__copy>p{max-width:720px;margin:0;color:rgba(255,255,255,.87);font-size:16px;line-height:1.72}
.sdd-about-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.sdd-about-actions .sdd-button{min-height:48px;padding-inline:20px}
.sdd-about-page :is(.sdd-about-hero,.sdd-about-colour,.sdd-about-cta) .sdd-button.sdd-button-accent{min-height:46px;border-color:var(--about-yellow);background:var(--about-yellow);color:var(--about-dark);font-weight:850;box-shadow:0 10px 24px rgba(255,197,1,.26)}
.sdd-about-page :is(.sdd-about-hero,.sdd-about-colour,.sdd-about-cta) .sdd-button.sdd-button-accent:hover,.sdd-about-page :is(.sdd-about-hero,.sdd-about-colour,.sdd-about-cta) .sdd-button.sdd-button-accent:focus-visible{border-color:var(--about-yellow-hover);background:var(--about-yellow-hover);color:#0c376f;box-shadow:0 13px 28px rgba(255,197,1,.32)}
.sdd-about-hero__assurance{display:flex;flex-wrap:wrap;gap:8px 12px;margin:16px 0 0;padding:0;list-style:none;color:#fff}
.sdd-about-hero__assurance li{display:inline-flex;width:fit-content;max-width:100%;min-height:36px;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(255,197,1,.38);border-radius:999px;background:rgba(5,37,76,.26);color:#fff;font-size:14px;font-weight:800;line-height:1.45;text-shadow:0 1px 3px rgba(3,25,52,.3)}.sdd-about-hero__assurance .sdd-icon{width:18px;height:18px;color:var(--about-yellow)}
.sdd-about-hero__visual{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.19);border-radius:20px;background:rgba(255,255,255,.1);box-shadow:0 26px 65px rgba(3,28,59,.27);backdrop-filter:blur(7px)}
.sdd-about-hero__visual figure{height:112px;margin:0;overflow:hidden;border-radius:12px;background:#e8f0f8}.sdd-about-hero__visual figure.is-main{grid-column:1/-1;height:214px}.sdd-about-hero__visual img{width:100%;height:100%;object-fit:cover;display:block}
.sdd-about-visual-note{position:absolute;right:20px;top:188px;display:grid;gap:2px;min-width:190px;padding:11px 14px;border-radius:11px;background:#fff;color:var(--about-dark);box-shadow:0 13px 30px rgba(8,35,67,.2)}
.sdd-about-visual-note strong{font-size:14px}.sdd-about-visual-note span{color:#6a7d91;font-size:12px}
.sdd-about-value-strip{border-bottom:1px solid var(--about-line);background:#fff}
.sdd-about-value-strip .sdd-shell{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.sdd-about-value-strip article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;padding:17px;border-right:1px solid var(--about-line)}.sdd-about-value-strip article:first-child{border-left:1px solid var(--about-line)}
.sdd-about-value-strip article>span{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:#eaf3ff;color:var(--about-blue)}.sdd-about-value-strip .sdd-icon{width:22px;height:22px}
.sdd-about-value-strip article>div{display:grid;gap:4px}.sdd-about-value-strip strong{color:#173b62;font-size:15px;font-weight:800}.sdd-about-value-strip small{color:#61768c;font-size:12.5px;line-height:1.5}
.sdd-about-intro{padding:48px 0;background:#fff}
.sdd-about-intro__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:42px;align-items:start}
.sdd-about-section-kicker{color:var(--about-blue)}
.sdd-about-section-kicker::before{content:"";width:20px;height:3px;border-radius:99px;background:var(--about-orange)}
.sdd-about-intro h2,.sdd-about-section-heading h2,.sdd-about-colour h2,.sdd-about-cta h2{margin:10px 0 12px;color:var(--about-ink);font-family:inherit;font-size:32px;letter-spacing:-.025em;line-height:1.28}
.sdd-about-intro__copy>p,.sdd-about-intro__body p{margin:0 0 13px;color:var(--about-muted);font-size:15px;line-height:1.75}.sdd-about-intro__copy>p strong,.sdd-about-intro__body strong{color:#274967}.sdd-about-intro__body>*:last-child{margin-bottom:0}
.sdd-about-intro__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.sdd-about-intro__actions a{display:inline-flex;min-height:42px;align-items:center;gap:8px;padding:0 13px;border:1px solid #bad0e8;border-radius:9px;background:#f6faff;color:var(--about-blue);font-weight:750;text-decoration:none}.sdd-about-intro__actions a:hover{border-color:var(--about-blue);background:var(--about-blue);color:#fff}.sdd-about-intro__actions .sdd-icon{width:17px;height:17px}
.sdd-about-principles{padding:21px;border:1px solid #c8daec;border-radius:18px;background:linear-gradient(145deg,#f4f9ff,#e9f3ff);box-shadow:0 14px 36px rgba(17,67,120,.08)}
.sdd-about-principles ol{display:grid;gap:12px;margin:19px 0 0;padding:0;list-style:none}.sdd-about-principles li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:13px;border:1px solid #d2e1ef;border-radius:12px;background:#fff}.sdd-about-principles li>b{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;background:var(--about-blue);color:#fff;font-size:12px}.sdd-about-principles li>div{display:grid;gap:2px}.sdd-about-principles strong{font-size:14px}.sdd-about-principles small{color:#6c7e90;font-size:12px}
.sdd-about-strengths{padding:48px 0;background:linear-gradient(180deg,#f5f9fe,#eaf3fc)}
.sdd-about-section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:18px}.sdd-about-section-heading>div{max-width:800px}.sdd-about-section-heading h2{margin-bottom:8px}.sdd-about-section-heading p{margin:0;color:var(--about-muted);font-size:15px;line-height:1.7}.sdd-about-section-heading>a{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;color:var(--about-blue);font-size:14px;font-weight:750;text-decoration:none}.sdd-about-section-heading>a .sdd-icon{width:18px;height:18px}
.sdd-about-strength-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sdd-about-strength-grid article{padding:18px;border:1px solid #bfd3e7;border-top:2px solid var(--about-yellow);border-radius:15px;background:#fff;box-shadow:0 10px 26px rgba(16,63,125,.1);transition:.18s ease}.sdd-about-strength-grid article:hover{transform:translateY(-3px);border-color:#91b4d9;border-top-color:var(--about-yellow);box-shadow:0 15px 32px rgba(16,63,125,.14)}
.sdd-about-strength-grid article>span{display:grid;width:42px;height:42px;place-items:center;margin-bottom:10px;border-radius:12px;background:#eaf3ff;color:var(--about-blue)}.sdd-about-strength-grid article:nth-child(2n)>span{background:#eef9e9;color:#4c8c29}.sdd-about-strength-grid article:nth-child(3n)>span{background:#fff1e5;color:#CC4000}.sdd-about-strength-grid .sdd-icon{width:22px;height:22px}.sdd-about-strength-grid h3{margin:0 0 6px;font-family:inherit;font-size:17px;font-weight:800}.sdd-about-strength-grid p{margin:0;color:#566d84;font-size:14px;line-height:1.58}
.sdd-about-applications{padding:48px 0;background:#fff}.sdd-about-application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sdd-about-application-grid>article{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);min-width:0;overflow:hidden;border:1px solid #d5e2ef;border-radius:16px;background:#fff;box-shadow:0 11px 30px rgba(17,57,101,.075);transition:.18s ease}.sdd-about-application-grid>article:hover{transform:translateY(-3px);border-color:#8db5df;box-shadow:0 17px 38px rgba(17,57,101,.13)}
.sdd-about-application__media{position:relative;display:block;min-height:228px;overflow:hidden;background:#e9f1f8}.sdd-about-application__media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:none}.sdd-about-application-grid>article:hover .sdd-about-application__media img{transform:none}.sdd-about-application__media>span{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:rgba(16,63,125,.92);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em}
.sdd-about-application-grid>article>div{display:flex;min-width:0;flex-direction:column;padding:20px}.sdd-about-application-grid h3{margin:0 0 8px;font-family:inherit;font-size:18px;line-height:1.4}.sdd-about-application-grid h3>a{color:inherit;text-decoration:none}.sdd-about-application-grid h3>a:hover,.sdd-about-application-grid h3>a:focus-visible{color:var(--about-blue);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.sdd-about-application-grid p{margin:0 0 16px;color:var(--about-muted);font-size:14px;line-height:1.65}.sdd-about-application-grid>article>div>a{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;color:var(--about-blue);font-size:13px;font-weight:750;text-decoration:none}.sdd-about-application-grid>article>div>a .sdd-icon{width:18px;height:18px}
.sdd-about-colour{padding:46px 0;background:linear-gradient(125deg,#0f477f,#1c63ad);color:#fff}.sdd-about-colour__grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:42px;align-items:center}.sdd-about-colour__visual{display:grid;place-items:center}.sdd-about-swatch-ring{position:relative;display:grid;grid-template-columns:repeat(3,88px);gap:11px}.sdd-about-swatch-ring i{display:block;width:88px;height:88px;border:8px solid rgba(255,255,255,.18);border-radius:50%;background:var(--swatch);box-shadow:0 10px 24px rgba(3,27,55,.25)}.sdd-about-swatch-ring span{position:absolute;inset:50% auto auto 50%;display:grid;width:108px;height:108px;place-items:center;transform:translate(-50%,-50%);border:7px solid rgba(255,255,255,.25);border-radius:50%;background:#fff;color:var(--about-dark);font-size:14px;font-weight:850;line-height:1.3;text-align:center;box-shadow:0 13px 35px rgba(3,27,55,.28)}
.sdd-about-colour .sdd-about-section-kicker{color:#ffd1a4}.sdd-about-colour h2{color:#fff;font-size:34px}.sdd-about-colour__copy>p{margin:0;color:rgba(255,255,255,.85);font-size:15px;line-height:1.75}.sdd-about-colour__copy ul{display:grid;gap:8px;margin:18px 0 22px;padding:0;list-style:none}.sdd-about-colour__copy li{position:relative;padding-left:23px;color:rgba(255,255,255,.88);font-size:14px}.sdd-about-colour__copy li::before{content:"✓";position:absolute;left:0;color:#abe882;font-weight:800}.sdd-about-colour__copy>div{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sdd-about-text-link{color:#fff;font-weight:750;text-decoration:underline;text-underline-offset:4px}
.sdd-about-policies{padding:48px 0;background:#f8fbff}.sdd-about-policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sdd-about-policy-grid article{display:flex;min-height:100%;flex-direction:column;padding:19px;border:1px solid #d2e0ed;border-radius:15px;background:#fff}.sdd-about-policy-grid article>span{display:grid;width:42px;height:42px;place-items:center;margin-bottom:13px;border-radius:11px;background:#eaf3ff;color:var(--about-blue)}.sdd-about-policy-grid .sdd-icon{width:21px;height:21px}.sdd-about-policy-grid h3{margin:0 0 7px;font-family:inherit;font-size:16px}.sdd-about-policy-grid p{margin:0 0 15px;color:var(--about-muted);font-size:14px;line-height:1.65}.sdd-about-policy-grid a{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;color:var(--about-blue);font-size:13px;font-weight:750;text-decoration:none}.sdd-about-policy-grid a .sdd-icon{width:17px;height:17px}.sdd-about-policy-note{margin:16px 0 0;padding:12px 14px;border-left:4px solid #ef8a2e;border-radius:8px;background:#fff7ef;color:#6d5b49;font-size:12px;line-height:1.6}
.sdd-about-additional{padding:44px 0;border-block:1px solid #d7e3ef;background:#fff}.sdd-about-additional h2{margin:0 0 18px;color:var(--about-ink);font-family:inherit;font-size:30px;line-height:1.3}.sdd-about-additional__content{color:var(--about-muted);font-size:14px;line-height:1.75}.sdd-about-additional__content :is(p,ul,ol,blockquote,figure){margin-top:0;margin-bottom:15px}.sdd-about-additional__content :is(h2,h3,h4){margin:24px 0 10px;color:var(--about-ink);font-family:inherit}.sdd-about-additional__content h2{font-size:26px}.sdd-about-additional__content h3{font-size:21px}.sdd-about-additional__content a{color:var(--about-blue);font-weight:700}.sdd-about-additional__content img{height:auto;border-radius:14px}.sdd-about-additional__content>*:last-child{margin-bottom:0}
.sdd-about-cta{position:relative;overflow:hidden;padding:38px 0;background:linear-gradient(120deg,#0e3f76,#1d63af);color:#fff}.sdd-about-cta::after{content:"";position:absolute;right:-80px;bottom:-170px;width:350px;height:350px;border:55px solid rgba(255,255,255,.055);border-radius:50%}.sdd-about-cta .sdd-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}.sdd-about-cta h2{margin-block:9px;color:#fff;font-size:30px}.sdd-about-cta p{max-width:820px;margin:0;color:rgba(255,255,255,.84);font-size:14px;line-height:1.7}.sdd-about-cta .sdd-shell>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.sdd-about-cta .sdd-button{min-height:46px}.sdd-about-zalo{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 17px;border:1px solid rgba(255,255,255,.45);border-radius:9px;color:#fff;font-size:14px;font-weight:750;text-decoration:none}.sdd-about-zalo:hover{border-color:#fff;background:#fff;color:var(--about-dark)}
.sdd-about-page :is(a,button):focus-visible{outline:3px solid rgba(255,80,1,.5);outline-offset:3px}
@media (max-width:1100px){
  .sdd-about-hero__grid{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:30px}.sdd-about-hero h1{font-size:41px}
  .sdd-about-value-strip .sdd-shell{grid-template-columns:repeat(2,minmax(0,1fr))}.sdd-about-value-strip article:nth-child(2){border-right:0}.sdd-about-value-strip article:nth-child(n+3){border-top:1px solid var(--about-line)}
  .sdd-about-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .sdd-about-hero__grid{grid-template-columns:minmax(0,1fr);padding-block:42px}.sdd-about-hero__visual{max-width:680px}
  .sdd-about-intro__grid,.sdd-about-colour__grid{grid-template-columns:minmax(0,1fr)}.sdd-about-colour__visual{order:2}
  .sdd-about-strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sdd-about-application-grid>article{grid-template-columns:minmax(0,1fr)}.sdd-about-application__media{min-height:220px}
  .sdd-about-cta .sdd-shell{grid-template-columns:minmax(0,1fr)}.sdd-about-cta .sdd-shell>div:last-child{justify-content:flex-start}
}
@media (max-width:767px){
  .sdd-about-hero__grid{gap:22px;padding-block:27px}.sdd-about-hero h1{font-size:32px}.sdd-about-hero__copy>p{font-size:14px}.sdd-about-actions{display:grid;grid-template-columns:minmax(0,1fr)}.sdd-about-actions .sdd-button{width:100%}.sdd-about-hero__assurance{display:grid;gap:7px}
  .sdd-about-hero__visual{padding:7px;border-radius:15px}.sdd-about-hero__visual figure.is-main{height:180px}.sdd-about-hero__visual figure{height:96px}.sdd-about-visual-note{right:14px;top:158px;min-width:165px;padding:9px 11px}
  .sdd-about-value-strip .sdd-shell{grid-template-columns:minmax(0,1fr)}.sdd-about-value-strip article,.sdd-about-value-strip article:first-child{padding:13px 4px;border-right:0;border-left:0;border-top:1px solid var(--about-line)}.sdd-about-value-strip article:first-child{border-top:0}
  .sdd-about-intro,.sdd-about-strengths,.sdd-about-applications,.sdd-about-policies,.sdd-about-additional{padding:36px 0}.sdd-about-intro__grid{gap:22px}.sdd-about-intro h2,.sdd-about-section-heading h2,.sdd-about-colour h2,.sdd-about-cta h2,.sdd-about-additional h2{font-size:26px}.sdd-about-intro__actions{display:grid}.sdd-about-intro__actions a{width:100%;justify-content:space-between}.sdd-about-principles{padding:17px}
  .sdd-about-section-heading{display:grid;gap:10px;align-items:start;margin-bottom:16px}.sdd-about-section-heading>a{justify-self:start}
  .sdd-about-strength-grid,.sdd-about-application-grid,.sdd-about-policy-grid{grid-template-columns:minmax(0,1fr)}
  .sdd-about-application-grid>article{grid-template-columns:minmax(0,1fr)}.sdd-about-application__media{min-height:195px}
  .sdd-about-colour{padding:36px 0}.sdd-about-colour__grid{gap:26px}.sdd-about-swatch-ring{grid-template-columns:repeat(3,70px);gap:8px}.sdd-about-swatch-ring i{width:70px;height:70px;border-width:6px}.sdd-about-swatch-ring span{width:88px;height:88px;font-size:11px}
  .sdd-about-colour__copy>div{display:grid}.sdd-about-colour__copy .sdd-button{width:100%}.sdd-about-text-link{text-align:center}
  .sdd-about-cta{padding:32px 0}.sdd-about-cta .sdd-shell{gap:20px}.sdd-about-cta .sdd-shell>div:last-child{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.sdd-about-cta .sdd-button,.sdd-about-zalo{width:100%}
}
@media (max-width:420px){
  .sdd-about-hero h1{font-size:29px}.sdd-about-hero__visual figure.is-main{height:150px}.sdd-about-hero__visual figure{height:82px}.sdd-about-visual-note{top:130px;right:11px;min-width:150px}.sdd-about-intro h2,.sdd-about-section-heading h2,.sdd-about-colour h2,.sdd-about-cta h2{font-size:24px}.sdd-about-application-grid>article>div{padding:17px}
}
@media (prefers-reduced-motion:reduce){
  .sdd-about-page :is(.sdd-about-strength-grid article,.sdd-about-application-grid>article,.sdd-about-application__media img){transition:none!important;transform:none!important}
}

/* --------------------------------------------------------------------------
 * 1.7.81 — Equal-height Complaint rail with more readable workflow rows.
 * These rules only target the product Complaint panel; standalone geometry
 * is owned by Complaints 1.3.0 so other product tabs remain untouched.
 * ----------------------------------------------------------------------- */
@media (min-width:701px){
  #sdd-panel-complaint .dpco-product-tab-embed .dpco-hero{
    align-items:stretch !important;
  }
  #sdd-panel-complaint .dpco-product-tab-embed .dpco-intro-card{
    display:flex !important;
    flex-direction:column !important;
    align-self:stretch !important;
    height:100% !important;
  }
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-intro-copy{
  font-size:12.75px !important;
  line-height:1.48 !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-trust-list{
  gap:8px !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-trust-list li{
  min-height:54px !important;
  padding:9px !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-trust-list strong{
  font-size:12.5px !important;
  line-height:1.32 !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-trust-list small{
  font-size:10.75px !important;
  line-height:1.38 !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-direct-contact{
  font-size:11.5px !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-intro-card > .dpco-process{
  gap:8px !important;
  margin-top:14px !important;
  padding:9px !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process .dpco-section-head{
  gap:4px !important;
  padding:9px 10px !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process .dpco-kicker{
  font-size:10.75px !important;
  line-height:1.25 !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process .dpco-section-head h2{
  font-size:14.5px !important;
  line-height:1.3 !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process ol{
  gap:7px !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process li{
  grid-template-columns:34px minmax(0,1fr) !important;
  min-height:60px !important;
  gap:2px 8px !important;
  padding:9px 8px !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process li > span{
  width:34px !important;
  height:34px !important;
  font-size:12px !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process h3{
  font-size:13.5px !important;
  line-height:1.3 !important;
}
#sdd-panel-complaint .dpco-product-tab-embed .dpco-process li > p{
  font-size:11.5px !important;
  line-height:1.42 !important;
}

@media (max-width:700px){
  #sdd-panel-complaint .dpco-product-tab-embed .dpco-intro-card{
    height:auto !important;
  }
  #sdd-panel-complaint .dpco-product-tab-embed .dpco-intro-card > .dpco-process{
    gap:7px !important;
    margin-top:12px !important;
    padding:7px !important;
  }
  #sdd-panel-complaint .dpco-product-tab-embed .dpco-process li{
    min-height:56px !important;
    padding:8px !important;
  }
}
/* ========================================================================== 
   V6 — gold highlights for homepage trust content.
   #FFC501 is reserved for surfaces and borders. Horizontal navigation keeps
   its established #FFFA00 underline in the earlier navigation rules.
   ========================================================================== */
:root{--sdd-neon-yellow:#FFC501;--sdd-neon-yellow-hover:#DCA900}

/* The bundled official square logo keeps its full artwork and aspect ratio. */
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-mark.has-logo{
  overflow:hidden !important;
  padding:0 !important;
  border:0 !important;
  background:#fff !important;
  box-shadow:0 6px 15px rgba(23,79,152,.14) !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-mark.has-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

/* Featured projects: a self-contained 4/2/1 grid with honest visual fallbacks. */
.sdd-home-projects{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:42px 0 46px;
  border-block:0;
  background:linear-gradient(128deg,#082f66 0%,#15589a 58%,#0c417e 100%);
  color:#fff;
}
.sdd-home-projects::before,
.sdd-home-projects::after{
  position:absolute;
  z-index:-1;
  border-radius:50%;
  content:"";
  pointer-events:none;
}
.sdd-home-projects::before{
  top:-190px;
  right:-115px;
  width:430px;
  height:430px;
  border:68px solid rgba(255,197,1,.2);
}
.sdd-home-projects::after{
  bottom:-240px;
  left:-170px;
  width:430px;
  height:430px;
  background:rgba(255,255,255,.055);
  box-shadow:0 0 0 48px rgba(255,255,255,.025);
}
.sdd-home-projects>.sdd-shell{position:relative;z-index:1}
.sdd-home-project-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:end;
  margin-bottom:20px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.25);
}
.sdd-home-project-heading .sdd-home-eyebrow{
  width:max-content;
  margin-bottom:9px;
  padding:6px 12px;
  border-radius:999px;
  background:var(--sdd-neon-yellow);
  color:#103b70;
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-size:14px;
  font-weight:900;
  line-height:1.3;
  letter-spacing:.11em;
}
.sdd-home-project-heading h2{margin:0;color:#fff;font-size:clamp(30px,2.8vw,40px);line-height:1.15;text-shadow:0 2px 12px rgba(3,26,55,.24)}
.sdd-home-project-heading p{max-width:760px;margin:9px 0 0;color:rgba(255,255,255,.86);font-size:14px;line-height:1.65}
.sdd-home-project-heading .sdd-home-section-actions{padding:0}
.sdd-home-project-heading .sdd-home-section-actions>a{
  min-height:46px;
  border:1px solid var(--sdd-neon-yellow);
  background:var(--sdd-neon-yellow);
  color:#103b70;
  box-shadow:0 8px 20px rgba(3,28,60,.2);
  font-weight:850;
}
.sdd-home-project-heading .sdd-home-section-actions>a:hover,
.sdd-home-project-heading .sdd-home-section-actions>a:focus-visible{border-color:#fff;background:#fff;color:#174f98}
.sdd-home-projects .sdd-home-project-track{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  overflow:visible;
  padding:0;
  scroll-snap-type:none;
}
.sdd-home-projects .sdd-home-project-card{
  display:flex;
  min-width:0;
  min-height:100%;
  overflow:hidden;
  flex:none;
  flex-direction:column;
  border:1px solid rgba(209,225,240,.95);
  border-top:4px solid var(--sdd-neon-yellow);
  border-radius:14px;
  background:#fff;
  box-shadow:0 15px 34px rgba(2,27,60,.24);
  text-align:left;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.sdd-home-projects .sdd-home-project-card:hover,
.sdd-home-projects .sdd-home-project-card:focus-within{
  border-color:var(--sdd-neon-yellow);
  transform:translateY(-3px);
  box-shadow:0 23px 44px rgba(2,24,54,.34);
}
.sdd-home-projects .sdd-home-project-image{
  position:relative;
  display:grid;
  width:100%;
  aspect-ratio:1080/534;
  place-items:center;
  overflow:hidden;
  border-bottom:1px solid #dce7f1;
  background:#edf4fb;
}
.sdd-home-projects .sdd-home-project-image img{
  display:block;
  width:100%;
  height:100%;
  border-radius:0;
  background:#edf4fb;
  object-fit:contain;
  object-position:center;
  transition:transform .3s ease;
}
.sdd-home-projects .sdd-home-project-card.is-reference .sdd-home-project-image img{object-fit:contain}
.sdd-home-projects .sdd-home-project-card:not(.is-reference):hover .sdd-home-project-image img{transform:none}
.sdd-home-project-placeholder{
  position:relative;
  display:grid;
  width:100%;
  height:100%;
  min-height:188px;
  grid-template-columns:64px minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding:24px;
  overflow:hidden;
  background:linear-gradient(135deg,#eaf3fd 0%,#fff 58%,#fff8cf 100%);
  color:#173f70;
}
.sdd-home-project-placeholder::before{
  position:absolute;
  top:-50px;
  right:-40px;
  width:150px;
  height:150px;
  border:24px solid rgba(255,197,1,.42);
  border-radius:50%;
  content:"";
}
.sdd-home-project-placeholder::after{
  position:absolute;
  right:18px;
  bottom:15px;
  width:70px;
  height:4px;
  border-radius:4px;
  background:#174f98;
  box-shadow:0 -9px rgba(23,79,152,.18),0 -18px rgba(23,79,152,.1);
  content:"";
}
.sdd-home-project-placeholder__mark{
  position:relative;
  z-index:1;
  display:grid;
  width:64px;
  height:64px;
  place-items:center;
  border-radius:17px;
  background:linear-gradient(145deg,#0f3f7c,#1b68ad);
  color:#fff;
  font-size:20px;
  font-weight:900;
  box-shadow:inset 0 -5px var(--sdd-neon-yellow),0 10px 22px rgba(14,62,117,.22);
}
.sdd-home-project-placeholder>span:last-child{position:relative;z-index:1;display:grid;gap:4px}
.sdd-home-project-placeholder strong{color:#123b6d;font-size:14px;line-height:1.35}
.sdd-home-project-placeholder small{color:#5d7187;font-size:11px;font-weight:700;line-height:1.45}
.sdd-home-project-copy{display:flex;flex:1;flex-direction:column;padding:14px 14px 16px}
.sdd-home-project-label{width:max-content;max-width:100%;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:#fff5b8;color:#544700;font-size:9px;font-weight:900;line-height:1.25;letter-spacing:.09em}
.sdd-home-project-card h3{display:-webkit-box;min-height:64px;margin:0 0 7px;overflow:hidden;color:#123b6d;font-size:15px;line-height:1.42;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.sdd-home-project-card h3 a{display:inline;color:inherit;text-decoration:none}
.sdd-home-project-card h3 a:hover,.sdd-home-project-card h3 a:focus-visible{color:#174f98;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.sdd-home-project-copy p{display:-webkit-box;margin:0 0 12px;overflow:hidden;color:#5e7084;font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sdd-home-project-link{
  display:inline-flex !important;
  width:max-content;
  max-width:100%;
  min-height:42px;
  align-items:center;
  gap:8px;
  margin-top:auto;
  padding:0 14px;
  border:1px solid #174f98;
  border-radius:22px;
  background:#174f98;
  color:#fff !important;
  font-size:12px;
  font-weight:850;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
.sdd-home-project-link .sdd-icon{width:16px;height:16px;transition:transform .2s ease}
.sdd-home-project-link:hover,.sdd-home-project-link:focus-visible{border-color:var(--sdd-neon-yellow);background:var(--sdd-neon-yellow);color:#103b70 !important}
.sdd-home-project-link:hover .sdd-icon,.sdd-home-project-link:focus-visible .sdd-icon{transform:translateX(3px)}
.sdd-home-projects a:focus-visible{outline:3px solid var(--sdd-neon-yellow);outline-offset:3px}
.sdd-home-project-empty{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:68px minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  padding:26px;
  border:1px solid rgba(255,255,255,.5);
  border-left:6px solid var(--sdd-neon-yellow);
  border-radius:18px;
  background:rgba(255,255,255,.97);
  box-shadow:0 16px 34px rgba(2,27,60,.22);
}
.sdd-home-project-empty>span{display:grid;width:68px;height:68px;place-items:center;border-radius:17px;background:#174f98;color:#fff;font-size:20px;font-weight:900;box-shadow:inset 0 -5px var(--sdd-neon-yellow)}
.sdd-home-project-empty small{color:#174f98;font-size:9px;font-weight:900;letter-spacing:.1em}
.sdd-home-project-empty h3{margin:5px 0;color:#17375f;font-size:20px}
.sdd-home-project-empty p{margin:0;color:#617185;font-size:12.5px;line-height:1.6}
.sdd-home-project-empty>a{display:inline-flex;min-height:44px;align-items:center;gap:7px;padding:0 17px;border-radius:24px;background:var(--sdd-neon-yellow);color:#103b70;font-size:12px;font-weight:850;white-space:nowrap}
.sdd-home-project-empty>a:hover,.sdd-home-project-empty>a:focus-visible{background:#fff;color:#174f98}
.sdd-home-project-empty>a .sdd-icon{width:16px;height:16px}

/* Customers/partners: stronger identity, compact cards and a neon keyline. */
.sdd-home-partners{padding:44px 0 43px;border-top:4px solid var(--sdd-neon-yellow);background:linear-gradient(118deg,#0d3b70 0%,#175696 57%,#246cb1 100%);font-family:"Be Vietnam Pro",Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.sdd-home-partners .sdd-home-eyebrow{color:var(--sdd-neon-yellow);font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:16px;line-height:1.3;letter-spacing:.08em}
.sdd-home-partners-heading h2{position:relative;padding-bottom:10px;font-size:clamp(27px,2.55vw,35px)}
.sdd-home-partners-heading h2::after{position:absolute;bottom:0;left:0;width:74px;height:4px;border-radius:4px;background:var(--sdd-neon-yellow);content:""}
.sdd-home-partners-heading p{max-width:860px;color:rgba(255,255,255,.94);font-size:clamp(16px,1.15vw,18px);font-weight:600;line-height:1.65}
.sdd-home-partners-cta{border-color:var(--sdd-neon-yellow);background:var(--sdd-neon-yellow);color:#12375f;font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:16px;line-height:1.3}
.sdd-home-partners-cta:hover,.sdd-home-partners-cta:focus-visible{border-color:#fff;background:#fff;color:#174f98;outline-color:rgba(255,197,1,.65)}
.sdd-home-partner-grid.is-models{grid-auto-rows:1fr;gap:15px}
.sdd-home-partner-card{min-height:174px;grid-template-columns:64px minmax(0,1fr) 28px;gap:14px;padding:18px;border-color:rgba(255,255,255,.5);border-top:3px solid var(--sdd-neon-yellow);background:#fff;box-shadow:0 14px 30px rgba(3,28,62,.2)}
.sdd-home-partner-card:hover,.sdd-home-partner-card:focus-visible{border-color:var(--sdd-neon-yellow);box-shadow:0 19px 36px rgba(3,28,62,.3)}
.sdd-partner-initial{width:64px;height:64px;border-radius:16px;background:linear-gradient(145deg,#0d3b70 0%,#1763a8 100%);color:#fff;font-size:22px;font-weight:800;box-shadow:inset 0 -4px var(--sdd-neon-yellow),0 8px 17px rgba(15,70,126,.2)}
.sdd-partner-copy small{margin-bottom:5px;color:#557596;font-size:11px;font-weight:800;line-height:1.35;letter-spacing:.075em}
.sdd-partner-copy strong{color:#103d70;font-size:16px;font-weight:800;line-height:1.38}
.sdd-partner-copy>span{margin-top:6px;color:#4e637b;font-size:13px;font-weight:500;line-height:1.55;-webkit-line-clamp:3}
.sdd-partner-arrow{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--sdd-neon-yellow);color:#143d6c;font-size:17px;font-weight:800}

/* Feedback: clearer hierarchy and a shared yellow accent with the partner area. */
.sdd-home-feedback{padding:43px 0 44px;border-top:4px solid var(--sdd-neon-yellow);background:linear-gradient(180deg,#f4f9ff 0%,#eaf3fd 100%)}
.sdd-home-feedback .sdd-home-eyebrow{width:max-content;padding:5px 9px;border-radius:999px;background:var(--sdd-neon-yellow);color:#143d6c;font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:16px;line-height:1.3;letter-spacing:.08em}
.sdd-home-feedback-heading h2{position:relative;padding-bottom:10px;font-size:clamp(27px,2.55vw,35px)}
.sdd-home-feedback-heading h2::after{position:absolute;bottom:0;left:0;width:68px;height:4px;border-radius:4px;background:var(--sdd-neon-yellow);content:""}
.sdd-feedback-spotlight{border-top:4px solid var(--sdd-neon-yellow);box-shadow:0 16px 33px rgba(18,63,117,.22)}
.sdd-feedback-spotlight small{color:var(--sdd-neon-yellow)}
.sdd-feedback-spotlight>a{background:var(--sdd-neon-yellow);color:#143d6c}
.sdd-feedback-spotlight>a:hover,.sdd-feedback-spotlight>a:focus-visible{background:#fff;color:#174f98}
.sdd-home-feedback-card{border-top-color:var(--sdd-neon-yellow);box-shadow:0 12px 27px rgba(20,54,94,.1)}
.sdd-feedback-empty-icon{background:var(--sdd-neon-yellow);color:#143d6c;box-shadow:inset 0 0 0 1px rgba(20,61,108,.08)}
.sdd-feedback-empty-copy>small{color:#174f98}
.sdd-home-feedback-empty-state{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  min-height:150px;
  padding:22px 24px;
  border:1px solid #cfddea;
  border-top:4px solid var(--sdd-neon-yellow);
  border-radius:16px;
  background:#fff;
  box-shadow:0 14px 30px rgba(20,54,94,.1);
}
.sdd-home-feedback-empty-state>div{min-width:0}
.sdd-home-feedback-empty-state small{color:#174f98;font-size:9px;font-weight:900;letter-spacing:.1em}
.sdd-home-feedback-empty-state h3{margin:5px 0;color:#17375f;font-size:20px;line-height:1.3}
.sdd-home-feedback-empty-state p{max-width:760px;margin:0;color:#617185;font-size:12.5px;line-height:1.55}
.sdd-home-feedback-empty-state>a{display:inline-flex;min-height:42px;align-items:center;gap:7px;padding:0 16px;border-radius:23px;background:#174f98;color:#fff;font-size:12px;font-weight:850;white-space:nowrap}
.sdd-home-feedback-empty-state>a:hover,.sdd-home-feedback-empty-state>a:focus-visible{background:#123d78;color:#fff;outline:3px solid rgba(255,197,1,.65);outline-offset:3px}
.sdd-home-feedback-empty-state>a .sdd-icon{width:16px;height:16px}

.sdd-project-reference-cover{overflow:hidden;border:1px solid #d8e3ee;border-radius:14px;background:#eef4fa}
.sdd-project-reference-cover img{display:block;width:100%;height:auto;object-fit:contain}
.sdd-project-reference-cover figcaption{padding:8px 12px;border-top:1px solid #d8e3ee;background:#fff;color:#66788a;font-size:11px;line-height:1.45;text-align:center}
.sdd-content-hub-page .sdd-project-card-media{display:grid;place-items:center}
.sdd-content-hub-page .sdd-project-card-media.is-reference img{object-fit:contain}
.sdd-content-hub-page .sdd-project-card:hover .sdd-project-card-media.is-reference img{transform:none}
.sdd-project-card-placeholder{display:grid;place-items:center;gap:5px;color:#174f98;text-align:center}
.sdd-project-card-placeholder strong{font-size:28px;line-height:1}
.sdd-project-card-placeholder small{font-size:11px;font-weight:750}
.sdd-generic-archive .sdd-project-card>.sdd-project-card-placeholder{min-height:170px;background:#eaf1f8}
.sdd-generic-archive .sdd-project-card>img{object-fit:contain}
.sdd-generic-archive .sdd-project-card:hover>img{transform:none}

@media (max-width:1100px){
  .sdd-home-projects .sdd-home-project-track{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1180px) and (min-width:992px){
  .sdd-home-partner-grid.is-models{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991px) and (min-width:768px){
  .sdd-home-partner-grid.is-models{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .sdd-home-projects{padding:30px 0 34px}
  .sdd-home-feedback{padding:30px 0 33px}
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-block{gap:7px !important}
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-mark.has-logo{display:inline-flex !important;width:62px !important;height:62px !important;order:1 !important;flex-basis:62px !important;justify-self:center !important}
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-content{order:2 !important}
  .sdd-home-project-heading{position:relative;display:block;margin-bottom:15px;padding-bottom:14px}
  .sdd-home-project-heading>div{min-width:0}
  .sdd-home-project-heading .sdd-home-eyebrow{max-width:calc(100% - 126px)}
  .sdd-home-project-heading h2{font-size:30px}
  .sdd-home-project-heading p{font-size:13px}
  .sdd-home-project-heading .sdd-home-section-actions{position:absolute;top:0;right:0;justify-content:flex-end}
  .sdd-home-project-heading .sdd-home-section-actions>a{min-height:44px;padding-inline:13px;font-size:12px;white-space:nowrap}
  .sdd-home-project-copy{padding:14px 14px 16px}
  .sdd-home-project-empty{grid-template-columns:50px minmax(0,1fr);gap:12px;padding:16px}
  .sdd-home-project-empty>span{width:50px;height:50px;border-radius:13px;font-size:16px}
  .sdd-home-project-empty h3{font-size:16px}
  .sdd-home-project-empty>a{grid-column:1/-1;width:max-content;max-width:100%}
  .sdd-home-partners{padding:31px 0 34px}
  .sdd-home-partners-heading h2,.sdd-home-feedback-heading h2{font-size:25px}
  .sdd-home-partners-heading p{font-size:16px;line-height:1.62}
  .sdd-home-partner-card{min-height:158px;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:14px;border-top-width:3px}
  .sdd-partner-initial{width:54px;height:54px;border-radius:14px;font-size:20px}
  .sdd-partner-copy small{font-size:10px;line-height:1.35}
  .sdd-partner-copy strong,.sdd-home-partner-card strong{font-size:15px;line-height:1.38}
  .sdd-partner-copy>span{display:-webkit-box;margin-top:5px;font-size:12.5px;line-height:1.5;-webkit-line-clamp:2}
  .sdd-partner-arrow{display:none}
  .sdd-home-feedback-layout{gap:13px}
  .sdd-home-feedback-empty-state{grid-template-columns:52px minmax(0,1fr);gap:13px;min-height:0;padding:17px}
  .sdd-home-feedback-empty-state .sdd-feedback-empty-icon{width:52px;height:52px}
  .sdd-home-feedback-empty-state h3{font-size:17px}
  .sdd-home-feedback-empty-state>a{grid-column:1/-1;width:max-content;max-width:100%}
}
@media (max-width:640px){
  .sdd-home-projects .sdd-home-project-track{display:flex;gap:14px;overflow-x:auto;padding:2px 12px 12px 0;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}
  .sdd-home-projects .sdd-home-project-card{flex:0 0 min(86%,360px);scroll-snap-align:start}
  .sdd-home-projects .sdd-home-project-card h3{min-height:64px;font-size:16px;-webkit-line-clamp:3}
  .sdd-home-projects .sdd-home-project-copy p{-webkit-line-clamp:2}
  .sdd-home-project-placeholder{min-height:0}
}
@media (max-width:430px){
  .sdd-home-project-heading .sdd-home-eyebrow{font-size:12px}
  .sdd-home-project-heading h2{font-size:27px}
  .sdd-home-project-heading .sdd-home-section-actions>a{width:auto;justify-content:center}
  .sdd-home-project-placeholder{grid-template-columns:56px minmax(0,1fr);padding:20px}
  .sdd-home-project-placeholder__mark{width:56px;height:56px;border-radius:15px;font-size:18px}
  .sdd-home-partner-grid.is-models{grid-template-columns:1fr}
  .sdd-home-partner-card{grid-template-columns:52px minmax(0,1fr);min-height:132px;gap:12px;padding:13px}
  .sdd-partner-initial{width:52px;height:52px;font-size:19px}
  .sdd-partner-copy>span{display:-webkit-box;margin-top:5px;font-size:12.5px;line-height:1.5;-webkit-line-clamp:2}
}
@media (prefers-reduced-motion:reduce){
  .sdd-home-project-card,.sdd-home-project-card img,.sdd-home-project-link,.sdd-home-project-link .sdd-icon{transition:none!important;transform:none!important}
}

/* ========================================================================== 
   V7 — readable catalogue typography, wrapping breadcrumbs and project focus.
   ========================================================================== */
body.home .sdd-home-product-section .sdd-home-section-title h2{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-weight:800;
  letter-spacing:-.015em;
  text-rendering:optimizeLegibility;
}

body.home .sdd-category-blue-card span{
  font-family:"Be Vietnam Pro",Arial,sans-serif;
  font-weight:500;
  letter-spacing:0;
  text-rendering:optimizeLegibility;
}

body.home .sdd-home-section-title h2 > .sdd-home-category-title-link{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  color:inherit;
  text-decoration:none;
  text-underline-offset:.16em;
}
body.home .sdd-home-section-title h2 > .sdd-home-category-title-link:hover{
  color:var(--sdd-primary, #174f98);
  text-decoration:underline;
}
body.home .sdd-home-section-title h2 > .sdd-home-category-title-link:focus-visible{
  border-radius:4px;
  outline:3px solid rgba(255,197,1,.82);
  outline-offset:4px;
}

body.home .sdd-home-project-card.is-featured{
  border-color:var(--sdd-neon-yellow);
  box-shadow:0 20px 40px rgba(2,24,54,.32);
}
body.home .sdd-home-project-card.is-featured .sdd-home-project-label{
  background:#174f98;
  color:#fff;
  box-shadow:inset 0 -3px var(--sdd-neon-yellow);
}

@media (min-width:768px){
  .sdd-single-product-page :is(.sdd-breadcrumb-wrap,.woocommerce-breadcrumb){
    font-size:16px;
  }
  body.home .sdd-product-card .sdd-product-info .woocommerce-loop-product__title{
    min-height:47px;
    font-size:16px !important;
    line-height:1.45;
  }
  body.home .sdd-home-section-title>a,
  body.home .sdd-home-section-actions>a{
    font-size:16px;
  }
}

@media (max-width:767px){
  .sdd-single-product-page .sdd-breadcrumb-wrap{
    display:block;
    min-height:0;
    padding-block:10px;
    overflow:visible;
    white-space:normal;
  }
  .sdd-single-product-page .sdd-breadcrumb-wrap .woocommerce-breadcrumb{
    display:block;
    min-height:0;
    overflow:visible;
    color:#59677a;
    font-size:14px;
    line-height:1.6;
    overflow-wrap:anywhere;
    text-overflow:clip;
    white-space:normal;
  }
  .sdd-single-product-page .sdd-breadcrumb-wrap>:last-child{
    overflow:visible;
    text-overflow:clip;
  }
}

/* ========================================================================== 
   1.7.145 — Thẻ sản phẩm Govi-safe và hero bám đúng shell website.

   Khung vuông giữ năm thẻ bằng nhau trên desktop và hai thẻ trên mobile.
   Ảnh gốc dùng contain để không crop; một lớp cùng ảnh được làm mờ phía sau
   lấp phần dư do nguồn dọc/ngang, nên không còn dải trắng trong khung.
   ========================================================================== */
.sdd-products-grid,
.sdd-related-products ul.products{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch;
}
.sdd-shop-page .sdd-shop-content ul.products{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch;
}
.sdd-product-card,
.woocommerce ul.products > li.product.sdd-product-card{
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
  padding:5px;
  border:1px solid #e2e7ed;
  border-radius:3px;
  background:#fff;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.sdd-products-grid > .sdd-product-card,
.sdd-shop-page .sdd-shop-content ul.products > li.product.sdd-product-card,
.sdd-related-products ul.products > li.product.sdd-product-card{
  width:100% !important;
  max-width:none !important;
  flex:none !important;
}
.sdd-product-card .sdd-product-media-wrap,
.woocommerce ul.products > li.product.sdd-product-card .sdd-product-media-wrap{
  flex:0 0 auto;
}
.sdd-products-grid > .sdd-product-card .sdd-product-media,
.woocommerce ul.products > li.product.sdd-product-card .sdd-product-media,
.sdd-product-card .sdd-product-media,
:is(.wc-block-grid__products,.wp-block-woocommerce-product-template,.wc-block-product-template) :is(.wc-block-grid__product-image,.wc-block-components-product-image){
  position:relative;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:1 / 1 !important;
  display:block;
  overflow:hidden;
  isolation:isolate;
  background:#eaf0f6;
}
.sdd-products-grid > .sdd-product-card .sdd-product-media > img,
.woocommerce ul.products > li.product.sdd-product-card .sdd-product-media > img,
.sdd-product-card .sdd-product-media > img,
:is(.wc-block-grid__products,.wp-block-woocommerce-product-template,.wc-block-product-template) :is(.wc-block-grid__product-image,.wc-block-components-product-image) img{
  position:absolute;
  inset:0;
  z-index:2;
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  padding:0 !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center !important;
}
.sdd-product-media .sdd-product-media-backdrop{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  overflow:hidden;
  background:#eaf0f6;
}
.sdd-product-media .sdd-product-media-backdrop::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(234,240,246,.34);
}
.sdd-products-grid > .sdd-product-card .sdd-product-media .sdd-product-media-backdrop img,
.woocommerce ul.products > li.product.sdd-product-card .sdd-product-media .sdd-product-media-backdrop img,
.sdd-product-card .sdd-product-media .sdd-product-media-backdrop img{
  position:absolute;
  inset:-8%;
  display:block;
  width:116% !important;
  height:116% !important;
  max-width:none !important;
  max-height:none !important;
  padding:0 !important;
  margin:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  filter:blur(13px) saturate(.82);
  opacity:.48;
  transform:scale(1.04) !important;
}
.sdd-product-card:hover .sdd-product-media > img,
.sdd-product-card:focus-within .sdd-product-media > img{
  transform:none !important;
}
.sdd-product-card .sdd-product-info,
.woocommerce ul.products > li.product.sdd-product-card .sdd-product-info,
.sdd-shop-page .sdd-shop-content .sdd-product-info{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  padding:8px;
}
.sdd-product-card .sdd-product-info :is(h2,h3),
.woocommerce ul.products > li.product.sdd-product-card .woocommerce-loop-product__title,
.sdd-shop-page .sdd-shop-content ul.products li.product .woocommerce-loop-product__title{
  min-height:2.8em;
  margin:0 0 4px !important;
  line-height:1.4;
  -webkit-line-clamp:2;
}
.sdd-product-card .sdd-price,
.woocommerce ul.products > li.product.sdd-product-card .price,
.sdd-shop-page .sdd-shop-content ul.products li.product .price{
  min-height:34px;
  margin:0 0 3px !important;
}
.sdd-product-card .sdd-product-card-bottom,
.sdd-product-card .sdd-card-meta,
.woocommerce ul.products > li.product.sdd-product-card .sdd-product-card-bottom{
  margin-top:auto;
}

body.home .sdd-home-products-top{
  padding:14px 0 18px;
}
body.home .sdd-home-product-section{
  padding:18px 0 19px;
}
body.home :is(.sdd-home-tabs,.sdd-home-section-title){
  margin-bottom:9px;
}
body.home .sdd-home-inline-banner{
  margin-top:14px;
}

/* 1.7.144: Govi-proportioned homepage category gallery without CSS letterbox. */
body.home .sdd-category-blue{
  padding:40px 0 20px;
}
body.home .sdd-category-blue > .sdd-shell{
  position:relative;
}
body.home .sdd-category-blue-head{
  display:block;
  margin-bottom:24px;
}
body.home .sdd-category-blue-head h2{
  font-size:48px;
  font-weight:800;
  line-height:58px;
}
body.home .sdd-category-blue-head p{
  margin:0;
  font-size:22px;
  font-weight:400;
  line-height:58px;
}
body.home .sdd-category-desktop-page{
  gap:30px 40px;
}
body.home .sdd-category-blue-card{
  display:flex;
  flex-direction:column;
  align-items:center;
}
body.home .sdd-category-blue-card img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  aspect-ratio:50 / 33;
  border:1px solid rgba(255,255,255,.96);
  border-radius:16px;
  object-fit:cover;
  object-position:100% 50%;
  background:transparent;
}
body.home .sdd-category-blue-card span{
  width:100%;
  min-height:20px;
  margin-top:12px;
  font-size:14px;
  font-weight:500;
  line-height:20px;
}
body.home .sdd-category-arrows{
  position:absolute;
  top:65px;
  right:0;
  gap:10px;
}
body.home .sdd-category-arrows button{
  width:40px;
  height:40px;
  box-shadow:none;
}
body.home .sdd-category-blue-card:focus-visible,
body.home .sdd-category-arrows button:focus-visible{
  outline:3px solid #ffc501;
  outline-offset:3px;
}

@media (min-width:768px) and (max-width:991px){
  .sdd-products-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
  }
}

@media (min-width:992px) and (max-width:1199px){
  .sdd-related-products ul.products{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media (min-width:768px) and (max-width:991px){
  .sdd-related-products ul.products{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width:767px){
  .sdd-products-grid,
  .sdd-shop-page .sdd-shop-content ul.products,
  .sdd-related-products ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:20px !important;
  }
  body.home :is(.sdd-home-products-top,.sdd-home-product-section) > .sdd-shell{
    width:calc(100% - 30px);
  }
  .sdd-product-card .sdd-product-info,
  .woocommerce ul.products > li.product.sdd-product-card .sdd-product-info,
  .sdd-shop-page .sdd-shop-content .sdd-product-info{
    padding:8px 2px;
  }
  .sdd-product-card .sdd-product-info :is(h2,h3),
  .woocommerce ul.products > li.product.sdd-product-card .woocommerce-loop-product__title,
  .sdd-shop-page .sdd-shop-content ul.products li.product .woocommerce-loop-product__title{
    min-height:2.8em;
    margin-bottom:4px !important;
    line-height:1.4;
    -webkit-line-clamp:2;
  }
  .sdd-product-card .sdd-price,
  .woocommerce ul.products > li.product.sdd-product-card .price,
  .sdd-shop-page .sdd-shop-content ul.products li.product .price{
    min-height:34px;
    margin-bottom:3px !important;
  }
  body.home .sdd-home-products-top{
    padding:12px 0 14px;
  }
  body.home .sdd-home-product-section{
    padding:14px 0 16px;
  }
  body.home .sdd-home-tabs,
  body.home .sdd-home-section-title{
    margin-bottom:8px;
  }
  body.home .sdd-home-section-title{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:6px 10px;
  }
  body.home .sdd-home-section-title > div{
    min-width:0;
  }
  body.home .sdd-home-section-title h2{
    font-size:20px;
    line-height:1.3;
  }
  body.home .sdd-home-subnav{
    max-width:100%;
    gap:7px;
    margin-top:2px;
  }
  body.home .sdd-home-section-title > a{
    min-height:32px;
    align-items:center;
    font-size:12px;
    white-space:nowrap;
  }
  body.home .sdd-home-inline-banner{
    margin-top:12px;
  }
  body.home .sdd-category-blue{
    padding:20px 0;
  }
  body.home .sdd-category-blue > .sdd-shell{
    width:calc(100% - 30px);
  }
  body.home .sdd-category-blue-head{
    margin-bottom:16px;
  }
  body.home .sdd-category-blue-head h2{
    font-size:32px;
    line-height:40px;
  }
  body.home .sdd-category-blue-head p{
    margin:0;
    font-size:18px;
    line-height:40px;
  }
  body.home .sdd-category-mobile-page{
    gap:20px 12px;
  }
  body.home .sdd-category-blue-card img{
    width:min(100px,100%);
    margin-inline:auto;
    aspect-ratio:25 / 17;
    border-radius:6px;
  }
  body.home .sdd-category-blue-card span{
    display:-webkit-box;
    min-height:32px;
    margin-top:8px;
    overflow:hidden;
    font-size:12px;
    line-height:16px;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  body.home .sdd-category-arrows{
    position:static;
    justify-content:flex-end;
    margin-top:18px;
  }
}

/* ========================================================================== 
   1.7.104 — Tuyển dụng: hero gọn, xanh khỏe và nút hành động rõ ràng.
   ========================================================================== */
.sdd-jobs-page{
  --sdd-jobs-yellow:#FFC501;
  --sdd-jobs-blue:#174F98;
  --sdd-jobs-blue-dark:#082F60;
}
.sdd-jobs-page .sdd-jobs-hero-v2{
  border-bottom:3px solid var(--sdd-jobs-yellow);
  background:linear-gradient(110deg,#082F60 0%,#0D4382 54%,#155FA7 100%);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.12);
}
.sdd-jobs-page .sdd-jobs-hero-v2::before,
.sdd-jobs-page .sdd-jobs-hero-v2::after{display:none}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-hero__grid{
  min-height:250px;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
  gap:32px;
  padding-block:24px;
}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-hero__copy{max-width:790px}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-kicker{
  color:var(--sdd-jobs-yellow);
  font-size:13px;
  font-weight:800;
}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-kicker::before{width:22px}
.sdd-jobs-page .sdd-jobs-hero-v2 h1{
  max-width:780px;
  margin:7px 0;
  color:#fff;
  font-size:clamp(28px,2.8vw,38px);
  font-weight:800;
  line-height:1.23;
  letter-spacing:-.02em;
}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-hero__copy>p{
  max-width:740px;
  color:rgba(255,255,255,.92);
  font-size:14px;
  font-weight:500;
  line-height:1.58;
}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-actions{gap:10px;margin-top:17px}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-button{
  min-height:48px;
  padding:9px 18px;
  border-width:2px;
  border-radius:8px;
  font-size:16px;
  font-weight:800;
  letter-spacing:.005em;
  box-shadow:0 9px 20px rgba(2,20,45,.26);
}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-button.is-orange{
  border-color:var(--sdd-jobs-yellow);
  background:var(--sdd-jobs-yellow);
  color:#0B2C52;
  box-shadow:0 9px 22px rgba(255,197,1,.25);
}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-button.is-orange:is(:hover,:focus-visible){
  border-color:#FFD33D;
  background:#FFD33D;
  color:#0B2C52;
}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-button.is-secondary{
  border-color:var(--sdd-jobs-yellow);
  background:var(--sdd-jobs-blue-dark);
  color:#fff;
  text-shadow:0 1px 1px rgba(0,0,0,.16);
}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-button.is-secondary:is(:hover,:focus-visible){
  border-color:#fff;
  background:#061F41;
  color:#fff;
}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-button:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
  box-shadow:0 0 0 6px var(--sdd-jobs-blue-dark);
}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-proof{
  border-color:rgba(255,255,255,.25);
  border-radius:12px;
  background:rgba(3,28,61,.56);
  box-shadow:0 12px 28px rgba(2,20,45,.27);
  backdrop-filter:none;
}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-proof>div{grid-template-columns:38px minmax(0,1fr);gap:0 11px;padding:10px 14px}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-proof>div>span{width:38px;height:38px}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-proof strong{font-size:14px;font-weight:800}
.sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-proof small{font-size:11.5px}
.sdd-jobs-page .sdd-job-filter button{
  border:1px solid var(--sdd-jobs-blue);
  background:linear-gradient(135deg,var(--sdd-jobs-blue),var(--sdd-jobs-blue-dark));
  color:#fff;
  box-shadow:0 9px 21px rgba(11,59,117,.25);
}
.sdd-jobs-page .sdd-job-filter button:is(:hover,:focus-visible){
  background:#082F60;
  box-shadow:0 13px 25px rgba(11,59,117,.32);
  filter:none;
}
.sdd-jobs-page .sdd-job-filter button:focus-visible{
  outline:3px solid rgba(255,197,1,.72);
  outline-offset:3px;
}
.sdd-jobs-page #vi-tri-dang-tuyen.sdd-content-section{padding:32px 0 40px}
.sdd-jobs-page #vi-tri-dang-tuyen .sdd-content-breadcrumb{margin-bottom:14px}
.sdd-jobs-page #vi-tri-dang-tuyen .sdd-content-section__head{margin-bottom:18px}

@media (max-width:991px){
  .sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-hero__grid{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
    padding-block:22px;
  }
}
@media (max-width:767px){
  .sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-hero__grid{gap:14px;padding-block:18px}
  .sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-kicker{font-size:12px}
  .sdd-jobs-page .sdd-jobs-hero-v2 h1{font-size:25px;line-height:1.32}
  .sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-proof{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-proof>div{
    grid-template-columns:minmax(0,1fr);
    justify-items:center;
    gap:5px;
    padding:9px 6px;
    border-right:1px solid rgba(255,255,255,.15);
    border-bottom:0;
    text-align:center;
  }
  .sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-proof>div:last-child{border-right:0}
  .sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-proof>div>span{grid-row:auto;width:32px;height:32px}
  .sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-proof strong{align-self:start;font-size:11.5px;line-height:1.35}
  .sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-proof small{display:none}
  .sdd-jobs-page .sdd-job-filter :is(input,select){height:46px;font-size:16px}
  .sdd-jobs-page .sdd-job-filter button{height:46px;font-size:15px}
  .sdd-jobs-page #vi-tri-dang-tuyen.sdd-content-section{padding:24px 0 30px}
}
@media (max-width:520px){
  .sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
  .sdd-jobs-page .sdd-jobs-hero-v2 .sdd-content-button{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .sdd-jobs-page .sdd-job-filter button{transition:none!important;transform:none!important}
}

/* ========================================================================== 
   1.7.105 — CTA Dự án: đúng xanh thương hiệu, vàng mẫu và chữ rõ hơn.
   ========================================================================== */
.sdd-project-detail-page .sdd-project-detail-aside .sdd-content-button.is-orange{
  min-height:48px;
  padding:10px 16px;
  border:2px solid var(--sdd-project-blue);
  background:linear-gradient(135deg,var(--sdd-project-blue),var(--sdd-project-blue-dark));
  color:#fff;
  font-size:16px;
  font-weight:800;
  letter-spacing:.005em;
  text-shadow:0 1px 1px rgba(0,0,0,.15);
  box-shadow:0 10px 23px rgba(12,57,113,.24);
}
.sdd-project-detail-page .sdd-project-detail-aside .sdd-content-button.is-orange:is(:hover,:focus-visible){
  border-color:var(--sdd-project-blue-dark);
  background:var(--sdd-project-blue-dark);
  color:#fff;
  box-shadow:0 13px 27px rgba(12,57,113,.31);
}
.sdd-project-detail-page .sdd-project-detail-aside .sdd-content-button.is-orange:focus-visible{
  outline:3px solid #0B2C52;
  outline-offset:3px;
}

.sdd-projects-page>.sdd-content-cta{
  --sdd-projects-cta-yellow:#FFC501;
  border-top:3px solid var(--sdd-projects-cta-yellow);
  background:linear-gradient(110deg,#0B3B75 0%,#174F98 62%,#2468AA 100%);
}
.sdd-projects-page>.sdd-content-cta .sdd-content-kicker{
  color:var(--sdd-projects-cta-yellow);
  font-weight:800;
}
.sdd-projects-page>.sdd-content-cta .sdd-content-button.is-orange{
  min-height:48px;
  padding:10px 20px;
  border:2px solid var(--sdd-projects-cta-yellow);
  background:var(--sdd-projects-cta-yellow);
  color:#0B2C52;
  font-size:16px;
  font-weight:800;
  letter-spacing:.005em;
  text-shadow:none;
  box-shadow:0 10px 24px rgba(255,197,1,.25);
}
.sdd-projects-page>.sdd-content-cta .sdd-content-button.is-orange:is(:hover,:focus-visible){
  border-color:#FFD33D;
  background:#FFD33D;
  color:#0B2C52;
  box-shadow:0 13px 28px rgba(255,197,1,.31);
}
.sdd-projects-page>.sdd-content-cta .sdd-content-button.is-orange:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}

.sdd-project-detail-page .sdd-project-related .sdd-content-section__head>.sdd-content-button.is-primary{
  min-height:48px;
  padding:10px 20px;
  border:2px solid var(--sdd-project-blue);
  background:linear-gradient(135deg,var(--sdd-project-blue),var(--sdd-project-blue-dark));
  color:#fff;
  font-size:16px;
  font-weight:800;
  letter-spacing:.005em;
  box-shadow:0 10px 24px rgba(12,57,113,.23);
}
.sdd-project-detail-page .sdd-project-related .sdd-content-section__head>.sdd-content-button.is-primary:is(:hover,:focus-visible){
  border-color:var(--sdd-project-blue-dark);
  background:var(--sdd-project-blue-dark);
  color:#fff;
  box-shadow:0 14px 30px rgba(12,57,113,.31);
}
.sdd-project-detail-page .sdd-project-related .sdd-content-section__head>.sdd-content-button.is-primary:focus-visible{
  outline:3px solid #0B2C52;
  outline-offset:3px;
}

@media (min-width:768px) and (max-width:1050px), (max-width:360px){
  .sdd-project-detail-page .sdd-project-detail-aside .sdd-content-button.is-orange{
    padding-inline:9px;
    font-size:14px;
  }
}

@media (prefers-reduced-motion:reduce){
  .sdd-project-detail-page .sdd-project-detail-aside .sdd-content-button.is-orange,
  .sdd-projects-page>.sdd-content-cta .sdd-content-button.is-orange,
  .sdd-project-detail-page .sdd-project-related .sdd-content-section__head>.sdd-content-button.is-primary{
    transition:none!important;
    transform:none!important;
  }
}

/* ========================================================================== 
   1.7.106 — Ứng tuyển: hero xanh gọn, CTA vàng/xanh và nút gửi rõ hơn.
   ========================================================================== */
.sdd-application-page{
  --sdd-application-yellow:#FFC501;
  --sdd-application-blue:#174F98;
  --sdd-application-blue-dark:#082F60;
}
.sdd-application-page .sdd-application-hero{
  border-bottom:3px solid var(--sdd-application-yellow);
  background:linear-gradient(110deg,#082F60 0%,#0D4382 54%,#155FA7 100%);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.12);
}
.sdd-application-page .sdd-application-hero::before,
.sdd-application-page .sdd-application-hero::after{display:none}
.sdd-application-page .sdd-application-hero .sdd-content-hero__grid{
  min-height:230px;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
  gap:32px;
  padding-block:24px;
}
.sdd-application-page .sdd-application-hero .sdd-content-hero__copy{max-width:790px}
.sdd-application-page .sdd-application-hero .sdd-content-kicker{
  color:var(--sdd-application-yellow);
  font-size:13px;
  font-weight:800;
}
.sdd-application-page .sdd-application-hero .sdd-content-kicker::before{width:22px}
.sdd-application-page .sdd-application-hero h1{
  max-width:780px;
  margin:7px 0;
  color:#fff;
  font-size:18px;
  font-weight:800;
  line-height:1.45;
  letter-spacing:.005em;
  text-shadow:0 1px 1px rgba(0,0,0,.16);
}
.sdd-application-page .sdd-application-hero .sdd-content-hero__copy>p{
  max-width:740px;
  color:rgba(255,255,255,.92);
  font-size:14px;
  font-weight:500;
  line-height:1.58;
}
.sdd-application-page .sdd-application-hero .sdd-content-actions{gap:10px;margin-top:17px}
.sdd-application-page .sdd-application-hero .sdd-content-button{
  min-height:48px;
  padding:9px 18px;
  border-width:2px;
  border-radius:8px;
  font-size:16px;
  font-weight:800;
  letter-spacing:.005em;
  box-shadow:0 9px 20px rgba(2,20,45,.26);
}
.sdd-application-page .sdd-application-hero .sdd-content-button.is-orange{
  border-color:var(--sdd-application-yellow);
  background:var(--sdd-application-yellow);
  color:#0B2C52;
  text-shadow:none;
  box-shadow:0 9px 22px rgba(255,197,1,.25);
}
.sdd-application-page .sdd-application-hero .sdd-content-button.is-orange:is(:hover,:focus-visible){
  border-color:#FFD33D;
  background:#FFD33D;
  color:#0B2C52;
}
.sdd-application-page .sdd-application-hero .sdd-content-button.is-secondary{
  border-color:var(--sdd-application-yellow);
  background:var(--sdd-application-blue-dark);
  color:#fff;
  text-shadow:0 1px 1px rgba(0,0,0,.16);
  box-shadow:0 9px 22px rgba(2,20,45,.3);
}
.sdd-application-page .sdd-application-hero .sdd-content-button.is-secondary:is(:hover,:focus-visible){
  border-color:#fff;
  background:#061F41;
  color:#fff;
}
.sdd-application-page .sdd-application-hero .sdd-content-button:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
  box-shadow:0 0 0 6px var(--sdd-application-blue-dark);
}
.sdd-application-page .sdd-application-hero .sdd-content-proof{
  border-color:rgba(255,255,255,.25);
  border-radius:12px;
  background:rgba(3,28,61,.56);
  box-shadow:0 12px 28px rgba(2,20,45,.27);
  backdrop-filter:none;
}
.sdd-application-page .sdd-application-hero .sdd-content-proof>div{
  grid-template-columns:38px minmax(0,1fr);
  gap:0 11px;
  padding:10px 14px;
}
.sdd-application-page .sdd-application-hero .sdd-content-proof>div>span{width:38px;height:38px}
.sdd-application-page .sdd-application-hero .sdd-content-proof strong{font-size:14px;font-weight:800}
.sdd-application-page .sdd-application-hero .sdd-content-proof small{font-size:11.5px}

.sdd-application-page .decor-application-submit button{
  flex:0 0 auto;
  min-height:50px;
  gap:18px;
  padding:0 22px;
  border:2px solid var(--sdd-application-blue);
  border-radius:10px;
  background:linear-gradient(135deg,var(--sdd-application-blue),var(--sdd-application-blue-dark));
  color:#fff!important;
  font-size:14px;
  font-weight:800;
  letter-spacing:.025em;
  white-space:nowrap;
  text-shadow:0 1px 1px rgba(0,0,0,.16);
  box-shadow:0 11px 26px rgba(8,47,96,.3);
}
.sdd-application-page .decor-application-submit button:hover{
  border-color:var(--sdd-application-blue-dark);
  background:var(--sdd-application-blue-dark);
  color:#fff!important;
  transform:translateY(-2px);
  box-shadow:0 15px 30px rgba(8,47,96,.38);
  filter:none;
}
.sdd-application-page .decor-application-submit button:focus-visible{
  outline:3px solid var(--sdd-application-blue-dark);
  outline-offset:3px;
}
.sdd-application-page .decor-application-submit button:disabled{
  opacity:.68;
  transform:none;
  filter:none;
}
.sdd-application-page .decor-application-submit button i{color:#fff}

@media (max-width:991px){
  .sdd-application-page .sdd-application-hero .sdd-content-hero__grid{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
    padding-block:22px;
  }
}
@media (max-width:767px){
  .sdd-application-page .sdd-application-hero .sdd-content-hero__grid{gap:14px;padding-block:18px}
  .sdd-application-page .sdd-application-hero .sdd-content-kicker{font-size:12px}
  .sdd-application-page .sdd-application-hero h1{font-size:18px;line-height:1.45}
  .sdd-application-page .sdd-application-hero .sdd-content-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
  .sdd-application-page .sdd-application-hero .sdd-content-button{width:100%}
  .sdd-application-page .sdd-application-hero .sdd-content-proof{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sdd-application-page .sdd-application-hero .sdd-content-proof>div{
    grid-template-columns:minmax(0,1fr);
    justify-items:center;
    gap:5px;
    padding:9px 6px;
    border-right:1px solid rgba(255,255,255,.15);
    border-bottom:0;
    text-align:center;
  }
  .sdd-application-page .sdd-application-hero .sdd-content-proof>div:last-child{border-right:0}
  .sdd-application-page .sdd-application-hero .sdd-content-proof>div>span{grid-row:auto;width:32px;height:32px}
  .sdd-application-page .sdd-application-hero .sdd-content-proof strong{align-self:start;font-size:11.5px;line-height:1.35}
  .sdd-application-page .sdd-application-hero .sdd-content-proof small{display:none}
}
@media (max-width:420px){
  .sdd-application-page .decor-application-submit button{
    gap:10px;
    padding-inline:14px;
    font-size:14px;
  }
}
@media (prefers-reduced-motion:reduce){
  .sdd-application-page .sdd-application-hero .sdd-content-button,
  .sdd-application-page .decor-application-submit button{
    transition:none!important;
    transform:none!important;
  }
}

/* 1.7.107: stronger, application-only privacy proof cards. */
.sdd-application-page .sdd-application-hero .sdd-content-proof{
  gap:4px;
  padding:4px;
  border:2px solid #FFC501;
  background:rgba(3,28,61,.78);
  box-shadow:0 15px 34px rgba(2,20,45,.34);
}
.sdd-application-page .sdd-application-hero .sdd-content-proof>div,
.sdd-application-page .sdd-application-hero .sdd-content-proof>div:last-child{
  min-width:0;
  padding:8px 12px;
  border:1px solid #FFC501;
  border-radius:9px;
  background:linear-gradient(135deg,#174F98,#082F60);
  box-shadow:0 7px 16px rgba(2,20,45,.22);
}
.sdd-application-page .sdd-application-hero .sdd-content-proof>div>span{
  border:1px solid #FFD33D;
  background:#FFC501;
  color:#0B2C52;
}
.sdd-application-page .sdd-application-hero .sdd-content-proof strong{
  color:#fff;
  font-weight:800;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}
.sdd-application-page .sdd-application-hero .sdd-content-proof small{
  color:rgba(255,255,255,.88);
  font-weight:500;
}
@media (max-width:767px){
  .sdd-application-page .sdd-application-hero .sdd-content-proof{
    gap:6px;
    padding:6px;
  }
  .sdd-application-page .sdd-application-hero .sdd-content-proof>div,
  .sdd-application-page .sdd-application-hero .sdd-content-proof>div:last-child{
    padding:8px 5px;
    border:1px solid #FFC501;
    border-radius:8px;
  }
  .sdd-application-page .sdd-application-hero .sdd-content-proof strong{
    font-size:11.5px;
    font-weight:800;
    line-height:1.35;
  }
}

/* 1.7.113: every visible project gets a full-width, intrinsic-ratio banner. */
.sdd-project-detail-banner.has-fluid-artwork .sdd-project-detail-banner__frame{
  display:block;
  aspect-ratio:auto;
}
.sdd-project-detail-banner.has-fluid-artwork .sdd-project-detail-banner__frame img{
  position:static;
  inset:auto;
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
}
.sdd-project-detail-banner.is-generated .sdd-project-detail-banner__frame{
  isolation:isolate;
  aspect-ratio:5001/1043;
  background:linear-gradient(112deg,#082F60 0%,#174F98 62%,#216BBC 100%);
}
.sdd-project-detail-banner.is-generated .sdd-project-detail-banner__frame::before,
.sdd-project-detail-banner.is-generated .sdd-project-detail-banner__frame::after{
  position:absolute;
  z-index:-1;
  border:42px solid rgba(255,255,255,.07);
  border-radius:50%;
  content:"";
}
.sdd-project-detail-banner.is-generated .sdd-project-detail-banner__frame::before{
  right:9%;
  bottom:-145%;
  width:46%;
  aspect-ratio:1;
}
.sdd-project-detail-banner.is-generated .sdd-project-detail-banner__frame::after{
  right:-8%;
  top:-155%;
  width:34%;
  aspect-ratio:1;
}
.sdd-project-detail-banner__generated{
  position:absolute;
  inset:0;
  display:grid;
  align-content:center;
  gap:7px;
  padding:clamp(20px,3vw,42px);
  color:#fff;
}
.sdd-project-detail-banner__generated>span{
  display:flex;
  align-items:center;
  gap:10px;
  color:#FFC501;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
}
.sdd-project-detail-banner__generated>span::before{
  width:24px;
  height:3px;
  border-radius:5px;
  background:#FFC501;
  content:"";
}
.sdd-project-detail-banner__generated>strong{
  max-width:75%;
  color:#fff;
  font-size:clamp(20px,2.35vw,32px);
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.02em;
}
.sdd-project-detail-banner__generated>small{
  color:rgba(255,255,255,.8);
  font-size:13px;
  font-weight:600;
}
@media (max-width:767px){
  .sdd-project-detail-banner.has-fluid-artwork .sdd-project-detail-banner__frame{
    aspect-ratio:auto;
  }
  .sdd-project-detail-banner.has-fluid-artwork .sdd-project-detail-banner__frame img{
    position:static;
    width:100%;
    height:auto;
    max-height:none;
  }
  .sdd-project-detail-banner.is-generated .sdd-project-detail-banner__frame{
    aspect-ratio:1080/534;
  }
  .sdd-project-detail-banner.is-generated .sdd-project-detail-banner__frame::before,
  .sdd-project-detail-banner.is-generated .sdd-project-detail-banner__frame::after{
    border-width:26px;
  }
  .sdd-project-detail-banner__generated{
    gap:5px;
    padding:18px;
  }
  .sdd-project-detail-banner__generated>span{
    font-size:10px;
    letter-spacing:.085em;
  }
  .sdd-project-detail-banner__generated>strong{
    max-width:90%;
    font-size:17px;
    line-height:1.3;
  }
  .sdd-project-detail-banner__generated>small{
    font-size:11px;
  }
}

/* 1.7.108: stronger RAL guidance and consultation action. */
.sdd-tech-ral-page{
  --sdd-ral-yellow:#FFC501;
  --sdd-ral-blue:#174F98;
  --sdd-ral-blue-deep:#082F60;
  --sdd-ral-ink:#0B2C52;
}
.sdd-tech-ral-page .sdd-tech-resource-kicker{
  color:var(--sdd-ral-yellow);
  font-size:18px;
  font-weight:900;
  letter-spacing:.075em;
  line-height:1.35;
  text-shadow:0 1px 2px rgba(0,0,0,.2);
}
.sdd-tech-ral-page .sdd-tech-ral-intro .sdd-tech-kicker{
  color:var(--sdd-ral-blue);
  font-size:18px;
  font-weight:900;
  letter-spacing:.075em;
  line-height:1.35;
}
.sdd-tech-ral-page .sdd-tech-ral-intro p{
  max-width:780px;
  color:#314D6B;
  font-size:16px;
  font-weight:600;
  line-height:1.65;
}
.sdd-tech-ral-page .sdd-tech-ral-note{
  gap:18px;
  padding:18px 20px;
  border:1px solid #AFCBE8;
  border-left:4px solid var(--sdd-ral-yellow);
  background:linear-gradient(135deg,#F5FAFF,#EAF4FF);
  box-shadow:0 9px 24px rgba(23,79,152,.1);
}
.sdd-tech-ral-page .sdd-tech-ral-note strong{
  color:var(--sdd-ral-blue-deep);
  font-size:16px;
  font-weight:900;
}
.sdd-tech-ral-page .sdd-tech-ral-note p{
  color:#294A6C;
  font-size:16px;
  font-weight:600;
  line-height:1.65;
}
.sdd-tech-ral-page .sdd-tech-ral-note a{
  min-height:50px;
  justify-content:center;
  gap:9px;
  padding:0 22px;
  border:2px solid var(--sdd-ral-yellow);
  border-radius:10px;
  background:linear-gradient(135deg,var(--sdd-ral-blue),var(--sdd-ral-blue-deep));
  color:#fff;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  text-shadow:0 1px 1px rgba(0,0,0,.16);
  box-shadow:0 10px 24px rgba(8,47,96,.28);
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.sdd-tech-ral-page .sdd-tech-ral-note a span{
  font-size:19px;
  line-height:1;
}
.sdd-tech-ral-page .sdd-tech-ral-note a:is(:hover,:focus-visible){
  border-color:var(--sdd-ral-yellow);
  background:var(--sdd-ral-blue-deep);
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(8,47,96,.36);
}
.sdd-tech-ral-page .sdd-tech-ral-note a:focus-visible{
  outline:3px solid var(--sdd-ral-blue-deep);
  outline-offset:3px;
}
@media (max-width:767px){
  .sdd-tech-ral-page .sdd-tech-resource-kicker,
  .sdd-tech-ral-page .sdd-tech-ral-intro .sdd-tech-kicker{
    font-size:18px;
    letter-spacing:.055em;
  }
  .sdd-tech-ral-page .sdd-tech-ral-intro p,
  .sdd-tech-ral-page .sdd-tech-ral-note p{
    font-size:16px;
  }
  .sdd-tech-ral-page .sdd-tech-ral-note{
    gap:9px;
    padding:16px;
  }
  .sdd-tech-ral-page .sdd-tech-ral-note a{
    width:100%;
    min-height:50px;
    margin-top:4px;
  }
}
@media (max-width:380px){
  .sdd-tech-ral-page .sdd-tech-resource-kicker{
    letter-spacing:.035em;
  }
}
@media (prefers-reduced-motion:reduce){
  .sdd-tech-ral-page .sdd-tech-ral-note a{
    transition:none!important;
  }
  .sdd-tech-ral-page .sdd-tech-ral-note a:is(:hover,:focus-visible){
    transform:none!important;
  }
}

/* 1.7.112: calmer, airier application privacy proof. */
.sdd-application-page .sdd-application-hero .sdd-content-proof{
  grid-template-columns:minmax(0,1fr);
  gap:0;
  padding:8px 12px 8px 14px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:15px;
  background:rgba(3,28,61,.58);
  box-shadow:inset 3px 0 0 #FFC501,0 14px 30px rgba(2,20,45,.24);
}
.sdd-application-page .sdd-application-hero .sdd-content-proof>div,
.sdd-application-page .sdd-application-hero .sdd-content-proof>div:last-child{
  min-width:0;
  grid-template-columns:38px minmax(0,1fr);
  justify-items:stretch;
  gap:1px 12px;
  padding:11px 8px;
  border:0;
  border-right:0;
  border-bottom:1px solid rgba(255,255,255,.14);
  border-radius:0;
  background:transparent;
  text-align:left;
  box-shadow:none;
}
.sdd-application-page .sdd-application-hero .sdd-content-proof>div:last-child{
  border-bottom:0;
}
.sdd-application-page .sdd-application-hero .sdd-content-proof>div>span{
  grid-row:1/3;
  width:38px;
  height:38px;
  border:0;
  background:#FFC501;
  color:#0B2C52;
  box-shadow:0 6px 14px rgba(255,197,1,.16);
}
.sdd-application-page .sdd-application-hero .sdd-content-proof strong{
  align-self:end;
  color:#fff;
  font-size:15px;
  font-weight:800;
  line-height:1.35;
  text-shadow:0 1px 1px rgba(0,0,0,.16);
}
.sdd-application-page .sdd-application-hero .sdd-content-proof small{
  display:block;
  align-self:start;
  color:rgba(255,255,255,.82);
  font-size:12px;
  font-weight:500;
  line-height:1.45;
}
@media (max-width:767px){
  .sdd-application-page .sdd-application-hero .sdd-content-proof{
    grid-template-columns:minmax(0,1fr);
    gap:0;
    padding:7px 10px 7px 13px;
    border:1px solid rgba(255,255,255,.2);
  }
  .sdd-application-page .sdd-application-hero .sdd-content-proof>div,
  .sdd-application-page .sdd-application-hero .sdd-content-proof>div:last-child{
    grid-template-columns:36px minmax(0,1fr);
    justify-items:stretch;
    gap:1px 10px;
    padding:9px 7px;
    border:0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.14);
    border-radius:0;
    text-align:left;
  }
  .sdd-application-page .sdd-application-hero .sdd-content-proof>div:last-child{
    border-bottom:0;
  }
  .sdd-application-page .sdd-application-hero .sdd-content-proof>div>span{
    grid-row:1/3;
    width:36px;
    height:36px;
  }
  .sdd-application-page .sdd-application-hero .sdd-content-proof strong{
    align-self:end;
    font-size:14px;
    line-height:1.35;
  }
  .sdd-application-page .sdd-application-hero .sdd-content-proof small{
    display:block;
    font-size:12px;
  }
}

/* Project detail banners · intrinsic mobile artwork flow · refined 1.7.116. */
@media (max-width:767px){
  .sdd-project-detail-banner.has-responsive-artwork .sdd-project-detail-banner__frame{
    display:block;
    aspect-ratio:auto;
  }
  .sdd-project-detail-banner.has-responsive-artwork .sdd-project-detail-banner__frame>picture{
    position:static;
    inset:auto;
    display:block;
    width:100%;
    height:auto;
  }
  .sdd-project-detail-banner.has-responsive-artwork .sdd-project-detail-banner__frame img{
    position:static;
    inset:auto;
    display:block;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:center;
  }
}

/* Distribution and solutions CTAs · scoped yellow emphasis · refined 1.7.117. */
.sdd-distribution-page,
.sdd-solutions-page{
  --sdd-business-yellow:#FFC501;
  --sdd-business-yellow-hover:#e5b100;
}
.sdd-distribution-page .sdd-button.sdd-business-cta-yellow,
.sdd-solutions-page .sdd-button.sdd-business-cta-yellow{
  min-height:46px;
  padding:10px 18px;
  border-color:var(--sdd-business-yellow);
  background:var(--sdd-business-yellow);
  color:#103f7c;
  font-size:15px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(255,197,1,.3);
}
.sdd-distribution-page .sdd-button.sdd-business-cta-yellow:hover,
.sdd-distribution-page .sdd-button.sdd-business-cta-yellow:focus-visible,
.sdd-solutions-page .sdd-button.sdd-business-cta-yellow:hover,
.sdd-solutions-page .sdd-button.sdd-business-cta-yellow:focus-visible{
  border-color:var(--sdd-business-yellow-hover);
  background:var(--sdd-business-yellow-hover);
  color:#103f7c;
  box-shadow:0 13px 28px rgba(255,197,1,.36);
  transform:translateY(-1px);
}
.sdd-distribution-page .sdd-button.sdd-business-cta-yellow:focus-visible,
.sdd-solutions-page .sdd-button.sdd-business-cta-yellow:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}
@media (max-width:640px){
  .sdd-distribution-page .sdd-button.sdd-business-cta-yellow,
  .sdd-solutions-page .sdd-button.sdd-business-cta-yellow{
    min-height:46px;
    padding:9px 12px;
    font-size:14.5px;
  }
}

/* Product detail follow-up: compact technical lookup and plain-language consent. */
#sdd-panel-documents .sdd-document-resource-panel>.sdd-product-inline-source{
  padding:10px;
}
#sdd-panel-documents .sdd-document-resource-panel .sdd-inline-reference__head{
  padding:11px 14px;
}
#sdd-panel-documents .sdd-document-resource-panel .sdd-inline-reference__head>span{
  margin-bottom:3px;
  font-size:10px;
}
#sdd-panel-documents .sdd-document-resource-panel .sdd-inline-reference__head h2{
  font-size:20px;
}
#sdd-panel-documents .sdd-document-resource-panel .sdd-product-inline-page__content{
  padding:12px 14px;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup{
  max-width:none;
  margin:0;
  padding:0;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__header{
  max-width:900px;
  margin-bottom:12px;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__header>span{
  min-height:24px;
  padding:0 10px;
  font-size:11px;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__header h2{
  margin:7px 0 4px;
  font-size:22px;
  font-weight:650;
  line-height:1.2;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__header p{
  font-size:13.5px;
  line-height:1.5;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__form{
  margin-bottom:10px;
  padding:11px 12px;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__filters{
  gap:9px;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__filters label{
  gap:4px;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__filters label>span{
  font-size:12px;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__filters :is(input,select,button){
  min-height:40px;
  padding:0 11px;
  font-size:14px;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__filters button{
  min-width:100px;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__summary{
  margin:0 0 9px;
  font-size:13px;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__summary strong{
  font-size:17px;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-empty{
  padding:20px 16px;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-empty strong{
  font-size:16px;
}
#sdd-panel-documents .sdd-product-inline-page__content .decor-resource-empty p{
  margin-top:5px;
  font-size:12.5px;
  line-height:1.5;
}

#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-consent,
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-consent>span{
  color:#b42318 !important;
  font-weight:400 !important;
}
#sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-consent a{
  color:#174f98 !important;
  font-weight:500 !important;
}
#sdd-panel-complaint .dpco-consent .dpco-consent-copy,
#sdd-panel-complaint .dpco-consent .dpco-required-tail,
#sdd-panel-complaint .dpco-consent>span{
  font-weight:400 !important;
  text-transform:none !important;
}

@media (max-width:767px){
  #sdd-panel-documents .sdd-document-resource-panel>.sdd-product-inline-source{
    padding:7px;
  }
  #sdd-panel-documents .sdd-document-resource-panel .sdd-inline-reference__head{
    padding:9px 10px;
  }
  #sdd-panel-documents .sdd-document-resource-panel .sdd-inline-reference__head h2{
    font-size:18px;
  }
  #sdd-panel-documents .sdd-document-resource-panel .sdd-product-inline-page__content{
    padding:9px 10px;
  }
  #sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__header{
    margin-bottom:9px;
  }
  #sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__header h2{
    margin-top:6px;
    font-size:20px;
  }
  #sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__header p{
    font-size:13px;
  }
  #sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__form{
    margin-bottom:8px;
    padding:9px;
  }
  #sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__filters{
    grid-template-columns:minmax(0,1fr);
    gap:7px;
  }
  #sdd-panel-documents .sdd-product-inline-page__content .decor-resource-lookup__filters :is(input,select,button){
    min-height:44px;
    font-size:16px;
  }
  #sdd-panel-documents .sdd-product-inline-page__content .decor-resource-empty{
    padding:10px 8px;
  }
  #sdd-panel-documents .sdd-product-inline-page__content .decor-resource-empty strong{
    font-size:15px;
    line-height:1.35;
  }
  #sdd-panel-documents .sdd-product-inline-page__content .decor-resource-empty p{
    margin-top:4px;
    font-size:12px;
    line-height:1.4;
  }
}

/* 1.7.146: restrained Govi-style image motion for homepage and related cards.
 * DECOR PAINT artwork keeps object-fit:contain so labels and logos remain whole;
 * the adaptive backdrop supplies edge fill instead of cropping the source. */
@media (hover:hover) and (pointer:fine){
  body.home :is(.sdd-home-products-top,.sdd-home-product-section) .sdd-product-card .sdd-product-media > img,
  body.single-product .sdd-related-products .sdd-product-card .sdd-product-media > img{
    transition:transform .34s cubic-bezier(.22,1,.36,1),filter .34s ease;
    transform-origin:center;
    will-change:transform;
  }
  body.home :is(.sdd-home-products-top,.sdd-home-product-section) .sdd-product-card .sdd-product-media .sdd-product-media-backdrop img,
  body.single-product .sdd-related-products .sdd-product-card .sdd-product-media .sdd-product-media-backdrop img{
    transition:transform .42s cubic-bezier(.22,1,.36,1),filter .34s ease;
    will-change:transform;
  }
  body.home :is(.sdd-home-products-top,.sdd-home-product-section) .sdd-product-card:is(:hover,:focus-within) .sdd-product-media > img,
  body.single-product .sdd-related-products .sdd-product-card:is(:hover,:focus-within) .sdd-product-media > img{
    transform:scale(1.035) !important;
    filter:saturate(1.035) contrast(1.015);
  }
  body.home :is(.sdd-home-products-top,.sdd-home-product-section) .sdd-product-card:is(:hover,:focus-within) .sdd-product-media .sdd-product-media-backdrop img,
  body.single-product.woocommerce .sdd-related-products ul.products > li.product.sdd-product-card:is(:hover,:focus-within) .sdd-product-media .sdd-product-media-backdrop img{
    transform:scale(1.06) !important;
    filter:blur(12px) saturate(.9);
  }
  body.home :is(.sdd-home-products-top,.sdd-home-product-section) .sdd-product-card:focus-within,
  body.single-product .sdd-related-products .sdd-product-card:focus-within{
    outline:3px solid rgba(23,79,152,.42);
    outline-offset:2px;
    box-shadow:0 12px 27px rgba(23,79,152,.18);
  }
}

@media (prefers-reduced-motion:reduce){
  body.home :is(.sdd-home-products-top,.sdd-home-product-section) .sdd-product-card,
  body.single-product .sdd-related-products .sdd-product-card,
  body.home :is(.sdd-home-products-top,.sdd-home-product-section) .sdd-product-card .sdd-product-media > img,
  body.single-product .sdd-related-products .sdd-product-card .sdd-product-media > img,
  body.home :is(.sdd-home-products-top,.sdd-home-product-section) .sdd-product-card .sdd-product-media .sdd-product-media-backdrop img,
  body.single-product .sdd-related-products .sdd-product-card .sdd-product-media .sdd-product-media-backdrop img{
    transition:none !important;
  }
  body.home :is(.sdd-home-products-top,.sdd-home-product-section) .sdd-product-card:is(:hover,:focus-within) .sdd-product-media > img,
  body.single-product .sdd-related-products .sdd-product-card:is(:hover,:focus-within) .sdd-product-media > img{
    transform:none !important;
  }
  body.home :is(.sdd-home-products-top,.sdd-home-product-section) .sdd-product-card:is(:hover,:focus-within) .sdd-product-media .sdd-product-media-backdrop img,
  body.single-product.woocommerce .sdd-related-products ul.products > li.product.sdd-product-card:is(:hover,:focus-within) .sdd-product-media .sdd-product-media-backdrop img{
    transform:scale(1.04) !important;
  }
}

/* 1.7.147: full-width product copy and compact, aligned mobile Support portal. */
body.single-product .sdd-product-detail-content,
body.single-product .sdd-product-tab-panel,
body.single-product #sdd-panel-detail,
body.single-product #sdd-panel-detail .sdd-product-copy{
  box-sizing:border-box;
  width:100%;
  max-width:none;
}

body.single-product #sdd-panel-detail .sdd-product-copy{
  color:#202a37;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:16px !important;
  font-weight:500;
  line-height:1.7;
  text-align:justify !important;
  text-justify:inter-word;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

body.single-product #sdd-panel-detail .sdd-product-copy :is(p,li,dd,td,th,blockquote),
body.single-product #sdd-panel-detail .sdd-product-copy div,
body.single-product .sdd-single-short-description,
body.single-product .sdd-single-short-description :is(p,li,dd,td,th,blockquote),
body.single-product .sdd-single-short-description div{
  color:inherit;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:1.7 !important;
  text-align:justify !important;
  text-justify:inter-word;
}

body.single-product #sdd-panel-detail .sdd-product-copy :is(h1,h2,h3,h4,h5,h6){
  font-family:Arial,Helvetica,sans-serif !important;
  text-align:left;
}

@media (min-width:768px){
  body.single-product .sdd-product-summary-column .sdd-single-short-description{
    display:none !important;
  }
}

@media (max-width:767px){
  body.single-product .sdd-product-summary-column .sdd-single-short-description{
    display:block !important;
    margin:5px 0 12px;
    color:#344256;
  }

  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-portal-header{
    min-height:0 !important;
    padding:8px !important;
  }

  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-block{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 60px !important;
    grid-template-areas:
      "support-title support-logo"
      "support-nav support-nav" !important;
    align-items:center !important;
    gap:8px 10px !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-content{
    display:contents !important;
  }

  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-mark.has-logo{
    grid-area:support-logo;
    display:inline-flex !important;
    width:60px !important;
    height:60px !important;
    flex-basis:60px !important;
    order:initial !important;
    align-self:start !important;
    justify-self:end !important;
    margin:0 !important;
    border-radius:12px !important;
  }

  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-content > .dpt-kicker{
    display:none !important;
  }

 
  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-block h2{
    grid-area:support-title;
    align-self:center;
    margin:0 !important;
    color:#d9272e !important;
    font-size:clamp(16px,4.7vw,19px) !important;
    font-weight:900 !important;
    line-height:1.18 !important;
    text-align:left !important;
    text-transform:uppercase;
  }

  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-brand-content > .dpt-portal-nav{
    grid-area:support-nav;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-support-auth{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
  }

  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-support-auth > .dpt-auth-card{
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) !important;
    grid-template-areas:
      "auth-icon auth-title"
      ". auth-copy"
      "auth-form auth-form" !important;
    align-items:center !important;
    column-gap:10px !important;
    row-gap:4px !important;
    height:auto !important;
    min-height:0 !important;
    padding:14px 12px !important;
  }

  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-support-auth > .dpt-auth-card > .dpt-auth-icon{
    grid-area:auth-icon;
    width:46px !important;
    height:46px !important;
    margin:0 !important;
    align-self:start;
  }

  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-support-auth > .dpt-auth-card > h3{
    grid-area:auth-title;
    align-self:center;
    margin:0 !important;
    font-size:clamp(19px,5.3vw,23px) !important;
    line-height:1.18 !important;
    text-align:left !important;
  }

  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-support-auth > .dpt-auth-card > p{
    grid-area:auth-copy;
    margin:0 !important;
    font-size:14px !important;
    line-height:1.5 !important;
    text-align:left !important;
  }

  #sdd-panel-support .dpt-wrap[data-dpt-version] .dpt-support-auth > .dpt-auth-card > .dpt-form{
    grid-area:auth-form;
    width:100%;
    margin:6px 0 0 !important;
  }
}

/* 1.7.148: readable mobile gutter for the product-detail copy.
 * The desktop panel remains full-width; only the active Detail panel receives
 * a compact inner gutter on phones so glyphs cannot touch or escape the viewport. */
@media (max-width:767px){
  body.single-product #sdd-panel-detail{
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin-inline:0 !important;
    padding-inline:clamp(14px,4vw,18px) !important;
    overflow-x:hidden;
  }

  body.single-product #sdd-panel-detail .sdd-product-copy{
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin-inline:0 !important;
    overflow-wrap:anywhere;
    word-break:normal;
  }

  body.single-product #sdd-panel-detail .sdd-product-copy :is(p,li,dd,dt,blockquote,h1,h2,h3,h4,h5,h6,a,strong,em){
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
  }

  body.single-product #sdd-panel-detail .sdd-product-copy :is(img,picture,video,canvas,svg,iframe){
    box-sizing:border-box;
    display:block;
    width:auto;
    max-width:100% !important;
    height:auto !important;
  }

  body.single-product #sdd-panel-detail .sdd-product-copy :is(ul,ol){
    box-sizing:border-box;
    width:100%;
    min-width:0;
    max-width:100%;
    margin-inline:0;
    padding-inline-start:clamp(22px,6vw,28px);
  }

  body.single-product #sdd-panel-detail .sdd-product-copy table{
    box-sizing:border-box;
    display:block;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }

  body.single-product #sdd-panel-detail .sdd-product-copy :is(pre,code){
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}

/* 1.7.149: desktop product Support header spacing.
 * The canonical product-tab rules above carry the roomier desktop values;
 * the final max-width:767px block continues to restore the approved compact
 * title/logo/navigation grid, so no later geometry can override mobile. */

/* 1.7.149: orange single-product rating star and score on desktop. */
@media (min-width:768px){
  body.single-product .sdd-product-summary-column .sdd-single-rating > .sdd-star,
  body.single-product .sdd-product-summary-column .sdd-single-rating > strong{
    color:#ff8a00;
  }
}
/* End 1.7.149 desktop product rating colors. */

/* 1.7.150: match Documents and Verification typography to the established
 * product Guide scale on desktop and mobile. Rules are deliberately scoped
 * to the two product panels so standalone libraries and other tabs retain
 * their own hierarchy. */
body.single-product #sdd-panel-documents .sdd-product-documents__head>div:first-child>span,
body.single-product #sdd-panel-verification .sdd-verification-tab__head small{
  font-size:14px;
  line-height:1.45;
  letter-spacing:.1em;
}

body.single-product #sdd-panel-documents .sdd-product-documents__head h2,
body.single-product #sdd-panel-documents .decor-product-resources__heading h2{
  font-size:28px;
  line-height:1.2;
  overflow-wrap:anywhere;
}

body.single-product #sdd-panel-verification .sdd-verification-tab__head h2{
  font-size:clamp(28px,2.5vw,31px);
  line-height:1.2;
  overflow-wrap:anywhere;
}

body.single-product #sdd-panel-documents .sdd-product-documents__head p,
body.single-product #sdd-panel-verification .sdd-verification-tab__head p{
  display:block;
  overflow:visible;
  font-size:14px;
  line-height:1.65;
  -webkit-line-clamp:initial;
}

body.single-product #sdd-panel-documents .sdd-product-documents__status strong,
body.single-product #sdd-panel-verification .sdd-verification-count{
  font-size:15px;
  line-height:1.4;
}

body.single-product #sdd-panel-documents .sdd-product-documents__status span{
  font-size:12px;
  line-height:1.45;
}

body.single-product #sdd-panel-documents .sdd-product-documents__empty strong,
body.single-product #sdd-panel-documents .sdd-document-resource-copy strong,
body.single-product #sdd-panel-documents .sdd-product-documents__foot strong,
body.single-product #sdd-panel-verification .sdd-verification-item>summary>strong{
  font-size:15px;
  line-height:1.4;
}

body.single-product #sdd-panel-documents .sdd-product-documents__empty p,
body.single-product #sdd-panel-documents .sdd-document-resource-copy>span,
body.single-product #sdd-panel-documents .sdd-product-documents__foot p span{
  font-size:15px;
  line-height:1.75;
}

body.single-product #sdd-panel-documents .sdd-product-documents__empty p{
  display:block;
  overflow:visible;
  -webkit-line-clamp:initial;
}

body.single-product #sdd-panel-documents .sdd-document-resource-copy small{
  font-size:11px;
  line-height:1.4;
}

body.single-product #sdd-panel-documents .sdd-product-documents>.sdd-document-list small{
  font-size:11px;
  line-height:1.4;
}

body.single-product #sdd-panel-documents .sdd-product-documents>.sdd-document-list em,
body.single-product #sdd-panel-documents .sdd-document-resource-copy em,
body.single-product #sdd-panel-documents .sdd-product-documents__foot>a,
body.single-product #sdd-panel-verification .sdd-verification-source-note,
body.single-product #sdd-panel-verification .sdd-verification-full{
  font-size:14px;
  line-height:1.45;
}

body.single-product #sdd-panel-documents .decor-product-resources__heading>span{
  font-size:14px;
  line-height:1.45;
}

body.single-product #sdd-panel-documents .decor-product-resources__heading p{
  font-size:14px;
  line-height:1.65;
}

body.single-product #sdd-panel-documents .decor-resource-card>p{
  font-size:15px;
  line-height:1.75;
}

body.single-product #sdd-panel-documents .decor-resource-card__actions a{
  min-height:44px;
  font-size:14px;
  line-height:1.45;
}

body.single-product #sdd-panel-verification .sdd-verification-icon{
  font-size:12px;
}

body.single-product #sdd-panel-verification .sdd-verification-body .sdd-tech-lead,
body.single-product #sdd-panel-verification .sdd-verification-body,
body.single-product #sdd-panel-verification .sdd-verification-body :is(p,li){
  font-size:15px;
  line-height:1.75;
}

body.single-product #sdd-panel-verification .sdd-verification-body .sdd-tech-content-section h2{
  font-size:19px;
  line-height:1.35;
}

body.single-product #sdd-panel-verification .sdd-verification-body :is(h3,h4){
  font-size:17px;
  line-height:1.4;
}

@media (max-width:640px){
  body.single-product #sdd-panel-verification .sdd-verification-tab__head{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }

  body.single-product #sdd-panel-verification .sdd-verification-count{
    width:max-content;
    max-width:100%;
  }

  body.single-product #sdd-panel-verification .sdd-verification-body,
  body.single-product #sdd-panel-verification .sdd-verification-body .sdd-tech-lead,
  body.single-product #sdd-panel-verification .sdd-verification-body :is(p,li){
    line-height:1.7;
  }

  body.single-product #sdd-panel-documents .sdd-product-documents__empty p,
  body.single-product #sdd-panel-documents .sdd-document-resource-copy>span,
  body.single-product #sdd-panel-documents .sdd-product-documents__foot p span,
  body.single-product #sdd-panel-documents .decor-resource-card>p{
    line-height:1.7;
  }
}
/* End 1.7.150 product technical-tab typography parity. */

/* 1.7.153: keep product specification labels and values legible above mobile. */
@media (min-width:768px){
  body.single-product #sdd-panel-specs .sdd-spec-row{
    grid-template-columns:260px minmax(0,1fr);
  }

  body.single-product #sdd-panel-specs .sdd-spec-row>strong{
    white-space:nowrap;
  }

  body.single-product #sdd-panel-specs .sdd-spec-row>div{
    color:#1b2a3d;
    font-size:15px;
    font-weight:600;
    line-height:1.45;
    overflow-wrap:anywhere;
  }
}

/* 1.7.154: compact legal identity and address lines for the factory branch. */
.sdd-footer-main>.sdd-footer-addresses .sdd-footer-branch-name{
  margin-bottom:2px;
  color:#202933;
  font-weight:800;
  line-height:1.4;
  overflow-wrap:break-word;
}

.sdd-footer-main>.sdd-footer-addresses .sdd-footer-branch-name strong{
  font-weight:800;
}

.sdd-footer-main>.sdd-footer-addresses .sdd-footer-branch-tax{
  margin-bottom:2px;
  line-height:1.45;
  overflow-wrap:break-word;
}

.sdd-footer-main>.sdd-footer-addresses .sdd-footer-location-address{
  margin-bottom:5px;
  line-height:1.45;
  overflow-wrap:break-word;
}

@media (max-width:1279px){
  .sdd-footer-main>.sdd-footer-addresses :is(.sdd-footer-branch-name,.sdd-footer-branch-tax,.sdd-footer-location-address){
    white-space:normal;
  }
}