/* css/ortak.css — genel/partials/stil-ortak.blade.php içindeki gömülü <style>'dan taşındı (2026-09-30, aciklama.md #11).
   Bu dosya artık TEK kaynak: stili burada değiştirin. */
* { margin:0; padding:0; box-sizing:border-box; font-family:'Segoe UI', Tahoma, sans-serif; }
:root {
  --mor:#A621D8; --magenta:#E6358F; --sari:#FFD23F; --gri:#f7f7f7;
  --koyu:#1a1a1a; --beyaz:#fff; --kirmizi:#c0392b; --golge:0 4px 20px rgba(166,33,216,.12);
  --gradient:linear-gradient(135deg,var(--mor),var(--magenta));
}
body { background:var(--gri); color:var(--koyu); line-height:1.6; }
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }
.container { max-width:1280px; margin:0 auto; padding:0 20px; }

/* HEADER */
header { background:var(--beyaz); padding:14px 0; box-shadow:var(--golge); position:sticky; top:0; z-index:100; }
.header-inner { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px; }
.logo { font-size:28px; font-weight:800; background:var(--gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; white-space:nowrap; }
.logo span { color:var(--sari); -webkit-text-fill-color:var(--sari); }
.search-box { justify-self:center; width:100%; position:relative; max-width:520px; }
.search-box input { width:100%; padding:11px 48px 11px 18px; border:2px solid #eee; border-radius:30px; font-size:14px; outline:none; background:var(--gri); }
.search-box input:focus { border-color:var(--mor); background:var(--beyaz); }
.search-box button { position:absolute; right:4px; top:4px; bottom:4px; width:38px; background:var(--gradient); border:none; border-radius:50%; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.header-icons { display:flex; gap:8px; align-items:center; margin-left:auto; }
.icon-btn { position:relative; background:none; border:none; cursor:pointer; color:var(--koyu); width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; transition:.3s; }
.icon-btn:hover { background:var(--gri); color:var(--mor); }
.icon-btn svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.icon-btn .badge { position:absolute; top:2px; right:2px; background:var(--magenta); color:#fff; font-size:10px; min-width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; }
.header-divider { width:1px; height:28px; background:#e0e0e0; margin:0 4px; }
.btn-guest { padding:9px 18px; border-radius:25px; font-size:13px; font-weight:700; cursor:pointer; white-space:nowrap; }
.btn-guest.outline { background:none; border:1.5px solid var(--mor); color:var(--mor); }
.btn-guest.outline:hover { background:#faf5fc; }
.btn-guest.filled { background:var(--gradient); border:none; color:#fff; }

/* BREADCRUMB */
.breadcrumb { max-width:1280px; margin:20px auto; padding:0 20px; font-size:13px; color:#888; display:flex; flex-wrap:wrap; gap:6px; }
.breadcrumb a { color:var(--mor); transition:.3s; }
.breadcrumb a:hover { color:var(--magenta); }
.breadcrumb span.sep { color:#ccc; }

/* USER DROPDOWN */
.header-user-wrapper { position:relative; }
.header-user { display:flex; align-items:center; gap:10px; cursor:pointer; padding:6px 14px 6px 6px; border-radius:25px; border:1.5px solid var(--mor); background:#faf5fc; transition:.3s; }
.header-user:hover { background:#f0e6f7; }
.header-user-avatar { width:32px; height:32px; border-radius:50%; overflow:hidden; }
.header-user-avatar img { width:100%; height:100%; object-fit:cover; }
.header-user-text { font-size:13px; font-weight:600; }
.user-chevron { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2.5; transition:.3s; }
.header-user.open .user-chevron { transform:rotate(180deg); }
.user-dropdown { position:absolute; top:calc(100% + 12px); right:0; width:320px; background:var(--beyaz); border-radius:16px; box-shadow:0 15px 50px rgba(0,0,0,.18); padding:10px; opacity:0; visibility:hidden; transform:translateY(-10px); transition:all .25s ease; z-index:200; border:1px solid #eee; max-height:calc(100vh - 100px); overflow-y:auto; }
.user-dropdown.active { opacity:1; visibility:visible; transform:translateY(0); }
.user-dropdown::before { content:''; position:absolute; top:-6px; right:24px; width:12px; height:12px; background:var(--beyaz); border-left:1px solid #eee; border-top:1px solid #eee; transform:rotate(45deg); }
.dropdown-user-info { display:flex; align-items:center; gap:12px; padding:14px; background:linear-gradient(135deg,#f0e6f7,#fce4f0); border-radius:12px; margin-bottom:8px; }
.dropdown-avatar { width:48px; height:48px; border-radius:50%; overflow:hidden; border:2px solid var(--beyaz); flex-shrink:0; }
.dropdown-avatar img { width:100%; height:100%; object-fit:cover; }
.dropdown-user-info h5 { font-size:14px; margin-bottom:2px; }
.dropdown-user-info small { font-size:11px; color:#888; }
.dropdown-divider { height:1px; background:#eee; margin:6px 0; }
.dropdown-section-title { font-size:10px; color:#999; text-transform:uppercase; letter-spacing:1px; padding:8px 12px 4px; font-weight:700; }
.dropdown-item { display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:10px; cursor:pointer; transition:.2s; font-size:13px; color:var(--koyu); }
.dropdown-item:hover { background:var(--gri); color:var(--mor); }
.dropdown-item svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2; flex-shrink:0; }
.dropdown-item.logout { color:var(--kirmizi); }
.dropdown-item.logout:hover { background:#fde8e8; }

/* --- Hesabım sol menüsü (alici/hesabim/_sidebar-stil.blade.php ile AYNI içerik — birini değiştirirseniz diğerini de) --- */
.account-layout { max-width:1280px; margin:20px auto 40px; padding:0 20px; display:grid; grid-template-columns:280px 1fr; gap:25px; align-items:start; }
.account-sidebar { background:var(--beyaz); border-radius:20px; padding:15px; box-shadow:var(--golge); height:fit-content; position:sticky; top:90px; }
.account-sidebar .menu-item { display:flex; align-items:center; gap:12px; padding:12px 15px; border-radius:12px; cursor:pointer; transition:.3s; font-size:14px; font-weight:500; color:var(--koyu); margin-bottom:3px; background:none; border:none; width:100%; text-align:left; font:inherit; }
.account-sidebar .menu-item:hover { background:var(--gri); color:var(--mor); }
.account-sidebar .menu-item.active { background:var(--gradient); color:#fff; font-weight:600; box-shadow:0 4px 12px rgba(166,33,216,.25); }
.account-sidebar .menu-item svg { width:20px; height:20px; stroke:currentColor; fill:none; stroke-width:2; flex-shrink:0; }
.account-sidebar .menu-item .menu-badge { margin-left:auto; padding:2px 8px; background:var(--magenta); color:#fff; border-radius:10px; font-size:11px; font-weight:700; }
.account-sidebar .menu-item.active .menu-badge { background:rgba(255,255,255,.25); }
.account-sidebar .menu-divider { height:1px; background:var(--gri); margin:10px 5px; }
.account-sidebar .menu-section-title { font-size:11px; color:#999; text-transform:uppercase; letter-spacing:1px; padding:8px 15px 5px; font-weight:700; }
.account-sidebar .logout-item { color:var(--kirmizi); }
.account-sidebar .logout-item:hover { background:#fde8e8; color:var(--kirmizi); }
.account-content { min-width:0; }
.account-mobile-toggle { display:none; }
.account-sidebar-overlay { position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:998; display:none; backdrop-filter:blur(4px); }
.account-sidebar-overlay.active { display:block; }

@media (max-width:1024px) {
  .account-layout { grid-template-columns:1fr; }
}
@media (max-width:768px) {
  .account-mobile-toggle { display:flex; align-items:center; gap:8px; padding:10px 16px; background:var(--gradient); color:#fff; border:none; border-radius:25px; font-size:13px; font-weight:600; cursor:pointer; margin:0 20px 15px; }
  .account-mobile-toggle svg { width:16px; height:16px; stroke:#fff; fill:none; stroke-width:2; }
  .account-sidebar { position:fixed; top:0; left:-320px; width:300px; height:100vh; z-index:1001; transition:left .3s; border-radius:0 20px 20px 0; overflow-y:auto; padding-top:20px; box-shadow:5px 0 30px rgba(0,0,0,.2); }
  .account-sidebar.open { left:0; }
}


/* SAYFA BAŞLIĞI + BUTONLAR (hesabım alt sayfalarıyla ortak) */
.page-header { max-width:1280px; margin:24px auto 25px; padding:0 20px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px; }
.page-title { display:flex; align-items:center; gap:12px; }
.page-title h1 { font-size:26px; display:flex; align-items:center; gap:10px; }
.page-title .count { background:var(--gradient); color:#fff; padding:4px 12px; border-radius:20px; font-size:13px; font-weight:700; }
.page-actions { display:flex; gap:10px; flex-wrap:wrap; }
.btn-primary, .btn-secondary { padding:10px 20px; border-radius:25px; font-weight:600; cursor:pointer; font-size:13px; display:flex; align-items:center; gap:6px; transition:.3s; border:none; text-decoration:none; }
.btn-primary { background:var(--gradient); color:#fff; }
.btn-secondary { background:var(--beyaz); color:var(--mor); border:1.5px solid var(--mor); }
.btn-secondary:hover { background:#faf5fc; }
.flash-mesaj { max-width:1280px; margin:0 auto 20px; padding:0 20px; }
.flash-mesaj .kutu { background:#eafaf0; color:#1f8a4c; border:1px solid #b8ecd1; padding:12px 16px; border-radius:10px; font-size:13px; }

/* PRODUCT CARD (ortak ürün kartı gridleri) */
.product-card { background:var(--beyaz); border-radius:15px; overflow:hidden; box-shadow:var(--golge); transition:.3s; display:flex; flex-direction:column; height:100%; }
.product-card:hover { transform:translateY(-5px); }
.product-img { height:200px; overflow:hidden; background:#f5f0f8; display:block; position:relative; flex-shrink:0; }
.product-img img { width:100%; height:100%; object-fit:cover; }
.product-info { padding:14px; display:flex; flex-direction:column; flex:1; }
.product-info h4 { font-size:14px; margin-bottom:6px; height:38px; overflow:hidden; font-weight:600; }
.product-rating { display:flex; align-items:center; gap:5px; font-size:12px; color:#888; margin-bottom:6px; }
.product-rating .stars { color:var(--sari); letter-spacing:1px; }
.product-mini-tags { margin-bottom:6px; }
.mini-tag { display:inline-block; background:#e8f8ee; color:#1e8a4c; font-size:10.5px; font-weight:700; padding:3px 9px; border-radius:20px; }
.product-bottom { margin-top:auto; padding-top:8px; }
.product-price { display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.price-old { text-decoration:line-through; color:#999; font-size:13px; }
.price-new { color:var(--magenta); font-weight:800; font-size:17px; }
.add-cart { width:100%; padding:10px; background:var(--gradient); color:#fff; border:none; border-radius:10px; font-weight:600; cursor:pointer; font-size:13px; }
.add-cart:disabled { opacity:.5; cursor:not-allowed; }

/* YILDIZ / YORUM (kombin değerlendirmeleri) */
.stars { color:var(--sari); }
.stars-input { display:flex; gap:5px; margin-bottom:15px; }
.stars-input span { font-size:28px; cursor:pointer; color:#ddd; transition:.2s; }
.stars-input span.active { color:var(--sari); }
.comment-textarea { width:100%; padding:12px; border:1px solid #ddd; border-radius:10px; font-family:inherit; font-size:14px; resize:vertical; min-height:90px; outline:none; background:var(--beyaz); }
.comment-textarea:focus { border-color:var(--mor); }
.submit-comment { margin-top:12px; padding:12px 30px; background:var(--gradient); color:#fff; border:none; border-radius:25px; font-weight:600; cursor:pointer; transition:.3s; }
.submit-comment:hover { transform:translateY(-2px); }
.comment { padding:18px 0; border-bottom:1px solid #eee; }
.comment:last-child { border-bottom:none; }
.comment-header { display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.comment-avatar { width:42px; height:42px; border-radius:50%; background:var(--gradient); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; flex-shrink:0; }
.comment-user h5 { font-size:14px; }
.comment-user small { color:#888; font-size:12px; }
.comment-stars { color:var(--sari); font-size:13px; margin-left:auto; }
.comment-text { font-size:14px; color:#555; line-height:1.7; }

/* FOOTER */
footer { background:var(--koyu); color:#ccc; padding:50px 0 20px; margin-top:60px; }
.footer-grid { display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr 1fr; gap:32px; max-width:1280px; margin:0 auto; padding:0 20px 30px; }
.footer-col h4 { color:#fff; margin-bottom:18px; font-size:16px; }
.footer-col p { font-size:13px; line-height:1.8; margin-bottom:15px; }
.footer-col a { display:block; font-size:13px; margin-bottom:10px; transition:.3s; }
.footer-col a:hover { color:var(--sari); }
.footer-logo { font-size:28px; font-weight:800; margin-bottom:15px; background:var(--gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.social-icons { display:flex; gap:10px; margin-top:15px; }
.social-icons a { width:38px; height:38px; background:rgba(255,255,255,.1); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:.3s; }
.social-icons a:hover { background:var(--gradient); }
.social-icons a svg { width:18px; height:18px; fill:#fff; }
.footer-bottom { max-width:1280px; margin:0 auto; padding:20px 20px 0; border-top:1px solid rgba(255,255,255,.1); text-align:center; font-size:13px; }
.footer-yasal { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px 14px; margin-bottom:14px; font-size:12.5px; }
.footer-yasal a { display:inline; margin-bottom:0; color:#aaa; }
.footer-yasal a:hover { color:var(--sari); }
.footer-yasal .ayirac { color:#555; }
@media(max-width:900px) { .footer-grid { grid-template-columns:repeat(3,1fr); } }
@media(max-width:600px) { .footer-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:420px) { .footer-grid { grid-template-columns:1fr; } }

/* TOAST */
.toast { position:fixed; bottom:30px; left:50%; transform:translateX(-50%) translateY(100px); background:var(--koyu); color:#fff; padding:14px 25px; border-radius:30px; font-size:14px; font-weight:600; z-index:2000; opacity:0; transition:.4s; box-shadow:0 10px 30px rgba(0,0,0,.2); display:flex; align-items:center; gap:10px; }
.toast:not(.show){pointer-events:none} /* gizliyken altındaki düğmelere dokunmayı engellemesin (2026-10-03) */
.toast.show { transform:translateX(-50%) translateY(0); opacity:1; }
.toast svg { width:20px; height:20px; stroke:var(--sari); fill:none; stroke-width:2.5; }

/* MOBIL ALT MENU */
.mobil-alt-menu{display:none}
@media(max-width:767px){
  body{padding-bottom:64px}
  .mobil-alt-menu{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:250;background:#fff;border-top:1px solid #eee;box-shadow:0 -2px 14px rgba(26,26,46,.1);padding:8px 4px calc(6px + env(safe-area-inset-bottom))}
  .mobil-alt-menu .man-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding-top:2px;color:#666680;font-size:.62rem;font-weight:700;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .mobil-alt-menu .man-item svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
  .mobil-alt-menu .man-item span{pointer-events:none}
  .mobil-alt-menu .man-item.aktif{color:var(--mor)}
  .mobil-alt-menu .man-item.aktif svg.man-kalp-svg{fill:var(--mor)}
  .mobil-alt-menu .man-item.aktif::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:22px;height:3px;border-radius:0 0 4px 4px;background:var(--mor)}
  .toast{bottom:92px}
  .search-box{display:none}
  .header-user-text{display:none}
}
@media(max-width:480px){
  .header-icons{gap:4px}
  .icon-btn{width:38px;height:38px}
}
/* Dar telefonlarda (360px vb.) üst bölümdeki Üye Ol / Giriş Yap düğmeleri taşmasın (2026-10-03) */
@media(max-width:400px){.header-inner{gap:10px}.btn-guest{padding:8px 12px}}