/* Yek Hoca v3/v4 — köşe marka geçişi (sol üst logo) ve mobil sadeleştirme. build_v2.py bu dosyayı site/assets/ içine kopyalar. */
.xm{display:inline}.m-only{display:none}
.brand em{font-style:normal}
.fab .lbl-m{display:none}
.nav .nav-home,.nav .nav-tel{display:none}
@media (max-width:1220px){
 .nav .nav-home,.nav .nav-tel{display:flex;align-items:center;gap:8px;font-weight:850}
 .nav .nav-home{color:var(--blue)}
 .nav .nav-tel{color:#b91c1c}
}
/* desktop: akordeonlar açık ve başlıksız (JS açar; JS yoksa başlık görünür) */
details.m-acc{background:none;border:0;border-radius:0;padding:0;margin:0;box-shadow:none}
details.m-acc[open]{box-shadow:none}
details.m-acc:hover{border-color:transparent}
@media (min-width:481px){.js details.m-acc>summary{display:none}}
.price details.m-acc{flex:1}
.prog details.m-acc>ul{margin-bottom:10px}

/* ================= MOBİL SADELEŞTİRME (≤480px) ================= */
@media (max-width:640px){.d-only{display:none!important}}
@media (max-width:480px){
 :root{--hdr:62px}
 .m-hide,.xm{display:none!important}
 .m-only{display:block}
 .wrap{padding:0 18px}
 /* başlık: diğer marka logosu + marka + menü */
 .hdr .wrap{gap:8px}
 .hdr.scrolled .wrap{height:56px}
 .hdr .brand{font-size:1.05rem;gap:8px}
 .hdr .brand img{width:40px;height:40px}
 .hdr .brand small{display:none}
 .hdr .brand em{display:block;font-size:.8rem;font-weight:900;letter-spacing:.02em;color:var(--ac-text);margin-top:1px}
 .hdr-act{gap:6px}
 .menu-btn{width:44px;height:44px}
 /* ritim ve tipografi */
 section{padding:48px 0}
 .hero{padding:26px 0 34px}
 .arch-hero{padding:26px 0 8px}
 h1{font-size:2rem;line-height:1.15}
 h2{font-size:1.6rem}
 h3{font-size:1.15rem}
 .lead{font-size:1.08rem;line-height:1.6}
 .tag{margin-bottom:12px}
 .sec-head{margin-bottom:22px}
 .sec-head p{font-size:1rem}
 p,li,dd,dt,td,th,summary,details>div,.card p,.note,.src-note,.price li,.prog li,.prog .kv,.acard .sub,.acard ul,.acard h3,.fact span,.fact a,.chips li,.ptable,.tl-body p,.cross p,.goal p,.checks li,.games a,.q summary,.promise p,.contact h3,footer,footer .legal-line,.gallery figcaption,.gallery figure .gtile figcaption,.etut-poster figcaption,.fbtn,.ptab,.acount,.acard .acts a{font-size:1rem}
 .hero-cta{flex-direction:column;align-items:stretch;gap:10px;margin:20px 0 6px}
 .hero-cta .btn{width:100%}
 .promise{margin-top:16px;padding:12px 14px}
 /* tek sütun, daha fazla boşluk */
 .grid,.g3,.g4,.contact,.extra,.pgrid,.alist,.facts,.steps{grid-template-columns:1fr!important;gap:16px}
 .card{padding:20px}
 .feat-sec{margin-top:0;padding:8px 0 8px}
 .k-facts .fact:nth-child(4){display:none}
 .fact small{font-size:1rem}
 #yaz-okulu .two>[style*="order"]{order:0!important}
 .price .tot{font-size:1rem}
 .fact{padding:14px 16px}
 /* dersler: kompakt satırlar */
 .subj{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:center;padding:14px 16px}
 .subj .sico{grid-row:1/3;width:48px;height:48px;margin:0;font-size:1rem}
 .subj h3{margin:0;font-size:1.08rem}
 .subj p{display:none}
 .subj .grd{margin:4px 0 0;justify-self:start}
 /* adımlar: sade numaralı liste */
 .m-steps{gap:12px}
 .m-steps li{position:relative;padding:16px 16px 16px 68px;box-shadow:none}
 .m-steps li::before{position:absolute;left:16px;top:16px;width:38px;height:38px;border-radius:12px;margin:0;font-size:1rem}
 .m-steps h3{margin-bottom:4px}
 /* akordeonlar */
 .card details.m-acc{border-top:1px dashed var(--line);margin:0 0 14px}
 .prog details.m-acc{margin:0}
 details.m-acc>summary{padding:12px 0;font-size:1rem;color:var(--ac-text)}
 details.m-acc[open]>summary{padding-bottom:8px}
 .prog details.m-acc>ul{margin:4px 0 10px}
 .prog .ibox{width:42px;height:42px;margin-bottom:2px}
 .prog .btn,.price .btn{width:100%;align-self:stretch}
 details{padding:0 16px}
 summary{padding:15px 0}
 /* fiyat kartları */
 .amt{font-size:1.9rem}
 /* zaman çizelgesi */
 .tl::before{left:21px}
 .tl-step{grid-template-columns:46px 1fr;gap:12px;padding-bottom:16px}
 .tl-num{width:46px;height:46px;font-size:1.25rem}
 .tl-break .tl-num{width:38px;height:38px;margin:4px}
 .tl-body{padding:14px 16px}
 .goal{margin:22px 0 14px;padding:16px 18px}
 /* galeri: yatay kaydırmalı tek sıra */
 .gallery.m-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:4px 18px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .gallery.m-scroll::-webkit-scrollbar{display:none}
 .gallery.m-scroll>figure{flex:0 0 74%;scroll-snap-align:start}
 /* arşiv filtreleri: her grup tek satır, yatay kaydırma */
 .filters{gap:10px;margin:6px 0 16px}
 .fgroup{flex-wrap:nowrap;overflow-x:auto;margin:0 -18px;padding:2px 18px 6px;scrollbar-width:none}
 .fgroup::-webkit-scrollbar{display:none}
 .fgroup .fl{min-width:0;flex:none;margin-right:2px}
 .fbtn{flex:none}
 .ptabs{gap:8px}
 .cross{padding:18px;border-radius:18px}
 .cross .btn{width:100%}
 .contact .card .btn{width:100%}
 footer{padding:36px 0 104px}
 /* tek yapışkan WhatsApp düğmesi: altta, numarasıyla */
 .fab{left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));justify-content:center;padding:13px 18px;font-size:1.05rem;border-radius:16px}
 .fab .lbl{display:none}
 .fab .lbl-m{display:inline}
 .fab svg{width:24px;height:24px}
 /* hafif animasyon */
 .blobs i{animation:none!important;filter:blur(40px);opacity:.38}
 .hero-art img,.nf img,.duo-c{animation:none!important}
 .fab::before{animation:none!important;display:none}
 .js .rv{transform:none;transition:opacity .35s ease;transition-delay:0s}
 .js .tl-step.rv,.js .tl-step.rv .tl-num{transform:none;transition:opacity .35s ease}
 .lift:hover,.btn:hover,.lift:hover .ibox,.subj:hover .sico{transform:none}
}
@media (max-width:374px){.hdr .brand{font-size:.98rem}.wrap{padding:0 14px}.gallery.m-scroll,.fgroup{margin:0 -14px;padding-left:14px;padding-right:14px}}
/* masaüstü başlık genişliği */
@media (min-width:1221px){
 .hdr .wrap{max-width:1320px}
 .hdr .nav{flex:0 1 auto}
 .hdr .switch .lbl{display:none}.hdr .switch{padding:8px 10px}
}

/* v4: sol üst köşede diğer markanın logosu = o sayfaya geçiş */
.hdr-left{display:flex;align-items:center;gap:12px;min-width:0;flex:none}
.corner{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;text-decoration:none;color:var(--navy);line-height:1;padding:2px 4px;border-radius:14px;-webkit-tap-highlight-color:transparent;transition:background-color .2s}
.corner picture{display:block;line-height:0}
.corner img{width:46px;height:46px;transition:transform .35s var(--ease),width .3s var(--ease),height .3s var(--ease);filter:drop-shadow(0 3px 6px rgba(11,26,74,.18))}
.corner .c-cap{display:block;font-size:.74rem;font-weight:900;letter-spacing:.01em;white-space:nowrap;color:#b91c1c}
.corner.c-on .c-cap{color:var(--orange-d)}
.corner:hover{background:var(--soft)}
.corner:hover img{transform:rotate(-8deg) scale(1.08)}
.corner:active img{transform:scale(.9)}
.corner::after{content:"";position:absolute;top:0;right:0;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px #fff;animation:cnr 2.6s ease-in-out infinite}
.corner.c-on::after{background:var(--orange)}
@keyframes cnr{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.7}}
.hdr.scrolled .corner img{width:38px;height:38px}
.hdr-sep{width:1.5px;height:38px;background:var(--line);border-radius:2px;flex:none}
.hdr-left .brand{min-width:0}
@media (max-width:1100px) and (min-width:481px){.corner .c-long{display:none}}
@media (max-width:480px){
 .hdr-left{gap:9px}
 .corner{padding:2px}
 .corner img,.hdr.scrolled .corner img{width:40px;height:40px}
 .corner .c-long{display:none}
 .corner .c-cap{font-size:.72rem}
 .corner::after,.corner:hover img{animation:none;transform:none}
 .corner::after{animation:none}
 .hdr-sep{height:32px}
 .hdr .brand img,.hdr.scrolled .brand img{width:38px;height:38px}
}
@media (max-width:374px){.hdr-left{gap:6px}.corner img,.hdr.scrolled .corner img{width:36px;height:36px}.hdr .brand img,.hdr.scrolled .brand img{width:34px;height:34px}.hdr .brand{gap:6px}}
@media (prefers-reduced-motion:reduce){.corner::after{animation:none}.corner:hover img,.corner:active img{transform:none}}