@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes slideUp {
  from { transform: translateY(30px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}
@keyframes zoomIn {
  from { transform: scale(0.8); opacity: 0; }
  to   { transform: scale(1);   opacity: 1; }
}
@keyframes bounce {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-20px); }
}
@keyframes shake {
  0%,100% { transform: translateX(0); }
  25%     { transform: translateX(-10px); }
  75%     { transform: translateX(10px); }
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@keyframes slideLeft {
  from { transform: translateX(-50px); opacity: 0; }
  to   { transform: translateX(0);     opacity: 1; }
}
@keyframes slideRight {
  from { transform: translateX(50px); opacity: 0; }
  to   { transform: translateX(0);    opacity: 1; }
}
.anim-fadeIn    { animation: fadeIn    0.6s ease forwards; }
.anim-slideUp   { animation: slideUp   0.6s ease forwards; }
.anim-zoomIn    { animation: zoomIn    0.6s ease forwards; }
.anim-bounce    { animation: bounce    0.8s ease infinite; }
.anim-shake     { animation: shake     0.5s ease infinite; }
.anim-spin      { animation: spin      1.2s linear infinite; }
.anim-slideLeft { animation: slideLeft 0.6s ease forwards; }
.anim-slideRight{ animation: slideRight 0.6s ease forwards; }

* {box-sizing:border-box;margin:0;padding:0;}
body {background:#ffffff;font-family:sans-serif;margin:0;padding:0;overflow-y:auto;}
.page {position:relative;width:100%;min-height:5224px;background:#ffffff;margin:0;overflow-x:hidden;overflow-y:visible;}

/* ── Responsive — WEB SİTE YAPMA PRO ── */
@media (max-width: 1000px) {
  body { overflow-x: hidden !important; overflow-y: auto !important; }
  .page {
    width: 100% !important;
    min-height: 5224px !important;
    margin: 0 !important;
    box-shadow: none !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }
}
@media (max-width: 768px) {
  body { overflow-x: hidden !important; overflow-y: auto !important; }
  .page {
    width: 100% !important;
    min-height: 5224px !important;
    margin: 0 !important;
    box-shadow: none !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding-bottom: 40px !important;
  }
  .page > div[style*="position:absolute"]:not(:has(iframe)),
  .page > div[style*="position: absolute"]:not(:has(iframe)),
  .page > nav[style*="position:absolute"],
  .page > nav[style*="position: absolute"],
  .page > footer[style*="position:absolute"],
  .page > footer[style*="position: absolute"],
  .page > section[style*="position:absolute"] {
    position: relative !important;
    left: 0 !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  .page > div[style*="position:absolute"]:has(iframe),
  .page > div[style*="position: absolute"]:has(iframe) {
    position: relative !important;
    left: 0 !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    min-height: 320px !important;
  }
  .page img { max-width: 100% !important; height: auto !important; }
  .page table { display: block !important; overflow-x: auto !important; max-width: 100% !important; }
  nav[id^="nb"], .page > nav {
    flex-wrap: wrap !important;
    justify-content: center !important;
    padding: 4px !important;
    width: 100% !important;
    left: 0 !important;
    position: relative !important;
    top: auto !important;
  }
}
@media (max-width: 480px) {
  .page {
    width: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
    min-height: 5224px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }
  .page > *:not(:has(iframe)):not([data-wtype="html"]) {
    position: relative !important;
    left: 0 !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 6px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  .page img { max-width: 100% !important; height: auto !important; object-fit: cover !important; }
  .page input, .page select, .page textarea { width: 100% !important; font-size: 16px !important; }
}