/* ===== ROVENTO FİLO — Site CSS ===== */
:root{
  --red:#e30613;
  --red-dark:#c00510;
  --black:#111114;
  --black-soft:#1a1a1f;
  --wa:#25d366;
  --gray:#f4f5f7;
  --text:#222;
  --muted:#777;
  --radius:10px;
  --shadow:0 8px 30px rgba(0,0,0,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:clip}
body{font-family:'Inter',system-ui,sans-serif;color:var(--text);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;
  font-weight:700;font-size:14px;padding:12px 20px;border-radius:8px;transition:.18s;font-family:inherit;text-align:center}
.btn-lg{padding:15px 30px;font-size:15px}
.btn-dark{background:var(--black);color:#fff}
.btn-dark:hover{background:#000}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-dark)}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{filter:brightness(.95)}
.btn-call{background:var(--red);color:#fff}
.btn-call:hover{background:var(--red-dark)}
.btn-light{background:#eee;color:#333}
.btn-search{background:var(--red);color:#fff;padding:16px 34px;font-size:16px;border-radius:8px}
.btn-search:hover{background:var(--red-dark)}
.btn-reserve{background:var(--black);color:#fff;width:100%;padding:14px;letter-spacing:.5px}
.btn-reserve:hover{background:#000}

/* Üst kampanya bandı */
.promo-bar{background:linear-gradient(90deg,#e30613 0%,#ff7a18 100%);color:#fff;padding:12px 0}
.promo-inner{display:flex;align-items:center;gap:16px}
.promo-icon{font-size:28px;color:#ffd24d;flex-shrink:0}
.promo-text{flex:1;font-size:15px;line-height:1.4}
.promo-text b{font-weight:800}
.promo-text p{margin:0}
.promo-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.promo-timer{background:rgba(0,0,0,.18);color:#fff;font-weight:800;font-size:16px;padding:8px 14px;border-radius:8px;min-width:66px;text-align:center;letter-spacing:.5px}
.promo-cta{background:#fff;color:var(--red);border:none;font-weight:800;font-size:15px;padding:12px 22px;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.promo-cta:hover{background:#fff0e6}
.promo-close{background:rgba(255,255,255,.22);color:#fff;border:none;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:16px;flex-shrink:0}
.promo-close:hover{background:rgba(255,255,255,.4)}
@media (max-width:768px){
  .promo-bar{padding:10px 0}
  .promo-inner{flex-wrap:wrap;gap:8px}
  .promo-icon{display:none}
  .promo-text{flex:1 1 100%;font-size:12.5px;line-height:1.35;text-align:center;order:1}
  .promo-actions{flex:1 1 100%;order:2;justify-content:center;gap:8px}
  .promo-timer{font-size:14px;padding:7px 10px;min-width:56px}
  .promo-cta{padding:10px 16px;font-size:13.5px}
  .promo-close{width:34px;height:34px;font-size:15px}
}

/* Topbar */
.topbar{background:var(--red);color:#fff;text-align:center;font-size:13px;font-weight:700;letter-spacing:.5px;padding:7px 0}

/* Header */
.site-header{background:var(--black);position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:74px}
.brand{display:flex;flex-direction:column;line-height:1.1}
.brand-name{font-size:24px;font-weight:900;color:#fff;letter-spacing:.5px}
.brand-name strong{color:var(--red)}
.brand-tagline{font-size:10px;color:#bbb;letter-spacing:2px;font-weight:600;margin-top:2px}
.brand-logo{max-height:48px}
.main-nav{display:flex;align-items:center;gap:30px}
.main-nav a{color:#fff;font-weight:700;font-size:15px;letter-spacing:.5px;transition:.15s}
.main-nav a:hover,.main-nav a.active{color:var(--red)}
.btn-call-header{background:var(--red);color:#fff!important;padding:12px 22px;border-radius:8px}
.btn-call-header:hover{background:var(--red-dark)}
.nav-mobile-only{display:none}
.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}

/* Büyük Hero */
.big-hero{background-size:cover;background-position:center;color:#fff;text-align:center;
  padding:90px 0 110px;background-color:#1a0608}
.big-hero-inner{display:flex;flex-direction:column;align-items:center}
.hero-badge{display:inline-block;background:var(--red);color:#fff;font-weight:800;font-size:13px;
  letter-spacing:2px;padding:8px 22px;border-radius:6px;margin-bottom:24px}
.hero-title{font-size:64px;font-weight:900;font-style:italic;line-height:1.05;letter-spacing:1px;text-shadow:0 2px 20px rgba(0,0,0,.4)}
.hero-title .accent{color:var(--red)}
.hero-sub{font-size:19px;color:#eee;margin:22px 0 34px;max-width:640px}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.btn-outline-light{background:rgba(13,40,55,.5);color:#fff;border:1px solid rgba(255,255,255,.4)}
.btn-outline-light:hover{background:rgba(13,40,55,.8)}
.btn-light{background:#fff;color:#16161a}
.btn-light:hover{background:#f0f0f0}

/* Arama bölümü */
.search-section{background:var(--gray);padding:30px 0}
.search-box{background:#fff;border-radius:14px;box-shadow:var(--shadow);
  padding:24px;display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;margin-top:-70px;position:relative;z-index:3}
.search-field{flex:1;min-width:200px}
.search-field label{display:block;font-size:13px;font-weight:700;color:#555;margin-bottom:8px;letter-spacing:.5px}
.search-field label i{color:var(--red)}
.search-field select,.filter-field select{width:100%;padding:14px;border:1px solid #ddd;border-radius:8px;
  font-size:15px;font-family:inherit;background:#fafafa;cursor:pointer}

/* Sections */
.section{padding:60px 0}
.section-gray{background:var(--gray)}
.section-title{text-align:center;font-size:34px;font-weight:900;font-style:italic;letter-spacing:.5px;margin-bottom:14px}
.section-title::after{content:'';display:block;width:70px;height:4px;background:var(--red);margin:14px auto 0;border-radius:2px}
.center-cta{text-align:center;margin-top:40px}
.empty-note{text-align:center;color:var(--muted);padding:40px;font-size:16px}

/* Car grid + card */
.car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}
.car-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.car-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.car-card-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#f0f0f0}
.car-card-img img{width:100%;height:100%;object-fit:cover}
.car-card-body{padding:18px;display:flex;flex-direction:column;flex:1}
.car-card-title{display:flex;justify-content:space-between;align-items:center}
.car-card-title h3{font-size:20px;font-weight:800;text-transform:uppercase}
.car-rating{color:var(--text);font-weight:700;font-size:15px;white-space:nowrap}
.car-rating i{color:var(--red)}
.car-model{color:var(--muted);font-size:13px;margin:4px 0 14px}
.car-specs{display:flex;justify-content:space-between;border-top:1px solid #eee;padding-top:14px;margin-bottom:14px;font-size:14px}
.car-specs span i{color:var(--red);margin-right:5px}
.price-monthly{background:#fdeaec;border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.pm-label{font-size:13px;font-weight:700;color:#555;letter-spacing:.5px}
.pm-value{font-size:20px;font-weight:900;color:var(--red)}
.price-row{display:flex;gap:12px;margin-bottom:14px}
.price-box{flex:1;background:#f7f7f9;border-radius:8px;padding:12px;text-align:center}
.pb-label{display:block;font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.5px;margin-bottom:4px}
.pb-value{font-size:18px;font-weight:900}
.car-card-body .btn-reserve{margin-top:auto}
.card-contact{display:flex;gap:10px;margin-top:12px}
.card-contact .btn{flex:1;padding:11px}

/* Page hero (light) */
.page-hero{padding:50px 0 30px;text-align:center}
.page-hero h1{font-size:42px;font-weight:900;font-style:italic}
.title-underline{width:90px;height:4px;background:var(--red);margin:14px auto 0;border-radius:2px}

/* Dark hero */
.dark-hero{background:linear-gradient(120deg,#2a0608,#111);color:#fff;text-align:center;padding:70px 0}
.dark-hero h1{font-size:46px;font-weight:900;font-style:italic}
.dark-hero .title-underline{margin:16px auto}
.breadcrumb-light{color:#bbb;font-size:14px;letter-spacing:1px;margin-top:8px}
.breadcrumb-light a{color:#ddd}

/* Filter bar */
.filter-bar{display:flex;gap:18px;background:#fff;box-shadow:var(--shadow);border-radius:10px;padding:22px;margin-bottom:10px;border-top:3px solid var(--red);flex-wrap:wrap}
.filter-field{flex:1;min-width:200px}
.filter-field label{display:block;font-size:12px;font-weight:700;color:#666;margin-bottom:7px;letter-spacing:.5px}

/* Why us */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px}
.why-card{background:#fff;border-radius:12px;padding:30px 24px;box-shadow:0 4px 16px rgba(0,0,0,.05)}
.why-card i{font-size:34px;color:var(--red);margin-bottom:16px}
.why-card h4{font-size:17px;font-weight:800;margin-bottom:10px;text-transform:uppercase}
.why-card p{color:var(--muted);font-size:14px}

/* About */
.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.about-q{color:var(--red);font-size:26px;font-style:italic;font-weight:900;margin-bottom:18px}
.about-text h3{font-size:20px;margin-bottom:14px}
.about-text p{color:#555;margin-bottom:14px}
.exp-box{background:var(--black);border-radius:12px;padding:50px 30px;text-align:center;box-shadow:0 0 0 12px #fdeaec}
.exp-num{display:block;font-size:72px;font-weight:900;color:var(--red);font-style:italic;line-height:1}
.exp-label{display:block;color:#fff;font-weight:700;letter-spacing:2px;margin-top:10px}

/* FAQ */
.faq-list{max-width:900px;margin:40px auto 0}
.faq-item{background:#fff;border:1px solid #eee;border-radius:10px;margin-bottom:14px;overflow:hidden}
.faq-q{width:100%;background:none;border:none;display:flex;justify-content:space-between;align-items:center;
  padding:20px 24px;font-size:16px;font-weight:800;cursor:pointer;text-align:left;font-family:inherit;text-transform:uppercase}
.faq-q i{color:var(--red)}
.faq-a{max-height:0;overflow:hidden;transition:.25s;padding:0 24px}
.faq-item.open .faq-a{max-height:400px;padding:0 24px 22px}
.faq-a p{color:#555}

/* Contact */
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.contact-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:34px 22px;text-align:center;transition:.2s}
.contact-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.contact-card i{font-size:32px;color:var(--red);margin-bottom:14px}
.contact-card h4{font-size:17px;margin-bottom:8px}
.contact-card p{color:var(--muted);font-size:14px}

/* Detail */
.detail-section{padding-top:34px}
.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:24px}
.breadcrumb a:hover{color:var(--red)}
.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}
.gallery-main{border-radius:12px;overflow:hidden;background:#f0f0f0;aspect-ratio:16/11}
.gallery-main img{width:100%;height:100%;object-fit:cover}
.gallery-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.gallery-thumbs img{width:90px;height:64px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent}
.gallery-thumbs img.active{border-color:var(--red)}
.detail-head{display:flex;justify-content:space-between;align-items:center}
.detail-head h1{font-size:32px;font-weight:900;text-transform:uppercase}
.detail-model{color:var(--muted);margin:6px 0 20px}
.detail-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px}
.spec-item{background:#f7f7f9;border-radius:8px;padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center}
.spec-item i{color:var(--red);font-size:20px;margin-bottom:6px}
.spec-item span{font-size:12px;color:var(--muted)}
.spec-item strong{font-size:15px}
.detail-info .btn-reserve{margin-top:8px}
.detail-features{margin-top:24px}
.detail-features h4{margin-bottom:12px}
.detail-features ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.detail-features li{font-size:14px}
.detail-features li i{color:var(--wa);margin-right:6px}
.detail-desc{margin-top:40px;border-top:1px solid #eee;padding-top:30px}
.detail-desc h3{margin-bottom:12px}
.detail-desc p{color:#555}
.rich-content{max-width:900px;margin:0 auto;color:#444}
.rich-content h1,.rich-content h2,.rich-content h3{margin:18px 0 10px}
.rich-content p{margin-bottom:12px}
.rich-content ul,.rich-content ol{margin:0 0 12px 22px}

/* Footer */
.site-footer{background:var(--black);color:#cfcfcf;border-top:3px solid var(--red);padding-top:50px;margin-top:20px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1.4fr;gap:34px;padding-bottom:40px}
.footer-col h4{color:#fff;font-size:16px;font-weight:800;margin-bottom:18px;position:relative;padding-bottom:10px}
.footer-col h4::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:2px;background:var(--red)}
.footer-col a{display:block;color:#bbb;padding:6px 0;font-size:14px;transition:.15s}
.footer-col a:hover{color:var(--red)}
.footer-about{color:#aaa;font-size:14px;margin:14px 0 18px}
.footer-social{display:flex;gap:10px}
.footer-social a{width:38px;height:38px;border-radius:8px;background:#333;display:flex;align-items:center;justify-content:center;color:#fff}
.footer-social a:hover{background:var(--red)}
.footer-contact{font-size:14px;color:#bbb;margin-bottom:12px;display:flex;gap:8px}
.footer-contact i{color:var(--red);margin-top:3px}
.footer-company{border-top:1px solid #2a2a2f;padding:22px 0 6px}
.footer-company h4{color:#fff;font-size:15px;font-weight:800;margin-bottom:14px}
.footer-company h4 i{color:var(--red);margin-right:6px}
.company-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}
.company-item{display:flex;flex-direction:column;gap:3px;padding:9px 0;border-bottom:1px solid #2a2a2f}
.company-item.full{grid-column:1 / -1}
.company-item .ci-k{color:var(--red);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.4px}
.company-item .ci-v{color:#dcdcdc;font-size:13.5px;line-height:1.45}
@media (max-width:640px){.company-grid{grid-template-columns:1fr;gap:0}}
.footer-bottom{border-top:1px solid #2a2a2f;padding:18px 0;font-size:13px;color:#888;text-align:center}

/* Floating buttons */
.float-btn{position:fixed;bottom:24px;z-index:60;color:#fff;padding:14px 22px;border-radius:50px;
  font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.float-call{left:24px;background:var(--red)}
.float-wa{right:24px;background:var(--wa)}
.float-btn i{font-size:18px}

/* Çerez bandı */
.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:120;background:rgba(17,17,20,.97);color:#eee;
  box-shadow:0 -4px 20px rgba(0,0,0,.25);transform:translateY(100%);transition:.3s;padding:16px 0}
.cookie-bar.show{transform:translateY(0)}
.cookie-inner{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}
.cookie-text{font-size:13.5px;line-height:1.5;flex:1;min-width:240px;margin:0}
.cookie-text a{color:var(--red);font-weight:700}
.cookie-accept{white-space:nowrap;padding:12px 28px}
/* band açıkken yüzen butonlar çakışmasın */
body.cookie-open .float-btn{bottom:90px}
@media (max-width:768px){
  .cookie-bar{padding:14px 0}
  .cookie-inner{flex-direction:column;align-items:stretch;gap:12px}
  .cookie-accept{width:100%}
  body.cookie-open .float-btn{bottom:160px}
}

/* Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200;display:none;align-items:center;justify-content:center;padding:20px}
.modal-overlay.open{display:flex}
.modal-box{background:#fff;border-radius:14px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.modal-head{background:var(--black);color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:800}
.modal-head i{color:var(--red);margin-right:6px}
.modal-close{background:none;border:none;color:#fff;font-size:22px;cursor:pointer}
.modal-body{padding:24px}
.modal-body label{display:block;font-size:12px;font-weight:700;color:#555;letter-spacing:.5px;margin:14px 0 6px}
.modal-body label:first-child{margin-top:0}
.modal-body input,.modal-body select{width:100%;padding:13px;border:1px solid #ddd;border-radius:8px;font-size:15px;font-family:inherit;background:#fafafa}
.modal-row{display:flex;gap:14px}
.modal-row>div{flex:1}
.modal-foot{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}

/* ===== Responsive ===== */
@media (max-width:992px){
  .car-grid,.why-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .detail-grid,.about-grid{grid-template-columns:1fr}
}
@media (max-width:768px){
  .nav-toggle{display:block}
  .main-nav{position:fixed;top:0;right:-100%;width:78%;max-width:320px;height:100vh;background:var(--black);
    flex-direction:column;align-items:flex-start;gap:0;padding:80px 26px 26px;transition:.28s;z-index:55;overflow-y:auto}
  .main-nav.open{right:0}
  .main-nav a{width:100%;padding:14px 0;border-bottom:1px solid #2a2a2f}
  .btn-call-header{margin-top:14px;width:100%}
  .nav-mobile-only{display:block}
  .nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:54;display:none}
  .nav-backdrop.open{display:block}
  .big-hero{padding:56px 0 70px}
  .hero-title{font-size:38px}
  .hero-sub{font-size:16px}
  .hero-cta{flex-direction:column;width:100%}
  .hero-cta .btn{width:100%}
  .search-box{flex-direction:column;align-items:stretch;border-radius:12px;margin-top:-50px}
  .search-field{min-width:0}
  .btn-search{width:100%}
  .section{padding:44px 0}
  .section-title{font-size:26px}
  .car-grid,.why-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}
  .dark-hero h1,.page-hero h1{font-size:32px}
  .float-btn span{display:none}
  .float-btn{padding:14px;border-radius:50%}
  .float-btn i{font-size:20px}
  .detail-features ul{grid-template-columns:1fr}
}

/* ==========================================================================
   ANASAYFA — Editoryal Kurumsal/Lüks Yeniden Tasarım (v2)
   Token sistemi: ink/charcoal/gold/wine-red + Fraunces (serif) + Inter
   ========================================================================== */
:root{
  --ink:#0a0b0d;
  --charcoal:#16181c;
  --charcoal-2:#1e2126;
  --gold:#b9925c;
  --gold-bright:#d6ad74;
  --wine:#8a1620;
  --hair:rgba(185,146,92,.22);
  --off:#eef0f2;
}

.eyebrow{display:inline-flex;align-items:center;gap:8px;font:800 12px/1 'Inter',sans-serif;letter-spacing:3px;
  text-transform:uppercase;color:var(--gold)}
.eyebrow i{font-size:11px}
.eyebrow-inline{display:block;margin-bottom:2px}

/* ---------- HERO SPLIT ---------- */
.hero-split{display:grid;grid-template-columns:1.05fr 1fr;min-height:640px;background:var(--ink)}
.hero-split-left{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:70px 64px 70px 5vw}
.hero-serif{font-family:'Fraunces',serif;font-weight:340;font-size:58px;line-height:1.08;color:#f3efe9;letter-spacing:.2px}
.hero-serif em{font-style:italic;font-weight:600;color:var(--gold-bright)}
.hero-split-sub{color:#a9b0b8;font-size:16.5px;max-width:440px;line-height:1.7}
.hero-split-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}
.hero-phone{color:#c7cdd3;font-size:14.5px;font-weight:600;display:inline-flex;align-items:center;gap:9px;margin-top:6px}
.hero-phone i{color:var(--gold)}

.hero-split-right{position:relative;background-size:cover;background-position:center;min-height:340px}
.hero-float-card{position:absolute;left:40px;bottom:40px;background:rgba(10,11,13,.6);backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);border:1px solid var(--hair);border-radius:4px;padding:22px 28px;
  display:flex;flex-direction:column;gap:2px}
.hfc-num{font-family:'Fraunces',serif;font-size:38px;font-weight:600;color:#fff;line-height:1}
.hfc-label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#b7bec6;margin-top:4px}

/* Butonlar (yeni sistem) */
.btn-solid{background:var(--gold);color:#1a1305;border:none;font-weight:800;font-size:14px;letter-spacing:.4px;
  padding:16px 32px;border-radius:2px;cursor:pointer;font-family:'Inter',sans-serif;transition:.2s;display:inline-flex;align-items:center;gap:10px}
.btn-solid:hover{background:var(--gold-bright)}
.btn-solid-sm{padding:13px 22px;font-size:13px}
.btn-line{background:transparent;color:#f0ede8;border:1px solid rgba(240,237,232,.35);font-weight:700;font-size:14px;
  letter-spacing:.4px;padding:15px 30px;border-radius:2px;cursor:pointer;font-family:'Inter',sans-serif;transition:.2s;
  display:inline-flex;align-items:center;gap:10px}
.btn-line:hover{border-color:var(--gold);color:var(--gold-bright)}

/* ---------- Güven Şeridi (ticker) ---------- */
.ticker-strip{background:var(--charcoal);border-bottom:1px solid var(--hair)}
.ticker-grid{display:flex;align-items:center;justify-content:center;padding:34px 0;flex-wrap:wrap;gap:0}
.ticker-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 46px}
.ticker-num{font-family:'Fraunces',serif;font-size:30px;font-weight:500;color:#fff;line-height:1}
.ticker-label{font-size:11.5px;letter-spacing:1.3px;text-transform:uppercase;color:#8b929a;margin-top:6px}
.ticker-divider{width:1px;height:44px;background:var(--hair)}

/* ---------- Arama (slim) ---------- */
.search-slim{background:var(--ink);padding:36px 0;border-bottom:1px solid var(--hair)}
.search-slim-inner{display:flex;align-items:center;gap:34px;flex-wrap:wrap}
.search-slim-form{display:flex;gap:18px;flex:1;flex-wrap:wrap;align-items:flex-end}
.ss-field{flex:1;min-width:180px}
.ss-field label{display:block;font-size:11px;font-weight:700;letter-spacing:1.2px;color:#8b929a;margin-bottom:8px}
.ss-field select{width:100%;padding:13px 14px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);
  color:#f0ede8;font-size:14.5px;font-family:inherit;cursor:pointer;border-radius:0}
.ss-field select:focus{outline:none;border-bottom-color:var(--gold)}
.ss-field select option{background:var(--charcoal);color:#fff}

/* ---------- Katalog (öne çıkan araçlar) ---------- */
.catalog-section{background:var(--ink);padding:80px 0}
.catalog-head{margin-bottom:44px}
.cat-heading{font-family:'Fraunces',serif;font-weight:400;font-size:34px;color:#f3efe9;margin-top:10px;line-height:1.2}
.cat-heading-light{color:#f3efe9}
.empty-note-dark{text-align:center;color:#8b929a;padding:40px;font-size:16px}
.car-grid-catalog{counter-reset:carnum}
.car-grid-catalog .car-card{counter-increment:carnum;position:relative;border:1px solid rgba(255,255,255,.06)}
.car-grid-catalog .car-card::before{
  content:"N\u00b0 " counter(carnum,decimal-leading-zero);
  position:absolute;top:14px;left:14px;z-index:2;background:rgba(10,11,13,.75);color:var(--gold-bright);
  font:800 11px/1 'Inter',sans-serif;letter-spacing:1px;padding:6px 10px;border-radius:2px;
  border:1px solid rgba(185,146,92,.4)}
.catalog-section .center-cta{margin-top:44px}

/* ---------- Sertifika Mührü (imza bölüm) ---------- */
.seal-section{background:linear-gradient(155deg,var(--charcoal),var(--charcoal-2));padding:80px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.seal-inner{display:flex;justify-content:space-between;align-items:center;gap:60px;flex-wrap:wrap}
.seal-text{flex:1;min-width:300px}
.seal-text p{color:#a9b0b8;font-size:15px;line-height:1.7;max-width:460px;margin-top:16px}
.seal-row{display:flex;gap:36px;flex-wrap:wrap}
.seal-badge{display:flex;flex-direction:column;align-items:center;gap:14px;width:140px;text-align:center}
.seal-ring{width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--gold);box-shadow:0 0 0 6px rgba(185,146,92,.12),0 0 0 1px rgba(185,146,92,.12) inset;
  background:rgba(185,146,92,.06)}
.seal-ring i{font-size:26px;color:var(--gold-bright)}
.seal-badge span{font-size:13px;font-weight:700;color:#e6e2db;letter-spacing:.3px}

/* ---------- Yorumlar (asimetrik bento) ---------- */
.testi-section{background:var(--ink);padding:80px 0}
.testi-bento{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:10px}
.testi-main{background:var(--charcoal);border:1px solid var(--hair);border-radius:4px;padding:44px;position:relative;overflow:hidden}
.testi-quote-mark{font-family:'Fraunces',serif;font-size:120px;color:rgba(185,146,92,.18);position:absolute;top:-10px;left:24px;line-height:1}
.testi-main-text{position:relative;font-family:'Fraunces',serif;font-size:23px;font-weight:400;font-style:italic;
  color:#f0ede8;line-height:1.5;max-width:560px}
.testi-author{margin-top:26px;padding-top:20px;border-top:1px solid var(--hair);display:flex;flex-direction:column}
.ta-name{color:var(--gold-bright);font-weight:800;font-size:14px}
.ta-role{color:#8b929a;font-size:12.5px;font-weight:400;margin-top:2px}
.testi-side{display:flex;flex-direction:column;gap:24px}
.testi-mini{background:var(--charcoal);border:1px solid var(--hair);border-radius:4px;padding:26px;flex:1}
.testi-mini .t-stars{color:var(--gold);font-size:12px;margin-bottom:10px;letter-spacing:2px}
.testi-mini p{color:#c7cdd3;font-size:13.5px;line-height:1.6;margin-bottom:14px}
.testi-mini .ta-name{font-size:13px}

/* ---------- Kapanış CTA ---------- */
.final-cta-minimal{background:var(--ink);padding:90px 0;text-align:center;border-top:1px solid var(--hair)}
.final-cta-minimal .cat-heading{margin-bottom:30px}
.final-cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* ---------- Scroll reveal ---------- */
@media (prefers-reduced-motion: no-preference){
  .hero-serif,.hero-split-sub,.hero-split-cta,.hero-phone{animation:heroUp .7s ease both}
  .hero-split-sub{animation-delay:.08s}
  .hero-split-cta{animation-delay:.16s}
  .hero-phone{animation-delay:.22s}
}
@keyframes heroUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

/* ---------- Responsive ---------- */
@media (max-width:992px){
  .hero-split{grid-template-columns:1fr}
  .hero-split-right{min-height:320px;order:-1}
  .hero-split-left{padding:56px 6vw}
  .hero-float-card{left:20px;bottom:20px;padding:16px 20px}
  .hfc-num{font-size:28px}
  .seal-inner{flex-direction:column;align-items:flex-start}
  .testi-bento{grid-template-columns:1fr}
}
@media (max-width:768px){
  .hero-serif{font-size:38px}
  .ticker-grid{gap:18px 0}
  .ticker-item{padding:0 20px}
  .ticker-divider:nth-child(6){display:none}
  .search-slim-inner{flex-direction:column;align-items:stretch}
  .search-slim-form{flex-direction:column}
  .cat-heading{font-size:26px}
  .seal-row{gap:20px;justify-content:center;width:100%}
  .seal-badge{width:100px}
  .seal-ring{width:68px;height:68px}
  .testi-main{padding:30px}
  .testi-main-text{font-size:19px}
  .final-cta-actions{flex-direction:column}
  .final-cta-actions .btn-solid,.final-cta-actions .btn-line{width:100%;justify-content:center}
}