.ok{margin-block:clamp(56px,8vw,104px)}.ok-izgara{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(170px,15vw,210px);grid-auto-flow:dense;gap:clamp(10px,1.2vw,16px);margin:clamp(24px,3vw,36px) 0 0;padding:0;list-style:none;display:grid}.ok-kutu{isolation:isolate;background:var(--color-gece-derin,#0f2c3b);color:#fff;border-radius:18px;position:relative;overflow:hidden}.ok-kutu[data-sira="0"]{grid-area:span 2/span 2}.ok-webinar,.ok-sehirler,.ok-ret{grid-column:span 2}.ok-izgara:not(:has(.ok-webinar)) :is(.ok-takip,.ok-rusca){grid-column:span 2}.ok-medya{z-index:-1;position:absolute;inset:0}.ok-medya :is(img,video){object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ok-medya img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.ok-medya video{opacity:0;transition:opacity .6s}.ok-kutu[data-oynuyor] .ok-medya video{opacity:1}.ok-medya:after{content:"";background:linear-gradient(#0f2c3b1a 0%,#0f2c3b40 40%,#0f2c3be6 100%);position:absolute;inset:0}.ok-bag{color:#fff;flex-direction:column;justify-content:flex-end;gap:4px;padding:clamp(14px,1.6vw,22px);text-decoration:none;display:flex;position:absolute;inset:0}.ok-bag strong{font-size:clamp(17px,1.4vw,20px);font-weight:600;line-height:1.2}.ok-kutu[data-sira="0"] .ok-bag strong{font-size:clamp(24px,2.4vw,34px)}.ok-bag span{color:var(--color-gece-metin,#eaf1f5);font-size:14px;line-height:1.45}.ok-kutu[data-sira="0"] .ok-bag span{max-width:40ch;font-size:16px}.ok-bag em{color:var(--color-kirmizi,#c83e31);background:var(--color-kirmizi-sis,#fbeeec);border-radius:4px;align-self:flex-start;margin-block-start:8px;padding:4px 10px 3px;font-size:13px;font-style:normal;font-weight:600}.ok-bag:focus-visible{outline-offset:-6px;border-radius:18px;outline:3px solid #fff}@media (hover:hover) and (pointer:fine){.ok-kutu:hover .ok-medya img{transform:scale(1.06)}}@media (max-width:960px){.ok-izgara{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:170px}.ok-kutu[data-sira="0"]{grid-area:span 1/span 2}.ok-ret{grid-column:span 1}.ok-webinar,.ok-sehirler,.ok-prova{grid-column:span 2}.ok-izgara:not(:has(.ok-webinar)) :is(.ok-takip,.ok-rusca){grid-column:span 1}.ok-bag span{display:none}.ok-kutu[data-sira="0"] .ok-bag span,.ok-webinar .ok-bag span,.ok-sehirler .ok-bag span,.ok-prova .ok-bag span{display:block}}@media (prefers-reduced-motion:reduce){.ok-medya img,.ok-medya video{transition:none}}