/* ArtukluGSM Tema v2 - style.css'ten SONRA yüklenir, üzerine yazar */
:root{
  --orange:#FF6A00; --orange-deep:#E85D00; --ink:#14161A; --bg:#F6F7F9;
  --card:#fff; --line:#E8EAEE; --muted:#6B7280; --r:16px;
  --shadow-card:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);
  --shadow-card-hover:0 12px 28px rgba(16,24,40,.12);
}
body{background:var(--bg);color:var(--ink)}
img{max-width:100%}

.extra-small{font-size:.72rem!important}
.cursor-pointer{cursor:pointer!important}
.font-semibold{font-weight:600!important}
.font-bold{font-weight:700!important}
.leading-relaxed{line-height:1.6!important}

/* Üst bar: yapışkan + cam efekti */
body>header,body>.site-header{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);box-shadow:0 1px 0 var(--line)}

/* Butonlar */
.btn-warning{background:linear-gradient(135deg,#FF8A1A,#FD4F01)!important;border:0!important;color:#fff!important;
  font-weight:700;box-shadow:0 6px 16px rgba(253,79,1,.28);transition:transform .15s,box-shadow .15s}
.btn-warning:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(253,79,1,.34)}
.btn-outline-dark{border-color:var(--line);color:var(--ink)}
.btn-outline-dark:hover{background:var(--ink);border-color:var(--ink)}

/* Sepet rozeti */
.cart-badge.bump{animation:cartBump .4s}
@keyframes cartBump{0%{transform:scale(1)}40%{transform:scale(1.5)}100%{transform:scale(1)}}

/* Sayfa üst şeridi */
.shop-hero{background:linear-gradient(135deg,#1E2126,#2b2f36);color:#fff;border-radius:var(--r);padding:28px 24px;position:relative;overflow:hidden}
.shop-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,122,26,.45),transparent 70%)}
.shop-hero h1{font-size:1.5rem;margin:0 0 4px}
.shop-hero p{margin:0;color:#c9ced6;font-size:.9rem}
.shop-hero form{position:relative;z-index:1}

/* Kategori çipleri: yatay kaydırma */
.chip-row{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.chip-row::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);
  color:var(--ink);font-size:.85rem;font-weight:600;text-decoration:none;transition:.15s}
.chip:hover{border-color:var(--orange);color:var(--orange-deep)}
.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}

/* Araç çubuğu */
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 14px;flex-wrap:wrap}
.shop-toolbar .count{color:var(--muted);font-size:.9rem}
.shop-toolbar select{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#fff;font-size:.9rem}

/* Ürün ızgarası */
.pc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:576px){.pc-grid{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(min-width:768px){.pc-grid{grid-template-columns:repeat(3,1fr);gap:16px}}
@media(min-width:992px){.pc-grid{grid-template-columns:repeat(4,1fr);gap:18px}}
@media(min-width:1200px){.pc-grid{grid-template-columns:repeat(5,1fr);gap:20px}}

/* Ürün kartı */
.pc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;
  height:100%;box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .2s,border-color .2s}
.pc:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:#ffd2b0}
.pc-media{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:1/1;max-height:220px;padding:16px;
  background:#f8fafc;overflow:hidden}
.pc-media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;transition:transform .35s;background:transparent}
.pc:hover .pc-media img{transform:scale(1.06)}
@keyframes shimmer{to{background-position-x:-200%}}
.pc-badge{position:absolute;z-index:2;top:10px;left:10px;font-size:.72rem;font-weight:800;padding:4px 9px;border-radius:999px;color:#fff;letter-spacing:.2px}
.pc-badge-deal{background:#E93426}
.pc-badge-low{background:#F59E0B;top:auto;bottom:10px}
.pc-badge-out{background:#6B7280}
.pc-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.pc-cat{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pc-name{color:var(--ink);font-weight:600;font-size:.92rem;line-height:1.35;text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.pc-name:hover{color:var(--orange-deep)}
.pc-foot{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.pc-price{display:flex;flex-direction:column;line-height:1.15}
.pc-price s{color:#9AA0A9;font-size:.78rem}
.pc-price strong{font-size:1.1rem;font-weight:800;color:var(--ink)}
.pc-add{width:42px;height:42px;border-radius:12px;border:0;background:linear-gradient(135deg,#FF8A1A,#FD4F01);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;text-decoration:none;
  box-shadow:0 6px 14px rgba(253,79,1,.3);transition:transform .15s}
.pc-add:hover{transform:scale(1.08);color:#fff}
.pc-add.is-done{background:#16A34A;box-shadow:0 6px 14px rgba(22,163,74,.3)}
.pc-add:disabled{opacity:.85;cursor:wait}
.pc-add-ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.pc-add-ghost:hover{background:var(--ink);color:#fff}

/* Toast */
.shop-toasts{position:fixed;z-index:2000;left:50%;transform:translateX(-50%);bottom:92px;display:flex;flex-direction:column;gap:8px;width:min(92vw,420px)}
@media(min-width:768px){.shop-toasts{left:auto;right:24px;bottom:24px;transform:none}}
.shop-toast{display:flex;align-items:center;gap:10px;background:#14161A;color:#fff;padding:12px 16px;border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:0;transform:translateY(12px);transition:.3s;font-size:.9rem}
.shop-toast.show{opacity:1;transform:none}
.shop-toast i{color:#4ADE80}.shop-toast.is-error i{color:#F87171}
.shop-toast a{margin-left:auto;color:#FFB070;font-weight:700;text-decoration:none;white-space:nowrap}

/* Ücretsiz kargo çubuğu */
.fs-bar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.fs-bar-text{font-size:.88rem;margin-bottom:8px}.fs-bar-text i{color:var(--orange-deep);margin-right:4px}
.fs-bar-track{height:8px;background:#EEF0F3;border-radius:99px;overflow:hidden}
.fs-bar-fill{height:100%;background:linear-gradient(90deg,#FF8A1A,#16A34A);border-radius:99px;transition:width .5s}

/* Güvence Rozetleri (Trust Bar) */
.trust-bar {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 16px 20px;
  margin-bottom: 24px;
  box-shadow: var(--shadow-card);
}
.trust-bar__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .trust-bar__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.trust-bar__item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.trust-bar__icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(255, 106, 0, 0.1);
  color: var(--orange-deep);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  flex-shrink: 0;
}
.trust-bar__text {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.trust-bar__text strong {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--ink);
}
.trust-bar__text small {
  font-size: 0.75rem;
  color: var(--muted);
  margin-top: 2px;
}

/* Sepet Sayfası Özel Stiller */
.cart-qty-group {
  display: inline-flex;
  align-items: center;
  border: 1.5px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
  background: #f8fafc;
}
.cart-qty-btn {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: var(--ink);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
  cursor: pointer;
}
.cart-qty-btn:hover {
  background: #e2e8f0;
}
.cart-qty-input {
  width: 40px;
  height: 32px;
  border: none;
  background: transparent;
  text-align: center;
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--ink);
  -moz-appearance: textfield;
}
.cart-qty-input::-webkit-outer-spin-button,
.cart-qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cart-summary-card {
  position: sticky;
  top: 90px;
}

/* Filtre Elemanları Stil Ayarları */
.filter-group .form-check-input:checked {
    background-color: var(--orange-deep);
    border-color: var(--orange-deep);
}
.filter-group .form-switch .form-check-input:checked {
    background-color: #16A34A;
    border-color: #16A34A;
}

/* Sepet / ödeme / detay sayfası ortak yüzeyler */
.table>:not(caption)>*>*{vertical-align:middle}
#addToCartForm .btn-warning,.checkout-submit{padding:14px 18px;font-size:1.05rem;border-radius:14px}
.card{border-color:var(--line)}
.product-gallery img,.pd-gallery img{background:#fff;border-radius:16px;object-fit:contain;max-height:460px;width:100%}
.pagination .page-link{border-radius:10px;margin:0 3px;color:var(--ink);border-color:var(--line)}
.pagination .active .page-link{background:var(--ink);border-color:var(--ink);color:#fff}

.search-item-hover:hover {
    background-color: #F8F9FA !important;
    transition: background-color 0.15s ease-in-out;
}

.online-dot {
    width: 10px;
    height: 10px;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(39, 174, 96, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(39, 174, 96, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(39, 174, 96, 0); }
}

/* ---------- FAVORİLERİM & KARŞILAŞTIRMA BUTTONS ---------- */
.pc-wishlist-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.92);
    color: #CBD5E1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
}
.pc-wishlist-btn:hover {
    transform: scale(1.15);
    color: #EF4444;
    background: #FFF;
}
.pc-wishlist-btn.is-active {
    color: #EF4444;
    background: #FFF;
}
.pc-compare-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 5;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.92);
    color: #CBD5E1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
}
.pc-compare-btn:hover {
    transform: scale(1.15);
    color: #F59E0B;
    background: #FFF;
}
.pc-compare-btn.is-active {
    color: #F59E0B;
    background: #FFF;
}
.pc-wishlist-btn.pulse {
    animation: heartPulse 0.4s ease-out;
}
@keyframes heartPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.35); }
    100% { transform: scale(1); }
}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}