/* PHP sürümüne özel eklemeler (React'in JS ile yaptığı açılıp kapanma durumları için).
   style.css orijinal tasarımdır, dokunulmaz. */

/* Ürünler açılır menüsü */
.nav-dd { display: none; }
.nav-dd-wrap:hover .nav-dd { display: block; }
.nav-dd-wrap:hover .nav-dd-card { animation: dd-in 0.2s ease-out; }
@keyframes dd-in { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: none; } }

/* Mobil menü */
.mm-backdrop {
  position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); z-index: 80;
  opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
.mm-drawer {
  position: fixed; top: 0; right: 0; bottom: 0; width: 80%; max-width: 360px;
  background-color: rgba(10, 25, 47, 0.95); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
  border-left: 1px solid rgba(255, 255, 255, 0.05); box-shadow: -10px 0 40px rgba(0, 0, 0, 0.3);
  padding: 6rem 2rem 2rem; z-index: 90; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box;
  transform: translateX(100%); visibility: hidden;
  transition: transform 0.55s cubic-bezier(0.32, 0.72, 0, 1), visibility 0s linear 0.55s;
}
.mm-item { opacity: 0; transform: translateX(30px); transition: opacity 0.4s ease, transform 0.4s ease; }
#site-header.menu-open .mm-backdrop { opacity: 1; visibility: visible; transition: opacity 0.3s ease; }
#site-header.menu-open .mm-drawer { transform: none; visibility: visible; transition: transform 0.55s cubic-bezier(0.32, 0.72, 0, 1); }
#site-header.menu-open .mm-item { opacity: 1; transform: none; }
@media (min-width: 768px) { .mm-backdrop, .mm-drawer { display: none; } }

/* WhatsApp menüsü */
.wa-menu.open { display: flex !important; animation: wa-in 0.25s ease-out; }
@keyframes wa-in { from { opacity: 0; transform: translateY(20px) scale(0.9); } to { opacity: 1; transform: none; } }

/* Ürün listesi */
.is-hidden { display: none !important; }

/* Ürün detay penceresi */
.product-modal-overlay { transition: opacity 0.25s ease; }
.product-modal-overlay.closing { opacity: 0; }
.modal-tabpanel[hidden] { display: none; }
.quote-form-error { color: #B91C1C; font-size: 0.85rem; font-weight: 600; margin-top: -0.25rem; }
.quote-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.btn-cta[disabled] { opacity: 0.7; cursor: wait; }