/* İnan Tech — sayfa-özel classlar (statik inline <style> bloklarından) */

/* ürün kart grid */
.pg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .16s,box-shadow .16s,border-color .16s;display:block}
.pc:hover{transform:translateY(-3px);box-shadow:0 14px 28px -18px rgba(15,23,42,.45);border-color:#bbf7d0}
.pc .ph{position:relative;aspect-ratio:16/11;background:var(--imgbg);overflow:hidden}
.pc .ph img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.pc:hover .ph img{transform:scale(1.04)}
.pc .tag{position:absolute;top:8px;left:8px;background:rgba(15,23,42,.82);color:#fff;font-family:var(--fd);font-weight:600;font-size:.68rem;letter-spacing:.04em;padding:4px 9px;border-radius:20px}
.pc .pcb{padding:12px 13px}
.pc h4{font-size:.98rem;margin:0}
.pc p{color:var(--muted);font-size:.8rem;margin-top:3px;line-height:1.4}

/* blog liste */
.bg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bc{background:#fff;border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,border-color .18s,transform .18s}
.bc:hover{box-shadow:0 18px 36px -22px rgba(22,163,74,.4);border-color:var(--green-mid);transform:translateY(-3px)}
.bc .ph{aspect-ratio:16/10;background:var(--imgbg);position:relative;overflow:hidden}
.bc .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bc .b{padding:18px 20px;display:flex;flex-direction:column;flex:1}
.bc .m{font-family:var(--fd);font-size:.78rem;color:var(--muted);margin-bottom:8px}
.bc .m .tag{background:var(--green-soft);border:1px solid var(--green-100);color:var(--green-d);padding:2px 9px;border-radius:6px;font-weight:600;margin-right:8px}
.bc h3{font-size:1.1rem;line-height:1.3;margin-bottom:8px}.bc h3 a{color:var(--ink)}.bc:hover h3 a{color:var(--green-d)}
.bc p{color:var(--muted);font-size:.92rem;flex:1}
.bc .rl{margin-top:14px;font-weight:600;color:var(--green-d);font-size:.9rem}
@media(max-width:880px){.bg{grid-template-columns:1fr 1fr}}@media(max-width:560px){.bg{grid-template-columns:1fr}}

/* blog detay */
.artmeta{color:var(--muted);font-size:.9rem;margin-bottom:10px;font-family:var(--fd)}.artmeta .tag{background:var(--green-soft);border:1px solid var(--green-100);color:var(--green-d);padding:2px 9px;border-radius:6px;font-weight:600;font-size:.78rem;margin-right:8px}.arthero{border-radius:var(--rl);overflow:hidden;border:1px solid var(--line);margin:8px 0 22px;aspect-ratio:16/7;background:var(--imgbg)}.arthero img{width:100%;height:100%;object-fit:cover}

/* sözlük */
.gtoc{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 26px}.gtoc a{background:var(--green-soft);border:1px solid var(--green-100);color:var(--green-d);border-radius:8px;padding:5px 12px;font-size:.85rem;font-weight:600;font-family:var(--fd)}.gtoc a:hover{background:var(--green-mid);color:#0a2c14}.gloss h2{font-size:1.3rem;margin:30px 0 4px;scroll-margin-top:90px}.gterm{border-top:1px solid var(--line);padding:13px 0}.gterm h3{font-size:1.04rem;margin-bottom:3px;scroll-margin-top:90px}.gterm h3 a{color:var(--green-d)}.gterm p{color:var(--muted);font-size:.96rem;margin:0}

/* galeri */
.galeri-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px}
.galeri-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;transition:box-shadow .18s,border-color .18s,transform .18s}
.galeri-grid figure:hover{box-shadow:0 16px 34px -22px rgba(22,163,74,.4);border-color:var(--green-mid);transform:translateY(-3px)}
.galeri-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--imgbg);cursor:zoom-in}
.galeri-grid figcaption{padding:9px 12px;font-size:.82rem;color:var(--muted);font-family:var(--fd)}
@media(max-width:860px){.galeri-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.galeri-grid{grid-template-columns:1fr 1fr}}
.lbov{position:fixed;inset:0;background:rgba(10,13,15,.88);display:none;align-items:center;justify-content:center;z-index:9999;padding:24px}
.lbov.on{display:flex}
.lbov img{max-width:92vw;max-height:88vh;border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.lbov .lbx{position:absolute;top:16px;right:20px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#0f1416;font-size:1.7rem;line-height:1;cursor:pointer}
.galsec{margin-top:30px}.galsec h2{font-size:1.25rem;margin-bottom:4px}

/* iletişim */
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:4px}
.ct-card{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:24px 26px}
.ct-card h3{font-size:1.1rem;margin-bottom:14px;display:flex;align-items:center;gap:9px}
.ct-card h3 svg{width:20px;height:20px;color:var(--green-d)}
.ct-row{display:block;font-size:.95rem;color:var(--ink);margin-bottom:7px}
.ct-row b{font-family:var(--fd);color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:2px}
.ct-row a{color:var(--ink)}.ct-row a:hover{color:var(--green-d)}
.ct-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.map-embed{margin-top:22px;border-radius:var(--rl);overflow:hidden;border:1px solid var(--line)}
.map-embed iframe{display:block;width:100%;height:360px;border:0}
@media(max-width:760px){.ct-grid{grid-template-columns:1fr}}

/* servis */
.svcg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svcc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:box-shadow .18s,border-color .18s,transform .18s}
.svcc:hover{box-shadow:0 16px 32px -22px rgba(22,163,74,.4);border-color:var(--green-mid);transform:translateY(-3px)}
.svcc .i{width:46px;height:46px;border-radius:10px;background:var(--green-soft);color:var(--green-d);display:flex;align-items:center;justify-content:center;border:1px solid var(--green-100);margin-bottom:12px}
.svcc .i svg{width:24px;height:24px}
.svcc h4{font-size:1.05rem;margin-bottom:6px}.svcc p{color:var(--muted);font-size:.92rem}
@media(max-width:820px){.svcg{grid-template-columns:1fr 1fr}}@media(max-width:560px){.svcg{grid-template-columns:1fr}}


.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
@media(max-width:520px){.dgrid{grid-template-columns:repeat(2,1fr);gap:12px}}