@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Barlow:wght@400;500;600&display=swap');

  :root{
    --ink:#0B1C33;
    --steel:#3A4A5E;
    --paper:#F3F6FA;
    --card:#FFFFFF;
    --signal:#1662C4;
    --signal-dark:#0D3E82;
    --slate:#6B7785;
    --line: rgba(11,28,51,0.12);
  }

  *{box-sizing:border-box;}
  body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:'Barlow', sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{
    font-family:'Poppins', sans-serif;
  }
  a{color:inherit;text-decoration:none;}
  button{font-family:'Barlow', sans-serif;}

  /* ---------- utility bar ---------- */
  .utility{
    background:var(--ink);
    color:var(--paper);
    font-size:13px;
    padding:9px 24px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
  }
  .utility .left{display:flex;gap:22px;flex-wrap:wrap;opacity:0.85;}
  .utility a{border-bottom:1px solid transparent;}
  .utility a:hover{border-bottom-color:var(--signal);}
  .utility .right a{font-weight:600;}

  /* ---------- header ---------- */
  .site-header{
    background:var(--card);
    border-bottom:1px solid var(--line);
    padding:20px 24px;
  }
  .site-header-inner{
    max-width:1320px;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:36px;
    flex-wrap:wrap;
  }
  .brand{display:flex;align-items:center;gap:12px;}
  .header-left{
    display:flex;
    align-items:center;
    gap:16px;
    flex-shrink:0;
  }
  .brand .mark{
    width:46px;height:46px;
    object-fit:contain;
    flex-shrink:0;
    border:1.5px solid var(--navy, #1e3a5f);
    border-radius:4px;
    padding:3px;
    box-sizing:border-box;
  }
  .brand h1{font-size:22px;font-weight:700;margin:0;line-height:1.1;}
  .brand small{display:block;font-size:11.5px;color:var(--slate);font-family:'Barlow';margin-top:2px;}

  .hamburger-btn{
    width:44px;height:44px;
    border:1px solid var(--line);
    background:none;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
    cursor:pointer;
    flex-shrink:0;
  }
  .hamburger-btn span{
    width:20px;height:2px;
    background:var(--ink);
    display:block;
  }
  .call-btn{
    width:44px;height:44px;
    border:1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }
  .call-btn:hover{border-color:var(--signal);}

  .search{
    flex:1;
    min-width:220px;
    display:flex;
    border:1.5px solid var(--ink);
  }
  .search-wrap{
    position:relative;
    flex:1;
    min-width:220px;
    display:flex;
  }
  .search-wrap .search{width:100%;}
  .search-suggest{
    display:none;
    position:absolute;
    top:calc(100% + 6px);
    left:0;
    right:0;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:10px;
    box-shadow:0 12px 28px rgba(0,0,0,0.14);
    max-height:220px;
    overflow-y:auto;
    z-index:60;
    scrollbar-width:thin;
    scrollbar-color:var(--signal) transparent;
  }
  .search-suggest::-webkit-scrollbar{
    width:5px;
  }
  .search-suggest::-webkit-scrollbar-track{
    background:transparent;
  }
  .search-suggest::-webkit-scrollbar-thumb{
    background:var(--signal);
    border-radius:999px;
  }
  .search-suggest.open{display:block;}
  .search-suggest-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 14px;
    cursor:pointer;
    border-bottom:1px solid var(--line);
  }
  .search-suggest-item:last-child{border-bottom:none;}
  .search-suggest-item:hover{background:rgba(225,87,31,0.06);}
  .search-suggest-thumb{
    width:38px;
    height:38px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--bg,#f2f3f5);
    border-radius:6px;
  }
  .search-suggest-thumb svg{width:26px;height:26px;}
  .search-suggest-name{
    font-size:13.5px;
    color:var(--ink);
    line-height:1.3;
  }
  .search-suggest-empty{
    padding:14px;
    font-size:13px;
    color:var(--slate);
    text-align:center;
  }
  .search-suggest-more{
    display:none;
    position:absolute;
    top:calc(100% + 6px + 220px - 34px);
    right:14px;
    width:26px;
    height:26px;
    align-items:center;
    justify-content:center;
    background:var(--signal);
    color:#fff;
    border-radius:50%;
    box-shadow:0 4px 10px rgba(225,87,31,0.4);
    z-index:61;
    pointer-events:none;
    animation:moreBounce 1.4s ease-in-out infinite;
  }
  .search-suggest-more.show{display:flex;}
  @keyframes moreBounce{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(4px);}
  }
  .search input{
    flex:1;
    min-width:0;
    border:none;
    padding:12px 16px;
    font-size:15px;
    font-family:'Barlow';
    outline:none;
  }
  .search button{
    background:var(--ink);
    color:var(--paper);
    border:none;
    padding:0 20px;
    cursor:pointer;
    font-weight:600;
    flex-shrink:0;
    white-space:nowrap;
  }
  .search button:hover{background:var(--signal);}

  .marques-mini{display:flex;gap:16px;align-items:center;}
  .marques-mini span{
    font-family:'Poppins';
    font-weight:700;
    font-size:17px;
    color:var(--slate);
    border:1px solid var(--line);
    padding:5px 12px;
  }
  .marques-mini span.active{color:var(--signal);border-color:var(--signal);}

  /* ---------- category nav ---------- */
  .catnav{
    background:var(--ink);
  }
  .catnav-inner{
    max-width:1320px;
    margin:0 auto;
    display:flex;
    gap:30px;
    padding:14px 24px;
    flex-wrap:wrap;
  }
  .catnav a{
    color:var(--paper);
    font-size:14.5px;
    font-weight:500;
    opacity:0.8;
  }
  .catnav a:hover{opacity:1;color:var(--signal);}

  /* ---------- filter row ---------- */
  .filters{
    max-width:1320px;
    margin:22px auto 0;
    padding:0 24px;
    display:flex;
    gap:14px;
    flex-wrap:wrap;
  }
  .filters select{
    flex:1;
    min-width:150px;
    padding:12px 14px;
    border:1px solid var(--line);
    background:var(--card);
    font-family:'Barlow';
    font-size:14.5px;
    color:var(--steel);
  }
  .filters select:disabled{
    background:var(--bg,#f2f3f5);
    color:var(--slate);
    cursor:not-allowed;
    opacity:0.75;
  }
  #modelSelect.long-value{
    font-size:12.5px;
    letter-spacing:-0.02em;
  }
  @keyframes brandShake{
    10%,90%{transform:translateX(-1px);}
    20%,80%{transform:translateX(2px);}
    30%,50%,70%{transform:translateX(-4px);}
    40%,60%{transform:translateX(4px);}
  }
  #brandSelect.attn{
    animation:brandShake 0.5s;
    border-color:var(--signal, #e1571f);
    box-shadow:0 0 0 3px rgba(225,87,31,0.25);
  }

  .filter-active-note{
    max-width:1320px;
    margin:0 auto;
    padding:14px 24px 0;
    display:none;
    align-items:center;
    gap:10px;
    font-size:14px;
    color:var(--steel);
  }
  .filter-active-note.show{display:flex;}
  .filter-chips{display:flex;flex-wrap:wrap;gap:8px;}
  .filter-chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(22,98,196,0.08);
    color:var(--signal);
    font-weight:600;
    padding:6px 8px 6px 12px;
    border-radius:8px;
    font-size:14px;
  }
  .filter-chip button{
    width:20px;height:20px;
    border-radius:50%;
    border:none;
    background:rgba(22,98,196,0.15);
    color:var(--signal);
    font-size:14px;
    line-height:1;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
  }
  .filter-chip button:hover{background:var(--signal);color:#fff;}

  /* ---------- layout: kategoriler üstte yatay şerit ---------- */
  .layout{
    max-width:1320px;
    margin:0 auto;
    padding:30px 24px 80px;
    display:block;
  }

  .sidebar{
    border:1px solid var(--line);
    background:var(--card);
    margin-bottom:26px;
  }
  .sidebar h4{
    margin:0;
    padding:16px 18px;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    border-bottom:2px solid var(--ink);
  }
  .sidebar ul{list-style:none;margin:0;padding:0;}
  .sidebar li{border-bottom:1px solid var(--line);}
  .sidebar li:last-child{border-bottom:none;}
  .sidebar a{
    display:flex;
    justify-content:space-between;
    padding:12px 18px;
    font-size:14.5px;
    color:var(--steel);
  }
  .sidebar a:hover{color:var(--signal);background:rgba(225,87,31,0.05);}
  .sidebar a .count{color:var(--slate);font-size:12.5px;}

  @media (min-width: 701px){
    .sidebar{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:8px;
      padding:14px 18px;
    }
    .sidebar h4{
      border-bottom:none;
      padding:0;
      margin-right:6px;
      font-size:13px;
      color:var(--slate);
      white-space:nowrap;
    }
    .sidebar ul{display:flex;flex-wrap:wrap;gap:8px;flex:1;}
    .sidebar li{border-bottom:none;}
    .sidebar a{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:8px 16px;
      border:1px solid var(--line);
      border-radius:999px;
      font-size:13.5px;
      white-space:nowrap;
    }
    .sidebar a:hover{background:rgba(225,87,31,0.06);}
    .sidebar a.active{background:var(--ink);color:#fff;border-color:var(--ink);}
    .sidebar a .count{display:none;}
  }

  /* ---------- results header ---------- */
  .results-head{
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    margin-bottom:20px;
    flex-wrap:wrap;
    gap:10px;
  }
  .results-head h2{
    font-size:28px;
    font-weight:700;
    margin:0;
    text-transform:uppercase;
  }
  .results-head span{font-size:13.5px;color:var(--slate);}
  .cat-section{margin-bottom:56px;}
  .cat-section:last-child{margin-bottom:0;}
  .cat-section.hidden{display:none;}
  .part.search-hidden{display:none;}
  .no-results-msg{
    text-align:center;
    padding:60px 24px;
    color:var(--slate);
    font-size:16px;
    display:none;
  }
  .no-results-msg.show{display:block;}
  .search-active-note{
    max-width:1320px;
    margin:0 auto;
    padding:16px 24px 0;
    font-size:14px;
    color:var(--slate);
    display:none;
  }
  .search-active-note.show{display:flex;justify-content:space-between;align-items:center;}
  .search-active-note button{
    background:none;
    border:1px solid var(--line);
    padding:8px 14px;
    border-radius:8px;
    font-size:13px;
    cursor:pointer;
    color:var(--ink);
  }
  .search-active-note button:hover{border-color:var(--signal);color:var(--signal);}
  .sidebar a.active{color:var(--signal);background:rgba(225,87,31,0.08);font-weight:600;}

  /* ---------- product grid ---------- */
  .grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
  }
  .part{
    background:var(--card);
    padding:18px;
    display:flex;
    flex-direction:column;
  }
  .part-link{
    display:contents;
    color:inherit;
    text-decoration:none;
  }
  .part-thumb{
    aspect-ratio:1/1;
    background:var(--paper);
    border:1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:14px;
    position:relative;
    overflow:hidden;
  }
  .part-thumb[class*="thumb-"]{
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    opacity:1;
  }
  .part-thumb .brand-chip{
    position:absolute;
    top:8px;
    left:8px;
    font-size:10.5px;
    font-weight:700;
    background:var(--ink);
    color:var(--paper);
    padding:3px 8px;
  }
  .part-thumb .new-badge{
    position:absolute;
    top:8px;
    right:8px;
    font-size:10px;
    font-weight:700;
    background:#2E6FD9;
    color:#fff;
    padding:3px 8px;
    text-transform:uppercase;
  }
  .part h5{
    font-size:16.5px;
    font-weight:600;
    margin:0 0 6px;
    line-height:1.25;
    font-family:'Barlow';
  }
  .part .code{
    font-size:12px;
    color:var(--slate);
    margin-bottom:12px;
  }
  .part .stock{
    font-size:12px;
    font-weight:600;
    margin-bottom:14px;
    display:inline-flex;
    align-items:center;
    gap:6px;
  }
  .part .stock.var{color:#2E7D4F;}
  .part .stock.var::before{content:"";width:7px;height:7px;background:#2E7D4F;display:inline-block;}
  .part .stock.sor{color:var(--slate);}
  .part .stock.sor::before{content:"";width:7px;height:7px;background:var(--slate);display:inline-block;}
  .part .ask-btn{
    margin-top:auto;
    background:var(--ink);
    color:var(--paper);
    text-align:center;
    padding:10px 0;
    font-size:13.5px;
    font-weight:600;
  }
  .part .ask-btn:hover{background:var(--signal);}
  .btn, .ask-btn, .call-btn, .hamburger-btn, .cta, .iletisim-cta a {
    border-radius:8px;
  }
  .part, .part-thumb, .sidebar, .iletisim-card {
    border-radius:10px;
  }

  /* ---------- slide-out menu ---------- */
  .drawer-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.4);
    z-index:998;
    opacity:0;
    pointer-events:none;
    transition:opacity 0.2s;
  }
  .drawer-overlay.open{opacity:1;pointer-events:auto;}
  .drawer{
    position:fixed;
    top:0;
    left:0;
    max-height:100vh;
    width:300px;
    max-width:84vw;
    background:var(--ink);
    color:var(--paper);
    z-index:999;
    transform:translateX(-100%);
    transition:transform 0.25s ease;
    overflow-y:auto;
    display:flex;
    flex-direction:column;
  }
  .drawer.open{transform:translateX(0);}
  .drawer-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:22px 20px;
    background:linear-gradient(180deg, rgba(225,87,31,0.12), rgba(225,87,31,0));
    border-bottom:1px solid rgba(242,239,233,0.15);
  }
  .drawer-head strong{font-family:'Poppins';font-size:17px;font-weight:700;line-height:1.25;}
  .drawer-close{
    background:none;border:none;color:var(--paper);
    font-size:26px;line-height:1;cursor:pointer;
    opacity:0.7;
    flex-shrink:0;
    margin-left:12px;
  }
  .drawer-close:hover{opacity:1;}
  .drawer-section-label{
    padding:18px 20px 8px;
    font-size:11.5px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:rgba(242,239,233,0.4);
  }
  .drawer-brands{
    display:flex;
    align-items:center;
    gap:16px;
    padding:16px 20px;
    flex-wrap:wrap;
  }
  .drawer-brands img{
    height:26px;
    width:auto;
    max-width:66px;
    object-fit:contain;
    display:block;
  }
  .drawer ul{list-style:none;margin:0;padding:0;}
  .drawer li{border-bottom:1px solid rgba(242,239,233,0.08);}
  .drawer li a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 20px;
    color:var(--paper);
    font-size:15px;
    opacity:0.85;
    transition:background 0.15s ease, opacity 0.15s ease, padding-left 0.15s ease;
  }
  .drawer li a::after{
    content:'';
    width:7px;
    height:7px;
    border-right:1.6px solid currentColor;
    border-bottom:1.6px solid currentColor;
    transform:rotate(-45deg);
    opacity:0.4;
    flex-shrink:0;
    margin-left:10px;
  }
  .drawer li a:hover{
    opacity:1;
    color:var(--signal);
    background:rgba(242,239,233,0.05);
    padding-left:24px;
  }
  .drawer li a.active{color:var(--signal);opacity:1;font-weight:600;background:rgba(225,87,31,0.08);}

  /* ---------- hero banner ---------- */
  .hero-banner{
    background:var(--ink);
    color:var(--paper);
    padding:56px 24px;
  }
  .hero-banner-inner{
    max-width:1320px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr auto;
    gap:30px;
    align-items:center;
  }
  .hero-banner h2{
    font-size:clamp(30px,5vw,50px);
    font-weight:800;
    margin:0 0 10px;
    text-transform:uppercase;
    line-height:1.05;
  }
  .hero-banner h2 em{font-style:normal;color:var(--signal);}
  .hero-banner p{
    font-size:15.5px;
    color:rgba(242,239,233,0.92);
    margin:0;
    max-width:56ch;
    text-wrap:balance;
  }
  .hero-brands{
    display:flex;
    align-items:center;
    gap:22px;
    margin-top:22px;
    flex-wrap:wrap;
  }
  .hero-brands .brand-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:38px;
  }
  .hero-brands .brand-chip img{
    height:100%;
    width:auto;
    max-width:90px;
    object-fit:contain;
    display:block;
  }
  .hero-brands .brand-chip-fiat{
    height:35px;
    align-self:center;
  }
  .hero-banner .cta{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:linear-gradient(135deg, #25D366, #1DA851);
    color:#fff;
    padding:15px 32px;
    font-weight:700;
    font-size:15px;
    text-transform:uppercase;
    white-space:nowrap;
    border-radius:999px;
    box-shadow:0 8px 22px rgba(37,211,102,0.35);
    transition:transform 0.18s ease, box-shadow 0.18s ease;
  }
  .hero-banner .cta:hover{
    background:linear-gradient(135deg, #2be374, #22c15e);
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(37,211,102,0.45);
  }
  .hero-cta-group{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }
  .hero-call-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:rgba(242,239,233,0.85);
    font-size:14px;
    font-weight:600;
    border-bottom:1px solid rgba(242,239,233,0.3);
    padding-bottom:2px;
  }
  .hero-call-link:hover{color:#fff;border-bottom-color:#fff;}
  .cta-call{
    background:linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    box-shadow:0 8px 22px rgba(37,99,235,0.35) !important;
  }
  .cta-call:hover{
    background:linear-gradient(135deg, #3b82f6, #2563eb) !important;
    box-shadow:0 12px 28px rgba(37,99,235,0.45) !important;
  }

  .trust-row{
    background:var(--card);
    border-bottom:1px solid var(--line);
    padding:22px 24px;
  }
  .trust-row-inner{
    max-width:1320px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
  }
  .trust-item{
    display:flex;
    align-items:center;
    gap:12px;
  }
  .trust-item .ic{
    width:38px;height:38px;
    flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    border:1.5px solid var(--ink);
    border-radius:50%;
  }
  .trust-item .txt strong{display:block;font-size:14px;font-weight:700;}
  .trust-item .txt span{font-size:12.5px;color:var(--slate);}

  @media (max-width: 860px){
    .hero-banner-inner{grid-template-columns:1fr;text-align:left;}
    .trust-row-inner{grid-template-columns:1fr;}
  }

  /* ---------- ürün detay görünümü ---------- */
  .product-detail{
    display:none;
    max-width:1180px;
    margin:0 auto;
    padding:36px 24px 80px;
  }
  .product-detail.open{display:block;}
  .pd-breadcrumb{
    font-size:13.5px;
    color:var(--slate);
    margin-bottom:24px;
  }
  .pd-breadcrumb a{color:var(--signal);cursor:pointer;}
  .pd-breadcrumb a:hover{text-decoration:underline;}
  .pd-layout{
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:44px;
    align-items:start;
  }
  .pd-image{
    aspect-ratio:1/1;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .pd-image svg{width:45%;height:45%;}
  .pd-image.part-thumb{
    aspect-ratio:1/1;
    margin-bottom:0;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
  }
  .pd-title{
    font-size:30px;
    font-weight:700;
    margin:0 0 10px;
    line-height:1.15;
  }
  .pd-sk{
    font-size:13.5px;
    color:var(--slate);
    margin-bottom:24px;
  }
  .pd-table{
    width:100%;
    border-collapse:collapse;
    margin-bottom:14px;
  }
  .part-more{
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    border:1.5px dashed rgba(30,58,95,0.35);
    border-radius:12px;
    background:rgba(30,58,95,0.03);
    min-height:220px;
    position:relative;
    overflow:hidden;
    transition:background 0.15s ease, border-color 0.15s ease;
  }
  .part-more:hover{background:rgba(30,58,95,0.07);border-color:rgba(30,58,95,0.6);}
  .part-more-photo::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    background-size:cover;
    background-position:center;
    opacity:0.30;
    transition:opacity 0.2s ease;
  }
  .part-more-photo:hover::before{opacity:0.45;}
  .part-more-photo .part-more-inner{
    background:rgba(255,255,255,0.62);
    border-radius:10px;
    backdrop-filter:blur(1px);
  }
  .pm-elektrik::before, .part-thumb.thumb-elektrik, .np-thumb.thumb-elektrik, .pd-image.thumb-elektrik{background-image:url("../img/kategori-elektrik.jpg");}
  .pm-elektrik .part-more-inner{background:rgba(255,255,255,0.50);}
  .pm-kaporta::before, .part-thumb.thumb-kaporta, .np-thumb.thumb-kaporta, .pd-image.thumb-kaporta{background-image:url("../img/kategori-kaporta.jpg");opacity:0.47;}
  .pm-kaporta:hover::before{opacity:0.58;}
  .pm-atesleme::before, .part-thumb.thumb-atesleme, .np-thumb.thumb-atesleme, .pd-image.thumb-atesleme{background-image:url("../img/kategori-atesleme.jpg");opacity:0.42;}
  .pm-atesleme:hover::before{opacity:0.58;}
  .pm-egzoz::before, .part-thumb.thumb-egzoz, .np-thumb.thumb-egzoz, .pd-image.thumb-egzoz{background-image:url("../img/kategori-egzoz.jpg");opacity:0.42;}
  .pm-egzoz:hover::before{opacity:0.58;}
  .pm-fren::before, .part-thumb.thumb-fren, .np-thumb.thumb-fren, .pd-image.thumb-fren{background-image:url("../img/kategori-fren.jpg");opacity:0.42;}
  .pm-fren:hover::before{opacity:0.58;}
  .pm-sogutma::before, .part-thumb.thumb-sogutma, .np-thumb.thumb-sogutma, .pd-image.thumb-sogutma{background-image:url("../img/kategori-sogutma.jpg");opacity:0.42;}
  .pm-sogutma .part-more-inner{background:rgba(255,255,255,0.42);}
  .pm-motor::before, .part-thumb.thumb-motor, .np-thumb.thumb-motor, .pd-image.thumb-motor{background-image:url("../img/kategori-motor.jpg");opacity:0.42;}
  .pm-motor:hover::before{opacity:0.58;}
  .pm-sanziman::before, .part-thumb.thumb-sanziman, .np-thumb.thumb-sanziman, .pd-image.thumb-sanziman{background-image:url("../img/kategori-sanziman.jpg");opacity:0.42;}
  .pm-sanziman:hover::before{opacity:0.58;}
  .pm-yuruyen::before, .part-thumb.thumb-yuruyen, .np-thumb.thumb-yuruyen, .pd-image.thumb-yuruyen{background-image:url("../img/kategori-yuruyen.jpg");opacity:0.42;}
  .pm-yuruyen:hover::before{opacity:0.58;}
  .pm-mekanik::before, .part-thumb.thumb-mekanik, .np-thumb.thumb-mekanik, .pd-image.thumb-mekanik{background-image:url("../img/kategori-mekanik.jpg");opacity:0.42;}
  .pm-mekanik:hover::before{opacity:0.58;}
  .pm-sogutma:hover::before{opacity:0.58;}
  .part-more-inner{
    position:relative;
    z-index:1;
    text-align:center;
    padding:20px;
  }
  .part-more-inner .arrow-badge{
    width:50px;height:50px;
    border-radius:50%;
    background:var(--signal);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 14px;
    transition:transform 0.2s ease;
  }
  .part-more-inner .arrow-badge svg{color:#fff;}
  .part-more:hover .part-more-inner .arrow-badge{transform:translateX(4px);}
  .part-more-inner h5{
    margin:0 0 6px;
    font-size:15px;
    font-weight:700;
    color:var(--ink);
  }
  .part-more-inner span{
    font-size:12.5px;
    font-weight:600;
    letter-spacing:0.02em;
    color:var(--slate);
  }
  /* Ana sayfada (tüm kategoriler) sadece ilk 11 ürün + "tümünü gör" kartı görünür.
     Tek kategori seçilince tüm taslaklar (22) görünür, kart gizlenir. */
  body.homepage-all .part.cat-extra{display:none;}
  body:not(.homepage-all) .part-more{display:none;}
  @media (max-width: 700px){
    body.homepage-all .grid > :nth-child(n+6):not(:last-child){display:none;}
  }
  @media (min-width: 701px){
    body.homepage-all .grid > :nth-child(n+8):not(:last-child){display:none;}
  }
  .pd-table tr{border-bottom:1px solid var(--line);}
  .pd-table tr:first-child{background:rgba(22,98,196,0.08);}
  .pd-table td{
    padding:13px 10px;
    font-size:14.5px;
  }
  .pd-table td:first-child{
    color:var(--slate);
    font-weight:600;
    width:42%;
  }
  .pd-table td:last-child{font-weight:600;}
  .pd-link{
    color:var(--navy,#1e3a5f);
    text-decoration:none;
    border-bottom:1.5px dashed rgba(30,58,95,0.45);
    cursor:pointer;
  }
  .pd-link:hover{border-bottom-style:solid;}
  .pd-cta{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:var(--signal);
    color:#fff;
    padding:15px 30px;
    font-weight:700;
    font-size:15.5px;
    border-radius:8px;
  }
  .pd-cta:hover{background:var(--signal-dark);}

  @media (max-width: 780px){
    .pd-layout{grid-template-columns:1fr;}
  }

  /* ---------- yeni ürünler (yatay kaydırmalı) ---------- */
  .new-products{
    background:var(--card);
    padding:44px 24px;
    border-bottom:1px solid var(--line);
  }
  .new-products-inner{
    max-width:1320px;
    margin:0 auto;
  }
  .new-products-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
  }
  .new-products-head h3{
    font-size:24px;
    font-weight:700;
    margin:0;
  }
  .np-scroll-btns{display:flex;gap:8px;}
  .np-scroll-btns button{
    width:36px;height:36px;
    border:1px solid var(--line);
    background:var(--card);
    border-radius:8px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .np-scroll-btns button:hover{border-color:var(--signal);}
  .np-track{
    display:flex;
    gap:16px;
    overflow-x:auto;
    scroll-behavior:smooth;
    padding-bottom:6px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .np-track::-webkit-scrollbar{display:none;}
  .np-card{
    flex:0 0 calc((100% - 3*16px)/4);
    background:var(--card);
    border:1px solid var(--line);
    border-radius:10px;
    padding:16px;
    cursor:pointer;
  }
  .np-card:hover{border-color:var(--signal);}
  .np-thumb{
    aspect-ratio:1/1;
    background:var(--paper);
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
    position:relative;
  }
  .np-thumb[class*="thumb-"]{
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
  }
  .np-thumb .brand-chip{
    position:absolute;
    top:8px;left:8px;
    font-size:10px;
    font-weight:700;
    background:var(--ink);
    color:#fff;
    padding:3px 7px;
    border-radius:5px;
  }
  .np-thumb .new-badge{
    position:absolute;
    top:8px;right:8px;
    font-size:9.5px;
    font-weight:700;
    background:#2E6FD9;
    color:#fff;
    padding:3px 7px;
    border-radius:5px;
    text-transform:uppercase;
  }
  .np-card h5{
    font-size:14.5px;
    font-weight:600;
    margin:0 0 6px;
    line-height:1.3;
  }
  .np-card .code{
    font-size:12px;
    color:var(--slate);
    margin-bottom:0;
  }

  /* ---------- iletisim section ---------- */
  .iletisim-section{
    background:var(--card);
    border-top:1px solid var(--line);
    padding:80px 24px;
  }
  .iletisim-inner{
    max-width:1320px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.2fr 0.8fr;
    gap:56px;
    align-items:start;
  }
  .iletisim-about .eyebrow{
    font-size:14px;
    font-weight:600;
    color:var(--signal);
    margin-bottom:12px;
  }
  .iletisim-about h2{
    font-size:38px;
    font-weight:700;
    margin:0 0 22px;
    text-transform:uppercase;
    line-height:1.05;
  }
  .iletisim-about p{
    font-size:16px;
    line-height:1.7;
    color:var(--steel);
    max-width:56ch;
    margin:0 0 16px;
  }
  .iletisim-about p:last-child{margin-bottom:0;}

  .iletisim-card{
    border:2px solid var(--ink);
    background:var(--paper);
  }
  .iletisim-card-head{
    background:var(--ink);
    color:var(--paper);
    padding:20px 26px;
  }
  .iletisim-card-head h3{
    font-size:22px;
    font-weight:700;
    margin:0;
    text-transform:uppercase;
  }
  .iletisim-row{
    display:flex;
    gap:16px;
    padding:22px 26px;
    border-bottom:1px solid var(--line);
    align-items:flex-start;
  }
  .iletisim-row:last-of-type{border-bottom:none;}
  .iletisim-row .ic{
    width:34px;
    height:34px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .iletisim-row .txt .k{
    font-size:12px;
    font-weight:600;
    color:var(--slate);
    text-transform:uppercase;
    margin-bottom:4px;
  }
  .iletisim-row .txt .v{
    font-size:16px;
    font-weight:600;
    color:var(--ink);
    line-height:1.4;
  }
  .iletisim-row .txt .v a{border-bottom:1px solid transparent;}
  .iletisim-row .txt .v a:hover{border-bottom-color:var(--signal);color:var(--signal);}
  .iletisim-cta{
    padding:22px 26px 26px;
  }
  .iletisim-cta a{
    display:block;
    text-align:center;
    background:var(--signal);
    color:var(--paper);
    padding:14px 0;
    font-weight:700;
    font-size:15px;
    text-transform:uppercase;
  }
  .iletisim-cta a:hover{background:var(--ink);}

  .iletisim-map{
    border-top:1px solid var(--line);
  }
  .iletisim-map iframe{width:100%;display:block;}
  .map-link{
    display:block;
    text-align:center;
    padding:12px;
    font-size:13.5px;
    font-weight:600;
    color:var(--signal);
    background:var(--card);
  }
  .map-link:hover{background:var(--paper);}

  @media (max-width: 860px){
    .iletisim-inner{grid-template-columns:1fr;}
  }

  /* ---------- footer ---------- */
  footer{
    background:var(--ink);
    color:rgba(242,239,233,0.6);
    padding:40px 24px 24px;
  }
  .footer-inner{
    max-width:1320px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr;
    gap:40px;
    padding-bottom:26px;
    border-bottom:1px solid rgba(242,239,233,0.15);
  }
  .footer-inner h5{
    color:var(--paper);
    font-size:16px;
    font-weight:700;
    margin:0 0 14px;
    text-transform:uppercase;
  }
  .footer-inner p, .footer-inner a{
    font-size:13.5px;
    line-height:1.9;
    display:block;
  }
  .footer-bottom{
    max-width:1320px;
    margin:18px auto 0;
    font-size:12.5px;
    text-align:center;
  }

  /* ---------- responsive ---------- */
  @media (min-width: 701px){
    .addr-break{display:none;}
  }
  @media (max-width: 700px){
    .grid{grid-template-columns:repeat(2,1fr);}
    .footer-inner{grid-template-columns:1fr;}
    .marques-mini{display:none;}
  }
  @media (max-width: 480px){
    .grid{grid-template-columns:1fr 1fr;}
    .part h5{font-size:14.5px;}
  }
  @media (max-width: 860px){
    .np-card{flex:0 0 calc((100% - 16px)/2);}
  }

  /* ---------- referans siteye yakın yuvarlatılmış görünüm ---------- */
  .search{border-radius:10px;overflow:hidden;}
  .search input{border-radius:0;}
  .search button{border-radius:0;}
  .grid{ border-radius:10px; overflow:hidden; }
  .brand-chip, .new-badge, .code, .cat, .stock {
    border-radius:5px;
  }
  .drawer{ border-radius:0 14px 14px 0; }
  .hero-banner{ border-radius:0; }

/* Gerçek ürün fotoğrafı olan kartlar: fotoğraf kutuyu tamamen doldurur */
.part-thumb.has-photo,
.np-thumb.has-photo,
.pd-image.has-photo{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}