/* Ücretsiz yayın hizmeti tanıtım sayfası (2026-10-19) — modul/sayfa_yayin_hizmeti.php; temel görsel dil css/sayfa.css (.sy), önek yh- */
.yh{font-family:Poppins,"Segoe UI",Tahoma,Arial,sans-serif;}
.yh section{scroll-margin-top:12px;}
.yh h2.yh-b{margin:0 0 6px; font-size:24px; font-weight:600; line-height:1.25; color:#fff;}
.yh .yh-alt{margin:0 0 18px; color:#bdbdbd; font-size:14px; max-width:760px;}
.yh-blok{margin-top:34px;}
.yh-kicker{display:inline-flex; align-items:center; gap:7px; padding:4px 12px; border-radius:999px; background:rgba(200,32,42,.14); border:1px solid rgba(200,32,42,.45); color:#ff8a8f; font-size:12px; font-weight:500; letter-spacing:.2px;}
.yh-kicker::before{content:""; width:7px; height:7px; border-radius:50%; background:#ff3b45; box-shadow:0 0 0 0 rgba(255,59,69,.6); animation:yh-nabiz 1.8s infinite;}
@keyframes yh-nabiz{0%{box-shadow:0 0 0 0 rgba(255,59,69,.6);}70%{box-shadow:0 0 0 8px rgba(255,59,69,0);}100%{box-shadow:0 0 0 0 rgba(255,59,69,0);}}
.yh-vurgu{color:#ff5a61;}

/* üst bölüm */
.yh-hero{position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:20px; align-items:center; padding:30px 30px 28px; border-radius:10px; overflow:hidden;
	background:radial-gradient(120% 140% at 100% 0%,rgba(156,11,18,.55) 0%,rgba(106,5,11,.18) 38%,rgba(20,20,20,0) 65%),linear-gradient(180deg,#171717,#101010); border:1px solid #2a2a2a;}
.yh-hero h1{margin:14px 0 10px; font-size:34px; font-weight:700; line-height:1.15; color:#fff; letter-spacing:-.3px;}
.yh-hero h1 span{display:block; font-size:19px; font-weight:500; color:#d8d8d8; margin-top:8px; letter-spacing:0;}
.yh-hero p{margin:0 0 18px; color:#cfcfcf; font-size:14.5px; max-width:none;}
.yh-dugmeler{display:flex; flex-wrap:wrap; gap:10px;}
.yh .sy-dugme{padding:11px 20px; font-size:14px; border-radius:6px;}
.yh-guven{display:flex; flex-wrap:wrap; gap:6px 16px; margin:18px 0 0; padding:0; list-style:none; font-size:12.5px; color:#bdbdbd;}
.yh-guven li{display:flex; align-items:center; gap:6px;}
.yh-guven svg{width:16px; height:16px; fill:none; stroke:#20d06a; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0;}
.yh-hero-gorsel{min-width:0;}
.yh-hero-gorsel svg{display:block; width:100%; height:auto;}
.yh-dalga{animation:yh-dalga 2.6s ease-out infinite; transform-origin:center; transform-box:fill-box; opacity:0;}
.yh-dalga.d2{animation-delay:.85s;} .yh-dalga.d3{animation-delay:1.7s;}
@keyframes yh-dalga{0%{opacity:.9; transform:scale(.55);}100%{opacity:0; transform:scale(1.25);}}
.yh-akis{stroke-dasharray:4 7; animation:yh-akis 1.2s linear infinite;}
@keyframes yh-akis{to{stroke-dashoffset:-22;}}
@media (prefers-reduced-motion:reduce){.yh-dalga,.yh-akis,.yh-kicker::before{animation:none;} .yh-dalga{opacity:.35;}}

/* sayılar */
.yh-sayilar{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-top:16px;}
.yh-sayi{position:relative; background:#141414; border:1px solid #2a2a2a; border-radius:8px; padding:16px 14px 14px; overflow:hidden;}
.yh-sayi::before{content:""; position:absolute; left:0; top:0; right:0; height:3px; background:linear-gradient(90deg,#c8202a,#6a050b);}
.yh-sayi b{display:block; font-size:28px; font-weight:700; line-height:1.1; color:#fff;}
.yh-sayi span{display:block; margin-top:5px; font-size:12.5px; color:#a9a9a9; line-height:1.4;}

/* ücret yerine tek rica */
.yh-takas{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; align-items:center;}
.yh-tarayici{background:#0d0d0d; border:1px solid #333; border-radius:8px; overflow:hidden; box-shadow:0 18px 40px -18px rgba(0,0,0,.8);}
.yh-tarayici-ust{display:flex; align-items:center; gap:6px; padding:8px 10px; background:#1b1b1b; border-bottom:1px solid #2c2c2c;}
.yh-tarayici-ust i{width:9px; height:9px; border-radius:50%; background:#444;}
.yh-tarayici-ust i:nth-child(1){background:#ff5f57;} .yh-tarayici-ust i:nth-child(2){background:#febc2e;} .yh-tarayici-ust i:nth-child(3){background:#28c840;}
.yh-tarayici-ust span{flex:1; margin-left:8px; padding:3px 10px; border-radius:20px; background:#0f0f0f; color:#8d8d8d; font-size:11.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.yh-tarayici-ic{padding:14px; display:grid; gap:10px;}
.yh-site-ust{display:flex; align-items:center; justify-content:space-between; gap:8px;}
.yh-site-logo{display:flex; align-items:center; gap:7px; color:#fff; font-weight:600; font-size:13px;}
.yh-site-logo i{width:22px; height:22px; border-radius:5px; background:linear-gradient(135deg,#2f7bff,#17349c);}
.yh-site-menu{display:flex; gap:6px;} .yh-site-menu i{width:26px; height:6px; border-radius:3px; background:#2b2b2b;}
.yh-oynatici{position:relative; aspect-ratio:16/9; border-radius:6px; overflow:hidden; border:2px dashed rgba(200,32,42,.75);
	background:radial-gradient(circle at 30% 30%,#25324a,#0b0f18 70%);}
.yh-oynatici::after{content:""; position:absolute; left:50%; top:50%; width:0; height:0; margin:-14px 0 0 -9px; border-style:solid; border-width:14px 0 14px 24px; border-color:transparent transparent transparent rgba(255,255,255,.9);}
.yh-oynatici em{position:absolute; left:8px; top:8px; padding:2px 8px; border-radius:3px; background:#d01820; color:#fff; font-size:10.5px; font-style:normal; font-weight:600; letter-spacing:.5px;}
.yh-oynatici small{position:absolute; right:8px; bottom:8px; padding:2px 8px; border-radius:3px; background:rgba(0,0,0,.6); color:#ddd; font-size:10.5px;}
.yh-site-satir{display:grid; grid-template-columns:2fr 1fr; gap:8px;} .yh-site-satir i{height:34px; border-radius:4px; background:#191919;}
.yh-site-alt{font-size:11px; color:#8a8a8a; text-align:center; padding-top:2px;} .yh-site-alt b{color:#ff5a61; font-weight:500;}
.yh-liste{list-style:none; margin:0 0 16px; padding:0; display:grid; gap:12px;}
.yh-liste li{display:flex; gap:12px; align-items:flex-start; color:#cfcfcf; font-size:14px;}
.yh-liste li b{color:#fff; font-weight:600; display:block; margin-bottom:1px;}
.yh-ikon{flex-shrink:0; width:38px; height:38px; border-radius:9px; display:grid; place-items:center; background:linear-gradient(145deg,#b50d16,#5c040a); border:1px solid #c8202a; box-shadow:0 6px 16px -8px rgba(200,32,42,.9);}
.yh-ikon svg{width:20px; height:20px; fill:none; stroke:#fff; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}

/* hediyeler */
.yh-hediye{display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:22px; align-items:center;}
.yh-kartlar{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
.yh-kart{position:relative; background:#141414; border:1px solid #2a2a2a; border-radius:8px; padding:16px; transition:border-color .15s, transform .15s;}
.yh-kart:hover{border-color:#4a1a1d; transform:translateY(-2px);}
.yh-kart .yh-ikon{margin-bottom:10px;}
.yh-kart h3{margin:0 0 4px; font-size:15px; font-weight:600; color:#fff;}
.yh-kart p{margin:0; font-size:13px; color:#a9a9a9; line-height:1.5;}
.yh-kart .yh-rozet{position:absolute; right:12px; top:12px; padding:2px 9px; border-radius:20px; background:rgba(32,208,106,.12); border:1px solid rgba(32,208,106,.45); color:#5fe39a; font-size:11px; font-weight:600;}
.yh-telefon{position:relative; width:230px; margin:0 auto; aspect-ratio:9/18.5; border-radius:34px; padding:10px; background:linear-gradient(160deg,#3a3a3a,#111 40%,#222); box-shadow:0 30px 60px -25px rgba(0,0,0,.9),0 0 0 1px #444 inset;}
.yh-ekran{position:relative; height:100%; border-radius:26px; overflow:hidden; background:#0b0b0b; display:flex; flex-direction:column;}
.yh-ekran-ust{height:24px; display:flex; justify-content:center; align-items:center;} .yh-ekran-ust i{width:64px; height:16px; border-radius:10px; background:#000;}
.yh-app-bas{display:flex; align-items:center; gap:8px; padding:8px 12px;}
.yh-app-bas i{width:28px; height:28px; border-radius:8px; background:linear-gradient(135deg,#ff4d55,#8f0910); display:grid; place-items:center; color:#fff; font-style:normal; font-weight:700; font-size:12px;}
.yh-app-bas b{color:#fff; font-size:12.5px; font-weight:600;} .yh-app-bas small{display:block; color:#888; font-size:10px; font-weight:400;}
.yh-app-video{position:relative; margin:4px 10px; aspect-ratio:16/9; border-radius:8px; background:radial-gradient(circle at 35% 35%,#4d2a2d,#120809 75%);}
.yh-app-video::after{content:""; position:absolute; left:50%; top:50%; margin:-9px 0 0 -6px; border-style:solid; border-width:9px 0 9px 15px; border-color:transparent transparent transparent #fff;}
.yh-app-video em{position:absolute; left:6px; top:6px; padding:1px 6px; border-radius:3px; background:#d01820; color:#fff; font-size:9px; font-style:normal; font-weight:600;}
.yh-app-satir{display:flex; align-items:center; gap:8px; margin:6px 10px 0; padding:8px; border-radius:8px; background:#161616;}
.yh-app-satir i{width:30px; height:30px; border-radius:6px; background:#262626; flex-shrink:0;}
.yh-app-satir span{flex:1; display:grid; gap:5px;} .yh-app-satir span::before,.yh-app-satir span::after{content:""; height:6px; border-radius:3px; background:#2e2e2e;} .yh-app-satir span::after{width:60%;}
.yh-app-alt{margin-top:auto; display:flex; justify-content:space-around; padding:10px 6px 14px; border-top:1px solid #1e1e1e;}
.yh-app-alt i{width:18px; height:18px; border-radius:5px; background:#2a2a2a;} .yh-app-alt i:first-child{background:#c8202a;}
.yh-magaza{display:flex; justify-content:center; gap:8px; margin-top:14px;}
.yh-magaza span{display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:7px; background:#000; border:1px solid #3a3a3a; color:#fff; font-size:11px; line-height:1.1;}
.yh-magaza svg{width:16px; height:16px; fill:#fff;}
.yh-yetki{display:flex; gap:12px; align-items:center; margin-top:14px; padding:14px 16px; border-radius:8px; background:linear-gradient(90deg,rgba(32,208,106,.10),rgba(32,208,106,.02)); border:1px solid rgba(32,208,106,.35); color:#d6d6d6; font-size:13.5px;}
.yh-yetki svg{width:30px; height:30px; flex-shrink:0; fill:none; stroke:#20d06a; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.yh-yetki b{color:#fff;}

/* karşılaştırma tablosu */
.yh-tablo-kap{overflow-x:auto; border:1px solid #2a2a2a; border-radius:8px; background:#121212;}
.yh-tablo{width:100%; border-collapse:collapse; box-shadow:none !important; font-size:13.5px;}
.yh-tablo th, .yh-tablo td{padding:11px 14px; text-align:left; border-top:1px solid #222; vertical-align:middle;}
.yh-tablo thead th{border-top:0; background:#181818; color:#bdbdbd; font-weight:600; font-size:12.5px;}
.yh-tablo thead th.biz{background:linear-gradient(180deg,#8f0a12,#5c040a); color:#fff; font-size:13.5px;}
.yh-tablo td.biz{background:rgba(200,32,42,.07); color:#fff; font-weight:500;}
.yh-tablo tbody th{color:#e8e8e8; font-weight:500; width:34%;}
.yh-tablo td{color:#a9a9a9;}
.yh-e, .yh-h{display:inline-flex; align-items:center; gap:7px;}
.yh-e::before, .yh-h::before{content:""; width:18px; height:18px; border-radius:50%; flex-shrink:0; background-position:center; background-repeat:no-repeat;}
.yh-e::before{background-color:rgba(32,208,106,.16); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%2320d06a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size:12px;}
.yh-h::before{background-color:rgba(255,107,107,.12); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' fill='none' stroke='%23ff6b6b' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); background-size:10px;}
.yh-dipnot{margin:8px 2px 0; font-size:11.5px; color:#7d7d7d;}

/* kapasite grafiği */
.yh-grafik-kap{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:22px; align-items:center;}
.yh-grafik{background:#141414; border:1px solid #2a2a2a; border-radius:8px; padding:18px 20px 14px;}
.yh-grafik h3{margin:0 0 14px; font-size:14px; font-weight:600; color:#fff;}
.yh-cubuk{display:grid; grid-template-columns:150px minmax(0,1fr); gap:10px; align-items:center; margin-bottom:12px; font-size:12.5px;}
.yh-cubuk > span{color:#cfcfcf; line-height:1.3;} .yh-cubuk > span small{display:block; color:#7d7d7d; font-size:11px;}
.yh-cubuk-yol{position:relative; height:26px; border-radius:5px; background:#1d1d1d; overflow:hidden;}
.yh-cubuk-yol i{position:absolute; left:0; top:0; bottom:0; width:var(--g); border-radius:5px; background:linear-gradient(90deg,#6a050b,#c8202a 70%,#ff4d55); transform-origin:left; animation:yh-dol 1.4s cubic-bezier(.2,.8,.2,1) both;}
.yh-cubuk-yol i.yerel{background:linear-gradient(90deg,#2b2b2b,#555);}
.yh-cubuk-yol b{position:absolute; right:8px; top:0; line-height:26px; color:#fff; font-size:12px; font-weight:600; text-shadow:0 1px 2px rgba(0,0,0,.6);}
@keyframes yh-dol{from{transform:scaleX(0);}to{transform:scaleX(1);}}
.yh-grafik .yh-dipnot{margin-top:4px;}
.yh-halka{display:grid; place-items:center; text-align:center;}
.yh-halka svg{width:200px; height:200px;}
.yh-halka p{margin:10px 0 0; font-size:13px; color:#bdbdbd;} .yh-halka p b{color:#fff;}

/* adımlar */
.yh-adimlar{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; counter-reset:yh; position:relative;}
.yh-adimlar::before{content:""; position:absolute; left:10%; right:10%; top:27px; height:2px; background:linear-gradient(90deg,#c8202a,#6a050b 50%,#c8202a); opacity:.6;}
.yh-adimlar li{position:relative; counter-increment:yh; text-align:center; padding:0 4px;}
.yh-adimlar li > i{position:relative; display:grid; place-items:center; width:56px; height:56px; margin:0 auto 12px; border-radius:50%; background:#141414; border:2px solid #c8202a; box-shadow:0 0 0 6px #0f0f0f;}
.yh-adimlar li > i svg{width:24px; height:24px; fill:none; stroke:#fff; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round;}
.yh-adimlar li > i::after{content:counter(yh); position:absolute; right:-6px; top:-6px; width:22px; height:22px; border-radius:50%; background:linear-gradient(#b50d16,#6a050b); color:#fff; font-size:11.5px; font-style:normal; font-weight:700; line-height:22px; text-align:center;}
.yh-adimlar h3{margin:0 0 4px; font-size:14px; font-weight:600; color:#fff;}
.yh-adimlar p{margin:0; font-size:12.5px; color:#a9a9a9; line-height:1.5;}

/* şartlar */
.yh-sartlar{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
.yh-sart{display:flex; gap:14px; align-items:flex-start; padding:18px; border-radius:8px; background:#141414; border:1px solid #2a2a2a;}
.yh-sart h3{margin:0 0 4px; font-size:15px; font-weight:600; color:#fff;}
.yh-sart p{margin:0; font-size:13px; color:#a9a9a9;}
.yh-sart .yh-ikon{background:linear-gradient(145deg,#1d7d47,#0d3d22); border-color:#20d06a; box-shadow:0 6px 16px -8px rgba(32,208,106,.8);}

/* hizmet adları (arama terimleri) */
.yh-terimler{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
.yh-terim{padding:16px 18px; border-radius:8px; background:#141414; border:1px solid #2a2a2a;}
.yh-terim h3{display:flex; align-items:center; gap:8px; margin:0 0 6px; font-size:15px; font-weight:600; color:#fff;}
.yh-terim h3 svg{width:20px; height:20px; fill:none; stroke:#ff5a61; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.yh-terim p{margin:0; font-size:13px; color:#b5b5b5; line-height:1.6;}
.yh-etiketler{display:flex; flex-wrap:wrap; gap:6px; margin:14px 0 0; padding:0; list-style:none;}
.yh-etiketler li{padding:4px 11px; border-radius:20px; background:#181818; border:1px solid #303030; color:#bdbdbd; font-size:12px;}

/* SSS (sayfa.css .sy-sss ile) */
.yh .sy-sss summary{font-size:14px; font-weight:500;}
.yh .sy-cevap{color:#cfcfcf; font-size:13.5px;}
.yh .sy-cevap p{margin:0 0 8px;} .yh .sy-cevap p:last-child{margin:0;}

/* son çağrı */
.yh-son{margin-top:34px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:26px 30px; border-radius:10px;
	background:radial-gradient(90% 160% at 0% 100%,rgba(255,77,85,.35),rgba(0,0,0,0) 60%),linear-gradient(120deg,#8f0a12,#4a0308); border:1px solid #c8202a;}
.yh-son h2{margin:0 0 4px; font-size:22px; font-weight:600; color:#fff;}
.yh-son p{margin:0; color:#f0d0d2; font-size:14px;}
.yh-son .sy-dugme{background:#fff; color:#8f0a12 !important; border-color:#fff; white-space:nowrap;}
.yh-son .sy-dugme:hover{filter:brightness(.95);}

/* dar ekran ve mobil */
@media (max-width:1000px){
	.yh-sayilar{grid-template-columns:repeat(3,minmax(0,1fr));}
}
.sy-mobil.yh .yh-hero, .sy-mobil.yh .yh-takas, .sy-mobil.yh .yh-hediye, .sy-mobil.yh .yh-grafik-kap{grid-template-columns:1fr;}
.sy-mobil.yh .yh-hero{padding:20px 16px; gap:8px;}
.sy-mobil.yh .yh-hero h1{font-size:26px;} .sy-mobil.yh .yh-hero h1 span{font-size:16px;}
.sy-mobil.yh .yh-hero-gorsel{order:-1; max-width:360px; margin:0 auto; width:100%;}
.sy-mobil.yh .yh-dugmeler .sy-dugme{flex:1 1 auto; justify-content:center;}
.sy-mobil.yh .yh-sayilar{grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
.sy-mobil.yh .yh-sayi:first-child{grid-column:1/-1;}
.sy-mobil.yh .yh-sayi b{font-size:24px;}
.sy-mobil.yh h2.yh-b{font-size:20px;}
.sy-mobil.yh .yh-blok{margin-top:28px;}
.sy-mobil.yh .yh-kartlar, .sy-mobil.yh .yh-sartlar, .sy-mobil.yh .yh-terimler{grid-template-columns:1fr;}
.sy-mobil.yh .yh-telefon{width:200px;}
.sy-mobil.yh .yh-cubuk{grid-template-columns:1fr; gap:4px;}
.sy-mobil.yh .yh-adimlar{grid-template-columns:1fr; gap:16px;}
.sy-mobil.yh .yh-adimlar::before{left:27px; right:auto; top:28px; bottom:28px; width:2px; height:auto; background:linear-gradient(180deg,#c8202a,#6a050b);}
.sy-mobil.yh .yh-adimlar li{display:grid; grid-template-columns:56px 1fr; gap:0 14px; text-align:left; padding:0;}
.sy-mobil.yh .yh-adimlar li > i{grid-row:span 2; margin:0;}
.sy-mobil.yh .yh-adimlar h3{align-self:end;}
.sy-mobil.yh .yh-tablo th, .sy-mobil.yh .yh-tablo td{padding:9px 10px; font-size:12.5px;}
.sy-mobil.yh .yh-son{flex-direction:column; align-items:stretch; text-align:center; padding:22px 18px;}
.sy-mobil.yh .yh-son .sy-dugme{justify-content:center;}
.sy-mobil.yh .yh-tablo-kap{overflow:visible;}
.sy-mobil.yh .yh-tablo tr{display:grid; grid-template-columns:1fr 1fr;}
.sy-mobil.yh .yh-tablo thead th:first-child{display:none;}
.sy-mobil.yh .yh-tablo tbody th{grid-column:1/-1; width:auto; padding-bottom:2px; color:#fff; font-weight:600; background:#161616;}
.sy-mobil.yh .yh-tablo tbody td{border-top:0;}
.sy-mobil.yh .yh-tablo .yh-e, .sy-mobil.yh .yh-tablo .yh-h{align-items:flex-start;}

/* deneyim bandı (2026-10-19) */
.yh-deneyim{display:grid; grid-template-columns:170px minmax(0,1fr); gap:26px; align-items:center; padding:24px 28px; border-radius:10px; background:linear-gradient(90deg,rgba(156,11,18,.22),rgba(20,20,20,.6) 45%),#121212; border:1px solid #2a2a2a;}
.yh-deneyim p{margin:0 0 14px; color:#cfcfcf; font-size:14px;}
.yh-deneyim-yil{position:relative; display:grid; place-items:center; align-content:center; width:150px; height:150px; border-radius:50%; margin:0 auto; text-align:center;
	background:radial-gradient(circle,#1a1a1a 58%,transparent 59%),conic-gradient(#ff4d55,#8f0910,#ff4d55); box-shadow:0 0 40px -10px rgba(200,32,42,.8);}
.yh-deneyim-yil b{display:block; font-size:58px; font-weight:700; line-height:1; color:#fff;}
.yh-deneyim-yil span{display:block; margin-top:2px; font-size:13px; color:#ff8a8f; letter-spacing:2px; text-transform:uppercase;}
.yh-zaman{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; position:relative;}
.yh-zaman li{position:relative; padding:10px 12px 10px 14px; border-left:3px solid #c8202a; background:#181818; border-radius:0 6px 6px 0; font-size:12.5px; color:#a9a9a9; line-height:1.45;}
.yh-zaman b{display:block; color:#fff; font-size:15px; font-weight:600; margin-bottom:2px;}
.sy-mobil.yh .yh-deneyim{grid-template-columns:1fr; gap:16px; padding:20px 16px; text-align:left;}
.sy-mobil.yh .yh-deneyim-yil{width:120px; height:120px;} .sy-mobil.yh .yh-deneyim-yil b{font-size:46px;}
.sy-mobil.yh .yh-zaman{grid-template-columns:1fr;}
.yh-ilk{display:inline-block; margin-bottom:8px; padding:3px 11px; border-radius:4px; background:linear-gradient(90deg,#c8202a,#8f0910); color:#fff; font-size:11.5px; font-weight:600; letter-spacing:.6px; text-transform:uppercase;}