/* ============================================================
   SMT MOTORS — Premium / Ultra Lüks Anasayfa
   Yalnızca anasayfada yüklenir ($styles ile).
   "Aracını değerle" widget'ı (.mini-val) bu dosyada DEĞİŞTİRİLMEZ;
   sadece çevresine lüks bir çerçeve/glow eklenir.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800&display=swap');

:root{
    --lux-black:#070809;
    --lux-ink:#0d0f12;
    --lux-ink-2:#14171c;
    --lux-line:rgba(255,255,255,.09);
    --lux-line-2:rgba(255,255,255,.16);
    --lux-text:#e9eaed;
    --lux-muted:#9a9da6;
    --lux-gold-1:#a9772e;
    --lux-gold-2:#e7c873;
    --lux-gold-3:#f7e8b8;
    --lux-gold:#d8b25b;
    --lux-grad-gold:linear-gradient(135deg,#a9772e 0%,#e7c873 45%,#f7e8b8 60%,#d8b25b 100%);
}

.lux-serif{font-family:'Playfair Display',serif;}

/* genel bölüm sarmalı */
.lux{background:var(--lux-black);color:var(--lux-text);overflow:hidden;}
.lux .container{position:relative;z-index:2;}
.lux-section{padding:96px 0;position:relative;}
.lux-section.tight{padding:70px 0;}
.lux-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.74rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;
    background:var(--lux-grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem;}
.lux-eyebrow::before{content:'';width:26px;height:1px;background:var(--lux-gold);opacity:.7;}
.lux-title{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.12;letter-spacing:-.01em;color:#fff;margin:0 0 1rem;}
.lux-title .g{background:var(--lux-grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;}
.lux-lead{color:var(--lux-muted);font-size:1.06rem;max-width:620px;line-height:1.75;}
.lux-divider{width:64px;height:2px;background:var(--lux-grad-gold);border-radius:2px;margin:1.1rem 0;}
.lux-center .lux-divider{margin-inline:auto;}

/* gold buton */
.btn-gold{background:var(--lux-grad-gold);color:#1a1206 !important;font-weight:700;border:0;border-radius:12px;
    padding:.85rem 1.6rem;box-shadow:0 12px 30px -12px rgba(216,178,91,.6);transition:transform .2s ease,box-shadow .2s ease;}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 18px 38px -14px rgba(216,178,91,.75);color:#1a1206 !important;}
.btn-ghost-gold{background:transparent;color:var(--lux-gold-3) !important;border:1px solid var(--lux-line-2);border-radius:12px;
    padding:.85rem 1.5rem;font-weight:600;transition:.2s ease;}
.btn-ghost-gold:hover{border-color:var(--lux-gold);background:rgba(216,178,91,.08);}

/* ===================== HERO (araç fotoğrafı harmanlı) ===================== */
.lux-hero{position:relative;padding:130px 0 110px;border-bottom:1px solid var(--lux-line);
    background:#070809 url("../img/hero-car.jpg") center right/cover no-repeat;}
/* Degrade harman: solda güçlü koyu (yazı okunur), sağda araç görünür; üst+alt koyu, üst-sağ altın parıltı */
.lux-hero::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
    background:
        radial-gradient(900px 520px at 88% -12%,rgba(216,178,91,.16),transparent 60%),
        linear-gradient(90deg,rgba(6,7,8,.97) 0%,rgba(6,7,8,.88) 26%,rgba(6,7,8,.62) 46%,rgba(6,7,8,.28) 66%,rgba(6,7,8,.12) 100%),
        linear-gradient(180deg,rgba(6,7,8,.72) 0%,rgba(6,7,8,.18) 30%,rgba(6,7,8,.12) 55%,rgba(6,7,8,.86) 100%);}
.lux-hero .container{z-index:3;}
.lux-hero-emblem{display:none;}
/* Fotoğraf üzerinde ekstra okunabilirlik için metin gölgesi */
.lux-hero h1{text-shadow:0 2px 24px rgba(0,0,0,.55);}
.lux-hero .lux-sub{text-shadow:0 1px 12px rgba(0,0,0,.6);}
.lux-hero .lux-badges span{text-shadow:0 1px 8px rgba(0,0,0,.6);}
.lux-hero-trust .t b{text-shadow:0 1px 10px rgba(0,0,0,.5);}
.lux-badges{display:flex;align-items:center;gap:1.4rem;margin-bottom:1.4rem;}
.lux-badges span{color:#cfd2d8;font-weight:600;font-size:.92rem;letter-spacing:.04em;opacity:.85;}
.lux-badges .sep{width:1px;height:16px;background:var(--lux-line-2);}
.lux-hero h1{font-family:'Playfair Display',serif;font-weight:700;color:#fff;font-size:clamp(2.3rem,4.6vw,3.8rem);line-height:1.08;letter-spacing:-.015em;margin-bottom:1.1rem;}
.lux-hero h1 .g{background:var(--lux-grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;}
.lux-hero .lux-sub{color:#b9bcc4;font-size:1.12rem;line-height:1.7;max-width:540px;margin-bottom:1.8rem;}
.lux-hero-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2.2rem;}
.lux-hero-trust{display:flex;flex-wrap:wrap;gap:2rem;}
.lux-hero-trust .t b{display:block;font-family:'Playfair Display',serif;font-size:1.7rem;color:#fff;line-height:1;}
.lux-hero-trust .t span{font-size:.82rem;color:var(--lux-muted);letter-spacing:.03em;}

/* valuation widget çerçevesi (mini-val içeriği DEĞİŞMEZ) */
.lux-form-wrap{position:relative;padding:0;}
.lux-form-wrap::before{content:'';position:absolute;inset:-14px;border-radius:26px;
    background:var(--lux-grad-gold);opacity:.18;filter:blur(22px);z-index:0;}
.lux-form-wrap .mini-val{position:relative;z-index:1;border:1px solid rgba(216,178,91,.35);box-shadow:0 30px 70px -30px rgba(0,0,0,.8);}
.lux-form-tag{position:relative;z-index:2;text-align:center;margin-top:1rem;color:var(--lux-muted);font-size:.85rem;}
.lux-form-tag .g{color:var(--lux-gold-2);font-weight:600;}

/* ===================== STATS BAR ===================== */
.lux-stripe{background:linear-gradient(90deg,#0c0e11,#14171c 50%,#0c0e11);border-top:1px solid var(--lux-line);border-bottom:1px solid var(--lux-line);}
.lux-stripe .row{padding:34px 0;}
.lux-stat{text-align:center;}
.lux-stat b{display:block;font-family:'Playfair Display',serif;font-size:2.1rem;background:var(--lux-grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;}
.lux-stat span{color:var(--lux-muted);font-size:.86rem;letter-spacing:.04em;}
.lux-stat + .lux-stat{}

/* ===================== ARAÇ FİLOSU ===================== */
.lux-head{margin-bottom:3rem;}
.lux-car{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#101317,#0c0e11);
    border:1px solid var(--lux-line);border-radius:18px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;}
.lux-car:hover{transform:translateY(-6px);border-color:rgba(216,178,91,.45);box-shadow:0 30px 60px -30px rgba(0,0,0,.85);}
.lux-car-thumb{position:relative;display:block;aspect-ratio:16/10;background:#05060a;overflow:hidden;}
.lux-car-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.lux-car:hover .lux-car-thumb img{transform:scale(1.06);}
.lux-car-ph{display:flex;align-items:center;justify-content:center;height:100%;color:#3a3f49;font-size:3rem;}
.lux-car-ribbon{position:absolute;top:14px;left:-34px;transform:rotate(-45deg);background:#b91c1c;color:#fff;font-weight:700;font-size:.7rem;letter-spacing:.05em;padding:.28rem 2.6rem;}
.lux-car-fav{position:absolute;top:12px;right:12px;background:var(--lux-grad-gold);color:#1a1206;font-size:.7rem;font-weight:700;padding:.25rem .6rem;border-radius:999px;}
.lux-car-body{display:flex;flex-direction:column;flex:1;padding:1.1rem 1.15rem 1.2rem;}
.lux-car-title{font-size:1.02rem;font-weight:700;line-height:1.35;margin:0 0 .7rem;min-height:2.6em;}
.lux-car-title a{color:#fff;text-decoration:none;}
.lux-car-title a:hover{color:var(--lux-gold-2);}
.lux-car-specs{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem .9rem;padding:0;margin:0 0 .9rem;font-size:.82rem;color:var(--lux-muted);}
.lux-car-specs i{color:var(--lux-gold);margin-right:.25rem;}
.lux-car-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.8rem;border-top:1px solid var(--lux-line);}
.lux-car-price{font-family:'Playfair Display',serif;font-size:1.22rem;font-weight:700;color:var(--lux-gold-3);}
.lux-empty{text-align:center;padding:3.5rem 1rem;border:1px dashed var(--lux-line-2);border-radius:18px;color:var(--lux-muted);}
.lux-empty i{font-size:2.6rem;color:var(--lux-gold);opacity:.5;}

/* ===================== HİZMETLER ===================== */
.lux-service{height:100%;background:linear-gradient(180deg,#0f1216,#0b0d10);border:1px solid var(--lux-line);
    border-radius:18px;padding:2rem 1.6rem;transition:.25s ease;}
.lux-service:hover{border-color:rgba(216,178,91,.4);transform:translateY(-4px);}
.lux-service .ic{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;color:var(--lux-gold-2);
    background:rgba(216,178,91,.1);border:1px solid rgba(216,178,91,.25);margin-bottom:1.2rem;}
.lux-service h3{font-size:1.12rem;color:#fff;font-weight:700;margin-bottom:.5rem;}
.lux-service p{color:var(--lux-muted);font-size:.94rem;line-height:1.65;margin:0;}

/* ===================== MARKALAR ===================== */
.lux-brands{border-top:1px solid var(--lux-line);border-bottom:1px solid var(--lux-line);background:#0a0b0d;padding:42px 0;}
.lux-brands .lbl{text-align:center;color:var(--lux-muted);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;margin-bottom:1.6rem;}
.lux-brand-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem 1rem;}
.lux-brand-chip{font-family:'Playfair Display',serif;font-weight:600;font-size:1.05rem;color:#c9ccd3;
    border:1px solid var(--lux-line);border-radius:999px;padding:.5rem 1.25rem;transition:.2s ease;}
.lux-brand-chip:hover{color:#1a1206;background:var(--lux-grad-gold);border-color:transparent;}

/* ===================== NEDEN BİZ ===================== */
.lux-why-img{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--lux-line);box-shadow:0 40px 80px -40px #000;}
.lux-why-img img{width:100%;height:100%;object-fit:cover;display:block;}
.lux-why-list{list-style:none;padding:0;margin:1.5rem 0 0;}
.lux-why-list li{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--lux-line);}
.lux-why-list li:last-child{border-bottom:0;}
.lux-why-list .n{flex-shrink:0;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:var(--lux-gold-2);
    background:rgba(216,178,91,.1);border:1px solid rgba(216,178,91,.25);font-size:1.15rem;}
.lux-why-list h4{color:#fff;font-size:1.02rem;margin:0 0 .2rem;font-weight:700;}
.lux-why-list p{color:var(--lux-muted);font-size:.92rem;margin:0;line-height:1.6;}

/* ===================== DEĞERLEME BANDI ===================== */
.lux-band{position:relative;border-radius:24px;overflow:hidden;padding:3.2rem;border:1px solid rgba(216,178,91,.3);
    background:radial-gradient(700px 300px at 85% 0%,rgba(216,178,91,.18),transparent 60%),linear-gradient(120deg,#101317,#0a0b0d);}
.lux-band h2{font-family:'Playfair Display',serif;color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:.6rem;}
.lux-band p{color:var(--lux-muted);max-width:560px;margin-bottom:0;}

/* ===================== YORUMLAR ===================== */
.lux-review{height:100%;background:linear-gradient(180deg,#0f1216,#0b0d10);border:1px solid var(--lux-line);border-radius:18px;padding:1.8rem;}
.lux-review .stars{color:var(--lux-gold-2);letter-spacing:.1em;margin-bottom:.7rem;}
.lux-review p{color:#d3d5da;font-style:italic;line-height:1.7;margin-bottom:1.2rem;}
.lux-review .who{display:flex;align-items:center;gap:.8rem;}
.lux-review .av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#1a1206;background:var(--lux-grad-gold);}
.lux-review .who b{display:block;color:#fff;font-size:.95rem;}
.lux-review .who span{color:var(--lux-muted);font-size:.82rem;}

/* ===================== KAPANIŞ CTA ===================== */
.lux-final{position:relative;background:linear-gradient(180deg,#0a0b0d,#070809);border-top:1px solid var(--lux-line);padding:90px 0;}
.lux-final .emblem{width:90px;opacity:.9;margin-bottom:1.4rem;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));}
.lux-contact-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2rem;margin-top:1.8rem;color:var(--lux-muted);}
.lux-contact-row a{color:var(--lux-text);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;}
.lux-contact-row a:hover{color:var(--lux-gold-2);}
.lux-contact-row i{color:var(--lux-gold);}

@media (max-width:991.98px){
    .lux-hero{padding:84px 0 64px;background-position:center 32%;}
    /* Mobilde içerik alt alta → dikey güçlü koyu harman, yazılar net */
    .lux-hero::before{background:
        radial-gradient(600px 380px at 80% 0%,rgba(216,178,91,.13),transparent 60%),
        linear-gradient(180deg,rgba(6,7,8,.93) 0%,rgba(6,7,8,.74) 38%,rgba(6,7,8,.80) 68%,rgba(6,7,8,.96) 100%);}
    .lux-hero-emblem{display:none;}
    .lux-section{padding:68px 0;}
    .lux-band{padding:2.2rem;}
}