/*
 * Evora Shield — main stylesheet
 * Premium PPF / Paint Protection Film theme
 * Colors and structure driven by the brand reference.
 */

/* ============================================================
   0. Design tokens
   ============================================================ */
:root {
    --ev-bg:            #080A0B; /* ana zemin */
    --ev-bg-2:          #111315; /* ikincil zemin */
    --ev-card:          #151719; /* kart zemini */
    --ev-gold:          #D4AF37; /* altın vurgu */
    --ev-gold-light:    #D4AF37; /* açık altın */
    --ev-text:          #F2EFE9; /* ana metin */
    --ev-text-muted:    #A7A7A3; /* ikincil metin */
    --ev-border:        rgba(212,175,55,0.45); /* kenarlıklar */
    --ev-border-soft:   rgba(212,175,55,0.18);
    --ev-shadow:        0 24px 60px rgba(0,0,0,0.55);

    --ev-serif: "Inter", "Helvetica Neue", Arial, "Segoe UI", sans-serif;
    --ev-sans:  "Inter", "Helvetica Neue", Arial, "Segoe UI", sans-serif;

    --ev-container: 1440px;
    --ev-gutter: 40px;

    --ev-bronze:        #7A5230;
    --ev-bronze-light:  #9A6B42;
    --ev-nav-h: 80px;

    --ev-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* ============================================================
   1. Base / reset
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

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

body.evora-shield {
    margin: 0;
    background: var(--ev-bg);
    color: var(--ev-text);
    font-family: var(--ev-sans);
    font-size: 16px;
    line-height: 1.65;
    font-weight: 400;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

img { max-width: 100%; height: auto; display: block; }

a { color: inherit; text-decoration: none; transition: color .25s var(--ev-ease); }

h1, h2, h3, h4 {
    font-family: var(--ev-serif);
    font-weight: 600;
    line-height: 1.12;
    margin: 0 0 .4em;
    color: var(--ev-text);
    letter-spacing: .2px;
}

p { margin: 0 0 1em; }

.evora-container {
    max-width: var(--ev-container);
    margin: 0 auto;
    padding: 0 var(--ev-gutter);
    width: 100%;
}

.ev-gold { color: var(--ev-gold-light); }

.ev-eyebrow {
    display: inline-block;
    font-family: var(--ev-sans);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: var(--ev-gold);
    margin-bottom: 18px;
    position: relative;
    padding-left: 34px;
}
.ev-eyebrow::before {
    content: "";
    position: absolute;
    left: 0; top: 50%;
    width: 24px; height: 1px;
    background: var(--ev-gold);
}
.ev-eyebrow.is-center { padding-left: 0; }
.ev-eyebrow.is-center::before { display: none; }

.ev-section-title { font-size: clamp(30px, 3.4vw, 46px); }
.ev-section-lead { color: var(--ev-text-muted); max-width: 620px; }

/* Buttons */
.ev-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: var(--ev-sans);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    padding: 15px 30px;
    border: 1px solid var(--ev-border);
    color: var(--ev-text);
    background: transparent;
    cursor: pointer;
    transition: all .3s var(--ev-ease);
    white-space: nowrap;
    line-height: 1;
}
.ev-btn svg { width: 15px; height: 15px; }
.ev-btn--primary {
    background: linear-gradient(135deg, var(--ev-gold-light), var(--ev-gold));
    color: #0b0b0b;
    border-color: transparent;
}
.ev-btn--primary:hover {
    box-shadow: 0 10px 30px rgba(212,175,55,0.35);
    transform: translateY(-2px);
}
.ev-btn--ghost:hover {
    border-color: var(--ev-gold-light);
    color: var(--ev-gold-light);
    box-shadow: 0 0 0 1px var(--ev-border) inset, 0 8px 26px rgba(0,0,0,.4);
}
.ev-link-arrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: var(--ev-gold-light);
}
.ev-link-arrow svg { width: 16px; height: 16px; transition: transform .3s var(--ev-ease); }
.ev-link-arrow:hover svg { transform: translateX(5px); }

/* ============================================================
   2. Header — single-row split nav (no topbar)
   ============================================================ */
/* ============================================================
   3. Header — single-row split nav
   ============================================================ */
.ev-header {
    position: sticky;
    top: 0;
    z-index: 200;
}
/* WordPress admin bar offset */
.admin-bar .ev-header { top: 32px; }
@media screen and (max-width: 782px) {
    .admin-bar .ev-header { top: 46px; }
}

.ev-nav {
    height: var(--ev-nav-h);
    background: linear-gradient(180deg, #080A0A 0%, #0B0D0D 55%, #070808 100%);
    border-bottom: 1px solid rgba(212,175,55,0.22);
    overflow: visible;
}

/* Inner container: 3-column grid — left (1fr) | center logo (auto) | right (1fr) */
.ev-nav__inner {
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    align-items: center;
}

/* ── Left & Right groups ────────────────────────────────── */
.ev-nav__left {
    display: flex;
    align-items: center;
    gap: 44px;
    min-width: 0;
}
.ev-nav__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    min-width: 0;
}
/* margin-right: auto pushes lang-pick/search to far right of 1fr column */
.ev-nav__right .ev-nav__right-nav { margin-right: auto; }

/* ── Left logo ──────────────────────────────────────────── */
/* Logo PNG is 1000×560 (1.786:1). At height 56px → width ≈ 100px. */
.ev-nav__logo-link {
    flex: none;
    display: inline-flex;
    align-items: center;
    line-height: 0;
    text-decoration: none;
    overflow: visible;
}
.ev-nav__logo-link img {
    width: auto;
    height: 44px;   /* cropped 1157×343 → box ≈148px wide, visible ≈144px */
    display: block;
    flex-shrink: 0;
    object-fit: contain;
}

/* ── Center wordmark — centered via CSS grid (2nd column) ── */
.ev-nav__center-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    text-decoration: none;
    /* padding = gap between nav groups and center wordmark (~72–88 px) */
    padding: 0 clamp(56px, 5.5vw, 88px);
}
.ev-nav__center-logo img {
    width: auto;
    height: 32px;   /* cropped 804×227 → box ≈113px wide (elegant, smaller than left) */
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}

/* ── Nav menus ──────────────────────────────────────────── */
.ev-nav__left-nav,
.ev-nav__right-nav { display: flex; align-items: center; }
/* Push left-nav to right edge of 1fr column → sits flush against center logo */
.ev-nav__left-nav  { margin-left: auto; }

.ev-nav__menu {
    list-style: none;
    margin: 0; padding: 0;
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: nowrap;
}
.ev-nav__menu > li { position: relative; }
.ev-nav__menu > li > a {
    display: inline-block;
    font-family: var(--ev-sans);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: rgba(242,239,233,0.72);
    white-space: nowrap;
    padding: 5px 0;
    position: relative;
    transition: color .22s var(--ev-ease);
    text-decoration: none;
    line-height: 1;
}
.ev-nav__menu > li > a::after {
    content: "";
    position: absolute;
    left: 0; bottom: -2px;
    width: 0; height: 1px;
    background: rgba(212,175,55,0.65);
    transition: width .24s var(--ev-ease);
}
.ev-nav__menu > li > a:hover,
.ev-nav__menu > li.current-menu-item > a,
.ev-nav__menu > li.current_page_item > a { color: rgba(210,172,90,0.92); }
.ev-nav__menu > li > a:hover::after,
.ev-nav__menu > li.current-menu-item > a::after,
.ev-nav__menu > li.current_page_item > a::after { width: 100%; }

/* ── Language picker ────────────────────────────────────── */
.ev-lang-pick {
    position: relative;
    flex: none;
    display: inline-flex;
    align-items: center;
}
.ev-lang-pick__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: rgba(8,9,10,0.85);
    border: 1px solid rgba(212,175,55,0.2);
    border-radius: 2px;
    color: rgba(242,239,233,0.68);
    font-family: var(--ev-sans);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 1.2px;
    padding: 6px 10px;
    min-width: 52px;
    height: 30px;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1;
    transition: border-color .2s, color .2s;
    outline: none;
}
.ev-lang-pick__btn:hover,
.ev-lang-pick.is-open .ev-lang-pick__btn {
    border-color: rgba(212,175,55,0.55);
    color: rgba(210,172,90,0.9);
}
.ev-lang-pick__btn svg { width: 9px; height: 9px; transition: transform .25s var(--ev-ease); pointer-events: none; }
.ev-lang-pick.is-open .ev-lang-pick__btn svg { transform: rotate(180deg); }

.ev-lang-pick__menu {
    list-style: none;
    margin: 0; padding: 8px 0;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 155px;
    background: #141618;
    border: 1px solid rgba(212,175,55,0.28);
    box-shadow: 0 12px 40px rgba(0,0,0,0.55);
    z-index: 400;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity .22s var(--ev-ease), transform .22s var(--ev-ease), visibility .22s;
    pointer-events: none;
}
.ev-lang-pick.is-open .ev-lang-pick__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
.ev-lang-pick__menu li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    font-family: var(--ev-sans);
    font-size: 12.5px;
    color: rgba(242,239,233,0.65);
    text-decoration: none;
    transition: color .18s, background .18s;
    white-space: nowrap;
}
.ev-lang-pick__menu li a:hover { color: var(--ev-gold-light); background: rgba(212,175,55,0.07); }
.ev-lang-pick__menu li.is-active a { color: var(--ev-gold-light); }
.ev-lang-pick__code { font-weight: 700; color: var(--ev-gold); min-width: 22px; }
.ev-lang-pick__name { color: inherit; }

/* ── Gold search button ─────────────────────────────────── */
.ev-search-btn {
    flex: none;
    width: 41px; height: 41px;
    border-radius: 50%;
    background: radial-gradient(
        circle at 35% 28%,
        #ECD870 0%,
        #D4AF37 30%,
        #A88B2A 68%,
        #7D6A1A 100%
    );
    border: 1px solid rgba(212,175,55,0.55);
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #15120C;
    cursor: pointer;
    transition: transform 220ms ease, box-shadow 220ms ease, filter 220ms ease;
    padding: 0;
    line-height: 0;
    box-shadow:
        0 0 8px rgba(212,175,55,0.38),
        0 0 18px rgba(212,175,55,0.20),
        inset 0 1px 1px rgba(255,235,166,0.55),
        inset 0 -2px 3px rgba(103,65,10,0.24);
}
.ev-search-btn:hover {
    transform: translateY(-1px) scale(1.04);
    box-shadow:
        0 0 10px rgba(212,175,55,0.60),
        0 0 24px rgba(212,175,55,0.34),
        inset 0 1px 2px rgba(255,241,189,0.68),
        inset 0 -2px 3px rgba(103,65,10,0.20);
}
.ev-search-btn:focus-visible {
    outline: 2px solid rgba(212,175,55,0.85);
    outline-offset: 3px;
}
.ev-search-btn svg { width: 16px; height: 16px; pointer-events: none; display: block; color: #15120C; }

/* ── Burger (hidden on desktop) ─────────────────────────── */
.ev-burger {
    display: none;
    width: 38px; height: 38px;
    flex: none;
    background: transparent;
    border: 0;
    outline: none;
    padding: 0;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.ev-burger span {
    display: block;
    width: 20px; height: 2px;
    background: var(--ev-text);
    transition: transform .3s var(--ev-ease), opacity .2s;
}
body.ev-menu-open .ev-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
body.ev-menu-open .ev-burger span:nth-child(2) { opacity: 0; }
body.ev-menu-open .ev-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ── Stuck (scrolled) state ─────────────────────────────── */
.ev-header.is-stuck .ev-nav {
    background: rgba(5,6,7,0.98);
    border-bottom-color: rgba(212,175,55,0.2);
    box-shadow: 0 2px 24px rgba(0,0,0,0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

@keyframes evSlideDown { from { transform: translateY(-100%); } to { transform: translateY(0); } }

/* ============================================================
   4. Hero — cinematic full-width, real car photo background
   ============================================================ */
.ev-site-main { display: block; margin: 0; padding: 0; }

.ev-hero {
    position: relative;
    min-height: 660px;
    background: var(--ev-bg) center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    isolation: isolate;
    text-align: center;
}
/* Filtered image layer — inherits background-image from inline style,
   applies brightness/contrast so the car pops without touching the HTML */
.ev-hero::before {
    content: "";
    position: absolute; inset: 0;
    background: inherit;
    background-size: cover;
    background-position: center;
    filter: brightness(1.18) contrast(1.10) saturate(1.06);
    z-index: 0;
}

/* Lightweight directional overlay — car visible, text legible */
.ev-hero__overlay {
    position: absolute; inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,0.38) 0%,
            rgba(0,0,0,0.22) 38%,
            rgba(0,0,0,0.08) 70%,
            rgba(0,0,0,0.12) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,0.12) 0%,
            rgba(0,0,0,0.05) 55%,
            rgba(0,0,0,0.30) 100%
        );
    z-index: 1;
}
/* Subtle grain */
.ev-hero__grain {
    position: absolute; inset: 0; z-index: 2; pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    opacity: .3;
}
.ev-hero .evora-container { position: relative; z-index: 3; }
.ev-hero__inner {
    position: relative;
    width: min(calc(100% - 48px), 980px);
    margin: 0 auto;
    padding: 60px 0 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* Local radial darkening — only behind text, not the full image */
.ev-hero__inner::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 48%;
    width: min(1000px, 96vw);
    height: 440px;
    transform: translate(-50%, -50%);
    background: radial-gradient(
        ellipse at center,
        rgba(0,0,0,0.58) 0%,
        rgba(0,0,0,0.38) 38%,
        rgba(0,0,0,0.12) 68%,
        rgba(0,0,0,0)    82%
    );
    pointer-events: none;
}
/* Eyebrow centered in hero */
.ev-eyebrow--hero {
    padding-left: 0;
    color: var(--ev-gold-light);
    letter-spacing: 4px;
    margin-bottom: 22px;
}
.ev-eyebrow--hero::before { display: none; }

.ev-hero__title {
    font-family: var(--ev-serif);
    font-size: clamp(52px, 6vw, 82px);
    font-weight: 700;
    line-height: 0.98;
    letter-spacing: -0.025em;
    margin: 26px auto 30px;
    color: var(--ev-text);
    text-shadow: 0 3px 18px rgba(0,0,0,0.58);
}
.ev-hero__title-em {
    font-style: italic;
    color: var(--ev-gold-light);
    display: block;
}
.ev-hero__desc {
    max-width: 650px;
    margin: 0 auto 34px;
    color: rgba(245,243,237,0.80);
    font-size: clamp(15px, 1.25vw, 18px);
    line-height: 1.55;
    text-shadow:
        0 2px 8px rgba(0,0,0,0.95),
        0 0 18px rgba(0,0,0,0.75);
}
.ev-hero__actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.ev-btn--hero {
    font-size: 12px;
    letter-spacing: 2px;
    padding: 18px 40px;
    min-width: 360px;
}
.ev-hero__sub {
    margin-top: 28px;
    opacity: .7;
    transition: opacity .2s;
}
.ev-hero__sub:hover { opacity: 1; }
.ev-hero__bottom-rule {
    position: absolute; bottom: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212,175,55,0.4), transparent);
}

/* ============================================================
   5. THE EVORA SHIELD DIFFERENCE — cinematic 4-panel grid
   ============================================================ */
.ev-diff {
    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(255,255,255,0.025),
            transparent 46%
        ),
        #0c0e0e;
    border-top:    1px solid rgba(198,154,66,0.22);
    border-bottom: 1px solid rgba(198,154,66,0.22);
    padding: 0;
}

/* ── Title area ──────────────────────────────────────────────── */
.ev-diff__head {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    padding: 34px 24px;
}
.ev-diff__title {
    margin: 0;
    color: #c59a42;
    font-family: var(--ev-sans);
    font-size: clamp(36px, 3.6vw, 54px);
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    text-align: center;
}

/* ── 4-column media grid ─────────────────────────────────────── */
.ev-diff__media-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top:    1px solid rgba(198,154,66,0.35);
    border-bottom: 1px solid rgba(198,154,66,0.35);
}

/* ── Individual card ─────────────────────────────────────────── */
.ev-diff__card {
    position: relative;
    min-width: 0;
    min-height: 320px;
    overflow: hidden;
    border-right: 1px solid rgba(198,154,66,0.28);
    background: #111312;
}
.ev-diff__card:last-child { border-right: 0; }

.ev-diff__card > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 700ms ease;
}
.ev-diff__card:hover > img { transform: scale(1.025); }

/* Gradient overlay */
.ev-diff__card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0.12) 0%,
            rgba(0,0,0,0.06) 45%,
            rgba(0,0,0,0.44) 100%
        );
    pointer-events: none;
}

/* Icon + title overlay */
.ev-diff__card__content {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 27%;
    width: calc(100% - 40px);
    transform: translateX(-50%);
    text-align: center;
}
.ev-diff__card__icon {
    width: 30px;
    height: 30px;
    margin: 0 auto 12px;
    color: #c99a3f;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ev-diff__card__icon svg { width: 30px; height: 30px; }

.ev-diff__card__title {
    margin: 0;
    color: rgba(247,244,237,0.90);
    font-family: var(--ev-sans);
    font-size: clamp(13px, 1vw, 17px);
    line-height: 1.2;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 0 2px 12px rgba(0,0,0,0.90);
    letter-spacing: 0.06em;
}


/* ── Technical info rail ─────────────────────────────────────── */
/* Same 4-column proportions as .ev-diff__media-grid for vertical alignment */
.ev-diff__rail {
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, 0.92fr)
        minmax(0, 1fr)
        minmax(0, 1.05fr);
    min-height: 92px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0)),
        #090b0b;
    border-bottom: 1px solid rgba(198,154,66,0.22);
}

/* Col 1 — Scratch + Warranty + Layer diagram (3-part internal grid) */
.ev-diff__rail-primary {
    display: grid;
    grid-template-columns: 0.8fr 1.15fr 0.85fr;
    align-items: center;
    padding: 12px 16px;
    border-right: 1px solid rgba(198,154,66,0.20);
    min-width: 0;
}
.ev-diff__rail-scratch,
.ev-diff__rail-diagram {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 0;
    gap: 5px;
}
.ev-diff__rail-warranty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 0;
    padding: 0 6px;
    border-left:  1px solid rgba(198,154,66,0.12);
    border-right: 1px solid rgba(198,154,66,0.12);
}

/* Cols 2–4 — individual feature cells */
.ev-diff__rail-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px 14px;
    border-right: 1px solid rgba(198,154,66,0.20);
    gap: 6px;
    text-align: center;
    min-width: 0;
}
.ev-diff__rail-cell:last-child { border-right: 0; }

/* Icons */
.ev-diff__rail-icon {
    color: #c99a42;
    opacity: 0.92;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}
.ev-diff__rail-icon svg { width: 20px; height: 20px; }

/* Feature labels */
.ev-diff__rail-label {
    margin: 0;
    color: rgba(244,240,232,0.76);
    font-family: var(--ev-sans);
    font-size: clamp(9px, 0.65vw, 11px);
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    line-height: 1.2;
    word-break: break-word;
}

/* Warranty typography */
.ev-diff__warranty-years {
    margin: 0;
    color: #c99a42;
    font-family: var(--ev-serif);
    font-size: clamp(20px, 1.6vw, 27px);
    line-height: 1;
    font-weight: 400;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.ev-diff__warranty-label {
    margin-top: 6px;
    color: rgba(244,240,232,0.68);
    font-family: var(--ev-sans);
    font-size: 8px;
    font-weight: 500;
    letter-spacing: 0.20em;
    text-transform: uppercase;
    line-height: 1.2;
    white-space: nowrap;
}

/* PPF layer diagram SVG */
.ev-diff__rail-layers {
    width: 60px;
    height: auto;
    display: block;
    overflow: visible;
}

/* ============================================================
   6. Sections shared
   ============================================================ */
.ev-section { padding: 100px 0; position: relative; }
.ev-section--alt { background: var(--ev-bg-2); }
.ev-section__head { margin-bottom: 56px; }
.ev-section__head.is-center { text-align: center; }
.ev-section__head.is-center .ev-section-lead { margin-left: auto; margin-right: auto; }

/* ============================================================
   7. Product Series — carousel slider
   ============================================================ */
.ev-products .ev-section-title {
    position: relative;
    padding-bottom: 20px;
}
.ev-products .ev-section-title::after {
    content: "";
    display: block;
    width: 50px; height: 2px;
    background: linear-gradient(90deg, var(--ev-gold-light), var(--ev-gold));
    margin: 14px auto 0;
}

/* Slider wrapper */
.ev-products__slider {
    position: relative;
    overflow: hidden;
    margin: 0 -8px;
}
.ev-products__track {
    display: flex;
    gap: 0;
    transition: transform .5s var(--ev-ease);
    will-change: transform;
}
/* Each slide card */
.ev-pslide {
    flex: 0 0 calc(33.333% - 16px);
    margin: 0 8px;
    min-height: 440px;
    border: 1px solid var(--ev-border-soft);
    display: flex;
    flex-direction: column;
    padding: 32px 28px;
    position: relative;
    overflow: hidden;
    transition: border-color .3s, box-shadow .3s;
}
.ev-pslide:hover {
    border-color: rgba(212,175,55,0.45);
    box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 0 1px rgba(212,175,55,0.3);
}
.ev-pslide__shimmer {
    position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(135deg, rgba(212,175,55,0.05) 0%, transparent 60%);
}
.ev-pslide__top { margin-bottom: 20px; }
.ev-pslide__badge {
    display: inline-block;
    font-family: var(--ev-sans); font-size: 9.5px; font-weight: 700;
    letter-spacing: 1px; text-transform: uppercase;
    color: var(--ev-gold-light);
    border: 1px solid rgba(212,175,55,0.5);
    padding: 4px 10px;
    margin-bottom: 12px;
    background: rgba(212,175,55,0.06);
}
.ev-pslide__name {
    font-family: var(--ev-serif);
    font-size: 26px;
    font-weight: 600;
    color: var(--ev-text);
    margin: 0;
    line-height: 1.2;
}
.ev-pslide__meta { margin-bottom: 22px; }
.ev-pslide__meta-row {
    display: flex; align-items: center; justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid var(--ev-border-soft);
    font-size: 13px;
}
.ev-pslide__meta-row:last-child { border-bottom: 0; }
.ev-pslide__meta-label { color: var(--ev-text-muted); font-weight: 500; }
.ev-pslide__meta-value { color: var(--ev-text); font-weight: 600; }
.ev-pslide__features {
    list-style: none; margin: 0 0 auto; padding: 0;
    display: flex; flex-direction: column; gap: 9px;
}
.ev-pslide__features li {
    display: flex; align-items: center; gap: 9px;
    font-size: 13px; color: var(--ev-text-muted);
}
.ev-pslide__features li svg { color: var(--ev-gold-light); flex: none; }
.ev-pslide__link {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 11px; font-weight: 700; letter-spacing: 1.2px;
    text-transform: uppercase; color: var(--ev-gold-light);
    margin-top: 24px; transition: gap .25s;
}
.ev-pslide__link:hover { gap: 14px; }

/* Slider controls */
.ev-slider-btn {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 44px; height: 44px;
    background: rgba(8,10,11,0.85);
    border: 1px solid var(--ev-border);
    color: var(--ev-text);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; z-index: 10;
    transition: background .2s, border-color .2s;
}
.ev-slider-btn:hover { background: var(--ev-gold); border-color: var(--ev-gold); color: #080A0B; }
.ev-slider-btn--prev { left: -6px; }
.ev-slider-btn--next { right: -6px; }
.ev-slider-btn .is-back { transform: rotate(180deg); }

/* Dot pagination */
.ev-slider-dots {
    display: flex; align-items: center; justify-content: center;
    gap: 8px; margin-top: 36px;
}
.ev-slider-dot {
    width: 28px; height: 2px;
    background: var(--ev-border-soft);
    border: 0; cursor: pointer;
    transition: background .25s, width .25s;
    padding: 0;
}
.ev-slider-dot.is-active { background: var(--ev-gold-light); width: 44px; }

/* Products CTA */
.ev-products__cta { text-align: center; margin-top: 48px; }

/* Legacy grid fallback (catalog page still uses .ev-products__grid) */
.ev-products__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

/* ============================================================
   8. Technology section (page, not homepage)
   ============================================================ */
.ev-tech__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 72px;
    align-items: center;
}
.ev-tech__media { position: relative; }
.ev-tech__media img.ev-tech__photo {
    width: 100%; height: 520px;
    object-fit: cover;
    object-position: center;
    display: block;
}
.ev-tech__layers { display: none; }
.ev-tech__body .ev-section-lead { margin-bottom: 8px; }
.ev-tech__desc { color: var(--ev-text-muted); font-size: 15px; line-height: 1.7; margin-bottom: 6px; }
.ev-tech__list { list-style: none; margin: 24px 0 0; padding: 0; }
.ev-tech__list li {
    position: relative;
    padding: 13px 0 13px 38px;
    border-bottom: 1px solid var(--ev-border-soft);
    color: var(--ev-text);
    font-size: 14.5px;
}
.ev-tech__list li:last-child { border-bottom: 0; }
.ev-tech__list li svg {
    position: absolute; left: 0; top: 13px;
    width: 22px; height: 22px; color: var(--ev-gold-light);
}

/* ============================================================
   8b. Automotive & Studio Gallery
   ============================================================ */
.ev-gallery { background: var(--ev-bg); }
.ev-gallery .ev-section__head { margin-bottom: 48px; }
.ev-gallery__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 260px;
    gap: 10px;
}
.ev-gallery__item {
    position: relative;
    overflow: hidden;
    margin: 0;
    background: var(--ev-card) center/cover no-repeat;
    cursor: default;
    border: 1px solid var(--ev-border-soft);
}
/* Layout variations */
.ev-gallery__item.is-tall  { grid-row: span 2; }
.ev-gallery__item.is-wide  { grid-column: span 2; }
.ev-gallery__item.is-square { /* default — 1×1 */ }

/* Placeholder gradient when no image is set */
.ev-gallery__item:not([style*="background-image"]) {
    background: linear-gradient(135deg, var(--ev-card) 0%, #1c1e20 100%);
}
.ev-gallery__item-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, transparent 50%, rgba(5,6,7,0.75) 100%);
    transition: opacity .3s;
}
.ev-gallery__item:hover { overflow: hidden; }
.ev-gallery__item:hover .ev-gallery__item-overlay { opacity: .7; }
.ev-gallery__caption {
    position: absolute;
    bottom: 16px; left: 18px; right: 18px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.75);
    margin: 0;
    transform: translateY(4px);
    transition: transform .3s, color .3s;
}
.ev-gallery__item:hover .ev-gallery__caption { transform: translateY(0); color: var(--ev-gold-light); }

/* ============================================================
   9. Warranty — bronze / leather certificate
   ============================================================ */
.ev-warranty {
    background: linear-gradient(160deg, #0e0b08 0%, #13100c 40%, #0e0b08 100%);
    border-top: 1px solid rgba(122,82,48,0.35);
    border-bottom: 1px solid rgba(122,82,48,0.35);
}
.ev-warranty__certificate {
    position: relative;
    padding: 60px 64px;
    background: linear-gradient(135deg, rgba(90,58,30,0.18) 0%, rgba(60,40,20,0.10) 50%, rgba(90,58,30,0.18) 100%);
    border: 1px solid rgba(154,107,66,0.40);
}
/* Inner frame */
.ev-cert__inner-frame {
    position: absolute; inset: 10px;
    border: 1px solid rgba(154,107,66,0.18);
    pointer-events: none; display: block;
}
/* Corner ornaments */
.ev-cert__corner {
    position: absolute; width: 22px; height: 22px; display: block;
    border-color: var(--ev-bronze-light); border-style: solid;
}
.ev-cert__corner--tl { top: 6px; left: 6px; border-width: 2px 0 0 2px; }
.ev-cert__corner--tr { top: 6px; right: 6px; border-width: 2px 2px 0 0; }
.ev-cert__corner--bl { bottom: 6px; left: 6px; border-width: 0 0 2px 2px; }
.ev-cert__corner--br { bottom: 6px; right: 6px; border-width: 0 2px 2px 0; }

.ev-warranty__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: start;
}
.ev-warranty__lead .ev-eyebrow { color: var(--ev-bronze-light); }
.ev-warranty__lead .ev-eyebrow::before { background: var(--ev-bronze-light); }
.ev-warranty__title {
    font-family: var(--ev-serif);
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 700;
    letter-spacing: 4px;
    color: var(--ev-gold-light);
    margin: 0 0 10px;
}
.ev-warranty__subtitle {
    font-family: var(--ev-serif);
    font-size: 18px;
    font-style: italic;
    color: var(--ev-text-muted);
    margin: 0 0 18px;
}
.ev-warranty__desc {
    font-size: 14px;
    color: var(--ev-text-muted);
    line-height: 1.75;
    margin: 0;
}
.ev-warranty__emblem {
    position: absolute; right: 56px; top: 50%;
    transform: translateY(-50%);
    opacity: .12; pointer-events: none;
}
.ev-warranty__emblem img { width: 180px; height: auto; }
.ev-warranty__form-wrap { padding-top: 4px; }
.ev-warranty__lead h2 { font-size: clamp(26px, 2.8vw, 38px); }
.ev-warranty__form {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 14px;
    align-items: flex-end;
    margin-top: 26px;
}
.ev-field { display: flex; flex-direction: column; gap: 8px; }
.ev-field label {
    font-size: 11.5px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: var(--ev-text-muted);
}
.ev-field input {
    background: rgba(0,0,0,0.35);
    border: 1px solid var(--ev-border-soft);
    border-bottom: 1px solid rgba(212,175,55,0.35);
    color: var(--ev-text);
    font-family: var(--ev-sans);
    font-size: 15px;
    padding: 14px 16px;
    transition: border-color .25s var(--ev-ease);
    width: 100%;
}
.ev-field input:focus { outline: none; border-color: var(--ev-gold); }
.ev-field input::placeholder { color: rgba(167,167,163,0.5); }
.ev-warranty__form .ev-btn { white-space: nowrap; height: 50px; }
.ev-warranty__kvkk {
    margin-top: 18px;
    font-size: 12px;
    color: var(--ev-text-muted);
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.ev-warranty__kvkk svg { flex: none; margin-top: 1px; color: var(--ev-gold); width: 14px; height: 14px; }
.ev-warranty__emblem {
    width: 180px; flex: none;
    display: flex; align-items: center; justify-content: center;
}
.ev-warranty__emblem img { width: 200px; height: auto; }

/* Fallback notice when the warranty plugin/shortcode is absent */
.ev-warranty__fallback-note {
    margin-top: 12px;
    font-size: 12px;
    color: var(--ev-text-muted);
    border-left: 2px solid var(--ev-border);
    padding-left: 12px;
}

/* ============================================================
   10. Studio Locations
   ============================================================ */
.ev-locations { }
.ev-locations .ev-section__head { margin-bottom: 48px; }
.ev-locations .ev-section-lead { max-width: 560px; margin: 14px auto 0; }
.ev-locations__studios {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 48px;
}
.ev-studio-card {
    background: var(--ev-card);
    border: 1px solid var(--ev-border-soft);
    padding: 36px 28px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    transition: border-color .3s, box-shadow .3s;
    position: relative;
    overflow: hidden;
}
.ev-studio-card::before {
    content: "";
    position: absolute; top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg, transparent, var(--ev-gold-light), transparent);
    opacity: 0; transition: opacity .3s;
}
.ev-studio-card:hover { border-color: rgba(212,175,55,0.4); }
.ev-studio-card:hover::before { opacity: 1; }
.ev-studio-card__pin {
    width: 40px; height: 40px;
    background: rgba(212,175,55,0.08);
    border: 1px solid rgba(212,175,55,0.22);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: var(--ev-gold-light);
}
.ev-studio-card__pin svg { width: 18px; height: 18px; }
.ev-studio-card__city {
    font-family: var(--ev-serif);
    font-size: 24px;
    font-weight: 600;
    color: var(--ev-text);
    margin: 0;
}
.ev-studio-card__detail {
    font-size: 12px;
    color: var(--ev-text-muted);
    letter-spacing: .5px;
    margin: 0;
}
/* ── Card count variants — 1 or 2 active studios ─────────── */
.ev-locations__studios.has-1 {
    grid-template-columns: 1fr;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
}
.ev-locations__studios.has-2 {
    grid-template-columns: repeat(2, 1fr);
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}
/* has-3 inherits the default repeat(3,1fr) */

/* Linked card — preserve flex layout, no underline */
a.ev-studio-card {
    text-decoration: none;
    color: inherit;
    display: flex;
}

/* Studio name — gold accent line */
.ev-studio-card__name {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--ev-gold-light);
    margin: 0;
}

/* Address — small muted text */
.ev-studio-card__address {
    font-size: 11px;
    color: var(--ev-text-muted);
    margin: 0;
    line-height: 1.55;
}

.ev-locations__cta { text-align: center; }

/* ============================================================
   11. Footer — compact 3-column
   ============================================================ */
.ev-footer {
    background: #040506;
    border-top: 1px solid rgba(212,175,55,0.12);
    padding: 56px 0 0;
}
.ev-footer__grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr;
    gap: 48px;
    padding-bottom: 44px;
}
.ev-footer__logo { flex: none; display: inline-flex; }
.ev-footer__logo img,
.ev-footer__logo svg { height: 64px; width: auto; }
.ev-footer__tagline { color: var(--ev-text-muted); font-size: 13.5px; max-width: 280px; margin-top: 16px; line-height: 1.65; }
.ev-footer__brand img { height: 80px; width: auto; margin-bottom: 18px; }
.ev-footer__brand p { color: var(--ev-text-muted); font-size: 14px; max-width: 300px; }
.ev-footer__socials { display: flex; gap: 14px; margin-top: 22px; }
.ev-footer__socials a {
    width: 38px; height: 38px;
    border: 1px solid var(--ev-border-soft);
    display: inline-flex; align-items: center; justify-content: center;
    transition: all .25s var(--ev-ease);
}
.ev-footer__socials a svg { width: 16px; height: 16px; color: var(--ev-text-muted); }
.ev-footer__socials a:hover { border-color: var(--ev-gold); }
.ev-footer__socials a:hover svg { color: var(--ev-gold-light); }
.ev-footer__col h4 {
    font-family: var(--ev-sans);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--ev-gold);
    margin-bottom: 22px;
}
.ev-footer__col ul { list-style: none; margin: 0; padding: 0; }
.ev-footer__col ul li { margin-bottom: 12px; }
.ev-footer__col ul li a,
.ev-footer__contact li { color: var(--ev-text-muted); font-size: 14px; }
.ev-footer__col ul li a:hover { color: var(--ev-gold-light); }
.ev-footer__contact { list-style: none; margin: 0; padding: 0; }
.ev-footer__contact li { display: flex; gap: 12px; margin-bottom: 16px; line-height: 1.5; }
.ev-footer__contact li svg { width: 17px; height: 17px; color: var(--ev-gold); flex: none; margin-top: 2px; }
.ev-footer__contact a:hover { color: var(--ev-gold-light); }

.ev-footer__bottom {
    border-top: 1px solid var(--ev-border-soft);
    padding: 22px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-size: 12.5px;
    color: var(--ev-text-muted);
}
.ev-footer__legal { display: flex; gap: 18px; }
.ev-footer__legal a:hover { color: var(--ev-gold-light); }

/* ============================================================
   11b. Search overlay
   ============================================================ */
.ev-search-overlay {
    position: fixed; inset: 0; z-index: 500;
    background: rgba(5,6,7,0.96);
    display: flex; align-items: center; justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .28s var(--ev-ease), visibility .28s;
}
.ev-search-overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.ev-search-overlay__inner {
    position: relative;
    width: 100%; max-width: 700px;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
}
.ev-search-overlay__form {
    display: flex;
    align-items: center;
    gap: 0;
    border-bottom: 1px solid rgba(212,175,55,0.5);
}
.ev-search-overlay__form input[type="search"] {
    flex: 1;
    background: transparent;
    border: 0;
    outline: none;
    color: var(--ev-text);
    font-family: var(--ev-serif);
    font-size: clamp(24px, 4vw, 36px);
    padding: 16px 0;
    -webkit-appearance: none;
    appearance: none;
}
.ev-search-overlay__form input[type="search"]::placeholder { color: rgba(242,239,233,0.28); }
.ev-search-overlay__form button[type="submit"] {
    background: transparent;
    border: 0;
    outline: none;
    color: var(--ev-gold-light);
    cursor: pointer;
    padding: 0 4px 0 12px;
    display: inline-flex;
    align-items: center;
    line-height: 0;
    transition: color .2s;
}
.ev-search-overlay__form button[type="submit"]:hover { color: var(--ev-text); }
.ev-search-overlay__form button[type="submit"] svg { width: 20px; height: 20px; }
.ev-search-overlay__close {
    position: absolute;
    top: -64px; right: 40px;
    background: transparent;
    border: 0;
    outline: none;
    color: rgba(242,239,233,0.5);
    cursor: pointer;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    line-height: 0;
    transition: color .2s;
}
.ev-search-overlay__close:hover { color: var(--ev-text); }
.ev-search-overlay__close svg { width: 22px; height: 22px; }

/* ============================================================
   12. Mobile menu panel
   ============================================================ */
.ev-mobile-panel {
    position: fixed;
    top: 0; right: 0; bottom: 0;
    width: min(360px, 88vw);
    background: var(--ev-bg-2);
    border-left: 1px solid var(--ev-border-soft);
    z-index: 300;
    transform: translateX(100%);
    transition: transform .35s var(--ev-ease);
    overflow-y: auto;
    padding: 26px 24px 40px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
body.ev-menu-open .ev-mobile-panel { transform: translateX(0); }
.ev-mobile-overlay {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.6);
    opacity: 0; visibility: hidden;
    transition: opacity .3s var(--ev-ease), visibility .3s;
    z-index: 250;
}
body.ev-menu-open .ev-mobile-overlay { opacity: 1; visibility: visible; }
.ev-mobile-panel__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.ev-mobile-panel__logo { display: inline-flex; align-items: center; }
.ev-mobile-panel__logo img { height: 46px; width: auto; max-width: 165px; object-fit: contain; display: block; }
.ev-mobile-close {
    background: transparent; border: 0; outline: none;
    color: rgba(242,239,233,0.6);
    cursor: pointer; padding: 6px;
    display: inline-flex; align-items: center;
    transition: color .2s;
}
.ev-mobile-close:hover { color: var(--ev-text); }
.ev-mobile-close svg { width: 22px; height: 22px; display: block; pointer-events: none; }
/* Mobile language row */
.ev-mobile-lang { display: flex; align-items: center; gap: 16px; padding: 20px 0 0; margin-top: auto; border-top: 1px solid var(--ev-border-soft); }
.ev-mobile-lang__item { font-family: var(--ev-sans); font-size: 11px; font-weight: 700; letter-spacing: 1px; color: rgba(242,239,233,0.5); text-decoration: none; transition: color .2s; }
.ev-mobile-lang__item:hover, .ev-mobile-lang__item.is-active { color: var(--ev-gold-light); }
.ev-mobile-menu { list-style: none; margin: 0; padding: 0; }
.ev-mobile-menu li { border-bottom: 1px solid var(--ev-border-soft); }
.ev-mobile-menu > li > a,
.ev-mobile-menu .ev-mobile-submenu-toggle {
    display: flex; align-items: center; justify-content: space-between;
    padding: 15px 4px; font-size: 15px; color: var(--ev-text); width: 100%;
    background: transparent; border: 0; font-family: var(--ev-sans); cursor: pointer;
}
.ev-mobile-menu .sub-menu {
    list-style: none; margin: 0; padding: 0 0 8px 12px;
    max-height: 0; overflow: hidden; transition: max-height .3s var(--ev-ease);
}
.ev-mobile-menu li.is-open > .sub-menu { max-height: 320px; }
.ev-mobile-menu .sub-menu a { display: block; padding: 10px 4px; font-size: 14px; color: var(--ev-text-muted); }
.ev-mobile-menu .ev-mobile-submenu-toggle svg { width: 13px; height: 13px; transition: transform .3s var(--ev-ease); }
.ev-mobile-menu li.is-open > .ev-mobile-submenu-toggle svg { transform: rotate(180deg); }
.ev-mobile-cta { margin-top: 22px; }
.ev-mobile-cta .ev-btn { width: 100%; justify-content: center; }
.ev-mobile-lang { margin-top: 26px; border-top: 1px solid var(--ev-border-soft); padding-top: 20px; }
.ev-mobile-lang h5 { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--ev-gold); margin: 0 0 14px; font-family: var(--ev-sans); }
.ev-mobile-lang ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.ev-mobile-lang a {
    display: inline-flex; gap: 8px; align-items: baseline;
    padding: 9px 14px; border: 1px solid var(--ev-border-soft); font-size: 13px; color: var(--ev-text-muted);
}
.ev-mobile-lang li.is-active a { border-color: var(--ev-gold); color: var(--ev-gold-light); }
.ev-mobile-lang a .ev-lang__code { color: var(--ev-gold); font-weight: 600; }

/* ============================================================
   13. Generic page / post content
   ============================================================ */
.ev-page { padding: 70px 0 100px; }
.ev-page__header { margin-bottom: 40px; }
.ev-page__title { font-size: clamp(30px, 4vw, 52px); }
.ev-entry-content { max-width: 820px; color: var(--ev-text); }
.ev-entry-content a { color: var(--ev-gold-light); text-decoration: underline; }
.ev-entry-content img { margin: 24px 0; }
.ev-entry-content h2, .ev-entry-content h3 { margin-top: 1.6em; }
.screen-reader-text {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px);
    width: 1px; height: 1px; overflow: hidden;
}
.skip-link {
    position: absolute; left: -9999px; top: 0; z-index: 400;
    background: var(--ev-gold); color: #000; padding: 10px 16px;
}
.skip-link:focus { left: 10px; top: 10px; }

/* ============================================================
   14. Responsive
   ============================================================ */
@media (max-width: 1280px) {
    .ev-nav__left  { gap: 28px; }
    .ev-nav__right { gap: 14px; }
    .ev-nav__right .ev-nav__right-nav { margin-right: auto; }
    .ev-nav__menu { gap: 24px; }
    .ev-nav__center-logo { padding: 0 clamp(36px, 3.8vw, 60px); }
    .ev-gallery__grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 300px; }
}

@media (max-width: 1200px) {
    :root { --ev-gutter: 30px; }
    .ev-footer__grid { grid-template-columns: 1fr 1fr; row-gap: 40px; }
    .ev-footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 1100px) {
    .ev-warranty__form { grid-template-columns: 1fr 1fr; }
    .ev-warranty__form .ev-btn { grid-column: 1 / -1; }
    .ev-warranty__body { grid-template-columns: 1fr; gap: 36px; }
    .ev-warranty__emblem { display: none; }
}

@media (max-width: 1199px) {
    /* Split nav collapses to logo + burger at 1199px and below */
    .ev-nav__left-nav,
    .ev-nav__right-nav,
    .ev-nav__center-logo,
    .ev-lang-pick { display: none; }
    .ev-burger { display: flex; }
    .ev-nav__inner { grid-template-columns: 1fr auto; }
    .ev-nav__right { gap: 12px; }
    .ev-nav { height: 68px; }
    :root { --ev-nav-h: 68px; }
    .ev-hero { min-height: 560px; }
    .ev-hero__inner { padding: 80px 0 64px; }
    .ev-hero__inner::before { height: 400px; }
    .ev-tech__grid { grid-template-columns: 1fr; gap: 40px; }
    .ev-tech__media img.ev-tech__photo { height: 380px; }
    .ev-warranty__certificate { padding: 40px 36px; }
    /* diff → 2-column tablet layout */
    .ev-diff__title { font-size: clamp(28px, 4vw, 44px); }
    .ev-diff__head  { min-height: 110px; padding: 28px 24px; }
    .ev-diff__media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ev-diff__card  { min-height: 290px; }
    .ev-diff__card:nth-child(2n) { border-right: 0; }
    .ev-diff__card:nth-child(n+3) { border-top: 1px solid rgba(198,154,66,0.28); }
    .ev-diff__card:nth-child(3)   { border-right: 1px solid rgba(198,154,66,0.28); }
    /* rail → 2-column, aligned with 2-column media grid above */
    .ev-diff__rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ev-diff__rail > :nth-child(2) { border-right: 0; }
    .ev-diff__rail > :nth-child(3) { border-top: 1px solid rgba(198,154,66,0.12); border-right: 1px solid rgba(198,154,66,0.20); }
    .ev-diff__rail > :nth-child(4) { border-top: 1px solid rgba(198,154,66,0.12); border-right: 0; }
    .ev-pslide { flex: 0 0 calc(50% - 16px); }
    .ev-locations__studios { grid-template-columns: 1fr 1fr; }
    .ev-catalog__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 1024px) {
    .ev-hero__title { font-size: clamp(46px, 7vw, 64px); }
}

@media (max-width: 768px) {
    .ev-section { padding: 64px 0; }
    .ev-hero { min-height: 500px; }
    .ev-hero__inner {
        width: calc(100% - 32px);
        padding: 72px 0 56px;
    }
    .ev-hero__inner::before { height: 340px; }
    .ev-hero__title {
        font-size: clamp(38px, 11vw, 54px);
        line-height: 1;
    }
    .ev-hero__desc {
        font-size: 15px;
        max-width: 520px;
    }
    .ev-btn--hero { width: min(100%, 360px); min-width: unset; }
    .ev-products__grid { grid-template-columns: 1fr; }
    .ev-footer__grid { grid-template-columns: 1fr; gap: 36px; }
    .ev-footer__bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
    /* diff → single column mobile */
    .ev-diff__title { font-size: clamp(28px, 8vw, 36px); }
    .ev-diff__head  { min-height: 90px; padding: 22px 20px; }
    .ev-diff__media-grid { grid-template-columns: 1fr; }
    .ev-diff__card {
        min-height: 260px;
        border-right: 0;
        border-bottom: 1px solid rgba(198,154,66,0.22);
    }
    .ev-diff__card:nth-child(2n) { border-right: 0; }
    .ev-diff__card:nth-child(n+3) { border-top: 0; }
    .ev-diff__card:nth-child(3)   { border-right: 0; }
    .ev-diff__card:last-child     { border-bottom: 0; }
    /* rail mobile → warranty-only compact band */
    .ev-diff__rail { grid-template-columns: 1fr; }
    .ev-diff__rail-cell { display: none; }
    .ev-diff__rail-scratch { display: none; }
    .ev-diff__rail-diagram { display: none; }
    .ev-diff__rail-primary {
        grid-template-columns: 1fr;
        justify-items: center;
        border-right: 0;
        padding: 16px 24px;
        min-height: 80px;
    }
    .ev-diff__rail-warranty { border-left: 0; border-right: 0; padding: 0; }
    .ev-gallery__grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 200px; }
    .ev-gallery__item.is-tall { grid-row: span 1; }
    .ev-gallery__item.is-wide { grid-column: span 2; }
    .ev-warranty__form { grid-template-columns: 1fr; }
    .ev-warranty__certificate { padding: 32px 24px; }
    .ev-locations__studios { grid-template-columns: 1fr; }
    .ev-catalog__grid { grid-template-columns: 1fr; }
}


@media (max-width: 480px) {
    :root { --ev-gutter: 20px; }
    .ev-diff__card  { min-height: 240px; }
    .ev-diff__warranty-years { font-size: 20px; }
    .ev-diff__rail-label { font-size: 9px; }
    .ev-footer__grid { grid-template-columns: 1fr; }
    .ev-hero__actions .ev-btn { width: min(100%, 360px); min-width: unset; }
    .ev-pslide { flex: 0 0 calc(100% - 16px); }
    .ev-gallery__grid { grid-template-columns: 1fr; grid-auto-rows: 220px; }
    .ev-gallery__item.is-tall,
    .ev-gallery__item.is-wide { grid-column: span 1; grid-row: span 1; }
    .ev-warranty__certificate { padding: 28px 20px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    * { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

/* ============================================================
   Product Catalog (archive-evora_product.php)
   ============================================================ */
.ev-catalog__hero {
    background: var(--ev-bg-2);
    border-bottom: 1px solid var(--ev-border-soft);
    padding: 72px 0 64px;
    text-align: center;
}
.ev-catalog__title {
    font-family: var(--ev-serif);
    font-size: clamp(34px, 5vw, 56px);
    font-weight: 600;
    color: var(--ev-text);
    margin: 14px 0 18px;
}
.ev-catalog__lead {
    color: var(--ev-text-muted);
    font-size: 16px;
    max-width: 560px;
    margin: 0 auto;
    line-height: 1.7;
}
.ev-catalog__body { padding: 64px 0 100px; }

/* Filter tabs */
.ev-catalog__filter {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 48px;
}
.ev-filter-btn {
    font-family: var(--ev-sans);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: var(--ev-text-muted);
    background: transparent;
    border: 1px solid var(--ev-border-soft);
    border-radius: 4px;
    padding: 8px 18px;
    cursor: pointer;
    transition: color .2s, border-color .2s, background .2s;
}
.ev-filter-btn:hover { color: var(--ev-gold-light); border-color: rgba(212,175,55,0.5); }
.ev-filter-btn.is-active {
    color: var(--ev-gold-light);
    border-color: var(--ev-gold);
    background: rgba(212,175,55,0.08);
}

/* Product grid */
.ev-catalog__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.ev-catalog__empty {
    grid-column: 1/-1;
    text-align: center;
    color: var(--ev-text-muted);
    padding: 60px 0;
}

/* Product card */
.ev-pcard {
    background: var(--ev-card);
    border: 1px solid var(--ev-border-soft);
    border-radius: 4px;
    padding: 32px 28px 28px;
    display: flex;
    flex-direction: column;
    gap: 0;
    transition: border-color .25s, box-shadow .25s;
    position: relative;
}
.ev-pcard::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 4px;
    background: linear-gradient(135deg, rgba(212,175,55,0.06), transparent 60%);
    pointer-events: none;
}
.ev-pcard:hover {
    border-color: rgba(212,175,55,0.45);
    box-shadow: 0 8px 32px rgba(0,0,0,0.35);
}

/* Card header: name + warranty badge */
.ev-pcard__head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.ev-pcard__name {
    font-family: var(--ev-sans);
    font-size: 18px;
    font-weight: 700;
    color: var(--ev-text);
    margin: 0;
    flex: 1;
    min-width: 0;
    line-height: 1.25;
}
.ev-pcard__badge {
    display: inline-flex;
    align-items: center;
    font-family: var(--ev-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: var(--ev-gold-light);
    border: 1px solid rgba(212,175,55,0.60);
    border-radius: 3px;
    padding: 4px 9px;
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 2px;
    background: rgba(212,175,55,0.06);
}
.ev-pcard__badge--lg {
    font-size: 12px;
    padding: 6px 14px;
}

/* Meta row: thickness + surface */
.ev-pcard__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--ev-border-soft);
}
.ev-pcard__meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: var(--ev-text-muted);
}
.ev-pcard__meta-item svg { color: var(--ev-gold); opacity: .8; flex-shrink: 0; }

/* Feature list */
.ev-pcard__features {
    list-style: none;
    margin: 0 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ev-pcard__features li {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 13.5px;
    color: var(--ev-text-muted);
    line-height: 1.4;
}
.ev-pcard__check { color: var(--ev-gold-light); flex-shrink: 0; }

/* CTA */
.ev-pcard__cta {
    margin-top: 28px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11.5px;
    letter-spacing: 1px;
    align-self: flex-start;
}

/* ── Single product page ─────────────────────────────────────── */
.ev-single-product__hero {
    background: var(--ev-bg-2);
    border-bottom: 1px solid var(--ev-border-soft);
    padding: 60px 0 52px;
}
.ev-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: var(--ev-text-muted);
    text-decoration: none;
    margin-bottom: 28px;
    transition: color .2s;
}
.ev-back-link:hover { color: var(--ev-gold-light); }
.ev-back-link .is-back { transform: rotate(180deg); display: block; }
.ev-single-product__head {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}
.ev-single-product__head h1 {
    font-family: var(--ev-serif);
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 600;
    color: var(--ev-text);
    margin: 0;
}

.ev-single-product__body {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 64px;
    padding: 72px 0 100px;
    align-items: start;
}
.ev-single-product__meta {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 40px;
    border: 1px solid var(--ev-border-soft);
    border-radius: 4px;
    overflow: hidden;
}
.ev-meta-row {
    display: flex;
    align-items: center;
    padding: 16px 22px;
    gap: 16px;
}
.ev-meta-row + .ev-meta-row { border-top: 1px solid var(--ev-border-soft); }
.ev-meta-label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .8px;
    text-transform: uppercase;
    color: var(--ev-text-muted);
    width: 120px;
    flex-shrink: 0;
}
.ev-meta-value { font-size: 14.5px; color: var(--ev-text); font-weight: 500; }

.ev-single-product__features { margin-top: 0; }
.ev-single-product__features-title {
    font-family: var(--ev-sans);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--ev-gold-light);
    margin-bottom: 20px;
}
.ev-single-product__features ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.ev-single-product__features li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    color: var(--ev-text-muted);
}
.ev-single-product__features .ev-pcard__check { color: var(--ev-gold-light); }

.ev-single-product__emblem {
    position: sticky;
    top: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    background: rgba(212,175,55,0.04);
    border: 1px solid var(--ev-border-soft);
    border-radius: 4px;
}
.ev-single-product__emblem img { width: 100%; max-width: 260px; height: auto; }

.ev-single-product__content { margin-top: 40px; }
.ev-single-product__content p { color: var(--ev-text-muted); line-height: 1.8; }

/* Catalog responsive */
@media (max-width: 1024px) {
    .ev-catalog__grid { grid-template-columns: 1fr 1fr; }
    .ev-single-product__body { grid-template-columns: 1fr; gap: 40px; }
    .ev-single-product__emblem { position: static; order: -1; max-width: 200px; margin: 0 auto; }
}
@media (max-width: 600px) {
    .ev-catalog__grid { grid-template-columns: 1fr; }
    .ev-catalog__filter { gap: 8px; }
    .ev-filter-btn { padding: 7px 14px; font-size: 11px; }
}

/* ============================================================
   §12 · About Us — Hakkımızda (page-templates/page-about.php)
   ============================================================ */

/* ── §12.1 HERO ──────────────────────────────────────────── */
.ev-about__hero {
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
    background-color: #070808;
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    overflow: hidden;
}
/* Gradient: dark left → fading right for car visibility */
.ev-about__hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        95deg,
        rgba(6,8,8,0.95)  0%,
        rgba(6,8,8,0.82)  38%,
        rgba(6,8,8,0.50)  62%,
        rgba(6,8,8,0.14)  82%,
        rgba(6,8,8,0.04) 100%
    );
    pointer-events: none;
    z-index: 1;
}
.ev-about__hero-inner {
    position: relative;
    z-index: 2;
    padding-top: 80px;
    padding-bottom: 80px;
}
.ev-about__hero-content {
    max-width: 600px;
}
.ev-about__hero-eyebrow {
    display: block;
    font-family: var(--ev-sans);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: #C89A42;
    margin-bottom: 22px;
}
.ev-about__hero-title {
    margin: 0 0 24px;
    font-family: var(--ev-serif);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.025em;
}
.ev-about__hero-t1 {
    display: block;
    font-size: clamp(42px, 5.2vw, 72px);
    color: rgba(241,238,231,0.96);
    font-style: normal;
}
.ev-about__hero-t2 {
    display: block;
    font-size: clamp(42px, 5.2vw, 72px);
    color: #C89A42;
    font-style: italic;
}
.ev-about__hero-desc {
    margin: 0 0 28px;
    font-family: var(--ev-sans);
    font-size: clamp(14px, 1.1vw, 16px);
    line-height: 1.75;
    color: rgba(241,238,231,0.62);
    max-width: 520px;
}
.ev-about__hero-rule {
    width: 52px;
    height: 1px;
    background: linear-gradient(90deg, #C89A42, transparent);
}

/* ── §12.2 EDITORIAL NARRATIVE ───────────────────────────── */
.ev-about__editorial {
    background: linear-gradient(180deg, #0c0e0e 0%, #0e1110 100%);
    border-top: 1px solid rgba(200,154,66,0.20);
    border-bottom: 1px solid rgba(200,154,66,0.20);
    padding: 0;
}
.ev-about__ed-grid {
    display: grid;
    grid-template-columns: minmax(300px, 380px) 1px minmax(0, 1fr);
    align-items: start;
    gap: 0;
}
/* Left sidebar */
.ev-about__ed-left {
    position: relative;
    padding: 72px 48px 72px 0;
    background: #0c0e0e;
    overflow: hidden;
}
/* Large ghost number */
.ev-about__ed-num {
    font-family: var(--ev-serif);
    font-size: clamp(80px, 9vw, 120px);
    font-weight: 400;
    line-height: 1;
    color: #C89A42;
    opacity: 0.10;
    margin-bottom: 8px;
    letter-spacing: -0.04em;
    pointer-events: none;
    user-select: none;
}
.ev-about__ed-label {
    display: block;
    font-family: var(--ev-sans);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #C89A42;
    margin-bottom: 18px;
}
.ev-about__ed-title {
    margin: 0 0 32px;
    font-family: var(--ev-serif);
    font-size: clamp(18px, 1.6vw, 24px);
    font-weight: 500;
    line-height: 1.3;
    color: rgba(241,238,231,0.90);
    letter-spacing: -0.01em;
}
.ev-about__ed-quote {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: var(--ev-serif);
    font-size: clamp(14px, 1.1vw, 17px);
    font-style: italic;
    line-height: 1.65;
    color: #C89A42;
}
/* Decorative diagonal PPF lines */
.ev-about__ed-ppf {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: repeating-linear-gradient(
        -52deg,
        rgba(200,154,66,0.055),
        rgba(200,154,66,0.055) 1px,
        transparent 1px,
        transparent 13px
    );
    pointer-events: none;
}
/* Column divider */
.ev-about__ed-divider {
    background: rgba(200,154,66,0.22);
    align-self: stretch;
}
/* Right content */
.ev-about__ed-right {
    padding: 72px 0 80px 60px;
    background: #0e1110;
}
.ev-about__lead {
    margin: 0 0 32px;
    font-family: var(--ev-serif);
    font-size: clamp(18px, 1.6vw, 22px);
    font-weight: 500;
    line-height: 1.65;
    color: rgba(241,238,231,0.90);
    max-width: 740px;
}
.ev-about__body-text {
    max-width: 740px;
}
.ev-about__body-text p {
    margin: 0 0 20px;
    font-family: var(--ev-sans);
    font-size: 15px;
    line-height: 1.80;
    color: rgba(241,238,231,0.62);
}
.ev-about__body-text p:last-child { margin-bottom: 0; }
/* Inline vurgulu alıntı */
.ev-about__inline-quote {
    position: relative;
    margin: 28px 0;
    padding: 20px 24px;
    max-width: 740px;
    border-left: 3px solid #C89A42;
    background: rgba(200,154,66,0.055);
}
.ev-about__iq-line { display: none; }
.ev-about__inline-quote em {
    display: block;
    font-family: var(--ev-serif);
    font-size: clamp(15px, 1.2vw, 18px);
    font-style: italic;
    line-height: 1.6;
    color: rgba(241,238,231,0.85);
}
/* Brand signature footer */
.ev-about__brand-footer {
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid rgba(200,154,66,0.18);
    max-width: 740px;
}
.ev-about__brand-name {
    display: block;
    font-family: var(--ev-sans);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #C89A42;
    margin-bottom: 6px;
}
.ev-about__brand-slogan {
    font-family: var(--ev-serif);
    font-size: 15px;
    font-style: italic;
    color: rgba(170,167,159,0.75);
}

/* ── §12.3 VISION/MISSION HEADING ────────────────────────── */
.ev-about__vm-intro {
    background: #080a0a;
    border-bottom: 1px solid rgba(200,154,66,0.14);
    padding: 72px 0 60px;
    text-align: center;
}
.ev-about__vm-intro-inner { text-align: center; }
.ev-about__vm-intro .ev-eyebrow { margin-bottom: 20px; }
.ev-about__vm-heading {
    margin: 0;
    font-family: var(--ev-serif);
    font-size: clamp(32px, 3.6vw, 48px);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: rgba(241,238,231,0.95);
}

/* ── §12.4 VISION/MISSION PANELS ─────────────────────────── */
.ev-about__vm-panels {
    background: #090b0b;
    border-bottom: 1px solid rgba(200,154,66,0.18);
}
.ev-about__vm-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) 1px minmax(0,1fr);
    gap: 0;
}
.ev-about__vm-panel {
    position: relative;
    padding: 64px 56px 72px;
    overflow: hidden;
}
.ev-about__vm-panel-num {
    font-family: var(--ev-serif);
    font-size: clamp(52px, 5vw, 76px);
    font-weight: 400;
    line-height: 1;
    color: #C89A42;
    opacity: 0.70;
    margin-bottom: 12px;
    letter-spacing: -0.03em;
}
.ev-about__vm-title {
    margin: 0 0 18px;
    font-family: var(--ev-serif);
    font-size: clamp(26px, 2.4vw, 36px);
    font-weight: 500;
    line-height: 1.12;
    color: rgba(241,238,231,0.94);
    letter-spacing: -0.01em;
}
.ev-about__vm-rule {
    width: 44px;
    height: 1px;
    background: #C89A42;
    margin-bottom: 28px;
}
.ev-about__vm-text p {
    margin: 0 0 18px;
    font-family: var(--ev-sans);
    font-size: 15px;
    line-height: 1.78;
    color: rgba(241,238,231,0.60);
    max-width: 520px;
}
.ev-about__vm-text p:last-child { margin-bottom: 0; }
/* Decorative PPF lines in panel */
.ev-about__vm-ppf {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 160px;
    height: 160px;
    background: repeating-linear-gradient(
        -52deg,
        rgba(200,154,66,0.04),
        rgba(200,154,66,0.04) 1px,
        transparent 1px,
        transparent 12px
    );
    pointer-events: none;
}
.ev-about__vm-panel-divider {
    background: rgba(200,154,66,0.20);
    align-self: stretch;
}

/* ── §12.5 VALUES BAND ───────────────────────────────────── */
.ev-about__values {
    background: #0c0e0e;
    border-top: 1px solid rgba(200,154,66,0.18);
    border-bottom: 1px solid rgba(200,154,66,0.18);
}
.ev-about__values-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
}
.ev-about__val-col {
    padding: 52px 48px 52px;
    text-align: center;
}
.ev-about__val-col--bordered {
    border-left: 1px solid rgba(200,154,66,0.20);
}
/* Diamond icon frame */
.ev-about__val-icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(200,154,66,0.38);
    transform: rotate(45deg);
    margin-bottom: 24px;
    color: #C89A42;
}
.ev-about__val-icon-wrap .ev-icon { transform: rotate(-45deg); }
.ev-about__val-title {
    margin: 0 0 10px;
    font-family: var(--ev-serif);
    font-size: clamp(18px, 1.5vw, 22px);
    font-weight: 500;
    color: rgba(241,238,231,0.92);
    letter-spacing: -0.01em;
}
.ev-about__val-desc {
    margin: 0;
    font-family: var(--ev-sans);
    font-size: 14px;
    line-height: 1.70;
    color: rgba(170,167,159,0.80);
    max-width: 260px;
    margin-inline: auto;
}

/* ── §12.6 CINEMATIC CLOSING ─────────────────────────────── */
.ev-about__cinema {
    position: relative;
    min-height: 320px;
    display: flex;
    align-items: center;
    background-color: #060606;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.ev-about__cinema-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(6,6,6,0.62) 0%,
        rgba(6,6,6,0.78) 55%,
        rgba(6,6,6,0.90) 100%
    );
    pointer-events: none;
    z-index: 1;
}
.ev-about__cinema-inner {
    position: relative;
    z-index: 2;
    text-align: center;
    padding-top: 72px;
    padding-bottom: 72px;
}
.ev-about__cinema-title {
    margin: 0 0 36px;
    font-family: var(--ev-serif);
    font-weight: 400;
    line-height: 1.15;
}
.ev-about__cinema-t1 {
    display: block;
    font-size: clamp(26px, 3.2vw, 44px);
    color: rgba(241,238,231,0.96);
    font-style: normal;
    letter-spacing: -0.02em;
}
.ev-about__cinema-t2 {
    display: block;
    font-size: clamp(26px, 3.2vw, 44px);
    color: #C89A42;
    font-style: italic;
    letter-spacing: -0.02em;
}
.ev-about__cinema-cta { margin-inline: auto; }

/* ── §12.7 RESPONSIVE ────────────────────────────────────── */

/* Tablet ≤1199px */
@media (max-width: 1199px) {
    .ev-about__ed-grid {
        grid-template-columns: minmax(280px, 340px) 1px minmax(0, 1fr);
    }
    .ev-about__ed-left { padding: 64px 40px 64px 0; }
    .ev-about__ed-right { padding: 64px 0 72px 44px; }
    .ev-about__vm-panel { padding: 52px 40px 60px; }
    .ev-about__val-col { padding: 44px 36px; }
}

/* Tablet ≤1023px: hero shorter, VM still 2 cols but tighter */
@media (max-width: 1023px) {
    .ev-about__hero { min-height: 520px; }
    .ev-about__hero-t1,
    .ev-about__hero-t2 { font-size: clamp(36px, 5.5vw, 54px); }
    .ev-about__vm-panel { padding: 44px 32px 52px; }
    .ev-about__val-col { padding: 40px 28px; }
    .ev-about__val-icon-wrap { width: 46px; height: 46px; }
}

/* Tablet ≤767px: editorial collapses, VM 2-col, values 1-col */
@media (max-width: 767px) {
    .ev-about__hero { min-height: 480px; background-position: center; }
    .ev-about__hero-overlay {
        background: linear-gradient(
            180deg,
            rgba(6,8,8,0.55) 0%,
            rgba(6,8,8,0.88) 65%,
            rgba(6,8,8,0.96) 100%
        );
    }
    .ev-about__hero-inner { padding-top: 60px; padding-bottom: 60px; }
    .ev-about__hero-t1,
    .ev-about__hero-t2 { font-size: clamp(36px, 9vw, 48px); }
    .ev-about__hero-desc { font-size: 14px; }

    /* Editorial: stack left above right */
    .ev-about__ed-grid {
        grid-template-columns: 1fr;
    }
    .ev-about__ed-divider { display: none; }
    .ev-about__ed-left {
        padding: 52px var(--ev-gutter) 44px;
        background: #0c0e0e;
        border-bottom: 1px solid rgba(200,154,66,0.18);
    }
    .ev-about__ed-num { font-size: 72px; }
    .ev-about__ed-right {
        padding: 44px var(--ev-gutter) 64px;
    }

    /* VM: 2 columns OK until phone */
    .ev-about__vm-panel { padding: 40px 28px 48px; }
    .ev-about__vm-panel-num { font-size: 48px; }

    /* Values 1-column */
    .ev-about__values-grid { grid-template-columns: 1fr; }
    .ev-about__val-col--bordered { border-left: 0; border-top: 1px solid rgba(200,154,66,0.18); }
    .ev-about__val-col { padding: 36px 32px; }
}

/* Phone ≤480px: VM single column */
@media (max-width: 479px) {
    .ev-about__hero { min-height: 440px; }
    .ev-about__hero-t1,
    .ev-about__hero-t2 { font-size: clamp(32px, 10vw, 44px); }
    .ev-about__hero-inner { padding-top: 48px; padding-bottom: 48px; }
    .ev-about__hero-content { max-width: 100%; }

    .ev-about__vm-grid {
        grid-template-columns: 1fr;
    }
    .ev-about__vm-panel-divider { display: none; }
    .ev-about__vm-panel { padding: 36px 24px 44px; border-bottom: 1px solid rgba(200,154,66,0.18); }
    .ev-about__vm-panel:last-child { border-bottom: 0; }

    .ev-about__vm-heading { font-size: 28px; }
    .ev-about__cinema-t1,
    .ev-about__cinema-t2 { font-size: clamp(22px, 8vw, 32px); }
    .ev-about__cinema-inner { padding-top: 56px; padding-bottom: 56px; }
    .ev-about__cinema { min-height: 260px; }
    .ev-about__ed-num { font-size: 60px; }
}

/* =============================================================
   §10 · PRODUCT SERIES — 4-card grid (homepage)
   ============================================================= */
.ev-series {
    background: radial-gradient(circle at 50% 0%, rgba(198,154,66,0.04), transparent 55%), #080a0a;
    border-top: 1px solid rgba(198,154,66,0.18);
    border-bottom: 1px solid rgba(198,154,66,0.18);
    padding: 80px 0 88px;
}

/* ── Section heading — shares ev-diff__title style ──────────── */
.ev-series__heading-wrap {
    margin-bottom: clamp(48px, 5.5vw, 68px);
    text-align: center;
}

/* ── 4-column grid ───────────────────────────────────────────── */
.ev-series__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 20px;
}

/* ── Card ────────────────────────────────────────────────────── */
.ev-series__card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 540px;
    border-radius: 2px;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
    background: #0a0c0e;
    border: 1px solid rgba(198,154,66,0.18);
    transition: border-color 360ms ease, box-shadow 360ms ease;
}
.ev-series__card:hover {
    border-color: rgba(198,154,66,0.52);
    box-shadow: 0 14px 56px rgba(0,0,0,0.62);
}

/* Background image — fills card, object-fit via background-size */
.ev-series__card-img {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 720ms ease;
}
.ev-series__card:hover .ev-series__card-img { transform: scale(1.030); }

/* Overlay — transparent at top, opaque at bottom only */
.ev-series__card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
        rgba(0,0,0,0.00) 0%,
        rgba(0,0,0,0.06) 38%,
        rgba(0,0,0,0.62) 62%,
        rgba(0,0,0,0.91) 100%
    );
    pointer-events: none;
    z-index: 1;
}

/* Card body — above overlay, content at bottom */
.ev-series__card-body {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 26px 22px 28px;
    justify-content: flex-end;
}

/* Product list */
.ev-series__card-products {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.ev-series__card-products li {
    font-family: var(--ev-sans);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: rgba(198,154,66,0.75);
    line-height: 1.4;
}
.ev-series__card-products li::before {
    content: '— ';
    color: rgba(198,154,66,0.35);
}

/* Series name */
.ev-series__card-name {
    margin: 0 0 8px;
    font-family: var(--ev-sans);
    font-size: clamp(14px, 1.35vw, 18px);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    line-height: 1.2;
    color: rgba(247,244,237,0.97);
    /* prevent overflow on narrow cards */
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Description */
.ev-series__card-desc {
    margin: 0 0 18px;
    font-family: var(--ev-sans);
    font-size: 12px;
    line-height: 1.65;
    color: rgba(244,240,232,0.60);
}

/* CTA link */
.ev-series__card-cta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--ev-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(247,244,237,0.72);
    transition: color 240ms ease;
}
.ev-series__card:hover .ev-series__card-cta { color: #c99a42; }
.ev-series__card-cta svg { transition: transform 240ms ease; }
.ev-series__card:hover .ev-series__card-cta svg { transform: translateX(5px); }

/* View All button — centered below grid */
.ev-series__footer {
    margin-top: 48px;
    text-align: center;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 1023px) {
    .ev-series__grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 16px;
    }
    .ev-series__card { min-height: 480px; }
}
@media (max-width: 559px) {
    .ev-series { padding: 60px 0 68px; }
    .ev-series__heading-wrap { margin-bottom: clamp(36px, 6vw, 48px); }
    .ev-series__grid { grid-template-columns: 1fr; gap: 14px; }
    .ev-series__card { min-height: 380px; }
    .ev-series__card-body { padding: 20px 18px 22px; }
}

/* =============================================================
   §11 · PRODUCT CATALOG PAGE — filter + product cards
   ============================================================= */
/* Hero band */
.ev-catalog__hero {
    background: linear-gradient(180deg, #0c0d0d 0%, #0e1010 100%);
    border-bottom: 1px solid rgba(198,154,66,0.16);
    padding: 72px 0 60px;
    text-align: center;
}
.ev-catalog__title {
    margin: 10px 0 14px;
    font-family: var(--ev-serif);
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: rgba(247,244,237,0.96);
}
.ev-catalog__lead {
    margin: 0 auto;
    max-width: 560px;
    font-family: var(--ev-sans);
    font-size: 15px;
    line-height: 1.65;
    color: rgba(244,240,232,0.55);
}
/* Body */
.ev-catalog__body {
    background: #090b0b;
    padding: 52px 0 80px;
}
/* Filter nav */
.ev-catalog__filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 40px;
}
.ev-filter-btn {
    display: inline-block;
    padding: 9px 20px;
    border: 1px solid rgba(198,154,66,0.28);
    border-radius: 2px;
    background: transparent;
    font-family: var(--ev-sans);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(244,240,232,0.60);
    text-decoration: none;
    cursor: pointer;
    transition: border-color 200ms ease, color 200ms ease, background 200ms ease;
}
.ev-filter-btn:hover {
    border-color: rgba(198,154,66,0.55);
    color: rgba(244,240,232,0.88);
}
.ev-filter-btn.is-active {
    border-color: #c99a42;
    background: rgba(198,154,66,0.10);
    color: #c99a42;
}
/* Product grid */
.ev-catalog__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 20px;
}
.ev-catalog__empty {
    grid-column: 1/-1;
    text-align: center;
    font-family: var(--ev-sans);
    font-size: 14px;
    color: rgba(244,240,232,0.40);
    padding: 60px 0;
}
/* Product card */
.ev-pcard {
    display: flex;
    flex-direction: column;
    padding: 28px 26px 26px;
    background: linear-gradient(180deg,rgba(255,255,255,0.025),rgba(255,255,255,0)), #111312;
    border: 1px solid rgba(198,154,66,0.18);
    border-radius: 3px;
    transition: border-color 300ms ease, box-shadow 300ms ease;
}
.ev-pcard:hover {
    border-color: rgba(198,154,66,0.38);
    box-shadow: 0 4px 32px rgba(0,0,0,0.40);
}
.ev-pcard__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 14px;
}
.ev-pcard__name {
    margin: 0;
    font-family: var(--ev-serif);
    font-size: clamp(18px, 1.5vw, 22px);
    font-weight: 500;
    line-height: 1.15;
    color: rgba(247,244,237,0.94);
    letter-spacing: -0.01em;
}
.ev-pcard__badge {
    flex: none;
    padding: 3px 9px;
    border: 1px solid rgba(198,154,66,0.40);
    border-radius: 2px;
    font-family: var(--ev-sans);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #c99a42;
    white-space: nowrap;
}
.ev-pcard__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}
.ev-pcard__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: var(--ev-sans);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: rgba(198,154,66,0.72);
}
.ev-pcard__features {
    flex: 1;
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.ev-pcard__features li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-family: var(--ev-sans);
    font-size: 13px;
    line-height: 1.5;
    color: rgba(244,240,232,0.68);
}
.ev-pcard__check { color: #c99a42; flex: none; margin-top: 1px; }
.ev-pcard__cta {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
}
/* Catalog responsive */
@media (max-width: 1199px) {
    .ev-catalog__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 767px) {
    .ev-catalog__hero { padding: 52px 0 44px; }
    .ev-catalog__body { padding: 36px 0 60px; }
    .ev-catalog__filter { gap: 6px; margin-bottom: 28px; }
    .ev-catalog__grid { grid-template-columns: 1fr; gap: 14px; }
    .ev-pcard { padding: 22px 20px 20px; }
}
@media (max-width: 480px) {
    .ev-catalog__title { font-size: 28px; }
    .ev-filter-btn { padding: 8px 14px; font-size: 10px; }
}

/* ============================================================
   §13 ev-wpv__* — PPF Garanti Doğrulama sayfası
   ============================================================ */

/* ── §13.1 Hero ─────────────────────────────────────────────── */
.ev-wpv__hero {
    position: relative;
    background-color: #080a0b;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0 72px;
    overflow: hidden;
}
.ev-wpv__hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        110deg,
        rgba(6,8,8,0.97) 0%,
        rgba(6,8,8,0.82) 55%,
        rgba(6,8,8,0.30) 100%
    );
    pointer-events: none;
}
.ev-wpv__wrap { position: relative; }

/* ── §13.2 Grid (2-col: left form / right result) ───────────── */
.ev-wpv__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 48px;
    align-items: start;
}

/* ── §13.3 Left: headline ───────────────────────────────────── */
.ev-wpv__headline { margin-bottom: 32px; }

.ev-wpv__eyebrow {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.20em;
    color: rgba(200,154,66,0.75);
    text-transform: uppercase;
    margin-bottom: 16px;
}
.ev-wpv__title {
    font-family: var(--ev-serif);
    font-size: clamp(36px, 4.2vw, 58px);
    font-weight: 400;
    line-height: 1.12;
    margin: 0 0 20px;
}
.ev-wpv__t1 {
    display: block;
    color: rgba(241,238,231,0.96);
}
.ev-wpv__t2 {
    display: block;
    color: #C89A42;
    font-style: italic;
}
.ev-wpv__desc {
    font-size: 15px;
    line-height: 1.65;
    color: rgba(200,198,192,0.82);
    max-width: 480px;
    margin: 0;
}

/* ── §13.4 Query card ───────────────────────────────────────── */
.ev-wpv__card {
    background: rgba(255,255,255,0.028);
    border: 1px solid rgba(200,154,66,0.18);
    padding: 32px 28px 24px;
    backdrop-filter: blur(8px);
}
.ev-wpv__card-head { margin-bottom: 24px; }
.ev-wpv__card-title {
    font-family: var(--ev-sans);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: rgba(241,238,231,0.9);
    margin: 0 0 6px;
    text-transform: uppercase;
}
.ev-wpv__card-desc {
    font-size: 13px;
    color: rgba(200,198,192,0.72);
    margin: 0;
    line-height: 1.5;
}

/* ── §13.5 Input field ──────────────────────────────────────── */
.ev-wpv__field { margin-bottom: 16px; }
.ev-wpv__label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    color: rgba(200,198,192,0.60);
    text-transform: uppercase;
    margin-bottom: 8px;
}
.ev-wpv__input-row {
    position: relative;
    display: flex;
    align-items: center;
}
.ev-wpv__input-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(200,154,66,0.55);
    pointer-events: none;
    display: flex;
    align-items: center;
}
.ev-wpv__input {
    width: 100%;
    padding: 14px 14px 14px 46px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(200,154,66,0.22);
    border-radius: 0;
    font-family: "SF Mono", "Fira Mono", "Courier New", monospace;
    font-size: 13px;
    letter-spacing: 0.06em;
    color: rgba(241,238,231,0.92);
    text-transform: uppercase;
    outline: none;
    transition: border-color 200ms ease, box-shadow 200ms ease;
    -webkit-appearance: none;
}
.ev-wpv__input::placeholder { color: rgba(200,198,192,0.30); text-transform: none; }
.ev-wpv__input:focus {
    border-color: rgba(200,154,66,0.60);
    box-shadow: 0 0 0 3px rgba(200,154,66,0.08);
}
.ev-wpv__input--error { border-color: rgba(220,60,60,0.65) !important; }
.ev-wpv__field-error {
    font-size: 12px;
    color: #e85d5d;
    margin-top: 7px;
    line-height: 1.4;
}

/* ── §13.6 Submit button ────────────────────────────────────── */
.ev-wpv__submit {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 24px;
    background: linear-gradient(135deg, #C89A42 0%, #a07828 100%);
    border: none;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    color: #080a0b;
    text-transform: uppercase;
    transition: opacity 220ms ease, transform 160ms ease;
    position: relative;
    overflow: hidden;
}
.ev-wpv__submit:hover:not(:disabled) { opacity: 0.88; transform: translateY(-1px); }
.ev-wpv__submit:disabled { opacity: 0.55; cursor: default; }
.ev-wpv__btn-arrow { flex-shrink: 0; transition: transform 200ms ease; }
.ev-wpv__submit:hover:not(:disabled) .ev-wpv__btn-arrow { transform: translateX(3px); }

/* Spinner */
.ev-wpv__spinner {
    width: 15px;
    height: 15px;
    border: 2px solid rgba(8,10,11,0.30);
    border-top-color: #080a0b;
    border-radius: 50%;
    flex-shrink: 0;
    display: none;
    animation: ev-wpv-spin 0.7s linear infinite;
}
.ev-wpv__submit.is-loading .ev-wpv__spinner { display: block; }
.ev-wpv__submit.is-loading .ev-wpv__btn-text { opacity: 0.70; }
.ev-wpv__submit.is-loading .ev-wpv__btn-arrow { display: none; }

@keyframes ev-wpv-spin {
    to { transform: rotate(360deg); }
}

/* ── §13.7 Help tooltip ─────────────────────────────────────── */
.ev-wpv__help { margin-top: 14px; text-align: center; }
.ev-wpv__help-link {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 12px;
    color: rgba(200,154,66,0.65);
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 3px;
    transition: color 150ms;
}
.ev-wpv__help-link:hover { color: #C89A42; }
.ev-wpv__help-popup {
    background: #111315;
    border: 1px solid rgba(200,154,66,0.20);
    padding: 12px 14px;
    font-size: 12px;
    line-height: 1.55;
    color: rgba(200,198,192,0.80);
    margin-top: 10px;
    text-align: left;
}

/* ── §13.8 Right: decorative visual ────────────────────────── */
.ev-wpv__right {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 420px;
}
.ev-wpv__visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 360px;
}

/* Rotating outer ring */
.ev-wpv__visual-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    width: 280px;
    height: 280px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(200,154,66,0.08);
    animation: ev-wpv-ring-pulse 4s ease-in-out infinite;
}
@keyframes ev-wpv-ring-pulse {
    0%, 100% { transform: translate(-50%,-50%) scale(1);   opacity: 0.5; }
    50%       { transform: translate(-50%,-50%) scale(1.04); opacity: 1; }
}

/* Shield icon */
.ev-wpv__visual-shield {
    width: 120px;
    height: 140px;
    position: relative;
    z-index: 1;
}
.ev-wpv__visual-shield svg { width: 100%; height: 100%; }

/* PPF diagonal lines deco */
.ev-wpv__visual-ppf {
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
        -52deg,
        rgba(200,154,66,0.025),
        rgba(200,154,66,0.025) 1px,
        transparent 1px,
        transparent 14px
    );
    pointer-events: none;
}

.ev-wpv__visual-label {
    position: relative;
    z-index: 1;
    margin-top: 20px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(200,154,66,0.45);
}

/* ── §13.9 Result card — wrapper & animation ─────────────────── */
.ev-wpv__result { width: 100%; }

.ev-wpv__rc {
    border: 1px solid rgba(200,154,66,0.22);
    background: rgba(12,13,13,0.92);
    display: flex;
    flex-direction: column;
    gap: 0;
    animation: ev-wpv-rc-in 280ms ease both;
    overflow: hidden;
}
@keyframes ev-wpv-rc-in {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
.ev-wpv__rc--active   { border-color: rgba(80,180,100,0.32); }
.ev-wpv__rc--expired  { border-color: rgba(220,145,40,0.32); }
.ev-wpv__rc--notfound { border-color: rgba(200,60,60,0.25); }

/* ── §13.10 Card branding header ────────────────────────────── */
.ev-wpv__rc-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 22px 24px 18px;
    text-align: center;
}
.ev-wpv__rc-brand-name {
    font-family: var(--ev-sans);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.30em;
    color: rgba(241,238,231,0.95);
    text-transform: uppercase;
}
.ev-wpv__rc-brand-doc {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.22em;
    color: rgba(200,154,66,0.70);
    text-transform: uppercase;
}

/* Divider */
.ev-wpv__rc-hr {
    height: 1px;
    background: rgba(200,154,66,0.16);
    margin: 0;
}

/* ── §13.11 Status row ───────────────────────────────────────── */
.ev-wpv__rc-head {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 14px 24px;
}
.ev-wpv__rc-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}
.ev-wpv__rc-dot--active   { background: #50b464; box-shadow: 0 0 7px rgba(80,180,100,0.60); }
.ev-wpv__rc-dot--expired  { background: #dc9128; box-shadow: 0 0 7px rgba(220,145,40,0.55); }
.ev-wpv__rc-dot--notfound { background: #c83c3c; }

.ev-wpv__rc-status {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}
.ev-wpv__rc-status--active   { color: #50b464; }
.ev-wpv__rc-status--expired  { color: #dc9128; }
.ev-wpv__rc-status--notfound { color: #c83c3c; }

/* ── §13.12 Card body: info left + QR right ─────────────────── */
.ev-wpv__rc-body {
    display: flex;
    gap: 0;
    padding: 6px 24px 20px;
    align-items: flex-start;
}

/* Info column */
.ev-wpv__rc-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 20px;
}
.ev-wpv__rc-row {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.ev-wpv__rc-lbl {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(200,198,192,0.45);
}
.ev-wpv__rc-val {
    font-size: 14px;
    color: rgba(241,238,231,0.92);
    line-height: 1.35;
    word-break: break-word;
}
/* Gold modifier — product line */
.ev-wpv__rc-val--gold { color: #C89A42; }
/* Extra-large modifier — warranty duration */
.ev-wpv__rc-val--xl {
    font-family: var(--ev-serif);
    font-size: clamp(26px, 3vw, 36px);
    font-weight: 400;
    color: rgba(241,238,231,0.96);
    line-height: 1.1;
}

/* QR column */
.ev-wpv__rc-qr {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    width: 116px;
    padding-top: 4px;
}
.ev-wpv__rc-qr img {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid rgba(200,154,66,0.20);
}
.ev-wpv__rc-qr-label {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(200,154,66,0.75);
    text-align: center;
}
.ev-wpv__rc-qr-note {
    font-size: 9px;
    color: rgba(200,198,192,0.45);
    text-align: center;
    line-height: 1.45;
}

/* ── §13.13 Card footer ──────────────────────────────────────── */
.ev-wpv__rc-footer {
    font-size: 11px;
    color: rgba(200,198,192,0.45);
    margin: 0;
    padding: 14px 24px 16px;
    line-height: 1.5;
    border-top: 1px solid rgba(200,154,66,0.10);
}

/* Expired note */
.ev-wpv__rc-expired-note {
    font-size: 12px;
    color: rgba(220,145,40,0.85);
    margin: 0;
    padding: 10px 24px;
    line-height: 1.5;
    border-left: 3px solid rgba(220,145,40,0.40);
    background: rgba(220,145,40,0.06);
}

/* Not found body */
.ev-wpv__rc-nf-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 24px 20px;
}
.ev-wpv__rc-nf-serial {
    font-family: "SF Mono", "Fira Mono", monospace;
    font-size: 13px;
    letter-spacing: 0.07em;
    color: rgba(241,238,231,0.45);
    word-break: break-all;
    margin: 0;
}
.ev-wpv__rc-nf-msg {
    font-size: 14px;
    color: rgba(241,238,231,0.82);
    margin: 0;
    line-height: 1.55;
}
.ev-wpv__rc-nf-hint {
    font-size: 12px;
    color: rgba(200,198,192,0.55);
    margin: 0;
    line-height: 1.5;
}

/* ── §13.14 New query button ─────────────────────────────────── */
.ev-wpv__rc-newquery {
    width: 100%;
    padding: 13px 18px;
    background: transparent;
    border: none;
    border-top: 1px solid rgba(200,154,66,0.14);
    cursor: pointer;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    color: rgba(200,154,66,0.60);
    text-transform: uppercase;
    transition: color 180ms, background 180ms;
    text-align: center;
}
.ev-wpv__rc-newquery:hover {
    color: #C89A42;
    background: rgba(200,154,66,0.04);
}

/* ── §13.13 Trust band ──────────────────────────────────────── */
.ev-wpv__trust {
    background: #0c0d0d;
    border-top: 1px solid rgba(200,154,66,0.14);
    border-bottom: 1px solid rgba(200,154,66,0.10);
    padding: 40px 0;
}
.ev-wpv__trust-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}
.ev-wpv__trust-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px 28px;
    gap: 10px;
}
.ev-wpv__trust-col--bordered { border-left: 1px solid rgba(200,154,66,0.14); }
.ev-wpv__trust-icon-wrap {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(200,154,66,0.30);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #C89A42;
    flex-shrink: 0;
}
.ev-wpv__trust-title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(241,238,231,0.88);
    display: block;
}
.ev-wpv__trust-desc {
    font-size: 12px;
    line-height: 1.55;
    color: rgba(200,198,192,0.60);
    margin: 0;
}

/* ── §13.14 Responsive ──────────────────────────────────────── */
@media (max-width: 1199px) {
    .ev-wpv__hero { padding: 64px 0 60px; }
    .ev-wpv__grid { gap: 36px; }
}
@media (max-width: 899px) {
    .ev-wpv__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .ev-wpv__right { min-height: 0; }
    .ev-wpv__visual { min-height: 220px; }
    .ev-wpv__visual-ring { width: 200px; height: 200px; }
    .ev-wpv__visual-shield { width: 90px; height: 105px; }
    .ev-wpv__desc { max-width: 100%; }
}
@media (max-width: 767px) {
    .ev-wpv__hero { padding: 52px 0 48px; }
    .ev-wpv__card { padding: 24px 20px 20px; }
    /* Stack info + QR vertically on mobile */
    .ev-wpv__rc-body { flex-direction: column; gap: 20px; }
    .ev-wpv__rc-info { padding-right: 0; }
    .ev-wpv__rc-qr { width: 100%; flex-direction: row; align-items: center; gap: 16px; }
    .ev-wpv__rc-qr img { width: 72px; height: 72px; }
    .ev-wpv__trust-grid { grid-template-columns: 1fr; gap: 0; }
    .ev-wpv__trust-col--bordered { border-left: none; border-top: 1px solid rgba(200,154,66,0.14); }
    .ev-wpv__trust-col { padding: 20px 24px; }
}
@media (max-width: 479px) {
    .ev-wpv__title { font-size: 32px; }
    .ev-wpv__card { padding: 20px 16px 16px; }
    .ev-wpv__rc-brand { padding: 18px 16px 14px; }
    .ev-wpv__rc-head, .ev-wpv__rc-body, .ev-wpv__rc-footer { padding-left: 16px; padding-right: 16px; }
    .ev-wpv__rc-nf-body { padding-left: 16px; padding-right: 16px; }
}

/* ════════════════════════════════════════════════════════════════
   DEALER APPLICATION PAGE  (.ev-dealer)
   ════════════════════════════════════════════════════════════════ */

/* ── Hero ──────────────────────────────────────────────────────── */
.ev-dealer__hero {
    position: relative;
    padding: 100px 0 80px;
    background-color: var(--ev-bg);
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.ev-dealer__hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(8,10,11,0.92) 0%,
        rgba(8,10,11,0.78) 55%,
        rgba(8,10,11,0.55) 100%
    );
    pointer-events: none;
}
.ev-dealer__hero-inner {
    position: relative;
    z-index: 1;
    max-width: 680px;
}
.ev-dealer__eyebrow {
    display: inline-block;
    font-family: var(--ev-font-sans);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.22em;
    color: var(--ev-gold);
    text-transform: uppercase;
    margin-bottom: 18px;
}
.ev-dealer__hero-title {
    font-family: var(--ev-font-serif);
    font-size: clamp(40px, 5.5vw, 64px);
    font-weight: 600;
    line-height: 1.1;
    color: var(--ev-text);
    margin: 0 0 20px;
}
.ev-dealer__hero-title span {
    display: block;
    color: var(--ev-gold);
}
.ev-dealer__hero-title em {
    display: block;
    font-style: normal;
    color: var(--ev-text);
}
.ev-dealer__hero-desc {
    font-family: var(--ev-font-sans);
    font-size: 15px;
    line-height: 1.7;
    color: rgba(242,239,233,0.72);
    max-width: 560px;
    margin: 0;
}

/* ── Body layout ───────────────────────────────────────────────── */
.ev-dealer__body {
    background: var(--ev-bg);
    padding: 64px 0 96px;
}
.ev-dealer__grid {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 48px;
    align-items: start;
}

/* ── Form card ─────────────────────────────────────────────────── */
.ev-dealer__card {
    background: #0D1012;
    border: 1px solid rgba(212,175,55,0.22);
    border-radius: 2px;
    padding: 40px 36px 36px;
}
.ev-dealer__card-head {
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(212,175,55,0.10);
}
.ev-dealer__card-title {
    font-family: var(--ev-font-serif);
    font-size: 26px;
    font-weight: 600;
    color: var(--ev-text);
    margin: 0 0 8px;
}
.ev-dealer__card-desc {
    font-family: var(--ev-font-sans);
    font-size: 13px;
    color: rgba(242,239,233,0.55);
    margin: 0;
    line-height: 1.6;
}

/* ── Form rows ─────────────────────────────────────────────────── */
.ev-dealer__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}
.ev-dealer__row--full {
    grid-template-columns: 1fr;
}

/* ── Fields ────────────────────────────────────────────────────── */
.ev-dealer__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ev-dealer__label {
    font-family: var(--ev-font-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    color: var(--ev-gold);
    text-transform: uppercase;
}
.ev-dealer__label-opt {
    font-weight: 400;
    letter-spacing: 0.06em;
    color: rgba(212,175,55,0.55);
    text-transform: none;
    margin-left: 4px;
}
.ev-dealer__req {
    color: var(--ev-gold);
    font-size: 12px;
}
.ev-dealer__input {
    width: 100%;
    box-sizing: border-box;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(212,175,55,0.22);
    color: var(--ev-text);
    font-family: var(--ev-font-sans);
    font-size: 14px;
    padding: 11px 14px;
    border-radius: 2px;
    outline: none;
    transition: border-color 0.18s ease, background 0.18s ease;
    -webkit-appearance: none;
    appearance: none;
}
.ev-dealer__input::placeholder {
    color: rgba(242,239,233,0.28);
}
.ev-dealer__input:focus {
    border-color: var(--ev-gold);
    background: rgba(212,175,55,0.04);
}
.ev-dealer__input[aria-invalid="true"] {
    border-color: #c0392b;
}
.ev-dealer__select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23D4AF37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px;
    cursor: pointer;
}
.ev-dealer__select option {
    background: #0D1012;
    color: var(--ev-text);
}
.ev-dealer__textarea {
    resize: vertical;
    min-height: 110px;
    line-height: 1.6;
}

/* ── Field errors ──────────────────────────────────────────────── */
.ev-dealer__field-error {
    font-family: var(--ev-font-sans);
    font-size: 11.5px;
    color: #e05c4a;
    min-height: 16px;
    line-height: 1.4;
}
.ev-dealer__field-error:empty {
    display: none;
}

/* ── Notice (success / error) ──────────────────────────────────── */
.ev-dealer__notice {
    font-family: var(--ev-font-sans);
    font-size: 13.5px;
    line-height: 1.55;
    padding: 14px 18px;
    border-radius: 2px;
    margin-bottom: 24px;
    border-left: 3px solid transparent;
}
.ev-dealer__notice--success {
    background: rgba(39,174,96,0.08);
    border-color: #27ae60;
    color: #a8e6bf;
}
.ev-dealer__notice--error {
    background: rgba(192,57,43,0.08);
    border-color: #c0392b;
    color: #f5a79c;
}

/* ── Submit row ────────────────────────────────────────────────── */
.ev-dealer__submit-row {
    display: flex;
    justify-content: center;
    margin-top: 28px;
}
.ev-dealer__submit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    border: 1px solid var(--ev-gold);
    color: var(--ev-gold);
    font-family: var(--ev-font-sans);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    padding: 14px 40px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    border-radius: 1px;
    position: relative;
    min-width: 220px;
    justify-content: center;
}
.ev-dealer__submit:hover:not(:disabled) {
    background: var(--ev-gold);
    color: var(--ev-bg);
}
.ev-dealer__submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Loading spinner */
.ev-dealer__spinner {
    display: none;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(212,175,55,0.3);
    border-top-color: var(--ev-gold);
    border-radius: 50%;
    animation: ev-spin 0.7s linear infinite;
    flex-shrink: 0;
}
.ev-dealer__submit.is-loading .ev-dealer__spinner {
    display: block;
}
@keyframes ev-spin {
    to { transform: rotate(360deg); }
}

/* ── Sidebar ────────────────────────────────────────────────────── */
.ev-dealer__info-col {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.ev-dealer__sidebar-title {
    font-family: var(--ev-font-sans);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.20em;
    text-transform: uppercase;
    color: var(--ev-gold);
    margin: 0 0 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(212,175,55,0.16);
}

/* Benefits */
.ev-dealer__benefit-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.ev-dealer__benefit-item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}
.ev-dealer__benefit-icon {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(212,175,55,0.28);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ev-gold);
    margin-top: 1px;
}
.ev-dealer__benefit-title {
    display: block;
    font-family: var(--ev-font-sans);
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ev-text);
    margin-bottom: 4px;
    letter-spacing: 0.02em;
}
.ev-dealer__benefit-desc {
    font-family: var(--ev-font-sans);
    font-size: 12px;
    color: rgba(242,239,233,0.52);
    line-height: 1.55;
    margin: 0;
}

/* Steps */
.ev-dealer__step-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.ev-dealer__step-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 16px 0;
    border-bottom: 1px solid rgba(212,175,55,0.08);
}
.ev-dealer__step-item:last-child {
    border-bottom: none;
}
.ev-dealer__step-num {
    flex-shrink: 0;
    font-family: var(--ev-font-serif);
    font-size: 22px;
    font-weight: 600;
    color: rgba(212,175,55,0.35);
    line-height: 1;
    min-width: 32px;
    padding-top: 2px;
}
.ev-dealer__step-title {
    display: block;
    font-family: var(--ev-font-sans);
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ev-text);
    margin-bottom: 4px;
    letter-spacing: 0.02em;
}
.ev-dealer__step-desc {
    font-family: var(--ev-font-sans);
    font-size: 12px;
    color: rgba(242,239,233,0.50);
    line-height: 1.55;
    margin: 0;
}

/* ── Responsive ─────────────────────────────────────────────────── */
@media (max-width: 1023px) {
    .ev-dealer__grid {
        grid-template-columns: 1fr;
    }
    .ev-dealer__info-col {
        flex-direction: row;
        gap: 32px;
    }
    .ev-dealer__benefits,
    .ev-dealer__steps {
        flex: 1;
    }
}
@media (max-width: 767px) {
    .ev-dealer__hero { padding: 72px 0 60px; }
    .ev-dealer__body { padding: 40px 0 72px; }
    .ev-dealer__card { padding: 28px 20px 24px; }
    .ev-dealer__row { grid-template-columns: 1fr; gap: 16px; }
    .ev-dealer__info-col { flex-direction: column; }
}
@media (max-width: 479px) {
    .ev-dealer__hero-title { font-size: 36px; }
    .ev-dealer__card { padding: 22px 16px 20px; }
}