.section-hero,.section-dersler .catalog-hero,.section-odevler .catalog-hero,.section-oyunlar .catalog-hero,.section-testler .catalog-hero,.section-araclar .catalog-hero{position:relative;isolation:isolate;min-height:380px;display:flex;align-items:center;background-color:#f6f3ec;background-repeat:no-repeat;background-size:min(960px,50vw) auto;background-position:right center;overflow:hidden}
.section-hero:before,.section-dersler .catalog-hero:before,.section-odevler .catalog-hero:before,.section-oyunlar .catalog-hero:before,.section-testler .catalog-hero:before,.section-araclar .catalog-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f6f3ec 0%,#f6f3ec 47%,rgba(246,243,236,.92) 58%,rgba(246,243,236,.18) 78%,rgba(246,243,236,0) 100%)}
.section-hero .shell,.section-dersler .catalog-hero .shell,.section-odevler .catalog-hero .shell,.section-oyunlar .catalog-hero .shell,.section-testler .catalog-hero .shell,.section-araclar .catalog-hero .shell{position:relative;width:min(1180px,calc(100% - 40px));margin-inline:auto}
.section-hero h1,.section-dersler .catalog-hero h1,.section-odevler .catalog-hero h1,.section-oyunlar .catalog-hero h1,.section-testler .catalog-hero h1,.section-araclar .catalog-hero h1{max-width:680px;font-size:clamp(36px,4vw,52px)}
.section-hero p,.section-dersler .catalog-hero p,.section-odevler .catalog-hero p,.section-oyunlar .catalog-hero p,.section-testler .catalog-hero p,.section-araclar .catalog-hero p{max-width:650px}
.section-hero-copy{max-width:720px}
.section-hero--courses,.section-dersler .catalog-hero{background-image:url('/assets/images/sections/turkce.webp?v=2')}
.section-hero--homework,.section-odevler .catalog-hero{background-image:url('/assets/images/sections/odevler.webp?v=2')}
.section-hero--guides{background-image:url('/assets/images/sections/haftalik-plan.webp?v=2')}
.section-oyunlar .catalog-hero{background-image:url('/assets/images/sections/oyunlar.webp?v=2')}
.section-testler .catalog-hero{background-image:url('/assets/images/sections/testler.webp?v=2')}
.section-araclar .catalog-hero{background-image:url('/assets/images/sections/araclar.webp?v=2')}
.section-testler .learning-hero{background-image:linear-gradient(90deg,rgba(23,50,77,.98),rgba(23,50,77,.87) 54%,rgba(23,50,77,.32)),url('/assets/images/sections/test-sonucu.webp?v=2');background-size:cover;background-position:center}
.section-hero--guides{background-color:#17324d}
.section-hero--guides:before{background:linear-gradient(90deg,#17324d 0%,#17324d 47%,rgba(23,50,77,.92) 58%,rgba(23,50,77,.18) 80%,rgba(23,50,77,0) 100%)}
.compact-section .module-card{overflow:hidden}
.compact-section .module-card:before{content:"";display:block;height:190px;margin:-26px -26px 22px;background-size:cover;background-position:center}
.compact-section .module-card:nth-child(1):before{background-image:url('/assets/images/sections/hece-modulu.webp?v=2')}
.compact-section .module-card:nth-child(2):before{background-image:url('/assets/images/sections/test-sonucu.webp?v=2')}
.compact-section .module-card:nth-child(3):before{background-image:url('/assets/images/sections/oyun-secimi.webp?v=2')}
.section-araclar .compact-section .module-card:nth-child(1):before,.section-araclar .compact-section .module-card:nth-child(2):before{background-image:url('/assets/images/sections/haftalik-plan.webp?v=2')}
@media(max-width:800px){.section-hero,.section-dersler .catalog-hero,.section-odevler .catalog-hero,.section-oyunlar .catalog-hero,.section-testler .catalog-hero,.section-araclar .catalog-hero{min-height:0;display:block;padding-top:clamp(210px,56vw,330px);background-size:100% auto;background-position:center top}.section-hero:before,.section-dersler .catalog-hero:before,.section-odevler .catalog-hero:before,.section-oyunlar .catalog-hero:before,.section-testler .catalog-hero:before,.section-araclar .catalog-hero:before{background:linear-gradient(180deg,rgba(246,243,236,0) 0%,rgba(246,243,236,.18) 31%,#f6f3ec 47%,#f6f3ec 100%)}.section-hero--guides:before{background:linear-gradient(180deg,rgba(23,50,77,0) 0%,rgba(23,50,77,.18) 31%,#17324d 47%,#17324d 100%)}.section-hero .shell,.section-dersler .catalog-hero .shell,.section-odevler .catalog-hero .shell,.section-oyunlar .catalog-hero .shell,.section-testler .catalog-hero .shell,.section-araclar .catalog-hero .shell{width:auto!important;max-width:none!important;min-width:0;margin-left:13px;margin-right:13px;overflow:hidden}.section-hero h1,.section-dersler .catalog-hero h1,.section-odevler .catalog-hero h1,.section-oyunlar .catalog-hero h1,.section-testler .catalog-hero h1,.section-araclar .catalog-hero h1{display:block;width:100%;max-width:100%;font-size:clamp(30px,8.4vw,36px);line-height:1.06;letter-spacing:-1px;overflow-wrap:anywhere;word-break:break-word}.section-hero p,.section-dersler .catalog-hero p,.section-odevler .catalog-hero p,.section-oyunlar .catalog-hero p,.section-testler .catalog-hero p,.section-araclar .catalog-hero p{width:100%;max-width:100%;overflow-wrap:anywhere}.section-hero .catalog-filter,.section-dersler .catalog-filter,.section-odevler .catalog-filter,.section-oyunlar .catalog-filter,.section-testler .catalog-filter,.section-araclar .catalog-filter{width:100%;max-width:100%;min-width:0}.catalog-filter a,.catalog-filter button{max-width:100%}.compact-section .module-card:before{height:170px}}