:root{
    --lacivert:#1f4e79; --lacivert-koyu:#163a5a; --gece:#0f2033;
    --vurgu:#1f6fd0; --vurgu-koyu:#1557a8; --gri:#5b6b7b; --acik:#f5f7fa; --cizgi:#e3e8ee; --metin:#20323f;
  }
  *{box-sizing:border-box} html{scroll-behavior:smooth}
  body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;color:var(--metin);background:#fff;line-height:1.65}
  h1,h2,h3{font-family:Montserrat,system-ui,sans-serif;line-height:1.18;margin:0 0 .5em}
  a{color:inherit;text-decoration:none}
  .kap{max-width:1160px;margin:0 auto;padding:0 20px}
  img{max-width:100%;display:block}

  header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--cizgi)}
  .ustbar{display:flex;align-items:center;justify-content:space-between;height:70px}
  .logo img{height:48px}
  nav a{margin-left:26px;font-weight:500;color:var(--gri);font-size:.96rem}
  nav a:hover{color:var(--lacivert)}
  .tel{margin-left:26px;background:var(--lacivert);color:#fff;padding:10px 20px;border-radius:9px;font-weight:600}
  .tel:hover{background:var(--lacivert-koyu);color:#fff}

  /* HERO */
  .hero{position:relative;color:#fff;background:linear-gradient(130deg,var(--gece) 10%,var(--lacivert) 85%);overflow:hidden}
  .hero::after{content:"";position:absolute;inset:0;background:
    radial-gradient(900px 500px at 85% 10%,rgba(42,125,225,.35),transparent 60%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 2px,transparent 2px 64px);pointer-events:none}
  .hero-ic{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:78px 20px 86px}
  .etiket{display:inline-block;background:rgba(42,125,225,.16);color:#bcd8ff;border:1px solid rgba(42,125,225,.45);padding:6px 15px;border-radius:30px;font-size:.82rem;font-weight:600;letter-spacing:.4px;margin-bottom:22px}
  .hero h1{font-size:2.6rem;max-width:16ch;font-weight:800}
  .hero p{font-size:1.14rem;max-width:52ch;color:#d6e2ef;margin:18px 0 30px}
  .btnler{display:flex;gap:14px;flex-wrap:wrap}
  .btn{display:inline-block;padding:14px 28px;border-radius:10px;font-weight:600;transition:.2s}
  .btn-ana{background:var(--vurgu);color:#fff;box-shadow:0 10px 26px rgba(42,125,225,.35)}
  .btn-ana:hover{background:var(--vurgu-koyu);transform:translateY(-2px)}
  .btn-ikincil{border:1.5px solid rgba(255,255,255,.5);color:#fff}
  .btn-ikincil:hover{background:rgba(255,255,255,.12)}
  .hero-gorsel{position:relative;display:grid;gap:18px}
  .hero-urun{margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.35)}
  .hero-urun img{width:100%;height:188px;object-fit:cover}
  .hero-urun figcaption{font-family:Montserrat;font-weight:700;color:var(--lacivert);text-align:center;padding:11px;font-size:.96rem}
  .hero-rozet{position:absolute;right:-6px;top:-14px;z-index:2;background:var(--vurgu);color:#fff;border-radius:30px;padding:8px 18px;font-weight:700;font-size:.8rem;box-shadow:0 10px 24px rgba(0,0,0,.3)}

  .serit{background:#fff;border-bottom:1px solid var(--cizgi)}
  .serit .kap{display:flex;flex-wrap:wrap;gap:14px 40px;align-items:center;justify-content:center;padding:20px}
  .serit span{color:var(--gri);font-weight:500;font-size:.82rem;letter-spacing:1px;text-transform:uppercase;margin-right:8px}
  .serit b{font-family:Montserrat;font-weight:700;color:var(--lacivert);letter-spacing:.5px}

  section{padding:76px 0}
  .baslik{text-align:center;max-width:720px;margin:0 auto 48px}
  .baslik span{color:var(--vurgu);font-weight:700;font-size:.82rem;letter-spacing:1.6px;text-transform:uppercase}
  .baslik h2{font-size:2.05rem;margin-top:8px;color:var(--lacivert)}
  .baslik p{color:var(--gri)}

  .kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .kart{background:#fff;border:1px solid var(--cizgi);border-radius:16px;overflow:hidden;transition:.22s;display:flex;flex-direction:column}
  .kart:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(31,78,121,.14);border-color:#cdd8e4}
  .kart-gorsel{height:200px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--cizgi)}
  .kart-gorsel img{height:100%;width:100%;object-fit:cover;transition:.4s}
  .kart:hover .kart-gorsel img{transform:scale(1.06)}
  .kart-ic{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
  .kart h3{font-size:1.08rem;color:var(--lacivert)}
  .kart .aciklama{margin:0 0 14px;color:var(--gri);font-size:.93rem}
  .tablo{list-style:none;margin:0 0 16px;padding:0;border-top:1px solid var(--cizgi)}
  .tablo li{display:flex;justify-content:space-between;gap:12px;font-size:.86rem;padding:7px 0;border-bottom:1px solid var(--cizgi)}
  .tablo li span{color:var(--gri)} .tablo li b{color:var(--metin);font-weight:600;text-align:right}
  .kart-link{margin-top:auto;color:var(--vurgu);font-weight:600;font-size:.9rem}
  .kart-link:hover{color:var(--vurgu-koyu)}

  .neden{background:var(--acik)}
  .neden-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
  .neden-k{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:26px 22px}
  .neden-k .ikon{width:52px;height:52px;border-radius:13px;background:#eaf2fd;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
  .neden-k .ikon svg{width:27px;height:27px;stroke:var(--vurgu)}
  .neden-k h3{font-size:1.04rem;color:var(--lacivert)}
  .neden-k p{margin:0;color:var(--gri);font-size:.9rem}

  .hak-ic{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
  .hak-ic h2{color:var(--lacivert);font-size:2.05rem}
  .hak-foto{border-radius:16px;overflow:hidden;border:1px solid var(--cizgi);box-shadow:0 16px 40px rgba(31,78,121,.14)}
  .hak-foto img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}

  .sayac{background:var(--gece);color:#fff}
  .sayac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
  .sayac-grid b{display:block;font-family:Montserrat;font-size:2.3rem;color:#7fb4f5}
  .sayac-grid span{color:#9fb3c8;font-size:.92rem}

  .rozetler{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
  .rozet{border:1px solid var(--cizgi);border-radius:12px;padding:18px 28px;font-family:Montserrat;font-weight:700;color:var(--lacivert);background:#fff;min-width:170px;text-align:center}
  .rozet small{display:block;color:var(--gri);font-weight:400;font-size:.8rem;font-family:Inter;margin-top:4px}

  .ref{background:linear-gradient(130deg,var(--lacivert),var(--gece))}
  .ref .baslik h2{color:#fff}.ref .baslik span{color:#8fc0ff}.ref .baslik p{color:#b9cde0}
  .ref-liste{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
  .ref-liste div{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);border-radius:12px;padding:20px 32px;font-family:Montserrat;font-weight:700;letter-spacing:.5px;color:#eaf2ff}

  .cta{background:var(--vurgu);color:#fff;text-align:center}
  .cta h2{color:#fff;font-size:1.9rem}
  .cta p{color:#e3eefc;max-width:52ch;margin:0 auto 26px}
  .cta .btn-ana{background:#fff;color:var(--vurgu);box-shadow:0 10px 26px rgba(0,0,0,.18)}
  .cta .btn-ana:hover{background:#f0f0f0}

  .ilet-ic{display:grid;grid-template-columns:1fr 1fr;gap:44px}
  .ilet-ic h2{color:var(--lacivert);font-size:1.9rem}
  .bilgi{margin:0 0 20px;display:flex;gap:14px;align-items:flex-start}
  .bilgi svg{width:22px;height:22px;stroke:var(--vurgu);flex:none;margin-top:3px}
  .bilgi b{display:block}
  form{display:grid;gap:14px}
  form input,form textarea{width:100%;padding:13px 15px;border:1px solid var(--cizgi);border-radius:10px;font:inherit;background:#fff}
  form input:focus,form textarea:focus{outline:none;border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(42,125,225,.15)}
  form button{background:var(--lacivert);color:#fff;border:0;padding:14px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;transition:.2s}
  form button:hover{background:var(--lacivert-koyu)}
  .harita{border:0;width:100%;height:300px;border-radius:14px;margin-top:22px;filter:grayscale(.15)}

  footer{background:var(--gece);color:#9fb3c8;padding:40px 0 26px;font-size:.9rem;border-top:1px solid rgba(255,255,255,.08)}
  .foot-ust{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:18px}
  .foot-ust img{height:40px;margin-bottom:12px}
  .foot-ust nav a{display:block;margin:6px 0;color:#9fb3c8}
  .foot-ust nav a:hover{color:#fff}
  .foot-alt{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

  /* WhatsApp balon */
  .wa{position:fixed;right:22px;bottom:22px;z-index:100;width:60px;height:60px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.28);transition:.2s}
  .wa:hover{transform:scale(1.08)}
  .wa svg{width:34px;height:34px;fill:#fff;position:relative;z-index:2}
  .wa::after{content:"";position:absolute;inset:0;border-radius:50%;background:#25d366;opacity:.5;animation:wapulse 2.2s infinite}
  @keyframes wapulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(1.8);opacity:0}100%{opacity:0}}
  .wa-etiket{position:fixed;right:92px;bottom:35px;z-index:100;background:#fff;color:var(--metin);padding:9px 14px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);font-size:.85rem;font-weight:500}
  .wa-etiket b{color:#25d366}
  @media(max-width:700px){.wa-etiket{display:none}}

  /* Showcase (buyuk urun bandi) */
  .showcase .kap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
  .showcase-foto{border-radius:18px;overflow:hidden;border:1px solid var(--cizgi);box-shadow:0 20px 48px rgba(31,78,121,.18)}
  .showcase-foto img{width:100%;display:block}
  .showcase .mini{color:var(--vurgu);font-weight:700;font-size:.82rem;letter-spacing:1.6px;text-transform:uppercase}
  .showcase h2{color:var(--lacivert);font-size:1.95rem;margin:8px 0 .4em}
  .showcase .ozet{color:var(--gri);margin:0 0 18px}
  .showcase ul{list-style:none;margin:0 0 24px;padding:0}
  .showcase li{padding:8px 0 8px 30px;position:relative;font-size:.96rem;border-bottom:1px solid var(--cizgi)}
  .showcase li::before{content:"✓";position:absolute;left:0;top:7px;color:#fff;background:var(--vurgu);width:20px;height:20px;border-radius:50%;font-size:.72rem;display:flex;align-items:center;justify-content:center}

  /* Surec */
  .surec{background:var(--acik)}
  .surec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
  .surec-k{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:30px 22px 24px;text-align:center;position:relative}
  .surec-no{position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;background:var(--vurgu);color:#fff;font-family:Montserrat;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 6px 14px rgba(42,125,225,.4)}
  .surec-k .ikon{width:54px;height:54px;margin:8px auto 14px;border-radius:14px;background:#eaf2fd;display:flex;align-items:center;justify-content:center}
  .surec-k .ikon svg{width:28px;height:28px;stroke:var(--vurgu)}
  .surec-k h3{font-size:1.02rem;color:var(--lacivert)}
  .surec-k p{margin:0;color:var(--gri);font-size:.88rem}

  /* SSS */
  .sss-liste{max-width:820px;margin:0 auto}
  .sss{border:1px solid var(--cizgi);border-radius:12px;margin-bottom:12px;overflow:hidden;background:#fff}
  .sss summary{padding:17px 22px;font-weight:600;color:var(--lacivert);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
  .sss summary::-webkit-details-marker{display:none}
  .sss summary::after{content:"+";font-size:1.5rem;color:var(--vurgu);font-weight:400;line-height:1}
  .sss[open] summary::after{content:"−"}
  .sss p{margin:0;padding:0 22px 20px;color:var(--gri);font-size:.95rem}

  @media(max-width:980px){
    .kartlar,.neden-grid,.sayac-grid,.surec-grid{grid-template-columns:1fr 1fr}
    .showcase .kap{grid-template-columns:1fr}
    .hero-ic,.hak-ic,.ilet-ic{grid-template-columns:1fr}
    .hero-gorsel{order:-1;max-width:420px} .hero h1{font-size:2.2rem}
  }
  @media(max-width:600px){
    nav,.tel{display:none}
    .kartlar,.neden-grid,.sayac-grid{grid-template-columns:1fr}
    .hero-ic{padding:54px 20px 60px} .hero h1{font-size:1.9rem}
  }
  @media(prefers-reduced-motion:reduce){[data-aos]{opacity:1!important;transform:none!important}}

/* ============ PAYLASIMLI EKLER (site-uret) ============ */
.ust-sag{display:flex;align-items:center;gap:16px}
.dil{display:flex;gap:4px;font-size:.9rem;font-weight:600}
.dil a{color:var(--gri);padding:4px 9px;border-radius:7px;cursor:pointer}
.dil a:hover{color:var(--lacivert);background:var(--acik)}
.dil .dil-aktif{background:var(--lacivert);color:#fff}
.hero-urun{display:block;text-decoration:none}
a.kart-gorsel{display:flex}

/* --- urun detay sayfasi --- */
.urun-ust{padding:38px 0 58px;background:linear-gradient(180deg,#fff,var(--acik))}
.yol{font-size:.88rem;color:var(--gri);margin-bottom:22px}
.yol a{color:var(--vurgu)} .yol span{color:var(--metin)}
.urun-ust-ic{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.urun-foto{border-radius:18px;overflow:hidden;border:1px solid var(--cizgi);box-shadow:0 20px 48px rgba(31,78,121,.18);background:#fff}
.urun-foto img{width:100%;display:block}
.urun-bilgi h1{font-size:2rem;color:var(--lacivert)}
.urun-kisa{color:var(--gri);font-size:1.05rem;margin:0 0 20px}
.hizli-ozellik{list-style:none;margin:0 0 26px;padding:0;border-top:1px solid var(--cizgi)}
.hizli-ozellik li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--cizgi);font-size:.95rem}
.hizli-ozellik span{color:var(--gri)} .hizli-ozellik b{color:var(--metin);text-align:right}
.btn-wa{background:#25d366;color:#fff}.btn-wa:hover{background:#1da851}
.urun-detay-ic{display:grid;grid-template-columns:1.6fr .9fr;gap:40px;align-items:start}
.urun-detay-ic h2{color:var(--lacivert);font-size:1.4rem;margin-top:0}
.urun-detay-ic p{color:var(--gri)}
.ozellik-tablo{width:100%;border-collapse:collapse;margin-top:6px}
.ozellik-tablo td{padding:12px 14px;border:1px solid var(--cizgi);font-size:.95rem}
.ozellik-tablo td:first-child{color:var(--gri);width:45%;background:var(--acik)}
.ozellik-tablo td:last-child{font-weight:600;color:var(--metin)}
.urun-cta{background:var(--gece);color:#fff;border-radius:16px;padding:28px;position:sticky;top:90px}
.urun-cta h3{color:#fff;font-size:1.15rem}
.urun-cta p{color:#9fb3c8;font-size:.88rem;margin:0 0 16px}
.urun-cta .btn{display:block;text-align:center;margin-bottom:10px}
.cta-tel{text-align:center;margin-top:8px}.cta-tel a{color:#7fb4f5;font-family:Montserrat;font-weight:700;font-size:1.1rem}
.galeri{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.g-oge{border-radius:12px;overflow:hidden;border:1px solid var(--cizgi);aspect-ratio:4/3;background:#fff;display:block}
.g-oge img{width:100%;height:100%;object-fit:cover;transition:.3s}
.g-oge:hover img{transform:scale(1.06)}
.diger-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.diger-k{background:#fff;border:1px solid var(--cizgi);border-radius:12px;overflow:hidden;text-align:center;transition:.2s}
.diger-k:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(31,78,121,.12)}
.diger-k img{width:100%;height:118px;object-fit:cover;border-bottom:1px solid var(--cizgi)}
.diger-k span{display:block;padding:12px 10px;font-size:.84rem;font-weight:600;color:var(--lacivert)}
@media(max-width:980px){.urun-ust-ic,.urun-detay-ic{grid-template-columns:1fr}.urun-cta{position:static}.diger-grid,.galeri{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.diger-grid{grid-template-columns:1fr 1fr}.galeri{grid-template-columns:1fr 1fr}}


/* ============ KATALOG DUZENI URUN SAYFASI ============ */
.kat-hero{padding:26px 0 56px;background:
  radial-gradient(700px 360px at 90% 0%,rgba(42,125,225,.08),transparent 60%),#fff;position:relative;overflow:hidden}
.kat-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:10px;
  background:linear-gradient(90deg,var(--lacivert) 0 55%,#c0392b 55% 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 60%)}
.kat-ust-cizgi{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:14px;margin-bottom:10px}
.kat-rozetler{display:flex;gap:8px;flex-wrap:wrap}
.kat-rozetler span{border:1px solid var(--cizgi);background:#fff;border-radius:7px;padding:5px 12px;font-family:Montserrat;font-weight:700;font-size:.74rem;color:var(--lacivert);letter-spacing:.5px}
.kat-marka{color:var(--gri);font-size:.76rem;letter-spacing:.5px}
.kat-hero-ic{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:10px}
.kat-anafoto{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.kat-ana-foto{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:14px;box-shadow:0 16px 40px rgba(31,78,121,.12);display:flex;align-items:center;justify-content:center}
.kat-ana-foto img{width:100%;max-height:330px;object-fit:contain}
.kat-bilgi h1{font-size:2rem;color:var(--lacivert);margin-bottom:.1em}
.kat-sub{color:var(--gri);font-size:.95rem;margin:0 0 14px;font-style:italic}
.kat-kisa{color:var(--metin);font-size:1.02rem;margin:0 0 18px}
.kat-ozellik{list-style:none;margin:0 0 24px;padding:0}
.kat-ozellik li{position:relative;padding:8px 0 8px 30px;font-size:.96rem;border-bottom:1px solid var(--cizgi);line-height:1.5}
.kat-ozellik .yildiz{position:absolute;left:0;top:8px;color:#f5a623;font-size:1rem}
.kat-aciklama-sec{padding:60px 0}
.kat-aciklama{max-width:820px}
.kat-aciklama h2,.kat-h2{color:var(--lacivert);font-size:1.5rem}
.kat-aciklama p{color:var(--gri)}
.kat-h2{margin:34px 0 18px;text-align:center}
.kat-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kat-spec-k{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:16px 18px}
.kat-spec-k .s-ikon{width:42px;height:42px;flex:none;border-radius:10px;background:#eaf2fd;display:flex;align-items:center;justify-content:center}
.kat-spec-k .s-ikon svg{width:22px;height:22px;stroke:var(--vurgu)}
.kat-spec-k .s-metin{display:flex;flex-direction:column}
.kat-spec-k .s-metin span{color:var(--gri);font-size:.8rem}
.kat-spec-k .s-metin b{color:var(--metin);font-size:.95rem;font-family:Montserrat}
.kat-detaylar{padding:66px 0;background:linear-gradient(130deg,var(--lacivert),var(--gece));color:#fff}
.kat-detaylar .baslik span{color:#8fc0ff}.kat-detaylar .baslik h2{color:#fff}
.kat-detay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.kat-detay-k{margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:14px;overflow:hidden}
.kat-detay-foto{aspect-ratio:4/3;background:#0b1828;display:flex;align-items:center;justify-content:center;overflow:hidden}
.kat-detay-foto img{width:100%;height:100%;object-fit:cover}
.kat-detay-k figcaption{padding:14px 16px;font-family:Montserrat;font-weight:600;font-size:.92rem;text-align:center;color:#eaf2ff}
@media(max-width:980px){.kat-hero-ic{grid-template-columns:1fr}.kat-spec{grid-template-columns:1fr 1fr}.kat-detay-grid{grid-template-columns:1fr}}
@media(max-width:600px){.kat-spec{grid-template-columns:1fr}.kat-marka{display:none}}

@media(max-width:899px){[data-aos]{opacity:1!important;transform:none!important}}

/* ============ JURI DUZELTMELERI ============ */
/* icerige gec (skip link) */
.atla{position:absolute;left:-9999px;top:0;z-index:300;background:var(--lacivert);color:#fff;padding:12px 18px;border-radius:0 0 10px 0;font-weight:600}
.atla:focus{left:0}
/* belirgin fare-ustu efektleri */
.btn-ana:hover{background:var(--vurgu-koyu);transform:translateY(-2px);box-shadow:0 14px 30px rgba(31,111,208,.4)}
.btn-ikincil:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.btn-wa:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(37,211,102,.4)}
form button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(31,78,121,.3)}
.cta .btn-ana:hover{background:#f0f0f0}
.hero-urun{transition:transform .2s,box-shadow .2s}
.hero-urun:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(0,0,0,.4)}
.hero-urun:hover figcaption{color:var(--vurgu)}
.kart-link:hover{text-decoration:underline}
.kat-ana-foto{transition:transform .2s,box-shadow .2s}
.kat-ana-foto:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(31,78,121,.2)}
/* dokunma hedefleri >=44px */
nav a{padding:11px 0;display:inline-block}
.tel{min-height:44px;display:inline-flex;align-items:center}
.kart-link{display:inline-flex;align-items:center;min-height:40px;padding:4px 0}
.yol a{padding:6px 2px;display:inline-block}
.dil a{min-height:34px;display:inline-flex;align-items:center}

/* temiz (arka plansiz) urun gorselleri tam gorunsun */
.kart-gorsel{background:#fff}
.kart-gorsel img{object-fit:contain;padding:10px}
.g-oge{background:#fff}.g-oge img{object-fit:contain}
.kat-detay-foto{background:#fff}.kat-detay-foto img{object-fit:contain;padding:8px}
.hero-urun img{object-fit:contain;background:#fff}
.hak-foto img{object-fit:contain;background:#fff}