/* Eğitimix UX upgrade */
.catRoot{display:grid;gap:14px}.catGroup{border:0!important;border-radius:22px!important;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(9,34,67,.09);transition:.25s}
.catGroup:hover{transform:translateY(-2px)}.catHead{min-height:100px!important;padding:20px!important;border:0!important;border-radius:22px!important;background:linear-gradient(135deg,#fff,#f7f9ff)!important;text-align:left!important}
.catHead span{display:flex;flex-direction:column;gap:6px}.catHead b{font-size:27px!important;line-height:1.05}.catHead small{font-size:16px!important;color:#6b7280}.catHead i{font-size:30px!important;font-style:normal;transition:.25s}
.catGroup:nth-child(1) .catHead b{color:#e61e3c}.catGroup:nth-child(2) .catHead b{color:#1261d6}.catGroup:nth-child(3) .catHead b{color:#009c7b}.catGroup:nth-child(4) .catHead b{color:#8b3fd1}
.catChildren{background:#f8fafc!important}.catChildren.open{padding:10px!important}.catChildren a{font-size:19px!important;font-weight:800!important;min-height:58px!important;padding:16px!important;border-radius:14px!important;margin:5px!important;background:#fff;transition:.2s}.catChildren a:active{transform:scale(.98)}
#drawer h2{font-size:36px!important;letter-spacing:-1px}.productHeader h2{font-size:34px!important}.productHeader span{font-size:15px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.08em}
.portal{margin:30px auto;max-width:1180px;padding:28px;border-radius:28px;background:linear-gradient(135deg,#071d35,#103e67);color:#fff}.portal h2{font-size:34px;margin:0 0 8px}.portal>p{opacity:.8;font-size:17px}.portalGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.portalCard{border:0;border-radius:20px;background:#fff;color:#101828;text-align:left;padding:20px;min-height:130px;box-shadow:0 12px 25px rgba(0,0,0,.12)}
.portalCard b{display:block;font-size:20px;margin:10px 0 5px}.portalCard span{color:#667085;line-height:1.35}.portalIcon{font-size:30px}.guideFlow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.guideFlow b{background:#fff;color:#102a43;padding:12px 15px;border-radius:14px}.guideFlow i{font-style:normal;font-size:22px}.supportBtn{display:inline-block;margin-top:20px;background:#20b65a;color:white;padding:14px 20px;border-radius:16px;font-weight:900;text-decoration:none}
@media(max-width:700px){#drawer{width:min(92vw,470px)!important}.catHead b{font-size:25px!important}.catHead small{font-size:15px!important}.portal{margin:20px 12px;padding:22px 16px}.portal h2{font-size:28px}.portalGrid{grid-template-columns:1fr}.portalCard{min-height:105px}.guideFlow i{transform:rotate(90deg)}}
#drawer{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:60px!important}
#drawer.on{touch-action:pan-y}

.sinavzaPromo{margin-top:24px;padding:20px;border:1px solid #ffffff30;border-radius:18px;background:#ffffff12;display:flex;flex-direction:column;gap:7px}.sinavzaPromo b{font-size:20px}.sinavzaPromo span{opacity:.82;line-height:1.5}

#drawer{height:100dvh!important;max-height:100dvh!important;overflow-y:scroll!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important}
.catRoot{min-height:max-content!important;padding-bottom:100px!important}