/* Tanıtım sayfası: genel videolar şeridi, konu çipleri, özellik ızgarası, video/kart penceresi */
.tn { --tn-k: 18px; }
.tn-bas__ust { font-family: var(--ni-font-serif, Lora, serif); font-size: clamp(1.3rem, 3.4vw, 1.75rem); font-weight: 700; color: var(--_t); margin: 0 0 .4rem; }
.tn-bas__acik { color: var(--_m); font-size: 1.05rem; line-height: 1.6; margin: 0 0 1.6rem; max-width: 46rem; }
.tn-h { font-family: var(--ni-font-serif, Lora, serif); font-size: 1.35rem; margin: 2rem 0 1rem; color: var(--_t); }
.tn-bas .tn-h { margin-top: 0; }
.tn-serit { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(150px, 1fr); gap: 14px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; }
.tn-genel { margin: 0; scroll-snap-align: start; }
.tn-genel figcaption { margin-top: 8px; font-size: .92rem; line-height: 1.35; color: var(--_t); }
.tn-oynat { position: relative; display: block; width: 100%; padding: 0; border: 0; border-radius: var(--tn-k); overflow: hidden; cursor: pointer; background: #0a4139; aspect-ratio: 9 / 16; box-shadow: 0 8px 24px rgba(6, 46, 41, .18); }
.tn-oynat img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.tn-oynat:hover img, .tn-oynat:focus-visible img { transform: scale(1.03); }
.tn-oynat__ik { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--_p); display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(0, 0, 0, .25); }
.tn-oynat__ik svg { margin-left: 4px; }
.tn-oynat__sure { position: absolute; right: 10px; bottom: 10px; padding: .15rem .55rem; border-radius: 99px; background: rgba(0, 0, 0, .6); color: #fff; font-size: .78rem; font-weight: 600; }
.tn-gruplar { position: sticky; top: 0; z-index: 4; display: flex; gap: 8px; overflow-x: auto; padding: 10px 0; margin: 1.6rem 0 0; background: var(--_bg); }
.tn-gruplar a { flex: none; padding: .45rem .95rem; border-radius: 99px; border: 1px solid var(--_b); background: var(--_s); color: var(--_t); text-decoration: none; font-weight: 600; font-size: .92rem; }
.tn-gruplar a:hover { border-color: var(--_p); color: var(--_p); }
.tn-grup { scroll-margin-top: 70px; }
.tn-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 22px; }
.tn-oz { display: flex; flex-direction: column; gap: 12px; scroll-margin-top: 70px; }
.tn-oz .tn-oynat { max-width: 300px; }
.tn-oz__kart { width: 100%; max-width: 300px; border-radius: var(--tn-k); }
.tn-oz__govde h3 { margin: 0 0 .35rem; font-size: 1.1rem; color: var(--_t); }
.tn-oz__govde p { margin: 0 0 .7rem; color: var(--_m); font-size: .95rem; line-height: 1.55; }
.tn-oz__eylem { display: flex; flex-wrap: wrap; gap: 8px; }
.tn-oz__eylem .ni-btn { padding: .5rem .9rem; font-size: .88rem; }
.tn-son { margin-top: 2.5rem; padding: 1.4rem; border-radius: var(--_r); background: var(--_s2); }
.tn-son .tn-h { margin-top: 0; }
.tn-son p { color: var(--_m); }
.tn-pencere { border: 0; padding: 0; background: transparent; max-width: min(420px, 94vw); max-height: 94vh; overflow: visible; }
.tn-pencere::backdrop { background: rgba(4, 20, 18, .82); }
.tn-pencere__ic video, .tn-pencere__ic img { display: block; width: 100%; max-height: 88vh; aspect-ratio: 9 / 16; object-fit: contain; border-radius: 16px; background: #000; }
.tn-pencere__ic p { color: #fff; text-align: center; margin: .6rem 0 0; font-weight: 600; }
.tn-pencere__kapat { position: absolute; top: -14px; right: -14px; width: 40px; height: 40px; border-radius: 50%; border: 0; background: #fff; color: #111; font-size: 26px; line-height: 1; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, .3); z-index: 2; }
@media (max-width: 600px) { .tn-izgara { grid-template-columns: 1fr 1fr; gap: 16px; } .tn-oz__govde p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .tn-pencere__kapat { top: 6px; right: 6px; } }
/* Araçlar sayfasındaki bağlantı */
.ni-tanitim-bandi { display: flex; align-items: center; gap: 14px; margin: 0 0 1.4rem; padding: 14px 18px; border-radius: var(--ni-radius, 16px); background: linear-gradient(135deg, var(--ni-primary, #0e5a4f), #0a4139); color: #fff !important; text-decoration: none; }
.ni-tanitim-bandi__ik { flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--ni-accent, #c8a24a); color: #1d1606; display: flex; align-items: center; justify-content: center; }
.ni-tanitim-bandi strong { display: block; font-size: 1.05rem; }
.ni-tanitim-bandi small { opacity: .85; }
/* Ana sayfa ve Hakkımızda şeridi */
.tn--serit { margin: 0; }
.tn-serit__bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; margin-bottom: 14px; }
.tn-serit__bas .tn-h { margin: 0 0 .25rem; }
.tn-serit__alt { margin: 0; color: var(--_m); font-size: .95rem; }
.tn--serit .tn-serit { grid-auto-columns: minmax(132px, 1fr); }
.tn--serit .tn-genel figcaption { font-size: .86rem; }
@media (max-width: 600px) { .tn--serit .tn-serit { grid-auto-columns: 42%; } .tn-serit__bas .ni-btn { padding: .5rem .9rem; font-size: .88rem; } }