/* ============================================================
   KOZA → DUVAR — ana sayfa "Hazır Temalar" bölümü (koza.js)
   Duvar önce kapalı bir koza: dar elips + ipek kabuk. Kaydırdıkça
   elips açılır, kabuk incelip kaybolur, altından duvar çıkar.
   ============================================================ */
.koza-duvar{
  position:relative;margin-top:2.6rem;
  clip-path:ellipse(9% 6% at 50% 50%);
  transform:scale(.94);
  will-change:clip-path,transform;
  border:1px solid var(--line);
}
.tema-duvar-mini{height:min(72vh,720px);min-height:440px;border:0}
@media (max-width:640px){.tema-duvar-mini{height:60vh;min-height:380px}}
.tema-duvar-mini .td-etiket{left:1rem;bottom:1rem}
.tema-duvar-mini .td-araclar{right:1rem;bottom:1rem}
.koza-kabuk{
  position:absolute;inset:0;pointer-events:none;z-index:4;
  background:
    repeating-radial-gradient(ellipse at 50% 50%, rgba(244,243,238,.05) 0 2px, transparent 2px 9px),
    radial-gradient(ellipse at 50% 50%, rgba(216,255,62,.10), rgba(14,14,12,.92) 60%);
  opacity:1;
}
@media (prefers-reduced-motion:reduce){.koza-duvar{clip-path:none;transform:none}.koza-kabuk{display:none}}


/* ============================================================
   TELEFONDA ETİKET VE ARAÇLAR
   Etiketin %72 saydam zemini kartların yazısıyla karışıyordu ve
   araç düğmesiyle çakışıyordu. Bu dosya tema-duvar.css'ten SONRA
   yüklendiği için düzeltme burada duruyor (oradaki kural eziliyordu).
   ============================================================ */
@media (max-width:640px){
  .td-etiket,
  .tema-duvar-mini .td-etiket{
    left:12px;right:12px;bottom:12px;max-width:none;
    background:#0E0E0C;border-color:var(--line);
    backdrop-filter:none;-webkit-backdrop-filter:none;
    padding:.6rem .7rem .6rem .85rem;gap:.7rem;
  }
  .td-etiket .no{display:none}
  /* Telefonda "Demoyu aç" düğmesi gizleniyordu: ziyaretçi kartın
     açılabildiğini anlamıyordu. Etiket tam genişlik olduğu için artık sığıyor. */
  .td-etiket .ac{display:inline-flex;align-items:center;flex:none;
    padding:.6rem .85rem;font-size:.72rem;min-height:40px}
  .td-etiket{flex-wrap:nowrap}
  .td-etiket .ad{flex:1;min-width:0}
  .td-araclar,
  .tema-duvar-mini .td-araclar{right:12px;bottom:calc(12px + 66px)}
}