/* Sunday Drive ad landing pages. Two themes share one layout: .sd-consign (dark showroom,
   matches the consignment welcome email) and .sd-ayrburn (heritage green and cream, matches
   the Ayrburn Classic 2027 email). Every class is sd- prefixed. */

:root {
    --font-display: 'Pathway Gothic One', 'Arial Narrow', 'Roboto Condensed', sans-serif;
    --font-body: 'Roboto', Helvetica, Arial, sans-serif;
    --radius-card: 14px;
    --radius-field: 8px;
    --wrap: 1180px;
}

.sd-consign {
    --page: #090909;
    --band: #111111;
    --panel: #1c1c1c;
    --rule: #292929;
    --text: #ededed;
    --text-strong: #ffffff;
    --muted: #afafaf;
    --accent: #f47920;
    --accent-2: #f58b3d;
    --on-accent: #ffffff;
    --form-bg: #f7f7f7;
    --form-text: #111111;
    --form-muted: #666666;
    --field-bg: #ffffff;
    --field-rule: #d1d1d1;
    --step-num: #f47920;
    --error: #b3261e;
}

.sd-ayrburn {
    --page: #efe6d8;
    --band: #123f3a;
    --panel: #194d47;
    --rule: #d9cdbd;
    --text: #3a3a38;
    --text-strong: #123f3a;
    --muted: #68645e;
    --accent: #e43c2f;
    --accent-2: #f07b68;
    --on-accent: #ffffff;
    --form-bg: #f8f2e9;
    --form-text: #3a3a38;
    --form-muted: #68645e;
    --field-bg: #fffdf9;
    --field-rule: #c8bfb2;
    --step-num: #e43c2f;
    --error: #a3261c;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body.sd {
    margin: 0;
    background: var(--page);
    color: var(--text);
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

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

:where(.sd) a { color: inherit; }

.sd-wrap {
    width: 100%;
    max-width: var(--wrap);
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.sd-skip {
    position: absolute;
    left: -9999px;
}
.sd-skip:focus {
    left: 16px;
    top: 16px;
    z-index: 10;
    background: var(--accent);
    color: var(--on-accent);
    padding: 8px 14px;
    border-radius: 6px;
}

.sd :focus-visible {
    outline: 3px solid var(--accent-2);
    outline-offset: 2px;
}

/* ------------------------------------------------------------------ top bar */

.sd-top {
    background: var(--band);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.sd-top .sd-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
}
.sd-top__logo { height: 30px; width: auto; }
.sd-top__call {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}
.sd-top__call span { opacity: 0.7; font-weight: 400; margin-right: 6px; }

/* --------------------------------------------------------------------- hero */

.sd-hero { background: var(--band); color: #ffffff; }

.sd-hero__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    padding-top: 32px;
    padding-bottom: 36px;
}

.sd-kicker {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--accent-2);
}
.sd-consign .sd-kicker {
    background-image: linear-gradient(177deg, #bc231f 10%, #f47920 56%, #f7cc41 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sd-hero h1 {
    margin: 0;
    font-family: var(--font-display);
    font-weight: 400;
    font-size: clamp(44px, 12vw, 80px);
    line-height: 1;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #ffffff;
}

.sd-hero__lede {
    margin: 18px 0 0;
    max-width: 34em;
    font-size: 17px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.82);
}

.sd-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.78);
}
.sd-proof li { display: flex; align-items: center; gap: 8px; }
.sd-proof__stars { color: #f5b301; letter-spacing: 1px; }

.sd-hero__jump { margin-top: 26px; }

.sd-hero__photo {
    margin: 0;
    border-radius: var(--radius-card);
    overflow: hidden;
    background: #000000;
}
.sd-hero__photo img { width: 100%; height: auto; }
.sd-hero__grid .sd-hero__photo { margin-top: 28px; }
.sd-hero__photo--desk { display: none; }

.sd-ayrburn .sd-section--band .sd-reasons li { border-color: #315a55; }
.sd-ayrburn .sd-top { border-bottom: 0; }
.sd-ayrburn .sd-formcard { border: 1px solid var(--rule); }

/* --------------------------------------------------------------------- buttons */

.sd-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 28px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
    color: var(--on-accent);
    font-family: var(--font-body);
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease;
    box-shadow: 0 10px 24px -12px var(--accent);
}
.sd-btn:hover { filter: brightness(1.06); transform: translateY(-1px); }
.sd-btn:active { transform: translateY(0); }
.sd-btn[disabled] { opacity: 0.65; cursor: progress; transform: none; }
.sd-btn--block { width: 100%; }

.sd-btn--ghost {
    background: transparent;
    border: 1.5px solid currentColor;
    box-shadow: none;
}

/* ------------------------------------------------------------------ form card */

.sd-formcard {
    background: var(--form-bg);
    color: var(--form-text);
    border-radius: var(--radius-card);
    padding: 26px 20px 24px;
    box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.55);
    scroll-margin-top: 16px;
}

.sd-formcard h2 {
    margin: 0;
    font-family: var(--font-display);
    font-weight: 400;
    font-size: 32px;
    line-height: 1.08;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--form-text);
}
.sd-formcard__sub { margin: 6px 0 20px; font-size: 15px; color: var(--form-muted); }

.sd-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 12px;
}
.sd-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.sd-field--full { grid-column: 1 / -1; }

.sd-group {
    grid-column: 1 / -1;
    margin: 8px 0 -2px;
    padding-top: 14px;
    border-top: 1px solid var(--field-rule);
    font-size: 15px;
    font-weight: 700;
    color: var(--form-text);
}

.sd-field label {
    font-size: 14px;
    font-weight: 600;
    color: var(--form-text);
}
.sd-field label .sd-opt { font-weight: 400; color: var(--form-muted); }

.sd-field input,
.sd-field select,
.sd-field textarea {
    width: 100%;
    min-height: 50px;
    padding: 12px 14px;
    border: 1.5px solid var(--field-rule);
    border-radius: var(--radius-field);
    background: var(--field-bg);
    color: var(--form-text);
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.3;
    appearance: none;
    -webkit-appearance: none;
}
.sd-field textarea { min-height: 96px; resize: vertical; }
.sd-field select {
    background-image: linear-gradient(45deg, transparent 50%, var(--form-muted) 50%),
                      linear-gradient(135deg, var(--form-muted) 50%, transparent 50%);
    background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%;
    background-size: 6px 6px;
    background-repeat: no-repeat;
    padding-right: 36px;
}
.sd-field input:focus,
.sd-field select:focus,
.sd-field textarea:focus {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
}
.sd-field [aria-invalid="true"] { border-color: var(--error); }

.sd-err {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--error);
}
.sd-err:empty { display: none; }

.sd-hp {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.sd-submit { margin-top: 20px; }

.sd-formerror {
    margin: 14px 0 0;
    padding: 12px 14px;
    border-radius: var(--radius-field);
    background: color-mix(in srgb, var(--error) 10%, #ffffff);
    color: var(--error);
    font-size: 14px;
    font-weight: 600;
}
.sd-formerror[hidden] { display: none; }

.sd-consent {
    margin: 14px 0 0;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--form-muted);
}

/* plate lookup */
.sd-rego__row { display: flex; gap: 8px; }
.sd-rego__row input { flex: 1 1 auto; text-transform: uppercase; letter-spacing: 0.06em; }
.sd-rego__btn {
    flex: 0 0 auto;
    min-height: 50px;
    padding: 0 18px;
    border: 0;
    border-radius: var(--radius-field);
    background: var(--band);
    color: #ffffff;
    font-family: var(--font-body);
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}
.sd-rego__btn[disabled] { opacity: 0.6; cursor: progress; }
.sd-rego__msg { margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--form-muted); }
.sd-rego__msg:empty { display: none; }
.sd-rego__msg--ok { color: #1f7a3a; font-weight: 600; }

/* photo upload */
.sd-photos { gap: 8px; }
.sd-photos__label { font-size: 14px; font-weight: 600; color: var(--form-text); }
.sd-photos__hint { margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--form-muted); }
.sd-field .sd-photos__input {
    position: absolute;
    width: 1px;
    height: 1px;
    min-height: 0;
    padding: 0;
    border: 0;
    opacity: 0;
    overflow: hidden;
}
.sd-photos__add {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 56px;
    border: 1.5px dashed var(--field-rule);
    border-radius: var(--radius-field);
    background: var(--field-bg);
    color: var(--form-text);
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}
.sd-photos__add svg { width: 22px; height: 22px; color: var(--accent); }
.sd-photos__input:focus-visible + .sd-photos__add { outline: 3px solid var(--accent-2); outline-offset: 2px; }
.sd-photos__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
}
.sd-photos__list:empty { display: none; }
.sd-photos__list li {
    position: relative;
    aspect-ratio: 1;
    border-radius: 6px;
    overflow: hidden;
    background: #dddddd;
}
.sd-photos__list img { width: 100%; height: 100%; object-fit: cover; }
.sd-photos__remove {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.66);
    color: #ffffff;
    font-size: 16px;
    line-height: 26px;
    cursor: pointer;
}
.sd-photos__count { margin: 0; font-size: 13px; color: var(--form-muted); }
.sd-photos__count:empty { display: none; }

/* thank-you state */

.sd-thanks[hidden] { display: none; }
.sd-thanks h2 { margin-bottom: 10px; }
.sd-thanks p { margin: 0 0 12px; font-size: 16px; color: var(--form-text); }
.sd-thanks__next {
    margin: 18px 0 20px;
    padding: 0;
    list-style: none;
    counter-reset: next;
}
.sd-thanks__next li {
    counter-increment: next;
    position: relative;
    padding: 0 0 12px 40px;
    font-size: 15px;
}
.sd-thanks__next li::before {
    content: counter(next);
    position: absolute;
    left: 0;
    top: -1px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--accent);
    color: var(--on-accent);
    font-size: 13px;
    font-weight: 700;
    display: grid;
    place-items: center;
}

/* ------------------------------------------------------------------ sections */

.sd-section { padding: 56px 0; }
.sd-section--band { background: var(--band); color: #ffffff; }

.sd h2.sd-h2 {
    margin: 0 0 10px;
    font-family: var(--font-display);
    font-weight: 400;
    font-size: clamp(34px, 8.5vw, 52px);
    line-height: 1.05;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--text-strong);
}
.sd-section--band h2.sd-h2 { color: #ffffff; }

.sd-intro {
    margin: 0 0 30px;
    max-width: 38em;
    color: var(--muted);
    font-size: 17px;
}
.sd-section--band .sd-intro { color: rgba(255, 255, 255, 0.76); }

/* the four real steps */
.sd-steps {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: step;
}
.sd-steps li {
    counter-increment: step;
    position: relative;
    padding: 0 0 26px 58px;
}
.sd-steps li::before {
    content: counter(step);
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid var(--step-num);
    color: var(--step-num);
    font-family: var(--font-body);
    font-weight: 700;
    font-size: 17px;
    display: grid;
    place-items: center;
}
.sd-steps li::after {
    content: '';
    position: absolute;
    left: 19px;
    top: 44px;
    bottom: 4px;
    width: 2px;
    background: var(--rule);
}
.sd-steps li:last-child::after { display: none; }
.sd-steps h3 {
    margin: 8px 0 4px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: var(--text-strong);
}
.sd-steps li.sd-steps__final::before {
    background: var(--step-num);
    color: #ffffff;
}
.sd-section--band .sd-steps h3 { color: #ffffff; }
.sd-steps p { margin: 0; color: var(--muted); font-size: 15.5px; }
.sd-section--band .sd-steps p { color: rgba(255, 255, 255, 0.72); }

/* reasons */
.sd-reasons {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sd-reasons li {
    padding: 22px 22px 20px;
    border-radius: var(--radius-card);
    background: var(--panel);
    border: 1px solid var(--rule);
}
.sd-reasons h3 {
    margin: 0 0 4px;
    font-family: var(--font-display);
    font-weight: 400;
    font-size: 26px;
    line-height: 1.1;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #ffffff;
}
.sd-reasons .sd-reasons__tag {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--accent-2);
}
.sd-reasons p { margin: 0; font-size: 15.5px; color: rgba(255, 255, 255, 0.74); }

/* showrooms */
.sd-places {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}
.sd-place {
    border-radius: var(--radius-card);
    overflow: hidden;
    background: var(--panel);
    border: 1px solid var(--rule);
}
.sd-place__media { position: relative; }
.sd-place img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: #222222; }
.sd-place__media::after {
    content: '';
    position: absolute;
    inset: 40% 0 0 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.78) 100%);
}
.sd-place h3 {
    position: absolute;
    left: 18px;
    bottom: 12px;
    z-index: 1;
    margin: 0;
    font-family: var(--font-display);
    font-weight: 400;
    font-size: 34px;
    line-height: 1;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #ffffff;
}
.sd-place__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 16px 18px;
}
.sd-place p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.4; }
.sd-chip {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid var(--accent);
    border-radius: 999px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
}
.sd-chip svg { width: 15px; height: 15px; }

/* closing call to action */
.sd-close {
    text-align: left;
    padding: 48px 0 52px;
}
.sd-close h2.sd-h2 { max-width: 16em; }
.sd-close__row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}

/* ------------------------------------------------------------------ footer */

.sd-foot {
    background: #000000;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    padding: 34px 0 40px;
}
.sd-ayrburn .sd-foot { background: #0d302c; }
.sd-foot__logo { height: 26px; width: auto; margin-bottom: 14px; }
.sd-foot p { margin: 0 0 6px; }
.sd-foot a { color: #ffffff; }

/* ------------------------------------------------------------------ ayrburn only */

.sd-ayrburn .sd-hero { background: var(--band); }
.sd-ayrburn .sd-kicker { color: var(--accent-2); }

.sd-poster {
    margin: 0;
    background: var(--band);
}
.sd-poster img { width: 100%; max-width: calc(86vh * 1280 / 766); height: auto; margin: 0 auto; }

.sd-checker {
    height: 22px;
    background-color: var(--band);
    background-image: var(--checker, none);
    background-repeat: repeat-x;
    background-size: auto 22px;
    background-position: center;
}

.sd-ayrburn .sd-section:not(.sd-section--band) .sd-reasons li {
    background: #f8f2e9;
    border-color: var(--rule);
}
.sd-ayrburn .sd-section:not(.sd-section--band) .sd-reasons h3 { color: var(--text-strong); }
.sd-ayrburn .sd-section:not(.sd-section--band) .sd-reasons p { color: var(--muted); }
.sd-ayrburn .sd-section:not(.sd-section--band) .sd-reasons .sd-reasons__tag { color: var(--accent); }

.sd-package {
    border-radius: var(--radius-card);
    background: var(--panel);
    color: #ffffff;
    padding: 26px 22px 24px;
    border: 1px solid #315a55;
}
.sd-package__fee {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 4px;
}
.sd-package__fee strong {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: 60px;
    line-height: 1;
    color: #ffffff;
}
.sd-package__fee span { color: #d8cec0; font-size: 15px; }
.sd-package__note { margin: 0 0 18px; color: #e5ddd1; font-size: 15px; }
.sd-package ul { margin: 0; padding: 0; list-style: none; }
.sd-package li {
    position: relative;
    padding: 10px 0 10px 30px;
    border-top: 1px solid #315a55;
    font-size: 15.5px;
    color: #e5ddd1;
}
.sd-package li::before {
    content: '';
    position: absolute;
    left: 2px;
    top: 16px;
    width: 12px;
    height: 7px;
    border-left: 2px solid var(--accent-2);
    border-bottom: 2px solid var(--accent-2);
    transform: rotate(-45deg);
}

.sd-limit {
    margin: 18px 0 0;
    padding: 14px 16px;
    border-radius: var(--radius-field);
    border-left: 4px solid var(--accent);
    background: rgba(255, 255, 255, 0.06);
    color: #e5ddd1;
    font-size: 15px;
}

.sd-split {
    display: grid;
    grid-template-columns: 1fr;
    gap: 26px;
    align-items: start;
}
.sd-split__img {
    border-radius: var(--radius-card);
    overflow: hidden;
}
.sd-split__img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

.sd-package-poster {
    margin: 24px 0 0;
    border-radius: var(--radius-card);
    overflow: hidden;
    background: var(--band);
}
.sd-package-poster img { width: 100%; height: auto; }

/* ------------------------------------------------------------------ phones
   Ad traffic lands here: headline, a line of blurb, the form, how it works and the
   showrooms. Everything else is desktop only. */

@media (max-width: 959px) {
    .sd-desk-only,
    .sd-proof,
    .sd-hero__jump,
    .sd-hero__photo { display: none !important; }
    .sd-hero__grid { gap: 22px; padding-top: 30px; padding-bottom: 28px; }
    .sd-hero__lede { margin-top: 14px; font-size: 16px; }
    .sd-formcard { box-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.6); }
    .sd-section { padding: 46px 0; }
    .sd-intro { margin-bottom: 24px; font-size: 16px; }
    .sd-place__body { padding: 12px 14px 14px 16px; }
}

@media (min-width: 960px) {
    .sd-mob-only { display: none !important; }
}

/* ------------------------------------------------------------------ desktop */

@media (min-width: 720px) {
    .sd-wrap { padding-left: 32px; padding-right: 32px; }
    .sd-formcard { padding: 32px 30px 28px; }
    .sd-reasons { grid-template-columns: 1fr 1fr; }
    .sd-places { grid-template-columns: 1fr 1fr; }
    .sd-top__logo { height: 34px; }
}

@media (min-width: 960px) {
    .sd-hero__grid {
        grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
        gap: 48px;
        align-items: stretch;
        padding-top: 56px;
        padding-bottom: 64px;
    }
    .sd-hero__jump { display: none; }
    .sd-hero__grid > div:first-child { display: flex; flex-direction: column; }
    .sd-hero__grid .sd-hero__photo { position: relative; flex: 1 1 auto; min-height: 280px; }
    .sd-hero__grid .sd-hero__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .sd-hero__grid .sd-hero__photo--desk { display: block; }
    .sd-hero__grid .sd-hero__photo--desk img { object-position: 12% 50%; }
    .sd-formcard--hero { align-self: start; }
    .sd-fields { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .sd-field { grid-column: span 3; }
    .sd-field--full { grid-column: 1 / -1; }
    .sd-field--pair { grid-column: span 3; }
    .sd-field--third { grid-column: span 2; }
    .sd-steps { grid-template-columns: repeat(4, 1fr); gap: 24px; }
    .sd-steps--5 { grid-template-columns: repeat(5, 1fr); gap: 20px; }
    .sd-steps li { padding: 58px 0 0 0; }
    .sd-steps li::before { top: 0; }
    .sd-steps li::after {
        left: 48px;
        right: -16px;
        top: 19px;
        bottom: auto;
        width: auto;
        height: 2px;
    }
    .sd-split { grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
    .sd-section { padding: 80px 0; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .sd-btn { transition: none; }
    .sd-btn:hover { transform: none; }
}