:root{
    --navy:#002346;
    --navy-2:#013261;
    --navy-3:#04407e;
    --orange:#f4791e;
    --orange-2:#ff9a3d;
    --gray:#83868a;
    --gray-light:#f3f5f7;
    --gray-line:#e3e7eb;
    --ink:#111c2a;
    --ink-soft:#4c5b6b;
    --white:#ffffff;
    --radius:10px;
    --shadow:0 10px 30px rgba(0,35,70,.10);
    --maxw:1280px;
    font-size:16px;
  }
  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    color:var(--ink);
    background:var(--white);
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{
    font-family:'Barlow Condensed',sans-serif;
    font-weight:700;
    letter-spacing:.2px;
    margin:0 0 .5em;
    color:var(--navy);
    line-height:1.08;
  }
  p{line-height:1.7;color:var(--ink-soft);margin:0 0 1em;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  ul{margin:0;padding:0;list-style:none;}
  .container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
  .eyebrow{
    display:inline-block;
    font-family:'Barlow Condensed',sans-serif;
    font-weight:700;font-size:.95rem;letter-spacing:2px;text-transform:uppercase;
    color:var(--orange);margin-bottom:10px;
  }
  .eyebrow::before{content:"";display:inline-block;vertical-align:middle;width:26px;height:3px;margin-right:8px;background:var(--orange);border-radius:2px;}
  .section{padding:80px 0;}
  .section-head{max-width:640px;margin-bottom:44px;}
  .section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.05rem;
    letter-spacing:.4px;text-transform:uppercase;
    padding:14px 30px;border-radius:6px;border:2px solid transparent;cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
  }
  .btn-primary{background:var(--orange);color:var(--white);}
  .btn-primary:hover{background:#e0690f;transform:translateY(-2px);box-shadow:0 10px 22px rgba(244,121,30,.35);}
  .btn-outline{background:transparent;border-color:rgba(255,255,255,.55);color:var(--white);}
  .btn-outline:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);}
  .btn-navy{background:var(--navy);color:var(--white);}
  .btn-navy:hover{background:var(--navy-2);transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,35,70,.3);}
  .btn-ghost{background:transparent;color:var(--navy);border-color:var(--gray-line);}
  .btn-ghost:hover{border-color:var(--orange);color:var(--orange);}
  :focus-visible{outline:3px solid var(--orange-2);outline-offset:2px;}

  /* ---------- topbar ---------- */
  .topbar{background:var(--navy);color:#c9d6e4;font-size:.85rem;}
  .topbar .container{display:flex;justify-content:space-between;align-items:center;height:38px;}
  .topbar .contact-line{display:flex;gap:22px;}
  .topbar .contact-line span{display:flex;align-items:center;gap:6px;}
  .status-dot{
    display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 auto;
    background:#5c6b7c;transition:background .3s ease;
  }
  .status-dot.is-live{
    background:#3ecf6e;box-shadow:0 0 0 rgba(62,207,110,.6);
    animation:statusPulse 2s infinite;
  }
  @keyframes statusPulse{
    0%{box-shadow:0 0 0 0 rgba(62,207,110,.55);}
    70%{box-shadow:0 0 0 6px rgba(62,207,110,0);}
    100%{box-shadow:0 0 0 0 rgba(62,207,110,0);}
  }
  .topbar .socials{display:flex;gap:14px;}
  .topbar .socials a{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.25);
    display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;}
  .topbar .socials a:hover{background:var(--orange);border-color:var(--orange);}

  /* ---------- header ---------- */
  header.site-header{
    position:sticky;top:0;z-index:50;
    background:var(--white);
    box-shadow:0 2px 14px rgba(0,20,40,.06);
  }
  .header-inner{display:flex;align-items:center;justify-content:space-between;height:86px;gap:20px;}
  .logo{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',sans-serif;position:relative;overflow:hidden;}
  .logo::after{
    content:"";position:absolute;top:-70%;left:-45%;width:26px;height:260%;
    background:linear-gradient(180deg,
      transparent 0%, transparent 30%,
      rgba(0,20,45,.05) 42%,
      rgba(255,255,255,1) 50%,
      rgba(0,20,45,.05) 58%,
      transparent 70%, transparent 100%);
    transform:rotate(-18deg);
    pointer-events:none;
    animation:logoShine 5.5s ease-in-out infinite;
  }
  @keyframes logoShine{
    0%{left:-15%;}
    32%{left:115%;}
    100%{left:115%;}
  }
  @media (prefers-reduced-motion: reduce){
    .logo::after{animation:none;display:none;}
  }
  .logo .mark{height:66px;width:auto;flex:0 0 auto;object-fit:contain;}
  .logo .wordmark{line-height:1.05;}
  .logo .wordmark b{display:block;font-size:1.85rem;font-weight:800;color:var(--navy);letter-spacing:.5px;}
  .logo .wordmark small{display:block;font-size:.92rem;font-weight:600;color:var(--gray);letter-spacing:3px;}
  nav.main-nav{display:flex;gap:34px;}
  nav.main-nav a{
    font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:1.05rem;
    text-transform:uppercase;letter-spacing:.4px;color:var(--navy);
    padding:8px 0;position:relative;
  }
  nav.main-nav a::after{
    content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--orange);
    transition:width .2s ease;
  }
  nav.main-nav a:hover::after,nav.main-nav a.active::after{width:100%;}

  .nav-dropdown{position:relative;}
  .nav-dropdown-toggle{display:flex;align-items:center;gap:6px;}
  .nav-dropdown-toggle svg{transition:transform .2s ease;flex:0 0 auto;}
  .nav-dropdown:hover .nav-dropdown-toggle svg{transform:rotate(180deg);}
  .nav-dropdown-menu{
    position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);
    min-width:240px;background:#fff;border:1px solid var(--gray-line);border-radius:10px;
    box-shadow:0 16px 34px rgba(0,35,70,.15);padding:8px;
    opacity:0;visibility:hidden;transition:opacity .18s ease, transform .18s ease, visibility .18s;
    z-index:70;
  }
  .nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
  nav.main-nav .nav-dropdown-menu a{
    display:block;padding:9px 12px;border-radius:6px;font-family:'Inter',sans-serif;
    font-weight:500;font-size:.92rem;text-transform:none;letter-spacing:0;color:var(--ink);
  }
  .nav-dropdown-cat-link{display:flex !important;align-items:center;gap:10px;}
  .nav-dropdown-cat-link.is-disabled{
    color:var(--ink-soft,#8a97a3);opacity:.55;cursor:default;pointer-events:none;
  }
  .nav-dropdown-cat-soon{
    margin-left:auto;font-size:.68rem;font-weight:700;letter-spacing:.3px;color:var(--orange);
    background:rgba(244,121,30,.12);padding:2px 8px;border-radius:20px;white-space:nowrap;
  }
  .nav-dropdown-cat-thumb{
    width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 auto;
    border:1px solid var(--gray-line);
  }
  .nav-dropdown-cat-emoji{
    width:28px;height:28px;display:flex;align-items:center;justify-content:center;
    flex:0 0 auto;font-size:1.05rem;
  }
  .nav-dropdown-menu a:hover{background:var(--gray-light);color:var(--orange);}
  .nav-dropdown-menu a::after{display:none;}
  .nav-dropdown-all{
    margin-top:6px;padding-top:12px !important;border-top:1px solid var(--gray-line);
    color:var(--orange) !important;font-weight:700 !important;
  }

  .header-actions{display:flex;align-items:center;gap:16px;}
  .lang-switcher{position:relative;flex:0 0 auto;}
  .lang-btn{
    display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;
    border-radius:20px;border:1px solid var(--gray-line);background:#fff;
    font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.92rem;
    letter-spacing:.4px;color:var(--navy);cursor:pointer;
  }
  .lang-btn:hover,.lang-switcher.is-open .lang-btn{border-color:var(--orange);color:var(--orange);}
  .lang-btn svg{transition:transform .2s ease;}
  .lang-switcher.is-open .lang-btn svg{transform:rotate(180deg);}
  .lang-menu{
    position:absolute;top:calc(100% + 8px);right:0;min-width:150px;
    background:#fff;border:1px solid var(--gray-line);border-radius:10px;
    box-shadow:0 14px 30px rgba(0,35,70,.14);padding:6px;
    opacity:0;visibility:hidden;transform:translateY(-6px);
    transition:opacity .18s ease, transform .18s ease, visibility .18s;
    z-index:70;
  }
  .lang-switcher.is-open .lang-menu{opacity:1;visibility:visible;transform:translateY(0);}
  .lang-option{
    display:block;width:100%;text-align:left;padding:9px 12px;border-radius:6px;
    border:0;background:none;font-family:'Inter',sans-serif;font-size:.92rem;
    color:var(--ink);cursor:pointer;
  }
  .lang-option:hover{background:var(--gray-light);}
  .lang-option.is-active{color:var(--orange);font-weight:600;}
  .dealer-btn{
    font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;
    letter-spacing:.5px;color:var(--white);background:var(--orange);
    padding:12px 22px;border-radius:6px;white-space:nowrap;display:flex;align-items:center;gap:8px;
  }
  .dealer-btn:hover{background:#e0690f;}
  .nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:6px;}
  .nav-toggle span{display:block;width:26px;height:3px;margin:5px 0;background:var(--navy);border-radius:2px;}

  /* ---------- hero ---------- */
  .hero{
    position:relative;overflow:hidden;
    background:linear-gradient(120deg,var(--navy) 0%,var(--navy-3) 100%);
    color:#fff;padding:20px 0 24px;
  }
  .hero-bg-media{
    position:absolute;inset:0;width:100%;height:100%;
    z-index:0;overflow:hidden;
  }
  .hero-bg-media img, .hero-bg-media video{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  }
  .hero-bg-media--filigree img{
    opacity:.16;
  }
  .hero-overlay{
    position:absolute;inset:0;z-index:1;
    background:linear-gradient(120deg, rgba(0,25,50,.90) 0%, rgba(4,64,126,.80) 60%, rgba(0,25,50,.72) 100%);
  }
  .hero-overlay--light{
    background:linear-gradient(120deg, rgba(0,25,50,.55) 0%, rgba(4,64,126,.48) 60%, rgba(0,25,50,.42) 100%);
  }
  .hero::before{
    content:"";position:absolute;inset:0;z-index:2;
    background-image:radial-gradient(circle at 82% 20%, rgba(244,121,30,.18), transparent 45%);
    pointer-events:none;
  }
  .hero-finder-band{position:relative;}

  .hero-slider{position:relative;z-index:3;}
  .hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:40px;align-items:center;}
  .hero-text-stack{position:relative;display:grid;}
  .hero-slide-text{
    grid-area:1/1;
    opacity:0;transform:scale(.86) translateX(0);z-index:1;
    transition:opacity .6s cubic-bezier(.22,.68,.36,1), transform .6s cubic-bezier(.22,.68,.36,1);
    pointer-events:none;
  }
  .hero-slide-text.is-active{
    opacity:1;transform:scale(1) translateX(0);z-index:2;pointer-events:auto;
  }
  .hero-slide-text.is-exiting{
    opacity:0;transform:scale(1) translateX(-7%);z-index:3;
  }
  .hero-image-stack{position:relative;display:grid;}
  .hero-slide-image{
    grid-area:1/1;
    opacity:0;transform:scale(.86) translateX(0);z-index:1;
    transition:opacity .6s cubic-bezier(.22,.68,.36,1), transform .6s cubic-bezier(.22,.68,.36,1);
    pointer-events:none;
  }
  .hero-slide-image.is-active{
    opacity:1;transform:scale(1) translateX(0);z-index:2;pointer-events:auto;
  }
  .hero-slide-image.is-exiting{
    opacity:0;transform:scale(1) translateX(-7%);z-index:3;
  }
  .hero-copy{max-width:640px;}
  .hero-copy .eyebrow{color:var(--orange-2);}
  .hero-copy h1{color:#fff;font-size:3.4rem;max-width:620px;}
  .hero-copy p{color:#c9d6e4;font-size:1.08rem;max-width:520px;}
  .hero-cta{display:flex;gap:16px;margin-top:30px;flex-wrap:wrap;}
  .hero-stats{position:relative;z-index:20;display:flex;gap:34px;margin-top:26px;flex-wrap:wrap;}
  .hero-stats div b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:2rem;font-weight:800;color:#fff;}
  .hero-stats div span{font-size:.85rem;color:#9fb2c6;letter-spacing:.4px;}
  .hero-dots{position:relative;z-index:5;width:100%;display:flex;justify-content:center;gap:10px;margin-top:26px;margin-bottom:70px;}
  .hero-dot{
    width:10px;height:10px;border-radius:50%;border:0;padding:0;cursor:pointer;
    background:rgba(255,255,255,.3);transition:background .2s ease,transform .2s ease;
  }
  .hero-dot:hover{background:rgba(255,255,255,.55);}
  .hero-dot.is-active{background:var(--orange);transform:scale(1.25);}
  .hero-image-stack{
    position:relative;display:grid;align-items:center;justify-content:center;
    aspect-ratio:1/1;
  }
  .hero-image-stack::before{
    content:"";position:absolute;width:82%;height:82%;border-radius:50%;
    background:radial-gradient(circle, rgba(244,121,30,.32) 0%, rgba(244,121,30,0) 70%);
    filter:blur(6px);
  }
  .hero-slide-image img{
    position:relative;width:100%;max-width:600px;filter:drop-shadow(0 25px 35px rgba(0,10,25,.45));
  }

  /* ---------- finder ---------- */
  .finder-wrap{margin-top:-58px;position:relative;z-index:3;}
  .finder{
    background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);
    padding:26px 30px 30px;
  }
  .finder-row{display:grid;gap:16px;}
  .finder-row--codes{grid-template-columns:1fr 1fr 1fr;padding-bottom:22px;}
  .finder-row--vehicle{grid-template-columns:1fr 1fr 1fr auto;align-items:end;padding-top:22px;position:relative;}
  .finder-row--vehicle::before{
    content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gray-line);
  }
  .finder-row--vehicle::after{
    content:"VEYA";position:absolute;top:-9px;left:50%;transform:translateX(-50%);
    background:#fff;padding:0 14px;font-family:'Barlow Condensed',sans-serif;font-weight:700;
    font-size:.72rem;letter-spacing:2px;color:var(--gray);
  }
  .finder .field label{
    display:block;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.85rem;
    text-transform:uppercase;letter-spacing:1px;color:var(--gray);margin-bottom:8px;
  }
  .finder select,.finder input[type=text]{
    width:100%;height:50px;border-radius:6px;border:1.5px solid var(--gray-line);
    padding:0 14px;font-size:.98rem;color:var(--ink);background:#fff;
    font-family:'Inter',sans-serif;
  }
  .finder select:focus,.finder input[type=text]:focus{border-color:var(--orange);outline:none;}
  .finder input[type=text]::placeholder{color:var(--gray);opacity:.75;}
  .finder .btn{height:50px;width:100%;}

  /* ---------- trust strip ---------- */
  .trust-strip{background:var(--gray-light);padding:50px 0;border-bottom:1px solid var(--gray-line);}
  .trust-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 48px;}
  .trust-item{display:flex;align-items:center;gap:14px;}
  .trust-item .ic{
    width:48px;height:48px;flex:0 0 auto;border-radius:50%;background:#fff;
    display:flex;align-items:center;justify-content:center;color:var(--orange);
    box-shadow:0 4px 10px rgba(0,35,70,.08);
  }
  .trust-item b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:1.05rem;color:var(--navy);}
  .trust-item span{font-size:.85rem;color:var(--ink-soft);}

  /* ---------- promo banners ---------- */
  .promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
  .promo-card{
    position:relative;border-radius:var(--radius);overflow:hidden;min-height:220px;
    display:flex;align-items:flex-end;padding:28px;color:#fff;
    transition:transform .28s ease, box-shadow .28s ease;
    box-shadow:0 0 0 rgba(0,10,25,0);
    text-decoration:none;cursor:pointer;
  }
  .promo-card:hover{
    transform:translateY(-8px);
    box-shadow:0 22px 40px rgba(0,10,25,.28);
  }
  .promo-card .pattern{transition:transform .4s ease;}
  .promo-card:hover .pattern{transform:scale(1.06);}
  .promo-card.a{background:linear-gradient(135deg,var(--navy),var(--navy-3));}
  .promo-card.b{background:linear-gradient(135deg,#c85a0f,var(--orange));}
  .promo-card .content{position:relative;z-index:1;}
  .promo-ic{
    display:flex;align-items:center;justify-content:center;width:48px;height:48px;
    border-radius:50%;background:rgba(255,255,255,.16);font-size:1.4rem;margin-bottom:14px;
  }
  .promo-card h3{color:#fff;font-size:1.9rem;margin-bottom:6px;}
  .promo-card p{color:rgba(255,255,255,.85);margin-bottom:16px;}
  .promo-card .pattern{
    position:absolute;inset:0;background-size:cover;background-position:center;
  }
  .promo-card.a .pattern{
    background-image:
      linear-gradient(90deg, rgba(4,35,70,.94) 0%, rgba(4,35,70,.80) 42%, rgba(4,35,70,.38) 100%),
      url('https://images.unsplash.com/photo-1638262052640-82e94d64664a?w=900&h=500&fit=crop&auto=format&q=65');
  }
  .promo-card.b .pattern{
    background-image:
      linear-gradient(90deg, rgba(168,70,10,.94) 0%, rgba(200,90,15,.80) 42%, rgba(244,121,30,.35) 100%),
      url('https://images.unsplash.com/photo-1684695749267-233af13276d0?w=900&h=500&fit=crop&auto=format&q=65');
  }

  /* ---------- tag cloud + product grid ---------- */
  .tag-cloud-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:34px;}
  .tag-cloud{display:flex;flex-wrap:wrap;gap:10px;flex:1;min-width:0;}
  .tag-pill{
    display:inline-flex;align-items:center;gap:6px;
    font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.95rem;
    padding:9px 16px;border-radius:30px;border:1.5px solid var(--gray-line);
    background:#fff;color:var(--navy);white-space:nowrap;transition:all .18s ease;
  }
  .tag-pill:hover{border-color:var(--orange);color:var(--orange);}
  .tag-pill.is-active{background:var(--orange);border-color:var(--orange);color:#fff;}
  .tag-pill.is-disabled{
    color:var(--ink-soft);opacity:.6;cursor:default;pointer-events:none;
  }
  .tag-pill.is-disabled:hover{border-color:var(--gray-line);color:var(--ink-soft);}
  .tag-pill-soon{
    font-size:.68rem;font-weight:700;letter-spacing:.3px;color:var(--orange);
    background:rgba(244,121,30,.12);padding:1px 7px;border-radius:20px;
  }
  .view-all-link{
    font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;
    color:var(--orange);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;
    flex:0 0 auto;padding-top:9px;
  }
  .view-all-link:hover{color:#c85a0f;}
  .view-all-link span{transition:transform .18s ease;}
  .view-all-link:hover span{transform:translateX(4px);}

  .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}

  /* ---------- sonuc araci: tag-cloud/filtre-durumu + gorunum secici ayni satirda ---------- */
  .results-toolbar{
    display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px;
  }
  .results-toolbar .tag-cloud,.results-toolbar .filter-status{margin-bottom:0;flex:1 1 auto;}
  .view-toggle{
    display:flex;gap:6px;flex:0 0 auto;background:var(--gray-light);border-radius:10px;padding:4px;
    margin-left:auto;
  }
  .view-toggle-btn{
    padding:8px 14px;border-radius:7px;font-size:.85rem;font-weight:600;color:var(--ink-soft);
    text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease;
  }
  .view-toggle-btn:hover{color:var(--navy);}
  .view-toggle-btn.is-active{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(0,0,0,.08);}

  /* ---------- daha kompakt arama formu (kategori/urunler sayfalari ustu) ---------- */
  .finder--compact{padding:20px 26px 24px;}
  .finder--compact .finder-row--codes{padding-bottom:16px;}
  .finder--compact .finder-row--vehicle{padding-top:16px;}

  /* ---------- filtre sonucu liste gorunumu (kucuk foto + satir + Incele butonu) ---------- */
  .product-list{display:flex;flex-direction:column;gap:10px;}
  .product-list-row{
    display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--gray-line);
    border-radius:12px;padding:12px 18px;transition:box-shadow .18s ease,border-color .18s ease;
  }
  .product-list-row:hover{box-shadow:var(--shadow);border-color:transparent;}
  .product-list-thumb{
    flex:0 0 auto;width:64px;height:64px;border-radius:8px;overflow:hidden;background:var(--gray-light);
  }
  .product-list-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
  .product-list-info{flex:1 1 auto;min-width:0;}
  .product-list-info h3{font-size:1rem;margin:2px 0;color:var(--navy);}
  .product-list-info p{font-size:.85rem;color:var(--ink-soft);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .product-list-meta{
    flex:0 0 auto;display:flex;flex-direction:column;gap:2px;text-align:right;
    font-size:.78rem;color:var(--ink-soft);max-width:220px;
  }
  .product-list-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .product-list-cta{flex:0 0 auto;white-space:nowrap;}
  @media (max-width:640px){
    .product-list-row{flex-wrap:wrap;}
    .product-list-meta{display:none;}
    .results-toolbar{flex-direction:column;align-items:stretch;}
    .view-toggle{align-self:center;}
  }
  .pagination-summary{
    text-align:center;color:var(--ink-soft);font-size:.88rem;margin-top:30px;
  }
  .pagination-summary strong{color:var(--navy);}
  .pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:14px;flex-wrap:wrap;}
  .page-link{
    display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;
    border-radius:8px;border:1px solid var(--gray-line);color:var(--navy);text-decoration:none;font-weight:600;font-size:.9rem;
    transition:background .15s ease,border-color .15s ease;
  }
  .page-link:hover{background:var(--gray-light);}
  .page-link.is-active{background:var(--navy);color:#fff;border-color:var(--navy);}
  .page-dots{color:var(--ink-soft);padding:0 4px;}
  .product-card{
    background:#fff;border:1px solid var(--gray-line);border-radius:var(--radius);overflow:hidden;
    display:block;transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
  }
  .product-card:hover{box-shadow:var(--shadow);transform:translateY(-4px);border-color:transparent;}
  .product-card-img{aspect-ratio:1/1;background:var(--gray-light);overflow:hidden;}
  .product-card-img img{width:100%;height:100%;object-fit:cover;}
  .product-card-img--placeholder{
    display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:.82rem;
  }
  .product-card-body{padding:16px 18px;}
  .product-card-cat{display:block;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--orange);margin-bottom:4px;}

  /* ---------- urun detay sayfasi ---------- */
  .product-detail-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start;}
  .product-detail-media{position:sticky;top:100px;}
  .zoomable-img{cursor:zoom-in;transition:transform .2s ease;}
  .zoomable-img:hover{transform:scale(1.02);}

  /* ---------- urun fotografi lightbox (buyutme) ---------- */
  .img-lightbox{
    position:fixed;inset:0;background:rgba(10,20,35,.88);z-index:1000;
    display:flex;align-items:center;justify-content:center;padding:40px;
    opacity:0;pointer-events:none;transition:opacity .2s ease;
  }
  .img-lightbox.is-open{opacity:1;pointer-events:auto;}
  .img-lightbox img{
    max-width:min(90vw,900px);max-height:85vh;object-fit:contain;
    border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5);cursor:zoom-out;
  }
  .img-lightbox-close{
    position:absolute;top:22px;right:28px;color:#fff;font-size:1.6rem;font-weight:300;
    cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;
    border-radius:50%;background:rgba(255,255,255,.12);transition:background .15s ease;
  }
  .img-lightbox-close:hover{background:rgba(255,255,255,.24);}
  .product-detail-media img{width:100%;border-radius:var(--radius);border:1px solid var(--gray-line);background:#fff;}
  .detail-img-placeholder{height:320px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);}
  .product-detail-oem{
    margin-top:16px;background:var(--gray-light);border-radius:8px;padding:14px 18px;
    display:flex;justify-content:space-between;align-items:center;
  }
  .product-detail-oem span{font-size:.8rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;}
  .product-detail-oem b{color:var(--navy);font-size:1.05rem;}
  .product-detail-info h1{font-size:1.9rem;margin:6px 0 10px;color:var(--navy);}
  .detail-section-title{font-size:1.1rem;color:var(--navy);margin:28px 0 12px;padding-top:20px;border-top:1px solid var(--gray-line);}
  .detail-table{
    display:grid;grid-template-columns:repeat(2,1fr);gap:14px 24px;
    background:var(--gray-light);border-radius:10px;padding:18px 20px;margin-top:16px;
  }
  .detail-table--2col{grid-template-columns:repeat(2,1fr);background:transparent;padding:0;}
  .detail-table div{display:flex;flex-direction:column;gap:2px;}
  .detail-table span{font-size:.78rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px;}
  .detail-table b{color:var(--navy);font-size:.98rem;}
  .detail-pair-link{
    display:flex;align-items:center;gap:14px;background:var(--gray-light);border-radius:10px;
    padding:12px 16px;text-decoration:none;color:var(--navy);font-weight:600;transition:background .15s ease;
  }
  .detail-pair-link:hover{background:#eceff2;}
  .detail-pair-link img{width:46px;height:46px;object-fit:cover;border-radius:6px;background:#fff;}
  .detail-vehicle-table{width:100%;border-collapse:collapse;margin-top:14px;}
  .detail-vehicle-table th{
    text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.4px;color:var(--ink-soft);
    padding:8px 12px;border-bottom:2px solid var(--gray-line);
  }
  .detail-vehicle-table td{padding:10px 12px;border-bottom:1px solid var(--gray-line);color:var(--ink);font-size:.92rem;}
  .detail-vehicle-table tr:last-child td{border-bottom:0;}
  .product-card-meta{margin-top:10px;padding-top:10px;border-top:1px solid var(--gray-line);display:flex;flex-direction:column;gap:3px;}
  .product-card-meta span{font-size:.78rem;color:var(--ink-soft);}
  .btn-sm{height:38px;padding:0 16px;font-size:.85rem;}
  .filter-status{
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
    background:var(--gray-light);border-radius:10px;padding:14px 20px;margin-bottom:30px;
  }
  .filter-status span{color:var(--ink);}
  .filter-status strong{color:var(--navy);}
  .product-card-body h3{font-size:1.05rem;margin:0;color:var(--navy);}

  /* ---------- about ---------- */
  .about-section{background:var(--gray-light);position:relative;overflow:hidden;}
  .about-section::before{
    content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);
    width:620px;height:310px;
    background:url('/assets/img/world-map-dots.svg') no-repeat center/contain;
    opacity:.12;pointer-events:none;
  }
  .about-grid{position:relative;z-index:1;}

  .about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center;}
  .about-media{position:relative;}
  .about-media .img-ph{
    border-radius:var(--radius);aspect-ratio:4/3;
    background:linear-gradient(155deg,#dfe6ec,#c9d3db);
    display:flex;align-items:center;justify-content:center;color:var(--gray);
    font-family:'Barlow Condensed',sans-serif;font-size:.95rem;text-align:center;padding:20px;
  }
  .about-media .badge{
    position:absolute;bottom:-22px;right:-22px;background:var(--orange);color:#fff;
    border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow);
  }
  .about-media .badge b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:2.1rem;font-weight:800;}
  .about-media .badge span{font-size:.8rem;letter-spacing:.3px;}
  .about-points{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;}
  .about-point{display:flex;gap:14px;}
  .about-point .ic{width:44px;height:44px;flex:0 0 auto;border-radius:8px;background:#fff;
    display:flex;align-items:center;justify-content:center;color:var(--orange);box-shadow:0 4px 10px rgba(0,35,70,.08);}
  .about-point h5{font-family:'Barlow Condensed',sans-serif;font-size:1.1rem;color:var(--navy);margin:0 0 4px;}
  .about-point p{font-size:.9rem;margin:0;}

  /* ---------- brands marquee ---------- */
  .brands-section{padding:60px 0;border-top:1px solid var(--gray-line);border-bottom:1px solid var(--gray-line);}
  .brands-marquee{
    overflow:hidden;position:relative;
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
    mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  }
  .brands-track{
    display:flex;align-items:center;gap:40px;width:max-content;
    animation:brandsScroll 42s linear infinite;
  }
  .brands-marquee:hover .brands-track{animation-play-state:paused;}
  .brand-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:150px;height:150px;}
  .brand-item img{
    max-height:100%;max-width:100%;width:100%;height:100%;object-fit:contain;
    padding:22px;box-sizing:border-box;border:2px solid var(--gray-line);border-radius:14px;background:#fff;
  }
  .brand-badge{
    display:flex;align-items:center;justify-content:center;
    width:100%;height:100%;border:2px solid var(--gray-line);border-radius:14px;background:#fff;
  }
  .brand-badge-ic{
    width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--gray);
  }
  .brand-badge-ic svg{width:100%;height:100%;}
  .sr-only{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
    clip:rect(0,0,0,0);white-space:nowrap;border:0;
  }
  @keyframes brandsScroll{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
  }
  @media (prefers-reduced-motion: reduce){
    .brands-track{animation:none;}
  }

  /* ---------- testimonials ---------- */
  .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  .testi-card{background:#fff;border:1px solid var(--gray-line);border-radius:var(--radius);padding:28px;}
  .testi-stars{color:var(--orange);letter-spacing:2px;margin-bottom:14px;font-size:1rem;}
  .testi-card p{color:var(--ink);font-style:italic;}
  .testi-person{display:flex;align-items:center;gap:12px;margin-top:18px;}
  .testi-avatar{width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;
    display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;}
  .testi-person b{display:block;font-size:.95rem;color:var(--navy);}
  .testi-person span{font-size:.82rem;color:var(--gray);}

  /* ---------- why choose us ---------- */
  .why-section{background:var(--navy);color:#fff;}
  .why-section .eyebrow{color:var(--orange-2);}
  .why-section h2{color:#fff;}
  .why-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
  .why-list li{display:flex;gap:14px;margin-bottom:18px;color:#d7e2ee;}
  .why-list li .chk{
    width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:var(--orange);
    display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff;margin-top:2px;
  }
  .why-media{height:440px;min-width:0;}
  .why-stack{
    position:relative;height:100%;border-radius:var(--radius);overflow:hidden;
    display:grid;
  }
  .why-stack-item{
    grid-area:1/1;border-radius:14px;overflow:hidden;
    opacity:0;transform:scale(.82);z-index:1;
    transition:opacity .65s cubic-bezier(.22,.68,.36,1), transform .65s cubic-bezier(.22,.68,.36,1);
    pointer-events:none;
  }
  .why-stack-item.is-active{
    opacity:1;transform:scale(1);z-index:2;pointer-events:auto;
  }
  .why-stack-item img{width:100%;height:100%;object-fit:cover;display:block;}
  .why-marquee-placeholder{
    width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;
    padding:16px;font-size:.85rem;color:#c9d6e4;
    background:linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.04));
  }
  @media (prefers-reduced-motion: reduce){
    .why-stack-item{transition:none;}
  }

  /* ---------- blog ---------- */
  .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  .blog-card{background:#fff;border:1px solid var(--gray-line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s ease, transform .2s ease;}
  .blog-card:hover{box-shadow:var(--shadow);transform:translateY(-4px);}
  .blog-media{aspect-ratio:16/10;background:var(--gray-light);display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:.8rem;}
  .blog-body{padding:22px;}
  .blog-tag{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:1.4px;
    text-transform:uppercase;color:var(--orange);}
  .blog-body h3{font-size:1.28rem;margin:8px 0 10px;}
  .blog-meta{font-size:.8rem;color:var(--gray);margin-top:14px;}

  /* ---------- gorseller alani tam doldursun, bosluk kalmasin
     (gerekirse kirpilir, tasan kisim gizlenir) ---------- */
  .media-fit-backdrop{display:none;}
  .media-fit-img{
    position:relative;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:1;
  }

  /* ---------- ozel sayfalar (admin panelden olusturulan) ---------- */
  .custom-page-hero{position:relative;width:100%;height:340px;overflow:hidden;background:var(--navy);}
  .custom-page-hero img{position:relative;z-index:1;display:block;}
  .custom-page-hero-overlay{
    position:absolute;inset:0;z-index:2;
    background:linear-gradient(180deg, rgba(0,20,42,.05) 0%, rgba(0,16,35,.45) 100%);
  }

  /* ---------- foto-solda sayfa sablonu ---------- */
  .page-photo-left-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:50px;align-items:start;padding:56px 0;}
  .page-photo-left-media{position:sticky;top:100px;aspect-ratio:1/1;border-radius:var(--radius);overflow:hidden;background:var(--navy);}
  .page-photo-left-media img{position:relative;z-index:1;display:block;}
  .page-photo-left-content h1{color:var(--navy);font-size:2.1rem;margin-bottom:10px;}
  .page-subtitle{font-size:1.1rem;color:var(--ink-soft);margin-bottom:20px;}
  @media (max-width:860px){
    .page-photo-left-grid{grid-template-columns:1fr;gap:26px;padding:36px 0;}
    .page-photo-left-media{position:static;}
  }

  /* ---------- corporate pages (hakkimizda / misyon-vizyon / kalite / bayilik) ---------- */
  .corp-hero{
    position:relative;overflow:hidden;width:100%;
    height:260px;
    display:flex;align-items:center;
    padding:0;
  }
  .corp-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
  .corp-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
  .corp-hero::before{
    content:"";position:absolute;inset:0;z-index:1;
    background:linear-gradient(180deg, rgba(0,20,42,.12) 0%, rgba(0,20,42,.20) 60%, rgba(0,16,35,.55) 100%);
  }
  .corp-hero .container{position:relative;z-index:2;width:100%;}
  .corp-hero .eyebrow{color:var(--orange-2);}
  .corp-hero h1{color:#fff;margin-bottom:6px;text-shadow:0 2px 10px rgba(0,10,25,.4);font-size:2.2rem;}
  .corp-hero p{color:#e4edf5;max-width:640px;margin:0 auto;text-shadow:0 1px 6px rgba(0,10,25,.35);}
  .corp-content{max-width:760px;margin:0 auto;padding-top:56px;}
  .corp-content p{font-size:1.05rem;line-height:1.85;margin-bottom:20px;}
  .corp-content ul{margin:0 0 20px;padding-left:0;list-style:none;}
  .corp-content ul li{
    position:relative;padding-left:28px;margin-bottom:12px;font-size:1.02rem;color:var(--ink-soft);line-height:1.6;
  }
  .corp-content ul li::before{
    content:"✓";position:absolute;left:0;top:0;color:var(--orange);font-weight:700;
  }
  .corp-nav-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;padding-top:44px;border-top:1px solid var(--gray-line);}
  .corp-nav-card{
    display:block;background:var(--gray-light);border:1px solid var(--gray-line);border-radius:var(--radius);
    padding:24px;transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
  }
  .corp-nav-card:hover{box-shadow:var(--shadow);transform:translateY(-4px);border-color:transparent;}
  .corp-nav-card h3{font-size:1.15rem;margin-bottom:8px;}
  .corp-nav-card span{font-size:.88rem;color:var(--ink-soft);}
  .corp-nav-card--accent{background:linear-gradient(120deg,var(--orange),#c85a0f);border-color:transparent;}
  .corp-nav-card--accent h3,.corp-nav-card--accent span{color:#fff;}

  .mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:56px;}
  .mv-card{background:var(--gray-light);border-radius:var(--radius);padding:36px;}
  .mv-ic{font-size:2.2rem;margin-bottom:14px;}
  .mv-card h2{font-size:1.5rem;margin-bottom:16px;}
  .mv-card p{color:var(--ink-soft);line-height:1.8;margin-bottom:14px;}

  /* ---------- genel form stilleri (bayilik basvurusu vb.) ---------- */
  .corp-form{padding-top:16px;}
  .corp-form .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .form-section{
    background:var(--gray-light);border-radius:var(--radius);padding:26px 28px;margin-bottom:22px;
  }
  .form-section h3{
    font-size:1.05rem;color:var(--navy);margin-bottom:18px;padding-bottom:12px;
    border-bottom:1px solid var(--gray-line);
  }
  .field{margin-bottom:18px;}
  .field:last-child{margin-bottom:0;}
  .field label{
    display:block;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.85rem;
    text-transform:uppercase;letter-spacing:1px;color:var(--gray);margin-bottom:8px;
  }
  .field input[type=text],.field input[type=email],.field input[type=tel],.field textarea,.field select{
    width:100%;padding:12px 14px;border-radius:6px;border:1.5px solid var(--gray-line);
    font-size:.98rem;font-family:'Inter',sans-serif;color:var(--ink);background:#fff;
  }
  .field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--orange);}
  .field textarea{resize:vertical;min-height:110px;}
  .checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px;}
  .field .checkbox-item{
    display:flex;align-items:flex-start;gap:10px;font-family:'Inter',sans-serif;
    font-size:.92rem;font-weight:400;text-transform:none;letter-spacing:0;color:var(--ink-soft);
    cursor:pointer;line-height:1.5;
  }
  .checkbox-item input[type=checkbox]{
    flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:var(--orange);cursor:pointer;
  }
  .form-success{
    text-align:center;background:var(--gray-light);border-radius:var(--radius);padding:50px 30px;
  }
  .form-success h2{margin-bottom:10px;}
  .form-success p{margin-bottom:24px;}
  .alert-box{
    background:#fdeaea;border:1px solid #f5c2c2;color:#c0392b;border-radius:8px;
    padding:16px 20px;margin-bottom:24px;font-size:.92rem;
  }
  .alert-box ul{list-style:disc;padding-left:20px;margin:0;}
  .alert-box li{margin-bottom:4px;}

  /* ---------- e-katalog viewer ---------- */
  .catalog-viewer{
    display:flex;align-items:center;justify-content:center;gap:20px;
    max-width:820px;margin:0 auto;
  }
  .catalog-page-frame{
    flex:1;aspect-ratio:3/4;max-height:640px;background:#fff;
    border:1px solid var(--gray-line);border-radius:8px;box-shadow:var(--shadow);
    display:flex;align-items:center;justify-content:center;overflow:hidden;
  }
  .catalog-page-frame img{
    width:100%;height:100%;object-fit:contain;
    opacity:1;transition:opacity .25s ease;
  }
  .catalog-page-frame img.is-fading{opacity:0;}
  .catalog-nav{
    flex:0 0 auto;width:48px;height:48px;border-radius:50%;border:1px solid var(--gray-line);
    background:#fff;color:var(--navy);font-size:1.1rem;cursor:pointer;
    display:flex;align-items:center;justify-content:center;transition:all .18s ease;
  }
  .catalog-nav:hover{background:var(--orange);border-color:var(--orange);color:#fff;}
  .catalog-nav:disabled{opacity:.35;cursor:not-allowed;}
  .catalog-nav:disabled:hover{background:#fff;border-color:var(--gray-line);color:var(--navy);}
  .catalog-counter{text-align:center;margin-top:16px;font-family:'Barlow Condensed',sans-serif;font-weight:700;color:var(--gray);letter-spacing:.5px;}
  .catalog-thumbs{
    display:flex;gap:12px;overflow-x:auto;margin-top:30px;padding-bottom:10px;
    justify-content:center;flex-wrap:wrap;max-width:900px;margin-left:auto;margin-right:auto;
  }
  .catalog-thumb{
    flex:0 0 auto;width:64px;height:84px;padding:0;border-radius:6px;overflow:hidden;
    border:2px solid transparent;cursor:pointer;background:var(--gray-light);opacity:.7;
    transition:all .18s ease;
  }
  .catalog-thumb img{width:100%;height:100%;object-fit:cover;}
  .catalog-thumb:hover{opacity:1;}
  .catalog-thumb.is-active{border-color:var(--orange);opacity:1;}

  /* ---------- newsletter ---------- */
  .catalog-band{background:linear-gradient(120deg,var(--orange),#c85a0f);color:#fff;}
  .catalog-band .inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
  .catalog-band-text{display:flex;align-items:center;gap:22px;}
  .catalog-band-ic{width:56px;height:56px;flex:0 0 auto;}
  .catalog-band h3{color:#fff;font-size:1.9rem;margin-bottom:6px;}
  .catalog-band p{color:rgba(255,255,255,.9);margin:0;max-width:520px;}

  .catalog-band-cta{
    height:54px;padding:0 30px;background:var(--navy);color:#fff;flex:0 0 auto;
    display:inline-flex;align-items:center;gap:10px;white-space:nowrap;
  }
  .catalog-band-cta:hover{background:var(--navy-2);}
  .catalog-band-cta span{transition:transform .18s ease;}
  .catalog-band-cta:hover span{transform:translateX(4px);}

  .catalog-band-photo{
    display:block;flex:0 0 auto;border-radius:8px;overflow:hidden;
    box-shadow:0 14px 30px rgba(0,10,25,.3);transition:transform .2s ease;
  }
  .catalog-band-photo:hover{transform:translateY(-4px);}
  .catalog-band-photo img{display:block;height:150px;width:auto;max-width:280px;object-fit:cover;}

  /* ---------- footer ---------- */
  footer.site-footer{background:var(--navy);color:#aebdcd;padding:70px 0 0;}
  .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1);}
  .footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
  .footer-logo b{font-family:'Barlow Condensed',sans-serif;font-size:1.4rem;color:#fff;font-weight:800;}
  .footer-col h4{color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:1.15rem;margin-bottom:18px;letter-spacing:.4px;}
  .footer-col ul li{margin-bottom:10px;}
  .footer-col ul a:hover{color:var(--orange-2);}
  .footer-contact li{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:.92rem;}
  .footer-contact .pin-ic{flex:0 0 auto;}
  .footer-social,.footer-social-inline{display:flex;gap:10px;margin:2px 0 6px;}
  .footer-social a,.footer-social-inline a{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.2);
    display:flex;align-items:center;justify-content:center;font-size:.82rem;}
  .footer-social a:hover,.footer-social-inline a:hover{background:var(--orange);border-color:var(--orange);}
  .footer-bottom{
    display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
    padding:18px 0;font-size:.84rem;gap:14px;
  }
  .footer-bottom .legal-links{display:flex;gap:22px;justify-self:end;}
  .design-credit{
    justify-self:center;color:#93a5b8;text-decoration:none;white-space:nowrap;
    transition:color .18s ease;
  }
  .design-credit:hover{color:#fff;}

  /* ---------- responsive ---------- */
  @media (max-width:1080px){
    .hero-grid{grid-template-columns:1fr;}
    .hero-image-stack{max-width:420px;margin:0 auto;order:-1;}
    .promo-grid,.product-grid{grid-template-columns:repeat(2,1fr);}
    .about-grid,.why-grid{grid-template-columns:1fr;}
    .testi-grid,.blog-grid{grid-template-columns:repeat(2,1fr);}
    .trust-grid{gap:18px 32px;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .corp-nav-links{grid-template-columns:1fr;}
    .finder-row--vehicle{grid-template-columns:1fr 1fr;}
    .finder-row--vehicle .btn{grid-column:1/-1;}
  }
  @media (max-width:860px){
    .logo .mark{height:48px;}
    .logo .wordmark b{font-size:1.35rem;}
    .logo .wordmark small{font-size:.68rem;letter-spacing:2px;}
    .product-detail-grid{grid-template-columns:1fr;gap:26px;}
    .product-detail-media{position:static;}
    .detail-img-placeholder{height:200px;}
    .detail-table,.detail-table--2col{grid-template-columns:1fr 1fr;}
    nav.main-nav{
      position:fixed;top:0;right:-100%;height:100vh;width:78%;max-width:340px;
      background:#fff;flex-direction:column;padding:100px 30px 30px;gap:8px;
      box-shadow:-10px 0 30px rgba(0,0,0,.15);transition:right .3s ease;z-index:60;
    }
    nav.main-nav.open{right:0;}
    nav.main-nav a{font-size:1.2rem;padding:12px 0;border-bottom:1px solid var(--gray-line);}
    .nav-toggle{display:block;}
    .topbar .contact-line span:nth-child(2){display:none;}
    .finder{grid-template-columns:1fr;}
    .hero-copy h1{font-size:2.5rem;}
    .nav-dropdown-toggle{border-bottom:0 !important;margin-bottom:0;}
    .nav-dropdown-menu{
      position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;
      border:0;border-radius:0;padding:0 0 8px 14px;min-width:0;
      display:none;
    }
    .nav-dropdown.is-open .nav-dropdown-menu{display:block;}
    .nav-dropdown.is-open .nav-dropdown-toggle svg{transform:rotate(180deg);}
    .nav-dropdown-menu a{font-size:1.02rem;padding:8px 0;border-bottom:0;text-transform:none;}
    .nav-dropdown-all{border-top:1px solid var(--gray-line);margin-top:4px;padding-top:10px !important;}
  }
  /* ---------- whatsapp yuzen buton ---------- */
  .whatsapp-float{
    position:fixed;right:22px;bottom:22px;z-index:80;
    display:flex;align-items:center;gap:0;
    text-decoration:none;
    filter:drop-shadow(0 8px 20px rgba(0,0,0,.22));
    transition:transform .2s ease;
  }
  .whatsapp-float:hover{transform:translateY(-3px);}
  .whatsapp-label{
    background:var(--navy);color:#fff;
    font-family:'Inter',sans-serif;font-weight:600;font-size:.92rem;
    white-space:nowrap;border-radius:30px 0 0 30px;
    max-width:0;padding:14px 0;opacity:0;overflow:hidden;
    transition:max-width .3s ease, padding .3s ease, opacity .2s ease;
  }
  .whatsapp-float:hover .whatsapp-label{
    max-width:320px;padding:14px 20px;opacity:1;
  }
  .whatsapp-ic{
    width:56px;height:56px;flex:0 0 auto;border-radius:50%;
    background:#fff;display:flex;align-items:center;justify-content:center;
    margin-left:-14px;position:relative;z-index:1;
    box-shadow:0 0 0 6px rgba(37,211,102,.12);
  }
  .whatsapp-ic svg{width:36px;height:36px;}
  .whatsapp-float[aria-disabled="true"]{cursor:default;opacity:.85;}

  @media (max-width:640px){
    .section{padding:56px 0;}
    .promo-grid,.testi-grid,.blog-grid,.footer-grid{grid-template-columns:1fr;}
    .product-grid{grid-template-columns:repeat(2,1fr);}
    .tag-cloud-row{flex-direction:column;align-items:flex-start;}
    .trust-grid{justify-content:flex-start;}
    .finder-row--codes,.finder-row--vehicle{grid-template-columns:1fr;}
    .footer-bottom{grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px;}
    .footer-bottom .legal-links{justify-self:center;flex-wrap:wrap;justify-content:center;}
    .catalog-band .inner{flex-direction:column;align-items:stretch;text-align:center;}
    .catalog-band-text{flex-direction:column;text-align:center;}
    .catalog-band-cta{justify-content:center;}
    .catalog-band-photo{margin:0 auto;}
    .hero-copy h1{font-size:2.1rem;}
    .hero-stats{gap:22px;}
    .lang-btn{padding:0 8px;font-size:.8rem;height:36px;}
    .dealer-btn{padding:10px 10px;font-size:.82rem;letter-spacing:.2px;}
    .header-actions{gap:8px;}
    .mv-grid{grid-template-columns:1fr;}
    .corp-form .grid-2{grid-template-columns:1fr;}
    .checkbox-grid{grid-template-columns:1fr;}
    .form-section{padding:20px;}
    .corp-hero{min-height:150px;padding:0;}
    .corp-hero h1{font-size:1.6rem;}
    .corp-hero p{display:none;}
    .whatsapp-float{right:16px;bottom:16px;}
    .whatsapp-label{display:none;}
    .whatsapp-ic{margin-left:0;width:52px;height:52px;}
    .whatsapp-ic svg{width:32px;height:32px;}
  }

  /* =========================================================
     ORTAS kurumsal banner fonu ve gorsel duzeltmeleri
     ========================================================= */
  .ortas-banner-bg{
    position:relative;
    background-color:#00213f !important;
    background-image:
      url('/assets/img/ortas-logo-watermark.png'),
      radial-gradient(ellipse 40% 90% at 80% 50%, rgba(27,90,160,.45) 0%, rgba(27,90,160,0) 100%),
      linear-gradient(90deg, #00213f 0%, #0d3a6e 100%) !important;
    background-repeat:no-repeat !important;
    background-position:right 10% center, center, center !important;
    background-size:auto 86%, cover, cover !important;
  }
  /* corp-hero ustundeki acik renkli perde kurumsal fonda yaziyi soldurmesin */
  .corp-hero.ortas-banner-bg::before{
    background:linear-gradient(90deg, rgba(0,20,42,.30) 0%, rgba(0,20,42,0) 60%);
  }
  .ortas-media-fallback{position:absolute;inset:0;}

  /* Panelden gorsel eklenince: foto solda, sola dogru filigran gibi yedirilir,
     logoya yaklastikca silikleserek kaybolur (logo etkilenmez) */
  .ortas-banner-photo{
    position:absolute;top:0;bottom:0;left:0;width:72%;z-index:0;
    pointer-events:none;overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 44%,rgba(0,0,0,.6) 70%,transparent 100%);
            mask-image:linear-gradient(90deg,#000 0%,#000 44%,rgba(0,0,0,.6) 70%,transparent 100%);
  }
  .ortas-banner-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.42 !important;position:static !important;}
  .ortas-banner-photo::after{content:"";position:absolute;inset:0;background:rgba(0,33,63,.30);}

  /* Banner icindeki baslik */
  .ortas-banner-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;}
  .ortas-banner-content .eyebrow{color:var(--orange-2, #f7a35c);}
  .ortas-banner-content h1{color:#fff;margin:0 0 8px;font-size:2.6rem;max-width:620px;text-shadow:0 2px 12px rgba(0,10,25,.45);}
  .ortas-banner-content p{color:#dbe5ef;max-width:560px;margin:0;font-size:1.08rem;text-shadow:0 1px 6px rgba(0,10,25,.4);}
  .custom-page-hero.ortas-banner-bg .custom-page-hero-overlay{background:linear-gradient(90deg, rgba(0,20,42,.35) 0%, rgba(0,20,42,0) 55%);}

  @media (max-width:760px){
    .ortas-banner-bg{background-position:right -40px center, center, center !important;background-size:auto 70%, cover, cover !important;}
    .ortas-banner-photo{width:100%;
      -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 30%,transparent 85%);
              mask-image:linear-gradient(90deg,#000 0%,#000 30%,transparent 85%);}
    .ortas-banner-content h1{font-size:1.8rem;}
    .custom-page-hero.ortas-banner-bg{height:220px;}
  }

  /* Ana sayfa banner: urun gorsellerinin beyaz zeminini kaldir */
  .hero-slide-image{background:transparent !important;box-shadow:none !important;border:0 !important;padding:0 !important;}
  .hero-slide-image img.hero-product-img{
    background:transparent !important;box-shadow:none !important;border-radius:0 !important;
    filter:drop-shadow(0 28px 36px rgba(0,10,25,.55));
  }

  /* Hakkimizda varsayilan gorseli */
  .about-media .about-img{display:block;width:100%;height:auto;border-radius:var(--radius, 12px);object-fit:cover;}
  .about-media .about-illustration{aspect-ratio:600/460;}
  .about-copy p + p{margin-top:12px;}

  /* Blog gorseli yoksa: lacivert zemin + ortada logo */
  .blog-media.ortas-blog-ph{background-position:center, center, center !important;background-size:auto 70%, cover, cover !important;}

  /* Metin imleci sadece yazı yazılabilen alanlarda görünsün
     (tarayıcıda "imleçle gezinme" açık olsa bile sayfada yanıp sönen çizgi çıkmaz) */
  body{caret-color:transparent;}
  input,textarea,select,[contenteditable="true"],[contenteditable=""]{caret-color:auto;}

  /* Bayilik başvurusu: form arkasına gömülü kurumsal görsel */
  .dealer-apply-bg{
    position:relative;padding-top:40px;padding-bottom:70px;
    background:
      linear-gradient(90deg, rgba(243,245,248,.72) 0%, rgba(243,245,248,.93) 26%, rgba(243,245,248,.95) 50%, rgba(243,245,248,.93) 74%, rgba(243,245,248,.72) 100%),
      url('/assets/img/bayilik-arka-plan.jpg') center 35% / cover no-repeat;
  }
  .dealer-apply-bg .form-section{
    background:#fff;border:1px solid rgba(0,33,63,.06);
    box-shadow:0 18px 40px rgba(0,25,55,.10), 0 2px 6px rgba(0,25,55,.05);
  }
  .dealer-apply-bg .form-section input,
  .dealer-apply-bg .form-section select,
  .dealer-apply-bg .form-section textarea{background:#f7f9fb;}
  @media (max-width:860px){
    .dealer-apply-bg{background:
      linear-gradient(180deg, rgba(243,245,248,.80) 0%, rgba(243,245,248,.95) 30%),
      url('/assets/img/bayilik-arka-plan.jpg') center top / 100% auto no-repeat, #f3f5f8;}
  }

  /* Kurumsal sayfalarda paragraf başlıkları (Misyonumuz, Vizyonumuz vb.) */
  .corp-content .corp-subhead{
    font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1.75rem;line-height:1.1;
    color:var(--navy);margin:34px 0 10px;display:flex;align-items:center;gap:12px;
  }
  .corp-content .corp-subhead::before{content:"";width:28px;height:4px;border-radius:2px;background:var(--orange);flex:none;}
  .corp-content .corp-subhead:first-child{margin-top:0;}

  /* ---------- Çoklu dil ---------- */
  a.lang-option{text-decoration:none;}
  bdi{unicode-bidi:isolate;}
  /* Arapça (sağdan sola) düzen düzeltmeleri */
  [dir="rtl"] body{text-align:right;}
  [dir="rtl"] .lang-menu{right:auto;left:0;}
  [dir="rtl"] .lang-option{text-align:right;}
  [dir="rtl"] .brands-marquee,[dir="rtl"] .brands-track{direction:ltr;}
  [dir="rtl"] .why-list li,[dir="rtl"] .corp-content li{text-align:right;}
  [dir="rtl"] .corp-content .corp-subhead{padding-left:0;}
  [dir="rtl"] input,[dir="rtl"] textarea,[dir="rtl"] select{text-align:right;}
  [dir="rtl"] input[type="email"],[dir="rtl"] input[name="phone"],[dir="rtl"] input[name="tax_no"]{direction:ltr;text-align:right;}
  [dir="rtl"] .whatsapp-float{right:auto;left:22px;}
  /* Banner: yazı sağda olduğu için logo filigranı sola, fotoğraf sağa alınır */
  [dir="rtl"] .ortas-banner-bg{background-position:left 10% center, center, center !important;}
  [dir="rtl"] .ortas-banner-photo{left:auto;right:0;
    -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 44%,rgba(0,0,0,.6) 70%,transparent 100%);
            mask-image:linear-gradient(270deg,#000 0%,#000 44%,rgba(0,0,0,.6) 70%,transparent 100%);}
  [dir="rtl"] .corp-hero.ortas-banner-bg::before,
  [dir="rtl"] .custom-page-hero.ortas-banner-bg .custom-page-hero-overlay{background:linear-gradient(270deg, rgba(0,20,42,.35) 0%, rgba(0,20,42,0) 60%);}
  @media (max-width: 760px){ [dir="rtl"] .ortas-banner-bg{background-position:left -40px center, center, center !important;} }
  html[lang="en"] .finder-row--vehicle::after{content:"OR";}
  html[lang="de"] .finder-row--vehicle::after{content:"ODER";}
  html[lang="ru"] .finder-row--vehicle::after{content:"ИЛИ";}
  html[lang="ar"] .finder-row--vehicle::after{content:"أو";}
  [dir="rtl"] .logo{direction:ltr;}
  @media (max-width:640px){
    .logo{flex-shrink:0;}
    .dealer-btn{white-space:normal;line-height:1.1;text-align:center;max-width:118px;padding:8px 10px;}
  }