.vkartlar{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);display:grid}.vkart{background:var(--kagit);border:1px solid var(--cizgi);color:var(--gece);border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.vkart:hover{color:var(--gece);border-color:color-mix(in srgb, var(--renk,var(--mor)) 45%, white);transform:translateY(-4px);box-shadow:0 20px 36px -26px #1b13408c}.vkart-resim{aspect-ratio:16/9;background:var(--lila);display:block;position:relative}.vkart-resim img{object-fit:cover;width:100%;height:100%}.vkart-resim:after{content:"";background:var(--renk,var(--mor));height:4px;position:absolute;bottom:0;left:0;right:0}.vkart-sure{color:#fff;background:#100c28d1;border-radius:6px;padding:3px 8px;font-size:14px;font-weight:700;line-height:1.3;position:absolute;bottom:12px;right:8px}.vkart-yazi{gap:4px;padding:14px 16px 16px;display:grid}.vkart-yazi b{color:color-mix(in srgb, var(--renk,var(--mor)) 80%, black);font-size:15px}.vkart-baslik{-webkit-line-clamp:3;color:var(--murekkep);-webkit-box-orient:vertical;font-size:17px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.vkart-yazi small{color:var(--soluk);margin-top:2px;font-size:14px}.ders-raf{padding-top:clamp(8px,1vw,16px)}.ders-raf-bas{flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:18px;display:flex}.ders-raf-bas h2{font-size:clamp(26px,20px + 1.4vw,38px)}.vkartlar.kaydir{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-template-columns:repeat(6,minmax(220px,1fr));padding-bottom:8px;overflow-x:auto}.vkartlar.kaydir>*{scroll-snap-align:start}.ders-kartlar{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);display:grid}.ders-kartlar>li{border-radius:var(--r-kart);background:var(--kagit);border:1px solid var(--cizgi);border-top:6px solid var(--renk);flex-direction:column;display:flex;overflow:hidden}.ders-kart-bas{color:var(--murekkep);gap:2px;padding:22px 64px 18px 22px;text-decoration:none;display:grid;position:relative}.ders-kart-bas:hover{color:var(--murekkep);background:color-mix(in srgb, var(--renk) 7%, white)}.ders-kart-bas b{font:600 clamp(26px, 20px + 1vw, 32px)/1.1 var(--bas)}.ders-kart-bas span{color:var(--soluk);font-size:15px}.ders-kart-bas i{background:var(--renk);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;margin-top:-19px;font-style:normal;transition:transform .2s;display:grid;position:absolute;top:50%;right:20px}.ders-kart-bas:hover i{transform:translate(3px)}.ders-konular{flex-wrap:wrap;gap:6px;padding:0 22px 22px;display:flex}.ders-konular li a,.ders-konular li.bos{border-radius:999px;padding:5px 10px;font-size:14.5px;line-height:1.3;display:inline-block}.ders-konular li a{background:color-mix(in srgb, var(--renk) 10%, white);color:color-mix(in srgb, var(--renk) 75%, black);font-weight:600;text-decoration:none}.ders-konular li a:hover{background:color-mix(in srgb, var(--renk) 18%, white)}.ders-konular li.bos{color:#8a91a6;border:1px dashed var(--cizgi)}.ders-hocalar h2{font-size:clamp(26px,20px + 1.4vw,38px)}.ders-hocalar>p{margin-top:12px}.ders-hocalar dl{gap:10px;margin-top:22px;display:grid}.ders-hocalar dl div{border-bottom:1px solid var(--cizgi);grid-template-columns:140px minmax(0,1fr);gap:12px;padding-bottom:10px;display:grid}.ders-hocalar dt{font-weight:700}.ders-hocalar dd{color:var(--soluk);margin:0}.konu-menu{padding-top:4px;padding-bottom:clamp(20px,2.4vw,32px)}.konu-menu ul{flex-wrap:wrap;gap:8px;display:flex}.konu-menu a{background:var(--kagit);border:1.5px solid color-mix(in srgb, var(--renk) 30%, white);color:var(--murekkep);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:15.5px;font-weight:600;text-decoration:none;display:inline-flex}.konu-menu a:hover{background:color-mix(in srgb, var(--renk) 10%, white);color:var(--murekkep)}.konu-menu small{color:var(--soluk);font-size:13px;font-weight:600}.konu-bolumler{padding-top:clamp(28px,3vw,44px);padding-bottom:var(--bosluk);gap:clamp(36px,4vw,56px);display:grid}.konu-bolum{scroll-margin-top:96px}.konu-bas{border-bottom:2px solid color-mix(in srgb, var(--renk) 35%, white);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:16px;padding-bottom:10px;display:flex}.konu-bas h2{font-size:clamp(24px,19px + 1vw,32px)}.konu-bas a{color:color-mix(in srgb, var(--renk) 80%, black);font-size:16px;font-weight:700}.konu-bos{font-size:16px}.konu-tum{padding-bottom:var(--bosluk)}@media (width<=1100px){.vkartlar{grid-template-columns:repeat(3,minmax(0,1fr))}.ders-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.vkartlar{grid-template-columns:repeat(2,minmax(0,1fr))}.vkartlar.kaydir{grid-template-columns:repeat(6,72%)}.ders-kartlar{grid-template-columns:minmax(0,1fr)}.ders-hocalar dl div{grid-template-columns:minmax(0,1fr);gap:2px}}@media (width<=480px){.vkartlar:not(.kaydir){grid-template-columns:minmax(0,1fr)}.vkart{flex-direction:row}.vkartlar:not(.kaydir) .vkart-resim{aspect-ratio:16/10;flex:none;width:44%}.vkartlar:not(.kaydir) .vkart-yazi{padding:10px 12px}.vkartlar:not(.kaydir) .vkart-baslik{-webkit-line-clamp:3;font-size:16px}}
