
/* EmlakCRM public + authenticated education center */
.page-egitim{background:linear-gradient(180deg,#f2f6f3 0,#f7f8f6 100%)}
.page-egitim .app-footer{margin-top:0}
.page-egitim:not(:has(.app-shell)) .app-topbar{position:relative;background:linear-gradient(112deg,#315e50,#476f61);color:#fff}
.page-egitim:not(:has(.app-shell)) .app-brand{color:#fff}
.education-public-main{min-height:calc(100vh - 64px);padding:26px}
.education-page{width:min(1450px,100%);margin:0 auto;padding:0 0 44px}
.education-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:28px;align-items:center;padding:42px;border-radius:28px;background:linear-gradient(125deg,#163f35 0%,#245b4c 62%,#356d5c 100%);box-shadow:0 22px 55px rgba(28,64,54,.16);color:#fff}
.education-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;top:-180px;background:rgba(214,180,111,.13)}
.education-hero-copy{position:relative;z-index:2}.education-kicker{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;font-weight:900;letter-spacing:.08em;color:#ead49f}.education-hero h1{max-width:820px;margin:17px 0 12px;font-size:clamp(30px,4vw,49px);line-height:1.05;letter-spacing:-.035em;color:#fff}.education-hero p{max-width:850px;margin:0;color:#dce9e4;font-size:16px;line-height:1.7}.education-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.education-primary,.education-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border:0;border-radius:13px;font-weight:900;text-decoration:none;cursor:pointer}.education-primary{background:#d3ae6a;color:#183e34}.education-primary:hover{background:#e0bf7e}.education-secondary{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.09);color:#fff}.education-hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;color:#bcd0c8;font-size:12px;font-weight:700}
.education-feature{position:relative;z-index:2;overflow:hidden;width:100%;padding:0;border:1px solid rgba(255,255,255,.17);border-radius:21px;background:#fff;box-shadow:0 20px 45px rgba(0,0,0,.18);cursor:pointer;text-align:left}.education-feature img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.education-feature-overlay{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"n t i" "n s i";column-gap:12px;align-items:center;padding:15px;color:#26332f;background:#fff}.education-feature-overlay b{grid-area:n;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#f7efde;color:#a47b36}.education-feature-overlay strong{grid-area:t;font-size:15px}.education-feature-overlay small{grid-area:s;color:#7b8883;font-size:11px;margin-top:2px}.education-feature-overlay i{grid-area:i;font-style:normal;font-weight:900;color:#176b55;font-size:12px}
.education-controls{position:sticky;top:8px;z-index:20;margin:24px 0 0;padding:13px;border:1px solid #dfe7e2;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 13px 34px rgba(34,63,54,.08);backdrop-filter:blur(12px)}.education-search-wrap{display:flex;align-items:center;gap:9px;max-width:470px;margin-bottom:12px;padding:0 13px;border:1px solid #d9e2dd;border-radius:12px;background:#f9fbfa}.education-search-wrap span{color:#2f6958;font-size:18px}.education-search-wrap input{border:0!important;box-shadow:none!important;background:transparent!important;padding:12px 0!important}.education-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.education-tabs button{flex:0 0 auto;padding:9px 13px;border:1px solid #dbe4df;border-radius:11px;background:#fff;color:#33463f;font-size:12px;font-weight:800}.education-tabs button.is-active{border-color:#285f50;background:#285f50;color:#fff}
.education-intro-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:31px 2px 16px}.education-intro-row h2{margin:0 0 5px;font-size:25px;color:#26342f}.education-intro-row p{margin:0;color:#74827d}.education-intro-row>span{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#e9f2ee;color:#1c6551;font-size:12px;font-weight:900}
.education-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.education-card{min-width:0}.education-card[hidden]{display:none!important}.education-card-play{display:grid;grid-template-columns:145px minmax(0,1fr);width:100%;height:100%;padding:0;overflow:hidden;border:1px solid #dfe6e2;border-radius:18px;background:#fff;color:inherit;box-shadow:0 7px 20px rgba(34,63,54,.055);cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.education-card-play:hover{transform:translateY(-2px);border-color:#bad1c7;box-shadow:0 15px 30px rgba(34,63,54,.1)}.education-thumb{position:relative;display:block;min-height:190px;background:#e8eeeb}.education-thumb img{display:block;width:100%;height:100%;object-fit:cover}.education-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(16,43,35,.35))}.education-play-icon{position:absolute;z-index:2;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:48px;height:48px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(19,78,63,.82);color:#fff;font-size:16px;box-shadow:0 7px 20px rgba(0,0,0,.18)}.education-thumb small{position:absolute;z-index:2;left:10px;bottom:9px;padding:4px 7px;border-radius:8px;background:rgba(255,255,255,.9);color:#43534d;font-size:9px;font-weight:900}.education-card-body{display:flex;flex-direction:column;padding:17px 17px 15px}.education-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.education-card-top b{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:27px;padding:0 8px;border-radius:8px;background:#faf4e7;color:#a37a34;font-size:10px}.education-card-top em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;color:#607069;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.education-card-body>strong{font-size:15px;line-height:1.25;color:#27342f}.education-card-body>span:not(.education-card-top){margin-top:7px;color:#7a8782;font-size:11px;line-height:1.45}.education-card-body>i{margin-top:auto;padding-top:11px;font-style:normal;color:#1c6854;font-size:11px;font-weight:900}.education-empty{padding:48px 20px;text-align:center;color:#7c8984;background:#fff;border:1px dashed #d6e0db;border-radius:18px}
.education-modal[hidden]{display:none!important}.education-modal{position:fixed;z-index:9999;inset:0;display:flex;align-items:center;justify-content:center;padding:22px}.education-modal-backdrop{position:absolute;inset:0;background:rgba(13,32,27,.76);backdrop-filter:blur(5px)}.education-modal-card{position:relative;z-index:2;width:min(920px,100%);max-height:94vh;overflow:auto;padding:20px;border:1px solid rgba(255,255,255,.25);border-radius:22px;background:#fff;box-shadow:0 35px 85px rgba(0,0,0,.35)}.education-modal-close{position:absolute;right:14px;top:13px;z-index:4;width:38px;height:38px;padding:0;border-radius:50%;background:#eef3f0;color:#33463f;font-size:23px}.education-modal-head{display:flex;gap:13px;align-items:flex-start;padding:1px 48px 14px 0}.education-modal-head>span{display:flex;align-items:center;justify-content:center;min-width:43px;height:36px;border-radius:10px;background:#faf1df;color:#9c7534;font-size:12px;font-weight:900}.education-modal-head h2{margin:0 0 3px;color:#25342e;font-size:20px}.education-modal-head p{margin:0;color:#7b8883;font-size:12px}.education-modal video{display:block;width:100%;max-height:68vh;border-radius:14px;background:#111}.education-modal-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:14px}.education-modal-nav button{background:#285f50;font-size:12px;font-weight:800}.education-modal-nav button:last-child{justify-self:end}.education-modal-nav span{color:#718079;font-size:11px;font-weight:800}
body.education-modal-open{overflow:hidden}
@media(max-width:1120px){.education-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.education-hero{grid-template-columns:1fr 330px}.education-card-play{grid-template-columns:125px 1fr}}
@media(max-width:760px){.education-public-main{padding:12px}.page-egitim .app-main{padding:12px!important}.education-hero{grid-template-columns:1fr;padding:26px 19px;border-radius:20px}.education-feature{max-width:440px}.education-controls{top:4px;margin-top:13px}.education-grid{grid-template-columns:1fr}.education-card-play{grid-template-columns:115px 1fr}.education-thumb{min-height:170px}.education-intro-row{align-items:flex-start;flex-direction:column}.education-modal{padding:8px}.education-modal-card{padding:13px;border-radius:16px}.education-modal-head h2{font-size:17px}.education-modal-nav{grid-template-columns:1fr 1fr}.education-modal-nav span{grid-column:1/-1;grid-row:1;text-align:center}.education-modal-nav button{grid-row:2}.education-hero h1{font-size:31px}.education-hero-meta{font-size:10px}}
@media(max-width:430px){.education-card-play{grid-template-columns:105px 1fr}.education-card-body{padding:13px}.education-card-body>strong{font-size:14px}.education-thumb{min-height:160px}.education-tabs button{padding:8px 10px}.education-feature-overlay{grid-template-columns:auto 1fr}.education-feature-overlay i{display:none}}
