.acc-item { border-radius: 0.75rem; overflow: hidden; }
    .acc-header { cursor: pointer; }
    .acc-content { display: none; }
    .acc-item.active .acc-content { display: block; }
  .product-item { transition: box-shadow .2s, transform .12s, background-color .15s, border-color .15s; position:relative; background:linear-gradient(145deg,#ffffff,#f8fafc); }
  .product-item[data-selected="true"] { transform: translateY(-1px); box-shadow:0 4px 14px -2px rgba(0,0,0,.22),0 12px 30px -6px rgba(0,0,0,.18); }
  .product-item:hover { box-shadow:0 3px 10px -2px rgba(0,0,0,.15),0 6px 18px -4px rgba(0,0,0,.12); }
  .product-item .price-block { text-align:right; }
  .product-item .price-old { font-size:11px; line-height:1; }
  .product-item .price-new { font-weight:600; }
  /* Unified thumbnail + form controls */
  .thumb-wrap { width:96px; height:96px; border:1px solid #e2e8f0; background:#fff; border-radius:14px; display:flex; align-items:center; justify-content:center; overflow:hidden; flex:0 0 auto; box-shadow:0 0 0 1px rgba(0,0,0,.03),0 2px 4px -2px rgba(0,0,0,.04); }
  .thumb-wrap img { width:100%; height:100%; object-fit:contain; }
  .form-select, .form-input, .form-number { border:2px solid #e2e8f0; background:#fff; border-radius:12px; padding:.55rem .85rem; font-size:.85rem; line-height:1.15; transition:border-color .25s, box-shadow .25s, background .25s; }
  .form-select:focus, .form-input:focus, .form-number:focus { outline:none; border-color:#6366f1; box-shadow:0 0 0 3px rgba(99,102,241,.25); }
  .form-number { width:72px; padding:.45rem .6rem; text-align:center; }
  .form-number-sm { width:60px; padding:.35rem .5rem; font-size:.75rem; }
  .chk { width:20px; height:20px; appearance:none; -webkit-appearance:none; background:#fff; border:2px solid #94a3b8; border-radius:6px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:background .25s,border-color .25s, box-shadow .25s; position:relative; }
  .chk:focus-visible { outline:none; box-shadow:0 0 0 3px rgba(99,102,241,.4); }
  .chk:checked { background:#6366f1; border-color:#6366f1; box-shadow:0 3px 6px -2px rgba(99,102,241,.55); }
  .chk:checked:after { content:"\2713"; color:#fff; font-size:13px; font-weight:700; line-height:1; }
  .chk:disabled { opacity:.45; cursor:not-allowed; }
  .num-wrap { display:flex; align-items:center; gap:.4rem; }
  /* Global product image: static larger thumbnails (no hover scale) */
  .zoom-wrap { position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; }
  .zoom-wrap img[data-zoomable] { width:100%; height:100%; object-fit:contain; }
  /* Exchange totals enhanced card */
  .ex-totals-card { position:relative; background:linear-gradient(145deg,#ffffff,#f1f5f9); border:1px solid #e2e8f0; padding:14px 16px 18px; border-radius:18px; box-shadow:0 2px 4px -2px rgba(0,0,0,.08),0 10px 24px -6px rgba(0,0,0,.06); overflow:hidden; }
  .ex-totals-card:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 80% 15%,rgba(99,102,241,.12),transparent 55%); pointer-events:none; }
  .ex-total-row { display:flex; align-items:center; justify-content:space-between; font-size:13px; padding:4px 0; }
  .ex-total-row .ex-label { color:#475569; font-weight:500; letter-spacing:.25px; display:flex; align-items:center; gap:6px; }
  .ex-total-row .ex-value { font-weight:600; font-variant-numeric:tabular-nums; }
  .ex-total-row.negative .ex-value { color:#dc2626; }
  .ex-total-row.positive .ex-value { color:#05603a; }
  .ex-divider { height:1px; background:linear-gradient(90deg,#e2e8f0,rgba(226,232,240,0)); margin:8px 0 10px; }
  .ex-summary { display:flex; flex-wrap:wrap; gap:8px; }
  .ex-chip { position:relative; display:inline-flex; align-items:center; gap:6px; padding:6px 12px; font-size:11px; line-height:1; font-weight:600; letter-spacing:.5px; border-radius:999px; background:#f1f5f9; color:#334155; box-shadow:0 0 0 1px #e2e8f0 inset; }
  .ex-chip-pay { background:linear-gradient(135deg,#fde68a,#f59e0b); color:#78350f; }
  .ex-chip-credit { background:linear-gradient(135deg,#bbf7d0,#16a34a); color:#064e3b; }
  .ex-chip-neutral { background:#e2e8f0; color:#475569; }
  #exchangeTotalsStep4 .ex-anim-pop { animation:exPop .55s cubic-bezier(.4,.7,.4,1.2); }
  @keyframes exPop { 0% { transform:scale(.92); opacity:0; } 60% { transform:scale(1.02); opacity:1; } 100% { transform:scale(1); opacity:1; } }
  
  /* Yanıp sönme animasyonu */
  .blink-highlight { animation: blinkHighlight 1s ease-in-out; }
  @keyframes blinkHighlight { 
    0% { background-color: transparent; box-shadow: none; }
    25% { background-color: rgba(99, 102, 241, 0.1); box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3); }
    50% { background-color: rgba(99, 102, 241, 0.2); box-shadow: 0 0 0 5px rgba(99, 102, 241, 0.4); }
    75% { background-color: rgba(99, 102, 241, 0.1); box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3); }
    100% { background-color: transparent; box-shadow: none; }
  }
  /* Unified Button System */
  .btn { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; font-weight:600; font-size:.85rem; line-height:1.1; padding:.625rem 1rem; border-radius:.8rem; transition:background .3s, box-shadow .25s, transform .18s; white-space:nowrap; }
  .btn:focus-visible { outline:2px solid #fff; outline-offset:2px; box-shadow:0 0 0 4px rgba(99,102,241,.55); }
  .btn:active { transform:translateY(1px); }
  .btn-primary { background:linear-gradient(135deg,#6366f1,#4338ca); color:#fff; box-shadow:0 2px 4px -2px rgba(0,0,0,.3),0 8px 18px -6px rgba(0,0,0,.25); }
  .btn-primary:hover { filter:brightness(1.06); box-shadow:0 4px 14px -2px rgba(0,0,0,.35),0 12px 32px -6px rgba(0,0,0,.3); }
  .btn-secondary { background:#ffffff; border:2px solid #e2e8f0; color:#334155; box-shadow:0 1px 2px 0 rgba(0,0,0,.05); }
  .btn-secondary:hover { background:#f1f5f9; border-color:#cbd5e1; }
  .btn-danger { background:linear-gradient(135deg,#dc2626,#b91c1c); color:#fff; box-shadow:0 2px 6px -2px rgba(220,38,38,.55),0 6px 18px -6px rgba(185,28,28,.45); }
  .btn-danger:hover { filter:brightness(1.07); }
  .btn-neutral { background:#f1f5f9; color:#334155; }
  .btn-neutral:hover { background:#e2e8f0; }
  .btn[disabled], .btn.disabled { opacity:.55; cursor:not-allowed; filter:grayscale(.2); box-shadow:none; }
  /* Size variants */
  .btn-sm { padding:.45rem .75rem; font-size:.7rem; }
  .btn-lg { padding:.85rem 1.35rem; font-size:.95rem; }
  /* Unified thumbnail & form control styles */
  .thumb-wrap { width:64px; height:64px; background:#ffffff; border:1px solid #e2e8f0; border-radius:0.6rem; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:0 1px 2px 0 rgba(0,0,0,.05); }
  .thumb-wrap img { width:100%; height:100%; object-fit:contain; }
  .form-select, .form-number, .form-text { background:#ffffff; border:1px solid #d1d5db; border-radius:0.55rem; padding:.5rem .65rem; font-size:.75rem; line-height:1.1; transition:border-color .18s, box-shadow .18s; }
  .form-number { width:70px; text-align:center; }
  .form-select:focus, .form-number:focus, .form-text:focus { outline:none; border-color:#6366f1; box-shadow:0 0 0 3px rgba(99,102,241,.25); }
  .form-number-sm { width:58px; padding:.4rem .5rem; font-size:.7rem; }
  .form-checkbox { width:18px; height:18px; accent-color:#6366f1; cursor:pointer; }
  .product-item input[type=checkbox] { width:18px; height:18px; accent-color:#6366f1; }
  /* Icon spacing normalization */
  .btn > i { font-size:1em; opacity:.9; }
  /* Scenario buttons also get base btn styling layering */
  #btnScenario1Step4,#btnScenario2Step4,#btnScenario1,#btnScenario2 { font-size:.8rem; }
    /* Scenario action buttons enhanced (IDs kept) */
    #btnScenario1Step4, #btnScenario2Step4, #btnScenario1, #btnScenario2 {
      position: relative;
      --btn-grad-1: linear-gradient(135deg,#6366f1,#4338ca);
      --btn-grad-2: linear-gradient(135deg,#3b82f6,#1d4ed8);
      font-weight: 600;
      letter-spacing: .3px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap:.55rem;
      isolation:isolate;
      transition: box-shadow .25s, transform .25s, background .4s, filter .25s;
      box-shadow: 0 2px 4px -2px rgba(0,0,0,.25),0 8px 16px -4px rgba(0,0,0,.18);
    }
    #btnScenario1Step4, #btnScenario1 { background-image: var(--btn-grad-1); }
    #btnScenario2Step4, #btnScenario2 { background-image: var(--btn-grad-2); }
    #btnScenario1Step4:hover, #btnScenario2Step4:hover, #btnScenario1:hover, #btnScenario2:hover { filter: brightness(1.05); box-shadow:0 4px 14px -2px rgba(0,0,0,.35),0 10px 28px -4px rgba(0,0,0,.25); }
    #btnScenario1Step4:active, #btnScenario2Step4:active, #btnScenario1:active, #btnScenario2:active { transform: translateY(1px); }
    #btnScenario1Step4[disabled], #btnScenario2Step4[disabled], #btnScenario1[disabled], #btnScenario2[disabled] { filter: grayscale(.35) brightness(.85); box-shadow:none; }
    /* Glow ring on focus for accessibility */
    #btnScenario1Step4:focus-visible, #btnScenario2Step4:focus-visible, #btnScenario1:focus-visible, #btnScenario2:focus-visible { outline:2px solid #fff; outline-offset:2px; box-shadow:0 0 0 4px rgba(99,102,241,.55); }
    /* Badge pill inside button */
    .scenario-badge { font-size: .625rem; line-height:1; padding:4px 6px; border-radius:999px; background:rgba(255,255,255,.18); backdrop-filter:blur(2px); box-shadow:0 0 0 1px rgba(255,255,255,.25) inset; letter-spacing:.5px; text-transform:uppercase; }
    /* Sub label */
    .scenario-sub { display:block; font-size:.625rem; font-weight:500; opacity:.85; margin-top:2px; letter-spacing:.4px; }
    /* Modernized product card & badges */
    .product-item { border:none !important; background:#fff; border-radius:1rem; box-shadow:0 2px 4px -2px rgba(0,0,0,.08),0 6px 14px -6px rgba(0,0,0,.06); }
    .product-item:hover { background:#f8fafc; }
    .product-item[data-selected="true"] { box-shadow:0 4px 12px -2px rgba(0,0,0,.18),0 14px 32px -8px rgba(0,0,0,.12); }
    /* Image thumb without visible border, small radius */
    .thumb-wrap { width:72px; height:72px; background:linear-gradient(145deg,#f8fafc,#eef2f7); border:none; border-radius:.65rem; box-shadow:0 1px 3px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04); }
    .thumb-wrap img { border-radius:.55rem; }
    /* Badges */
    .product-badge { position:absolute; top:.55rem; left:.55rem; background:linear-gradient(135deg,#6366f1,#4338ca); color:#fff; font-size:.55rem; font-weight:600; letter-spacing:.5px; padding:4px 6px 3px; line-height:1; border-radius:999px; box-shadow:0 2px 4px -2px rgba(0,0,0,.35); text-transform:uppercase; pointer-events:none; }
    .product-badge.discount { background:linear-gradient(135deg,#ef4444,#b91c1c); }
    .product-badge.qty { left:auto; right:.55rem; background:linear-gradient(135deg,#0d9488,#0f766e); }
    .sel-badge i { filter:drop-shadow(0 2px 4px rgba(0,0,0,.25)); }
    /* === Modern UI Enhancements (Design-only; no HTML/JS changes) === */
    [x-cloak], [data-notification-root][style*='display:none'] { display:none !important; }
    /* Softer global background & color transitions */
    body { --ui-glass-bg: rgba(255,255,255,0.55); --ui-glass-border: rgba(255,255,255,0.35); }
    body { background:linear-gradient(180deg,#f8fafc 0%, #eef2ff 60%, #e0e7ff 100%); }
    /* Header glass blur (keeps original gradient underneath) */
    header { position:sticky; top:0; z-index:40; backdrop-filter:saturate(1.4) blur(10px); -webkit-backdrop-filter:saturate(1.4) blur(10px); }
    /* Accordion subtle lift */
    .acc-item { transition:box-shadow .35s, transform .35s, background .45s; background:linear-gradient(145deg,#ffffff,#f5f7fb); }
    .acc-item.active { box-shadow:0 6px 22px -8px rgba(0,0,0,.15),0 2px 6px -2px rgba(0,0,0,.08); }
    .acc-item:not(.active):hover { box-shadow:0 4px 14px -6px rgba(0,0,0,.14),0 2px 5px -2px rgba(0,0,0,.08); }
    .acc-header { backdrop-filter:saturate(1.2) blur(2px); -webkit-backdrop-filter:saturate(1.2) blur(2px); }
    /* Product card depth & micro interaction */
    .product-item { perspective:800px; transform-style:preserve-3d; }
    .product-item:hover { transform:translateY(-3px); }
    .product-item:active { transform:translateY(-1px) scale(.99); }
    .product-item[data-selected="true"] { outline:2px solid #6366f1; outline-offset:0; }
    .product-item .thumb-wrap { transition:transform .5s cubic-bezier(.23,1,.32,1), box-shadow .4s; }
    .product-item:hover .thumb-wrap { transform:translateZ(20px) scale(1.05); box-shadow:0 6px 18px -6px rgba(0,0,0,.25); }
    .product-item[data-selected="true"] .thumb-wrap { box-shadow:0 0 0 3px rgba(99,102,241,.35),0 6px 18px -6px rgba(99,102,241,.4); }
    /* Title & text clamping without HTML changes */
    .product-item .font-medium { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-clamp:2; }
    /* Smooth price emphasis */
    .product-item .price-new { font-size:.9rem; letter-spacing:.2px; }
    /* Selection badge pulse */
    .product-item[data-selected="true"] .sel-badge i { animation:selPulse 1.2s ease-out; }
    @keyframes selPulse { 0% { transform:scale(.4); opacity:0; } 55% { transform:scale(1.25); opacity:1; } 100% { transform:scale(1); opacity:1; } }
    /* Buttons: ripple + elevated states */
    .btn { overflow:hidden; position:relative; isolation:isolate; }
    .btn:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at center,rgba(255,255,255,.55),rgba(255,255,255,0) 70%); opacity:0; transform:scale(.2); transition:opacity .5s, transform .6s; pointer-events:none; }
    .btn:hover:before { opacity:.35; transform:scale(1); }
    .btn-primary { backdrop-filter:saturate(1.4); }
    /* Click ripple (centered fallback) */
    .btn:active:after { content:""; position:absolute; left:50%; top:50%; width:10px; height:10px; background:rgba(255,255,255,.55); border-radius:50%; transform:translate(-50%,-50%) scale(1); animation:ripple .6s ease-out forwards; pointer-events:none; }
    @keyframes ripple { to { opacity:0; transform:translate(-50%,-50%) scale(18); } }
    /* Focus refinement */
    .btn:focus-visible { box-shadow:0 0 0 4px rgba(99,102,241,.55),0 0 0 1px rgba(255,255,255,.9) inset; }
    /* Scenario buttons subtle wobble when enabled (only once) */
    #btnScenario1:not([disabled]), #btnScenario2:not([disabled]), #btnScenario1Step4:not([disabled]), #btnScenario2Step4:not([disabled]) { animation:scnIntro .85s ease-out; }
    @keyframes scnIntro { 0% { transform:translateY(6px) scale(.96); opacity:0; } 65% { transform:translateY(-2px) scale(1.02); opacity:1; } 100% { transform:translateY(0) scale(1); opacity:1; } }
    /* Exchange totals card glowing edge */
    .ex-totals-card { border:1px solid rgba(99,102,241,.18); box-shadow:0 4px 18px -6px rgba(99,102,241,.25),0 2px 6px -2px rgba(0,0,0,.08); }
    .ex-totals-card:after { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(120deg,rgba(99,102,241,.35),rgba(99,102,241,0) 55%); opacity:.18; mix-blend-mode:plus-lighter; pointer-events:none; }
    /* Chips subtle pop */
    .ex-chip { transition:transform .4s, box-shadow .35s; }
    .ex-chip:hover { transform:translateY(-2px); box-shadow:0 4px 12px -4px rgba(0,0,0,.2); }
    /* File upload area refinement */
    input[type=file] + .btn, .dropzone { transition:background .3s, border-color .3s; }
    /* Form control subtle shadow & active ring */
    .form-select, .form-number, textarea, input[type=text], input[type=email] { box-shadow:0 1px 2px rgba(0,0,0,.05); }
    .form-select:focus, .form-number:focus, textarea:focus, input[type=text]:focus, input[type=email]:focus { box-shadow:0 0 0 4px rgba(99,102,241,.18),0 1px 2px rgba(0,0,0,.06); }
    /* Checkbox interactive scale */
    .chk { transition:background .3s, border-color .3s, transform .35s cubic-bezier(.16,1,.3,1); }
    .chk:active { transform:scale(.85); }
    .chk:checked { animation:chkPop .45s cubic-bezier(.16,1,.3,1); }
    @keyframes chkPop { 0% { transform:scale(.55); } 60% { transform:scale(1.15); } 100% { transform:scale(1); } }
    /* Scrollbar styling (WebKit & Firefox) for product list */
    #productList { scrollbar-width:thin; scrollbar-color:#cbd5e1 transparent; }
    #productList::-webkit-scrollbar { width:8px; }
    #productList::-webkit-scrollbar-track { background:transparent; }
    #productList::-webkit-scrollbar-thumb { background:linear-gradient(#cbd5e1,#94a3b8); border-radius:20px; }
    #productList::-webkit-scrollbar-thumb:hover { background:linear-gradient(#94a3b8,#64748b); }
    /* Success page icon animation */
    #successPage .w-20 { animation:successPop .8s cubic-bezier(.16,1,.3,1); }
    @keyframes successPop { 0% { transform:scale(.4) rotate(-8deg); opacity:0; } 55% { transform:scale(1.15) rotate(3deg); opacity:1; } 100% { transform:scale(1) rotate(0); opacity:1; } }
    /* Reduced motion respect */
    @media (prefers-reduced-motion:reduce) {
      *, *:before, *:after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition:none !important; }
    }
    /* Glass accent panels (optional target existing light gray boxes) */
    #orderInfo, #otherOrders, #selectedProductsSummary, #requestSummary > div, #exchangeBlockStep4, #successPage > div { background:rgba(255,255,255,0.7); backdrop-filter:blur(10px) saturate(1.3); -webkit-backdrop-filter:blur(10px) saturate(1.3); }
    /* Light inner border for glass blocks */
    #orderInfo, #otherOrders, #selectedProductsSummary, #exchangeBlockStep4, #successPage > div { box-shadow:0 1px 3px rgba(0,0,0,.08),0 0 0 1px rgba(255,255,255,.4) inset; }
    /* Minor typography adjustments */
    h1, h2, h3, h4 { letter-spacing:-.015em; }
    /* Subtle gradient text for main heading */
    header h1 { background:linear-gradient(90deg,#fff 0%, #e0e7ff 40%, #fff 100%); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 2px 4px rgba(0,0,0,.14)); }
    /* End of enhancements */
    /* === OVERRIDES ADDED (design only) === */
  .product-item:hover { transform:translateY(-3px); background:#ffffff !important; }
  .product-item.bg-brand-50 { background:#ffffff !important; }
  .product-item .sel-badge { display:none !important; }
  .product-item .thumb-wrap { transition:transform .5s cubic-bezier(.23,1,.32,1), box-shadow .4s; }
  .product-item:hover .thumb-wrap { transform:translateZ(14px) scale(1.045); box-shadow:0 6px 18px -6px rgba(0,0,0,.18); }
  .product-item[data-selected="true"] .thumb-wrap { box-shadow:0 0 0 3px rgba(99,102,241,.35),0 6px 18px -6px rgba(99,102,241,.25); }
  .thumb-wrap { border-radius:50% !important; position:relative; }
  .thumb-wrap img { border-radius:50% !important; object-fit:cover; }
  .thumb-wrap:before { content:""; position:absolute; inset:0; border-radius:inherit; background:conic-gradient(from 0deg,rgba(99,102,241,0.32),rgba(99,102,241,0) 55%,rgba(99,102,241,0.32)); opacity:.18; pointer-events:none; }
  /* Unified listing card styling */
  #selectedProductsSummary .space-y-2 > .flex,
  #requestSummary .space-y-2 > .flex,
  #newItemsSummaryStep4 > .flex,
  #newItemsSummary > .flex,
  #newItemsSummarySuccess > .flex { background:linear-gradient(135deg,#ffffff,#f5f7fb); border:1px solid #e2e8f0; border-radius:1rem; padding:6px 10px; box-shadow:0 2px 6px -3px rgba(0,0,0,.08),0 4px 14px -6px rgba(0,0,0,.05); position:relative; overflow:hidden; transition:box-shadow .45s, transform .45s; }
  #selectedProductsSummary .space-y-2 > .flex:before,
  #requestSummary .space-y-2 > .flex:before,
  #newItemsSummaryStep4 > .flex:before,
  #newItemsSummary > .flex:before,
  #newItemsSummarySuccess > .flex:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 85% 20%,rgba(99,102,241,.12),transparent 60%); pointer-events:none; }
  #selectedProductsSummary .space-y-2 > .flex:hover,
  #requestSummary .space-y-2 > .flex:hover,
  #newItemsSummaryStep4 > .flex:hover,
  #newItemsSummary > .flex:hover,
  #newItemsSummarySuccess > .flex:hover { box-shadow:0 6px 18px -6px rgba(0,0,0,.18),0 2px 6px -2px rgba(0,0,0,.08); transform:translateY(-2px); }
  #selectedProductsSummary .space-y-2 > .flex.bg-brand-50,
  #requestSummary .space-y-2 > .flex.bg-brand-50,
  #newItemsSummaryStep4 > .flex.bg-brand-50,
  #newItemsSummary > .flex.bg-brand-50,
  #newItemsSummarySuccess > .flex.bg-brand-50 { background:linear-gradient(135deg,#ffffff,#f5f7fb) !important; }
  #selectedProductsSummary .space-y-2 > .flex .shrink-0,
  #requestSummary .space-y-2 > .flex .shrink-0,
  #newItemsSummaryStep4 > .flex .shrink-0,
  #newItemsSummary > .flex .shrink-0,
  #newItemsSummarySuccess > .flex .shrink-0 { display:flex; flex-direction:column; align-items:flex-end; }
  /* === END OVERRIDES === */
  /* === IMAGE STYLE UPDATE (uniform portrait, no crop, no circle/border) === */
  .thumb-wrap { 
    border-radius:12px !important; /* köşeler hafif yumuşak */
    width:84px !important; 
    height:120px !important; /* dik form */
    aspect-ratio:7/10; 
    background:#ffffff !important; 
    border:none !important; 
    box-shadow:none !important; 
  }
  .product-item .thumb-wrap { width:84px !important; height:120px !important; }
  .thumb-wrap img { 
    width:100%; height:100%; object-fit:contain !important; 
    border-radius:8px !important; /* resim köşeleri hafif */
  }
  /* Önceki dairesel / conic efektleri kaldır */
  .thumb-wrap:before { display:none !important; }
  /* Özet kartlarında da aynı ölçü */
  #selectedProductsSummary .thumb-wrap,
  #requestSummary .thumb-wrap,
  #newItemsSummaryStep4 .thumb-wrap,
  #newItemsSummary .thumb-wrap,
  #newItemsSummarySuccess .thumb-wrap { width:84px !important; height:120px !important; }
  /* Kart içindeki hizalama bozulmasın diye yüksekliği artınca satır ortalaması */
  .product-item { align-items:stretch; }
  .product-item > .thumb-wrap { align-self:flex-start; }
  /* === END IMAGE STYLE UPDATE === */
  /* === IMAGE SIZE BASE (50px width portrait – no hover enlarge) === */
  .thumb-wrap { width:50px !important; height:74px !important; transition:box-shadow .3s, transform .3s; }
  .product-item .thumb-wrap, #selectedProductsSummary .thumb-wrap, #requestSummary .thumb-wrap, #newItemsSummaryStep4 .thumb-wrap, #newItemsSummary .thumb-wrap, #newItemsSummarySuccess .thumb-wrap { width:50px !important; height:74px !important; }
  .thumb-wrap img { object-fit:contain !important; }
  /* Enlarge only on click via overlay (see viewer styles below) */
  /* === END IMAGE SIZE BASE === */
  /* Image viewer overlay */
  .img-viewer-overlay { position:fixed; inset:0; background:rgba(0,0,0,.65); display:flex; align-items:center; justify-content:center; z-index:1000; animation:fadeIn .25s ease; }
  .img-viewer-box { max-width:80vw; max-height:80vh; background:#fff; border-radius:14px; padding:12px; box-shadow:0 20px 50px -10px rgba(0,0,0,.4); position:relative; animation:scaleIn .3s cubic-bezier(.16,1,.3,1); }
  .img-viewer-box img { max-width:100%; max-height:72vh; object-fit:contain; display:block; }
  .img-viewer-close { position:absolute; top:6px; right:6px; background:#fff; border-radius:999px; width:34px; height:34px; display:grid; place-items:center; box-shadow:0 4px 12px -4px rgba(0,0,0,.25); cursor:pointer; font-size:14px; color:#334155; }
  .img-viewer-close:hover { background:#f1f5f9; }
  @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  @keyframes scaleIn { 0% { transform:scale(.85); opacity:0; } 60% { transform:scale(1.03); opacity:1; } 100% { transform:scale(1); opacity:1; } }
  /* === SIZE & PRICE BADGES + 3D CARD UNIFICATION === */
  /* 3D katmanlı kart görünümü (tüm product-item) */
  .product-item { background:linear-gradient(150deg,#ffffff 0%,#f5f7fb 70%); box-shadow:0 4px 10px -4px rgba(15,23,42,.12),0 8px 26px -10px rgba(15,23,42,.15); position:relative; overflow:hidden; }
  .product-item:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 110% -10%,rgba(99,102,241,.18),transparent 55%); pointer-events:none; opacity:.9; }
  .product-item:hover { box-shadow:0 6px 16px -6px rgba(15,23,42,.16),0 14px 36px -12px rgba(15,23,42,.22); }
  .product-item[data-selected="true"] { box-shadow:0 6px 18px -6px rgba(99,102,241,.35),0 16px 42px -14px rgba(99,102,241,.35); }
  .product-item[data-selected="true"]:after { content:""; position:absolute; inset:0; background:linear-gradient(130deg,rgba(99,102,241,.25),rgba(99,102,241,0) 55%); mix-blend-mode:overlay; pointer-events:none; }
  /* Thumbnail çerçevesiz dik kart (mevcut boyutları bozma) */
  .product-item .thumb-wrap { background:#fff !important; box-shadow:0 2px 6px -2px rgba(0,0,0,.12); border:1px solid rgba(0,0,0,.04)!important; }
  .product-item:hover .thumb-wrap { box-shadow:0 4px 14px -4px rgba(0,0,0,.18); }
  /* Variant (beden) satırını badge'e dönüştür (sadece varsa) */
  .product-item .text-sm.text-gray-600.truncate,
  #selectedProductsSummary .text-sm.text-gray-600.truncate,
  #requestSummary .text-sm.text-gray-600.truncate,
  #newItemsSummary .text-sm.text-gray-600.truncate,
  #newItemsSummaryStep4 .text-sm.text-gray-600.truncate,
  #newItemsSummarySuccess .text-sm.text-gray-600.truncate { display:inline-block; background:linear-gradient(135deg,#6366f1,#4338ca); color:#fff !important; font-weight:600; font-size:.65rem; line-height:1; padding:5px 8px 4px; border-radius:8px; letter-spacing:.4px; margin-top:4px; box-shadow:0 2px 6px -2px rgba(67,56,202,.4); position:relative; }
  .product-item .text-sm.text-gray-600.truncate:before,
  #selectedProductsSummary .text-sm.text-gray-600.truncate:before,
  #requestSummary .text-sm.text-gray-600.truncate:before,
  #newItemsSummary .text-sm.text-gray-600.truncate:before,
  #newItemsSummaryStep4 .text-sm.text-gray-600.truncate:before,
  #newItemsSummarySuccess .text-sm.text-gray-600.truncate:before { content:'Beden: '; font-weight:500; opacity:.95; }
  /* Sadece sayı içeren variant metinlerini min genişlik ile stabil tut */
  .product-item .text-sm.text-gray-600.truncate { min-width:64px; text-align:center; }
  /* Fiyat badge */
  .product-item .price-new, .product-item .price-block { position:relative; }
  .product-item .price-new { background:linear-gradient(135deg,#16a34a,#0f766e); color:#fff !important; padding:6px 10px 5px; border-radius:10px; font-size:.8rem; font-weight:700; box-shadow:0 3px 10px -4px rgba(16,185,129,.55); display:inline-block; min-width:78px; text-align:center; }
  .product-item .price-block .price-new { display:block; margin-top:2px; }
  /* Tailwind arbitrary size class can't be used raw inside plain CSS parser -> approximate selector */
  .product-item .price-block [class*="text-"][class*="11px"],
  .product-item .price-block [class*="text-[11px]"] { display:block; margin-bottom:2px; }
  /* İndirimli fiyat kartında üst eski fiyat solda kalıp yeni badge öne çıkar */
  .product-item .price-block { display:flex; flex-direction:column; align-items:flex-end; gap:2px; }
  /* Seçili üründe fiyat badge parlaması */
  .product-item[data-selected="true"] .price-new { box-shadow:0 0 0 3px rgba(16,185,129,.35),0 6px 18px -6px rgba(16,185,129,.55); }
  /* Quantity badge yeniden konum & stil uyumu */
  .product-badge.qty { background:linear-gradient(135deg,#0f766e,#065f46); font-weight:700; letter-spacing:.4px; }
  /* Discount badge kırmızı gradient güçlendirme */
  .product-badge.discount { background:linear-gradient(135deg,#dc2626,#991b1b); }
  /* Hover halinde iç elementler hafif öne gelsin */
  .product-item:hover .font-medium { transform:translateZ(8px); }
  /* Kart iç spacing optimizasyonu */
  .product-item .min-w-0 { padding-top:2px; }
  /* Liste özetlerinde (selected/request) aynı fiyat badge stili */
  #selectedProductsSummary .font-medium + .text-sm.text-gray-600.truncate + .text-xs,
  #requestSummary .font-medium + .text-sm.text-gray-600.truncate + .text-xs { margin-top:2px; }
  /* === END SIZE & PRICE BADGES === */