:root{--g:#2f993c;--gd:#197a2a;--gs:#eef8ea;--n:#17354e;--c:#fffdf7;--l:#dbe9d7;--w:#fff;--shadow:0 18px 50px rgba(23,53,78,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--c);color:var(--n)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;height:76px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1260px)/2));background:rgba(255,253,247,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--l)}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:44px;height:44px;border-radius:14px;background:var(--g);color:white;display:grid;place-items:center;font-weight:900}.brand strong{display:block;font-size:18px}.brand small{display:block;color:#669066;font-size:12px;margin-top:2px}nav{display:flex;gap:22px;margin-left:auto}nav a{font-weight:700;font-size:14px}nav a:hover{color:var(--g)}.header-cta{background:var(--g);color:white;padding:12px 18px;border-radius:14px;font-weight:800}.menu-toggle{display:none}.section{padding:82px max(24px,calc((100vw - 1260px)/2))}.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px;background:radial-gradient(circle at 80% 15%,rgba(47,153,60,.11),transparent 27%),linear-gradient(180deg,#fffdf7,#f7fbf2)}.eyebrow{display:inline-block;font-weight:900;letter-spacing:.12em;font-size:12px;color:var(--g)}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.03;margin:18px 0 22px;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--g)}.hero p{font-size:19px;line-height:1.7;color:#536c79;max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 19px;border-radius:14px;font-weight:900;border:1px solid transparent}.btn.primary{background:var(--g);color:#fff}.btn.secondary{background:#fff;border-color:var(--l)}.btn.ghost{border-color:#b9d9b5;color:var(--gd);background:#f8fff6}.btn.small{padding:11px 14px;font-size:14px}.youtube{background:#ff0033;color:white}.stats{display:flex;gap:14px;margin-top:34px}.stats div{background:#fff;border:1px solid var(--l);border-radius:18px;padding:13px 18px;min-width:120px}.stats b{display:block;font-size:25px;color:var(--g)}.stats span{font-size:12px;color:#6a7c84}.hero-visual{position:relative;min-height:640px}.halo{position:absolute;inset:10% 5% 5%;border-radius:50%;background:radial-gradient(circle,#dff3d8 0,#eef8ea 45%,transparent 72%)}.hero-visual .asya{position:absolute;width:52%;left:1%;bottom:0;filter:drop-shadow(0 20px 25px rgba(0,0,0,.12))}.hero-visual .robi{position:absolute;width:46%;right:0;bottom:2%;filter:drop-shadow(0 20px 25px rgba(0,0,0,.12))}.float{position:absolute;background:#fff;border:1px solid var(--l);padding:11px 14px;border-radius:16px;font-weight:800;box-shadow:var(--shadow);font-size:13px}.f1{top:16%;left:3%}.f2{top:9%;right:8%}.f3{bottom:14%;left:40%}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:0}.q{padding:22px;border-radius:22px;color:white;display:flex;gap:15px;align-items:center;box-shadow:var(--shadow);font-size:28px}.q span b{display:block;font-size:16px}.q small{display:block;opacity:.85;margin-top:4px;font-size:12px}.green{background:linear-gradient(135deg,#2f993c,#55b842)}.blue{background:linear-gradient(135deg,#2774bd,#3b9bea)}.amber{background:linear-gradient(135deg,#c98b15,#f3b52f)}.red{background:linear-gradient(135deg,#b82d38,#e94b5a)}.soft{background:#f3f8ee}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.head h2{font-size:40px;letter-spacing:-.03em;margin:8px 0}.head p{margin:0;color:#647984;max-width:720px;line-height:1.65}.textlink{font-weight:900;color:var(--g)}.sound-stage{background:#fff;border:1px solid var(--l);border-radius:28px;padding:28px;display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;box-shadow:var(--shadow)}.sound-big{height:160px;border-radius:24px;background:var(--gs);display:grid;place-items:center;font-size:66px;color:var(--gd);font-weight:800}.badge{display:inline-block;padding:6px 10px;background:#eaf7e6;color:var(--gd);border-radius:999px;font-size:12px;font-weight:900}.sound-stage h3{font-size:28px;margin:9px 0}.sound-stage p{color:#657b85}.letters{display:grid;grid-template-columns:repeat(10,1fr);gap:9px;margin-top:24px}.letters span{height:58px;border-radius:15px;display:grid;place-items:center;background:#fff;border:1px solid var(--l);font-size:24px;font-weight:800}.coming{background:#fff4d6;color:#9a6a00;padding:9px 13px;border-radius:999px;font-weight:900}.homework{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.calendar{padding:32px;border-radius:28px;background:linear-gradient(135deg,#17354e,#265a75);color:white;box-shadow:var(--shadow)}.calendar span{font-size:12px;letter-spacing:.13em;font-weight:900}.calendar b{display:block;font-size:28px;line-height:1.2;margin:18px 0 10px}.calendar small{opacity:.8}.steps{display:grid;gap:12px}.steps div{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--l);border-radius:20px;padding:20px}.steps b{width:42px;height:42px;border-radius:14px;background:var(--gs);display:grid;place-items:center;color:var(--gd)}.resources{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.resource{background:#fff;border:1px solid var(--l);border-radius:23px;padding:22px;min-height:190px;display:flex;flex-direction:column;transition:.2s;box-shadow:0 8px 25px rgba(23,53,78,.04);font-size:28px}.resource:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#a9d4a5}.resource b{font-size:18px;margin:13px 0 6px}.resource span{color:#6d818a;line-height:1.5;font-size:13px}.resource em{font-style:normal;margin-top:auto;padding-top:16px;color:var(--g);font-weight:900;font-size:14px}.videos{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:18px}.videos article{border:1px solid var(--l);border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.embed{aspect-ratio:16/9;background:#111}.embed iframe{width:100%;height:100%;border:0}.meta{padding:18px}.meta span{font-size:11px;font-weight:900;color:var(--g)}.meta h3{margin:7px 0 6px}.meta p{margin:0;color:#6c8089}.playlist{padding:28px;display:flex;flex-direction:column;justify-content:center;font-size:42px}.playlist h3{font-size:24px;margin:14px 0 8px}.playlist p{font-size:14px;color:#6c8089;line-height:1.6}.mainchars{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.char{min-height:420px;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:end;border:1px solid var(--l)}.char img{height:390px;object-fit:contain;align-self:end}.char div{padding:28px}.char span{font-size:11px;font-weight:900;color:var(--g)}.char h3{font-size:34px;margin:6px 0}.char p{color:#607984;line-height:1.6}.asyac{background:linear-gradient(135deg,#edf9e9,#fff)}.robic{background:linear-gradient(135deg,#eef6ff,#fff)}.helpers{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.helpers article{background:#fff;border:1px solid var(--l);border-radius:24px;padding:18px;text-align:center}.helpers img{height:260px;width:100%;object-fit:contain}.helpers h3{margin:8px 0 5px}.helpers p{margin:0;color:#6b7e87}.about{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;background:#17354e;color:white}.about h2{font-size:42px;margin:10px 0 18px}.about p{color:#d6e1e6;line-height:1.75}.about .eyebrow{color:#74d47a}.aboutcards{display:grid;gap:12px}.aboutcards div{padding:20px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);border-radius:18px}.aboutcards b{display:block;margin-bottom:5px}.aboutcards span{color:#d6e1e6;font-size:14px}.contact{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#eef8ea}.contact h2{font-size:34px;margin:8px 0}.contact p{margin:0;color:#617983}footer{padding:34px max(24px,calc((100vw - 1260px)/2));background:#10293c;color:#fff;display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center}footer b{display:block}footer span{display:block;color:#9fb1bd;font-size:12px;margin-top:4px}footer div:nth-child(2){display:flex;gap:18px}footer small{color:#8ca1ad}
@media(max-width:1000px){nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto;border:0;background:var(--gs);width:42px;height:42px;border-radius:12px}nav.open{display:flex;position:absolute;top:76px;left:16px;right:16px;background:#fff;border:1px solid var(--l);border-radius:18px;padding:16px;flex-direction:column;box-shadow:var(--shadow)}.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:560px}.quick,.resources{grid-template-columns:1fr 1fr}.videos{grid-template-columns:1fr 1fr}.playlist{grid-column:1/-1}.helpers{grid-template-columns:1fr 1fr}.letters{grid-template-columns:repeat(6,1fr)}}
@media(max-width:700px){.site-header{height:66px;padding:0 15px}.brand small{display:none}.brand strong{font-size:15px}.section{padding:58px 18px}.hero{padding-top:52px}.hero h1{font-size:42px}.hero p{font-size:16px}.hero-visual{min-height:420px}.float{font-size:10px;padding:8px 10px}.quick,.resources,.videos,.mainchars,.helpers,.homework,.about{grid-template-columns:1fr}.head{align-items:flex-start;flex-direction:column}.head h2{font-size:32px}.sound-stage{grid-template-columns:1fr}.sound-big{height:110px}.letters{grid-template-columns:repeat(5,1fr)}.letters span{height:50px;font-size:20px}.char{grid-template-columns:1fr;min-height:auto}.char img{height:320px;margin:auto}.helpers img{height:240px}.contact{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr}footer div:nth-child(2){flex-wrap:wrap}}


/* V2 — Dik Temel Yazı ve ses şarkıları */
@font-face{
  font-family:"TemelYaziLocal";
  src:local("TemelYazi"),local("Temel Yazi");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:"TemelYaziLocal";
  src:local("TemelYazi-Bold"),local("Temel Yazi Bold");
  font-weight:700;
  font-style:normal;
}
.temel-font,
.letters a span,
.sound-big{
  font-family:"TemelYaziLocal","Comic Sans MS","Trebuchet MS",sans-serif;
}
.letters a{
  height:62px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  background:white;
  border:1px solid var(--line);
  font-size:24px;
  font-weight:800;
  transition:.18s ease;
  position:relative;
}
.letters a:hover{
  transform:translateY(-3px);
  border-color:#86c981;
  box-shadow:0 10px 22px rgba(47,153,60,.13);
  background:#fbfff9;
}
.letters a span{font-size:25px}
.letters a small{
  position:absolute;
  right:7px;
  bottom:5px;
  font-size:9px;
  color:var(--green);
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
}
.letter-help{
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:center;
  margin-top:14px;
  padding:13px 16px;
  border:1px dashed #b9d9b5;
  background:#fbfff9;
  border-radius:16px;
  font-size:13px;
}
.letter-help a{font-weight:900;color:var(--green-dark)}
.sound-extra-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.sound-extra-grid a{
  display:flex;
  align-items:center;
  gap:13px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px 16px;
}
.sound-extra-grid a>span{font-size:26px}
.sound-extra-grid strong{display:block}
.sound-extra-grid small{display:block;color:#6d818a;margin-top:3px}
.type-section{background:#fff}
.type-demo{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.type-demo>div{border:1px solid var(--line);border-radius:24px;padding:26px;background:white;box-shadow:0 8px 25px rgba(23,53,78,.05)}
.type-demo span{display:inline-block;font-size:11px;font-weight:900;color:var(--green);letter-spacing:.08em;text-transform:uppercase}
.type-demo strong{display:block;font-size:28px;margin:12px 0 8px}
.type-demo p{margin:0;color:#6d818a;line-height:1.6}
.type-learning{background:#f4fbf1 !important}
.resource-pending{
  display:inline-block;
  margin-top:auto;
  padding-top:16px;
  color:#8a6b18;
  font-weight:900;
  font-size:13px;
}
.sport-card{background:linear-gradient(135deg,#f5fff0,#ffffff)}
@media(max-width:700px){
  .type-demo,.sound-extra-grid{grid-template-columns:1fr}
  .letter-help{align-items:flex-start;flex-direction:column}
  .letters a{height:54px}
}

/* V3 — 29 ses kartları / gerçek PDF harf referansları */
.hero-visual .floating-card{display:none!important}

.sound-feature{
  display:grid;
  grid-template-columns:190px 1fr;
  gap:26px;
  align-items:center;
  margin-bottom:30px;
  padding:25px;
  background:white;
  border:1px solid var(--line);
  border-radius:27px;
  box-shadow:var(--shadow);
}
.sound-feature-glyph{
  height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  border-radius:21px;
  background:#f6fbf3;
  border:1px solid #d9ead5;
  overflow:hidden;
}
.sound-feature-glyph img{height:92px;width:auto;object-fit:contain}

.sound-group-block{margin-top:24px}
.sound-group-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.sound-group-title h3{font-size:18px;margin:0;color:var(--navy)}
.sound-group-title span{font-size:11px;font-weight:900;color:#6e837b;background:white;border:1px solid var(--line);padding:6px 9px;border-radius:999px}

.sound-card-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:11px;
}
.sound-card{
  min-height:142px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:white;
  border:1px solid var(--line);
  border-radius:19px;
  padding:13px;
  transition:.18s ease;
  box-shadow:0 6px 18px rgba(23,53,78,.035);
}
.sound-card:hover{
  transform:translateY(-3px);
  border-color:#8bc986;
  box-shadow:0 12px 28px rgba(47,153,60,.12);
}
.glyph-pair{
  height:73px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  background:#fbfefa;
  border-radius:13px;
  overflow:hidden;
}
.glyph-pair img{
  max-height:58px;
  max-width:42%;
  width:auto;
  object-fit:contain;
}
.sound-card-info{display:flex;justify-content:space-between;gap:5px;align-items:flex-end;margin-top:10px}
.sound-card-info strong{font-size:14px}
.sound-card-info span{font-size:10px;color:var(--green);font-weight:900}

.available-masals{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  margin-top:24px;
}
.available-masals>div{
  display:flex;align-items:center;gap:10px;
  background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px 16px
}
.available-masals span{font-size:22px}
.available-masals strong{font-size:14px}
.available-masals a{margin-left:auto;color:var(--green);font-size:12px;font-weight:900}

.reference-strip{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px
}
.reference-strip>div{
  background:#fff;border:1px solid var(--line);border-radius:20px;
  min-height:150px;padding:13px;display:flex;align-items:center;justify-content:center;gap:7px;position:relative
}
.reference-strip img{max-height:78px;max-width:38%;object-fit:contain}
.reference-strip span{
  position:absolute;bottom:8px;left:0;right:0;text-align:center;
  font-size:11px;color:#71848d;font-family:Inter,ui-sans-serif,system-ui,sans-serif
}

@media(max-width:1000px){
  .sound-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .reference-strip{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .sound-feature{grid-template-columns:1fr}
  .sound-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reference-strip{grid-template-columns:repeat(2,1fr)}
  .available-masals{grid-template-columns:1fr}
}

/* V4 — temiz ana görsel, temel yazı hissi ve ses paneli */
.float,.floating-card{display:none!important}

@font-face{
  font-family:"TemelYaziLocal";
  src:local("TemelYazi"),local("Temel Yazi"),local("2024 Program Temel Yazi");
}
body,button,.brand,.site-header nav,.header-cta,h1,h2,h3,.btn,.q,.resource,.badge,.sound-card-info{
  font-family:"TemelYaziLocal","Comic Sans MS","Trebuchet MS",system-ui,sans-serif;
}
p,.meta p,.resource span,.char p,.helpers p,.about p,.contact p{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}

.sound-feature{background:#fff;border:1px solid var(--l);border-radius:28px;padding:26px;display:grid;grid-template-columns:190px 1fr;gap:26px;align-items:center;box-shadow:var(--shadow)}
.sound-feature-glyph{height:150px;background:#f5fbf2;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #d7ead3}
.sound-feature-glyph img{max-height:92px;max-width:40%;object-fit:contain}

.sound-group-block{margin-top:24px}
.sound-group-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.sound-group-title h3{margin:0;font-size:18px}
.sound-group-title span{font-size:11px;font-weight:900;background:#fff;border:1px solid var(--l);padding:6px 9px;border-radius:999px}
.sound-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.sound-card{min-height:142px;background:#fff;border:1px solid var(--l);border-radius:19px;padding:12px;cursor:pointer;color:var(--n);transition:.18s;display:flex;flex-direction:column;justify-content:space-between;text-align:left}
.sound-card:hover{transform:translateY(-3px);border-color:#82c67d;box-shadow:0 12px 25px rgba(47,153,60,.12)}
.glyph-pair{height:76px;background:#fbfefa;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:7px;overflow:hidden}
.glyph-pair img{max-height:60px;max-width:42%;object-fit:contain}
.sound-card-info{display:flex;align-items:flex-end;justify-content:space-between;gap:7px;margin-top:9px}
.sound-card-info strong{font-size:14px}
.sound-card-info span{font-size:10px;color:var(--g);font-weight:900}

.sound-modal{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;padding:22px}
.sound-modal.open{display:flex}
.sound-modal-backdrop{position:absolute;inset:0;background:rgba(12,35,50,.58);backdrop-filter:blur(6px)}
.sound-modal-card{position:relative;width:min(760px,94vw);background:#fffdf7;border-radius:30px;padding:30px;display:grid;grid-template-columns:210px 1fr;gap:28px;box-shadow:0 30px 90px rgba(0,0,0,.24)}
.sound-modal-close{position:absolute;right:15px;top:13px;width:38px;height:38px;border-radius:50%;border:1px solid var(--l);background:#fff;font-size:26px;cursor:pointer}
.sound-modal-glyph{min-height:210px;background:#eef8ea;border:1px solid #d7ead3;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:12px;padding:15px}
.sound-modal-glyph img{max-height:130px;max-width:42%;object-fit:contain}
.sound-modal-copy h2{font-size:38px;margin:8px 0 5px}
.sound-modal-copy p{color:#657b85;margin:0 0 18px}
.sound-modal-actions{display:flex;gap:10px;flex-wrap:wrap}
.sound-modal-copy small{display:block;margin-top:17px;color:#758b86}

.font-resource{opacity:.78;cursor:default}

@media(max-width:1000px){.sound-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){
  .sound-feature{grid-template-columns:1fr}
  .sound-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sound-modal-card{grid-template-columns:1fr;padding:22px}
  .sound-modal-glyph{min-height:120px}
  .sound-modal-glyph img{max-height:80px}
}

/* V5 - aktif font indirme kartı */
.active-font-download{opacity:1!important;cursor:pointer!important}
.active-font-download em{color:var(--g);font-weight:900}

/* 30 Ağustos 2026 — kişiye özel Zafer Kartı */
.victory-section{background:linear-gradient(180deg,#fff8f4 0%,#fffdf7 100%);overflow:hidden}
.victory-shell{max-width:1260px;margin:auto;border-radius:36px;padding:clamp(24px,4vw,54px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(28px,5vw,64px);align-items:center;background:radial-gradient(circle at 80% 15%,rgba(255,190,92,.18),transparent 24%),linear-gradient(135deg,#640c12 0%,#a9141f 58%,#5b0810 100%);box-shadow:0 28px 70px rgba(105,15,20,.22);position:relative}
.victory-shell:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,224,153,.42);border-radius:28px;pointer-events:none}
.victory-intro{position:relative;z-index:2;color:#fff}
.victory-kicker{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:900;letter-spacing:.06em}
.victory-intro h2{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.04em;margin:18px 0 16px}
.victory-intro h2 em{font-style:normal;color:#ffd879}
.victory-intro>p{font-size:17px;line-height:1.7;color:#f4dadd;max-width:590px}
.victory-form{margin-top:28px;padding:22px;border-radius:24px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px)}
.victory-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.victory-form label{display:grid;gap:7px;font-size:12px;font-weight:900;color:#ffe9eb}
.victory-form input,.victory-form select{width:100%;min-width:0;border:1px solid rgba(255,255,255,.22);background:#fff;color:#3b1014;border-radius:14px;padding:14px 15px;font:inherit;font-size:15px;outline:none}
.victory-form input:focus,.victory-form select:focus{box-shadow:0 0 0 4px rgba(255,216,121,.22);border-color:#ffd879}
.victory-select-label{margin-top:12px}
.victory-create{width:100%;margin-top:14px;border:0;border-radius:15px;padding:15px 18px;background:linear-gradient(135deg,#ffd36b,#fff0ad);color:#6a0c13;font-weight:1000;font-size:16px;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.16)}
.victory-create:hover{transform:translateY(-1px)}
.victory-privacy{font-size:11px!important;line-height:1.45!important;color:#e9c7cb!important;margin:11px 0 0!important}
.victory-preview-wrap{position:relative;z-index:2;min-width:0}
.victory-card-preview{width:min(100%,540px);aspect-ratio:4/5;margin:auto;border-radius:28px;overflow:hidden;position:relative;background:radial-gradient(circle at 52% 29%,#ffcb68 0,rgba(255,155,40,.25) 17%,transparent 31%),linear-gradient(180deg,#9f121d 0%,#680911 62%,#36070b 100%);box-shadow:0 28px 60px rgba(0,0,0,.36);border:1px solid rgba(255,227,164,.58);isolation:isolate}
.victory-card-preview:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,220,133,.58);border-radius:20px;z-index:8;pointer-events:none}
.victory-card-preview:after{content:"";position:absolute;inset:auto -12% -22% -12%;height:48%;background:radial-gradient(ellipse at center,#b01b20 0,#6c0b12 43%,#2b0508 78%);z-index:0}
.victory-glow{position:absolute;width:72%;height:44%;left:14%;top:8%;background:radial-gradient(circle,rgba(255,235,180,.42),rgba(255,178,76,.12) 42%,transparent 72%);filter:blur(6px)}
.victory-flag{position:absolute;right:-4%;top:3%;width:53%;height:30%;border-radius:0 0 0 70%;background:linear-gradient(135deg,#d71920,#a40d14);transform:rotate(-5deg);box-shadow:0 10px 26px rgba(0,0,0,.2);z-index:1}
.victory-flag .crescent{position:absolute;width:34%;aspect-ratio:1;border-radius:50%;background:#fff;left:24%;top:26%}
.victory-flag .crescent:after{content:"";position:absolute;width:78%;height:78%;border-radius:50%;background:#bc141c;left:30%;top:5%}
.victory-flag .star{position:absolute;left:58%;top:36%;font-size:clamp(20px,3.2vw,42px);color:#fff;transform:rotate(15deg)}
.victory-date{position:absolute;left:7%;top:5%;z-index:3;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.25)}
.victory-date b{font-family:Georgia,serif;font-size:clamp(50px,8vw,88px);line-height:.8;color:#ffe5a1}
.victory-date span{display:block;font-size:clamp(15px,2.2vw,26px);font-weight:1000;letter-spacing:.08em;margin-top:8px}
.victory-date small{display:block;font-size:10px;letter-spacing:.18em;margin-top:4px;color:#f1c86f}
.victory-copy{position:absolute;z-index:5;left:8%;right:8%;top:30%;text-align:center;color:#fff}
.victory-copy>small{font-size:9px;letter-spacing:.16em;color:#f5cc72;font-weight:900}
.victory-name{font-family:Georgia,serif;font-size:clamp(26px,4vw,45px);line-height:1.02;font-weight:900;color:#fff3c7;text-transform:uppercase;margin-top:8px;text-shadow:0 4px 18px rgba(0,0,0,.35);overflow-wrap:anywhere}
.victory-word{display:inline-block;margin-top:9px;padding:6px 12px;border-top:1px solid #f3c868;border-bottom:1px solid #f3c868;color:#ffd979;font-size:clamp(11px,1.5vw,16px);font-weight:1000;letter-spacing:.18em}
.victory-copy p{max-width:72%;margin:13px auto 7px;color:#f9e7e8;font-size:clamp(10px,1.25vw,14px);line-height:1.45}
.victory-copy h3{font-family:Georgia,serif;font-size:clamp(16px,2.2vw,26px);line-height:1.12;margin:5px auto;color:#fff}
.victory-asya,.victory-robi{position:absolute;bottom:5.5%;z-index:4;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(0,0,0,.35))}
.victory-asya{height:36%;left:1%}
.victory-robi{height:35%;right:1%}
.victory-year{position:absolute;z-index:6;bottom:10.5%;left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:rgba(67,5,9,.82);border:1px solid rgba(255,218,124,.65);color:#ffd979;font-family:Georgia,serif;font-weight:900;white-space:nowrap;font-size:clamp(10px,1.5vw,16px)}
.victory-brand{position:absolute;z-index:6;bottom:3%;left:19%;right:19%;text-align:center;color:#f5d7da;font-size:clamp(7px,1vw,10px);font-weight:800;letter-spacing:.02em}
.victory-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.victory-actions button{border:0;border-radius:13px;padding:12px 16px;font-weight:900;cursor:pointer;background:#fff;color:#731019}
.victory-actions button:last-child{background:#ffd979}
@media(max-width:900px){.victory-shell{grid-template-columns:1fr}.victory-intro{text-align:center}.victory-intro>p{margin-left:auto;margin-right:auto}.victory-form{text-align:left}.victory-card-preview{width:min(100%,500px)}}
@media(max-width:520px){.victory-section{padding-left:12px!important;padding-right:12px!important}.victory-shell{padding:22px 14px;border-radius:26px}.victory-shell:before{inset:6px;border-radius:20px}.victory-intro h2{font-size:38px}.victory-intro>p{font-size:15px}.victory-name-grid{grid-template-columns:1fr}.victory-form{padding:16px}.victory-card-preview{border-radius:20px}.victory-card-preview:before{inset:8px;border-radius:14px}.victory-copy{left:6%;right:6%;top:30%}.victory-copy p{max-width:78%}.victory-asya{height:34%;left:-1%}.victory-robi{height:33%;right:-2%}.victory-brand{left:15%;right:15%}.victory-actions button{flex:1;min-width:140px}}

/* 30 Ağustos kartı v2 — sinematik görünüm + ekranda/indirilen kartta aynı tek satır isim */
.victory-card-preview{background-image:linear-gradient(rgba(74,4,8,.10),rgba(44,3,6,.24)),url('assets/30agustos-kart-arka-plan.png');background-size:cover;background-position:center;}
.victory-card-preview .victory-flag,.victory-card-preview .victory-glow{display:none}
.victory-date{top:4.5%;left:6%}
.victory-copy{top:29%;left:4%;right:4%;}
.victory-name{display:block;width:100%;white-space:nowrap;overflow:hidden;overflow-wrap:normal;word-break:normal;text-overflow:clip;font-size:clamp(20px,3.65vw,43px);line-height:1.05;padding:0 3px;}
.victory-copy p{background:rgba(70,4,8,.72);border:1px solid rgba(255,218,124,.38);border-radius:14px;padding:8px 12px;max-width:68%;backdrop-filter:blur(3px)}
.victory-copy h3{text-shadow:0 3px 10px rgba(60,0,0,.95)}
.victory-asya,.victory-robi{display:none}
.victory-year{bottom:8.5%}.victory-brand{bottom:2.2%;text-shadow:0 2px 6px #260000}
@media(max-width:520px){.victory-name{font-size:clamp(18px,7.4vw,34px)}.victory-copy{top:29%;left:3%;right:3%}.victory-copy p{max-width:74%;font-size:clamp(9px,2.6vw,12px)}}


/* 30 Ağustos V4 — tek kaynaklı canvas önizleme: ekrandaki kart = indirilen kart */
.victory-card-preview{display:none!important}
.victory-canvas{display:block;width:min(100%,540px);height:auto;aspect-ratio:4/5;margin:0 auto;border-radius:28px;border:1px solid rgba(255,227,164,.58);box-shadow:0 28px 60px rgba(0,0,0,.36);background:#5d0710}
@media(max-width:900px){.victory-canvas{width:min(100%,500px)}}
@media(max-width:520px){.victory-canvas{width:100%;border-radius:20px}.victory-actions{gap:8px}.victory-actions button{min-width:0;width:100%}}

/* 30 Ağustos fon müziği kontrolü */
.victory-music-toggle{width:100%;margin-top:10px;border:1px solid rgba(255,225,160,.45);border-radius:14px;padding:12px 16px;background:rgba(75,5,10,.34);color:#fff1c8;font-weight:900;font-size:14px;cursor:pointer;transition:.2s ease}
.victory-music-toggle:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
.victory-music-toggle.is-paused{background:rgba(255,255,255,.08);color:#ffe6a1}

/* 30 Ağustos özel filmi — Zafer Kartı'nın hemen altında */
.victory-film-section{padding-top:18px!important}
.victory-film-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:center;padding:30px;border-radius:28px;background:linear-gradient(135deg,#720b13 0%,#a7131d 52%,#5b0710 100%);border:1px solid rgba(255,216,121,.48);box-shadow:0 20px 50px rgba(76,5,11,.18);overflow:hidden;position:relative}
.victory-film-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,225,160,.22);border-radius:21px;pointer-events:none}
.victory-film-copy{position:relative;z-index:1;display:flex;gap:18px;align-items:flex-start;color:#fff}
.victory-film-logo{width:104px;height:104px;object-fit:cover;border-radius:24px;flex:0 0 auto;box-shadow:0 10px 24px rgba(0,0,0,.25);border:2px solid rgba(255,255,255,.72)}
.victory-film-copy .eyebrow{color:#ffd879}
.victory-film-copy h2{margin:7px 0 10px;color:#fff;font-size:clamp(25px,3vw,40px);line-height:1.08}
.victory-film-copy h2 em{color:#ffd879;font-style:normal}
.victory-film-copy p{margin:0 0 18px;color:#ffe9eb;line-height:1.65;font-size:15px}
.victory-film-button{display:inline-flex!important;background:#fff!important;color:#7d0d15!important}
.victory-film-video{position:relative;z-index:1;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#210205;box-shadow:0 16px 34px rgba(0,0,0,.28);border:1px solid rgba(255,225,160,.4)}
.victory-film-video iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:900px){.victory-film-card{grid-template-columns:1fr}.victory-film-copy{max-width:720px}.victory-film-video{width:100%}}
@media(max-width:560px){.victory-film-section{padding-left:12px!important;padding-right:12px!important}.victory-film-card{padding:22px 14px;border-radius:24px;gap:20px}.victory-film-card:before{inset:6px;border-radius:18px}.victory-film-copy{display:block;text-align:center}.victory-film-logo{width:88px;height:88px;margin:0 auto 13px}.victory-film-copy h2{font-size:27px}.victory-film-copy p{font-size:14px}.victory-film-button{justify-content:center;width:100%}.victory-film-video{border-radius:15px}}

/* ===== Tasarım Atölyesi V11 ===== */
.workshop-section{background:linear-gradient(180deg,#fffaf0 0,#fff 38%,#f5fbf5 100%);border-top:1px solid #e8e0d2;border-bottom:1px solid #e5eee4}
.workshop-hero{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:24px;background:linear-gradient(135deg,#fff7df,#fff,#eff8ee);border:1px solid #e9dec6;border-radius:30px;padding:34px 38px;overflow:hidden;box-shadow:0 18px 45px rgba(42,85,44,.08)}
.workshop-hero h2{font-size:clamp(32px,4vw,56px);margin:7px 0 12px;color:#113a23}.workshop-hero h2 em{color:#6843a3;font-style:normal}.workshop-hero p{font-size:17px;max-width:780px}.workshop-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.workshop-pills span{background:#fff;border:1px solid #dce8d8;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:750;color:#275632}.workshop-characters{display:flex;align-items:flex-end;justify-content:center;height:240px}.workshop-characters img{max-height:235px;max-width:48%;object-fit:contain;filter:drop-shadow(0 12px 15px rgba(0,0,0,.14))}
.product-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:22px 0}.product-option{border:1px solid #dedede;border-radius:18px;background:#fff;padding:15px 11px;min-height:86px;text-align:left;cursor:pointer;transition:.2s;box-shadow:0 5px 18px rgba(0,0,0,.035)}.product-option:hover{transform:translateY(-2px)}.product-option.active{border-color:#3b9146;background:#eff9ef;box-shadow:0 7px 22px rgba(46,125,50,.12)}.product-option b{display:block;font-size:14px;color:#173b25}.product-option small{display:block;margin-top:5px;color:#728079}
.workshop-grid{display:grid;grid-template-columns:1fr 1.15fr .78fr;gap:18px}.workshop-panel{background:#fff;border:1px solid #e3e6e3;border-radius:22px;padding:20px;box-shadow:0 10px 28px rgba(30,55,35,.06)}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f0f3f0;border-radius:13px;padding:4px;margin-bottom:16px}.mode-tab{border:0;background:transparent;padding:11px;border-radius:10px;font-weight:800;cursor:pointer}.mode-tab.active{background:#fff;color:#287235;box-shadow:0 3px 12px rgba(0,0,0,.08)}.mode-pane{display:none}.mode-pane.active{display:block}.controls-panel label,.export-panel label{display:block;font-size:13px;font-weight:750;color:#35443a;margin:9px 0}.controls-panel label span{font-weight:500;color:#869087}.controls-panel input,.controls-panel textarea,.export-panel select{width:100%;box-sizing:border-box;border:1px solid #d8dfd8;border-radius:10px;padding:11px 12px;margin-top:5px;font:inherit;background:#fff}.controls-panel textarea{resize:vertical;line-height:1.45}.form-grid{display:grid;gap:10px}.form-grid.two{grid-template-columns:1fr 1fr}.helper{background:#f5f8ff;border:1px solid #dce5fa;padding:10px;border-radius:11px;font-size:12px;line-height:1.45}.roster-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.file-button,.mini-button{border:1px solid #d4ddd5!important;border-radius:10px!important;background:#fff!important;padding:9px 11px!important;cursor:pointer!important;font-size:12px!important}.file-button input{display:none}.mini-button{font-weight:700}.roster-status{font-size:12px;color:#297238;font-weight:800}.theme-block{margin-top:18px;padding-top:14px;border-top:1px solid #e6ebe6}.theme-block h3{font-size:15px;margin:0 0 10px}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.theme-swatch{border:2px solid transparent;border-radius:12px;padding:5px;background:#fff;cursor:pointer}.theme-swatch.active{border-color:#3b9146}.theme-swatch canvas{width:100%;display:block;border-radius:8px;background:#f3f3f3}.theme-swatch span{display:block;text-align:center;font-size:10px;font-weight:750;margin-top:4px;color:#536056}
.preview-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.preview-title span{display:block;font-size:11px;color:#758178;font-weight:800}.preview-title strong{font-size:18px;color:#1c4326}.live-badge{color:#2d9444!important}.canvas-stage{background:linear-gradient(135deg,#f2f3f2,#e5eae6);border-radius:18px;padding:18px;min-height:440px;display:flex;align-items:center;justify-content:center}.canvas-stage canvas{max-width:100%;max-height:570px;width:auto;height:auto;background:white;box-shadow:0 8px 24px rgba(0,0,0,.15);border-radius:8px}.preview-note{font-size:12px;color:#6b746d;line-height:1.5;margin:12px 3px 0}.export-panel h3{margin:0 0 11px;font-size:16px;color:#283c2c}.export-buttons{display:grid;gap:8px}.export{width:100%;border:1px solid #cfd9d0;border-radius:11px;padding:11px;font-weight:800;background:#fff;cursor:pointer;margin-bottom:8px}.export.primary{background:#258339;color:#fff;border-color:#258339}.export.purple{background:#6b42a1;color:#fff;border-color:#6b42a1}.export.ghost{background:#f8faf8}.export-panel hr{border:0;border-top:1px solid #e7ebe7;margin:17px 0}.print-summary{background:#f7f2ff;color:#654492;border:1px solid #e4d8f4;border-radius:10px;padding:10px;font-size:12px;font-weight:800;margin:10px 0}.export-tip{font-size:11px;line-height:1.45;color:#747e76}.workshop-foot-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.workshop-foot-cards>div{border-radius:18px;padding:16px 18px;background:#fff;border:1px solid #e2e8e1}.workshop-foot-cards b{color:#224d2c}.workshop-foot-cards p{margin:5px 0 0;font-size:13px;color:#69736b;line-height:1.5}
@media(max-width:1100px){.product-picker{grid-template-columns:repeat(3,1fr)}.workshop-grid{grid-template-columns:1fr 1fr}.export-panel{grid-column:1/-1}.workshop-hero{grid-template-columns:1fr}.workshop-characters{height:190px}.workshop-characters img{max-height:185px}}
@media(max-width:700px){.workshop-hero{padding:24px 18px}.workshop-characters{height:150px}.workshop-characters img{max-height:145px}.product-picker{grid-template-columns:repeat(2,1fr)}.workshop-grid{grid-template-columns:1fr}.export-panel{grid-column:auto}.form-grid.two{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(4,1fr)}.workshop-foot-cards{grid-template-columns:1fr}.canvas-stage{padding:10px;min-height:350px}}

/* V12 — karakter seçimi + daha canlı, premium baskı tasarımı */
.character-block{margin-top:18px;padding-top:14px;border-top:1px solid #e6ebe6}
.character-block h3{font-size:15px;margin:0 0 4px}.character-help{font-size:11px;line-height:1.4;color:#738078;margin:0 0 10px}
.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.character-choice{min-width:0;border:2px solid transparent;border-radius:14px;background:#fff;padding:6px 5px 7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-height:92px;box-shadow:0 3px 12px rgba(25,55,30,.05);transition:.18s}
.character-choice:hover{transform:translateY(-2px);border-color:#b9d8be}.character-choice.active{border-color:#359248;background:#eff9f0;box-shadow:0 6px 16px rgba(43,123,54,.14)}
.character-choice img{height:62px;max-width:80px;object-fit:contain;display:block}.character-choice>span:last-child{font-size:10px;font-weight:850;color:#395044;line-height:1.1;text-align:center}
.character-duo{height:62px;display:flex;align-items:flex-end;justify-content:center;margin-left:-4px;margin-right:-4px}.character-duo img{height:60px;width:46px;object-fit:contain;margin:0 -5px}
.character-surprise{height:62px;width:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fff0b8,#eaf7ff);font-size:31px;border:1px solid #e6d99e}
.theme-swatch{box-shadow:0 3px 10px rgba(20,45,30,.04)}.theme-swatch.active{border-color:#3b9146;background:#f3fbf3}.theme-swatch span{font-size:11px}
.workshop-section .canvas-stage{background:linear-gradient(135deg,#f3f7f2,#fbfaf6)}
@media(max-width:700px){.character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.character-choice{min-height:82px;padding:5px 3px}.character-choice img,.character-duo{height:52px}.character-duo img{height:50px;width:40px}.character-surprise{height:52px;width:52px;font-size:26px}}
@media(max-width:420px){.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== Tasarım Atölyesi V13 ===== */
.audience-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.audience-strip>div{background:#fff;border:1px solid #e4e7df;border-radius:18px;padding:14px 16px;display:flex;gap:8px;align-items:flex-start;box-shadow:0 6px 20px rgba(30,55,35,.04)}.audience-strip b{color:#234a2e;white-space:nowrap}.audience-strip span{font-size:12px;line-height:1.45;color:#69736b}.product-picker{grid-template-columns:repeat(4,1fr)!important}.product-option{min-height:92px}.product-option.set-option{background:linear-gradient(135deg,#fff5d8,#fff,#eef7ff);border-color:#e8cf87}.product-option.set-option.active{background:linear-gradient(135deg,#fff0b7,#fff6df,#eef7ff)}
.sheet-preview{--cols:2;--rows:2;margin:10px auto 12px;width:min(190px,100%);aspect-ratio:210/297;background:#fff;border:1px solid #cfd5cf;border-radius:8px;padding:5px;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:3px;box-shadow:0 3px 10px rgba(0,0,0,.06)}.sheet-preview.landscape{aspect-ratio:297/210}.sheet-preview span{display:flex;align-items:center;justify-content:center;border:1px dashed #9eaaa0;background:linear-gradient(135deg,#f8fbf8,#eef5ee);font-size:10px;font-weight:800;color:#667167;border-radius:3px}.export-panel select:disabled{background:#f1f2f1;color:#969b97;cursor:not-allowed}.theme-swatch{overflow:hidden}.theme-swatch canvas{min-height:74px;object-fit:cover}.theme-swatch:nth-child(1){background:#f0f8e9}.theme-swatch:nth-child(2){background:#eef8ff}.theme-swatch:nth-child(3){background:#132a50}.theme-swatch:nth-child(4){background:#fff4dd}.character-choice.active{box-shadow:0 0 0 2px #2f8d45 inset,0 5px 14px rgba(47,141,69,.12)}
@media(max-width:1100px){.product-picker{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:700px){.audience-strip{grid-template-columns:1fr}.audience-strip>div{display:block}.audience-strip b{display:block;margin-bottom:4px}.product-picker{grid-template-columns:repeat(2,1fr)!important}}

/* ===== Tasarım Atölyesi V15: akıllı Excel + kendi tasarımını yükle ===== */
.source-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;padding:5px;border:1px solid #dce7df;border-radius:15px;background:#f7faf7}.source-tab{border:0;border-radius:11px;padding:11px 10px;font-weight:800;cursor:pointer;background:transparent;color:#365345;min-height:44px}.source-tab.active{background:#248f3c;color:#fff;box-shadow:0 2px 8px rgba(36,143,60,.18)}
.custom-design-panel{border:1px solid #d9e5dc;background:#fbfdfb;border-radius:16px;padding:14px;margin-bottom:14px}.custom-upload{display:inline-flex;margin:4px 0 9px}.custom-status{font-size:.88rem;font-weight:700;color:#476052;margin:4px 0 12px}.custom-field-tools{display:grid;grid-template-columns:1.25fr .8fr 1.1fr;gap:9px;align-items:end}.custom-field-tools label{font-size:.82rem;font-weight:700;color:#314d3c}.custom-field-tools select,.custom-field-tools input[type=color],.custom-field-tools input[type=range]{width:100%;margin-top:5px}.custom-field-tools input[type=color]{height:42px;padding:3px;border:1px solid #d4dfd7;border-radius:9px;background:#fff}.check-label{display:flex!important;align-items:center;gap:7px;min-height:40px}.check-label input{width:18px;height:18px}.drag-help{font-size:.82rem;color:#5d6d63;margin:10px 0 0;background:#f1f7ff;border:1px solid #d6e3f4;border-radius:10px;padding:9px 10px}
.column-picker{margin:10px 0 4px;border:1px solid #cbdcf1;border-radius:13px;background:#f7fbff;padding:12px}.column-picker-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;color:#244769}.column-picker-head span{font-size:.8rem;font-weight:600;color:#5b7187}.column-preview{max-height:145px;overflow:auto;background:#fff;border:1px solid #dce6ef;border-radius:9px;margin:8px 0;padding:7px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.column-preview table{border-collapse:collapse;width:100%}.column-preview th,.column-preview td{border-bottom:1px solid #edf1f4;padding:4px 6px;text-align:left;white-space:nowrap}.column-preview th{position:sticky;top:0;background:#f3f8fc}.primary-mini{background:#217c39!important;color:#fff!important;border-color:#217c39!important}
.canvas-stage.custom-active canvas{cursor:grab;touch-action:none}.canvas-stage.custom-active canvas.dragging{cursor:grabbing}
@media(max-width:760px){.source-tabs{grid-template-columns:1fr}.custom-field-tools{grid-template-columns:1fr 1fr}.custom-field-tools .mini-button{grid-column:1/-1}}
@media(max-width:430px){.custom-field-tools{grid-template-columns:1fr}}
.product-picker.custom-source{display:none}
.ready-text-tools{margin:18px 0;padding:16px;border:1px solid #dbe8dc;border-radius:18px;background:linear-gradient(135deg,#fffdf6,#f2fbf3);box-shadow:0 8px 24px rgba(35,90,52,.06)}
.ready-text-tools h3{margin:0 0 6px}.ready-text-tools input[type=color]{width:100%;height:42px;padding:3px;border:1px solid #d7dfd8;border-radius:10px;background:#fff}.ready-text-tools input[type=range]{width:100%}
.canvas-stage.ready-active canvas{cursor:grab;touch-action:none}.canvas-stage.ready-active canvas.dragging{cursor:grabbing}
.ready-text-tools .check-row{display:flex;align-items:center;gap:9px;margin:10px 0 12px;font-weight:700}.ready-text-tools .check-row input{width:auto}
/* V18.1: seçili ürünün görünürlüğünü güçlendir */
.product-option.active{border:3px solid #2f9144!important;background:#eaf8ec!important;box-shadow:0 0 0 3px rgba(47,145,68,.10),0 8px 22px rgba(46,125,50,.14)!important}
.product-option.active b::after{content:'  ✓ SEÇİLİ';font-size:10px;color:#2f9144;font-weight:900}
.preview-title strong{font-size:20px!important;color:#1f6f35!important}
/* 8 tema: ikinci tema sırası için görsel ayrım */
.theme-swatch:nth-child(5){background:#f7f3df}.theme-swatch:nth-child(6){background:#eaf9ff}.theme-swatch:nth-child(7){background:#fff4fb}.theme-swatch:nth-child(8){background:#fff3dc}


/* V24: tema seçimi önizlemeleri doğrudan DOM ile oluşturulur; canvas hatası tema listesini boş bırakamaz. */
.theme-swatch .theme-preview-img{width:100%;height:92px;display:block;object-fit:cover;object-position:center;border-radius:8px;background:#f4f4f4}
.theme-swatch .theme-preview-basic,.theme-swatch .theme-preview-fallback{width:100%;height:92px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.theme-swatch .theme-preview-basic strong{font-size:18px}.theme-swatch .theme-preview-basic span{font-size:10px;margin:0;color:inherit}
.theme-garden{background:linear-gradient(145deg,#f8f5df,#dceccf);color:#27683a}.theme-party{background:linear-gradient(145deg,#fff4fa,#e8f6ff);color:#d45283}.theme-space{background:linear-gradient(145deg,#173d71,#07162b);color:#fff}.theme-premium{background:linear-gradient(145deg,#fff9e8,#ead3a0);color:#8b681e}.theme-adventure{background:linear-gradient(145deg,#f4ead4,#d9e8cf);color:#78512c}.theme-sea{background:linear-gradient(145deg,#edfaff,#bce7f4);color:#1475a8}.theme-pastel{background:linear-gradient(145deg,#fff6fb,#e7dbf5);color:#8069b0}.theme-safari{background:linear-gradient(145deg,#fff3d7,#e4c38f);color:#aa5b28}


/* V28 • Türkiye Harita Yarışması öne çıkan alanı */
.nav-race{font-weight:900;color:#b56b00!important}
.race-feature-section{padding-top:12px;padding-bottom:34px}
.race-feature-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:28px;align-items:center;padding:34px 38px;border-radius:32px;background:linear-gradient(135deg,#f7fff8 0%,#eefaf2 46%,#fff8df 100%);border:1px solid rgba(47,153,60,.18);box-shadow:0 22px 60px rgba(28,79,43,.12)}
.race-feature-card:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-120px;top:-160px;background:rgba(255,197,64,.22)}
.race-feature-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:-150px;bottom:-190px;background:rgba(47,153,60,.14)}
.race-feature-copy{position:relative;z-index:2}
.race-live-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:#fff3c6;color:#795000;font-weight:900;font-size:.78rem;letter-spacing:.03em;border:1px solid rgba(181,107,0,.16)}
.race-feature-copy h2{margin:14px 0 10px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;color:#163927}
.race-feature-copy p{max-width:780px;font-size:1.08rem;line-height:1.7;color:#4d6255}
.race-feature-pills{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 22px}
.race-feature-pills span{padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.78);border:1px solid rgba(47,153,60,.13);font-size:.88rem;font-weight:800;color:#31533d}
.race-primary{box-shadow:0 12px 24px rgba(47,153,60,.22)}
.race-feature-visual{position:relative;z-index:2;min-height:250px;display:flex;align-items:flex-end;justify-content:center}
.race-feature-visual img{position:relative;z-index:3;width:min(220px,55%);height:auto;filter:drop-shadow(0 18px 18px rgba(23,66,37,.18))}
.race-map-shape{position:absolute;left:0;top:18px;width:150px;height:105px;border-radius:44% 56% 58% 42% / 55% 44% 56% 45%;display:grid;place-items:center;font-size:60px;background:rgba(255,255,255,.82);border:1px solid rgba(47,153,60,.15);box-shadow:0 12px 30px rgba(34,89,49,.12);transform:rotate(-7deg)}
.race-podium{position:absolute;right:4px;bottom:20px;display:flex;align-items:flex-end;gap:5px;font-weight:1000;color:#5b4400}
.race-podium span,.race-podium strong{display:grid;place-items:center;width:48px;border-radius:13px 13px 5px 5px;background:linear-gradient(#fff8cf,#ffd45f);border:1px solid rgba(129,95,0,.12);box-shadow:0 8px 18px rgba(127,94,0,.14)}
.race-podium span:first-child{height:66px}.race-podium strong{height:92px;font-size:1.35rem}.race-podium span:last-child{height:54px}
@media(max-width:820px){.race-feature-card{grid-template-columns:1fr;padding:26px 22px}.race-feature-visual{min-height:210px}.race-feature-copy h2{font-size:2.25rem}}
@media(max-width:520px){.race-feature-section{padding-left:12px;padding-right:12px}.race-feature-card{border-radius:24px}.race-feature-visual{min-height:180px}.race-map-shape{width:110px;height:80px;font-size:46px}.race-feature-visual img{width:170px}.race-podium span,.race-podium strong{width:38px}}
\n\n/* V30.1 — Ana sayfa öne çıkan: 1. Sınıf İlk Gün Veli Sunumu */\n.featured-resource-section{padding-top:18px!important;padding-bottom:34px!important}\n.featured-resource-card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) 250px;gap:26px;align-items:center;padding:30px 34px;border-radius:28px;background:linear-gradient(135deg,#eef9e9 0%,#fffdf7 48%,#eef6ff 100%);border:1px solid #cfe3c8;box-shadow:0 18px 45px rgba(31,91,43,.10)}\n.featured-resource-card:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-125px;top:-150px;background:rgba(47,153,60,.08);pointer-events:none}\n.featured-resource-icon{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:#fff;border:1px solid #d8e7d2;box-shadow:0 10px 26px rgba(35,83,42,.10);font-size:36px}\n.featured-resource-copy{position:relative;z-index:1}\n.featured-resource-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#ddf2d8;color:#237532;font-size:11px;font-weight:900;letter-spacing:.07em}\n.featured-resource-copy h2{font-size:clamp(29px,3.2vw,44px);line-height:1.08;letter-spacing:-.03em;margin:11px 0 10px;color:#17354e}\n.featured-resource-copy h2 em{font-style:normal;color:#2f993c}\n.featured-resource-copy p{max-width:790px;margin:0;color:#5e7580;line-height:1.62;font-size:15px}\n.featured-resource-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}\n.featured-resource-pills span{display:inline-flex;align-items:center;background:#fff;border:1px solid #dbe7d7;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;color:#375947}\n.featured-resource-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}\n.featured-resource-button{box-shadow:0 10px 24px rgba(47,153,60,.18)}\n.featured-resource-note{max-width:520px;color:#71827a;font-size:11px;line-height:1.45}\n.featured-resource-art{position:relative;z-index:1;display:flex;justify-content:center}\n.featured-resource-slide{width:220px;aspect-ratio:4/3;border-radius:18px;background:linear-gradient(155deg,#2f993c,#2274ad);color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 16px 34px rgba(20,65,94,.22);transform:rotate(2deg);border:5px solid rgba(255,255,255,.92)}\n.featured-resource-slide span{font-size:10px;font-weight:900;letter-spacing:.16em;opacity:.86}\n.featured-resource-slide strong{font-size:25px;line-height:1.08;margin:8px 0 11px}\n.featured-resource-slide small{width:max-content;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);padding:6px 9px;border-radius:999px;font-weight:900}\n@media(max-width:900px){.featured-resource-card{grid-template-columns:auto 1fr}.featured-resource-art{display:none}}\n@media(max-width:650px){.featured-resource-section{padding-left:14px!important;padding-right:14px!important}.featured-resource-card{grid-template-columns:1fr;padding:23px 18px;border-radius:23px;gap:15px}.featured-resource-icon{width:60px;height:60px;border-radius:18px;font-size:29px}.featured-resource-badge{font-size:9px;line-height:1.35;letter-spacing:.045em}.featured-resource-copy h2{font-size:31px}.featured-resource-copy p{font-size:14px}.featured-resource-actions{align-items:stretch}.featured-resource-button{width:100%}.featured-resource-note{font-size:10px}.featured-resource-pills span{font-size:11px}}\n

/* V31 — Akıllı Ders Programı ana sayfa üst CTA */
.schedule-cta{position:relative;display:inline-flex!important;align-items:center;gap:9px;background:linear-gradient(135deg,#ff5f4a,#ff9f1c 54%,#ffd43b)!important;color:#fff!important;border:3px solid #fff7d8!important;box-shadow:0 0 0 4px rgba(255,156,28,.20),0 14px 34px rgba(244,91,32,.38);font-weight:950!important;transform:translateY(0) scale(1);transition:transform .18s ease,box-shadow .18s ease;animation:schedulePulse 1.65s ease-in-out infinite;isolation:isolate}
.schedule-cta::before{content:"";position:absolute;inset:-7px;border-radius:inherit;border:3px solid rgba(255,165,32,.52);opacity:0;z-index:-1;animation:scheduleRing 1.65s ease-out infinite}
.schedule-cta:hover{animation-play-state:paused;transform:translateY(-3px) scale(1.035);box-shadow:0 0 0 5px rgba(255,156,28,.22),0 18px 40px rgba(244,91,32,.44)}
.schedule-cta small{display:inline-flex;align-items:center;justify-content:center;margin-left:2px;padding:4px 7px;border-radius:999px;background:#fff;color:#cf3e18;font-size:9px;font-weight:950;letter-spacing:.08em;line-height:1;box-shadow:0 2px 7px rgba(120,45,10,.18)}
@keyframes schedulePulse{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.14);transform:scale(1.045)}}
@keyframes scheduleRing{0%{transform:scale(.96);opacity:.62}75%,100%{transform:scale(1.12);opacity:0}}
@media (prefers-reduced-motion:reduce){.schedule-cta,.schedule-cta::before{animation:none!important}}
@media(max-width:700px){.hero .actions .schedule-cta{width:100%;justify-content:center}.schedule-cta small{font-size:8px}}

/* V33 - geçici, yüksek görünürlüklü ders programı duyurusu */
.schedule-mega-banner{max-width:1180px;margin:14px auto 2px;padding:15px 20px;display:flex;align-items:center;gap:16px;text-decoration:none;border-radius:22px;background:linear-gradient(100deg,#ff4d37 0%,#ff8a00 42%,#ffd429 72%,#ff6b35 100%);background-size:220% 100%;color:#fff!important;border:4px solid #fff;box-shadow:0 0 0 5px rgba(255,111,32,.20),0 16px 38px rgba(194,68,18,.35);position:relative;overflow:hidden;animation:megaGlow 1.35s ease-in-out infinite,megaGradient 3.5s linear infinite;z-index:8}.schedule-mega-banner:before{content:"";position:absolute;inset:-55% -20%;background:linear-gradient(115deg,transparent 37%,rgba(255,255,255,.72) 49%,transparent 61%);transform:translateX(-70%);animation:megaShine 2s ease-in-out infinite}.schedule-mega-icon{font-size:36px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.22));z-index:1}.schedule-mega-copy{display:flex;flex:1;flex-direction:column;line-height:1.08;z-index:1}.schedule-mega-copy b{font-size:12px;letter-spacing:.12em;background:#fff;color:#d74618;border-radius:999px;padding:5px 10px;width:max-content;margin-bottom:5px}.schedule-mega-copy strong{font-size:clamp(22px,2.5vw,36px);font-weight:950;text-shadow:0 2px 6px rgba(116,41,3,.22)}.schedule-mega-copy small{font-size:13px;font-weight:750;margin-top:5px;color:#fff9eb}.schedule-mega-arrow{font-size:42px;font-weight:950;z-index:1;animation:megaArrow .8s ease-in-out infinite alternate}.schedule-mega-banner:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 0 0 7px rgba(255,111,32,.24),0 21px 44px rgba(194,68,18,.40)}@keyframes megaGlow{0%,100%{filter:saturate(1);box-shadow:0 0 0 5px rgba(255,111,32,.18),0 15px 34px rgba(194,68,18,.32)}50%{filter:saturate(1.18);box-shadow:0 0 0 10px rgba(255,197,37,.22),0 18px 44px rgba(194,68,18,.44)}}@keyframes megaGradient{to{background-position:220% 0}}@keyframes megaShine{0%,55%{transform:translateX(-75%)}100%{transform:translateX(85%)}}@keyframes megaArrow{from{transform:translateX(0)}to{transform:translateX(7px)}}@media(max-width:760px){.schedule-mega-banner{margin:10px 12px 0;padding:12px 14px;border-radius:17px}.schedule-mega-icon{font-size:29px}.schedule-mega-copy strong{font-size:20px}.schedule-mega-copy small{font-size:10px}.schedule-mega-arrow{font-size:30px}}@media(prefers-reduced-motion:reduce){.schedule-mega-banner,.schedule-mega-banner:before,.schedule-mega-arrow{animation:none!important}}