/* Ürün sayfası karşılaştırma popup'ı */
.pcmp-modal{position:fixed;inset:0;z-index:99998;display:none}
.pcmp-modal.open{display:block}
.pcmp-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pcmp-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1600px,96vw);max-height:92vh;background:#fff;border-radius:18px;box-shadow:0 30px 80px -20px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow:hidden;animation:pcmpIn .25s ease-out}
@keyframes pcmpIn{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

.pcmp-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#07a798,#059488);color:#fff}
.pcmp-header-title{display:flex;align-items:center;gap:.75rem}
.pcmp-header-icon{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}
.pcmp-title{font-size:1rem;font-weight:800;line-height:1.1}
.pcmp-subtitle{font-size:.78rem;opacity:.85;margin-top:2px}
.pcmp-close{width:32px;height:32px;border-radius:8px;border:none;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.pcmp-close:hover{background:rgba(255,255,255,.3)}

.pcmp-body{padding:1.25rem;overflow:auto;background:#f9fafb;flex:1}

/* Seçili ürün chip'leri */
.pcmp-selected-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;min-height:64px;padding:.6rem;background:#fff;border:1.5px dashed #d1d5db;border-radius:12px}
.pcmp-chip{display:flex;align-items:center;gap:.55rem;padding:.4rem .65rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;position:relative;max-width:240px}
.pcmp-chip--locked{background:#ecfaf9;border-color:#07a798}
.pcmp-chip img{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:6px;padding:2px;flex-shrink:0}
.pcmp-chip-info{min-width:0}
.pcmp-chip-sku{font-size:.78rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.pcmp-chip-brand{font-size:.68rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.pcmp-chip-lock{color:#07a798;margin-right:4px;font-size:.7rem}
.pcmp-chip-x{width:22px;height:22px;border-radius:50%;border:none;background:#ef4444;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pcmp-chip-x:hover{background:#b91c1c}
.pcmp-empty{color:#9ca3af;font-size:.85rem;padding:.5rem;font-style:italic}

.pcmp-section-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.06em;margin:.5rem 0 .5rem}
.pcmp-family-pill{padding:2px 8px;background:#ecfaf9;color:#056d65;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:none;letter-spacing:0}

.pcmp-search{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;margin-bottom:.6rem;transition:border-color .15s}
.pcmp-search:focus-within{border-color:#07a798;box-shadow:0 0 0 3px rgba(7,167,152,.12)}
.pcmp-search svg{color:#9ca3af;flex-shrink:0}
.pcmp-search input{flex:1;border:none;outline:none;font-size:.9rem;background:transparent;color:#0f172a;font-family:inherit}

.pcmp-results{background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-height:300px;overflow-y:auto}
.pcmp-loading{padding:1rem;text-align:center;color:#9ca3af;font-size:.85rem}
.pcmp-sentinel{padding:.75rem;text-align:center;color:#9ca3af;font-size:.75rem;border-top:1px solid #f1f5f9}
.pcmp-result{width:100%;display:flex;align-items:center;gap:.65rem;padding:.6rem .85rem;background:#fff;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;text-align:left;transition:background .12s}
.pcmp-result:last-child{border-bottom:none}
.pcmp-result:hover:not(:disabled){background:#f8fafc}
.pcmp-result:disabled{opacity:.5;cursor:not-allowed}
.pcmp-result img{width:36px;height:36px;object-fit:contain;background:#f9fafb;border-radius:6px;padding:2px;flex-shrink:0}
.pcmp-result-info{flex:1;min-width:0}
.pcmp-result-sku{font-size:.85rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcmp-result-meta{font-size:.72rem;color:#64748b;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcmp-add-icon{width:26px;height:26px;border-radius:50%;background:#ecfaf9;color:#07a798;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pcmp-result:hover:not(:disabled) .pcmp-add-icon{background:#07a798;color:#fff}

.pcmp-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}
.pcmp-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:10px;border:1px solid transparent;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .15s}
.pcmp-btn-ghost{background:#fff;color:#475569;border-color:#e2e8f0}
.pcmp-btn-ghost:hover{background:#f1f5f9;color:#0f172a}
.pcmp-btn-primary{background:linear-gradient(135deg,#07a798,#059488);color:#fff;box-shadow:0 4px 12px -4px rgba(7,167,152,.5)}
.pcmp-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059488,#047a70);box-shadow:0 8px 20px -6px rgba(7,167,152,.6);transform:translateY(-1px)}
.pcmp-btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}

/* Karşılaştırma tablosu */
.pcmp-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.pcmp-grid{display:grid;align-items:stretch}
.pcmp-cols-3{grid-template-columns:170px 1fr 1fr}
.pcmp-cols-4{grid-template-columns:170px 1fr 1fr 1fr}
.pcmp-head{padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:.75rem}
.pcmp-head-label{display:flex;align-items:flex-end;font-size:.7rem;font-weight:800;color:#9ca3af;letter-spacing:.1em;text-transform:uppercase;padding-bottom:.25rem}
.pcmp-prod-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:border-color .15s}
.pcmp-prod-card:hover{border-color:#07a798;box-shadow:0 8px 16px -8px rgba(7,167,152,.25)}
.pcmp-prod-img{width:64px;height:64px;background:#f9fafb;border-radius:10px;padding:6px;display:flex;align-items:center;justify-content:center}
.pcmp-prod-img img{max-width:100%;max-height:100%;object-fit:contain}
.pcmp-prod-sku{font-size:.8rem;font-weight:800;color:#0f172a;text-align:center;word-break:break-all;line-height:1.2}
.pcmp-prod-brand{font-size:.7rem;color:#64748b}
.pcmp-prod-detail{width:100%;text-align:center;font-size:.72rem;font-weight:700;padding:.35rem;border:1px solid #07a798;color:#07a798;border-radius:8px;text-decoration:none;transition:all .15s}
.pcmp-prod-detail:hover{background:#07a798;color:#fff}

.pcmp-row{border-bottom:1px solid #f1f5f9;align-items:stretch}
.pcmp-row:last-child{border-bottom:none}
.pcmp-row-a{background:#fff}
.pcmp-row-b{background:#fafafa}
.pcmp-row-diff{background:#ecfaf9}
.pcmp-row-label{display:flex;align-items:center;gap:.4rem;padding:.7rem 1rem;font-size:.8rem;font-weight:600;color:#475569;border-right:1px solid #e5e7eb;position:sticky;left:0;background:inherit}
.pcmp-row-diff .pcmp-row-label{color:#056d65;font-weight:800}
.pcmp-cell{padding:.7rem 1rem;font-size:.85rem;color:#374151;border-left:1px solid #f1f5f9;display:flex;align-items:flex-start;gap:.4rem;line-height:1.4}
.pcmp-cell:first-of-type{border-left:none}
.pcmp-cell-diff{color:#056d65;font-weight:700}
.pcmp-dot{width:6px;height:6px;border-radius:50%;background:#07a798;margin-top:6px;flex-shrink:0}
.pcmp-dash{color:#d1d5db;font-style:italic;font-size:.8rem}
.pcmp-diff-badge{margin-left:auto;padding:1px 7px;background:#07a798;color:#fff;font-size:.62rem;font-weight:800;border-radius:999px;text-transform:lowercase}

@media (max-width: 640px){
  .pcmp-panel{width:100vw;height:100vh;max-height:100vh;border-radius:0}
  .pcmp-cols-3,.pcmp-cols-4{grid-template-columns:120px 1fr 1fr}
  .pcmp-cols-4{grid-template-columns:110px 1fr 1fr 1fr}
  .pcmp-row-label{font-size:.72rem;padding:.5rem .55rem}
  .pcmp-cell{font-size:.75rem;padding:.5rem .55rem}
  .pcmp-prod-sku{font-size:.7rem}
}