/* =========================================================
   ST VET — LANDING CSS
   Только стили публичного лендинга.
   ========================================================= */

:root {
    --sv-green: #073d2c;
    --sv-green2: #0b6f4e;
    --sv-green3: #0f8a61;
    --sv-deep: #021c15;
    --sv-gold: #d8b35d;
    --sv-gold2: #f1d58a;
    --sv-text: #10231d;
    --sv-muted: #60746c;
    --sv-bg: #f4f8f5;
    --sv-line: rgba(7, 61, 44, 0.12);
    --sv-shadow: 0 24px 70px rgba(2, 29, 22, 0.13);
    --sv-soft: 0 12px 34px rgba(7, 61, 44, 0.08);
}

* {
    box-sizing: border-box;
}

html {
    margin: 0 !important;
    padding: 0 !important;
    /* Native touch momentum scroll — smooth fights finger scrolling on phones. */
    scroll-behavior: auto;
}

@media (hover: hover) and (pointer: fine) {
    html {
        scroll-behavior: smooth;
    }
}

body.stvet-guest-landing {
    margin: 0 !important;
    padding: 0 !important;
    background: var(--sv-bg);
    color: var(--sv-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

body.admin-bar .sv-header {
    top: 32px;
}

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

.sv-page img {
    display: block;
    max-width: 100%;
}

.sv-page {
    width: 100%;
    min-height: 100vh;
    background: var(--sv-bg);
}

.sv-wrap {
    width: min(1240px, calc(100% - 56px));
    margin: 0 auto;
}

/* =========================================================
   ST VET — HEADER
   ========================================================= */

.sv-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.97);
    border-bottom: 1px solid rgba(7, 61, 44, 0.08);
    box-shadow: 0 10px 30px rgba(7, 61, 44, 0.045);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

/* Phones: solid sticky header — blur causes scroll jank on iOS/Android. */
@media (max-width: 900px) {
    .sv-header {
        background: #ffffff !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .sv-carousel--team .sv-carousel__viewport {
        scroll-behavior: auto !important;
    }

    html {
        overflow-x: clip;
    }

    body.stvet-guest-landing {
        text-rendering: auto;
        overflow-x: clip;
    }
}

.sv-header__in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    min-height: 74px;
}

.sv-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.sv-logo {
    display: grid;
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    overflow: visible;
    place-items: center;
    border-radius: 14px;
    background: transparent;
    box-shadow: none;
}

.sv-logo .custom-logo-link {
    display: block;
    width: 100%;
    height: 100%;
}

.stvl-logo-img,
.sv-logo .custom-logo {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: contain;
    object-position: center;
    border-radius: 12px;
    background: transparent;
    transform: scale(1.12);
    transform-origin: center;
}
.sv-brand strong {
    display: block;
    color: var(--sv-green);
    font-size: 24px;
    font-weight: 950;
    line-height: 0.95;
    letter-spacing: -1.15px;
    text-transform: uppercase;
}

.sv-brand > span > span {
    display: block;
    margin-top: 5px;
    color: #1f4d3e;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.95px;
    text-transform: uppercase;
}

.sv-login {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 18px;
    color: var(--sv-green) !important;
    font-size: 14.5px;
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid rgba(7, 61, 44, 0.14);
    border-radius: 999px;
    background: #f4f8f5;
    box-shadow: 0 8px 22px rgba(7, 61, 44, 0.06);
    transition: 0.22s ease;
}

.sv-login:hover {
    color: #fff !important;
    background: var(--sv-green);
    box-shadow: 0 16px 34px rgba(7, 61, 44, 0.18);
    transform: translateY(-1px);
}

.sv-login svg {
    width: 19px;
    height: 19px;
    stroke-width: 2;
}

/* =========================================================
   ST VET — HERO
   ========================================================= */

.sv-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
}

.sv-hero-assortment {
    min-height: calc(100vh - 74px);
    background:
        radial-gradient(circle at 62% 46%, rgba(216, 179, 93, 0.18), transparent 22%),
        radial-gradient(circle at 14% 82%, rgba(16, 138, 97, 0.28), transparent 34%),
        linear-gradient(135deg, #021c15 0%, #073d2c 48%, #021c15 100%);
}

.sv-hero-assortment::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    opacity: 0.34;
    background:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 42px 42px;
}

.sv-hero-assortment::after {
    position: absolute;
    bottom: -22%;
    left: -8%;
    width: 58%;
    height: 44%;
    pointer-events: none;
    content: "";
    border-radius: 50%;
    background: radial-gradient(circle, rgba(216, 179, 93, 0.18), transparent 58%);
    filter: blur(8px);
}

.sv-hero__in {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(360px, 520px) minmax(620px, 1fr);
    align-items: center;
    gap: 34px;
    min-height: calc(100vh - 74px);
    padding: 38px 0 42px;
}

.sv-hero__copy {
    max-width: 520px;
}

.sv-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    padding: 8px 12px;
    color: var(--sv-gold2);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    border: 1px solid rgba(216, 179, 93, 0.28);
    border-radius: 9px;
    background: rgba(216, 179, 93, 0.13);
    backdrop-filter: blur(12px);
}

.sv-badge svg {
    width: 14px;
    height: 14px;
    stroke-width: 2;
}

.sv-hero-kicker {
    display: inline-flex;
    align-items: center;
    width: auto;
    max-width: max-content;
    margin: 0 0 14px !important;
    padding: 9px 14px;
    color: var(--sv-gold2) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: 1.8px;
    text-shadow: none !important;
    text-transform: uppercase;
    border: 1px solid rgba(216, 179, 93, 0.34);
    border-radius: 999px;
    background: rgba(216, 179, 93, 0.1);
}

.sv-hero h1 {
    max-width: 720px;
    margin: 0;
    color: #fff;
    font-size: clamp(44px, 4.65vw, 76px);
    font-weight: 1000;
    line-height: 0.94;
    letter-spacing: -2.8px;
    text-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
    text-wrap: balance;
}

.sv-hero__copy > p:not(.sv-hero-kicker) {
    max-width: 640px;
    margin: 24px 0 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: 18px;
    font-weight: 650;
    line-height: 1.68;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.26);
}

.sv-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 28px;
}

.sv-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 22px;
    font-size: 14.5px;
    font-weight: 950;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 10px;
    transition: 0.22s ease;
}

.sv-btn svg {
    width: 17px;
    height: 17px;
    stroke-width: 2;
}

.sv-btn--green {
    color: #fff !important;
    background: linear-gradient(135deg, #0f8a61, #0a5f43);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
}

.sv-btn--green:hover {
    filter: brightness(1.05);
    transform: translateY(-2px);
}

.sv-btn--outline {
    color: #fff !important;
    border-color: rgba(216, 179, 93, 0.58);
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(8px);
}

.sv-btn--outline:hover {
    background: rgba(216, 179, 93, 0.12);
    transform: translateY(-2px);
}

.sv-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    font-weight: 800;
}

.sv-note svg {
    width: 15px;
    height: 15px;
    color: var(--sv-gold);
}

/* =========================================================
   ST VET — ASSORTMENT CIRCLE
   ========================================================= */

.sv-assortment {
    position: relative;
    display: grid;
    grid-template-columns: 330px minmax(360px, 1fr);
    align-items: center;
    gap: 26px;
    min-width: 0;
    max-width: 850px;
    margin-left: auto;
}

.sv-assortment::before {
    position: absolute;
    top: 50%;
    right: 90px;
    left: 110px;
    height: 1px;
    content: "";
    opacity: 0.42;
    background: linear-gradient(90deg, rgba(216, 179, 93, 0.68), rgba(216, 179, 93, 0.05));
}

.sv-assortment-core {
    position: relative;
    z-index: 2;
    display: grid;
    width: 330px;
    height: 330px;
    padding: 38px 34px;
    overflow: hidden;
    text-align: center;
    border: 2px solid rgba(216, 179, 93, 0.82);
    border-radius: 50%;
    background: radial-gradient(circle at 50% 40%, rgba(11, 111, 78, 0.98), rgba(2, 28, 21, 0.98) 72%);
    box-shadow:
        0 0 0 8px rgba(216, 179, 93, 0.08),
        0 0 42px rgba(216, 179, 93, 0.34),
        0 30px 90px rgba(0, 0, 0, 0.24);
    place-items: center;
}

.sv-assortment-core::before {
    position: absolute;
    inset: -18px;
    content: "";
    border: 1px solid rgba(216, 179, 93, 0.38);
    border-radius: 50%;
    box-shadow: inset 0 0 44px rgba(216, 179, 93, 0.2);
}

.sv-assortment-core::after {
    position: absolute;
    inset: 22px;
    content: "";
    opacity: 0.25;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(216, 179, 93, 0.2) 0 1px, transparent 2px);
    background-size: 14px 14px;
}

.sv-assortment-icon {
    position: relative;
    z-index: 2;
    display: grid;
    width: 46px;
    height: 46px;
    color: var(--sv-gold2);
    border: 1px solid rgba(216, 179, 93, 0.45);
    border-radius: 50%;
    background: rgba(216, 179, 93, 0.08);
    place-items: center;
}

.sv-assortment-icon svg {
    width: 25px;
    height: 25px;
    stroke-width: 2;
}

.sv-assortment-core strong {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 32px;
    font-weight: 950;
    line-height: 1.03;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.sv-assortment-core > span {
    position: relative;
    z-index: 2;
    display: block;
    width: 84%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--sv-gold2), transparent);
}

.sv-assortment-core em {
    position: relative;
    z-index: 2;
    color: var(--sv-gold2);
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.18;
    text-transform: uppercase;
}

.sv-assortment-core b {
    position: relative;
    z-index: 2;
    color: var(--sv-gold2);
    font-size: 52px;
    font-weight: 950;
    line-height: 0.9;
    letter-spacing: -1px;
}

.sv-assortment-core small {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}

.sv-assortment-list {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 8px;
}

.sv-assortment-item {
    position: relative;
    display: grid;
    grid-template-columns: 42px 1fr;
    align-items: center;
    gap: 12px;
    min-height: 50px;
    padding: 7px 15px;
    border: 1px solid rgba(216, 179, 93, 0.58);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(2, 28, 21, 0.78), rgba(7, 61, 44, 0.62));
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(10px);
}

.sv-assortment-item::before {
    position: absolute;
    top: 50%;
    left: -26px;
    width: 26px;
    height: 1px;
    content: "";
    background: rgba(216, 179, 93, 0.72);
    box-shadow: 0 0 14px rgba(216, 179, 93, 0.75);
}

.sv-assortment-item i {
    display: grid;
    width: 34px;
    height: 34px;
    color: var(--sv-gold2);
    font-style: normal;
    border: 1px solid rgba(216, 179, 93, 0.34);
    border-radius: 50%;
    background: rgba(216, 179, 93, 0.09);
    place-items: center;
}

.sv-assortment-item i svg {
    width: 19px;
    height: 19px;
    stroke-width: 2;
}

.sv-assortment-item span {
    color: #fff;
    font-size: 15.5px;
    font-weight: 950;
    line-height: 1.12;
    letter-spacing: -0.1px;
    text-transform: uppercase;
}

/* =========================================================
   ST VET — ADVANTAGES
   ========================================================= */

.sv-advantages {
    background: #fff;
    border-bottom: 1px solid rgba(7, 61, 44, 0.08);
    box-shadow: 0 14px 50px rgba(7, 61, 44, 0.045);
}

.sv-adv-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0;
    padding: 34px 0;
}

.sv-adv {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 126px;
    padding: 0 18px;
    text-align: center;
}

.sv-adv:not(:last-child)::after {
    position: absolute;
    top: 16px;
    right: 0;
    bottom: 16px;
    width: 1px;
    content: "";
    background: rgba(7, 61, 44, 0.1);
}

.sv-adv-icon {
    display: grid;
    width: 46px;
    height: 46px;
    margin: 0 auto 12px;
    color: var(--sv-green);
    border: 1px solid rgba(7, 61, 44, 0.1);
    border-radius: 16px;
    background: linear-gradient(180deg, #fff, #f3f7f4);
    box-shadow: 0 12px 30px rgba(7, 61, 44, 0.06);
    place-items: center;
}

.sv-adv-icon svg {
    width: 27px;
    height: 27px;
    stroke-width: 1.65;
}

.sv-adv h3 {
    margin: 0 0 7px;
    color: var(--sv-green);
    font-size: 14px;
    font-weight: 950;
    line-height: 1.2;
}

.sv-adv p {
    max-width: 168px;
    margin: 0;
    color: #52665d;
    font-size: 12.4px;
    line-height: 1.45;
}

/* =========================================================
   ST VET — ANIMALS
   ========================================================= */

.sv-animals {
    padding: 48px 0 58px;
    background: linear-gradient(180deg, #f3f8f5 0%, #fff 100%);
}

.sv-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 26px;
}

.sv-section-head h2 {
    margin: 0;
    color: var(--sv-green);
    font-size: clamp(24px, 2.1vw, 34px);
    font-weight: 950;
    line-height: 1.12;
    letter-spacing: -0.55px;
}

.sv-section-head p {
    max-width: 560px;
    margin: 12px 0 0;
    color: var(--sv-muted);
    font-size: 15px;
    line-height: 1.55;
}

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

.sv-animal-card {
    position: relative;
    display: block;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(7, 61, 44, 0.11);
    border-radius: 18px;
    box-shadow: 0 18px 44px rgba(7, 61, 44, 0.11);
    transition: 0.24s ease;
}

.sv-animal-card:hover {
    border-color: rgba(216, 179, 93, 0.34);
    box-shadow: 0 28px 70px rgba(7, 61, 44, 0.16);
    transform: translateY(-5px);
}

.sv-animal-card__photo {
    height: 172px;
    overflow: hidden;
    background: #dfe8e3;
}

.sv-animal-card__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(1.05) contrast(1.035);
    transition: 0.38s ease;
}

.sv-animal-card:hover .sv-animal-card__photo img {
    transform: scale(1.045);
}

.sv-animal-card__body {
    position: relative;
    min-height: 78px;
    padding: 15px 16px 14px 64px;
    background: #fff;
}

.sv-animal-card__mark {
    position: absolute;
    top: 14px;
    left: 16px;
    display: grid;
    width: 38px;
    height: 38px;
    color: var(--sv-green);
    font-size: 10.5px;
    font-style: normal;
    font-weight: 950;
    letter-spacing: 0.2px;
    border: 1px solid rgba(216, 179, 93, 0.34);
    border-radius: 999px;
    background: linear-gradient(180deg, #fffaf0, #f3ecd6);
    place-items: center;
}

.sv-animal-card strong {
    display: block;
    color: var(--sv-green);
    font-size: 15.5px;
    font-weight: 950;
    line-height: 1.1;
}

.sv-animal-card span {
    display: block;
    margin-top: 6px;
    color: #5d6f67;
    font-size: 12.7px;
    font-weight: 650;
}

/* =========================================================
   ST VET — B2B BUSINESS BLOCK
   ========================================================= */

.sv-business {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(135deg, #031d16, #073d2c);
}

.sv-business::before {
    position: absolute;
    inset: 0;
    content: "";
    opacity: 1;
    background:
        linear-gradient(90deg, rgba(2, 29, 22, 0.94), rgba(2, 29, 22, 0.84)),
        var(--stvet-business-image) center / cover no-repeat;
}

.sv-business__in {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 0.84fr 1.16fr;
    align-items: center;
    gap: 38px;
    padding: 58px 0 86px;
}

.sv-business-kicker {
    margin: 0 0 16px !important;
    color: var(--sv-gold2) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.sv-business h2 {
    max-width: 440px;
    margin: 0;
    color: #fff;
    font-size: clamp(24px, 2.35vw, 36px);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -0.45px;
}

.sv-business p {
    max-width: 460px;
    margin: 19px 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    line-height: 1.62;
}

.sv-business .sv-btn {
    margin-top: 26px;
}

.sv-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.sv-feature {
    min-height: 120px;
    padding: 18px 17px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.075);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.09),
        0 18px 46px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12px);
}

.sv-feature svg {
    width: 30px;
    height: 30px;
    margin-bottom: 13px;
    color: var(--sv-gold);
    stroke-width: 1.8;
}

.sv-feature strong {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
}

.sv-feature span {
    display: block;
    color: rgba(255, 255, 255, 0.72);
    font-size: 12.5px;
    line-height: 1.45;
}

/* =========================================================
   ST VET — CTA
   ========================================================= */

.sv-cta-band {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 24px;
    width: min(1200px, calc(100% - 56px));
    margin: -42px auto 0;
    padding: 21px 28px;
    color: #fff;
    border: 1px solid rgba(216, 179, 93, 0.24);
    border-radius: 20px;
    background: linear-gradient(135deg, #0b805a, #06412f);
    box-shadow: 0 28px 78px rgba(2, 29, 22, 0.24);
}

.sv-cta-title {
    display: flex;
    align-items: center;
    gap: 18px;
}

.sv-cta-logo {
    display: grid;
    flex: 0 0 auto;
    width: 54px;
    height: 54px;
    color: var(--sv-gold);
    border: 1px solid rgba(216, 179, 93, 0.32);
    border-radius: 18px;
    background: rgba(216, 179, 93, 0.14);
    place-items: center;
}

.sv-cta-logo svg {
    width: 30px;
    height: 30px;
    stroke-width: 1.8;
}

.sv-cta-title strong {
    display: block;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.25px;
}

.sv-cta-title > span > span {
    display: block;
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
}

.sv-cta-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

/* =========================================================
   ST VET — FOOTER
   ========================================================= */

.sv-footer {
    margin-top: -1px;
    padding: 44px 0 34px;
    color: rgba(255, 255, 255, 0.76);
    background: #031d16;
}

.sv-footer-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.8fr 0.9fr;
    gap: 34px;
    padding-top: 12px;
}

.sv-footer-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-size: 21px;
    font-weight: 950;
    letter-spacing: -0.5px;
}

.sv-footer-logo i {
    display: grid;
    width: 42px;
    height: 42px;
    color: var(--sv-gold);
    font-style: normal;
    border-radius: 14px;
    background: rgba(216, 179, 93, 0.16);
    place-items: center;
}

.sv-footer-logo i svg {
    width: 24px;
    height: 24px;
}

.sv-footer p {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13.5px;
    line-height: 1.55;
}

.sv-footer h4 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
}

.sv-footer__title {
    margin: 0 0 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
}

.sv-footer a {
    display: flex;
    align-items: center;
    min-height: 48px;
    margin-top: 0;
    padding: 10px 0;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 15px;
    line-height: 1.35;
    text-decoration: none;
}

.sv-footer a:hover {
    color: #fff !important;
}

/* =========================================================
   ST VET — TABLET
   ========================================================= */

@media (max-width: 1120px) {
    .sv-adv-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .sv-adv:nth-child(3)::after {
        display: none;
    }

    .sv-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sv-business__in {
        grid-template-columns: 1fr;
    }

    .sv-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1080px) {
    .sv-hero-assortment {
        min-height: auto;
        overflow: visible;
    }

    .sv-hero__in {
        grid-template-columns: 1fr;
        gap: 34px;
        min-height: auto;
        padding: 48px 0 54px;
    }

    .sv-hero__copy {
        max-width: 720px;
    }

    .sv-hero h1 {
        max-width: 760px;
        font-size: clamp(42px, 7vw, 66px);
        line-height: 0.96;
    }

    .sv-hero__copy > p:not(.sv-hero-kicker) {
        max-width: 720px;
    }

    .sv-assortment {
        grid-template-columns: 310px 1fr;
        gap: 26px;
        width: 100%;
        max-width: 920px;
        margin: 0;
    }

    .sv-assortment-core {
        width: 310px;
        height: 310px;
    }

    .sv-assortment-list {
        gap: 9px;
    }
}

@media (max-width: 782px) {
    body.admin-bar .sv-header {
        top: 46px;
    }
}

/* =========================================================
   ST VET — MOBILE
   ========================================================= */

@media (max-width: 760px) {
    .sv-wrap {
        width: min(100% - 32px, 1240px);
    }

    .sv-header__in {
        min-height: 70px;
    }

    .sv-logo {
        width: 46px;
        height: 46px;
        border-radius: 15px;
    }

    .sv-brand strong {
        font-size: 22px;
    }

    .sv-brand > span > span {
        display: none;
    }

    .sv-login {
        min-height: 48px;
        padding: 0 13px;
        font-size: 0;
    }

    .sv-login svg {
        width: 21px;
        height: 21px;
    }

    .sv-hero__in {
        display: block;
        padding: 38px 0 44px;
    }

    .sv-hero h1 {
        font-size: clamp(36px, 10vw, 48px);
        line-height: 1;
        letter-spacing: -1.6px;
    }

    .sv-hero-kicker {
        max-width: 100%;
        padding: 8px 11px;
        font-size: 10.5px !important;
        letter-spacing: 1.2px;
    }

    .sv-hero__copy > p:not(.sv-hero-kicker) {
        font-size: 15.5px;
        line-height: 1.58;
    }

    .sv-actions {
        gap: 12px;
    }

    .sv-btn {
        width: 100%;
        min-height: 49px;
    }

    .sv-assortment {
        display: block;
        margin-top: 34px;
    }

    .sv-assortment::before,
    .sv-assortment-item::before {
        display: none;
    }

    .sv-assortment-core {
        width: min(100%, 320px);
        height: auto;
        margin: 0 auto 22px;
        aspect-ratio: 1 / 1;
    }

    .sv-assortment-item {
        grid-template-columns: 42px 1fr;
        min-height: 54px;
        padding: 8px 14px;
    }

    .sv-assortment-item span {
        font-size: 15px;
    }

    .sv-adv-grid {
        grid-template-columns: 1fr;
        padding: 26px 0;
    }

    .sv-adv {
        min-height: auto;
        padding: 20px 12px;
    }

    .sv-adv::after {
        display: none !important;
    }

    .sv-section-head {
        display: block;
    }

    .sv-animals {
        padding: 38px 0;
    }

    .sv-card-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .sv-animal-card__photo {
        height: 190px;
    }

    .sv-business__in {
        padding: 42px 0 74px;
    }

    .sv-feature-grid {
        grid-template-columns: 1fr;
    }

    .sv-cta-band {
        grid-template-columns: 1fr;
        width: min(100% - 28px, 1200px);
        margin-top: -34px;
        padding: 18px;
    }

    .sv-cta-actions {
        justify-content: stretch;
    }

    .sv-footer-grid {
        grid-template-columns: 1fr;
    }

    .sv-footer {
        padding-top: 40px;
    }
}

@media (max-width: 420px) {
    .sv-header__in {
        min-height: 68px;
    }

    .sv-brand strong {
        font-size: 21px;
    }

    .sv-login span {
        display: none;
    }

    .sv-login {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
    }

    .sv-hero__in {
        padding-top: 32px;
    }

    .sv-hero h1 {
        font-size: 34px;
        letter-spacing: -1.25px;
    }

    .sv-assortment-core {
        width: min(100%, 292px);
    }

    .sv-assortment-core strong {
        font-size: 28px;
    }

    .sv-assortment-core em {
        font-size: 15px;
    }

    .sv-assortment-core b {
        font-size: 44px;
    }

    .sv-assortment-core small {
        font-size: 16px;
    }

    .sv-assortment-item span {
        font-size: 14px;
    }
}
/* =========================================================
   ST VET — TEAM, OWN TRANSPORT, APPEAR ANIMATION
   ========================================================= */
.sv-section-kicker{margin:0 0 14px!important;color:var(--sv-gold2)!important;font-size:12px!important;font-weight:950!important;letter-spacing:1px;text-transform:uppercase}.sv-team{padding:92px 0;background:linear-gradient(135deg,#031d16,#073d2c);color:#fff}.sv-team__grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:48px}.sv-team h2,.sv-transport h2{margin:0;color:inherit;font-size:clamp(31px,3vw,48px);font-weight:950;line-height:1.05;letter-spacing:-1.2px}.sv-team__copy>p:not(.sv-section-kicker),.sv-transport__copy>p:not(.sv-section-kicker){margin:22px 0 0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.7}.sv-team__group{position:relative;min-height:415px;overflow:hidden;border:1px solid rgba(216,179,93,.26);border-radius:28px;background:#0b3c2d;box-shadow:0 30px 80px rgba(0,0,0,.28)}.sv-team__group:after,.sv-transport__media:after{position:absolute;inset:auto 0 0;height:45%;content:"";pointer-events:none;background:linear-gradient(transparent,rgba(3,29,22,.55))}.sv-team__group img,.sv-transport__media>img{width:100%;height:100%;object-fit:cover}.sv-photo-empty{display:grid;place-items:center;color:rgba(255,255,255,.65);font-weight:800;text-align:center;padding:30px}.sv-team__trust{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding:13px 17px;border:1px solid rgba(216,179,93,.32);border-radius:14px;background:rgba(216,179,93,.11)}.sv-team__trust b{color:var(--sv-gold2);font-size:28px}.sv-team__trust span{font-size:13px;font-weight:800;line-height:1.3}.sv-team-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:22px}.sv-team-card{min-width:0;padding:14px 10px 15px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.07);transition:.28s ease}.sv-team-card:hover{transform:translateY(-6px);border-color:rgba(216,179,93,.45);background:rgba(255,255,255,.1)}.sv-team-card img,.sv-team-card__blank{width:78px;height:78px;margin:0 auto 11px;border:2px solid rgba(216,179,93,.6);border-radius:50%;object-fit:cover;background:#124633}.sv-team-card__blank{display:grid;place-items:center;color:var(--sv-gold)}.sv-team-card__blank svg{width:32px;height:32px}.sv-team-card strong{display:block;color:#fff;font-size:13px;font-weight:950;line-height:1.25}.sv-team-card span{display:block;margin-top:5px;color:rgba(255,255,255,.66);font-size:11px;line-height:1.35}.sv-transport{padding:92px 0 76px;color:#fff;background:radial-gradient(circle at 20% 70%,rgba(16,138,97,.2),transparent 30%),#05251b}.sv-transport__grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:58px}.sv-transport__media{position:relative;min-height:490px;overflow:hidden;border:1px solid rgba(216,179,93,.3);border-radius:28px;background:linear-gradient(145deg,#114b36,#06271d);box-shadow:0 30px 80px rgba(0,0,0,.27)}.sv-transport__empty{display:grid;place-items:center;gap:13px;height:100%;color:rgba(255,255,255,.7);text-align:center;font-weight:800}.sv-transport__empty svg{width:60px;height:60px;color:var(--sv-gold)}.sv-transport__stamp{position:absolute;z-index:2;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;padding:13px 17px;color:#fff;font-size:14px;font-weight:950;line-height:1.15;border:1px solid rgba(216,179,93,.52);border-radius:16px;background:rgba(3,29,22,.76);backdrop-filter:blur(12px)}.sv-transport__stamp svg{width:28px;height:28px;color:var(--sv-gold)}.sv-transport-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.sv-transport-stats div{padding:17px 12px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.06)}.sv-transport-stats b{display:block;color:var(--sv-gold2);font-size:19px;font-weight:950;line-height:1.1}.sv-transport-stats span{display:block;margin-top:7px;color:rgba(255,255,255,.7);font-size:11px;line-height:1.35}.sv-transport-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.sv-transport-gallery img{width:100%;height:195px;object-fit:cover;border:1px solid rgba(216,179,93,.2);border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.18)}[data-sv-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}[data-sv-reveal].is-visible{opacity:1;transform:none}.sv-team-cards [data-sv-reveal]:nth-child(2),.sv-transport-gallery [data-sv-reveal]:nth-child(2){transition-delay:.1s}.sv-team-cards [data-sv-reveal]:nth-child(3),.sv-transport-gallery [data-sv-reveal]:nth-child(3){transition-delay:.2s}@media(max-width:1120px){.sv-team-cards{grid-template-columns:repeat(3,1fr)}.sv-team__grid,.sv-transport__grid{grid-template-columns:1fr}.sv-team__group{min-height:380px}.sv-transport__copy{max-width:700px}}@media(max-width:760px){.sv-team,.sv-transport{padding:58px 0}.sv-team__grid,.sv-transport__grid{gap:28px}.sv-team__group{min-height:300px;border-radius:21px}.sv-team-cards{grid-template-columns:repeat(2,1fr);gap:10px}.sv-team-card img,.sv-team-card__blank{width:68px;height:68px}.sv-transport__media{min-height:340px;border-radius:21px}.sv-transport-stats{grid-template-columns:1fr}.sv-transport-gallery{grid-template-columns:1fr}.sv-transport-gallery img{height:215px}.sv-team h2,.sv-transport h2{font-size:31px}}


/* =========================================================
   ST VET — EXACT DESKTOP COMPOSITION: DIRECTIONS → TEAM → TRUST → TRANSPORT
   ========================================================= */
@media (min-width: 761px) {
    .sv-card-grid { display:flex; overflow-x:auto; gap:16px; padding:0 0 10px; scroll-snap-type:x mandatory; scrollbar-width:thin; }
    .sv-animal-card { flex:0 0 168px; scroll-snap-align:start; }
    .sv-animal-card__photo { height: 148px; }
    .sv-animal-card__body { min-height: 84px; padding: 41px 10px 13px; text-align: center; }
    .sv-animal-card__mark { top: -22px; left: calc(50% - 21px); width: 42px; height: 42px; }
    .sv-animal-card strong { font-size: 15px; }
    .sv-animal-card span { margin-top: 5px; font-size: 11px; }
    .sv-team { padding: 62px 0 20px; }
    .sv-team__grid { grid-template-columns: 0.76fr 1.52fr; gap: 40px; align-items: center; }
    .sv-team__group { min-height: 330px; border-radius: 22px; }
    .sv-team__copy { padding: 12px 0; }
    .sv-team h2 { font-size: 37px; }
    .sv-team__copy>p:not(.sv-section-kicker) { max-width: 330px; font-size: 14px; line-height: 1.6; }
    .sv-team__trust { margin-top: 24px; }
    .sv-team-cards { display: flex; gap: 10px; margin-top: 18px; overflow-x: auto; padding: 0 2px 10px; scrollbar-width: thin; }
    .sv-team-card { flex: 0 0 calc((100% - 50px) / 6); min-width: 145px; padding: 14px 8px 15px; border-radius: 15px; }
    .sv-team-card img,.sv-team-card__blank { width: 72px; height: 72px; }
    .sv-team-card strong { font-size: 12px; }
    .sv-team-card span { font-size: 10.5px; }
    .sv-transport { padding: 72px 0; }
    .sv-transport__grid { grid-template-columns: 1.16fr .84fr; }
}
.sv-brands { background:#fff; border-bottom: 1px solid rgba(7,61,44,.1); }
.sv-brands__in { display:flex; align-items:center; gap:32px; min-height:98px; }
.sv-brands__in > strong { flex:0 0 auto; color:var(--sv-green); font-size:15px; font-weight:950; }
.sv-brands__list { display:grid; grid-template-columns:repeat(8,minmax(78px,1fr)); align-items:center; flex:1; gap:18px; }
.sv-brands__list span { color:#1c5645; text-align:center; font-size:14px; line-height:1; font-weight:900; opacity:.78; }
.sv-brands__list span:nth-child(2) { color:#ea671b; font-size:21px; font-weight:800; }
.sv-brands__list span:nth-child(3) { color:#0c66aa; font-size:18px; }
.sv-brands__list span:nth-child(4) { color:#4b9a4d; }
.sv-brands__list span:nth-child(5) { color:#153f99; font-size:18px; }
.sv-brands__list span:nth-child(6) { color:#1d408f; }
.sv-brands__list span:nth-child(7) { color:#148247; font-size:18px; }
@media(max-width:760px){
  .sv-card-grid{display:flex;overflow-x:auto;gap:13px;padding:0 0 8px;scroll-snap-type:x mandatory;}
  .sv-animal-card{flex:0 0 72%;scroll-snap-align:start;}
  .sv-brands__in{display:block;padding:24px 0;}
  .sv-brands__in>strong{display:block;margin-bottom:18px;}
  .sv-brands__list{grid-template-columns:repeat(4,1fr);gap:16px 8px;}
  .sv-brands__list span{font-size:11px!important;}
}


/* =========================================================
   ST VET — AUTO CAROUSELS: ANIMALS + TEAM
   ========================================================= */
.sv-card-grid[data-sv-carousel],
.sv-team-cards[data-sv-carousel]{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow:hidden !important;
    gap:14px;
    scroll-behavior:auto;
    -ms-overflow-style:none;
    scrollbar-width:none;
}
.sv-card-grid[data-sv-carousel]::-webkit-scrollbar,
.sv-team-cards[data-sv-carousel]::-webkit-scrollbar{display:none;}
.sv-card-grid[data-sv-carousel] .sv-animal-card{flex:0 0 168px;min-width:168px;scroll-snap-align:start;}
.sv-team-cards[data-sv-carousel]{margin-top:18px;padding:0 2px 8px;}
.sv-team-cards[data-sv-carousel] .sv-team-card{flex:0 0 145px;min-width:145px;}
@media (max-width:760px){
  .sv-card-grid[data-sv-carousel] .sv-animal-card{flex:0 0 152px;min-width:152px;}
  .sv-animal-card__photo{height:160px;}
  .sv-animal-card__body{min-height:84px;padding:41px 10px 13px;text-align:center;}
  .sv-animal-card__mark{top:-22px;left:calc(50% - 21px);width:42px;height:42px;}
  .sv-animal-card strong{font-size:15px;}
  .sv-animal-card span{margin-top:5px;font-size:11px;}
  .sv-team-cards[data-sv-carousel] .sv-team-card{flex:0 0 138px;min-width:138px;}
}

/* =========================================================
   ST VET — FINAL MOTION, CAROUSELS AND HERO GRAPHICS
   ========================================================= */
/* JS never hides content if JavaScript is blocked or fails. */
[data-sv-reveal]{opacity:1;transform:none}
/* Opacity-only reveal — no translate (safer for CLS / paint). */
.sv-js [data-sv-reveal]{opacity:0;transform:none;transition:opacity .55s ease}
.sv-js [data-sv-reveal].is-visible{opacity:1;transform:none}
/* First viewport must never start hidden — protects LCP + CLS. */
.sv-js .sv-hero [data-sv-reveal],
.sv-js .sv-assortment [data-sv-reveal],
.sv-js .sv-advantages [data-sv-reveal]{opacity:1;transform:none;transition:none}

/* Animated «4000+» visual. Transform and opacity only: no layout reflow. */
.sv-assortment{isolation:isolate}
.sv-assortment-core{overflow:visible;will-change:transform}
.sv-assortment-core__line{position:relative!important;z-index:2;display:block!important;width:84%!important;height:1px!important;background:linear-gradient(90deg,transparent,var(--sv-gold2),transparent)!important}
.sv-assortment-orbit{position:absolute;z-index:0;display:block;pointer-events:none;border:1px solid rgba(216,179,93,.23);border-radius:50%;opacity:.8}
.sv-assortment-orbit--one{width:116%;height:116%;animation:sv-orbit 9s linear infinite}
.sv-assortment-orbit--two{width:133%;height:133%;border-style:dashed;opacity:.33;animation:sv-orbit 17s linear infinite reverse}
.sv-assortment-spark{position:absolute;z-index:3;width:7px;height:7px;border-radius:50%;background:var(--sv-gold2);box-shadow:0 0 17px rgba(216,179,93,.95);animation:sv-spark 2.1s ease-in-out infinite}
.sv-assortment-spark--one{top:10%;right:11%}.sv-assortment-spark--two{bottom:13%;left:12%;animation-delay:.7s}
.sv-assortment-core b{font-variant-numeric:tabular-nums;animation:sv-counter-glow 2.8s ease-in-out infinite}
.sv-assortment-list .sv-assortment-item{will-change:transform}
@keyframes sv-orbit{to{transform:rotate(360deg)}}
@keyframes sv-spark{0%,100%{transform:scale(.62);opacity:.5}50%{transform:scale(1.15);opacity:1}}
@keyframes sv-counter-glow{0%,100%{text-shadow:0 0 0 rgba(216,179,93,0)}50%{text-shadow:0 0 22px rgba(216,179,93,.32)}}

/* Carousels: CSS marquee works even before / without JavaScript. */
.sv-carousel{position:relative;margin-top:28px}
.sv-carousel__viewport{position:relative;overflow:hidden;outline:0;cursor:grab;touch-action:pan-y;mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}
.sv-carousel__viewport:active{cursor:grabbing}
.sv-carousel__track{display:flex;width:max-content;will-change:transform;animation:sv-carousel-loop var(--sv-carousel-duration,12s) linear infinite}
.sv-carousel.is-enhanced .sv-carousel__track{animation:none}
.sv-carousel.is-paused .sv-carousel__track{animation-play-state:paused}
.sv-carousel__group{display:flex;align-items:stretch;gap:16px;padding-right:16px}
.sv-carousel--animals{--sv-carousel-duration:11.5s}
.sv-carousel--team{--sv-carousel-duration:14.5s;margin-top:22px}
@keyframes sv-carousel-loop{to{transform:translate3d(-50%,0,0)}}
.sv-carousel--animals .sv-animal-card{flex:0 0 168px;width:168px;min-width:168px}
.sv-animal-card--clone{pointer-events:none}
.sv-carousel--team .sv-team-card{flex:0 0 162px;width:162px;min-width:162px;margin:0;padding:15px 10px 14px;background:rgba(255,255,255,.07)}
.sv-carousel--team .sv-team-card:hover{transform:translate3d(0,-5px,0)}
.sv-carousel--team .sv-team-card img,.sv-carousel--team .sv-team-card__blank{width:82px;height:82px}
.sv-carousel__controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}
.sv-carousel__button{display:grid;width:38px;height:38px;cursor:pointer;color:var(--sv-green);font-size:22px;line-height:1;border:1px solid rgba(7,61,44,.18);border-radius:50%;background:#fff;box-shadow:0 8px 22px rgba(7,61,44,.08);place-items:center;transition:transform .18s ease,background .18s ease,color .18s ease}
.sv-carousel__button:hover{color:#fff;background:var(--sv-green);transform:translateY(-2px)}
.sv-carousel__hint{min-width:110px;color:var(--sv-muted);font-size:11px;font-weight:900;letter-spacing:.8px;text-align:center;text-transform:uppercase}
.sv-carousel__controls--dark .sv-carousel__button{color:var(--sv-gold2);border-color:rgba(216,179,93,.38);background:rgba(3,29,22,.34);box-shadow:none}.sv-carousel__controls--dark .sv-carousel__button:hover{color:#06261d;background:var(--sv-gold2)}.sv-carousel__controls--dark .sv-carousel__hint{color:rgba(255,255,255,.64)}

/* Team stays as the reference composition: text + large general photo + portrait carousel. */
.sv-team__group img{display:block;transform:scale(1.015);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.sv-team.is-visible .sv-team__group img,.sv-team:hover .sv-team__group img{transform:scale(1)}
.sv-team-card__blank{position:relative;overflow:hidden}.sv-team-card__blank::before{position:absolute;inset:0;content:"";opacity:.7;background:radial-gradient(circle at 50% 22%,rgba(216,179,93,.25),transparent 33%),linear-gradient(145deg,#1a5a42,#0b3326)}.sv-team-card__blank svg{position:relative;z-index:1}

/* These overrides defeat old grid rules from previous archive versions. */
.sv-card-grid,.sv-team-cards{display:initial!important}

@media (max-width:760px){
  .sv-carousel{margin-top:21px}.sv-carousel__viewport{margin:0 -3px;mask-image:linear-gradient(90deg,transparent 0,#000 1.5%,#000 98.5%,transparent 100%)}
  .sv-carousel__group{gap:12px;padding-right:12px}
  .sv-carousel--animals{--sv-carousel-duration:9.5s}.sv-carousel--team{--sv-carousel-duration:12.5s}
  .sv-carousel--animals .sv-animal-card{flex-basis:145px;width:145px;min-width:145px}
  .sv-carousel--animals .sv-animal-card__photo{height:148px}
  .sv-carousel--animals .sv-animal-card__body{min-height:84px;padding:40px 8px 12px;text-align:center}
  .sv-carousel--animals .sv-animal-card__mark{top:-22px;left:calc(50% - 21px)}
  .sv-carousel--team .sv-team-card{flex-basis:142px;width:142px;min-width:142px}
  .sv-carousel--team .sv-team-card img,.sv-carousel--team .sv-team-card__blank{width:72px;height:72px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .sv-carousel__viewport{overflow-x:auto;mask-image:none}
  .sv-carousel__track{animation:none!important;transform:none!important}
}

/* =========================================================
   ST VET — FINAL UPDATE: ADVANTAGES, RELIABLE CAROUSELS, PARTNER MODAL
   ========================================================= */
/* Каруселі працюють через scrollLeft/requestAnimationFrame. */
.sv-carousel__track{animation:none!important;transform:none!important;will-change:auto!important}
.sv-carousel__viewport{overflow:hidden;overscroll-behavior-x:contain;user-select:none}
.sv-carousel__viewport img{pointer-events:none}
.sv-carousel__group{flex-shrink:0}
.sv-carousel--animals,.sv-carousel--team{--sv-carousel-duration:0s}

/* Напрямки тварин ідуть перед перевагами. Тексти-пояснення прибрані. */
.sv-advantages{position:relative;z-index:2;background:#fff;border-top:1px solid rgba(7,61,44,.07)}
.sv-adv-grid{padding:30px 0}
.sv-adv{min-height:106px}
.sv-adv h3{margin:0}
.sv-adv p{display:none!important}

/* Кнопка форми в футері. */
button.sv-btn{font:inherit;cursor:pointer}
.sv-footer-link{display:flex;align-items:center;width:fit-content;max-width:100%;min-height:48px;margin:0;padding:10px 0;color:rgba(255,255,255,.92);font:inherit;font-size:15px;line-height:1.35;text-align:left;border:0;background:transparent;cursor:pointer;transition:color .18s ease}
.sv-footer-link:hover{color:var(--sv-gold2)}

/* Модальна форма «Стати партнером». */
.sv-partner-modal[hidden]{display:none!important}
.sv-partner-modal{position:fixed;z-index:99999;inset:0;display:grid;padding:22px;opacity:0;visibility:hidden;place-items:center;transition:opacity .22s ease,visibility .22s ease}
.sv-partner-modal.is-open{opacity:1;visibility:visible}
.sv-partner-modal__backdrop{position:absolute;inset:0;background:rgba(1,20,14,.78);backdrop-filter:blur(8px)}
.sv-partner-modal__dialog{position:relative;z-index:1;width:min(100%,650px);max-height:min(92vh,760px);overflow-y:auto;padding:30px;border:1px solid rgba(216,179,93,.38);border-radius:26px;background:linear-gradient(145deg,#fdfefc,#f2f8f4);box-shadow:0 30px 95px rgba(0,0,0,.52);transform:translateY(18px) scale(.985);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.sv-partner-modal.is-open .sv-partner-modal__dialog{transform:none}
.sv-partner-modal__close{position:absolute;top:14px;right:14px;display:grid;width:38px;height:38px;padding:0;color:var(--sv-green);font:32px/1 Arial,sans-serif;border:1px solid rgba(7,61,44,.13);border-radius:50%;background:#fff;cursor:pointer;place-items:center;transition:transform .18s ease,background .18s ease}
.sv-partner-modal__close:hover{color:#fff;background:var(--sv-green);transform:rotate(90deg)}
.sv-partner-modal__heading{display:flex;align-items:flex-start;gap:15px;padding:2px 45px 21px 0;border-bottom:1px solid rgba(7,61,44,.09)}
.sv-partner-modal__icon{display:grid;flex:0 0 48px;width:48px;height:48px;color:var(--sv-gold2);border:1px solid rgba(216,179,93,.48);border-radius:15px;background:linear-gradient(135deg,#fff8df,#f5edcf);place-items:center}
.sv-partner-modal__icon svg{width:27px;height:27px}
.sv-partner-modal__heading p{margin:0 0 7px;color:#95752f;font-size:10px;font-weight:950;letter-spacing:1.15px;text-transform:uppercase}
.sv-partner-modal__heading h2{margin:0;color:var(--sv-green);font-size:clamp(26px,4vw,35px);font-weight:950;line-height:1.05;letter-spacing:-.8px}
.sv-partner-modal__heading>div>span{display:block;margin-top:9px;color:var(--sv-muted);font-size:14px;line-height:1.45}
.sv-partner-modal__message{margin:18px 0 0;padding:12px 14px;border-radius:12px;font-size:14px;font-weight:700;line-height:1.45}
.sv-partner-modal__message--error{color:#7a211c;border:1px solid rgba(160,42,32,.24);background:#fff1ef}
.sv-partner-form{display:grid;gap:14px;margin-top:22px}
.sv-partner-form label{display:block}
.sv-partner-form label>span{display:block;margin:0 0 7px;color:var(--sv-green);font-size:12px;font-weight:900}
.sv-partner-form label b{color:#b42f26}
.sv-partner-form input:not([type=checkbox]),.sv-partner-form textarea{display:block;width:100%;padding:13px 14px;color:var(--sv-green);font:inherit;line-height:1.25;border:1px solid rgba(7,61,44,.18);border-radius:12px;outline:none;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}
.sv-partner-form textarea{min-height:92px;resize:vertical}
.sv-partner-form input:focus,.sv-partner-form textarea:focus{border-color:var(--sv-green2);box-shadow:0 0 0 4px rgba(15,138,97,.11)}
.sv-partner-form__two-col{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.sv-partner-form__consent{display:flex!important;align-items:flex-start;gap:10px;padding:2px 0}
.sv-partner-form__consent input{flex:0 0 auto;margin:3px 0 0;accent-color:var(--sv-green2)}
.sv-partner-form__consent span{margin:0!important;color:#576a61!important;font-size:12px!important;font-weight:650!important;line-height:1.45}
.sv-partner-form__submit{justify-content:center;width:100%;margin-top:3px}
.sv-partner-form__honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.sv-form-toast{position:fixed;z-index:99998;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;max-width:min(440px,calc(100vw - 32px));padding:14px 15px;color:#fff;border:1px solid rgba(216,179,93,.4);border-radius:16px;background:linear-gradient(135deg,#083d2c,#0e714e);box-shadow:0 22px 50px rgba(0,0,0,.28);opacity:0;transform:translateY(18px);transition:opacity .25s ease,transform .25s ease}
.sv-form-toast.is-visible{opacity:1;transform:none}
.sv-form-toast svg{width:22px;height:22px;color:var(--sv-gold2);flex:0 0 auto}
.sv-form-toast span{font-size:13px;font-weight:800;line-height:1.35}
.sv-form-toast button{margin-left:auto;padding:0;color:#fff;font:24px/1 Arial,sans-serif;border:0;background:transparent;cursor:pointer}
html.sv-modal-open,html.sv-modal-open body{overflow:hidden}

@media(max-width:760px){
  .sv-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 0 24px}
  .sv-adv{min-height:112px;padding:14px 8px;border:1px solid rgba(7,61,44,.1);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbf9);box-shadow:0 10px 26px rgba(7,61,44,.055)}
  .sv-adv:not(:last-child)::after{display:none}
  .sv-adv-icon{width:40px;height:40px;margin-bottom:9px;border-radius:13px}
  .sv-adv-icon svg{width:23px;height:23px}
  .sv-adv h3{font-size:12px;line-height:1.15}
  .sv-partner-modal{padding:12px}
  .sv-partner-modal__dialog{max-height:94vh;padding:24px 17px 18px;border-radius:21px}
  .sv-partner-modal__heading{gap:12px;padding-right:36px}
  .sv-partner-modal__icon{flex-basis:42px;width:42px;height:42px;border-radius:13px}
  .sv-partner-modal__heading h2{font-size:27px}
  .sv-partner-form__two-col{grid-template-columns:1fr;gap:14px}
  .sv-form-toast{right:16px;bottom:16px}
}
@media(prefers-reduced-motion:reduce){.sv-partner-modal,.sv-partner-modal__dialog,.sv-form-toast{transition:none!important}}


/* =========================================================
   ST VET — CAROUSEL POLISH FIX
   =========================================================
   Animal strip has no visible controls: it moves automatically and can be swiped.
   Team strip moves slowly, and retains arrows for manual switching.
*/
.sv-carousel__track{
    animation:sv-carousel-loop var(--sv-carousel-duration,12s) linear infinite !important;
    transform:translate3d(0,0,0) !important;
    will-change:transform !important;
}
.sv-carousel.is-enhanced .sv-carousel__track{
    animation:none !important;
    transform:none !important;
    will-change:auto !important;
}
.sv-carousel--animals{--sv-carousel-duration:8.2s !important;}
.sv-carousel--team{--sv-carousel-duration:17s !important;}
.sv-carousel--animals .sv-carousel__controls{display:none!important;}
.sv-carousel--animals .sv-carousel__viewport::before,
.sv-carousel--animals .sv-carousel__viewport::after{
    position:absolute;
    z-index:3;
    top:0;
    bottom:0;
    width:46px;
    content:"";
    pointer-events:none;
}
.sv-carousel--animals .sv-carousel__viewport::before{left:0;background:linear-gradient(90deg,#f6faf7,transparent);}
.sv-carousel--animals .sv-carousel__viewport::after{right:0;background:linear-gradient(270deg,#f6faf7,transparent);}
.sv-team-slider{margin-top:26px;}
.sv-carousel--team .sv-carousel__viewport::before,
.sv-carousel--team .sv-carousel__viewport::after{
    position:absolute;
    z-index:3;
    top:0;
    bottom:0;
    width:44px;
    content:"";
    pointer-events:none;
}
.sv-carousel--team .sv-carousel__viewport::before{left:0;background:linear-gradient(90deg,#06291e,transparent);}
.sv-carousel--team .sv-carousel__viewport::after{right:0;background:linear-gradient(270deg,#06291e,transparent);}
.sv-carousel--team .sv-team-card{
    overflow:hidden;
    border-color:rgba(216,179,93,.22);
    background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.05));
    box-shadow:0 14px 28px rgba(0,0,0,.18);
}
.sv-carousel--team .sv-team-card img{
    box-shadow:0 6px 20px rgba(0,0,0,.18);
}
.sv-carousel--team .sv-carousel__controls{margin-top:18px;}
.sv-carousel--team .sv-carousel__button{width:44px;height:44px;font-size:25px;}
.sv-carousel--team .sv-carousel__hint{min-width:128px;}
.sv-carousel--team .sv-team-card:nth-child(odd){transform:translateY(7px);}
.sv-carousel--team .sv-team-card:hover{transform:translateY(-5px)!important;}
@media (max-width:760px){
    .sv-carousel--animals{--sv-carousel-duration:6.8s !important;}
    .sv-carousel--team{--sv-carousel-duration:14s !important;}
    .sv-carousel--animals .sv-carousel__viewport::before,
    .sv-carousel--animals .sv-carousel__viewport::after,
    .sv-carousel--team .sv-carousel__viewport::before,
    .sv-carousel--team .sv-carousel__viewport::after{width:26px;}
    .sv-carousel--team .sv-carousel__controls{margin-top:15px;}
}
@media (prefers-reduced-motion:reduce){
    .sv-carousel__track{animation:none!important;transform:none!important;}
    .sv-carousel__viewport{overflow-x:auto!important;}
}


/* =========================================================
   ST VET — STATIC ANIMAL DIRECTIONS GRID
   =========================================================
   No repeated cards, no marquee and no controls here.
   Eight directions fit in a compact 4 × 2 layout on desktop.
*/
.sv-animal-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:28px;
}
.sv-animal-grid .sv-animal-card{
    min-width:0;
    border-radius:16px;
    box-shadow:0 12px 30px rgba(7,61,44,.09);
}
.sv-animal-grid .sv-animal-card__photo{
    height:96px;
}
.sv-animal-grid .sv-animal-card__body{
    min-height:72px;
    padding:35px 10px 11px;
    text-align:center;
}
.sv-animal-grid .sv-animal-card__mark{
    top:-20px;
    left:calc(50% - 19px);
    width:38px;
    height:38px;
    font-size:9px;
}
.sv-animal-grid .sv-animal-card strong{
    font-size:14px;
}
.sv-animal-grid .sv-animal-card span{
    margin-top:4px;
    font-size:10.5px;
    line-height:1.2;
}
.sv-animal-grid .sv-animal-card:hover{
    transform:translateY(-4px);
}
@media(max-width:980px){
    .sv-animal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
    .sv-animal-grid .sv-animal-card__photo{height:82px;}
}
@media(max-width:760px){
    .sv-animal-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        margin-top:20px;
    }
    .sv-animal-grid .sv-animal-card__photo{height:86px;}
    .sv-animal-grid .sv-animal-card__body{min-height:70px;padding:33px 8px 10px;}
    .sv-animal-grid .sv-animal-card__mark{top:-18px;left:calc(50% - 18px);width:36px;height:36px;}
    .sv-animal-grid .sv-animal-card strong{font-size:13px;}
    .sv-animal-grid .sv-animal-card span{font-size:10px;}
}
@media(prefers-reduced-motion:reduce){
    .sv-animal-grid .sv-animal-card{transition:none!important;}
}


/* =========================================================
   ST VET — REORDERED HERO / ADVANTAGES / TEAM TUNING
   ========================================================= */
.sv-hero__in{
    align-items:start;
    padding-top:18px;
}
.sv-hero__copy{padding-top:6px;}
.sv-hero__copy > h1,
.sv-hero__copy > h2{
    margin-top:0 !important;
}
.sv-badge,
.sv-hero-kicker,
.sv-team__trust{
    display:none !important;
}
.sv-advantages{
    padding:18px 0 14px;
}
.sv-animals{
    padding-top:12px;
}
.sv-team-card,
.sv-carousel--team .sv-team-card{
    transform:none !important;
}
.sv-team-card:hover,
.sv-carousel--team .sv-team-card:hover{
    transform:none !important;
    translate:none !important;
    border-color:rgba(255,255,255,.14) !important;
    background:rgba(255,255,255,.07) !important;
    box-shadow:none !important;
}
.sv-team-card img,
.sv-carousel--team .sv-team-card img{
    transform:none !important;
    transition:none !important;
}
@media (max-width: 760px){
    .sv-hero__in{padding-top:10px;}
    .sv-advantages{padding:12px 0 10px;}
    .sv-animals{padding-top:6px;}
}


/* =========================================================
   ST VET — TEAM CAROUSEL FIXES
   ========================================================= */
.sv-carousel--team .sv-team-card,
.sv-carousel--team .sv-team-card:nth-child(odd),
.sv-carousel--team .sv-team-card:nth-child(even),
.sv-team-card,
.sv-team-card:nth-child(odd),
.sv-team-card:nth-child(even){
    transform:none !important;
    translate:none !important;
    scale:1 !important;
}
.sv-carousel--team .sv-team-card:hover,
.sv-team-card:hover,
.sv-carousel--team .sv-team-card:focus,
.sv-team-card:focus{
    transform:none !important;
    translate:none !important;
    scale:1 !important;
    box-shadow:none !important;
}
.sv-carousel--team .sv-team-card img,
.sv-carousel--team .sv-team-card__blank,
.sv-team-card img,
.sv-team-card__blank{
    transform:none !important;
    transition:none !important;
}
.sv-carousel--team .sv-carousel__viewport{
    overflow:hidden;
}
.sv-carousel--team .sv-carousel__track{
    align-items:stretch;
}
.sv-carousel--team .sv-team-card{
    position:relative;
    top:0 !important;
    left:0 !important;
    margin:0 !important;
}


/* =========================================================
   ST VET — CONTACTS & COMPANY DETAILS
   ========================================================= */
.sv-contacts{
    padding:0 0 78px;
    color:#fff;
    background:linear-gradient(180deg,#05291e 0%,#031d16 100%);
}
.sv-contacts__panel{
    display:grid;
    grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
    overflow:hidden;
    border:1px solid rgba(216,179,93,.26);
    border-radius:28px;
    background:
        radial-gradient(circle at 12% 10%,rgba(216,179,93,.17),transparent 30%),
        linear-gradient(135deg,rgba(9,68,48,.96),rgba(3,30,22,.98));
    box-shadow:0 28px 76px rgba(0,0,0,.23);
}
.sv-contacts__intro{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    min-height:332px;
    padding:46px 48px;
    border-right:1px solid rgba(255,255,255,.09);
}
.sv-contacts__intro h2{
    margin:0;
    color:#fff;
    font-size:clamp(35px,4vw,54px);
    font-weight:950;
    line-height:1;
    letter-spacing:-1.5px;
}
.sv-contacts__intro > p:not(.sv-section-kicker){
    max-width:370px;
    margin:18px 0 28px;
    color:rgba(255,255,255,.76);
    font-size:16px;
    font-weight:600;
    line-height:1.65;
}
.sv-contacts__list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    background:rgba(255,255,255,.09);
}
.sv-contact-card{
    display:flex;
    align-items:center;
    gap:14px;
    min-height:166px;
    padding:28px;
    color:#fff;
    background:rgba(4,42,30,.81);
    transition:background .2s ease;
}
a.sv-contact-card:hover{
    color:#fff!important;
    background:rgba(10,80,57,.95);
}
.sv-contact-card i{
    display:grid;
    flex:0 0 auto;
    width:45px;
    height:45px;
    color:var(--sv-gold2);
    border:1px solid rgba(216,179,93,.42);
    border-radius:14px;
    background:rgba(216,179,93,.1);
    place-items:center;
}
.sv-contact-card i svg{width:22px;height:22px;}
.sv-contact-card span{min-width:0;}
.sv-contact-card small,
.sv-contact-card strong{display:block;}
.sv-contact-card small{
    margin-bottom:7px;
    color:rgba(255,255,255,.57);
    font-size:11px;
    font-weight:900;
    letter-spacing:.7px;
    text-transform:uppercase;
}
.sv-contact-card strong{
    overflow-wrap:anywhere;
    color:#fff;
    font-size:15px;
    font-weight:850;
    line-height:1.35;
}
.sv-contacts__legal{
    grid-column:1 / -1;
    display:flex;
    flex-wrap:wrap;
    gap:12px 22px;
    padding:17px 28px;
    color:rgba(255,255,255,.68);
    font-size:13px;
    font-weight:750;
    line-height:1.45;
    border-top:1px solid rgba(255,255,255,.09);
    background:#031d16;
}
.sv-contacts__legal span + span::before{
    display:inline-block;
    width:4px;
    height:4px;
    margin:0 11px 2px 0;
    content:"";
    border-radius:50%;
    background:var(--sv-gold2);
}
@media(max-width:900px){
    .sv-contacts__panel{grid-template-columns:1fr;}
    .sv-contacts__intro{min-height:auto;padding:40px 34px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09);}
}
@media(max-width:620px){
    .sv-contacts{padding:0 0 52px;}
    .sv-contacts__panel{border-radius:21px;}
    .sv-contacts__intro{padding:34px 22px;}
    .sv-contacts__intro h2{font-size:38px;}
    .sv-contacts__list{grid-template-columns:1fr;}
    .sv-contact-card{min-height:104px;padding:20px;}
    .sv-contact-card i{width:42px;height:42px;border-radius:13px;}
    .sv-contacts__legal{display:block;padding:16px 20px;}
    .sv-contacts__legal span{display:block;}
    .sv-contacts__legal span + span{margin-top:6px;}
    .sv-contacts__legal span + span::before{display:none;}
}


/* =========================================================
   ST VET — FINAL QA: STABLE TEAM CAROUSEL / MOBILE FIX
   ========================================================= */
/* No clone group: each real employee is rendered once only. */
.sv-carousel--team{
    margin-top:22px;
}
.sv-carousel--team .sv-carousel__viewport{
    width:100%;
    overflow:hidden;
    overscroll-behavior-x:contain;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent;
    mask-image:none;
}
.sv-carousel--team .sv-carousel__track{
    display:flex;
    width:max-content;
    min-width:100%;
    padding:4px 0;
    transform:none !important;
    animation:none !important;
    will-change:scroll-position;
}
.sv-carousel--team .sv-carousel__group{
    display:flex;
    align-items:stretch;
    gap:12px;
    padding:0;
}
.sv-carousel--team .sv-team-card,
.sv-carousel--team .sv-team-card:nth-child(odd),
.sv-carousel--team .sv-team-card:nth-child(even){
    box-sizing:border-box;
    display:flex;
    flex:0 0 162px;
    width:162px;
    min-width:162px;
    min-height:184px;
    margin:0 !important;
    padding:15px 10px 14px;
    transform:none !important;
    translate:none !important;
    scale:1 !important;
    border-color:rgba(255,255,255,.12);
    background:rgba(255,255,255,.07);
    box-shadow:none !important;
    transition:border-color .18s ease,background .18s ease;
}
.sv-carousel--team .sv-team-card:hover,
.sv-carousel--team .sv-team-card:focus,
.sv-carousel--team .sv-team-card:active{
    transform:none !important;
    translate:none !important;
    scale:1 !important;
    border-color:rgba(216,179,93,.36);
    background:rgba(255,255,255,.09);
    box-shadow:none !important;
}
.sv-carousel--team .sv-team-card img,
.sv-carousel--team .sv-team-card__blank{
    flex:0 0 auto;
    width:82px;
    height:82px;
    transform:none !important;
    transition:none !important;
}
.sv-carousel--team .sv-carousel__controls{
    min-height:46px;
}
.sv-carousel--team.is-static .sv-carousel__track{
    width:100%;
    justify-content:center;
}
.sv-carousel--team.is-static .sv-carousel__controls{
    display:none;
}
.sv-carousel__button{
    appearance:none;
    -webkit-appearance:none;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    transform:none !important;
}
.sv-carousel__button:active,
.sv-carousel__button:focus{
    outline:0;
    transform:none !important;
}
.sv-carousel__button:focus-visible{
    outline:3px solid rgba(216,179,93,.45);
    outline-offset:3px;
}
@media (hover:hover) and (pointer:fine){
    .sv-carousel__button:hover{
        transform:none !important;
    }
}
@media (max-width:760px){
    .sv-carousel--team .sv-team-card,
    .sv-carousel--team .sv-team-card:nth-child(odd),
    .sv-carousel--team .sv-team-card:nth-child(even){
        flex-basis:142px;
        width:142px;
        min-width:142px;
        min-height:174px;
        padding:13px 8px;
    }
    .sv-carousel--team .sv-team-card img,
    .sv-carousel--team .sv-team-card__blank{
        width:72px;
        height:72px;
    }
}


/* =========================================================
   ST VET — TEAM SECTION: FINAL RESPONSIVE LAYOUT
   ========================================================= */
.sv-team .sv-wrap{
    display:block;
}
.sv-team__grid{
    display:block !important;
}
.sv-team__intro{
    max-width:760px;
    margin:0 0 24px;
}
.sv-team__intro .sv-section-kicker{
    margin-bottom:12px !important;
}
.sv-team__intro h2{
    margin:0;
    color:#fff;
    font-size:clamp(34px,4.2vw,56px);
    font-weight:950;
    line-height:1.04;
    letter-spacing:-1.45px;
}
.sv-team__intro > p:not(.sv-section-kicker){
    max-width:680px;
    margin:16px 0 0;
    color:rgba(255,255,255,.78);
    font-size:16px;
    line-height:1.65;
}
.sv-team__group{
    width:100%;
    min-height:0 !important;
    aspect-ratio:16 / 7;
    margin:0;
    border-radius:24px;
}
.sv-team__group img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.sv-team-slider{
    margin-top:20px !important;
}
.sv-carousel--team .sv-carousel__track,
.sv-carousel--team .sv-carousel__group{
    align-items:stretch !important;
}
.sv-carousel--team .sv-team-card,
.sv-carousel--team .sv-team-card:nth-child(odd),
.sv-carousel--team .sv-team-card:nth-child(even){
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0;
    overflow:hidden;
}
.sv-carousel--team .sv-team-card strong{
    width:100%;
    min-height:34px;
    margin:0;
    overflow-wrap:anywhere;
    color:#fff;
    font-size:13px;
    font-weight:900;
    line-height:1.2;
    text-align:center;
}
.sv-carousel--team .sv-team-card span{
    width:100%;
    margin:5px 0 0;
    overflow-wrap:anywhere;
    color:rgba(255,255,255,.68);
    font-size:11px;
    line-height:1.35;
    text-align:center;
}
.sv-team-slider--single{
    width:100%;
}
.sv-team-slider--single .sv-carousel__viewport{
    overflow:visible !important;
}
.sv-team-slider--single .sv-carousel__track{
    width:100% !important;
    min-width:0 !important;
}
.sv-team-slider--single .sv-carousel__group{
    width:100%;
    justify-content:center;
}
.sv-team-slider--single .sv-team-card,
.sv-team-slider--single .sv-team-card--single{
    flex:0 1 280px !important;
    width:min(100%,280px) !important;
    min-width:0 !important;
    min-height:218px !important;
    padding:18px 16px !important;
    border-color:rgba(216,179,93,.35) !important;
    background:rgba(255,255,255,.08) !important;
}
.sv-team-slider--single .sv-team-card img,
.sv-team-slider--single .sv-team-card__blank{
    width:92px !important;
    height:92px !important;
    margin:0 auto 13px !important;
}
.sv-team-slider--single .sv-team-card strong{
    min-height:0;
    font-size:15px;
}
.sv-team-slider--single .sv-team-card span{
    font-size:12px;
}
@media(max-width:900px){
    .sv-team{padding:58px 0;}
    .sv-team__intro{margin-bottom:20px;}
    .sv-team__group{aspect-ratio:4 / 3;border-radius:21px;}
}
@media(max-width:620px){
    .sv-team{padding:48px 0 52px;}
    .sv-team__intro h2{font-size:37px;}
    .sv-team__intro > p:not(.sv-section-kicker){font-size:15px;line-height:1.58;}
    .sv-team__group{aspect-ratio:4 / 3;border-radius:18px;}
    .sv-team-slider{margin-top:16px !important;}
    .sv-carousel--team .sv-team-card,
    .sv-carousel--team .sv-team-card:nth-child(odd),
    .sv-carousel--team .sv-team-card:nth-child(even){
        flex:0 0 148px !important;
        width:148px !important;
        min-width:148px !important;
        min-height:185px !important;
        padding:14px 9px !important;
    }
    .sv-carousel--team .sv-team-card img,
    .sv-carousel--team .sv-team-card__blank{
        width:74px !important;
        height:74px !important;
        margin:0 auto 10px !important;
    }
    .sv-carousel--team .sv-team-card strong{font-size:12px;}
    .sv-carousel--team .sv-team-card span{font-size:10.5px;}
    .sv-team-slider--single .sv-team-card,
    .sv-team-slider--single .sv-team-card--single{
        flex:0 1 250px !important;
        width:min(100%,250px) !important;
        min-width:0 !important;
        min-height:210px !important;
    }
    .sv-team-slider--single .sv-team-card img,
    .sv-team-slider--single .sv-team-card__blank{
        width:88px !important;
        height:88px !important;
    }
}


/* =========================================================
   ST VET — CLICKABLE MANAGER PROFILES
   ========================================================= */
.sv-team-card--button{
    appearance:none;
    -webkit-appearance:none;
    color:inherit;
    font:inherit;
    cursor:pointer;
    border:1px solid rgba(255,255,255,.12);
}
.sv-team-card--button em{
    display:block;
    margin-top:7px;
    color:var(--sv-gold2);
    font-size:10px;
    font-style:normal;
    font-weight:900;
    letter-spacing:.2px;
    text-transform:uppercase;
}
.sv-team-card--button:focus-visible{outline:3px solid rgba(216,179,93,.55);outline-offset:3px;}
.sv-manager-modal[hidden]{display:none!important;}
.sv-manager-modal{position:fixed;z-index:100001;inset:0;display:grid;padding:20px;place-items:center;}
.sv-manager-modal__backdrop{position:absolute;inset:0;background:rgba(1,18,13,.76);backdrop-filter:blur(8px);}
.sv-manager-modal__dialog{position:relative;z-index:1;width:min(100%,760px);max-height:calc(100dvh - 40px);overflow:auto;color:#fff;border:1px solid rgba(216,179,93,.34);border-radius:26px;background:linear-gradient(145deg,#0a3d2d,#031f17);box-shadow:0 32px 90px rgba(0,0,0,.42);}
.sv-manager-modal__close{position:absolute;z-index:2;top:15px;right:15px;display:grid;width:40px;height:40px;padding:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:rgba(2,28,21,.74);place-items:center;}
.sv-manager-modal__profile{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center;padding:34px;}
.sv-manager-modal__photo{display:grid;width:100%;aspect-ratio:1;overflow:hidden;border:2px solid rgba(216,179,93,.62);border-radius:22px;background:radial-gradient(circle at 45% 24%,rgba(216,179,93,.2),transparent 34%),#0b4935;place-items:center;}
.sv-manager-modal__photo img{display:block;width:100%;height:100%;object-fit:cover;}
.sv-manager-modal__photo span{color:var(--sv-gold2);}.sv-manager-modal__photo span svg{width:78px;height:78px;}
.sv-manager-modal__eyebrow{margin:0 0 10px;color:var(--sv-gold2);font-size:12px;font-weight:950;letter-spacing:1.05px;text-transform:uppercase;}
.sv-manager-modal h2{margin:0;color:#fff;font-size:clamp(28px,4vw,42px);font-weight:950;line-height:1.04;letter-spacing:-1px;}
.sv-manager-modal__role{margin:9px 0 0;color:rgba(255,255,255,.77);font-size:15px;font-weight:800;}
.sv-manager-modal__description{margin:20px 0 0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.65;}
.sv-manager-modal__contacts{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;}
.sv-manager-modal__contacts a{display:inline-flex;align-items:center;min-height:40px;padding:0 13px;color:#fff;font-size:13px;font-weight:800;text-decoration:none;border:1px solid rgba(216,179,93,.3);border-radius:10px;background:rgba(255,255,255,.06);}
.sv-manager-modal.is-open .sv-manager-modal__dialog{animation:sv-manager-in .22s ease-out both;}
@keyframes sv-manager-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:620px){.sv-manager-modal{padding:14px;}.sv-manager-modal__dialog{max-height:calc(100dvh - 28px);border-radius:20px;}.sv-manager-modal__profile{grid-template-columns:1fr;gap:20px;padding:24px 20px 22px;text-align:center;}.sv-manager-modal__photo{width:146px;margin:0 auto;border-radius:50%;}.sv-manager-modal__contacts{justify-content:center;}.sv-manager-modal__copy>.sv-btn{width:100%;}.sv-manager-modal__close{top:10px;right:10px;width:38px;height:38px;}}
@media(prefers-reduced-motion:reduce){.sv-manager-modal.is-open .sv-manager-modal__dialog{animation:none;}}


/* =========================================================
   ST VET — MANAGER SLIDER: STABLE CARDS, NO CLIPPING
   ========================================================= */
.sv-team{
    overflow:hidden;
}
.sv-team .sv-wrap{
    width:min(100% - 32px, 1200px);
}
.sv-team__intro{
    max-width:720px;
    margin:0 auto 24px;
    text-align:center;
}
.sv-team__intro > p:not(.sv-section-kicker){
    margin-right:auto;
    margin-left:auto;
}
.sv-team__group{
    width:100%;
    max-width:1120px;
    aspect-ratio:16 / 8;
    margin:0 auto;
    border-radius:24px;
}
.sv-team-slider{
    width:100%;
    max-width:1120px;
    margin:22px auto 0 !important;
}
.sv-carousel--team .sv-carousel__viewport{
    width:100%;
    overflow:hidden !important;
    padding:4px 0;
    cursor:grab;
    mask-image:none !important;
    -webkit-mask-image:none !important;
    touch-action:pan-y;
}
.sv-carousel--team .sv-carousel__track{
    display:flex !important;
    width:max-content !important;
    min-width:0 !important;
    animation:none !important;
    will-change:transform;
}
.sv-carousel--team .sv-carousel__group{
    display:flex !important;
    align-items:stretch !important;
    gap:16px !important;
    padding:0 !important;
}
.sv-carousel--team .sv-team-card,
.sv-carousel--team .sv-team-card:nth-child(odd),
.sv-carousel--team .sv-team-card:nth-child(even){
    box-sizing:border-box;
    flex:0 0 calc((1120px - 32px) / 3) !important;
    width:calc((1120px - 32px) / 3) !important;
    min-width:0 !important;
    min-height:244px !important;
    margin:0 !important;
    padding:18px 16px !important;
    transform:none !important;
    translate:none !important;
    scale:1 !important;
    border:1px solid rgba(255,255,255,.13) !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.065) !important;
    box-shadow:none !important;
}
.sv-carousel--team .sv-team-card:hover,
.sv-carousel--team .sv-team-card:focus,
.sv-carousel--team .sv-team-card:active{
    transform:none !important;
    translate:none !important;
    scale:1 !important;
    background:rgba(255,255,255,.09) !important;
    border-color:rgba(216,179,93,.44) !important;
    box-shadow:none !important;
}
.sv-carousel--team .sv-team-card img,
.sv-carousel--team .sv-team-card__blank{
    width:92px !important;
    height:92px !important;
    flex:0 0 92px !important;
    margin:0 auto 13px !important;
    transform:none !important;
    transition:none !important;
}
.sv-carousel--team .sv-team-card strong{
    display:block;
    width:100%;
    min-height:38px;
    overflow:hidden;
    color:#fff;
    font-size:15px !important;
    font-weight:900;
    line-height:1.24;
    text-align:center;
    text-overflow:ellipsis;
}
.sv-carousel--team .sv-team-card span{
    display:-webkit-box;
    width:100%;
    min-height:36px;
    margin:7px 0 0 !important;
    overflow:hidden;
    color:rgba(255,255,255,.72);
    font-size:12px !important;
    line-height:1.38;
    text-align:center;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.sv-team-card--button em{
    margin-top:auto !important;
    padding-top:11px;
    color:var(--sv-gold2);
    font-size:11px !important;
}
.sv-carousel--team .sv-carousel__controls{
    min-height:46px;
    margin-top:16px !important;
}
.sv-carousel--team .sv-carousel__button{
    width:42px !important;
    height:42px !important;
    transform:none !important;
}
.sv-carousel--team .sv-carousel__button:hover,
.sv-carousel--team .sv-carousel__button:active,
.sv-carousel--team .sv-carousel__button:focus{
    transform:none !important;
}
.sv-carousel--team.is-static .sv-carousel__track{transform:none !important;}
.sv-carousel--team.is-static .sv-carousel__group{justify-content:center;}
.sv-carousel--team.is-static .sv-carousel__controls{display:none !important;}
@media(max-width:1199px){
    .sv-carousel--team .sv-team-card,
    .sv-carousel--team .sv-team-card:nth-child(odd),
    .sv-carousel--team .sv-team-card:nth-child(even){
        flex-basis:calc((min(100vw - 64px, 1120px) - 16px) / 2) !important;
        width:calc((min(100vw - 64px, 1120px) - 16px) / 2) !important;
    }
}
@media(max-width:639px){
    .sv-team .sv-wrap{width:min(100% - 28px, 1200px);}
    .sv-team__intro{text-align:left;}
    .sv-team__intro > p:not(.sv-section-kicker){margin-right:0;margin-left:0;}
    .sv-team__group{aspect-ratio:4 / 3;border-radius:18px;}
    .sv-team-slider{margin-top:16px !important;}
    .sv-carousel--team .sv-team-card,
    .sv-carousel--team .sv-team-card:nth-child(odd),
    .sv-carousel--team .sv-team-card:nth-child(even){
        flex-basis:calc(100vw - 28px) !important;
        width:calc(100vw - 28px) !important;
        min-height:238px !important;
        padding:18px 16px !important;
    }
    .sv-carousel--team .sv-team-card img,
    .sv-carousel--team .sv-team-card__blank{
        width:88px !important;
        height:88px !important;
        flex-basis:88px !important;
    }
    .sv-carousel--team .sv-team-card strong{font-size:17px !important;}
    .sv-carousel--team .sv-team-card span{font-size:13px !important;}
}


/* =========================================================
   ST VET — TEAM SLIDER: SCROLL-BASED ARROW FIX
   ========================================================= */
.sv-carousel--team .sv-carousel__viewport{
    overflow-x:hidden !important;
    overflow-y:hidden !important;
    scroll-behavior:smooth;
    scrollbar-width:none;
}
.sv-carousel--team .sv-carousel__viewport::-webkit-scrollbar{display:none;}
.sv-carousel--team .sv-carousel__track{
    transform:none !important;
    transition:none !important;
}
.sv-carousel--team .sv-carousel__button{
    position:relative;
    z-index:20;
    pointer-events:auto !important;
    cursor:pointer;
}
.sv-carousel--team .sv-carousel__button[disabled]{
    opacity:.38;
    cursor:default;
}


/* =========================================================
   ST VET — PREMIUM LOWER LANDING / FINAL VISUAL SYSTEM
   This block intentionally comes last: it stabilizes older CSS iterations.
   ========================================================= */
:root{
    --sv-gold-bright:#f5cf72;
    --sv-gold-deep:#b8892b;
    --sv-ink:#021b14;
    --sv-panel:#0b3b2b;
}

/* BENEFITS — large gold icons immediately below the green hero. */
.sv-advantages{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 0%,rgba(231,196,109,.20),transparent 30%),
        linear-gradient(180deg,#fdfefc 0%,#f4f9f5 100%);
    border-top:1px solid rgba(216,179,93,.24);
    border-bottom:1px solid rgba(7,61,44,.08);
    box-shadow:0 24px 60px rgba(3,41,29,.08);
}
.sv-advantages::before,
.sv-advantages::after{
    position:absolute;
    width:260px;
    height:260px;
    pointer-events:none;
    content:"";
    border:1px solid rgba(216,179,93,.14);
    border-radius:50%;
}
.sv-advantages::before{top:-190px;left:-95px;}
.sv-advantages::after{right:-130px;bottom:-200px;}
.sv-adv-grid{
    position:relative;
    z-index:1;
    gap:14px;
    padding:30px 0 34px;
}
.sv-adv{
    min-height:152px;
    padding:20px 16px;
    border:1px solid rgba(216,179,93,.22);
    border-radius:20px;
    background:rgba(255,255,255,.80);
    box-shadow:0 14px 34px rgba(5,55,39,.06), inset 0 1px 0 rgba(255,255,255,.96);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.sv-adv:not(:last-child)::after{display:none;}
.sv-adv-icon{
    width:64px;
    height:64px;
    margin-bottom:14px;
    color:var(--sv-gold-bright);
    border:1px solid rgba(184,137,43,.50);
    border-radius:22px;
    background:linear-gradient(145deg,#0b4935,#052d20);
    box-shadow:0 12px 28px rgba(4,48,34,.18), inset 0 1px 0 rgba(255,255,255,.10), 0 0 0 6px rgba(216,179,93,.11);
}
.sv-adv-icon svg{width:33px;height:33px;stroke-width:1.85;filter:drop-shadow(0 3px 4px rgba(0,0,0,.26));}
.sv-adv h3{margin:0;color:#093d2c;font-size:14px;font-weight:950;line-height:1.22;}
@media(hover:hover) and (pointer:fine){
    .sv-adv:hover{transform:translateY(-5px);border-color:rgba(184,137,43,.55);box-shadow:0 21px 44px rgba(5,55,39,.12), inset 0 1px 0 rgba(255,255,255,.96);}
}

/* TEAM — image treated as a premium framed editorial photo. */
.sv-team{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:
        radial-gradient(circle at 7% 9%,rgba(216,179,93,.15),transparent 26%),
        radial-gradient(circle at 88% 86%,rgba(13,136,94,.23),transparent 31%),
        linear-gradient(135deg,#021d15 0%,#063d2c 52%,#021c15 100%);
}
.sv-team::before{
    position:absolute;
    z-index:-1;
    inset:0;
    pointer-events:none;
    content:"";
    opacity:.28;
    background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);
}
.sv-team__group{
    position:relative;
    isolation:isolate;
    border:1px solid rgba(245,207,114,.44)!important;
    border-radius:28px!important;
    background:#0a3829;
    box-shadow:0 30px 90px rgba(0,0,0,.34),0 0 0 7px rgba(216,179,93,.06);
}
.sv-team__group::before{
    position:absolute;
    z-index:1;
    inset:0;
    pointer-events:none;
    content:"";
    background:linear-gradient(180deg,rgba(2,20,14,0) 40%,rgba(2,20,14,.67) 100%);
}
.sv-team__group img{position:relative;z-index:0;filter:saturate(1.04) contrast(1.02);}
.sv-team__photo-badge{
    position:absolute;
    z-index:2;
    right:18px;
    bottom:18px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:42px;
    padding:0 14px;
    color:#fff;
    font-size:12px;
    font-weight:900;
    letter-spacing:.25px;
    border:1px solid rgba(245,207,114,.48);
    border-radius:999px;
    background:rgba(3,28,20,.76);
    box-shadow:0 12px 30px rgba(0,0,0,.25);
    backdrop-filter:blur(10px);
}
.sv-team__photo-badge svg{width:19px;height:19px;color:var(--sv-gold-bright);}
.sv-team__intro .sv-section-kicker{color:var(--sv-gold-bright)!important;}

/* Team slider: two complete cards on desktop, one on mobile; never scale cards. */
.sv-carousel--team .sv-carousel__viewport{scroll-snap-type:x mandatory;scroll-padding-left:0;}
.sv-carousel--team .sv-team-card{scroll-snap-align:start;}
@media(min-width:640px){
  .sv-carousel--team .sv-team-card,
  .sv-carousel--team .sv-team-card:nth-child(odd),
  .sv-carousel--team .sv-team-card:nth-child(even){
      flex-basis:calc((min(100vw - 64px, 1120px) - 16px) / 2)!important;
      width:calc((min(100vw - 64px, 1120px) - 16px) / 2)!important;
      min-height:250px!important;
  }
}
.sv-carousel--team .sv-team-card,
.sv-carousel--team .sv-team-card:hover,
.sv-carousel--team .sv-team-card:focus,
.sv-carousel--team .sv-team-card:active{
    transform:none!important;
    translate:none!important;
    scale:1!important;
    box-shadow:none!important;
}

/* TRANSPORT — distinctive framed media and stronger logistics cards. */
.sv-transport{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:
        radial-gradient(circle at 83% 18%,rgba(216,179,93,.15),transparent 23%),
        radial-gradient(circle at 12% 88%,rgba(12,130,90,.22),transparent 28%),
        linear-gradient(145deg,#04271d,#031a13 70%);
}
.sv-transport::before{
    position:absolute;
    z-index:-1;
    inset:0;
    pointer-events:none;
    content:"";
    opacity:.26;
    background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:44px 44px;
}
.sv-transport__media{
    border:1px solid rgba(245,207,114,.48)!important;
    border-radius:30px!important;
    box-shadow:0 32px 88px rgba(0,0,0,.35),0 0 0 7px rgba(216,179,93,.055)!important;
}
.sv-transport__media::before{
    position:absolute;
    z-index:1;
    inset:0;
    pointer-events:none;
    content:"";
    background:linear-gradient(135deg,rgba(216,179,93,.16),transparent 30%),linear-gradient(180deg,transparent 48%,rgba(2,19,14,.72));
}
.sv-transport__media>img{position:relative;z-index:0;filter:saturate(1.06) contrast(1.03);}
.sv-transport__photo-badge{
    position:absolute;
    z-index:3;
    top:19px;
    left:19px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:36px;
    padding:0 12px;
    color:#fff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.55px;
    text-transform:uppercase;
    border:1px solid rgba(245,207,114,.46);
    border-radius:999px;
    background:rgba(2,26,18,.70);
    backdrop-filter:blur(10px);
}
.sv-transport__photo-badge svg{width:17px;height:17px;color:var(--sv-gold-bright);}
.sv-transport__stamp{z-index:4!important;border-color:rgba(245,207,114,.62)!important;background:rgba(2,28,20,.78)!important;box-shadow:0 15px 28px rgba(0,0,0,.26);}
.sv-transport__stamp svg{color:var(--sv-gold-bright)!important;}
.sv-transport-stats div{border-color:rgba(245,207,114,.22)!important;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;}
.sv-transport-stats b{color:var(--sv-gold-bright)!important;}
.sv-transport-gallery img{border-color:rgba(245,207,114,.30)!important;box-shadow:0 20px 45px rgba(0,0,0,.24)!important;}

/* CONTACTS + SOCIALS — dedicated closing sales section. */
.sv-contact-card i{color:var(--sv-gold-bright)!important;border-color:rgba(245,207,114,.46)!important;box-shadow:0 0 0 5px rgba(216,179,93,.06);}
.sv-contact-socials{grid-column:1 / -1;display:flex;align-items:center;gap:10px;padding:17px 28px;border-top:1px solid rgba(255,255,255,.09);background:rgba(1,24,17,.55);}
.sv-contact-socials>span{margin-right:6px;color:rgba(255,255,255,.66);font-size:12px;font-weight:900;letter-spacing:.75px;text-transform:uppercase;}
.sv-footer__socials a{display:grid;flex:0 0 auto;width:40px;height:40px;color:var(--sv-gold-bright)!important;border:1px solid rgba(245,207,114,.38);border-radius:13px;background:rgba(255,255,255,.06);place-items:center;transition:background .2s ease,border-color .2s ease,transform .2s ease;}
.sv-footer__socials a svg{width:20px;height:20px;}
@media(hover:hover) and (pointer:fine){.sv-footer__socials a:hover{color:#082f22!important;border-color:var(--sv-gold-bright);background:var(--sv-gold-bright);transform:translateY(-2px);}}

/* PREMIUM FOOTER — the final visual anchor, not a generic black strip. */
.sv-footer{
    position:relative;
    overflow:hidden;
    padding:70px 0 0;
    color:rgba(255,255,255,.74);
    background:
        radial-gradient(circle at 7% 0%,rgba(216,179,93,.14),transparent 25%),
        radial-gradient(circle at 94% 80%,rgba(12,126,87,.20),transparent 28%),
        #02160f;
}
.sv-footer::before{position:absolute;top:0;right:0;left:0;height:2px;content:"";background:linear-gradient(90deg,transparent,var(--sv-gold-bright),transparent);box-shadow:0 0 20px rgba(245,207,114,.65);}
.sv-footer::after{position:absolute;right:-100px;bottom:-160px;width:410px;height:410px;pointer-events:none;content:"";border:1px solid rgba(245,207,114,.13);border-radius:50%;box-shadow:0 0 0 44px rgba(245,207,114,.025),0 0 0 88px rgba(245,207,114,.018);}
.sv-footer-grid{position:relative;z-index:1;grid-template-columns:1.3fr .78fr .98fr .9fr;gap:42px;padding:0 0 42px;}
.sv-footer__brand p{max-width:300px;margin:17px 0 0;}
.sv-footer-logo i{color:var(--sv-gold-bright)!important;border:1px solid rgba(245,207,114,.36);background:linear-gradient(145deg,rgba(216,179,93,.25),rgba(216,179,93,.08));box-shadow:0 0 0 6px rgba(216,179,93,.055);}
.sv-footer h4,
.sv-footer__title{margin:5px 0 17px;color:#fff;font-size:12px;font-weight:950;letter-spacing:.95px;text-transform:uppercase;}
.sv-footer__column{position:relative;z-index:1;}
.sv-footer__column a,.sv-footer__column .sv-footer-link,.sv-footer__column p{overflow-wrap:anywhere;}
.sv-footer__column a,.sv-footer__column .sv-footer-link{display:flex;align-items:center;width:fit-content;max-width:100%;min-height:48px;margin:0;padding:10px 0;color:rgba(255,255,255,.92)!important;font-size:15px;line-height:1.35;text-align:left;text-decoration:none;border:0;background:transparent;cursor:pointer;}
.sv-footer__column p{margin:9px 0 0;}
.sv-footer__socials{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;}
.sv-footer__bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;color:rgba(255,255,255,.55);font-size:12px;border-top:1px solid rgba(255,255,255,.09);}
.sv-footer__bottom a{display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--sv-gold-bright)!important;font-weight:850;}

/* Small screens: preserve hierarchy, keep touch targets generous. */
@media(max-width:760px){
    .sv-adv-grid{gap:11px;padding:20px 0 26px;}
    .sv-adv{min-height:138px;padding:17px 10px;border-radius:18px;}
    .sv-adv-icon{width:54px;height:54px;margin-bottom:11px;border-radius:18px;}
    .sv-adv-icon svg{width:29px;height:29px;}
    .sv-adv h3{font-size:12.5px;}
    .sv-team__group,.sv-transport__media{border-radius:21px!important;}
    .sv-team__photo-badge{right:12px;bottom:12px;min-height:36px;padding:0 11px;font-size:10px;}
    .sv-team__photo-badge svg{width:16px;height:16px;}
    .sv-transport__photo-badge{top:12px;left:12px;min-height:32px;padding:0 10px;font-size:9px;}
    .sv-transport__stamp{right:12px!important;bottom:12px!important;padding:10px 12px!important;font-size:12px!important;}
    .sv-transport-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
    .sv-transport-stats div{padding:13px 8px!important;border-radius:14px!important;}
    .sv-transport-stats b{font-size:16px!important;}
    .sv-transport-stats span{font-size:10px!important;}
    .sv-contact-socials{gap:8px;padding:14px 20px;}
    .sv-contact-socials>span{width:100%;margin:0 0 2px;}
    .sv-footer__socials a{width:42px;height:42px;border-radius:14px;}
    .sv-footer{padding-top:52px;}
    .sv-footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px;padding-bottom:30px;}
    .sv-footer__brand{grid-column:1 / -1;}
    .sv-footer__bottom{display:block;padding:18px 0 22px;line-height:1.5;}
    .sv-footer__bottom a{margin-top:8px;}
}
@media(max-width:460px){
    .sv-footer-grid{grid-template-columns:1fr;gap:24px;}
    .sv-footer__brand{grid-column:auto;}
    .sv-transport-stats{grid-template-columns:1fr!important;}
}
@media(prefers-reduced-motion:reduce){
    .sv-adv,.sv-footer__socials a{transition:none!important;}
}

/* =========================================================
   ST VET — BRAND SHOWCASE (AFTER ADVANTAGES)
   ========================================================= */
.sv-brands-showcase{
    position:relative;
    overflow:hidden;
    padding:76px 0 82px;
    color:#fff;
    background:
        radial-gradient(circle at 12% 18%,rgba(216,179,93,.18),transparent 28%),
        radial-gradient(circle at 87% 84%,rgba(13,126,88,.22),transparent 30%),
        linear-gradient(135deg,#05291e 0%,#073d2c 48%,#021c15 100%);
}
.sv-brands-showcase::before{
    position:absolute;
    inset:0;
    content:"";
    pointer-events:none;
    opacity:.26;
    background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:38px 38px;
}
.sv-brands-showcase::after{
    position:absolute;
    width:360px;
    height:360px;
    right:-140px;
    top:-170px;
    content:"";
    pointer-events:none;
    border:1px solid rgba(216,179,93,.25);
    border-radius:50%;
    box-shadow:0 0 0 30px rgba(216,179,93,.035),0 0 0 60px rgba(216,179,93,.02);
}
.sv-brands-showcase .sv-wrap{position:relative;z-index:1;}
.sv-brands-showcase__head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:28px;
    margin-bottom:28px;
}
.sv-brands-showcase__head h2{
    max-width:760px;
    margin:0;
    color:#fff;
    font-size:clamp(30px,3.25vw,47px);
    font-weight:950;
    line-height:1.06;
    letter-spacing:-1.35px;
}
.sv-brands-showcase__head p:not(.sv-section-kicker){
    max-width:690px;
    margin:16px 0 0;
    color:rgba(255,255,255,.74);
    font-size:15px;
    line-height:1.65;
}
.sv-brands-showcase__controls{display:flex;flex:0 0 auto;gap:10px;}
.sv-brand-arrow{
    display:grid;
    width:48px;
    height:48px;
    padding:0;
    color:#f7df9a;
    font-size:24px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
    border:1px solid rgba(216,179,93,.48);
    border-radius:14px;
    background:rgba(216,179,93,.09);
    transition:transform .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease;
    place-items:center;
}
.sv-brand-arrow:hover:not(:disabled),.sv-brand-arrow:focus-visible:not(:disabled){
    outline:0;
    border-color:#f7df9a;
    background:rgba(216,179,93,.22);
    transform:translateY(-2px);
}
.sv-brand-arrow:disabled{opacity:.35;cursor:default;}
.sv-brand-carousel{content-visibility:auto;contain-intrinsic-size:390px;}
.sv-brand-carousel__viewport{
    overflow-x:auto;
    overflow-y:hidden;
    padding:4px 2px 13px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
.sv-brand-carousel__viewport::-webkit-scrollbar{display:none;}
.sv-brand-carousel__track{display:flex;gap:16px;}
.sv-brand-card{
    position:relative;
    display:flex;
    flex:0 0 calc((100% - 48px) / 4);
    min-width:0;
    min-height:292px;
    padding:0;
    overflow:hidden;
    color:#fff;
    cursor:pointer;
    text-align:left;
    border:1px solid rgba(216,179,93,.32);
    border-radius:22px;
    background:linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.055));
    box-shadow:0 20px 44px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1);
    scroll-snap-align:start;
    transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
    isolation:isolate;
}
.sv-brand-card::after{
    position:absolute;
    inset:0;
    z-index:-1;
    content:"";
    opacity:0;
    background:linear-gradient(145deg,rgba(216,179,93,.14),transparent 55%);
    transition:opacity .24s ease;
}
.sv-brand-card:hover,.sv-brand-card:focus-visible{
    outline:0;
    border-color:rgba(247,223,154,.82);
    background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(255,255,255,.075));
    box-shadow:0 26px 54px rgba(0,0,0,.26),0 0 0 1px rgba(216,179,93,.1) inset;
    transform:translateY(-5px);
}
.sv-brand-card:hover::after,.sv-brand-card:focus-visible::after{opacity:1;}
.sv-brand-card__media{
    position:absolute;
    inset:0;
    z-index:-2;
    display:grid;
    overflow:hidden;
    background:linear-gradient(145deg,#164e3a,#092f23);
    place-items:center;
}
.sv-brand-card__media::after{
    position:absolute;
    inset:0;
    content:"";
    background:linear-gradient(180deg,rgba(3,29,22,.03) 10%,rgba(3,29,22,.22) 46%,rgba(3,29,22,.96) 100%);
}
.sv-brand-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease;}
.sv-brand-card:hover .sv-brand-card__media img,.sv-brand-card:focus-visible .sv-brand-card__media img{transform:scale(1.055);filter:saturate(1.08) contrast(1.04);}
.sv-brand-card__media.is-empty b{
    position:relative;
    z-index:1;
    display:grid;
    width:104px;
    height:104px;
    color:#f7df9a;
    font-size:49px;
    font-weight:950;
    border:1px solid rgba(216,179,93,.62);
    border-radius:50%;
    background:rgba(216,179,93,.09);
    box-shadow:0 0 0 15px rgba(216,179,93,.04);
    place-items:center;
}
.sv-brand-card__body{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-end;
    width:100%;
    padding:26px 21px 20px;
}
.sv-brand-card__body strong{display:block;color:#fff;font-size:21px;font-weight:950;line-height:1.12;letter-spacing:-.35px;}
.sv-brand-card__body small{display:block;min-height:17px;margin-top:7px;color:rgba(255,255,255,.72);font-size:12px;font-weight:700;line-height:1.35;}
.sv-brand-card__more{display:inline-flex;align-items:center;gap:9px;margin-top:15px;color:#f4d17d;font-size:12px;font-weight:950;letter-spacing:.35px;text-transform:uppercase;}
.sv-brand-card__more i{font-size:17px;font-style:normal;transition:transform .2s ease;}
.sv-brand-card:hover .sv-brand-card__more i,.sv-brand-card:focus-visible .sv-brand-card__more i{transform:translateX(4px);}

/* Brand details modal */
.sv-brand-modal{position:fixed;z-index:10060;inset:0;display:grid;padding:22px;place-items:center;}
.sv-brand-modal[hidden]{display:none;}
.sv-brand-modal__backdrop{position:absolute;inset:0;background:rgba(1,18,13,.8);backdrop-filter:blur(10px);opacity:0;transition:opacity .2s ease;}
.sv-brand-modal__dialog{
    position:relative;
    z-index:1;
    width:min(960px,100%);
    max-height:min(720px,calc(100vh - 42px));
    overflow:auto;
    color:#fff;
    border:1px solid rgba(216,179,93,.43);
    border-radius:25px;
    background:linear-gradient(145deg,#0b4633,#05261d);
    box-shadow:0 32px 100px rgba(0,0,0,.48);
    opacity:0;
    transform:translateY(18px) scale(.985);
    transition:opacity .22s ease,transform .22s ease;
}
.sv-brand-modal.is-open .sv-brand-modal__backdrop{opacity:1;}
.sv-brand-modal.is-open .sv-brand-modal__dialog{opacity:1;transform:none;}
.sv-brand-modal__close{
    position:absolute;
    z-index:2;
    top:15px;
    right:15px;
    display:grid;
    width:42px;
    height:42px;
    padding:0;
    color:#fff;
    font-size:27px;
    line-height:1;
    cursor:pointer;
    border:1px solid rgba(255,255,255,.2);
    border-radius:50%;
    background:rgba(3,29,22,.66);
    place-items:center;
}
.sv-brand-modal__close:hover,.sv-brand-modal__close:focus-visible{outline:0;color:#f7df9a;border-color:rgba(216,179,93,.68);}
.sv-brand-modal__grid{display:grid;grid-template-columns:minmax(310px,.92fr) minmax(0,1.08fr);min-height:465px;}
.sv-brand-modal__media{position:relative;display:grid;overflow:hidden;border-radius:24px 0 0 24px;background:radial-gradient(circle at 35% 28%,rgba(216,179,93,.26),transparent 35%),#0a392a;place-items:center;}
.sv-brand-modal__media::after{position:absolute;inset:0;content:"";background:linear-gradient(120deg,rgba(3,29,22,.04),rgba(3,29,22,.43));}
.sv-brand-modal__media img{width:100%;height:100%;object-fit:cover;}
.sv-brand-modal__media span{position:relative;z-index:1;display:grid;width:140px;height:140px;color:#f7df9a;font-size:67px;font-weight:950;border:1px solid rgba(216,179,93,.62);border-radius:50%;background:rgba(216,179,93,.1);box-shadow:0 0 0 20px rgba(216,179,93,.04);place-items:center;}
.sv-brand-modal__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:62px 52px 50px;}
.sv-brand-modal__eyebrow{margin:0 0 13px;color:#f4d17d;font-size:11px;font-weight:950;letter-spacing:1.2px;text-transform:uppercase;}
.sv-brand-modal__copy h2{margin:0;color:#fff;font-size:clamp(31px,4vw,50px);font-weight:950;line-height:1.05;letter-spacing:-1.25px;}
.sv-brand-modal__subtitle{margin:13px 0 0;color:#f4d17d;font-size:15px;font-weight:850;}
.sv-brand-modal__description{max-width:500px;margin:22px 0 0;color:rgba(255,255,255,.8);font-size:16px;line-height:1.7;white-space:pre-line;}
.sv-brand-modal__copy .sv-btn{margin-top:30px;}

@media(max-width:1020px){
    .sv-brand-card{flex-basis:calc((100% - 16px) / 2);min-height:300px;}
}
@media(max-width:760px){
    .sv-brands-showcase{padding:56px 0 60px;}
    .sv-brands-showcase__head{align-items:flex-start;flex-direction:column;margin-bottom:22px;}
    .sv-brands-showcase__head h2{font-size:31px;}
    .sv-brands-showcase__controls{align-self:flex-end;margin-top:-56px;}
    .sv-brand-arrow{width:42px;height:42px;font-size:21px;border-radius:12px;}
    .sv-brand-carousel__viewport{padding-bottom:10px;}
    .sv-brand-card{flex-basis:84%;min-height:286px;border-radius:20px;}
    .sv-brand-card__body{padding:24px 18px 18px;}
    .sv-brand-card__body strong{font-size:20px;}
    .sv-brand-modal{padding:12px;}
    .sv-brand-modal__dialog{max-height:calc(100vh - 24px);border-radius:21px;}
    .sv-brand-modal__grid{grid-template-columns:1fr;}
    .sv-brand-modal__media{min-height:235px;border-radius:20px 20px 0 0;}
    .sv-brand-modal__copy{padding:31px 23px 28px;}
    .sv-brand-modal__copy h2{font-size:33px;}
    .sv-brand-modal__description{font-size:15px;line-height:1.62;}
}
@media(prefers-reduced-motion:reduce){
    .sv-brand-card,.sv-brand-card__media img,.sv-brand-arrow,.sv-brand-card__more i,.sv-brand-modal__dialog,.sv-brand-modal__backdrop{transition:none!important;}
}


/* =========================================================
   ST VET — BRANDS: compact uncropped media on every screen
   The brand image uses object-fit:contain intentionally: logos and photos
   stay fully visible instead of being clipped by a background-cover card.
   ========================================================= */
.sv-brand-carousel{contain-intrinsic-size:320px;}
.sv-brand-carousel__viewport{padding:3px 2px 14px;}
.sv-brand-carousel__track{gap:14px;}
.sv-brand-card{
    display:flex;
    flex:0 0 calc((100% - 42px) / 4);
    flex-direction:column;
    min-height:244px;
    border-radius:20px;
    background:linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.055));
}
.sv-brand-card__media{
    position:relative;
    inset:auto;
    z-index:0;
    display:grid;
    flex:0 0 126px;
    min-height:126px;
    padding:14px;
    overflow:hidden;
    border-bottom:1px solid rgba(216,179,93,.23);
    background:radial-gradient(circle at 50% 25%,rgba(247,223,154,.18),transparent 48%),linear-gradient(145deg,#0d3f2f,#082b20);
    place-items:center;
}
.sv-brand-card__media::after{
    position:absolute;
    inset:0;
    content:"";
    pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(3,29,22,.14));
}
.sv-brand-card__media img{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:100%;
    max-height:98px;
    object-fit:contain;
    filter:none;
    transform:none!important;
}
.sv-brand-card:hover .sv-brand-card__media img,
.sv-brand-card:focus-visible .sv-brand-card__media img{filter:none;transform:none!important;}
.sv-brand-card__media.is-empty b{width:78px;height:78px;font-size:36px;box-shadow:0 0 0 12px rgba(216,179,93,.04);}
.sv-brand-card__body{position:relative;z-index:1;display:flex;flex:1 1 auto;justify-content:flex-end;padding:17px 18px 18px;}
.sv-brand-card__body strong{font-size:18px;}
.sv-brand-card__body small{margin-top:5px;}
.sv-brand-card__more{margin-top:12px;}
@media(max-width:1180px){
    .sv-brand-card{flex-basis:calc((100% - 28px) / 3);min-height:238px;}
}
@media(max-width:760px){
    .sv-brand-carousel__track{gap:12px;}
    .sv-brand-card{flex-basis:min(84%,330px);min-height:226px;border-radius:18px;}
    .sv-brand-card__media{flex-basis:112px;min-height:112px;padding:12px;}
    .sv-brand-card__media img{max-height:86px;}
    .sv-brand-card__body{padding:16px;}
    .sv-brand-card__body strong{font-size:18px;}
}
@media(max-width:420px){
    .sv-brand-card{flex-basis:88%;}
}


/* =========================================================
   ST VET — BRAND MODAL: full image stripe + warm ivory accent
   The third accent is warm ivory/champagne with restrained terracotta.
   It reduces visual overload from large dark-green surfaces while keeping
   the primary ST VET green-gold identity intact.
   ========================================================= */
.sv-brand-modal__dialog{
    width:min(900px,100%);
    max-height:min(760px,calc(100vh - 42px));
    color:#123f31;
    border:1px solid rgba(216,179,93,.65);
    border-radius:25px;
    background:#f8f3e8;
    box-shadow:0 34px 110px rgba(0,0,0,.5);
}
.sv-brand-modal__layout{display:block;}
.sv-brand-modal__media{
    display:grid;
    min-height:170px;
    height:clamp(170px,25vh,224px);
    padding:18px 72px 18px 28px;
    overflow:hidden;
    border-radius:24px 24px 0 0;
    border-bottom:1px solid rgba(173,111,69,.24);
    background:
        radial-gradient(circle at 8% 110%,rgba(181,109,70,.2),transparent 28%),
        radial-gradient(circle at 92% 4%,rgba(216,179,93,.34),transparent 25%),
        linear-gradient(135deg,#fffdf7 0%,#f2e6c9 100%);
    place-items:center;
}
.sv-brand-modal__media::after{
    z-index:0;
    background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(216,179,93,.05));
}
.sv-brand-modal__media img{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
    filter:none;
}
.sv-brand-modal__media span{
    position:relative;
    z-index:1;
    color:#0a4a35;
    border-color:rgba(184,109,72,.55);
    background:rgba(255,255,255,.68);
    box-shadow:0 0 0 18px rgba(184,109,72,.07);
}
.sv-brand-modal__copy{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    min-height:0;
    padding:34px 48px 42px;
    color:#174b39;
    background:linear-gradient(145deg,#fffdf8 0%,#f8f0df 100%);
}
.sv-brand-modal__eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    margin:0 0 14px;
    padding:7px 10px;
    color:#975236;
    font-size:11px;
    font-weight:950;
    letter-spacing:1px;
    border:1px solid rgba(184,109,72,.25);
    border-radius:999px;
    background:rgba(184,109,72,.09);
}
.sv-brand-modal__copy h2{
    color:#0b4934;
    font-size:clamp(30px,4vw,47px);
    letter-spacing:-1px;
}
.sv-brand-modal__subtitle{
    margin:14px 0 0;
    color:#9b5a3d;
    font-size:16px;
    font-weight:900;
}
.sv-brand-modal__highlight{
    position:relative;
    max-width:620px;
    margin:17px 0 0;
    padding:13px 16px 13px 19px;
    color:#1c5a45;
    font-size:16px;
    font-weight:800;
    line-height:1.5;
    border-radius:0 12px 12px 0;
    background:rgba(216,179,93,.16);
}
.sv-brand-modal__highlight::before{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:4px;
    content:"";
    border-radius:4px;
    background:#b86d48;
}
.sv-brand-modal__description{
    max-width:680px;
    margin:20px 0 0;
    color:#36594d;
    font-size:16px;
    line-height:1.72;
}
.sv-brand-modal__copy .sv-btn{margin-top:28px;}
.sv-brand-modal__close{
    color:#0d4a36;
    border-color:rgba(11,73,52,.16);
    background:rgba(255,253,248,.94);
    box-shadow:0 7px 20px rgba(8,43,32,.12);
}
.sv-brand-modal__close:hover,.sv-brand-modal__close:focus-visible{
    color:#fff;
    border-color:#b86d48;
    background:#b86d48;
}
@media(max-width:760px){
    .sv-brand-modal__dialog{max-height:calc(100vh - 24px);border-radius:20px;}
    .sv-brand-modal__media{height:142px;min-height:142px;padding:15px 56px 15px 18px;border-radius:19px 19px 0 0;}
    .sv-brand-modal__copy{padding:27px 22px 30px;}
    .sv-brand-modal__copy h2{font-size:32px;}
    .sv-brand-modal__subtitle,.sv-brand-modal__highlight{font-size:14px;}
    .sv-brand-modal__description{font-size:15px;line-height:1.62;}
    .sv-brand-modal__highlight{margin-top:14px;padding:11px 13px 11px 17px;}
}


/* =========================================================
   ST VET — BRANDS ON A LIGHT PROFESSIONAL SURFACE
   The brand zone intentionally uses the same light visual base as the
   animal-directions section. This prevents a long uninterrupted dark-green
   band and keeps visual rhythm across the landing page.
   ========================================================= */
.sv-brands-showcase{
    color:var(--sv-green);
    background:linear-gradient(180deg,#f3f8f5 0%,#fff 100%);
    border-top:1px solid rgba(7,61,44,.07);
    border-bottom:1px solid rgba(7,61,44,.08);
}
.sv-brands-showcase::before{
    opacity:1;
    background:
        radial-gradient(circle at 7% 8%,rgba(216,179,93,.16),transparent 19%),
        radial-gradient(circle at 92% 86%,rgba(7,61,44,.06),transparent 22%);
}
.sv-brands-showcase::after{
    width:300px;
    height:300px;
    right:-125px;
    top:-135px;
    border-color:rgba(216,179,93,.32);
    box-shadow:0 0 0 24px rgba(216,179,93,.045),0 0 0 48px rgba(7,61,44,.018);
}
.sv-brands-showcase__head{
    align-items:flex-end;
    margin-bottom:30px;
}
.sv-brands-showcase__head .sv-section-kicker{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    margin:0 0 11px;
    padding:8px 12px;
    color:#0b4a36;
    font-size:11px;
    font-weight:950;
    letter-spacing:1px;
    border:1px solid rgba(7,61,44,.28);
    border-radius:999px;
    background:linear-gradient(135deg,#fffdf7,#f6ecd1);
    box-shadow:0 6px 16px rgba(7,61,44,.06);
}
.sv-brands-showcase__head h2{
    max-width:800px;
    color:#d5ad52;
    font-size:clamp(32px,3.3vw,50px);
    font-weight:950;
    line-height:1.04;
    letter-spacing:-1.3px;
    -webkit-text-stroke:1px #0b4a36;
    text-shadow:0 1px 0 rgba(255,255,255,.92),0 4px 16px rgba(7,61,44,.1);
}
.sv-brands-showcase__head p:not(.sv-section-kicker){
    color:#547066;
    font-size:15px;
    line-height:1.65;
}
.sv-brands-showcase__controls{gap:10px;}
.sv-brand-arrow{
    color:#0b4a36;
    border-color:rgba(7,61,44,.28);
    background:linear-gradient(145deg,#fffdf7,#f2e2b7);
    box-shadow:0 8px 18px rgba(7,61,44,.08);
}
.sv-brand-arrow:hover:not(:disabled),
.sv-brand-arrow:focus-visible:not(:disabled){
    color:#fff;
    border-color:#0b4a36;
    background:#0b4a36;
    transform:translateY(-2px);
}
.sv-brand-arrow:disabled{opacity:.38;}
.sv-brand-carousel__viewport{padding:4px 3px 16px;}
.sv-brand-carousel__track{gap:18px;}
.sv-brand-card{
    overflow:hidden;
    color:#0b4a36;
    border:1px solid rgba(7,61,44,.18);
    border-radius:20px;
    background:#fff;
    box-shadow:0 14px 32px rgba(7,61,44,.1);
}
.sv-brand-card::after{background:linear-gradient(145deg,rgba(216,179,93,.15),transparent 60%);}
.sv-brand-card:hover,
.sv-brand-card:focus-visible{
    border-color:rgba(190,147,55,.7);
    background:#fff;
    box-shadow:0 22px 42px rgba(7,61,44,.14),0 0 0 2px rgba(216,179,93,.1) inset;
    transform:translateY(-4px);
}
.sv-brand-card__media{
    flex-basis:138px;
    min-height:138px;
    padding:16px;
    overflow:hidden;
    border-bottom:1px solid rgba(7,61,44,.1);
    background:linear-gradient(145deg,#fff 0%,#f7f1e5 100%);
}
.sv-brand-card__media::after{
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(216,179,93,.04));
}
.sv-brand-card__media img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
}
.sv-brand-card:hover .sv-brand-card__media img,
.sv-brand-card:focus-visible .sv-brand-card__media img{
    transform:none!important;
    filter:none!important;
}
.sv-brand-card__media.is-empty{background:linear-gradient(145deg,#fffdf7,#f4e6bf);}
.sv-brand-card__media.is-empty b{
    color:#0b4a36;
    border-color:rgba(7,61,44,.34);
    background:#fff;
}
.sv-brand-card__body{padding:18px 18px 17px;background:#fff;}
.sv-brand-card__body strong{color:#0b4a36;font-size:18px;}
.sv-brand-card__body small{color:#61776e;}
.sv-brand-card__more{color:#a97916;}
.sv-brand-card__more i{color:#0b4a36;}

/* The image strip always preserves complete logos and photos in the modal. */
.sv-brand-modal__media{
    height:clamp(180px,22vh,230px);
    min-height:180px;
    padding:16px 76px 16px 28px;
    background:linear-gradient(145deg,#fff 0%,#f4ead4 100%);
}
.sv-brand-modal__media img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
}
@media(max-width:1180px){
    .sv-brand-card{flex-basis:calc((100% - 32px) / 3);}
}
@media(max-width:760px){
    .sv-brands-showcase{padding:52px 0 56px;}
    .sv-brands-showcase__head{margin-bottom:22px;}
    .sv-brands-showcase__head h2{
        font-size:31px;
        -webkit-text-stroke:.75px #0b4a36;
    }
    .sv-brands-showcase__head .sv-section-kicker{font-size:10px;padding:7px 10px;}
    .sv-brand-card{flex-basis:min(84%,330px);}
    .sv-brand-card__media{flex-basis:124px;min-height:124px;padding:14px;}
    .sv-brand-modal__media{height:154px;min-height:154px;padding:14px 58px 14px 18px;}
}
@media(max-width:420px){
    .sv-brands-showcase__head h2{font-size:28px;letter-spacing:-.8px;}
    .sv-brand-card{flex-basis:88%;}
}
@media(prefers-reduced-motion:reduce){
    .sv-brand-card,.sv-brand-arrow{transition:none!important;}
}


/* =========================================================
   ST VET — BRANDS: HIDE INTRO TEXT, KEEP ONLY CONTROLS
   ========================================================= */
.sv-brands-showcase{
    padding:56px 0 64px;
}
.sv-brands-showcase__controls--standalone{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin:0 0 14px;
}
@media(max-width:760px){
    .sv-brands-showcase{padding:42px 0 50px;}
    .sv-brands-showcase__controls--standalone{margin:0 0 12px;}
}


/* =========================================================
   ST VET — FINAL POLISH: HERO PRINCIPLES + BRAND CAROUSEL
   ========================================================= */

/* ----- Hero principles: fills the open lower-left composition area. ----- */
.sv-hero-principles{
    max-width:470px;
    margin-top:clamp(44px,8vh,104px);
    padding-top:18px;
    border-top:1px solid rgba(216,179,93,.42);
}
.sv-hero-principles__title{
    margin:0;
    color:var(--sv-gold2);
    font-size:13px;
    font-weight:950;
    letter-spacing:1.25px;
    text-transform:uppercase;
}
.sv-hero-principles__list{
    display:flex;
    flex-wrap:wrap;
    gap:10px 18px;
    margin:13px 0 0;
    padding:0;
    list-style:none;
}
.sv-hero-principles__list li{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:rgba(255,255,255,.9);
    font-size:14px;
    font-weight:850;
    line-height:1.35;
}
.sv-hero-principles__list span{
    display:grid;
    width:20px;
    height:20px;
    color:#082f23;
    font-size:13px;
    font-weight:1000;
    border:1px solid rgba(247,223,154,.8);
    border-radius:50%;
    background:var(--sv-gold2);
    box-shadow:0 5px 14px rgba(216,179,93,.18);
    place-items:center;
}

/* ----- Brand section: tight transition from the advantage icons. ----- */
.sv-brands-showcase{
    padding:20px 0 58px;
}
.sv-brands-carousel-shell{
    position:relative;
    padding:0 66px;
}
.sv-brand-arrow--side{
    position:absolute;
    z-index:5;
    top:50%;
    width:50px;
    height:50px;
    margin-top:-25px;
    border-radius:50%;
}
.sv-brand-arrow--prev{left:0;}
.sv-brand-arrow--next{right:0;}
.sv-brands-showcase__controls--standalone{display:none!important;}

/* The entire image/logo area is white, so white-logo source artwork does not sit on a grey block. */
.sv-brand-card__media,
.sv-brand-card__media.is-empty{
    background:#fff!important;
}
.sv-brand-card__media::after{
    background:transparent!important;
}
.sv-brand-card__media img{
    object-fit:contain!important;
    object-position:center!important;
}

/* Animal heading uses the same refined gold treatment as the brand heading. */
.sv-animals .sv-section-head h2{
    color:#d5ad52;
    -webkit-text-stroke:.8px #0b4a36;
    text-shadow:0 1px 0 rgba(255,255,255,.92),0 4px 16px rgba(7,61,44,.1);
}

/* Tablet and mobile: preserve tap targets, avoid side clipping, and keep content compact. */
@media(max-width:1080px){
    .sv-hero-principles{margin-top:36px;}
}
@media(max-width:760px){
    .sv-hero-principles{
        max-width:none;
        margin-top:30px;
        padding-top:15px;
    }
    .sv-hero-principles__list{gap:8px 13px;margin-top:10px;}
    .sv-hero-principles__list li{font-size:12.5px;}
    .sv-hero-principles__list span{width:18px;height:18px;font-size:12px;}

    .sv-brands-showcase{padding:14px 0 48px;}
    .sv-brands-carousel-shell{padding:0 48px;}
    .sv-brand-arrow--side{
        width:40px;
        height:40px;
        margin-top:-20px;
        font-size:20px;
    }
    .sv-brand-carousel__viewport{padding:4px 0 14px;}
    .sv-animals .sv-section-head h2{-webkit-text-stroke:.55px #0b4a36;}
}
@media(max-width:420px){
    .sv-brands-carousel-shell{padding:0 44px;}
    .sv-brand-arrow--side{width:36px;height:36px;margin-top:-18px;font-size:18px;}
    .sv-hero-principles__list{display:grid;grid-template-columns:1fr;gap:7px;}
}
@media(prefers-reduced-motion:reduce){
    .sv-brand-arrow--side{transition:none!important;}
}

/* =========================================================
   ST VET — HERO PRINCIPLES: DESKTOP CENTER / MOBILE AFTER ASSORTMENT
   ========================================================= */
/*
 * DOM order is intentional: copy → assortment → principles.
 * This keeps the principles below the full assortment/categories on narrow screens.
 * The desktop grid restores them to the lower-center part of the left column.
 */
@media (min-width: 1081px) {
    .sv-hero__in {
        grid-template-areas:
            "copy assortment"
            "principles assortment";
        grid-template-rows: auto minmax(150px, 1fr);
        align-items: stretch;
        row-gap: 14px;
    }

    .sv-hero__copy {
        grid-area: copy;
        align-self: start;
    }

    .sv-assortment {
        grid-area: assortment;
        align-self: center;
    }

    .sv-hero-principles {
        grid-area: principles;
        align-self: center;
        justify-self: center;
        width: min(100%, 520px);
        max-width: 520px;
        margin: clamp(42px, 7vh, 92px) auto clamp(24px, 4vh, 56px);
        padding: 25px 30px 27px;
        border: 1px solid rgba(216, 179, 93, 0.34);
        border-top: 2px solid rgba(247, 223, 154, 0.76);
        border-radius: 18px;
        background:
            linear-gradient(135deg, rgba(216, 179, 93, 0.13), rgba(255, 255, 255, 0.025) 46%, rgba(2, 28, 21, 0.18)),
            rgba(2, 28, 21, 0.19);
        box-shadow:
            0 20px 44px rgba(0, 0, 0, 0.16),
            inset 0 1px 0 rgba(255, 255, 255, 0.07);
        backdrop-filter: blur(8px);
    }

    .sv-hero-principles__title {
        font-size: 17px;
        letter-spacing: 1.6px;
    }

    .sv-hero-principles__list {
        justify-content: center;
        gap: 14px 22px;
        margin-top: 16px;
    }

    .sv-hero-principles__list li {
        gap: 9px;
        font-size: 16px;
    }

    .sv-hero-principles__list span {
        width: 25px;
        height: 25px;
        font-size: 15px;
    }
}

@media (max-width: 1080px) {
    /* In the one-column layout, this appears after the assortment by DOM order. */
    .sv-hero-principles {
        width: min(100%, 720px);
        max-width: 720px;
        margin: 30px 0 0;
        padding: 19px 20px;
        border: 1px solid rgba(216, 179, 93, 0.30);
        border-top: 2px solid rgba(247, 223, 154, 0.68);
        border-radius: 15px;
        background: rgba(2, 28, 21, 0.16);
    }

    .sv-hero-principles__list {
        margin-top: 12px;
    }
}

@media (max-width: 760px) {
    .sv-hero-principles {
        width: 100%;
        margin-top: 28px;
        padding: 17px 16px;
        border-radius: 14px;
    }

    .sv-hero-principles__title {
        font-size: 14px;
        letter-spacing: 1.1px;
    }

    .sv-hero-principles__list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
        margin-top: 12px;
    }

    .sv-hero-principles__list li {
        font-size: 14px;
    }
}


/* =========================================================
   ST VET — HERO PRINCIPLES: CLEAN CENTERED VERSION
   =========================================================
   The principles should read as a calm signature of the hero,
   not as an extra card. The DOM placement remains unchanged:
   on phones the block still follows the whole assortment list.
*/
.sv-hero-principles,
.sv-hero-principles:hover,
.sv-hero-principles:focus-within{
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
}

@media (min-width:1081px){
    .sv-hero-principles{
        grid-area:principles;
        align-self:center;
        justify-self:center;
        width:min(100%, 620px);
        max-width:620px;
        margin:clamp(54px, 8vh, 112px) auto clamp(30px, 5vh, 68px) !important;
        padding:0 !important;
        text-align:center;
    }

    .sv-hero-principles__title{
        color:var(--sv-gold2);
        font-size:clamp(18px, 1.3vw, 22px);
        font-weight:950;
        letter-spacing:1.8px;
        line-height:1.15;
        text-align:center;
        text-transform:uppercase;
    }

    .sv-hero-principles__list{
        justify-content:center;
        gap:16px 30px;
        margin-top:18px;
    }

    .sv-hero-principles__list li{
        justify-content:center;
        color:rgba(255,255,255,.94);
        font-size:clamp(16px, 1.06vw, 19px);
        font-weight:900;
    }

    .sv-hero-principles__list span{
        width:27px;
        height:27px;
        font-size:16px;
    }
}

@media (max-width:1080px){
    .sv-hero-principles{
        align-self:center;
        justify-self:center;
        width:min(100%, 720px);
        max-width:720px;
        margin:32px auto 0 !important;
        padding:0 !important;
        text-align:center;
    }

    .sv-hero-principles__title{
        text-align:center;
    }

    .sv-hero-principles__list{
        justify-content:center;
        margin-top:14px;
    }
}

@media (max-width:760px){
    .sv-hero-principles{
        width:100%;
        max-width:100%;
        margin:30px auto 0 !important;
        padding:0 !important;
        text-align:center;
    }

    .sv-hero-principles__title{
        font-size:16px;
        letter-spacing:1.35px;
        text-align:center;
    }

    .sv-hero-principles__list{
        display:flex;
        justify-content:center;
        gap:11px 18px;
        margin-top:14px;
    }

    .sv-hero-principles__list li{
        justify-content:center;
        font-size:14px;
        text-align:center;
    }
}

@media (max-width:440px){
    .sv-hero-principles__list{
        display:grid;
        grid-template-columns:1fr;
        justify-items:center;
        gap:9px;
    }

    .sv-hero-principles__list li{
        width:max-content;
        max-width:100%;
    }
}

/* =========================================================
   ST VET — MOBILE PRINCIPLES + BRAND CAROUSEL / MODAL FIX
   =========================================================
   1) Mobile principles are centered as one compact list, with every
      checkmark in a single straight vertical column.
   2) Mobile brand carousel shows two compact cards at once.
   3) Desktop brand modal uses a smaller, uncropped logo/image on a
      completely white media strip.
   ========================================================= */

/* Desktop: keep the brand image smaller and fully visible on a pure white field. */
@media (min-width: 761px) {
    .sv-brand-modal__media {
        height: clamp(146px, 19vh, 190px) !important;
        min-height: 146px !important;
        padding: 16px 74px 16px 30px !important;
        background: #fff !important;
    }

    .sv-brand-modal__media::after {
        background: transparent !important;
    }

    .sv-brand-modal__media img {
        width: min(76%, 680px) !important;
        height: 76% !important;
        max-width: 76% !important;
        max-height: 76% !important;
        object-fit: contain !important;
        object-position: center !important;
    }
}

/* Mobile: present exactly two compact brand cards in the viewport. */
@media (max-width: 760px) {
    .sv-brands-carousel-shell {
        padding-right: 42px !important;
        padding-left: 42px !important;
    }

    .sv-brand-carousel__track {
        gap: 10px !important;
    }

    .sv-brand-card {
        flex: 0 0 calc((100% - 10px) / 2) !important;
        min-width: 0 !important;
        min-height: 205px !important;
        border-radius: 16px !important;
    }

    .sv-brand-card__media {
        flex-basis: 92px !important;
        min-height: 92px !important;
        padding: 10px !important;
    }

    .sv-brand-card__media img {
        max-height: 70px !important;
    }

    .sv-brand-card__body {
        min-width: 0 !important;
        padding: 13px 12px 14px !important;
    }

    .sv-brand-card__body strong {
        font-size: 15px !important;
        line-height: 1.12 !important;
        overflow-wrap: anywhere;
    }

    .sv-brand-card__body small {
        min-height: 0 !important;
        margin-top: 4px !important;
        font-size: 10.5px !important;
        line-height: 1.28 !important;
        overflow-wrap: anywhere;
    }

    .sv-brand-card__more {
        gap: 5px !important;
        margin-top: 9px !important;
        font-size: 9.5px !important;
        letter-spacing: .16px !important;
    }

    .sv-brand-card__more i {
        font-size: 14px !important;
    }

    .sv-brand-arrow--side {
        width: 36px !important;
        height: 36px !important;
        margin-top: -18px !important;
        font-size: 18px !important;
    }

    /* Center the compact list itself; every marker starts at the same x-position. */
    .sv-hero-principles__list {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: max-content !important;
        max-width: 100% !important;
        margin: 15px auto 0 !important;
        gap: 10px !important;
    }

    .sv-hero-principles__list li {
        display: grid !important;
        grid-template-columns: 28px minmax(0, 1fr) !important;
        align-items: center !important;
        justify-content: start !important;
        width: 100% !important;
        gap: 10px !important;
        text-align: left !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
    }

    .sv-hero-principles__list span {
        grid-column: 1 !important;
        width: 24px !important;
        height: 24px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 420px) {
    .sv-brands-carousel-shell {
        padding-right: 36px !important;
        padding-left: 36px !important;
    }

    .sv-brand-card {
        min-height: 196px !important;
    }

    .sv-brand-card__media {
        flex-basis: 84px !important;
        min-height: 84px !important;
        padding: 8px !important;
    }

    .sv-brand-card__media img {
        max-height: 64px !important;
    }

    .sv-brand-card__body {
        padding: 12px 10px 13px !important;
    }

    .sv-brand-card__body strong {
        font-size: 14px !important;
    }

    .sv-brand-card__body small {
        font-size: 10px !important;
    }

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

    .sv-hero-principles__list li {
        grid-template-columns: 27px minmax(0, 1fr) !important;
        gap: 9px !important;
        font-size: 14px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sv-brand-card,
    .sv-brand-arrow {
        transition: none !important;
    }
}


/* =========================================================
   ST VET — BRAND CAROUSEL: EDGE ARROWS + FULL BRAND DIRECTORY
   The arrows deliberately stay transparent and live at the outer edges.
   The directory is a responsive, scrollable grid that opens the same
   detail modal as the carousel, so there is only one source of truth.
   ========================================================= */
.sv-brands-showcase .sv-brands-carousel-shell{
    position:relative;
    padding:0 58px;
}
.sv-brands-showcase .sv-brand-arrow--side{
    position:absolute;
    z-index:4;
    top:50%;
    display:grid;
    width:42px;
    height:80px;
    margin:0 !important;
    padding:0;
    color:#0b4a36;
    font-family:inherit;
    font-size:42px;
    font-weight:500;
    line-height:1;
    cursor:pointer;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    opacity:1;
    place-items:center;
    transform:translateY(-50%) !important;
}
.sv-brands-showcase .sv-brand-arrow--side::before{
    position:absolute;
    inset:14px 0;
    content:"";
    opacity:0;
    border-radius:12px;
    background:rgba(216,179,93,.14);
    transition:opacity .18s ease;
}
.sv-brands-showcase .sv-brand-arrow--side:hover:not(:disabled)::before,
.sv-brands-showcase .sv-brand-arrow--side:focus-visible:not(:disabled)::before{opacity:1;}
.sv-brands-showcase .sv-brand-arrow--side:hover:not(:disabled),
.sv-brands-showcase .sv-brand-arrow--side:focus-visible:not(:disabled){
    color:#a97916;
    outline:0;
    transform:translateY(-50%) !important;
}
.sv-brands-showcase .sv-brand-arrow--side:disabled{opacity:.2;}
.sv-brands-showcase .sv-brand-arrow--side > *{position:relative;z-index:1;}
.sv-brands-showcase .sv-brand-arrow--prev{left:0;}
.sv-brands-showcase .sv-brand-arrow--next{right:0;}
.sv-brands-showcase__footer{
    display:flex;
    justify-content:center;
    margin-top:24px;
}
.sv-all-brands-toggle{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:36px;
    padding:0 14px;
    color:#0b4a36;
    font-size:12px;
    font-weight:950;
    letter-spacing:.2px;
    cursor:pointer;
    border:1px solid rgba(7,61,44,.26);
    border-radius:999px;
    background:rgba(255,255,255,.7);
    box-shadow:0 6px 16px rgba(7,61,44,.06);
    transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease;
}
.sv-all-brands-toggle i{font-size:17px;font-style:normal;line-height:1;}
.sv-all-brands-toggle:hover,
.sv-all-brands-toggle:focus-visible{
    color:#fff;
    outline:0;
    border-color:#0b4a36;
    background:#0b4a36;
    transform:translateY(-1px);
}

/* All brands modal */
.sv-all-brands-modal{
    position:fixed;
    z-index:10055;
    inset:0;
    display:grid;
    padding:24px;
    place-items:center;
}
.sv-all-brands-modal[hidden]{display:none;}
.sv-all-brands-modal__backdrop{
    position:absolute;
    inset:0;
    background:rgba(1,24,17,.72);
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);
    opacity:0;
    transition:opacity .2s ease;
}
.sv-all-brands-modal__dialog{
    position:relative;
    z-index:1;
    width:min(1160px,100%);
    max-height:min(820px,calc(100vh - 48px));
    padding:34px;
    overflow:auto;
    color:#0b4a36;
    border:1px solid rgba(216,179,93,.62);
    border-radius:26px;
    background:linear-gradient(145deg,#fffdf8 0%,#f4f8f5 100%);
    box-shadow:0 34px 110px rgba(0,0,0,.44);
    opacity:0;
    transform:translateY(16px) scale(.988);
    transition:opacity .2s ease,transform .2s ease;
}
.sv-all-brands-modal.is-open .sv-all-brands-modal__backdrop{opacity:1;}
.sv-all-brands-modal.is-open .sv-all-brands-modal__dialog{opacity:1;transform:none;}
.sv-all-brands-modal__close{
    position:sticky;
    z-index:2;
    top:0;
    float:right;
    display:grid;
    width:40px;
    height:40px;
    margin:-10px -10px 0 12px;
    padding:0;
    color:#0b4a36;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    border:1px solid rgba(7,61,44,.16);
    border-radius:50%;
    background:rgba(255,255,255,.94);
    box-shadow:0 6px 18px rgba(7,61,44,.1);
    place-items:center;
}
.sv-all-brands-modal__close:hover,
.sv-all-brands-modal__close:focus-visible{color:#fff;outline:0;border-color:#0b4a36;background:#0b4a36;}
.sv-all-brands-modal__head{max-width:680px;margin-bottom:26px;}
.sv-all-brands-modal__head p{
    margin:0 0 8px;
    color:#a97916;
    font-size:11px;
    font-weight:950;
    letter-spacing:1.2px;
}
.sv-all-brands-modal__head h2{
    margin:0;
    color:#0b4a36;
    font-size:clamp(30px,4vw,48px);
    font-weight:950;
    letter-spacing:-1.2px;
    line-height:1.05;
}
.sv-all-brands-modal__head span{display:block;margin-top:10px;color:#61776e;font-size:14px;font-weight:700;line-height:1.45;}
.sv-all-brands-modal__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    align-items:stretch;
    padding:2px 0 4px;
}
.sv-all-brands-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:0;
    overflow:hidden;
    color:#0b4a36;
    text-align:left;
    cursor:pointer;
    border:1px solid rgba(7,61,44,.16);
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 24px rgba(7,61,44,.08);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.sv-all-brands-card:hover,
.sv-all-brands-card:focus-visible{
    outline:0;
    border-color:rgba(169,121,22,.7);
    box-shadow:0 16px 30px rgba(7,61,44,.13);
    transform:translateY(-3px);
}
.sv-all-brands-card__media{
    display:grid;
    min-height:112px;
    padding:14px;
    background:#fff;
    border-bottom:1px solid rgba(7,61,44,.1);
    place-items:center;
}
.sv-all-brands-card__media img{display:block;width:100%;height:86px;object-fit:contain;object-position:center;}
.sv-all-brands-card__media.is-empty b{display:grid;width:58px;height:58px;color:#0b4a36;font-size:26px;border:1px solid rgba(7,61,44,.24);border-radius:50%;background:#f7f1df;place-items:center;}
.sv-all-brands-card__copy{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-height:84px;padding:13px 14px 15px;}
.sv-all-brands-card__copy strong{display:block;color:#0b4a36;font-size:16px;font-weight:950;line-height:1.13;overflow-wrap:anywhere;}
.sv-all-brands-card__copy small{display:block;margin-top:5px;color:#61776e;font-size:11px;font-weight:700;line-height:1.32;overflow-wrap:anywhere;}

@media(max-width:1020px){
    .sv-all-brands-modal__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px){
    .sv-brands-showcase{padding:38px 0 44px!important;}
    .sv-brands-showcase .sv-wrap{width:100%;}
    .sv-brands-showcase .sv-brands-carousel-shell{padding:0 30px;}
    .sv-brands-showcase .sv-brand-arrow--side{
        width:28px;
        height:62px;
        font-size:34px;
    }
    .sv-brands-showcase .sv-brand-arrow--side::before{inset:11px 0;border-radius:9px;}
    .sv-brands-showcase .sv-brand-arrow--prev{left:1px;}
    .sv-brands-showcase .sv-brand-arrow--next{right:1px;}
    .sv-brands-showcase .sv-brand-carousel__viewport{padding:3px 0 12px;}
    .sv-brands-showcase .sv-brand-carousel__track{gap:9px!important;}
    .sv-brands-showcase .sv-brand-card{
        flex:0 0 calc((100% - 9px) / 2)!important;
        min-height:194px!important;
        border-radius:15px!important;
    }
    .sv-brands-showcase .sv-brand-card__media{flex-basis:86px!important;min-height:86px!important;padding:8px!important;}
    .sv-brands-showcase .sv-brand-card__media img{max-height:66px!important;}
    .sv-brands-showcase .sv-brand-card__body{padding:11px 10px 12px!important;}
    .sv-brands-showcase .sv-brand-card__body strong{font-size:13px!important;line-height:1.12!important;}
    .sv-brands-showcase .sv-brand-card__body small{margin-top:4px!important;font-size:9.5px!important;line-height:1.25!important;}
    .sv-brands-showcase .sv-brand-card__more{margin-top:8px!important;font-size:8.5px!important;}
    .sv-brands-showcase__footer{margin-top:17px;}
    .sv-all-brands-toggle{min-height:34px;font-size:11px;}

    .sv-all-brands-modal{padding:10px;}
    .sv-all-brands-modal__dialog{max-height:calc(100vh - 20px);padding:24px 14px 18px;border-radius:20px;}
    .sv-all-brands-modal__close{width:37px;height:37px;margin:-3px -1px 0 10px;font-size:25px;}
    .sv-all-brands-modal__head{margin:6px 8px 20px;}
    .sv-all-brands-modal__head h2{font-size:31px;}
    .sv-all-brands-modal__head span{font-size:13px;}
    .sv-all-brands-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:2px 4px 4px;}
    .sv-all-brands-card{border-radius:14px;}
    .sv-all-brands-card__media{min-height:82px;padding:8px;}
    .sv-all-brands-card__media img{height:63px;}
    .sv-all-brands-card__copy{min-height:69px;padding:10px;}
    .sv-all-brands-card__copy strong{font-size:13px;}
    .sv-all-brands-card__copy small{font-size:9.5px;}
}
@media(max-width:360px){
    .sv-brands-showcase .sv-brands-carousel-shell{padding:0 27px;}
    .sv-brands-showcase .sv-brand-card__body strong{font-size:12px!important;}
    .sv-brands-showcase .sv-brand-card__body small{font-size:9px!important;}
    .sv-all-brands-modal__grid{gap:8px;padding-left:0;padding-right:0;}
}
@media(prefers-reduced-motion:reduce){
    .sv-brand-arrow--side,.sv-all-brands-toggle,.sv-all-brands-modal__dialog,.sv-all-brands-modal__backdrop,.sv-all-brands-card{transition:none!important;}
}

/* =========================================================
   ST VET — BRAND DETAIL RETURN + FULL LOGO PROTECTION
   These final rules intentionally come last: brand source images may have
   different proportions, so the image is always contained on a white canvas.
   ========================================================= */
.sv-brand-modal__media{
    background:#fff !important;
}
.sv-brand-modal__media::after{
    background:transparent !important;
}
.sv-brand-modal__media img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    filter:none !important;
}

@media (min-width:761px){
    .sv-brand-modal__media{
        height:clamp(116px,15vh,154px) !important;
        min-height:116px !important;
        padding:18px 88px 18px 34px !important;
        border-bottom:1px solid rgba(7,61,44,.12) !important;
    }
    .sv-brand-modal__media img{
        width:auto !important;
        height:auto !important;
        max-width:min(58vw,500px) !important;
        max-height:calc(100% - 36px) !important;
    }
}

@media (max-width:760px){
    .sv-brand-modal__media{
        height:132px !important;
        min-height:132px !important;
        padding:16px 62px 16px 20px !important;
        background:#fff !important;
    }
    .sv-brand-modal__media img{
        width:auto !important;
        height:auto !important;
        max-width:calc(100% - 12px) !important;
        max-height:calc(100% - 24px) !important;
    }
}


/* =========================================================
   ST VET — FINAL TRANSPORT LIGHT SURFACE + DESKTOP LOGO FIX
   =========================================================
   The partner-model block was intentionally removed. Transport now sits
   on a bright white surface so the page has a clean visual pause between
   dark-green sections. The brand detail logo is contained inside a fixed,
   white image strip on desktop to prevent crop/zoom issues.
   ========================================================= */

/* Transport: white foundation, gold headings, green body text. */
.sv-transport{
    color:var(--sv-green) !important;
    background:
        radial-gradient(circle at 8% 12%,rgba(216,179,93,.14),transparent 20%),
        radial-gradient(circle at 92% 90%,rgba(7,61,44,.06),transparent 22%),
        linear-gradient(180deg,#ffffff 0%,#f5f9f6 100%) !important;
}
.sv-transport::before{
    opacity:.42 !important;
    background:
        linear-gradient(90deg,rgba(7,61,44,.045) 1px,transparent 1px),
        linear-gradient(rgba(7,61,44,.045) 1px,transparent 1px) !important;
    background-size:44px 44px !important;
}
.sv-transport .sv-section-kicker,
.sv-transport__copy h2{
    color:var(--sv-gold-bright) !important;
    text-shadow:none !important;
}
.sv-transport__copy>p:not(.sv-section-kicker){
    color:#17543f !important;
}
.sv-transport-stats div{
    border-color:rgba(7,61,44,.16) !important;
    background:#fff !important;
    box-shadow:0 12px 28px rgba(7,61,44,.08) !important;
}
.sv-transport-stats b{color:var(--sv-gold-bright) !important;}
.sv-transport-stats span{color:#285f4b !important;}
.sv-transport__empty{
    color:#285f4b !important;
    background:#fff !important;
}
.sv-transport__empty svg{color:var(--sv-gold-bright) !important;}
.sv-transport-gallery img{
    border-color:rgba(7,61,44,.16) !important;
    box-shadow:0 18px 38px rgba(7,61,44,.12) !important;
}

/* Brand detail: a restrained, fully readable logo strip on large screens. */
@media (min-width:761px){
    .sv-brand-modal .sv-brand-modal__media{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        height:118px !important;
        min-height:118px !important;
        padding:12px 88px 12px 28px !important;
        overflow:hidden !important;
        border-bottom:1px solid rgba(7,61,44,.12) !important;
        background:#fff !important;
    }
    .sv-brand-modal .sv-brand-modal__media::after{background:transparent !important;}
    .sv-brand-modal .sv-brand-modal__media img[data-sv-brand-image]{
        position:relative !important;
        z-index:1 !important;
        display:block !important;
        width:min(68vw,470px) !important;
        height:90px !important;
        max-width:calc(100% - 48px) !important;
        max-height:90px !important;
        margin:0 auto !important;
        object-fit:contain !important;
        object-position:center center !important;
        filter:none !important;
        transform:none !important;
    }
}

@media (max-width:760px){
    .sv-transport{background:linear-gradient(180deg,#fff 0%,#f5f9f6 100%) !important;}
    .sv-transport__copy{text-align:left;}
}

/* =========================================================
   ST VET — BRAND CARDS FINAL NORMALIZATION
   ========================================================= */
.sv-brand-carousel__track{
    align-items:stretch;
}

.sv-brand-card{
    display:flex;
    flex-direction:column;
    align-self:stretch;
    min-height:296px;
}

.sv-brand-card__media{
    background:#ffffff !important;
    flex:0 0 138px;
    min-height:138px;
}

.sv-brand-card__media img{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:94px;
    object-fit:contain;
}

.sv-brand-card__body{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    padding:20px 22px 20px;
    min-height:158px;
}

.sv-brand-card__body strong{
    display:block;
    width:100%;
    margin:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.15;
    min-height:1.15em;
}

.sv-brand-card__body small{
    display:-webkit-box;
    width:100%;
    margin-top:8px;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    line-clamp:3;
    line-height:1.32;
    min-height:3.96em;
    max-height:3.96em;
}

.sv-brand-card__more{
    margin-top:auto;
    padding-top:12px;
}

@media (max-width: 767px){
    .sv-brand-card{
        min-height:278px;
    }

    .sv-brand-card__media{
        flex-basis:116px;
        min-height:116px;
    }

    .sv-brand-card__media img{
        max-height:74px;
    }

    .sv-brand-card__body{
        padding:17px 16px 18px;
        min-height:148px;
    }

    .sv-brand-card__body strong{
        font-size:17px;
    }

    .sv-brand-card__body small{
        font-size:12px;
        min-height:3.8em;
        max-height:3.8em;
    }
}

@media (max-width: 575px){
    .sv-brand-card{
        min-height:266px;
    }

    .sv-brand-card__body{
        padding:16px 14px 16px;
        min-height:142px;
    }

    .sv-brand-card__body strong{
        font-size:16px;
    }

    .sv-brand-card__body small{
        font-size:11px;
        line-height:1.35;
        min-height:4.05em;
        max-height:4.05em;
    }

    .sv-brand-card__more{
        font-size:11px;
    }
}

/* Balanced public landing composition on wide and ultrawide monitors. */
@media (min-width: 1600px) {
    .sv-wrap,
    .sv-team .sv-wrap {
        width: min(1440px, calc(100% - 96px));
    }
}

@media (min-width: 2200px) {
    .sv-wrap,
    .sv-team .sv-wrap {
        width: min(1600px, calc(100% - 128px));
    }
}

/* =========================================================
   ST VET — точкова заміна блоку тварин + компактні бренди
   2026-07-19. Інші секції не змінюються.
   ========================================================= */
.sv-animals{
    background:#fff;
    padding:38px 0 24px;
}
.sv-animals .sv-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin:0 0 18px;
}
.sv-animals .sv-section-head > div{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}
.sv-animals .sv-section-head h2{
    margin:0;
    color:#0b382d;
    font-size:clamp(22px,2vw,34px);
    line-height:1.08;
    text-transform:uppercase;
    letter-spacing:.01em;
}
.sv-section-head__link{
    flex:0 0 auto;
    color:#c69125;
    font-size:15px;
    font-weight:800;
    text-decoration:none;
    white-space:nowrap;
}
.sv-section-head__link span{font-size:22px;margin-left:8px;vertical-align:-1px;}
.sv-animal-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:14px!important;
    overflow:visible!important;
    padding:0!important;
    scroll-snap-type:none!important;
}
.sv-animal-grid .sv-animal-card{
    position:relative;
    display:block;
    min-width:0!important;
    width:auto!important;
    height:320px;
    overflow:hidden;
    border:1px solid rgba(7,55,42,.08);
    border-radius:15px;
    background:#063c2f;
    box-shadow:0 10px 24px rgba(7,55,42,.10);
    text-decoration:none;
    transform:none;
}
.sv-animal-grid .sv-animal-card__photo{
    position:absolute;
    inset:0;
    width:100%;
    height:100%!important;
}
.sv-animal-grid .sv-animal-card__photo::after{
    content:"";
    position:absolute;
    inset:38% 0 0;
    background:linear-gradient(180deg,transparent 0%,rgba(1,31,24,.28) 35%,rgba(1,31,24,.94) 100%);
}
.sv-animal-grid .sv-animal-card__photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .45s ease;
}
.sv-animal-grid .sv-animal-card:hover .sv-animal-card__photo img{transform:scale(1.045);}
.sv-animal-grid .sv-animal-card__body{
    position:absolute;
    z-index:2;
    left:0;right:0;bottom:0;
    min-height:0!important;
    padding:18px 46px 18px 16px!important;
    text-align:left!important;
    background:none!important;
}
.sv-animal-grid .sv-animal-card__mark,
.sv-animal-grid .sv-animal-card__body > span{display:none!important;}
.sv-animal-grid .sv-animal-card strong{
    display:block;
    margin:0;
    color:#fff;
    font-size:15px!important;
    line-height:1.12;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.01em;
}
.sv-animal-grid .sv-animal-card__body::after{
    content:"→";
    position:absolute;
    right:13px;
    bottom:13px;
    display:grid;
    place-items:center;
    width:31px;
    height:31px;
    border:2px solid #d6a52f;
    border-radius:50%;
    color:#e3b33e;
    font-size:19px;
    font-weight:900;
}

/* Бренди: існуючі дані та модальне вікно збережені. */
.sv-brands-showcase{
    background:#fff!important;
    padding:22px 0 38px!important;
}
.sv-brands-showcase::before,.sv-brands-showcase::after{display:none!important;}
.sv-brands-showcase .sv-wrap::before{
    content:"НАШІ ПАРТНЕРИ";
    display:block;
    margin:0 0 15px;
    color:#0b382d;
    font-size:clamp(22px,2vw,32px);
    line-height:1.1;
    font-weight:900;
    text-transform:uppercase;
}
.sv-brand-card{
    min-height:112px!important;
    border:1px solid rgba(7,55,42,.08)!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(7,55,42,.07)!important;
    padding:14px!important;
}
.sv-brand-card__media{min-height:78px!important;height:78px!important;}
.sv-brand-card__media img{max-width:90%!important;max-height:64px!important;object-fit:contain!important;}
.sv-brand-card__body{display:none!important;}
.sv-brand-arrow--side{
    width:42px!important;height:42px!important;border-radius:50%!important;
    background:#064b3a!important;color:#fff!important;border:0!important;
}
.sv-brands-showcase__footer{position:absolute;right:0;top:0;margin:0!important;}
.sv-all-brands-toggle{color:#c69125!important;background:transparent!important;border:0!important;box-shadow:none!important;}

@media (max-width: 1024px) and (min-width: 701px){
    .sv-animal-grid{gap:9px!important;}
    .sv-animal-grid .sv-animal-card{height:250px;}
    .sv-animal-grid .sv-animal-card strong{font-size:12px!important;}
    .sv-animal-grid .sv-animal-card__body{padding:13px 34px 13px 10px!important;}
    .sv-animal-grid .sv-animal-card__body::after{width:25px;height:25px;right:8px;bottom:9px;font-size:15px;}
}

@media (max-width:700px){
    .sv-animals{padding:26px 0 18px;}
    .sv-animals .sv-section-head > div{display:block;}
    .sv-animals .sv-section-head h2{font-size:21px;line-height:1.15;}
    .sv-section-head__link{display:inline-block;margin-top:10px;font-size:13px;}
    .sv-animal-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
        overflow:visible!important;
    }
    .sv-animal-grid .sv-animal-card{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        height:126px!important;
        border-radius:13px;
    }
    .sv-animal-grid .sv-animal-card__photo img{
        object-position:center 43%;
    }
    .sv-animal-grid .sv-animal-card__photo::after{
        inset:0;
        background:linear-gradient(90deg,rgba(2,33,25,.02) 25%,rgba(2,33,25,.30) 60%,rgba(2,33,25,.88) 100%);
    }
    .sv-animal-grid .sv-animal-card__body{
        left:auto;
        width:58%;
        top:0;
        bottom:0;
        display:flex;
        align-items:center;
        padding:14px 44px 14px 14px!important;
    }
    .sv-animal-grid .sv-animal-card strong{font-size:15px!important;}
    .sv-animal-grid .sv-animal-card__body::after{right:12px;bottom:calc(50% - 16px);}
    .sv-brands-showcase{padding-top:18px!important;}
    .sv-brands-showcase .sv-wrap::before{font-size:21px;margin-bottom:12px;}
    .sv-brands-showcase__footer{position:static;margin:0 0 10px!important;text-align:right;}
}

/* =========================================================
   ST VET — фінальна адаптація карток тварин без обрізання фото
   2026-07-19
   Desktop: 6 в ряд. Tablet/mobile: 3 + 3. Без каруселі.
   ========================================================= */
.sv-animal-grid .sv-animal-card{
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#063c2f!important;
}
.sv-animal-grid .sv-animal-card__photo{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:9 / 10;
    overflow:hidden;
    background:linear-gradient(180deg,#f4f7f2 0%,#e9f0e9 100%);
}
.sv-animal-grid .sv-animal-card__photo::after{
    display:none!important;
}
.sv-animal-grid .sv-animal-card__photo img{
    display:block;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
}
.sv-animal-grid .sv-animal-card:hover .sv-animal-card__photo img{
    transform:scale(1.02)!important;
}
.sv-animal-grid .sv-animal-card__body{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    padding:12px 42px 12px 12px!important;
    background:linear-gradient(180deg,#0a4b3a 0%,#06372b 100%)!important;
}
.sv-animal-grid .sv-animal-card__body::after{
    right:10px!important;
    bottom:50%!important;
    transform:translateY(50%);
    width:27px!important;
    height:27px!important;
    font-size:16px!important;
}
.sv-animal-grid .sv-animal-card strong{
    font-size:13px!important;
    line-height:1.08!important;
}

/* Планшети: фото не стискаємо — 3 картки у ряд. */
@media (min-width:701px) and (max-width:1199px){
    .sv-animal-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:14px!important;
    }
    .sv-animal-grid .sv-animal-card__photo{
        aspect-ratio:4 / 3;
    }
    .sv-animal-grid .sv-animal-card__body{
        min-height:56px!important;
    }
    .sv-animal-grid .sv-animal-card strong{
        font-size:14px!important;
    }
}

/* Мобільні: компактна сітка 3 × 2, усі 6 карток видно без каруселі. */
@media (max-width:700px){
    .sv-animal-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:7px!important;
    }
    .sv-animal-grid .sv-animal-card{
        width:100%!important;
        height:auto!important;
        min-width:0!important;
        border-radius:10px!important;
    }
    .sv-animal-grid .sv-animal-card__photo{
        aspect-ratio:1 / 1.08;
    }
    .sv-animal-grid .sv-animal-card__body{
        width:100%!important;
        min-height:46px!important;
        padding:8px 26px 8px 7px!important;
    }
    .sv-animal-grid .sv-animal-card strong{
        font-size:9px!important;
        line-height:1.05!important;
        letter-spacing:0!important;
        overflow-wrap:anywhere;
    }
    .sv-animal-grid .sv-animal-card__body::after{
        right:5px!important;
        width:18px!important;
        height:18px!important;
        border-width:1.5px!important;
        font-size:11px!important;
    }
}

@media (max-width:380px){
    .sv-animal-grid{gap:5px!important;}
    .sv-animal-grid .sv-animal-card__body{
        min-height:43px!important;
        padding:7px 22px 7px 6px!important;
    }
    .sv-animal-grid .sv-animal-card strong{font-size:8px!important;}
    .sv-animal-grid .sv-animal-card__body::after{
        right:4px!important;
        width:16px!important;
        height:16px!important;
        font-size:10px!important;
    }
}


/* =========================================================
   ST VET — ADVANTAGES: premium gold version (reference v2)
   ========================================================= */
.sv-advantages{
    padding:28px 0 34px !important;
    background:
        radial-gradient(circle at 8% 4%, rgba(232,197,115,.16), transparent 31%),
        radial-gradient(circle at 92% 94%, rgba(205,175,94,.10), transparent 30%),
        linear-gradient(180deg,#fffefb 0%,#fbfaf5 100%) !important;
    box-shadow:none !important;
}
.sv-adv-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:20px !important;
    padding:0 !important;
}
.sv-adv{
    min-height:235px !important;
    padding:28px 28px 24px !important;
    border:1px solid rgba(207,170,76,.30) !important;
    border-radius:28px !important;
    background:rgba(255,255,255,.88) !important;
    box-shadow:0 18px 44px rgba(96,78,26,.08), inset 0 1px 0 rgba(255,255,255,.98) !important;
}
.sv-adv-icon{
    width:112px !important;
    height:112px !important;
    margin:0 auto 14px !important;
    color:#d49a19 !important;
    border:2px solid rgba(209,157,33,.72) !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 35% 28%,#fff9de 0%,#fff 62%,#fff7d5 100%) !important;
    box-shadow:0 8px 24px rgba(198,145,24,.12), inset 0 0 0 7px rgba(247,218,137,.10) !important;
}
.sv-adv-icon svg{
    width:64px !important;
    height:64px !important;
    stroke-width:1.55 !important;
    filter:drop-shadow(0 4px 5px rgba(160,103,0,.15)) !important;
}
.sv-adv h3{
    margin:0 0 8px !important;
    color:#0a4a35 !important;
    font-size:24px !important;
    font-weight:950 !important;
    line-height:1.15 !important;
    letter-spacing:-.35px !important;
}
.sv-adv p{
    max-width:360px;
    margin:0 auto !important;
    color:#2d453c !important;
    font-size:16px !important;
    font-weight:500 !important;
    line-height:1.45 !important;
}
@media (max-width:1024px){
    .sv-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;}
    .sv-adv{min-height:218px !important;}
}
@media (max-width:620px){
    .sv-advantages{padding:18px 0 22px !important;}
    .sv-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
    .sv-adv{min-height:178px !important;padding:18px 10px 14px !important;border-radius:20px !important;}
    .sv-adv-icon{width:72px !important;height:72px !important;margin-bottom:10px !important;}
    .sv-adv-icon svg{width:42px !important;height:42px !important;}
    .sv-adv h3{font-size:15px !important;letter-spacing:-.15px !important;}
    .sv-adv p{font-size:11.5px !important;line-height:1.35 !important;}
}

/* =========================================================
   ST VET — ADVANTAGES EXACT REFERENCE 2026-07-19
   Scope: only the six advantage cards.
   ========================================================= */
.sv-advantages{
    position:relative !important;
    overflow:hidden !important;
    padding:30px 0 36px !important;
    background:
        linear-gradient(118deg, transparent 0 11%, rgba(213,169,54,.10) 11.1% 11.25%, transparent 11.35% 100%),
        linear-gradient(302deg, transparent 0 84%, rgba(213,169,54,.08) 84.1% 84.25%, transparent 84.35% 100%),
        radial-gradient(circle at 7% 2%, rgba(239,211,139,.16), transparent 27%),
        radial-gradient(circle at 93% 98%, rgba(220,190,111,.12), transparent 28%),
        #fffdf8 !important;
}
.sv-advantages .sv-wrap{
    width:min(1480px,calc(100% - 56px)) !important;
    max-width:1480px !important;
}
.sv-adv-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:22px !important;
    align-items:stretch !important;
}
.sv-adv{
    display:flex !important;
    min-width:0 !important;
    min-height:292px !important;
    padding:28px 24px 25px !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
    border:1px solid rgba(207,170,76,.27) !important;
    border-radius:30px !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 20px 46px rgba(72,62,29,.075), inset 0 1px 0 rgba(255,255,255,1) !important;
    transform:none !important;
}
.sv-adv-icon{
    position:relative !important;
    display:grid !important;
    width:124px !important;
    height:124px !important;
    margin:0 auto 14px !important;
    place-items:center !important;
    color:#c98b00 !important;
    border:2px solid #d9a72d !important;
    border-radius:999px !important;
    background:
        radial-gradient(circle at 36% 25%,#fffce9 0%,#fff7d6 34%,#fff 72%,#fff3c5 100%) !important;
    box-shadow:
        0 9px 22px rgba(185,126,0,.16),
        inset 0 0 0 5px rgba(255,255,255,.94),
        inset 0 0 0 7px rgba(215,164,43,.22) !important;
}
.sv-adv-icon::after{
    content:"" !important;
    position:absolute !important;
    inset:10px !important;
    border:1px solid rgba(216,163,34,.28) !important;
    border-radius:inherit !important;
    pointer-events:none !important;
}
.sv-adv-icon svg{
    position:relative !important;
    z-index:1 !important;
    width:68px !important;
    height:68px !important;
    color:#c98b00 !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    filter:drop-shadow(0 4px 4px rgba(130,82,0,.18)) !important;
}
.sv-adv h3{
    margin:0 0 8px !important;
    color:#064a34 !important;
    font-size:26px !important;
    font-weight:900 !important;
    line-height:1.15 !important;
    letter-spacing:-.45px !important;
}
.sv-adv p{
    max-width:390px !important;
    margin:0 auto !important;
    color:#263c35 !important;
    font-size:17px !important;
    font-weight:500 !important;
    line-height:1.48 !important;
}
@media (hover:hover){
    .sv-adv:hover{
        border-color:rgba(207,170,76,.43) !important;
        box-shadow:0 24px 52px rgba(72,62,29,.10), inset 0 1px 0 #fff !important;
    }
}
@media (max-width:1100px){
    .sv-advantages .sv-wrap{width:min(100% - 32px,980px) !important;}
    .sv-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;}
    .sv-adv{min-height:260px !important;}
}
@media (max-width:640px){
    .sv-advantages{padding:18px 0 22px !important;}
    .sv-advantages .sv-wrap{width:calc(100% - 20px) !important;}
    .sv-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
    .sv-adv{min-height:190px !important;padding:16px 8px 14px !important;border-radius:20px !important;}
    .sv-adv-icon{width:76px !important;height:76px !important;margin-bottom:10px !important;border-width:1.5px !important;}
    .sv-adv-icon::after{inset:7px !important;}
    .sv-adv-icon svg{width:43px !important;height:43px !important;}
    .sv-adv h3{font-size:15px !important;line-height:1.16 !important;letter-spacing:-.2px !important;}
    .sv-adv p{font-size:11.5px !important;line-height:1.35 !important;}
}


/* ST VET — refined descriptions inside benefit cards */
.sv-adv p{
    position:relative !important;
    width:100% !important;
    max-width:420px !important;
    margin:12px auto 0 !important;
    padding:16px 18px 0 !important;
    color:#40534c !important;
    font-size:16px !important;
    font-weight:500 !important;
    line-height:1.52 !important;
}
.sv-adv p::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:50% !important;
    width:54px !important;
    height:2px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,transparent,#d5a12a,transparent) !important;
    transform:translateX(-50%) !important;
}
@media (max-width:1100px){
    .sv-adv p{font-size:14px !important;padding:14px 10px 0 !important;}
}
@media (max-width:640px){
    .sv-adv{min-height:216px !important;}
    .sv-adv p{margin-top:8px !important;padding:12px 2px 0 !important;font-size:11.5px !important;line-height:1.4 !important;}
    .sv-adv p::before{width:36px !important;}
}

/* =========================================================
   ST VET — BENEFITS FINAL EXACT REFERENCE
   Exact 3×2 white cards, gold circular icons, title + description.
   ========================================================= */
.sv-advantages{
    padding:28px 0 34px !important;
    background:
        linear-gradient(112deg,transparent 0 11%,rgba(220,177,67,.08) 11.05% 11.15%,transparent 11.25%),
        linear-gradient(296deg,transparent 0 86%,rgba(220,177,67,.07) 86.05% 86.15%,transparent 86.25%),
        radial-gradient(circle at 4% 0%,rgba(255,229,160,.16),transparent 30%),
        radial-gradient(circle at 96% 100%,rgba(255,229,160,.13),transparent 30%),
        #fffdf8 !important;
}
.sv-advantages .sv-wrap{
    width:min(1460px,calc(100% - 48px)) !important;
    max-width:1460px !important;
}
.sv-adv-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:20px !important;
}
.sv-adv{
    min-height:294px !important;
    padding:27px 24px 24px !important;
    border:1px solid rgba(211,170,65,.24) !important;
    border-radius:30px !important;
    background:#fff !important;
    box-shadow:0 16px 34px rgba(86,70,31,.055) !important;
}
.sv-adv-icon{
    width:126px !important;
    height:126px !important;
    margin:0 auto 13px !important;
    color:#c88b08 !important;
    border:2px solid #d6a126 !important;
    background:radial-gradient(circle at 38% 27%,#fffdf0 0%,#fff4cd 36%,#fff 73%,#fff1bb 100%) !important;
    box-shadow:0 8px 20px rgba(184,124,0,.14),inset 0 0 0 5px #fff,inset 0 0 0 7px rgba(214,161,38,.21) !important;
}
.sv-adv-icon::after{inset:10px !important;border-color:rgba(207,149,13,.27) !important;}
.sv-adv-icon svg{width:70px !important;height:70px !important;stroke-width:1.8 !important;}
.sv-adv h3{
    margin:0 0 8px !important;
    color:#07503a !important;
    font-size:25px !important;
    font-weight:900 !important;
    line-height:1.15 !important;
    letter-spacing:-.35px !important;
}
.sv-adv p{
    max-width:410px !important;
    margin:0 auto !important;
    padding:0 !important;
    color:#2e403a !important;
    font-size:16.5px !important;
    font-weight:500 !important;
    line-height:1.5 !important;
}
.sv-adv p::before{display:none !important;}
@media (max-width:1100px){
    .sv-advantages .sv-wrap{width:min(100% - 28px,960px) !important;}
    .sv-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:15px !important;}
    .sv-adv{min-height:270px !important;}
}
@media (max-width:640px){
    .sv-advantages{padding:16px 0 20px !important;}
    .sv-advantages .sv-wrap{width:calc(100% - 16px) !important;}
    .sv-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
    .sv-adv{min-height:205px !important;padding:14px 7px 13px !important;border-radius:18px !important;}
    .sv-adv-icon{width:78px !important;height:78px !important;margin-bottom:9px !important;border-width:1.5px !important;}
    .sv-adv-icon::after{inset:7px !important;}
    .sv-adv-icon svg{width:44px !important;height:44px !important;}
    .sv-adv h3{font-size:14px !important;line-height:1.15 !important;margin-bottom:7px !important;}
    .sv-adv p{font-size:10.8px !important;line-height:1.35 !important;}
}

/* =========================================================
   ST VET — BENEFITS GUARANTEED EXACT BUILD
   Real icon images + forced title and description visibility.
   ========================================================= */
.sv-advantages .sv-adv-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:20px !important;
}
.sv-advantages .sv-adv{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-height:292px !important;
    padding:26px 24px 24px !important;
    text-align:center !important;
    border:1px solid rgba(211,170,65,.25) !important;
    border-radius:28px !important;
    background:#fff !important;
    box-shadow:0 16px 34px rgba(86,70,31,.055) !important;
}
.sv-advantages .sv-adv-icon{
    display:block !important;
    width:150px !important;
    height:150px !important;
    margin:0 auto 8px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:hidden !important;
}
.sv-advantages .sv-adv-icon::after{display:none !important;}
.sv-advantages .sv-adv-icon img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    border:0 !important;
    border-radius:0 !important;
}
.sv-advantages .sv-adv h3{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin:0 0 8px !important;
    color:#07503a !important;
    font-size:25px !important;
    font-weight:900 !important;
    line-height:1.15 !important;
}
.sv-advantages .sv-adv p{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:static !important;
    width:auto !important;
    max-width:410px !important;
    margin:0 auto !important;
    padding:0 !important;
    color:#2e403a !important;
    font-size:16.5px !important;
    font-weight:500 !important;
    line-height:1.5 !important;
}
.sv-advantages .sv-adv p::before{display:none !important;}
@media (max-width:1100px){
    .sv-advantages .sv-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:15px !important;}
}
@media (max-width:640px){
    .sv-advantages .sv-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
    .sv-advantages .sv-adv{min-height:205px !important;padding:13px 7px 12px !important;border-radius:18px !important;}
    .sv-advantages .sv-adv-icon{width:92px !important;height:92px !important;margin-bottom:6px !important;}
    .sv-advantages .sv-adv h3{font-size:14px !important;margin-bottom:6px !important;}
    .sv-advantages .sv-adv p{font-size:10.8px !important;line-height:1.35 !important;}
}

/* ST VET — final polished benefit cards (2026-07-20) */
.sv-advantages{
  padding:clamp(28px,4vw,58px) 0 !important;
  background:
    radial-gradient(circle at 7% 12%,rgba(214,173,72,.10),transparent 27%),
    radial-gradient(circle at 94% 88%,rgba(8,76,55,.055),transparent 25%),
    #fffdf8 !important;
}
.sv-advantages .sv-wrap{width:min(100% - 40px,1460px) !important;}
.sv-advantages .sv-adv-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
}
.sv-advantages .sv-adv{
  min-height:300px !important;
  padding:28px 26px 26px !important;
  border-radius:28px !important;
  border:1px solid rgba(201,158,52,.20) !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 15px 38px rgba(26,67,51,.08) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  overflow:hidden !important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease !important;
}
.sv-advantages .sv-adv:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 20px 46px rgba(26,67,51,.13) !important;
  border-color:rgba(201,158,52,.42) !important;
}
.sv-advantages .sv-adv-icon{
  width:156px !important;
  height:156px !important;
  margin:0 auto 14px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
  flex:0 0 auto !important;
  overflow:hidden !important;
}
.sv-advantages .sv-adv-icon img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:50% !important;
}
.sv-advantages .sv-adv h3{
  margin:0 0 10px !important;
  color:#07503a !important;
  font-size:clamp(20px,1.8vw,29px) !important;
  line-height:1.16 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
}
.sv-advantages .sv-adv p{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  max-width:390px !important;
  margin:0 auto !important;
  color:#35483f !important;
  font-size:clamp(15px,1.15vw,19px) !important;
  line-height:1.5 !important;
  font-weight:500 !important;
}
@media (max-width:1024px){
  .sv-advantages .sv-wrap{width:min(100% - 28px,940px) !important;}
  .sv-advantages .sv-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important;}
  .sv-advantages .sv-adv{min-height:270px !important;padding:22px 18px !important;}
  .sv-advantages .sv-adv-icon{width:132px !important;height:132px !important;}
}
@media (max-width:640px){
  .sv-advantages{padding:20px 0 24px !important;}
  .sv-advantages .sv-wrap{width:calc(100% - 18px) !important;}
  .sv-advantages .sv-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important;}
  .sv-advantages .sv-adv{min-height:206px !important;padding:14px 8px 13px !important;border-radius:18px !important;}
  .sv-advantages .sv-adv-icon{width:92px !important;height:92px !important;margin-bottom:7px !important;}
  .sv-advantages .sv-adv h3{font-size:14px !important;line-height:1.18 !important;margin-bottom:6px !important;}
  .sv-advantages .sv-adv p{font-size:10.5px !important;line-height:1.38 !important;max-width:150px !important;}
}

/* =========================================================
   ST VET — PARTNERS SHOWCASE v3
   Full-width white carousel. Desktop: 4–5 cards, tablet: 3,
   mobile: exactly 3 compact cards visible. Existing brand modal preserved.
   ========================================================= */
.sv-brands-showcase{
    overflow:hidden;
    padding:64px 0 72px;
    color:#143f32;
    background:
        radial-gradient(circle at 4% 6%,rgba(216,179,93,.10),transparent 24%),
        radial-gradient(circle at 96% 100%,rgba(18,111,78,.06),transparent 24%),
        #fbfaf6;
}
.sv-brands-showcase::before,.sv-brands-showcase::after{display:none!important;}
.sv-brands-showcase .sv-wrap{width:min(100% - 40px,1500px);max-width:none;}
.sv-brands-showcase__head{display:flex;align-items:flex-start;justify-content:space-between;gap:36px;margin:0 0 34px;}
.sv-brands-showcase__intro{max-width:650px;}
.sv-brands-showcase__head h2{margin:0;color:#123e31;font-size:clamp(30px,3.1vw,52px);font-weight:950;line-height:1.05;letter-spacing:-1px;}
.sv-brands-showcase__line{display:block;width:112px;height:2px;margin:20px 0 18px;background:linear-gradient(90deg,#b88720,#e8c66e);}
.sv-brands-showcase__head p:not(.sv-section-kicker){max-width:590px;margin:0;color:#343d39;font-size:clamp(15px,1.35vw,20px);line-height:1.7;}
.sv-all-brands-toggle--head{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:76px;margin-top:10px;padding:0 34px;color:#a97813;font-size:17px;font-weight:850;border:1.5px solid #b98d2d;border-radius:13px;background:rgba(255,255,255,.7);cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;}
.sv-all-brands-toggle--head i{font-size:28px;font-style:normal;}
.sv-all-brands-toggle--head:hover,.sv-all-brands-toggle--head:focus-visible{outline:0;background:#fff;box-shadow:0 12px 30px rgba(84,64,20,.10);transform:translateY(-2px);}
.sv-brands-carousel-shell{position:relative;display:flex;align-items:center;gap:14px;}
.sv-brand-carousel{min-width:0;flex:1 1 auto;content-visibility:auto;contain-intrinsic-size:470px;}
.sv-brand-carousel__viewport{overflow-x:auto;overflow-y:hidden;padding:4px 2px 18px;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.sv-brand-carousel__track{display:flex;gap:22px;}
.sv-brand-card{
    display:flex;
    flex:0 0 calc((100% - 66px) / 4);
    min-width:0;
    min-height:470px;
    padding:0;
    overflow:hidden;
    color:#173f33;
    text-align:center;
    border:1px solid rgba(15,75,55,.07);
    border-radius:24px;
    background:#fff;
    box-shadow:0 14px 42px rgba(24,54,44,.10);
    scroll-snap-align:start;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
    flex-direction:column;
}
.sv-brand-card::after{display:none!important;}
.sv-brand-card:hover,.sv-brand-card:focus-visible{outline:0;border-color:rgba(190,145,46,.35);box-shadow:0 22px 52px rgba(24,54,44,.15);transform:translateY(-5px);}
.sv-brand-card__media{position:relative;inset:auto;z-index:0;display:grid;flex:0 0 205px;min-height:205px;padding:28px 28px 18px;overflow:hidden;border:0;background:#fff;place-items:center;}
.sv-brand-card__media::after{display:none!important;}
.sv-brand-card__media img{display:block;width:100%;height:100%;max-width:310px;max-height:150px;object-fit:contain;filter:none!important;transform:none!important;}
.sv-brand-card__media.is-empty b{display:grid;width:100px;height:100px;color:#b88720;font-size:46px;border:1px solid rgba(190,145,46,.4);border-radius:50%;background:#fffaf0;place-items:center;}
.sv-brand-card__body{display:flex;flex:1 1 auto;align-items:center;justify-content:space-between;width:100%;padding:8px 30px 30px;flex-direction:column;}
.sv-brand-card__description{display:-webkit-box;overflow:hidden;color:#303a36;font-size:17px;font-weight:500;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.sv-brand-card__body strong,.sv-brand-card__body small{display:none!important;}
.sv-brand-card__more{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:62px;margin:22px 0 0;color:#a97813;font-size:17px;font-weight:850;letter-spacing:0;text-transform:none;border:1.5px solid #b98d2d;border-radius:12px;background:#fff;}
.sv-brand-card__more i{font-size:26px;font-style:normal;}
.sv-brand-arrow{position:relative;z-index:3;display:grid;flex:0 0 auto;width:42px;height:42px;padding:0;color:#fff;font-size:20px;border:0;border-radius:50%;background:#07503a;box-shadow:0 7px 18px rgba(7,80,58,.22);place-items:center;}
.sv-brand-arrow:hover:not(:disabled),.sv-brand-arrow:focus-visible:not(:disabled){background:#0b674b;transform:scale(1.06);}
.sv-brand-arrow:disabled{opacity:.3;}

@media(min-width:1480px){
    .sv-brand-card{flex-basis:calc((100% - 88px) / 5);min-height:450px;}
    .sv-brand-card__media{flex-basis:190px;min-height:190px;}
    .sv-brand-card__description{font-size:16px;}
}
@media(max-width:1100px){
    .sv-brands-showcase .sv-wrap{width:min(100% - 28px,1100px);}
    .sv-brand-carousel__track{gap:16px;}
    .sv-brand-card{flex-basis:calc((100% - 32px) / 3);min-height:420px;}
    .sv-brand-card__media{flex-basis:170px;min-height:170px;padding:22px 20px 12px;}
    .sv-brand-card__body{padding:8px 20px 22px;}
    .sv-brand-card__description{font-size:15px;line-height:1.55;}
    .sv-brand-card__more{min-height:54px;font-size:15px;}
}
@media(max-width:700px){
    .sv-brands-showcase{padding:42px 0 48px;}
    .sv-brands-showcase .sv-wrap{width:100%;padding:0 10px;}
    .sv-brands-showcase__head{align-items:flex-start;margin:0 8px 22px;gap:16px;}
    .sv-brands-showcase__intro{min-width:0;}
    .sv-brands-showcase__head h2{font-size:27px;}
    .sv-brands-showcase__line{width:74px;margin:13px 0 12px;}
    .sv-brands-showcase__head p:not(.sv-section-kicker){font-size:13px;line-height:1.5;}
    .sv-all-brands-toggle--head{flex:0 0 auto;min-height:42px;margin:0;padding:0 12px;font-size:0;border-radius:11px;}
    .sv-all-brands-toggle--head span{display:none;}
    .sv-all-brands-toggle--head i{font-size:24px;}
    .sv-brands-carousel-shell{gap:5px;}
    .sv-brand-arrow{width:28px;height:28px;font-size:14px;box-shadow:0 4px 12px rgba(7,80,58,.2);}
    .sv-brand-carousel__viewport{padding:2px 0 12px;}
    .sv-brand-carousel__track{gap:7px;}
    .sv-brand-card{flex:0 0 calc((100% - 14px) / 3);min-height:252px;border-radius:14px;box-shadow:0 8px 20px rgba(24,54,44,.09);}
    .sv-brand-card__media{flex:0 0 90px;min-height:90px;padding:12px 8px 6px;}
    .sv-brand-card__media img{max-width:100%;max-height:68px;}
    .sv-brand-card__media.is-empty b{width:52px;height:52px;font-size:24px;}
    .sv-brand-card__body{padding:5px 7px 9px;}
    .sv-brand-card__description{font-size:10px;line-height:1.38;-webkit-line-clamp:5;}
    .sv-brand-card__more{gap:5px;min-height:34px;margin-top:8px;padding:0 4px;font-size:10px;border-width:1px;border-radius:8px;}
    .sv-brand-card__more i{font-size:15px;}
}
@media(max-width:390px){
    .sv-brand-card{min-height:238px;}
    .sv-brand-card__media{flex-basis:82px;min-height:82px;}
    .sv-brand-card__description{font-size:9.5px;}
}

/* =========================================================
   ST VET — PARTNERS CAROUSEL FINAL FIX 2026-07-20
   One heading, visible descriptions, 3 cards on mobile.
   ========================================================= */
.sv-brands-showcase .sv-wrap::before{content:none!important;display:none!important;}
.sv-brands-showcase{
    position:relative;
    padding:38px 0 54px!important;
    overflow:hidden;
    background:#fff!important;
}
.sv-brands-showcase__head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:24px!important;
    margin:0 0 26px!important;
}
.sv-brands-showcase__intro{max-width:650px;}
.sv-brands-showcase__head h2{
    margin:0!important;
    color:#0b4a36!important;
    font-size:clamp(28px,3vw,46px)!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
}
.sv-brands-showcase__line{
    display:block!important;
    width:74px!important;
    height:2px!important;
    margin:18px 0 15px!important;
    background:linear-gradient(90deg,#c7952d,#e7c875)!important;
}
.sv-brands-showcase__head p{
    margin:0!important;
    color:#45564f!important;
    font-size:17px!important;
    line-height:1.65!important;
}
.sv-all-brands-toggle--head{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:16px!important;
    flex:0 0 auto!important;
    min-height:58px!important;
    padding:13px 24px!important;
    border:1px solid #c9972d!important;
    border-radius:13px!important;
    color:#ae7d18!important;
    background:#fff!important;
    font-size:16px!important;
    font-weight:850!important;
    box-shadow:0 8px 24px rgba(7,55,42,.05)!important;
}
.sv-brands-carousel-shell{padding:0 50px!important;}
.sv-brand-carousel__viewport{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    padding:4px 3px 16px!important;
}
.sv-brand-carousel__viewport::-webkit-scrollbar{display:none!important;}
.sv-brand-carousel__track{display:flex!important;gap:18px!important;}
.sv-brand-card{
    flex:0 0 calc((100% - 72px)/5)!important;
    min-width:0!important;
    min-height:330px!important;
    padding:0!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
    border:1px solid rgba(8,65,48,.1)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 13px 34px rgba(7,55,42,.09)!important;
    text-align:left!important;
}
.sv-brand-card__media,
.sv-brand-card__media.is-empty{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:150px!important;
    min-height:150px!important;
    padding:22px!important;
    background:#fff!important;
    border-bottom:1px solid rgba(8,65,48,.08)!important;
}
.sv-brand-card__media img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:88%!important;
    max-height:96px!important;
    object-fit:contain!important;
    object-position:center!important;
}
.sv-brand-card__body{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    min-height:180px!important;
    padding:20px!important;
    background:#fff!important;
}
.sv-brand-card__name{
    display:block!important;
    margin:0 0 8px!important;
    color:#0b4a36!important;
    font-size:19px!important;
    line-height:1.2!important;
    font-weight:900!important;
}
.sv-brand-card__description{
    display:-webkit-box!important;
    overflow:hidden!important;
    color:#53665f!important;
    font-size:14px!important;
    line-height:1.55!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
}
.sv-brand-card__more{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    min-height:46px!important;
    margin-top:16px!important;
    padding:10px 14px!important;
    border:1px solid #c9972d!important;
    border-radius:11px!important;
    color:#a87818!important;
    font-size:14px!important;
    font-weight:900!important;
}
.sv-brand-card__more i{font-size:20px!important;font-style:normal!important;}
.sv-brand-arrow--side{
    top:50%!important;
    width:38px!important;
    height:38px!important;
    margin-top:-19px!important;
    border:0!important;
    border-radius:50%!important;
    color:#fff!important;
    background:#07503d!important;
    font-size:18px!important;
    box-shadow:0 8px 20px rgba(7,55,42,.18)!important;
}
.sv-brand-arrow--prev{left:2px!important;}
.sv-brand-arrow--next{right:2px!important;}

@media (max-width:1280px){
    .sv-brand-card{flex-basis:calc((100% - 54px)/4)!important;}
}
@media (max-width:980px){
    .sv-brand-card{flex-basis:calc((100% - 36px)/3)!important;min-height:310px!important;}
    .sv-brand-card__media{height:138px!important;min-height:138px!important;}
    .sv-brand-card__body{min-height:172px!important;padding:17px!important;}
}
@media (max-width:700px){
    .sv-brands-showcase{padding:24px 0 38px!important;}
    .sv-brands-showcase__head{align-items:flex-end!important;gap:10px!important;margin-bottom:18px!important;}
    .sv-brands-showcase__intro{min-width:0;}
    .sv-brands-showcase__head h2{font-size:25px!important;}
    .sv-brands-showcase__line{width:54px!important;margin:11px 0 10px!important;}
    .sv-brands-showcase__head p{font-size:13px!important;line-height:1.45!important;}
    .sv-all-brands-toggle--head{
        min-height:42px!important;
        max-width:132px!important;
        padding:8px 10px!important;
        gap:7px!important;
        border:0!important;
        box-shadow:none!important;
        font-size:12px!important;
        line-height:1.2!important;
        text-align:right!important;
    }
    .sv-brands-carousel-shell{padding:0 28px!important;}
    .sv-brand-carousel__track{gap:8px!important;}
    .sv-brand-card{
        flex:0 0 calc((100% - 16px)/3)!important;
        min-height:220px!important;
        border-radius:13px!important;
    }
    .sv-brand-card__media{
        height:92px!important;
        min-height:92px!important;
        padding:10px 7px!important;
    }
    .sv-brand-card__media img{max-width:94%!important;max-height:58px!important;}
    .sv-brand-card__body{min-height:128px!important;padding:10px 8px!important;}
    .sv-brand-card__name{margin-bottom:4px!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
    .sv-brand-card__description{font-size:9.5px!important;line-height:1.35!important;-webkit-line-clamp:3!important;}
    .sv-brand-card__more{min-height:32px!important;margin-top:8px!important;padding:6px 7px!important;border-radius:8px!important;font-size:9.5px!important;}
    .sv-brand-card__more i{font-size:14px!important;}
    .sv-brand-arrow--side{width:27px!important;height:27px!important;margin-top:-14px!important;font-size:13px!important;}
    .sv-brand-arrow--prev{left:0!important;}
    .sv-brand-arrow--next{right:0!important;}
}
@media (max-width:390px){
    .sv-brands-carousel-shell{padding:0 24px!important;}
    .sv-brand-card{min-height:208px!important;}
    .sv-brand-card__media{height:84px!important;min-height:84px!important;}
    .sv-brand-card__body{min-height:124px!important;padding:9px 7px!important;}
}

/* =========================================================
   ST VET — PARTNERS CAROUSEL V3
   Full-width layout, side arrows and automatic infinite scroll.
   This final override intentionally wins over earlier experiments.
   ========================================================= */
.sv-brands-showcase{
    width:100%!important;
    padding:42px 0 56px!important;
    overflow:hidden!important;
}
.sv-brands-showcase .sv-wrap{
    width:min(calc(100% - 40px),1560px)!important;
    max-width:none!important;
    margin-inline:auto!important;
    padding-inline:0!important;
}
.sv-brands-showcase__head{
    margin-bottom:24px!important;
}
.sv-brands-carousel-shell{
    position:relative!important;
    display:block!important;
    width:100%!important;
    padding:0 48px!important;
    overflow:visible!important;
}
.sv-brand-carousel{
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
}
.sv-brand-carousel__viewport{
    width:100%!important;
    max-width:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:8px 2px 22px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
}
.sv-brand-carousel__viewport::-webkit-scrollbar{display:none!important;}
.sv-brand-carousel__track{
    display:flex!important;
    width:max-content!important;
    min-width:100%!important;
    gap:18px!important;
    align-items:stretch!important;
}
.sv-brand-card{
    flex:0 0 var(--sv-brand-card-width,300px)!important;
    width:var(--sv-brand-card-width,300px)!important;
    min-width:0!important;
    min-height:390px!important;
    scroll-snap-align:start!important;
}
.sv-brand-arrow--side{
    position:absolute!important;
    top:50%!important;
    z-index:30!important;
    display:grid!important;
    width:38px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.65)!important;
    border-radius:50%!important;
    background:#07503a!important;
    box-shadow:0 8px 22px rgba(7,80,58,.28)!important;
    transform:translateY(-50%)!important;
    place-items:center!important;
}
.sv-brand-arrow--side:disabled{opacity:1!important;cursor:pointer!important;}
.sv-brand-arrow--prev{left:2px!important;}
.sv-brand-arrow--next{right:2px!important;}
.sv-brand-arrow--side:hover,
.sv-brand-arrow--side:focus-visible{
    outline:0!important;
    background:#b88720!important;
    transform:translateY(-50%) scale(1.08)!important;
}
@media (max-width:1179px){
    .sv-brands-showcase .sv-wrap{width:min(calc(100% - 24px),1100px)!important;}
    .sv-brands-carousel-shell{padding:0 38px!important;}
    .sv-brand-card{min-height:330px!important;}
}
@media (max-width:767px){
    .sv-brands-showcase{padding:24px 0 38px!important;}
    .sv-brands-showcase .sv-wrap{
        width:100%!important;
        padding-inline:8px!important;
    }
    .sv-brands-carousel-shell{
        width:100%!important;
        padding:0 27px!important;
    }
    .sv-brand-carousel__track{gap:8px!important;}
    .sv-brand-carousel__viewport{padding:5px 1px 16px!important;}
    .sv-brand-card{
        min-height:224px!important;
        border-radius:13px!important;
    }
    .sv-brand-card__media{
        height:88px!important;
        min-height:88px!important;
        padding:11px 7px 5px!important;
    }
    .sv-brand-card__media img{
        max-width:96%!important;
        max-height:65px!important;
        object-fit:contain!important;
    }
    .sv-brand-card__body{
        min-height:136px!important;
        padding:8px 7px 9px!important;
    }
    .sv-brand-card__name{font-size:11px!important;}
    .sv-brand-card__description{
        font-size:9px!important;
        line-height:1.32!important;
        -webkit-line-clamp:4!important;
    }
    .sv-brand-card__more{
        min-height:31px!important;
        margin-top:7px!important;
        padding:5px 4px!important;
        font-size:9px!important;
    }
    .sv-brand-arrow--side{
        width:25px!important;
        height:25px!important;
        font-size:12px!important;
        box-shadow:0 4px 12px rgba(7,80,58,.24)!important;
    }
    .sv-brand-arrow--prev{left:0!important;}
    .sv-brand-arrow--next{right:0!important;}
}

/* =========================================================
   ST VET — PARTNERS CAROUSEL V4 (FINAL OVERRIDE)
   Full width, visible side arrows, responsive cards.
   ========================================================= */
.sv-brands-showcase--v4{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
    padding:34px 0 48px!important;
    background:#fff!important;
}
.sv-brands-showcase--v4::before,
.sv-brands-showcase--v4::after,
.sv-brands-showcase--v4 .sv-wrap::before{
    content:none!important;
    display:none!important;
}
.sv-brands-showcase--v4 .sv-wrap{
    width:min(100% - 40px, 1540px)!important;
    max-width:none!important;
    margin-inline:auto!important;
    padding:0!important;
}
.sv-brands-showcase--v4 .sv-brands-showcase__head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:24px!important;
    margin:0 54px 24px!important;
}
.sv-brands-showcase--v4 .sv-brands-showcase__intro{max-width:680px!important;}
.sv-brands-showcase--v4 .sv-brands-showcase__head h2{
    margin:0!important;
    color:#083f31!important;
    font-size:clamp(27px,2.5vw,42px)!important;
    line-height:1.05!important;
    font-weight:900!important;
}
.sv-brands-showcase--v4 .sv-brands-showcase__line{
    display:block!important;
    width:94px!important;
    height:2px!important;
    margin:15px 0 14px!important;
    background:#c7952d!important;
}
.sv-brands-showcase--v4 .sv-brands-showcase__head p{
    margin:0!important;
    color:#36443f!important;
    font-size:17px!important;
    line-height:1.6!important;
}
.sv-brands-showcase--v4 .sv-all-brands-toggle--head{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:16px!important;
    min-height:56px!important;
    padding:0 24px!important;
    border:1.5px solid #c7952d!important;
    border-radius:12px!important;
    color:#a87819!important;
    background:#fff!important;
    font-size:16px!important;
    font-weight:800!important;
    white-space:nowrap!important;
}
.sv-brands-showcase--v4 .sv-all-brands-toggle--head i{font-size:25px!important;font-style:normal!important;}
.sv-brands-showcase--v4 .sv-brands-carousel-shell{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 54px!important;
    overflow:visible!important;
}
.sv-brands-showcase--v4 .sv-brand-carousel{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
}
.sv-brands-showcase--v4 .sv-brand-carousel__viewport{
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain!important;
    padding:8px 2px 18px!important;
}
.sv-brands-showcase--v4 .sv-brand-carousel__viewport::-webkit-scrollbar{display:none!important;}
.sv-brands-showcase--v4 .sv-brand-carousel__track{
    display:flex!important;
    width:max-content!important;
    gap:18px!important;
    align-items:stretch!important;
}
.sv-brands-showcase--v4 .sv-brand-card{
    flex:0 0 var(--sv-brand-card-width, 310px)!important;
    width:var(--sv-brand-card-width, 310px)!important;
    min-width:0!important;
    min-height:350px!important;
    padding:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    scroll-snap-align:start!important;
    border:1px solid rgba(8,63,49,.10)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 12px 34px rgba(15,52,43,.10)!important;
    text-align:left!important;
}
.sv-brands-showcase--v4 .sv-brand-card__media{
    flex:0 0 150px!important;
    height:150px!important;
    min-height:150px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:22px!important;
    border-bottom:1px solid rgba(8,63,49,.08)!important;
    background:#fff!important;
}
.sv-brands-showcase--v4 .sv-brand-card__media img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:88%!important;
    max-height:92px!important;
    object-fit:contain!important;
}
.sv-brands-showcase--v4 .sv-brand-card__body{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:200px!important;
    padding:20px!important;
}
.sv-brands-showcase--v4 .sv-brand-card__name{
    display:block!important;
    margin:0 0 10px!important;
    color:#083f31!important;
    font-size:21px!important;
    line-height:1.18!important;
    font-weight:900!important;
}
.sv-brands-showcase--v4 .sv-brand-card__description{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    color:#52605b!important;
    font-size:14px!important;
    line-height:1.55!important;
}
.sv-brands-showcase--v4 .sv-brand-card__more{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:48px!important;
    margin-top:auto!important;
    padding:0 16px!important;
    border:1.5px solid #c7952d!important;
    border-radius:10px!important;
    color:#a87819!important;
    font-size:14px!important;
    font-weight:900!important;
}
.sv-brands-showcase--v4 .sv-brand-arrow--side{
    position:absolute!important;
    top:50%!important;
    z-index:30!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    margin-top:-21px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#07503d!important;
    color:#fff!important;
    box-shadow:0 8px 22px rgba(7,80,61,.28)!important;
    font-size:19px!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}
.sv-brands-showcase--v4 .sv-brand-arrow--prev{left:2px!important;}
.sv-brands-showcase--v4 .sv-brand-arrow--next{right:2px!important;}
.sv-brands-showcase--v4 .sv-brand-arrow--side:hover,
.sv-brands-showcase--v4 .sv-brand-arrow--side:focus-visible{transform:scale(1.08)!important;background:#0a684f!important;}

@media (max-width:1179px){
    .sv-brands-showcase--v4 .sv-wrap{width:calc(100% - 20px)!important;}
    .sv-brands-showcase--v4 .sv-brands-showcase__head{margin-inline:42px!important;}
    .sv-brands-showcase--v4 .sv-brands-carousel-shell{padding-inline:42px!important;}
    .sv-brands-showcase--v4 .sv-brand-card{min-height:320px!important;}
    .sv-brands-showcase--v4 .sv-brand-card__media{flex-basis:130px!important;height:130px!important;min-height:130px!important;}
}
@media (max-width:767px){
    .sv-brands-showcase--v4{padding:26px 0 34px!important;}
    .sv-brands-showcase--v4 .sv-wrap{width:100%!important;padding:0 6px!important;}
    .sv-brands-showcase--v4 .sv-brands-showcase__head{align-items:flex-start!important;margin:0 12px 18px!important;gap:10px!important;}
    .sv-brands-showcase--v4 .sv-brands-showcase__head h2{font-size:25px!important;}
    .sv-brands-showcase--v4 .sv-brands-showcase__line{width:68px!important;margin:11px 0 10px!important;}
    .sv-brands-showcase--v4 .sv-brands-showcase__head p{font-size:12px!important;line-height:1.45!important;}
    .sv-brands-showcase--v4 .sv-all-brands-toggle--head{min-width:42px!important;width:42px!important;min-height:42px!important;height:42px!important;padding:0!important;border-radius:10px!important;}
    .sv-brands-showcase--v4 .sv-all-brands-toggle--head span{display:none!important;}
    .sv-brands-showcase--v4 .sv-brands-carousel-shell{padding:0 30px!important;}
    .sv-brands-showcase--v4 .sv-brand-carousel__track{gap:7px!important;}
    .sv-brands-showcase--v4 .sv-brand-carousel__viewport{padding:5px 0 13px!important;}
    .sv-brands-showcase--v4 .sv-brand-card{min-height:230px!important;border-radius:13px!important;}
    .sv-brands-showcase--v4 .sv-brand-card__media{flex-basis:86px!important;height:86px!important;min-height:86px!important;padding:10px 6px!important;}
    .sv-brands-showcase--v4 .sv-brand-card__media img{max-width:94%!important;max-height:55px!important;}
    .sv-brands-showcase--v4 .sv-brand-card__body{min-height:144px!important;padding:9px 7px 10px!important;}
    .sv-brands-showcase--v4 .sv-brand-card__name{margin-bottom:4px!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
    .sv-brands-showcase--v4 .sv-brand-card__description{font-size:9px!important;line-height:1.34!important;-webkit-line-clamp:3!important;}
    .sv-brands-showcase--v4 .sv-brand-card__more{min-height:31px!important;margin-top:7px!important;padding:0 6px!important;border-radius:7px!important;font-size:9px!important;}
    .sv-brands-showcase--v4 .sv-brand-card__more i{font-size:13px!important;}
    .sv-brands-showcase--v4 .sv-brand-arrow--side{width:26px!important;height:26px!important;margin-top:-13px!important;font-size:12px!important;box-shadow:0 4px 12px rgba(7,80,61,.25)!important;}
    .sv-brands-showcase--v4 .sv-brand-arrow--prev{left:1px!important;}
    .sv-brands-showcase--v4 .sv-brand-arrow--next{right:1px!important;}
}

/* =========================================================
   ST VET — PARTNERS V5 MOBILE “VIEW ALL BRANDS” FIX
   Keep the complete label visible on phones, not only the arrow.
   ========================================================= */
@media (max-width:767px){
    .sv-brands-showcase--v4 .sv-brands-showcase__head{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        align-items:start!important;
        gap:14px!important;
    }
    .sv-brands-showcase--v4 .sv-brands-showcase__intro{
        width:100%!important;
        max-width:none!important;
    }
    .sv-brands-showcase--v4 .sv-all-brands-toggle--head{
        display:inline-flex!important;
        width:auto!important;
        min-width:0!important;
        max-width:100%!important;
        min-height:44px!important;
        height:auto!important;
        margin:0!important;
        padding:10px 15px!important;
        justify-self:start!important;
        align-items:center!important;
        justify-content:center!important;
        gap:12px!important;
        border:1.5px solid #c7952d!important;
        border-radius:11px!important;
        color:#a87819!important;
        background:#fff!important;
        box-shadow:0 7px 18px rgba(86,63,16,.07)!important;
        font-size:13px!important;
        line-height:1.2!important;
        font-weight:850!important;
        white-space:nowrap!important;
        text-align:left!important;
    }
    .sv-brands-showcase--v4 .sv-all-brands-toggle--head span{
        display:inline!important;
        visibility:visible!important;
        opacity:1!important;
        font-size:13px!important;
        line-height:1.2!important;
    }
    .sv-brands-showcase--v4 .sv-all-brands-toggle--head i{
        display:inline-block!important;
        flex:0 0 auto!important;
        font-size:22px!important;
        line-height:1!important;
    }
}

/* =========================================================
   ST VET — HERO V9: MAIN ANIMAL BACKGROUND + ORIGINAL ASSORTMENT
   Animals stay a decorative background under the copy.
   The assortment circle and category menu remain in their original column.
   ========================================================= */
.sv-hero-assortment{
    isolation:isolate;
    background:
        linear-gradient(90deg,rgba(2,28,21,.92) 0%,rgba(2,40,29,.78) 39%,rgba(2,37,27,.35) 68%,rgba(2,28,21,.18) 100%),
        radial-gradient(circle at 58% 52%,rgba(216,179,93,.12),transparent 34%),
        linear-gradient(135deg,#021c15 0%,#073d2c 48%,#021c15 100%)!important;
}
.sv-hero-lcp{
    position:absolute;
    inset:0;
    z-index:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    pointer-events:none;
}
.sv-hero-assortment::before{
    inset:0!important;
    z-index:1!important;
    opacity:1!important;
    background:
        linear-gradient(90deg,rgba(2,28,21,.35) 0%,rgba(2,28,21,.08) 55%,rgba(2,28,21,.14) 100%)!important;
    pointer-events:none!important;
}
.sv-hero-assortment::after{
    z-index:1!important;
    left:auto!important;
    right:-8%!important;
    bottom:-20%!important;
    width:62%!important;
    height:52%!important;
    opacity:.62!important;
    background:radial-gradient(circle,rgba(216,179,93,.22),transparent 64%)!important;
}
.sv-hero__in{z-index:2!important;}
.sv-hero__copy,
.sv-assortment,
.sv-hero-principles{position:relative;z-index:3;}
.sv-hero__copy > h1,
.sv-hero__copy > h2{
    max-width:720px;
    margin:0!important;
    font-size:clamp(43px,4.25vw,72px);
    font-weight:1000;
    line-height:.98;
    letter-spacing:-2.4px;
    text-shadow:0 16px 42px rgba(0,0,0,.34);
}
.sv-hero-title-main,
.sv-hero-title-gold{display:block;}
.sv-hero-title-main{color:#fff;}
.sv-hero-title-gold{color:#e4bd58;margin-top:4px;}

@media (min-width:1081px){
    .sv-hero__in{
        grid-template-columns:minmax(430px,560px) minmax(610px,1fr)!important;
        gap:clamp(28px,3vw,54px)!important;
    }
    .sv-hero__copy{max-width:560px!important;padding-top:28px!important;}
    .sv-assortment{justify-self:end!important;}
    .sv-hero-assortment::before{
        background-position:center center!important;
        background-size:cover!important;
    }
    .sv-hero-lcp{
        object-position:center center;
    }
}
@media (min-width:1081px) and (max-width:1399px){
    .sv-hero-assortment::before{
        background-position:56% center!important;
    }
    .sv-hero-lcp{object-position:56% center;}
    .sv-hero__copy > h1,
    .sv-hero__copy > h2{font-size:clamp(42px,4vw,60px);}
}
@media (max-width:1080px){
    .sv-hero-assortment::before{
        opacity:.54!important;
    }
    .sv-hero-lcp{
        object-fit:cover;
        object-position:63% 28%;
    }
    .sv-hero-assortment{
        background:
            linear-gradient(180deg,rgba(2,28,21,.94) 0%,rgba(2,38,28,.82) 34%,rgba(2,34,25,.88) 100%),
            linear-gradient(135deg,#021c15 0%,#073d2c 48%,#021c15 100%)!important;
    }
    .sv-hero__copy{max-width:760px!important;}
    .sv-hero__copy > h1,
    .sv-hero__copy > h2{font-size:clamp(40px,7.2vw,64px);}
}
@media (max-width:767px){
    .sv-hero-assortment::before{
        opacity:.34!important;
        background-position:72% 20%!important;
        background-size:auto 39%!important;
    }
    .sv-hero__copy > h2{
        font-size:clamp(34px,10.6vw,48px);
        line-height:1.01;
        letter-spacing:-1.5px;
    }
    .sv-hero-title-gold{margin-top:3px;}
}
/* =========================================================
   ST VET — FINAL HERO TITLE SIZE FIX
   В актуальной версии Hero заголовок — это .sv-hero__copy > h2,
   поэтому переопределяем именно h2, а h1 оставляем как резерв.
   ========================================================= */

.sv-hero__copy > h2,
.sv-hero h1 {
    width: 100% !important;
    max-width: 540px !important;
    margin: 0 !important;
    font-size: clamp(34px, 2.65vw, 46px) !important;
    font-weight: 1000 !important;
    line-height: 1.01 !important;
    letter-spacing: -1.35px !important;
    text-wrap: balance;
}

/* Большие мониторы: не позволяем заголовку снова разрастаться. */
@media (min-width: 1400px) {
    .sv-hero__copy > h2,
    .sv-hero h1 {
        max-width: 560px !important;
        font-size: 46px !important;
        line-height: 1.01 !important;
        letter-spacing: -1.35px !important;
    }
}

/* Ноутбуки и небольшие десктопы. */
@media (min-width: 1081px) and (max-width: 1399px) {
    .sv-hero__copy > h2,
    .sv-hero h1 {
        max-width: 520px !important;
        font-size: clamp(36px, 3.15vw, 43px) !important;
        line-height: 1.01 !important;
        letter-spacing: -1.15px !important;
    }
}

/* Планшеты. */
@media (max-width: 1080px) {
    .sv-hero__copy > h2,
    .sv-hero h1 {
        max-width: 650px !important;
        font-size: clamp(34px, 5.2vw, 43px) !important;
        line-height: 1.02 !important;
        letter-spacing: -1.05px !important;
    }
}

/* Мобильные устройства. */
@media (max-width: 760px) {
    .sv-hero__copy > h2,
    .sv-hero h1 {
        max-width: 100% !important;
        font-size: clamp(29px, 8.3vw, 36px) !important;
        line-height: 1.035 !important;
        letter-spacing: -0.75px !important;
    }
}

/* Узкие телефоны. */
@media (max-width: 420px) {
    .sv-hero__copy > h2,
    .sv-hero h1 {
        font-size: 29px !important;
        line-height: 1.04 !important;
        letter-spacing: -0.55px !important;
    }
}
/* =========================================================
   ST VET — BENEFITS POLISH
   ========================================================= */

.sv-benefit-card {
    min-height: 360px !important;
    padding: 38px 28px 32px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sv-benefit-icon {
    width: 150px !important;
    height: 150px !important;
    margin: 0 auto !important;
    display: grid;
    place-items: center;
}

.sv-benefit-icon img {
    width: 138px !important;
    height: 138px !important;
    max-width: 100%;
    object-fit: contain !important;
}

.sv-benefit-card h3 {
    margin: 22px 0 12px !important;
    color: #07513c;
    font-size: clamp(22px, 1.65vw, 30px) !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.45px !important;
    text-align: center;
}

.sv-benefit-card p {
    max-width: 430px;
    margin: 0 auto !important;
    color: #243b34;
    font-size: 18px !important;
    line-height: 1.55 !important;
    text-align: center;
}

@media (max-width: 1080px) {
    .sv-benefit-card {
        min-height: 330px !important;
        padding: 32px 22px 28px !important;
    }

    .sv-benefit-icon,
    .sv-benefit-icon img {
        width: 124px !important;
        height: 124px !important;
    }

    .sv-benefit-card h3 {
        font-size: 24px !important;
    }

    .sv-benefit-card p {
        font-size: 16px !important;
    }
}

@media (max-width: 760px) {
    .sv-benefit-card {
        min-height: 245px !important;
        padding: 24px 12px 22px !important;
    }

    .sv-benefit-icon,
    .sv-benefit-icon img {
        width: 86px !important;
        height: 86px !important;
    }

    .sv-benefit-card h3 {
        margin-top: 15px !important;
        font-size: 16px !important;
        line-height: 1.15 !important;
    }

    .sv-benefit-card p {
        font-size: 12.5px !important;
        line-height: 1.4 !important;
    }
}

/* =========================================================
   ST VET — PREMIUM BENEFITS V4
   Полностью уникальная разметка и классы.
   Старые .sv-advantages / .sv-adv правила не влияют на блок.
   ========================================================= */

.sv-premium-benefits {
    position: relative;
    z-index: 3;
    padding: 28px 0 34px;
    overflow: hidden;
    background:
        radial-gradient(circle at 0% 0%, rgba(216, 179, 93, 0.10), transparent 22%),
        radial-gradient(circle at 100% 100%, rgba(7, 61, 44, 0.05), transparent 24%),
        linear-gradient(180deg, #fffdf8 0%, #f8fbf8 100%);
    border-top: 1px solid rgba(7, 61, 44, 0.07);
    border-bottom: 1px solid rgba(7, 61, 44, 0.07);
}

.sv-premium-benefits::before,
.sv-premium-benefits::after {
    position: absolute;
    pointer-events: none;
    content: "";
    border-radius: 50%;
    filter: blur(18px);
}

.sv-premium-benefits::before {
    top: -80px;
    left: -90px;
    width: 260px;
    height: 260px;
    background: rgba(216, 179, 93, 0.10);
}

.sv-premium-benefits::after {
    right: -110px;
    bottom: -110px;
    width: 300px;
    height: 300px;
    background: rgba(15, 138, 97, 0.07);
}

.sv-premium-benefits .sv-wrap {
    width: min(100% - 28px, 1480px);
}

.sv-premium-benefits__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.sv-premium-benefits__card {
    position: relative;
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    align-items: center;
    gap: 20px;
    min-width: 0;
    min-height: 170px;
    padding: 22px 24px;
    overflow: hidden;
    border: 1px solid rgba(195, 151, 46, 0.24);
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(252, 253, 250, 0.97));
    box-shadow:
        0 12px 28px rgba(26, 67, 51, 0.065),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

.sv-premium-benefits__card::after {
    position: absolute;
    right: -38px;
    bottom: -42px;
    width: 120px;
    height: 120px;
    content: "";
    border: 1px solid rgba(216, 179, 93, 0.10);
    border-radius: 50%;
}

.sv-premium-benefits__card:hover {
    border-color: rgba(195, 151, 46, 0.46);
    box-shadow:
        0 18px 42px rgba(26, 67, 51, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 1);
    transform: translateY(-4px);
}

.sv-premium-benefits__icon {
    position: relative;
    z-index: 2;
    display: grid;
    width: 92px;
    height: 92px;
    overflow: hidden;
    border-radius: 50%;
    background: transparent;
    place-items: center;
}

.sv-premium-benefits__icon img {
    display: block;
    width: 86px;
    height: 86px;
    max-width: none;
    object-fit: contain;
    object-position: center;
}

.sv-premium-benefits__copy {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.sv-premium-benefits__copy h3 {
    margin: 0 0 8px;
    color: #07503a;
    font-size: clamp(19px, 1.35vw, 25px);
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: -0.35px;
}

.sv-premium-benefits__copy p {
    display: block;
    margin: 0;
    color: #35483f;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.48;
}

@media (max-width: 1180px) {
    .sv-premium-benefits__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .sv-premium-benefits__card {
        min-height: 164px;
    }
}

@media (max-width: 760px) {
    .sv-premium-benefits {
        padding: 18px 0 22px;
    }

    .sv-premium-benefits .sv-wrap {
        width: calc(100% - 14px);
    }

    .sv-premium-benefits__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .sv-premium-benefits__card {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 7px;
        min-height: 186px;
        padding: 12px 8px 13px;
        text-align: center;
        border-radius: 17px;
    }

    .sv-premium-benefits__icon {
        width: 66px;
        height: 66px;
    }

    .sv-premium-benefits__icon img {
        width: 62px;
        height: 62px;
    }

    .sv-premium-benefits__copy h3 {
        margin-bottom: 5px;
        font-size: 13.2px;
        line-height: 1.16;
        letter-spacing: -0.1px;
    }

    .sv-premium-benefits__copy p {
        max-width: 148px;
        font-size: 10.3px;
        line-height: 1.36;
    }
}

@media (max-width: 380px) {
    .sv-premium-benefits__grid {
        gap: 7px;
    }

    .sv-premium-benefits__card {
        min-height: 180px;
        padding-inline: 6px;
    }

    .sv-premium-benefits__copy h3 {
        font-size: 12.4px;
    }

    .sv-premium-benefits__copy p {
        font-size: 9.8px;
    }
}

/* =========================================================
   ST VET — BENEFITS V4 FIXED
   Работает с фактической разметкой:
   .sv-advantages / .sv-adv-grid / .sv-adv / .sv-adv-icon
   ========================================================= */

#stvet-advantages.sv-advantages {
    position: relative !important;
    z-index: 3 !important;
    padding: 26px 0 32px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(216,179,93,.09), transparent 22%),
        radial-gradient(circle at 100% 100%, rgba(7,61,44,.05), transparent 24%),
        linear-gradient(180deg,#fffdf8 0%,#f8fbf8 100%) !important;
    border-top: 1px solid rgba(7,61,44,.07) !important;
    border-bottom: 1px solid rgba(7,61,44,.07) !important;
    box-shadow: none !important;
}

#stvet-advantages > .sv-wrap {
    width: min(100% - 28px, 1480px) !important;
    margin-inline: auto !important;
}

#stvet-advantages .sv-adv-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 18px !important;
    padding: 0 !important;
}

#stvet-advantages .sv-adv {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 92px minmax(0,1fr) !important;
    align-items: center !important;
    justify-content: initial !important;
    gap: 20px !important;
    min-width: 0 !important;
    min-height: 170px !important;
    height: auto !important;
    padding: 22px 24px !important;
    overflow: hidden !important;
    text-align: left !important;
    border: 1px solid rgba(195,151,46,.24) !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg,rgba(255,255,255,.99),rgba(252,253,250,.98)) !important;
    box-shadow: 0 12px 28px rgba(26,67,51,.065) !important;
}

#stvet-advantages .sv-adv::after {
    display: none !important;
}

#stvet-advantages .sv-adv-icon {
    display: grid !important;
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    place-items: center !important;
}

#stvet-advantages .sv-adv-icon::before,
#stvet-advantages .sv-adv-icon::after {
    display: none !important;
}

#stvet-advantages .sv-adv-icon img {
    display: block !important;
    width: 86px !important;
    height: 86px !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
}

#stvet-advantages .sv-adv h3 {
    display: block !important;
    margin: 0 0 8px !important;
    color: #07503a !important;
    font-size: clamp(19px,1.35vw,25px) !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    letter-spacing: -.35px !important;
    text-align: left !important;
}

#stvet-advantages .sv-adv p {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #35483f !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    line-height: 1.48 !important;
    text-align: left !important;
}

#stvet-advantages .sv-adv p::before,
#stvet-advantages .sv-adv p::after {
    display: none !important;
}

@media (max-width:1180px) {
    #stvet-advantages .sv-adv-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 14px !important;
    }
}

@media (max-width:760px) {
    #stvet-advantages.sv-advantages {
        padding: 18px 0 22px !important;
    }

    #stvet-advantages > .sv-wrap {
        width: calc(100% - 14px) !important;
    }

    #stvet-advantages .sv-adv-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 8px !important;
    }

    #stvet-advantages .sv-adv {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        gap: 7px !important;
        min-height: 186px !important;
        padding: 12px 8px 13px !important;
        text-align: center !important;
        border-radius: 17px !important;
    }

    #stvet-advantages .sv-adv-icon {
        width: 66px !important;
        height: 66px !important;
        min-width: 66px !important;
        min-height: 66px !important;
    }

    #stvet-advantages .sv-adv-icon img {
        width: 62px !important;
        height: 62px !important;
    }

    #stvet-advantages .sv-adv h3 {
        margin-bottom: 5px !important;
        font-size: 13.2px !important;
        line-height: 1.16 !important;
        text-align: center !important;
    }

    #stvet-advantages .sv-adv p {
        max-width: 148px !important;
        font-size: 10.3px !important;
        line-height: 1.36 !important;
        text-align: center !important;
    }
}


/* =========================================================
   ST VET — TEAM V6 FIXED
   Без старого generic-carousel JS. 3/2/1 карточки.
   Рабочее модальное окно с телефоном/email из админки.
   ========================================================= */

#stvet-team .sv-team-v6 .sv-carousel__viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    touch-action: pan-x pan-y !important;
}

#stvet-team .sv-team-v6 .sv-carousel__viewport::-webkit-scrollbar {
    display: none !important;
}

#stvet-team .sv-team-v6 .sv-carousel__track {
    display: block !important;
    width: auto !important;
    transform: none !important;
    animation: none !important;
}

#stvet-team .sv-team-v6 .sv-carousel__group {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((100% - 36px) / 3) !important;
    gap: 18px !important;
    width: auto !important;
    padding: 8px 4px 14px !important;
}

#stvet-team .sv-team-v6 .sv-team-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    scroll-snap-align: start !important;
}

@media (max-width: 1100px) {
    #stvet-team .sv-team-v6 .sv-carousel__group {
        grid-auto-columns: calc((100% - 18px) / 2) !important;
    }
}

@media (max-width: 760px) {
    #stvet-team .sv-team-v6 .sv-carousel__group {
        grid-auto-columns: calc(100% - 28px) !important;
        gap: 12px !important;
    }
}

/* Manager modal */
.sv-manager-modal[hidden] {
    display: none !important;
}

.sv-manager-modal {
    position: fixed !important;
    z-index: 100000 !important;
    inset: 0 !important;
    display: grid !important;
    padding: 20px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    place-items: center !important;
    transition: opacity .18s ease, visibility .18s ease !important;
}

.sv-manager-modal.is-open {
    opacity: 1 !important;
    visibility: visible !important;
}

.sv-manager-modal__backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(1, 20, 14, .82) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.sv-manager-modal__dialog {
    position: relative !important;
    z-index: 2 !important;
    width: min(100%, 760px) !important;
    max-height: 92vh !important;
    overflow-y: auto !important;
    padding: 32px !important;
    outline: none !important;
    border: 1px solid rgba(216, 179, 93, .42) !important;
    border-radius: 28px !important;
    background: linear-gradient(145deg, #fdfefc, #f1f7f3) !important;
    box-shadow: 0 34px 100px rgba(0, 0, 0, .55) !important;
    transform: translateY(12px) scale(.985) !important;
    transition: transform .2s ease !important;
}

.sv-manager-modal.is-open .sv-manager-modal__dialog {
    transform: none !important;
}

.sv-manager-modal__close {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    display: grid !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    color: #073d2c !important;
    font: 30px/1 Arial, sans-serif !important;
    cursor: pointer !important;
    border: 1px solid rgba(7, 61, 44, .15) !important;
    border-radius: 50% !important;
    background: #fff !important;
    place-items: center !important;
}

.sv-manager-modal__profile {
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 30px !important;
}

.sv-manager-modal__photo {
    display: grid !important;
    width: 220px !important;
    height: 220px !important;
    overflow: hidden !important;
    border: 3px solid rgba(216, 179, 93, .78) !important;
    border-radius: 50% !important;
    background: #0b3c2d !important;
    box-shadow: 0 0 0 9px rgba(216, 179, 93, .09) !important;
    place-items: center !important;
}

.sv-manager-modal__photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.sv-manager-modal__copy h2 {
    margin: 0 !important;
    color: #073d2c !important;
    font-size: clamp(30px, 4vw, 44px) !important;
    font-weight: 950 !important;
    line-height: 1.04 !important;
    letter-spacing: -1px !important;
}

.sv-manager-modal__eyebrow {
    margin: 0 0 8px !important;
    color: #9a772d !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
}

.sv-manager-modal__role {
    margin: 12px 0 0 !important;
    color: #8c6d29 !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    line-height: 1.4 !important;
}

.sv-manager-modal__description {
    margin: 18px 0 0 !important;
    color: #40554c !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

.sv-manager-modal__contacts {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 20px !important;
}

.sv-manager-modal__contacts[hidden] {
    display: none !important;
}

.sv-manager-modal__contacts a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #0f8a61, #07533d) !important;
}

@media (max-width: 700px) {
    .sv-manager-modal {
        padding: 10px !important;
    }

    .sv-manager-modal__dialog {
        padding: 28px 18px 20px !important;
        border-radius: 22px !important;
    }

    .sv-manager-modal__profile {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        gap: 20px !important;
        text-align: center !important;
    }

    .sv-manager-modal__photo {
        width: 150px !important;
        height: 150px !important;
    }

    .sv-manager-modal__contacts {
        justify-content: center !important;
    }
}

/* =========================================================
   ST VET — TEAM PREMIUM V8 FINAL
   Имя + описание на карточке. Должность только в модальном окне.
   Плавный премиальный зелёно-золотой стиль.
   ========================================================= */

#stvet-team.sv-team {
    padding: 72px 0 80px !important;
    background:
        radial-gradient(circle at 10% 12%, rgba(216,179,93,.12), transparent 23%),
        radial-gradient(circle at 90% 18%, rgba(18,181,126,.13), transparent 25%),
        radial-gradient(circle at 50% 110%, rgba(216,179,93,.09), transparent 34%),
        linear-gradient(135deg,#021c15 0%,#073d2c 52%,#03251c 100%) !important;
}

#stvet-team .sv-team__intro h2 {
    background: linear-gradient(180deg,#ffffff 0%,#eef6f1 72%,#d9e8df 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    text-shadow: 0 18px 42px rgba(0,0,0,.22) !important;
}

#stvet-team .sv-team__intro::after {
    display: block !important;
    width: 150px !important;
    height: 2px !important;
    margin: 24px auto 0 !important;
    content: "" !important;
    background: linear-gradient(90deg,transparent,#f1d58a,transparent) !important;
    box-shadow: 0 0 18px rgba(216,179,93,.5) !important;
}

#stvet-team .sv-team-v6 .sv-carousel__viewport {
    padding: 14px 6px 20px !important;
}

#stvet-team .sv-team-card {
    min-height: 510px !important;
    padding: 30px 26px 26px !important;
    border: 1px solid rgba(216,179,93,.40) !important;
    border-radius: 30px !important;
    background:
        linear-gradient(155deg,rgba(255,255,255,.115),rgba(255,255,255,.035) 58%),
        radial-gradient(circle at 50% 0%,rgba(216,179,93,.15),transparent 48%) !important;
    box-shadow:
        0 28px 72px rgba(0,0,0,.23),
        inset 0 1px 0 rgba(255,255,255,.11) !important;
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease,
        border-color .32s ease !important;
}

#stvet-team .sv-team-card::after {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 6px !important;
    content: "" !important;
    background: linear-gradient(90deg,#9a7226,#f1d58a,#11a877) !important;
    opacity: .92 !important;
}

#stvet-team .sv-team-card:hover {
    border-color: rgba(241,213,138,.82) !important;
    box-shadow:
        0 40px 92px rgba(0,0,0,.31),
        0 0 40px rgba(216,179,93,.15),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
    transform: translateY(-8px) !important;
}

#stvet-team .sv-team-card img,
#stvet-team .sv-team-card__blank {
    width: 170px !important;
    height: 170px !important;
    flex: 0 0 170px !important;
    margin: 0 auto 24px !important;
    border: 4px solid rgba(241,213,138,.9) !important;
    box-shadow:
        0 0 0 10px rgba(216,179,93,.09),
        0 0 34px rgba(216,179,93,.18),
        0 22px 44px rgba(0,0,0,.26) !important;
    transition: transform .35s ease, box-shadow .35s ease !important;
}

#stvet-team .sv-team-card:hover img,
#stvet-team .sv-team-card:hover .sv-team-card__blank {
    transform: scale(1.025) !important;
    box-shadow:
        0 0 0 11px rgba(216,179,93,.12),
        0 0 44px rgba(216,179,93,.25),
        0 26px 52px rgba(0,0,0,.30) !important;
}

#stvet-team .sv-team-card strong {
    margin: 0 0 18px !important;
    color: #fff !important;
    font-size: 27px !important;
    font-weight: 950 !important;
    line-height: 1.12 !important;
    letter-spacing: -.55px !important;
    text-shadow: 0 8px 22px rgba(0,0,0,.30) !important;
}

#stvet-team .sv-team-card > span {
    display: none !important;
}

#stvet-team .sv-team-card__description {
    position: relative !important;
    z-index: 2 !important;
    display: -webkit-box !important;
    min-height: 118px !important;
    max-width: 92% !important;
    margin: 0 auto 24px !important;
    overflow: hidden !important;
    color: rgba(255,255,255,.82) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.58 !important;
    text-align: center !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
}

#stvet-team .sv-team-card em {
    width: min(100%, 240px) !important;
    min-width: 0 !important;
    min-height: 50px !important;
    margin: auto auto 0 !important;
    padding: 0 24px !important;
    color: #06261d !important;
    border: 1px solid rgba(241,213,138,.9) !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg,#ffe29a 0%,#d8b35d 52%,#f0cd74 100%) !important;
    box-shadow:
        0 16px 34px rgba(216,179,93,.24),
        inset 0 1px 0 rgba(255,255,255,.45) !important;
    transition:
        transform .22s ease,
        filter .22s ease,
        box-shadow .22s ease !important;
}

#stvet-team .sv-team-card:hover em {
    filter: brightness(1.04) !important;
    box-shadow:
        0 20px 42px rgba(216,179,93,.31),
        inset 0 1px 0 rgba(255,255,255,.5) !important;
    transform: translateY(-2px) !important;
}

#stvet-team .sv-carousel__controls {
    margin-top: 22px !important;
}

#stvet-team .sv-carousel__button {
    width: 50px !important;
    height: 50px !important;
    transition:
        transform .22s ease,
        background .22s ease,
        color .22s ease,
        box-shadow .22s ease !important;
}

#stvet-team .sv-carousel__button:hover {
    box-shadow:
        0 16px 34px rgba(0,0,0,.22),
        0 0 24px rgba(216,179,93,.25) !important;
}

#stvet-team .sv-carousel__hint {
    color: var(--sv-gold2) !important;
}

/* Modal: чище, плавнее, без лишнего статуса на карточке */
.sv-manager-modal {
    transition: opacity .24s ease, visibility .24s ease !important;
}

.sv-manager-modal__dialog {
    border-color: rgba(216,179,93,.56) !important;
    background:
        radial-gradient(circle at 8% 6%,rgba(216,179,93,.13),transparent 26%),
        linear-gradient(145deg,#fffefb,#edf6f0) !important;
    box-shadow: 0 38px 110px rgba(0,0,0,.58) !important;
    transition: transform .28s cubic-bezier(.2,.8,.2,1) !important;
}

.sv-manager-modal__photo {
    box-shadow:
        0 0 0 10px rgba(216,179,93,.10),
        0 0 44px rgba(216,179,93,.20),
        0 26px 56px rgba(7,61,44,.18) !important;
}

.sv-manager-modal__role {
    display: block !important;
    margin: 12px 0 0 !important;
    color: #8d6c28 !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    line-height: 1.42 !important;
}

.sv-manager-modal__contacts a {
    transition: transform .2s ease, filter .2s ease, box-shadow .2s ease !important;
}

.sv-manager-modal__contacts a:hover {
    filter: brightness(1.06) !important;
    transform: translateY(-2px) !important;
}

/* Планшет */
@media (max-width: 1100px) {
    #stvet-team .sv-team-card {
        min-height: 490px !important;
    }

    #stvet-team .sv-team-card img,
    #stvet-team .sv-team-card__blank {
        width: 150px !important;
        height: 150px !important;
        flex-basis: 150px !important;
    }

    #stvet-team .sv-team-card strong {
        font-size: 24px !important;
    }
}

/* Мобильный */
@media (max-width: 760px) {
    #stvet-team.sv-team {
        padding: 48px 0 56px !important;
    }

    #stvet-team .sv-team-card {
        min-height: 470px !important;
        padding: 24px 18px 22px !important;
        border-radius: 25px !important;
    }

    #stvet-team .sv-team-card img,
    #stvet-team .sv-team-card__blank {
        width: 138px !important;
        height: 138px !important;
        flex-basis: 138px !important;
        margin-bottom: 20px !important;
    }

    #stvet-team .sv-team-card strong {
        margin-bottom: 15px !important;
        font-size: 22px !important;
    }

    #stvet-team .sv-team-card__description {
        min-height: 108px !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
        font-size: 14.5px !important;
        line-height: 1.52 !important;
    }

    #stvet-team .sv-team-card em {
        width: 100% !important;
    }
}

/* =========================================================
   ST VET — TEAM PREMIUM V9 DESCRIPTION FIX
   Индивидуальный текст каждого сотрудника + правильная кнопка.
   ========================================================= */

#stvet-team .sv-team-card__description {
    display: -webkit-box !important;
    width: 100% !important;
    min-height: 112px !important;
    max-width: 94% !important;
    margin: 0 auto 24px !important;
    overflow: hidden !important;
    color: rgba(255,255,255,.84) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.58 !important;
    text-align: center !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
}

#stvet-team .sv-team-card em {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: min(100%, 240px) !important;
    min-width: 0 !important;
    min-height: 52px !important;
    margin: auto auto 0 !important;
    padding: 0 22px !important;
    text-align: center !important;
    line-height: 1 !important;
}

#stvet-team .sv-team-card em::after {
    display: none !important;
    content: none !important;
}

#stvet-team .sv-team-card em span {
    display: inline-block !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #06261d !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .35px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

#stvet-team .sv-team-card em i {
    display: inline-block !important;
    margin: 0 !important;
    color: #06261d !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 1100px) {
    #stvet-team .sv-team-card__description {
        min-height: 104px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 760px) {
    #stvet-team .sv-team-card__description {
        min-height: 96px !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
        font-size: 14.5px !important;
        line-height: 1.52 !important;
        -webkit-line-clamp: 4 !important;
    }

    #stvet-team .sv-team-card em {
        width: 100% !important;
        min-height: 50px !important;
    }
}

/* =========================================================
   ST VET — PERFORMANCE GUARDS
   Skip rendering distant sections until they approach viewport.
   ========================================================= */
@supports (content-visibility: auto) {
    #stvet-advantages,
    #stvet-animals,
    #stvet-brands,
    #stvet-team,
    #stvet-transport,
    #stvet-partner-cta,
    .sv-footer {
        content-visibility: auto;
    }

    #stvet-advantages { contain-intrinsic-size: auto 420px; }
    #stvet-animals { contain-intrinsic-size: auto 680px; }
    #stvet-brands { contain-intrinsic-size: auto 360px; }
    #stvet-team { contain-intrinsic-size: auto 820px; }
    #stvet-transport { contain-intrinsic-size: auto 760px; }
    #stvet-partner-cta { contain-intrinsic-size: auto 220px; }
    .sv-footer { contain-intrinsic-size: auto 520px; }
}
/* =========================================================
   НАШІ ПРИНЦИПИ — ЕДИНЫЙ БЛОК
   ========================================================= */

.sv-premium-benefits {
    padding: 56px 0 48px;
    border-top: 0;
    background:
        radial-gradient(
            circle at 0% 40%,
            rgba(216, 179, 93, 0.10),
            transparent 24%
        ),
        radial-gradient(
            circle at 100% 100%,
            rgba(15, 138, 97, 0.07),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #fffdf8 0%,
            #f8fbf8 100%
        );
}

/* Заголовок теперь является частью секции с карточками */
.sv-principles-heading {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto 42px;
    text-align: center;
}

.sv-principles-heading__ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    width: 260px;
    margin: 0 auto 15px;
}

.sv-principles-heading__ornament::before,
.sv-principles-heading__ornament::after {
    flex: 1;
    height: 1px;
    content: "";
}

.sv-principles-heading__ornament::before {
    background: linear-gradient(
        90deg,
        transparent,
        #d39b28
    );
}

.sv-principles-heading__ornament::after {
    background: linear-gradient(
        90deg,
        #d39b28,
        transparent
    );
}

.sv-principles-heading__ornament span {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    background: #d39b28;
    transform: rotate(45deg);
}

.sv-principles-heading h2 {
    margin: 0;
    color: #07503a;
    font-size: clamp(44px, 4.8vw, 68px);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -1.6px;
}

.sv-principles-heading p {
    max-width: 780px;
    margin: 20px auto 0;
    color: #1e3029;
    font-size: clamp(16px, 1.4vw, 20px);
    font-weight: 500;
    line-height: 1.55;
}

/* Все элементы карточки начинаются сверху */
.sv-premium-benefits__card {
    align-items: start;
}

/* Одинаковая высота и позиция заголовков */
.sv-premium-benefits__copy {
    align-self: start;
    padding-top: 5px;
}

.sv-premium-benefits__copy h3 {
    min-height: 28px;
    margin: 0 0 8px;
    line-height: 1.1;
    white-space: nowrap;
}

/* Иконки немного опускаем относительно заголовка */
.sv-premium-benefits__icon {
    margin-top: 2px;
}

@media (max-width: 1180px) {
    /* На планшете длинному заголовку разрешаем перенос */
    .sv-premium-benefits__copy h3 {
        white-space: normal;
    }
}

@media (max-width: 760px) {
    .sv-premium-benefits {
        padding: 36px 0 26px;
    }

    .sv-principles-heading {
        margin-bottom: 26px;
        padding: 0 12px;
    }

    .sv-principles-heading__ornament {
        width: 180px;
        margin-bottom: 11px;
    }

    .sv-principles-heading h2 {
        font-size: 36px;
        letter-spacing: -0.7px;
    }

    .sv-principles-heading p {
        margin-top: 13px;
        font-size: 14px;
    }

    .sv-premium-benefits__copy {
        padding-top: 0;
    }

    .sv-premium-benefits__copy h3 {
        min-height: 30px;
        white-space: normal;
    }
}
/* =========================================================
   КОМАНДА + ИСТОРИЯ + КАРТОЧКИ
   ========================================================= */

.sv-team-combined {
    position: relative;
    padding: 58px 0 70px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(38, 132, 91, 0.24),
            transparent 34%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(216, 179, 93, 0.1),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #052d22 0%,
            #064331 55%,
            #043325 100%
        );
}

.sv-team-combined .sv-wrap {
    position: relative;
    z-index: 2;
    width: min(calc(100% - 32px), 1420px);
}

/* Верхний блок */
.sv-team-combined__top {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(420px, 0.85fr);
    overflow: hidden;
    border: 1px solid rgba(216, 179, 93, 0.42);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.055);
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Левая половина */
.sv-team-combined__about {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 45px 50px;
}

.sv-team-combined__kicker {
    margin: 0 0 13px;
    color: #e3b53f;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.sv-team-combined__about h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(48px, 5vw, 76px);
    font-weight: 900;
    line-height: 0.98;
    letter-spacing: -2.5px;
}

.sv-team-combined__description {
    max-width: 760px;
    margin: 24px 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.65;
}

.sv-team-combined__facts {
    display: flex;
    gap: 44px;
    margin-top: 30px;
}

.sv-team-combined__facts span {
    display: grid;
    gap: 3px;
}

.sv-team-combined__facts strong {
    color: #e3b53f;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.1;
}

.sv-team-combined__facts small {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: 700;
}

/* Правая половина */
.sv-team-combined__history {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 42px 48px;
    border-left: 1px solid rgba(216, 179, 93, 0.28);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(227, 181, 63, 0.13),
            transparent 45%
        ),
        rgba(0, 0, 0, 0.12);
}

.sv-team-combined__history::after {
    position: absolute;
    top: 32px;
    right: 36px;
    width: 10px;
    height: 10px;
    content: "";
    background: #e3b53f;
    transform: rotate(45deg);
}

.sv-team-combined__history-meta {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 18px;
}

.sv-team-combined__history-meta span {
    color: #e3b53f;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

.sv-team-combined__history-meta small {
    color: rgba(255, 255, 255, 0.55);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.sv-team-combined__history h3 {
    max-width: 570px;
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 3vw, 44px);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -1px;
}

.sv-team-combined__history p {
    margin: 21px 0 0;
    color: rgba(255, 255, 255, 0.74);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.65;
}

.sv-team-combined__history button {
    display: flex;
    align-items: center;
    gap: 11px;
    width: max-content;
    margin-top: 25px;
    padding: 0;
    color: #e3b53f;
    font: inherit;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    border: 0;
    background: transparent;
}

.sv-team-combined__history button i {
    font-style: normal;
    transition: transform 0.2s ease;
}

.sv-team-combined__history button:hover i {
    transform: translateX(5px);
}

/* Карточки */
.sv-team-combined__cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 24px;
}

.sv-team-combined__card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    min-height: 450px;
    padding: 34px 30px 28px;
    overflow: hidden;
    color: #fff;
    font: inherit;
    text-align: center;
    cursor: pointer;
    border: 1px solid rgba(216, 179, 93, 0.42);
    border-radius: 28px;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(255, 255, 255, 0.11),
            transparent 48%
        ),
        rgba(255, 255, 255, 0.055);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease;
}

.sv-team-combined__card::after {
    position: absolute;
    right: -60px;
    bottom: -60px;
    width: 160px;
    height: 160px;
    content: "";
    border: 1px solid rgba(216, 179, 93, 0.12);
    border-radius: 50%;
}

.sv-team-combined__card:hover {
    border-color: rgba(227, 181, 63, 0.8);
    background-color: rgba(255, 255, 255, 0.085);
    transform: translateY(-6px);
}

.sv-team-combined__photo {
    position: relative;
    display: grid;
    width: 205px;
    height: 205px;
    flex: 0 0 205px;
    padding: 6px;
    border: 4px solid #ddc66f;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 0 14px rgba(216, 179, 93, 0.1);
    place-items: center;
}

.sv-team-combined__photo img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.sv-team-combined__placeholder {
    display: grid;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    place-items: center;
}

.sv-team-combined__card-copy {
    position: relative;
    z-index: 2;
    display: flex;
    width: 100%;
    flex: 1;
    flex-direction: column;
    align-items: center;
    margin-top: 29px;
}

.sv-team-combined__card-copy strong {
    color: #fff;
    font-size: clamp(23px, 2vw, 31px);
    font-weight: 900;
    line-height: 1.12;
}

.sv-team-combined__role {
    max-width: 380px;
    margin-top: 18px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.55;
}

.sv-team-combined__card-copy em {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: auto;
    padding-top: 24px;
    color: #e3b53f;
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
}

.sv-team-combined__card-copy em i {
    font-style: normal;
    transition: transform 0.2s ease;
}

.sv-team-combined__card:hover em i {
    transform: translateX(4px);
}

/* Адаптив */
@media (max-width: 1100px) {
    .sv-team-combined__top {
        grid-template-columns: 1fr;
    }

    .sv-team-combined__history {
        border-top: 1px solid rgba(216, 179, 93, 0.28);
        border-left: 0;
    }

    .sv-team-combined__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .sv-team-combined {
        padding: 30px 0 38px;
    }

    .sv-team-combined .sv-wrap {
        width: calc(100% - 16px);
    }

    .sv-team-combined__top {
        border-radius: 22px;
    }

    .sv-team-combined__about,
    .sv-team-combined__history {
        padding: 28px 22px;
    }

    .sv-team-combined__about h2 {
        font-size: 42px;
        letter-spacing: -1px;
    }

    .sv-team-combined__description {
        margin-top: 17px;
        font-size: 14px;
    }

    .sv-team-combined__facts {
        gap: 28px;
        margin-top: 22px;
    }

    .sv-team-combined__history h3 {
        font-size: 29px;
    }

    .sv-team-combined__history p {
        font-size: 14px;
    }

    .sv-team-combined__cards {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 14px;
    }

    .sv-team-combined__card {
        min-height: 0;
        padding: 28px 20px 24px;
        border-radius: 22px;
    }

    .sv-team-combined__photo {
        width: 165px;
        height: 165px;
        flex-basis: 165px;
    }

    .sv-team-combined__card-copy strong {
        font-size: 24px;
    }
}
/* =========================================================
   ST VET — TEAM COMPACT BUSINESS V10
   Компактный деловой блок команды, история-аккордеон,
   стабильная карусель и контакты менеджера.
   ========================================================= */

#stvet-team.sv-team {
    position: relative !important;
    padding: 46px 0 52px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 8% 8%, rgba(216,179,93,.09), transparent 24%),
        radial-gradient(circle at 92% 18%, rgba(30,156,111,.10), transparent 25%),
        linear-gradient(135deg, #031f18 0%, #073b2d 52%, #04251c 100%) !important;
}

#stvet-team.sv-team::before {
    position: absolute !important;
    top: -150px !important;
    right: -150px !important;
    width: 360px !important;
    height: 360px !important;
    content: "" !important;
    pointer-events: none !important;
    border: 1px solid rgba(216,179,93,.09) !important;
    border-radius: 50% !important;
}

#stvet-team > .sv-wrap {
    position: relative !important;
    z-index: 1 !important;
    width: min(calc(100% - 32px), 1180px) !important;
}

#stvet-team .sv-team__intro {
    max-width: 760px !important;
    margin: 0 auto 22px !important;
    text-align: center !important;
}

#stvet-team .sv-team__intro .sv-section-kicker {
    margin: 0 0 8px !important;
    color: #dfbd70 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 1.25px !important;
    text-transform: uppercase !important;
}

#stvet-team .sv-team__intro h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(32px, 4vw, 46px) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: -.8px !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    text-shadow: none !important;
}

#stvet-team .sv-team__intro::after {
    display: block !important;
    width: 72px !important;
    height: 2px !important;
    margin: 14px auto 0 !important;
    content: "" !important;
    background: linear-gradient(90deg, transparent, #d8b35d, transparent) !important;
    box-shadow: none !important;
}

#stvet-team .sv-team__intro > p:not(.sv-section-kicker) {
    max-width: 680px !important;
    margin: 13px auto 0 !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
}

/* Наша история — компактный нативный аккордеон */
#stvet-team .sv-team-story {
    display: block !important;
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto 22px !important;
    overflow: hidden !important;
    color: #fff !important;
    border: 1px solid rgba(216,179,93,.28) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.055) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.10) !important;
    transition: border-color .22s ease, background .22s ease !important;
}

#stvet-team .sv-team-story[open] {
    border-color: rgba(216,179,93,.52) !important;
    background: rgba(255,255,255,.075) !important;
}

#stvet-team .sv-team-story__summary {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 22px !important;
    align-items: center !important;
    min-height: 88px !important;
    padding: 17px 20px 17px 23px !important;
    cursor: pointer !important;
    list-style: none !important;
    user-select: none !important;
}

#stvet-team .sv-team-story__summary::-webkit-details-marker {
    display: none !important;
}

#stvet-team .sv-team-story__summary::before {
    position: absolute !important;
    top: 17px !important;
    bottom: 17px !important;
    left: 0 !important;
    width: 3px !important;
    content: "" !important;
    border-radius: 0 4px 4px 0 !important;
    background: linear-gradient(180deg, #f0cf82, #a97b27) !important;
}

#stvet-team .sv-team-story__summary:focus-visible {
    outline: 3px solid rgba(216,179,93,.42) !important;
    outline-offset: -3px !important;
}

#stvet-team .sv-team-story__date {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
}

#stvet-team .sv-team-story__date small {
    margin: 0 0 4px !important;
    color: #dfbd70 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: 1.1px !important;
    text-transform: uppercase !important;
}

#stvet-team .sv-team-story__date strong {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(18px, 2vw, 22px) !important;
    font-weight: 900 !important;
    line-height: 1.22 !important;
}

#stvet-team .sv-team-story__date em {
    display: block !important;
    max-width: 720px !important;
    margin: 5px 0 0 !important;
    overflow: hidden !important;
    color: rgba(255,255,255,.64) !important;
    font-size: 13px !important;
    font-style: normal !important;
    line-height: 1.45 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#stvet-team .sv-team-story__button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 11px !important;
    min-height: 40px !important;
    padding: 0 13px 0 15px !important;
    color: #f1d58a !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    border: 1px solid rgba(216,179,93,.32) !important;
    border-radius: 11px !important;
    background: rgba(216,179,93,.07) !important;
}

#stvet-team .sv-team-story__button i {
    position: relative !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: rgba(216,179,93,.14) !important;
}

#stvet-team .sv-team-story__button i::before,
#stvet-team .sv-team-story__button i::after {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 8px !important;
    height: 1.5px !important;
    content: "" !important;
    border-radius: 2px !important;
    background: currentColor !important;
    transform: translate(-50%, -50%) !important;
    transition: transform .2s ease !important;
}

#stvet-team .sv-team-story__button i::after {
    transform: translate(-50%, -50%) rotate(90deg) !important;
}

#stvet-team .sv-team-story[open] .sv-team-story__button i::after {
    transform: translate(-50%, -50%) rotate(0deg) !important;
}

#stvet-team .sv-team-story__open,
#stvet-team .sv-team-story__close {
    display: inline !important;
}

#stvet-team .sv-team-story__close {
    display: none !important;
}

#stvet-team .sv-team-story[open] .sv-team-story__open {
    display: none !important;
}

#stvet-team .sv-team-story[open] .sv-team-story__close {
    display: inline !important;
}

#stvet-team .sv-team-story__content {
    columns: 2 !important;
    column-gap: 34px !important;
    padding: 20px 23px 22px !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
    animation: sv-team-story-in .22s ease both !important;
}

#stvet-team .sv-team-story__content p {
    margin: 0 0 13px !important;
    break-inside: avoid !important;
    color: rgba(255,255,255,.73) !important;
    font-size: 13.5px !important;
    line-height: 1.62 !important;
}

@keyframes sv-team-story-in {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: none; }
}

/* Карусель команды: 3 / 2 / 1 карточки */
#stvet-team .sv-team-slider,
#stvet-team .sv-team-v6 {
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
}

#stvet-team .sv-team-v6 .sv-carousel__viewport {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 5px 4px 10px !important;
    cursor: grab !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    touch-action: pan-x pan-y !important;
}

#stvet-team .sv-team-v6 .sv-carousel__viewport:active {
    cursor: grabbing !important;
}

#stvet-team .sv-team-v6 .sv-carousel__viewport::-webkit-scrollbar {
    display: none !important;
}

#stvet-team .sv-team-v6 .sv-carousel__track {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    transform: none !important;
    animation: none !important;
}

#stvet-team .sv-team-v6 .sv-carousel__group {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((100% - 32px) / 3) !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: auto !important;
    padding: 0 !important;
}

#stvet-team .sv-team-card,
#stvet-team .sv-team-card:nth-child(odd),
#stvet-team .sv-team-card:nth-child(even) {
    position: relative !important;
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 318px !important;
    flex: none !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 21px 19px 17px !important;
    overflow: hidden !important;
    color: #fff !important;
    text-align: center !important;
    scroll-snap-align: start !important;
    border: 1px solid rgba(216,179,93,.28) !important;
    border-radius: 20px !important;
    background:
        linear-gradient(155deg, rgba(255,255,255,.085), rgba(255,255,255,.035)),
        rgba(255,255,255,.025) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.14) !important;
    transform: none !important;
    transition: transform .22s ease, border-color .22s ease, background .22s ease !important;
}

#stvet-team .sv-team-card::after {
    position: absolute !important;
    right: 20px !important;
    bottom: 0 !important;
    left: 20px !important;
    width: auto !important;
    height: 2px !important;
    content: "" !important;
    opacity: .72 !important;
    border: 0 !important;
    border-radius: 2px 2px 0 0 !important;
    background: linear-gradient(90deg, transparent, #d8b35d, transparent) !important;
}

#stvet-team .sv-team-card:hover,
#stvet-team .sv-team-card:focus-visible {
    border-color: rgba(232,199,121,.62) !important;
    background:
        linear-gradient(155deg, rgba(255,255,255,.105), rgba(255,255,255,.045)),
        rgba(255,255,255,.03) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.18) !important;
    transform: translateY(-3px) !important;
}

#stvet-team .sv-team-card img,
#stvet-team .sv-team-card__blank {
    display: grid !important;
    width: 112px !important;
    height: 112px !important;
    flex: 0 0 112px !important;
    margin: 0 auto 15px !important;
    overflow: hidden !important;
    border: 3px solid rgba(232,199,121,.78) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.07) !important;
    box-shadow: 0 0 0 7px rgba(216,179,93,.07) !important;
    object-fit: cover !important;
    object-position: center top !important;
    transform: none !important;
    transition: transform .22s ease !important;
    place-items: center !important;
}

#stvet-team .sv-team-card__blank svg {
    width: 48px !important;
    height: 48px !important;
    color: #dfbd70 !important;
}

#stvet-team .sv-team-card:hover img,
#stvet-team .sv-team-card:hover .sv-team-card__blank {
    transform: scale(1.018) !important;
}

#stvet-team .sv-team-card > strong {
    display: block !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    letter-spacing: -.25px !important;
    text-shadow: none !important;
}

#stvet-team .sv-team-card__description {
    display: -webkit-box !important;
    width: 100% !important;
    min-height: 59px !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    overflow: hidden !important;
    color: rgba(255,255,255,.69) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.48 !important;
    text-align: center !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
}

#stvet-team .sv-team-card > em {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    flex: 0 0 40px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    margin: auto 0 0 !important;
    padding: 0 14px !important;
    color: #f0cf82 !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    border: 1px solid rgba(216,179,93,.30) !important;
    border-radius: 10px !important;
    background: rgba(216,179,93,.06) !important;
    box-shadow: none !important;
    transform: none !important;
}

#stvet-team .sv-team-card > em span {
    display: inline !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    border: 0 !important;
    background: transparent !important;
}

#stvet-team .sv-team-card > em i {
    display: inline !important;
    margin: 0 !important;
    color: inherit !important;
    font-size: 16px !important;
    font-style: normal !important;
    line-height: 1 !important;
    transform: none !important;
    transition: transform .18s ease !important;
}

#stvet-team .sv-team-card:hover > em {
    color: #fff0bf !important;
    border-color: rgba(232,199,121,.48) !important;
    background: rgba(216,179,93,.10) !important;
    box-shadow: none !important;
    transform: none !important;
}

#stvet-team .sv-team-card:hover > em i {
    transform: translateX(3px) !important;
}

#stvet-team .sv-carousel__controls {
    display: flex !important;
    min-height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 12px 0 0 !important;
}

#stvet-team .sv-carousel__button {
    display: grid !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    color: #f0cf82 !important;
    font-size: 18px !important;
    cursor: pointer !important;
    border: 1px solid rgba(216,179,93,.34) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.055) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease !important;
    place-items: center !important;
}

#stvet-team .sv-carousel__button:hover {
    color: #07271d !important;
    border-color: #d8b35d !important;
    background: #d8b35d !important;
    box-shadow: none !important;
    transform: none !important;
}

#stvet-team .sv-carousel__button:disabled {
    opacity: .34 !important;
    cursor: default !important;
}

#stvet-team .sv-carousel__hint {
    min-width: 96px !important;
    color: rgba(255,255,255,.55) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

/* Карточка менеджера в модальном окне */
.sv-manager-modal__dialog {
    width: min(100%, 680px) !important;
    max-height: calc(100dvh - 32px) !important;
    padding: 0 !important;
    overflow: auto !important;
    border: 1px solid rgba(216,179,93,.45) !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 8% 8%, rgba(216,179,93,.10), transparent 26%),
        linear-gradient(145deg, #fffefb, #eef5f0) !important;
    box-shadow: 0 30px 90px rgba(0,0,0,.48) !important;
}

.sv-manager-modal__profile {
    display: grid !important;
    grid-template-columns: 185px minmax(0, 1fr) !important;
    gap: 26px !important;
    align-items: center !important;
    padding: 28px !important;
    text-align: left !important;
}

.sv-manager-modal__photo {
    display: grid !important;
    width: 185px !important;
    height: 185px !important;
    overflow: hidden !important;
    border: 2px solid rgba(216,179,93,.72) !important;
    border-radius: 18px !important;
    background: #0a3b2c !important;
    box-shadow: 0 0 0 6px rgba(216,179,93,.07) !important;
    place-items: center !important;
}

.sv-manager-modal__photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
}

.sv-manager-modal__eyebrow {
    margin: 0 0 7px !important;
    color: #99752d !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 1.1px !important;
}

.sv-manager-modal__copy h2 {
    margin: 0 !important;
    color: #073d2c !important;
    font-size: clamp(28px, 4vw, 36px) !important;
    font-weight: 900 !important;
    line-height: 1.07 !important;
    letter-spacing: -.6px !important;
}

.sv-manager-modal__role {
    margin: 8px 0 0 !important;
    color: #8b6a28 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.4 !important;
}

.sv-manager-modal__description {
    margin: 13px 0 0 !important;
    color: #40554c !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

.sv-manager-modal__contacts {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 9px !important;
    margin: 17px 0 0 !important;
}

.sv-manager-modal__contacts[hidden],
.sv-manager-contact[hidden] {
    display: none !important;
}

.sv-manager-modal__contacts .sv-manager-contact {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) 18px !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 58px !important;
    padding: 9px 11px !important;
    color: #073d2c !important;
    text-decoration: none !important;
    border: 1px solid rgba(7,61,44,.12) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: none !important;
    transition: border-color .18s ease, background .18s ease, transform .18s ease !important;
}

.sv-manager-modal__contacts .sv-manager-contact:hover {
    color: #073d2c !important;
    border-color: rgba(216,179,93,.55) !important;
    background: #fff !important;
    box-shadow: none !important;
    filter: none !important;
    transform: translateY(-1px) !important;
}

.sv-manager-contact__icon {
    display: grid !important;
    width: 38px !important;
    height: 38px !important;
    color: #e4c375 !important;
    border-radius: 10px !important;
    background: #073d2c !important;
    place-items: center !important;
}

.sv-manager-contact__icon svg {
    width: 18px !important;
    height: 18px !important;
}

.sv-manager-contact__copy {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
}

.sv-manager-contact__copy small {
    margin: 0 0 2px !important;
    color: #819087 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;
}

.sv-manager-contact__copy strong {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: #073d2c !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.sv-manager-contact__arrow {
    color: #a68136 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

.sv-manager-modal__copy > .sv-btn {
    min-height: 42px !important;
    margin-top: 17px !important;
    padding: 0 18px !important;
    font-size: 13px !important;
    border-radius: 11px !important;
}

@media (max-width: 1100px) {
    #stvet-team .sv-team-v6 .sv-carousel__group {
        grid-auto-columns: calc((100% - 16px) / 2) !important;
    }

    #stvet-team .sv-team-card,
    #stvet-team .sv-team-card:nth-child(odd),
    #stvet-team .sv-team-card:nth-child(even) {
        min-height: 310px !important;
    }
}

@media (max-width: 760px) {
    #stvet-team.sv-team {
        padding: 36px 0 40px !important;
    }

    #stvet-team > .sv-wrap {
        width: calc(100% - 18px) !important;
    }

    #stvet-team .sv-team__intro {
        margin-bottom: 17px !important;
    }

    #stvet-team .sv-team__intro h2 {
        font-size: 34px !important;
    }

    #stvet-team .sv-team__intro > p:not(.sv-section-kicker) {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    #stvet-team .sv-team-story {
        margin-bottom: 16px !important;
        border-radius: 15px !important;
    }

    #stvet-team .sv-team-story__summary {
        grid-template-columns: minmax(0, 1fr) 42px !important;
        gap: 10px !important;
        min-height: 78px !important;
        padding: 14px 12px 14px 17px !important;
    }

    #stvet-team .sv-team-story__summary::before {
        top: 14px !important;
        bottom: 14px !important;
    }

    #stvet-team .sv-team-story__date strong {
        font-size: 17px !important;
    }

    #stvet-team .sv-team-story__date em {
        max-width: 100% !important;
        font-size: 11.5px !important;
    }

    #stvet-team .sv-team-story__button {
        width: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        justify-content: center !important;
        padding: 0 !important;
        border-radius: 10px !important;
    }

    #stvet-team .sv-team-story__button > span {
        display: none !important;
    }

    #stvet-team .sv-team-story__content {
        columns: 1 !important;
        padding: 17px !important;
    }

    #stvet-team .sv-team-story__content p {
        font-size: 13px !important;
        line-height: 1.58 !important;
    }

    #stvet-team .sv-team-v6 .sv-carousel__group {
        grid-auto-columns: calc(88% - 6px) !important;
        gap: 12px !important;
    }

    #stvet-team .sv-team-card,
    #stvet-team .sv-team-card:nth-child(odd),
    #stvet-team .sv-team-card:nth-child(even) {
        min-height: 296px !important;
        padding: 18px 15px 15px !important;
        border-radius: 18px !important;
    }

    #stvet-team .sv-team-card img,
    #stvet-team .sv-team-card__blank {
        width: 96px !important;
        height: 96px !important;
        flex-basis: 96px !important;
        margin-bottom: 13px !important;
    }

    #stvet-team .sv-team-card > strong {
        min-height: 40px !important;
        font-size: 18px !important;
    }

    #stvet-team .sv-team-card__description {
        min-height: 56px !important;
        font-size: 13px !important;
        -webkit-line-clamp: 3 !important;
    }

    #stvet-team .sv-carousel__controls {
        margin-top: 9px !important;
    }

    .sv-manager-modal {
        padding: 10px !important;
    }

    .sv-manager-modal__dialog {
        max-height: calc(100dvh - 20px) !important;
        border-radius: 18px !important;
    }

    .sv-manager-modal__profile {
        grid-template-columns: 1fr !important;
        gap: 17px !important;
        justify-items: center !important;
        padding: 24px 17px 19px !important;
        text-align: center !important;
    }

    .sv-manager-modal__photo {
        width: 132px !important;
        height: 132px !important;
        border-radius: 50% !important;
    }

    .sv-manager-modal__copy h2 {
        font-size: 29px !important;
    }

    .sv-manager-modal__description {
        margin-top: 11px !important;
        font-size: 13.5px !important;
    }

    .sv-manager-modal__contacts {
        grid-template-columns: 1fr !important;
        margin-top: 15px !important;
        text-align: left !important;
    }

    .sv-manager-modal__copy > .sv-btn {
        width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #stvet-team .sv-team-story__content,
    #stvet-team .sv-team-card,
    #stvet-team .sv-team-card img,
    #stvet-team .sv-team-card__blank,
    .sv-manager-modal__contacts .sv-manager-contact {
        animation: none !important;
        transition: none !important;
    }
}

@supports (content-visibility: auto) {
    #stvet-team {
        contain-intrinsic-size: auto 620px !important;
    }
}

/* =========================================================
   ST VET — TEAM SIDE ARROWS + PREMIUM PHONE V11
   ========================================================= */

/* Стрелки карусели менеджеров — по бокам, без фона */
#stvet-team .sv-team-slider,
#stvet-team .sv-team-v6 {
    position: relative !important;
}

#stvet-team .sv-team-carousel__side-controls {
    position: absolute !important;
    z-index: 8 !important;
    top: 50% !important;
    right: -54px !important;
    left: -54px !important;
    display: flex !important;
    width: auto !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    transform: translateY(-50%) !important;
}

#stvet-team .sv-team-carousel__side-controls .sv-team-carousel__arrow {
    display: grid !important;
    width: 46px !important;
    height: 64px !important;
    padding: 0 !important;
    color: rgba(240, 207, 130, .88) !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .24)) !important;
    opacity: .88 !important;
    transform: none !important;
    transition: color .18s ease, opacity .18s ease, transform .18s ease !important;
    place-items: center !important;
}

#stvet-team .sv-team-carousel__side-controls .sv-team-carousel__arrow svg {
    display: block !important;
    width: 34px !important;
    height: 34px !important;
}

#stvet-team .sv-team-carousel__side-controls .sv-team-carousel__arrow:hover,
#stvet-team .sv-team-carousel__side-controls .sv-team-carousel__arrow:focus-visible {
    color: #ffe3a0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: scale(1.12) !important;
}

#stvet-team .sv-team-carousel__side-controls .sv-team-carousel__arrow:focus-visible {
    outline: 2px solid rgba(240, 207, 130, .72) !important;
    outline-offset: 3px !important;
    border-radius: 8px !important;
}

#stvet-team .sv-team-carousel__side-controls .sv-team-carousel__arrow:disabled {
    opacity: .16 !important;
    cursor: default !important;
    filter: none !important;
    transform: none !important;
}

/* Телефон менеджера — основной красивый контакт */
.sv-manager-modal__contacts .sv-manager-contact.sv-manager-contact--phone {
    grid-template-columns: 48px minmax(0, 1fr) 34px !important;
    gap: 12px !important;
    min-height: 76px !important;
    padding: 12px 14px !important;
    color: #fff !important;
    border: 1px solid rgba(216, 179, 93, .48) !important;
    border-radius: 15px !important;
    background:
        radial-gradient(circle at 92% 12%, rgba(216, 179, 93, .17), transparent 34%),
        linear-gradient(135deg, #073d2c, #0b553e) !important;
    box-shadow: 0 12px 28px rgba(7, 61, 44, .18) !important;
}

.sv-manager-modal__contacts .sv-manager-contact.sv-manager-contact--phone:hover {
    color: #fff !important;
    border-color: rgba(232, 199, 121, .82) !important;
    background:
        radial-gradient(circle at 92% 12%, rgba(232, 199, 121, .22), transparent 36%),
        linear-gradient(135deg, #084632, #0d6146) !important;
    box-shadow: 0 16px 34px rgba(7, 61, 44, .24) !important;
    transform: translateY(-2px) !important;
}

.sv-manager-modal__contacts .sv-manager-contact--phone .sv-manager-contact__icon {
    width: 48px !important;
    height: 48px !important;
    color: #f1cf7c !important;
    border: 1px solid rgba(232, 199, 121, .36) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .07) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035) !important;
}

.sv-manager-modal__contacts .sv-manager-contact--phone .sv-manager-contact__icon svg {
    width: 21px !important;
    height: 21px !important;
}

.sv-manager-modal__contacts .sv-manager-contact--phone .sv-manager-contact__copy small {
    margin-bottom: 3px !important;
    color: rgba(255, 255, 255, .58) !important;
    font-size: 9px !important;
    letter-spacing: 1px !important;
}

.sv-manager-modal__contacts .sv-manager-contact--phone .sv-manager-contact__copy strong {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    letter-spacing: .1px !important;
}

.sv-manager-contact__action {
    display: block !important;
    margin-top: 4px !important;
    color: rgba(240, 207, 130, .82) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.sv-manager-modal__contacts .sv-manager-contact--phone .sv-manager-contact__arrow {
    display: grid !important;
    width: 32px !important;
    height: 32px !important;
    color: #f1cf7c !important;
    border: 1px solid rgba(232, 199, 121, .28) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .055) !important;
    place-items: center !important;
}

.sv-manager-modal__contacts .sv-manager-contact--phone .sv-manager-contact__arrow svg {
    width: 17px !important;
    height: 17px !important;
}

@media (max-width: 1230px) {
    #stvet-team .sv-team-carousel__side-controls {
        right: 3px !important;
        left: 3px !important;
    }

    #stvet-team .sv-team-carousel__side-controls .sv-team-carousel__arrow {
        width: 38px !important;
        height: 58px !important;
    }
}

@media (max-width: 760px) {
    #stvet-team .sv-team-carousel__side-controls {
        top: 48% !important;
        right: -2px !important;
        left: -2px !important;
    }

    #stvet-team .sv-team-carousel__side-controls .sv-team-carousel__arrow {
        width: 34px !important;
        height: 52px !important;
        color: rgba(240, 207, 130, .92) !important;
    }

    #stvet-team .sv-team-carousel__side-controls .sv-team-carousel__arrow svg {
        width: 28px !important;
        height: 28px !important;
    }

    .sv-manager-modal__contacts .sv-manager-contact.sv-manager-contact--phone {
        grid-template-columns: 46px minmax(0, 1fr) 32px !important;
        min-height: 72px !important;
        padding: 11px 12px !important;
        text-align: left !important;
    }

    .sv-manager-modal__contacts .sv-manager-contact--phone .sv-manager-contact__icon {
        width: 46px !important;
        height: 46px !important;
    }

    .sv-manager-modal__contacts .sv-manager-contact--phone .sv-manager-contact__copy strong {
        font-size: 15px !important;
    }
}


/* =========================================================
   ST-VET — manager modal contacts V12
   Fix hidden empty contacts and show the full phone number.
   ========================================================= */

/* The component rule uses display:grid!important, therefore the hidden
   override must be at least as specific and loaded afterwards. */
.sv-manager-modal__contacts .sv-manager-contact[hidden] {
    display: none !important;
}

.sv-manager-modal__contacts.has-one-contact {
    grid-template-columns: minmax(0, 430px) !important;
    justify-content: start !important;
}

.sv-manager-modal__contacts.has-phone-only .sv-manager-contact--phone {
    width: 100% !important;
    max-width: 430px !important;
}

.sv-manager-modal__contacts .sv-manager-contact--phone .sv-manager-contact__copy small {
    white-space: nowrap !important;
}

.sv-manager-modal__contacts .sv-manager-contact--phone .sv-manager-contact__copy strong {
    overflow: visible !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.sv-manager-modal__contacts.has-phone-only .sv-manager-contact--phone {
    grid-template-columns: 52px minmax(0, 1fr) 38px !important;
    min-height: 88px !important;
    padding: 14px 16px !important;
    border-radius: 17px !important;
}

.sv-manager-modal__contacts.has-phone-only .sv-manager-contact--phone .sv-manager-contact__icon {
    width: 52px !important;
    height: 52px !important;
}

.sv-manager-modal__contacts.has-phone-only .sv-manager-contact--phone .sv-manager-contact__copy small {
    margin-bottom: 4px !important;
    font-size: 10px !important;
    letter-spacing: 1.15px !important;
}

.sv-manager-modal__contacts.has-phone-only .sv-manager-contact--phone .sv-manager-contact__copy strong {
    font-size: clamp(18px, 2.2vw, 22px) !important;
    letter-spacing: .15px !important;
    white-space: nowrap !important;
}

.sv-manager-modal__contacts.has-phone-only .sv-manager-contact__action {
    margin-top: 5px !important;
    font-size: 11px !important;
}

.sv-manager-modal__contacts.has-phone-only .sv-manager-contact--phone .sv-manager-contact__arrow {
    width: 36px !important;
    height: 36px !important;
}

@media (max-width: 760px) {
    .sv-manager-modal__contacts.has-one-contact,
    .sv-manager-modal__contacts.has-phone-only .sv-manager-contact--phone {
        width: 100% !important;
        max-width: none !important;
    }

    .sv-manager-modal__contacts.has-phone-only .sv-manager-contact--phone {
        grid-template-columns: 48px minmax(0, 1fr) 32px !important;
        min-height: 80px !important;
        padding: 12px 13px !important;
    }

    .sv-manager-modal__contacts.has-phone-only .sv-manager-contact--phone .sv-manager-contact__icon {
        width: 48px !important;
        height: 48px !important;
    }

    .sv-manager-modal__contacts.has-phone-only .sv-manager-contact--phone .sv-manager-contact__copy strong {
        font-size: 17px !important;
        white-space: normal !important;
    }
}