:root {
    --ttat-red: #ec111a;
    --ttat-red-dark: #be0710;
    --ttat-ink: #0f1720;
    --ttat-dark: #101821;
    --ttat-dark-2: #07111b;
    --ttat-muted: #626a73;
    --ttat-line: #e8eaee;
    --ttat-soft: #f6f7f9;
    --ttat-white: #ffffff;
    --ttat-radius: 18px;
    --ttat-shadow: 0 18px 45px rgba(15, 23, 32, .10);
    
    /* Added for Advertise page compatibility */
    --ttat-black: #090b0f;
    --ttat-card: #ffffff;
}

.ttat-container {
    width: min(1120px, calc(100% - 40px));
    margin-inline: auto;
}

body.ttat-sell-page #main {
    padding-bottom: 0;
}

.ttat-sell-main {
    color: var(--ttat-ink);
    background: var(--ttat-white);
    overflow: hidden;
}

.ttat-sell-main h1,
.ttat-sell-main h2,
.ttat-sell-main h3,
.ttat-modern-footer h3 {
    font-family: Oswald, Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-transform: uppercase;
    letter-spacing: -.02em;
}

.ttat-hero {
    position: relative;
    padding: 72px 0 28px;
    background:
        radial-gradient(circle at 78% 24%, rgba(236,17,26,.14), transparent 30%),
        linear-gradient(90deg, #fff 0%, #fff 45%, #f9fafb 100%);
}

.ttat-hero::after {
    content: "";
    position: absolute;
    inset: 0 0 auto auto;
    width: 58%;
    height: 100%;
    background:
        linear-gradient(115deg, transparent 48%, rgba(236,17,26,.12) 49%, transparent 50%),
        linear-gradient(113deg, transparent 58%, rgba(236,17,26,.22) 59%, transparent 60%),
        linear-gradient(111deg, transparent 68%, rgba(236,17,26,.10) 69%, transparent 70%);
    pointer-events: none;
}

.ttat-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    align-items: center;
    gap: 34px;
}

.ttat-eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--ttat-red);
    font-family: Oswald, Impact, sans-serif;
    font-size: 20px;
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
}

.ttat-hero h1 {
    margin: 0;
    max-width: 560px;
    color: #05080c;
    font-size: clamp(58px, 8vw, 92px);
    line-height: .92;
    font-style: italic;
    font-weight: 900;
}

.ttat-hero h1 span,
.ttat-section-heading h2 span,
.ttat-why h2 span,
.ttat-final-card h2::first-letter {
    color: var(--ttat-red);
}

.ttat-hero p {
    max-width: 430px;
    margin: 24px 0 26px;
    color: #222832;
    font-size: 20px;
    line-height: 1.55;
}

.ttat-hero-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.ttat-hero-benefits div {
    display: grid;
    grid-template-columns: 44px 1fr;
    column-gap: 10px;
    align-items: center;
    min-width: 128px;
}

.ttat-hero-benefits span {
    grid-row: span 2;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 2px solid var(--ttat-red);
    border-radius: 50%;
    color: var(--ttat-red);
    font-size: 20px;
}

.ttat-hero-benefits strong,
.ttat-hero-benefits small {
    display: block;
    font-size: 13px;
    line-height: 1.25;
}

.ttat-hero-benefits strong { font-weight: 800; }
.ttat-hero-benefits small { color: #222832; font-weight: 700; }

.ttat-hero-visual {
    position: relative;
    min-height: 430px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ttat-hero-visual img {
    position: relative;
    z-index: 2;
    width: min(680px, 110%);
    max-width: none;
    transform: translateX(28px);
}

.ttat-speed-lines {
    position: absolute;
    right: -10%;
    top: 13%;
    width: 72%;
    height: 58%;
    background: repeating-linear-gradient(168deg, transparent 0 20px, rgba(236,17,26,.22) 22px 25px, transparent 27px 45px);
    filter: blur(.2px);
    opacity: .7;
}

.ttat-handshake-card {
    position: absolute;
    z-index: 3;
    left: 4%;
    top: 22%;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 13px 16px;
    border: 1px solid rgba(236,17,26,.16);
    border-radius: 999px;
    background: rgba(255,255,255,.9);
    box-shadow: var(--ttat-shadow);
    font-weight: 800;
}

.ttat-handshake-card span {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--ttat-red);
    color: #fff;
}

.ttat-price-card {
    position: relative;
    z-index: 3;
    transform: translateY(24px);
    display: grid;
    grid-template-columns: 1fr 1fr 150px;
    max-width: 770px;
    overflow: hidden;
    border: 1px solid var(--ttat-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: var(--ttat-shadow);
}

.ttat-price-item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 26px 30px;
}

.ttat-price-item + .ttat-price-item { border-left: 1px solid var(--ttat-line); }

.ttat-price-icon {
    display: grid;
    place-items: center;
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: #f2f3f5;
    color: var(--ttat-red);
    font-size: 24px;
}

.ttat-price-item strong,
.ttat-price-item small { display: block; }
.ttat-price-item strong { font-size: 14px; text-transform: uppercase; }
.ttat-price-item b { display: block; color: var(--ttat-red); font-family: Oswald, Impact, sans-serif; font-size: 38px; line-height: 1; font-style: italic; }
.ttat-price-item small { color: #2a313a; }

.ttat-price-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 20px;
    background: linear-gradient(135deg, var(--ttat-red), #ff1521);
    color: #fff !important;
    font-family: Oswald, Impact, sans-serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 900;
    line-height: 1.15;
    text-transform: uppercase;
    text-decoration: none !important;
    clip-path: polygon(24% 0, 100% 0, 100% 100%, 0 100%, 24% 50%);
}

.ttat-price-cta span { font-size: 38px; line-height: 1; }

.ttat-steps { padding: 82px 0 54px; background: #fff; }
.ttat-section-heading { text-align: center; }
.ttat-section-heading h2,
.ttat-why h2,
.ttat-final-card h2 {
    margin: 0 0 10px;
    font-size: clamp(34px, 4vw, 48px);
    font-style: italic;
    font-weight: 900;
}
.ttat-section-heading p { margin: 0; color: #303741; }

.ttat-steps-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px;
    margin-top: 46px;
}

.ttat-steps-grid article {
    position: relative;
    text-align: center;
}

.ttat-steps-grid article:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -38px;
    top: 58px;
    width: 58px;
    border-top: 2px dashed var(--ttat-red);
}

.ttat-steps-grid article > i {
    position: absolute;
    left: 50%;
    top: -10px;
    transform: translateX(-62px);
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--ttat-red);
    color: #fff;
    font-style: normal;
    font-weight: 900;
}

.ttat-steps-grid article > span {
    display: grid;
    place-items: center;
    width: 112px;
    height: 112px;
    margin: 0 auto 24px;
    border: 1px solid #dfe3e8;
    border-radius: 50%;
    color: var(--ttat-red);
    font-size: 43px;
}

.ttat-steps-grid h3 { margin: 0 0 12px; font-size: 19px; font-weight: 900; }
.ttat-steps-grid p { margin: 0 auto; max-width: 210px; color: #3a424c; line-height: 1.55; }

.ttat-why {
    padding: 56px 0 60px;
    background: linear-gradient(90deg, #f4f5f7 0%, #fff 58%, #f4f5f7 100%);
}

.ttat-why-grid {
    display: grid;
    grid-template-columns: 1fr .9fr;
    gap: 50px;
    align-items: center;
}

.ttat-why h2 { max-width: 390px; }
.ttat-why h2 span { display: block; }

.ttat-why-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 36px;
    margin-top: 30px;
}

.ttat-why-list div {
    display: grid;
    grid-template-columns: 38px 1fr;
    column-gap: 14px;
}

.ttat-why-list span {
    grid-row: span 2;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 2px solid var(--ttat-red);
    border-radius: 50%;
    color: var(--ttat-red);
    font-weight: 900;
}

.ttat-why-list strong { font-weight: 900; }
.ttat-why-list p { margin: 5px 0 0; color: #404852; line-height: 1.5; }

.ttat-phone-visual {
    position: relative;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ttat-phone-card {
    position: relative;
    z-index: 2;
    width: 230px;
    min-height: 350px;
    padding: 24px 18px 18px;
    border: 14px solid #101820;
    border-radius: 34px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(0,0,0,.16);
    transform: rotate(-9deg);
}

.ttat-phone-card img { max-width: 105px; margin-bottom: 18px; }
.ttat-phone-card strong { display: block; font-size: 15px; }
.ttat-phone-card em { display: grid; place-items: center; margin: 28px auto; width: 126px; height: 54px; border: 4px solid var(--ttat-red); color: var(--ttat-red); font-size: 30px; font-weight: 900; font-style: normal; transform: rotate(-9deg); }
.ttat-phone-card button { width: 100%; border: 0; border-radius: 8px; background: var(--ttat-red); color: #fff; padding: 13px; font-weight: 900; }

.ttat-sold-stamp {
    position: absolute;
    right: 15%;
    top: 12%;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 150px;
    height: 150px;
    border: 8px solid var(--ttat-red);
    border-radius: 50%;
    color: var(--ttat-red);
    font-family: Oswald, Impact, sans-serif;
    font-size: 50px;
    font-weight: 900;
    transform: rotate(-13deg);
    background: rgba(255,255,255,.78);
}

.ttat-phone-visual::after {
    content: "";
    position: absolute;
    inset: auto 0 25px 20%;
    height: 190px;
    border-radius: 22px;
    background: linear-gradient(90deg, rgba(236,17,26,.88), rgba(236,17,26,.08));
    filter: blur(12px);
    opacity: .18;
}

.ttat-final-cta { padding: 0 0 44px; background: #fff; }
.ttat-final-card {
    display: grid;
    grid-template-columns: 86px 1fr auto;
    gap: 26px;
    align-items: center;
    margin-top: -18px;
    padding: 30px 42px;
    border: 1px solid var(--ttat-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: var(--ttat-shadow);
}
.ttat-final-card > span { display: grid; place-items: center; width: 78px; height: 78px; border-radius: 50%; background: var(--ttat-red); color: #fff; font-size: 34px; }
.ttat-final-card h2 { margin: 0 0 7px; }
.ttat-final-card h2 { color: var(--ttat-ink); }
.ttat-final-card h2::first-letter { color: inherit; }
.ttat-final-card p { margin: 0; color: #363e48; }
.ttat-final-card a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 290px;
    min-height: 58px;
    border-radius: 8px;
    background: var(--ttat-red);
    color: #fff !important;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow: 0 14px 28px rgba(236,17,26,.22);
}
.ttat-final-card a:hover { background: var(--ttat-red-dark); }

/* Modern footer */
.ttat-trust-strip {
    border-top: 1px solid var(--ttat-line);
    border-bottom: 1px solid var(--ttat-line);
    background: #fff;
}
.ttat-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.ttat-trust-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 18px;
    border-right: 1px solid var(--ttat-line);
}
.ttat-trust-item:last-child { border-right: 0; }
.ttat-trust-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 2px solid var(--ttat-red);
    border-radius: 50%;
    color: var(--ttat-red);
    font-weight: 900;
}
.ttat-trust-item strong { display: block; text-transform: uppercase; font-size: 13px; font-weight: 900; }
.ttat-trust-item small { display: block; color: #4b535d; font-size: 12px; }

.ttat-modern-footer {
    background:
        radial-gradient(circle at 16% 0%, rgba(236,17,26,.11), transparent 24%),
        linear-gradient(135deg, var(--ttat-dark), var(--ttat-dark-2));
    color: rgba(255,255,255,.78);
    padding: 46px 0 38px;
}

.ttat-footer-grid {
    display: grid;
    grid-template-columns: minmax(260px, 1.25fr) repeat(3, minmax(160px, .8fr));
    gap: 38px;
}

.ttat-footer-brand p {
    max-width: 340px;
    margin: 18px 0 22px;
    color: rgba(255,255,255,.75);
    line-height: 1.7;
}

.ttat-footer-logo img {
    width: 170px;
    max-height: 70px;
    object-fit: contain;
}

.ttat-sponsor-card {
    display: grid;
    grid-template-columns: 42% 1fr;
    max-width: 400px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    background: rgba(255,255,255,.035);
    box-shadow: 0 22px 55px rgba(0,0,0,.18);
}

.ttat-sponsor-media {
    min-height: 160px;
    background-image: url('../img/sponsor-car.svg');
    background-size: cover;
    background-position: center;
}

.ttat-sponsor-copy { padding: 22px 20px; }
.ttat-sponsor-copy span { display: block; margin-bottom: 13px; color: var(--ttat-red); font-size: 12px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.ttat-sponsor-copy strong { display: block; color: #fff; font-size: 24px; line-height: 1.1; text-transform: uppercase; }
.ttat-sponsor-copy small { display: block; margin: 10px 0 18px; color: rgba(255,255,255,.72); line-height: 1.45; }
.ttat-sponsor-copy a { display: inline-flex; padding: 10px 14px; border: 1px solid var(--ttat-red); border-radius: 6px; color: #fff !important; font-size: 12px; font-weight: 900; text-transform: uppercase; text-decoration: none !important; }
.ttat-sponsor-copy a:hover { background: var(--ttat-red); }

.ttat-footer-col {
    padding-left: 30px;
    border-left: 1px solid rgba(255,255,255,.13);
}
.ttat-footer-col h3 {
    position: relative;
    margin: 0 0 26px;
    color: #fff;
    font-size: 19px;
    font-weight: 900;
}
.ttat-footer-col h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -11px;
    width: 38px;
    height: 3px;
    border-radius: 99px;
    background: var(--ttat-red);
}
.ttat-footer-links { margin: 0; padding: 0; list-style: none; }
.ttat-footer-links li { margin: 0 0 15px; }
.ttat-footer-links a {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    color: rgba(255,255,255,.76) !important;
    text-decoration: none !important;
}
.ttat-footer-links a::before { content: '›'; position: absolute; left: 0; color: #fff; font-weight: 900; }
.ttat-footer-links a:hover { color: #fff !important; transform: translateX(3px); }

.ttat-footer-bottom {
    background: #07101a !important;
    border-top: 1px solid rgba(255,255,255,.08);
    color: rgba(255,255,255,.74);
    padding: 22px 0;
}
.ttat-footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.ttat-footer-bottom p { margin: 0; }
.ttat-footer-bottom ul { display: flex; flex-wrap: wrap; gap: 18px; margin: 0; padding: 0; list-style: none; }
.ttat-footer-bottom a { color: rgba(255,255,255,.8) !important; text-decoration: none !important; }
.ttat-footer-bottom a:hover { color: #fff !important; }

@media (max-width: 1024px) {
    .ttat-hero-grid,
    .ttat-why-grid { grid-template-columns: 1fr; }
    .ttat-hero-visual { min-height: 330px; }
    .ttat-price-card { grid-template-columns: 1fr 1fr; }
    .ttat-price-cta { grid-column: 1 / -1; clip-path: none; }
    .ttat-steps-grid { grid-template-columns: repeat(2, 1fr); }
    .ttat-steps-grid article::after { display: none; }
    .ttat-footer-grid { grid-template-columns: 1fr 1fr; }
    .ttat-trust-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
    .ttat-container { width: min(100% - 28px, 1120px); }
    .ttat-hero { padding-top: 46px; }
    .ttat-hero h1 { font-size: 54px; }
    .ttat-hero p { font-size: 17px; }
    .ttat-hero-benefits { display: grid; grid-template-columns: 1fr; }
    .ttat-hero-visual { min-height: 250px; }
    .ttat-hero-visual img { transform: translateX(0); width: 110%; }
    .ttat-handshake-card { display: none; }
    .ttat-price-card,
    .ttat-why-list,
    .ttat-final-card,
    .ttat-footer-grid,
    .ttat-trust-grid { grid-template-columns: 1fr; }
    .ttat-price-item + .ttat-price-item { border-left: 0; border-top: 1px solid var(--ttat-line); }
    .ttat-steps-grid { grid-template-columns: 1fr; }
    .ttat-final-card { padding: 26px 22px; text-align: center; }
    .ttat-final-card > span { margin-inline: auto; }
    .ttat-final-card a { min-width: 0; width: 100%; }
    .ttat-trust-item { border-right: 0; border-bottom: 1px solid var(--ttat-line); }
    .ttat-footer-col { padding-left: 0; border-left: 0; }
    .ttat-sponsor-card { grid-template-columns: 1fr; }
    .ttat-sponsor-media { min-height: 130px; }
    .ttat-footer-bottom-inner { flex-direction: column; align-items: flex-start; }
}


/* ---------------------------------------------------------
   TT Auto Trader 404 page / WPBakery editable sections
--------------------------------------------------------- */
body.ttat-404-page .stm-error-page-unit{display:none!important;}
.ttat-404-template{background:#fff;color:#121212;overflow:hidden;}
.ttat-404-wrapper{position:relative;background:linear-gradient(180deg,#fff 0%,#fafafa 55%,#fff 100%);}
.ttat-404-wrapper .vc_row{max-width:1180px;margin-left:auto!important;margin-right:auto!important;padding-left:24px;padding-right:24px;}
.ttat-404-hero-section{position:relative;padding-top:80px!important;padding-bottom:45px!important;}
.ttat-404-help-cards{padding-top:10px!important;padding-bottom:45px!important;}
.ttat-404-popular{padding-top:45px!important;padding-bottom:65px!important;}
.ttat-404-support{padding-bottom:55px!important;}
.ttat-404-copy .ttat-eyebrow{color:#ed101b;text-transform:uppercase;font-weight:900;font-style:italic;letter-spacing:.04em;margin-bottom:8px;}
.ttat-404-number{font-size:clamp(92px,13vw,190px);line-height:.78;font-weight:900;letter-spacing:-.08em;font-style:italic;margin-bottom:30px;}
.ttat-404-number span{color:#f10b1a;text-shadow:0 10px 30px rgba(241,11,26,.12);}
.ttat-404-number b{color:#171717;font-weight:900;}
.ttat-404-copy h1{font-size:clamp(36px,5vw,72px);line-height:.98;text-transform:uppercase;font-weight:900;font-style:italic;margin:0 0 22px;color:#111;letter-spacing:-.035em;}
.ttat-404-copy h1 strong{display:block;color:#f10b1a;font-weight:900;}
.ttat-404-copy p{font-size:18px;line-height:1.65;color:#3f3f46;max-width:560px;margin-bottom:30px;}
.ttat-404-buttons{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0 28px;}
.ttat-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:8px;text-transform:uppercase;font-weight:900;font-size:14px;text-decoration:none!important;transition:all .2s ease;}
.ttat-btn-red{background:#f10b1a;color:#fff!important;box-shadow:0 14px 24px rgba(241,11,26,.22);}
.ttat-btn-red:hover{transform:translateY(-2px);box-shadow:0 18px 30px rgba(241,11,26,.28);}
.ttat-btn-outline{background:#fff;color:#141414!important;border:1px solid #d4d4d8;}
.ttat-btn-outline:hover{border-color:#f10b1a;color:#f10b1a!important;transform:translateY(-2px);}
.ttat-404-search{display:flex;max-width:690px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 15px 45px rgba(16,24,40,.09);overflow:hidden;}
.ttat-404-search input{flex:1;border:0!important;box-shadow:none!important;padding:0 24px;height:64px;font-size:16px;outline:none;}
.ttat-404-search button{width:78px;border:0;background:#f10b1a;color:#fff;font-size:0;position:relative;cursor:pointer;}
.ttat-404-search button:before{content:'\\1F50D';font-size:26px;line-height:1;}
.ttat-404-art{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center;}
.ttat-404-art:before{content:'';position:absolute;inset:0 -20vw 0 -4vw;background:radial-gradient(circle at 60% 50%,rgba(241,11,26,.12),transparent 40%),linear-gradient(90deg,transparent,rgba(241,11,26,.08),transparent);z-index:0;}
.ttat-404-art img{position:relative;z-index:1;width:min(760px,115%);max-width:none;height:auto;}
.ttat-hide-empty-image{display:none!important;}
.ttat-mini-card{display:flex;align-items:center;gap:16px;min-height:112px;background:#fff;border:1px solid #e9ecef;border-radius:14px;padding:20px 22px;text-decoration:none!important;color:#111!important;box-shadow:0 12px 34px rgba(16,24,40,.08);transition:all .2s ease;}
.ttat-mini-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(16,24,40,.13);border-color:#f10b1a;}
.ttat-mini-card span{width:54px;height:54px;border-radius:999px;border:1px solid #f10b1a;color:#f10b1a;display:flex;align-items:center;justify-content:center;font-size:25px;flex:0 0 auto;}
.ttat-mini-card strong{display:block;font-size:15px;text-transform:none;color:#111;margin-bottom:5px;}
.ttat-mini-card small{display:block;color:#4b5563;line-height:1.45;font-size:13px;}
.ttat-section-heading{text-align:center;margin-bottom:34px;}
.ttat-section-heading span{display:inline-flex;align-items:center;gap:12px;text-transform:uppercase;font-weight:900;font-size:13px;color:#111;letter-spacing:.05em;}
.ttat-section-heading span:before,.ttat-section-heading span:after{content:'';width:24px;height:3px;background:#f10b1a;display:inline-block;}
.ttat-section-heading h2{font-size:clamp(30px,4vw,48px);line-height:1.05;text-transform:uppercase;font-style:italic;font-weight:900;letter-spacing:-.03em;margin:10px 0 0;color:#111;}
.ttat-section-heading h2 strong{color:#f10b1a;font-weight:900;}
.ttat-popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;}
.ttat-pop-card{display:block;background:#fff;border:1px solid #e8eaef;border-radius:15px;padding:12px 12px 24px;text-align:center;color:#111!important;text-decoration:none!important;box-shadow:0 14px 38px rgba(16,24,40,.08);transition:all .2s ease;overflow:hidden;}
.ttat-pop-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(16,24,40,.14);}
.ttat-pop-img{height:155px;border-radius:12px;margin-bottom:26px;position:relative;background:linear-gradient(135deg,#f7f8fa,#fff 45%,#ffe9eb);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.ttat-pop-img img{width:100%;height:100%;object-fit:contain;display:block;position:relative;z-index:1;filter:drop-shadow(0 12px 18px rgba(16,24,40,.12));}
.ttat-pop-img:after{content:'🚗';position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);width:54px;height:54px;background:#fff;border:1px solid #f10b1a;color:#f10b1a;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 22px rgba(16,24,40,.12);z-index:2;}
.ttat-pop-card:nth-child(2) .ttat-pop-img:after{content:'🏷️';}.ttat-pop-card:nth-child(3) .ttat-pop-img:after{content:'🏪';}.ttat-pop-card:nth-child(4) .ttat-pop-img:after{content:'💲';}
.ttat-pop-card b{display:block;text-transform:uppercase;font-size:20px;margin:4px 0 10px;font-weight:900;}
.ttat-pop-card p{color:#4b5563;font-size:14px;line-height:1.5;min-height:43px;margin:0 10px 18px;}
.ttat-pop-card em{font-style:normal;text-transform:uppercase;color:#f10b1a;font-weight:900;font-size:13px;}
.ttat-support-strip{display:flex;align-items:center;justify-content:space-between;gap:26px;background:#fff;border:1px solid #e8eaef;border-radius:16px;padding:26px 34px;box-shadow:0 14px 38px rgba(16,24,40,.07);position:relative;overflow:hidden;}
.ttat-support-copy{display:flex;align-items:center;gap:20px;position:relative;z-index:1;}
.ttat-support-strip:after{content:'';position:absolute;right:-40px;bottom:-60px;width:190px;height:190px;border:28px solid #f10b1a;border-radius:999px;opacity:.14;}
.ttat-support-strip > div{position:relative;z-index:1;}
.ttat-support-strip span{width:66px;height:66px;border-radius:999px;border:1px solid #f10b1a;color:#f10b1a;display:flex;align-items:center;justify-content:center;font-size:30px;}
.ttat-support-strip h3{text-transform:uppercase;font-size:32px;line-height:1;font-style:italic;margin:0;color:#111;font-weight:900;}
.ttat-support-strip h3 strong{color:#f10b1a;}
.ttat-support-strip p{margin:6px 0 0;color:#4b5563;}
.ttat-support-strip .ttat-btn{position:relative;z-index:2;}
.ttat-support-img{position:absolute;right:-22px;bottom:-50px;width:190px;height:auto;z-index:1;pointer-events:none;filter:drop-shadow(0 16px 24px rgba(16,24,40,.16));}
@media (max-width: 991px){.ttat-404-wrapper .vc_col-sm-6,.ttat-404-wrapper .vc_col-sm-3{width:100%!important;}.ttat-404-art{min-height:300px}.ttat-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ttat-mini-card{margin-bottom:16px;}.ttat-support-strip{align-items:flex-start;flex-direction:column;}.ttat-support-copy{align-items:flex-start;}.ttat-support-img{width:150px;right:-35px;bottom:-45px;}}
@media (max-width: 575px){.ttat-404-wrapper .vc_row{padding-left:18px;padding-right:18px;}.ttat-404-buttons{flex-direction:column}.ttat-btn{width:100%;}.ttat-404-search{flex-direction:row}.ttat-404-search input{height:58px}.ttat-404-search button{width:64px}.ttat-popular-grid{grid-template-columns:1fr}.ttat-support-strip{padding:22px}.ttat-support-copy{flex-direction:column}.ttat-support-strip h3{font-size:28px;}}




/* =========================================================
   TT Auto Trader - Advertise With Us 2026 Page
   Scoped CSS - Safe for main child theme stylesheet
========================================================= */

.ttat-advertise-page{
/*  --ttat-red:#e50914;
  --ttat-red-dark:#b90009;
  --ttat-black:#090b0f;
  --ttat-ink:#151922;
  --ttat-muted:#667085;
  --ttat-line:#e7e9ee;
  --ttat-soft:#f6f7f9;
  --ttat-card:#ffffff;
  --ttat-radius:22px;
  --ttat-shadow:0 18px 50px rgba(15,23,42,.10); */

  font-family:Inter,Arial,Helvetica,sans-serif;
  color:var(--ttat-ink);
  background:#fff;
  overflow:hidden;
}

.ttat-advertise-page *{
  box-sizing:border-box;
}

.ttat-container{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
}

.ttat-hero{
  position:relative;
  padding:72px 0 60px;
  background:
    radial-gradient(circle at 85% 25%,rgba(229,9,20,.12),transparent 32%),
    linear-gradient(135deg,#fff 0%,#f7f8fb 58%,#eef1f5 100%);
  border-bottom:1px solid var(--ttat-line);
}

.ttat-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 0 52%,rgba(229,9,20,.05) 52% 56%,transparent 56% 100%);
  pointer-events:none;
}

.ttat-hero__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:46px;
  align-items:center;
  position:relative;
  z-index:1;
}

.ttat-eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:15px;
  color:#1d2430;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.12em;
  font-weight:800;
}

.ttat-eyebrow span{
  display:block;
  width:34px;
  height:2px;
  background:var(--ttat-red);
  border-radius:99px;
}

.ttat-hero h1,
.ttat-section h2{
  margin:0;
  color:var(--ttat-black);
  line-height:1.05;
  letter-spacing:-.045em;
}

/* .ttat-hero h1{
  font-size:clamp(42px,5.2vw,76px);
  max-width:660px;
} */

.ttat-hero h1{
  font-size:clamp(38px,4.2vw,64px);
  line-height:1.08;
  max-width:660px;
}

.ttat-hero h1 strong{
  display:inline;
  color:var(--ttat-red);
  font-weight:900;
}

.ttat-hero__intro{
  font-size:18px;
  line-height:1.6;
  color:#4a5568;
  max-width:570px;
  margin:22px 0 28px;
}

.ttat-proof-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  max-width:720px;
}

.ttat-proof-card{
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid var(--ttat-line);
  box-shadow:0 12px 32px rgba(15,23,42,.08);
  border-radius:14px;
  padding:12px 13px;
  min-height:72px;
}

.ttat-proof-card img{
  width:30px;
  height:30px;
  filter:invert(15%) sepia(93%) saturate(6352%) hue-rotate(352deg) brightness(90%) contrast(104%);
}

.ttat-proof-card b{
  display:block;
  font-size:15px;
  line-height:1.05;
  color:var(--ttat-black);
}

.ttat-proof-card span{
  display:block;
  font-size:11px;
  font-weight:700;
  color:#4a5568;
  line-height:1.15;
}

.ttat-actions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-top:30px;
}

.ttat-btn{
  display:inline-flex;
  align-items:center;HER
  justify-content:center;
  gap:18px;
  min-height:54px;
  padding:0 30px;
  border-radius:999px;
  text-decoration:none;
  font-weight:850;
  font-size:15px;
  transition:.2s ease;
  border:2px solid transparent;
}

.ttat-btn span{
  font-size:28px;
  line-height:1;
}

.ttat-btn--primary{
  background:var(--ttat-red);
  color:#fff;
  box-shadow:0 16px 38px rgba(229,9,20,.25);
}

.ttat-btn--primary:hover{
  background:var(--ttat-red-dark);
  color:#fff;
  transform:translateY(-2px);
}

.ttat-btn--ghost{
  background:#fff;
  color:var(--ttat-black);
  border-color:var(--ttat-red);
}

.ttat-btn--ghost:hover{
  background:#fff2f3;
  color:var(--ttat-black);
}

.ttat-hero__visual{
  position:relative;
  min-height:520px;
}

.ttat-hero-car{
  position:absolute;
  right:-210px;
  bottom:/*-62px*/ 12px ;
  width:min(920px,72vw);
  max-width:none;
}

.ttat-section{
  padding:68px 0;
  background:#fff;
}

.ttat-section--why,
.ttat-section--audience{
  background:linear-gradient(180deg,#fff,#fafbfc);
}

.ttat-section-head{
  text-align:center;
  max-width:850px;
  margin:0 auto 34px;
}

.ttat-section-head .ttat-eyebrow{
  justify-content:center;
  margin-bottom:12px;
}

.ttat-section h2{
  font-size:clamp(30px,3.2vw,48px);
}

.ttat-section-head p{
  font-size:17px;
  line-height:1.6;
  color:var(--ttat-muted);
  margin:14px auto 0;
}

.ttat-card-grid{
  display:grid;
  gap:22px;
}

.ttat-card-grid--four{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.ttat-feature-card,
.ttat-option-card{
  background:var(--ttat-card);
  border:1px solid var(--ttat-line);
  border-radius:var(--ttat-radius);
  padding:34px 26px;
  text-align:center;
  box-shadow:0 16px 38px rgba(15,23,42,.07);
  transition:.2s ease;
}

.ttat-feature-card:hover,
.ttat-option-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--ttat-shadow);
}

.ttat-feature-card img,
.ttat-option-card img{
  width:56px;
  height:56px;
  margin-bottom:20px;
  filter:invert(15%) sepia(93%) saturate(6352%) hue-rotate(352deg) brightness(90%) contrast(104%);
}

.ttat-feature-card h3,
.ttat-option-card h3{
  font-size:19px;
  margin:0 0 10px;
  color:var(--ttat-black);
  letter-spacing:-.02em;
}

.ttat-feature-card p,
.ttat-option-card p{
  font-size:14px;
  color:var(--ttat-muted);
  line-height:1.55;
  margin:0;
}

.ttat-options-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}

.ttat-option-card{
  padding:30px 18px;
}

.ttat-option-card img{
  width:52px;
  height:52px;
}

.ttat-option-card h3{
  font-size:16px;
}

.ttat-rate-band{
  display:grid;
  grid-template-columns:210px 1fr auto;
  align-items:center;
  gap:28px;
  margin-top:34px;
  background:#fff;
  border:1px solid var(--ttat-line);
  border-radius:18px;
  padding:22px 28px;
  box-shadow:var(--ttat-shadow);
  position:relative;
  overflow:hidden;
}

.ttat-rate-band:after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:12px;
  background:var(--ttat-red);
}

.ttat-rate-band img{
  width:190px;
}

.ttat-rate-band span{
  display:block;
  font-size:16px;
  color:#344054;
  font-weight:800;
}

.ttat-rate-band strong{
  display:block;
  font-size:clamp(28px,3vw,42px);
  line-height:1.08;
  color:var(--ttat-black);
  letter-spacing:-.04em;
}

.ttat-rate-band em{
  color:var(--ttat-red);
  font-style:normal;
}

.ttat-pill-grid{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  justify-content:center;
  max-width:920px;
  margin:0 auto;
}

.ttat-pill-grid span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  background:#fff;
  border:1px solid var(--ttat-line);
  box-shadow:0 8px 24px rgba(15,23,42,.05);
  border-radius:999px;
  padding:13px 18px;
  font-weight:800;
  color:#252b37;
}

.ttat-pill-grid img{
  width:20px;
  height:20px;
  filter:invert(15%) sepia(93%) saturate(6352%) hue-rotate(352deg) brightness(90%) contrast(104%);
}

.ttat-note{
  text-align:center;
  color:#667085;
  margin:22px 0 0;
  font-weight:700;
}

.ttat-note:before{
  content:"ⓘ";
  margin-right:7px;
  color:#98a2b3;
}

.ttat-section--form{
  padding-top:42px;
}

.ttat-form-panel{
  display:grid;
  grid-template-columns:1.65fr .85fr;
  gap:26px;
  background:#fff;
  border:1px solid var(--ttat-line);
  border-radius:26px;
  padding:26px;
  box-shadow:var(--ttat-shadow);
}

.ttat-form-wrap h2{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 20px;
  color:var(--ttat-black);
  font-size:32px;
  letter-spacing:-.035em;
}

.ttat-form-wrap h2 span{
  display:block;
  width:32px;
  height:3px;
  background:var(--ttat-red);
  border-radius:99px;
}

.ttat-request-form{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.ttat-form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.ttat-request-form label span{
  position:absolute!important;
  height:1px;
  width:1px;
  overflow:hidden;
  clip:rect(1px,1px,1px,1px);
}

.ttat-request-form input,
.ttat-request-form select,
.ttat-request-form textarea{
  width:100%;
  border:1px solid #dde2e8;
  border-radius:12px;
  background:#fff;
  min-height:52px;
  padding:0 16px;
  font-size:15px;
  color:var(--ttat-ink);
  outline:none;
  transition:.18s;
}

.ttat-request-form textarea{
  min-height:125px;
  padding:16px;
  resize:vertical;
}

.ttat-request-form input:focus,
.ttat-request-form select:focus,
.ttat-request-form textarea:focus{
  border-color:var(--ttat-red);
  box-shadow:0 0 0 4px rgba(229,9,20,.09);
}

.ttat-submit{
  border:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:56px;
  border-radius:12px;
  background:var(--ttat-red);
  color:#fff;
  font-weight:900;
  font-size:16px;
  cursor:pointer;
  box-shadow:0 16px 38px rgba(229,9,20,.22);
}

.ttat-submit img{
  width:20px;
  height:20px;
  filter:brightness(0) invert(1);
}

.ttat-contact-card{
  background:linear-gradient(180deg,#fff,#fafbfc);
  border:1px solid var(--ttat-line);
  border-radius:22px;
  padding:26px;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}

.ttat-contact-art{
  display:block;
  width:100%;
  height:auto;
  margin:0 0 22px;
}

.ttat-contact-card p{
  margin:10px 0 8px;
  color:#667085;
  font-weight:800;
}

.ttat-contact-link{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 16px;
  color:var(--ttat-red);
  font-size:22px;
  font-weight:900;
  text-decoration:none;
}

.ttat-contact-link img{
  width:22px;
  height:22px;
  filter:invert(15%) sepia(93%) saturate(6352%) hue-rotate(352deg) brightness(90%) contrast(104%);
}

.ttat-response{
  display:flex;
  gap:10px;
  border-top:1px solid var(--ttat-line);
  padding-top:18px;
  color:#475467;
  font-weight:700;
  line-height:1.4;
}

.ttat-response img{
  width:22px;
  height:22px;
  opacity:.65;
}

/* Responsive */

@media (max-width:1100px){
  .ttat-hero__grid{
    grid-template-columns:1fr;
  }

  .ttat-hero__visual{
    min-height:410px;
  }

  .ttat-hero-car{
    right:-130px;
    width:820px;
  }

  .ttat-options-grid{
    grid-template-columns:repeat(3,1fr);
  }

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

  .ttat-rate-band{
    grid-template-columns:160px 1fr;
  }

  .ttat-rate-band .ttat-btn{
    grid-column:1/-1;
    width:max-content;
  }

  .ttat-rate-band img{
    width:150px;
  }

  .ttat-form-panel{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .ttat-container{
    width:min(100% - 28px,1180px);
  }

  .ttat-hero{
    padding:48px 0;
  }

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

  .ttat-hero h1{
    font-size:42px;
  }

  .ttat-hero__visual{
    min-height:300px;
  }

  .ttat-hero-car{
    right: /*-210*/ 150px ;
    width:760px;
    bottom:-96px;
  }

  .ttat-card-grid--four,
  .ttat-options-grid{
    grid-template-columns:1fr;
  }

  .ttat-rate-band{
    grid-template-columns:1fr;
    text-align:center;
  }

  .ttat-rate-band img{
    margin:0 auto;
  }

  .ttat-rate-band .ttat-btn{
    margin:0 auto;
  }

  .ttat-form-row{
    grid-template-columns:1fr;
  }

  .ttat-form-panel{
    padding:18px;
  }

  .ttat-actions .ttat-btn{
    width:100%;
  }

  .ttat-section{
    padding:52px 0;
  }
}

@media (max-width:420px){
  .ttat-hero h1{
    font-size:36px;
  }

  .ttat-proof-grid{
    grid-template-columns:1fr;
  }

  .ttat-section h2{
    font-size:30px;
  }

  .ttat-contact-link{
    font-size:19px;
  }
}



/* =========================================================
   TTAT Advertise Page - Hero Proof Cards Clean 2x2 Layout
========================================================= */

.ttat-proof-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  max-width:560px;
  margin-top:28px;
}

.ttat-proof-card{
  display:flex;
  align-items:center;
  gap:13px;
  background:#fff;
  border:1px solid var(--ttat-line);
  box-shadow:0 12px 32px rgba(15,23,42,.08);
  border-radius:16px;
  padding:14px 16px;
  min-height:76px;
  overflow:hidden;
}

.ttat-proof-card img{
  flex:0 0 32px;
  width:32px;
  height:32px;
  filter:invert(15%) sepia(93%) saturate(6352%) hue-rotate(352deg) brightness(90%) contrast(104%);
}

.ttat-proof-card b{
  display:block;
  font-size:17px;
  line-height:1.12;
  color:var(--ttat-black);
  white-space:normal;
}

.ttat-proof-card span{
  display:block;
  font-size:13px;
  font-weight:700;
  color:#4a5568;
  line-height:1.18;
  margin-top:4px;
}

/* Slightly smaller text for longer cards */
.ttat-proof-card:nth-child(2) b,
.ttat-proof-card:nth-child(3) b{
  font-size:14px;
}

/* Mobile */
@media (max-width:560px){
  .ttat-proof-grid{
    grid-template-columns:1fr;
    max-width:100%;
  }
}