/* ============================================================
   Zaranni Ürün Eklentileri PRO v2.1 — Frontend CSS
   ============================================================ */
#zue-addons-wrap{margin:20px 0;border:2px solid #e8e8e8;border-radius:12px;overflow:hidden;background:#fff;}
.zue-header{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:12px 20px;}
.zue-badge{color:#fff;font-size:15px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;}

/* 👁 VIEWERS */
.zue-viewers{padding:10px 20px;background:#fff8e1;font-size:13px;color:#6d4c00;border-bottom:1px solid #ffe082;}
.zue-viewers-dot{display:inline-block;width:8px;height:8px;background:#2ecc40;border-radius:50%;margin-right:6px;animation:zue-pulse 1.5s infinite;}

/* PACKAGES */
.zue-packages{padding:12px 16px;border-bottom:1px solid #eee;background:#fafafa;}
.zue-packages-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;}
.zue-package-btn{flex:0 0 auto;display:flex;flex-direction:column;gap:3px;padding:10px 16px;border:2px solid #ddd;border-radius:10px;background:#fff;cursor:pointer;text-align:left;transition:all .2s;min-width:160px;position:relative;}
.zue-package-btn:hover{border-color:#666;}.zue-pkg-active{border-color:#2ecc40!important;background:#f0faf0!important;box-shadow:0 0 0 2px rgba(46,204,64,.3);}
.zue-pkg-badge{position:absolute;top:-8px;right:8px;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;}
.zue-package-btn strong{font-size:13px;color:#222;}.zue-pkg-items{font-size:11px;color:#888;}.zue-pkg-price{font-size:14px;font-weight:700;color:#e74c3c;margin-top:2px;}

/* TABLE */
.zue-table{width:100%;border-collapse:collapse;}
.zue-table thead th{background:#f5f5f5;padding:10px 12px;font-size:13px;font-weight:700;color:#333;text-align:left;border-bottom:2px solid #e0e0e0;}
.zue-table tbody tr{border-bottom:1px solid #eee;transition:background .2s;}.zue-table tbody tr:hover{background:#fafafa;}.zue-table tbody tr.zue-active{background:#f0faf0;}.zue-table tbody tr.zue-out-of-stock{opacity:.5;}
.zue-table td{padding:12px;vertical-align:middle;}
.zue-th-toggle{width:80px;text-align:center;}.zue-th-image{width:60px;}.zue-th-price{width:120px;text-align:right;}
.zue-td-toggle{text-align:center;}.zue-td-price{text-align:right;font-weight:700;color:#333;}

/* TOGGLE */
.zue-toggle-btn{width:44px;height:44px;border:2px solid #ddd;border-radius:10px;background:#f9f9f9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;font-size:20px;color:#999;margin:0 auto;}
.zue-toggle-btn .zue-icon-check,.zue-toggle-btn .zue-icon-remove{display:none;}.zue-toggle-btn .zue-icon-add{display:block;}
.zue-toggle-btn.zue-toggled-on{background:#2ecc40;border-color:#2ecc40;color:#fff;}.zue-toggle-btn.zue-toggled-on .zue-icon-add{display:none;}.zue-toggle-btn.zue-toggled-on .zue-icon-check{display:block;}
.zue-toggle-btn.zue-toggled-on:hover{background:#e74c3c;border-color:#e74c3c;}.zue-toggle-btn.zue-toggled-on:hover .zue-icon-check{display:none;}.zue-toggle-btn.zue-toggled-on:hover .zue-icon-remove{display:block;}
.zue-toggle-btn:not(.zue-toggled-on):hover{border-color:#2ecc40;color:#2ecc40;background:#f0faf0;}
.zue-check{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;font-size:20px;}.zue-checked{background:#2ecc40;color:#fff;}.zue-disabled{background:#eee;color:#aaa;}

/* IMAGE + VIDEO */
.zue-td-image{position:relative;}.zue-addon-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid #eee;}.zue-has-video{cursor:pointer;}
.zue-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.6);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;}

/* BADGES */
.zue-addon-name{font-size:14px;font-weight:600;color:#222;}
.zue-popular-badge{display:inline-block;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:700;border-radius:4px;background:linear-gradient(135deg,#f5af19,#f12711);color:#fff;vertical-align:middle;}
.zue-warranty-badge{display:inline-block;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:700;border-radius:4px;background:#e8f5e9;color:#2e7d32;vertical-align:middle;}
.zue-stock-badge{display:inline-block;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:700;border-radius:4px;background:#fff3cd;color:#856404;vertical-align:middle;}.zue-stock-out{background:#f8d7da;color:#721c24;}

/* SWATCH */
.zue-swatch-group{padding:16px 20px;border-top:1px solid #eee;}.zue-swatch-title{font-size:14px;font-weight:700;margin:0 0 12px;color:#333;}.zue-swatches{display:flex;flex-wrap:wrap;gap:10px;}
.zue-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s;min-width:70px;text-align:center;}
.zue-swatch:hover{border-color:#666;}.zue-swatch-active{border-color:#2ecc40!important;background:#f0faf0;box-shadow:0 0 0 2px rgba(46,204,64,.3);}
.zue-swatch-disabled{opacity:.4;cursor:not-allowed;position:relative;}.zue-swatch-disabled::after{content:'';position:absolute;top:50%;left:10%;right:10%;height:2px;background:#e74c3c;transform:rotate(-15deg);}
.zue-swatch-color{width:36px;height:36px;border-radius:50%;border:2px solid #ddd;}.zue-swatch-img{width:48px;height:48px;object-fit:cover;border-radius:6px;}.zue-swatch-label{font-size:11px;font-weight:600;color:#333;}.zue-swatch-price{font-size:11px;color:#888;}

/* MIN/MAX & COMBO */
.zue-minmax-msg{padding:10px 20px;font-size:13px;font-weight:600;border-top:1px solid #eee;}
.zue-minmax-msg[data-type="warning"]{background:#fff3cd;color:#856404;}.zue-minmax-msg[data-type="error"]{background:#f8d7da;color:#721c24;}.zue-minmax-msg[data-type="info"]{background:#d1ecf1;color:#0c5460;}
.zue-combo-banner{padding:12px 20px;font-size:13px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border-top:1px solid #a5d6a7;}

/* PRICE */
.zue-price-display{padding:20px;border-top:2px solid #eee;}
.zue-old-price{font-size:16px;color:#999;text-decoration:line-through;margin-bottom:4px;}
.zue-new-price{font-size:28px;font-weight:800;color:#e74c3c;line-height:1.2;}
.zue-discount-badge{display:inline-block;background:#e74c3c;color:#fff;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:700;margin-left:10px;vertical-align:middle;}
.zue-price-slider{}.zue-slider-labels{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;color:#666;}
.zue-slider-bar{height:10px;background:#eee;border-radius:5px;overflow:hidden;}.zue-slider-fill{height:100%;background:linear-gradient(90deg,#2ecc40,#e74c3c);border-radius:5px;transition:width .5s cubic-bezier(.34,1.56,.64,1);}
.zue-slider-total{font-size:28px;font-weight:800;color:#e74c3c;margin-top:10px;}
.zue-price-package{background:linear-gradient(135deg,#fafafa,#f0f0ff);border-radius:8px;padding:16px;text-align:center;}
.zue-package-count{font-size:14px;color:#555;margin-bottom:6px;}.zue-package-count strong{color:#2ecc40;font-size:18px;}.zue-package-total{font-size:28px;font-weight:800;color:#e74c3c;}

/* ============================================================
   ⏰ ACİLİYET ZONE
   ============================================================ */
.zue-urgency-zone{padding:0 20px 16px;border-top:1px solid #eee;}
.zue-countdown{padding:12px 16px;background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;border-radius:8px;text-align:center;font-size:14px;margin-top:12px;}
.zue-countdown strong{font-size:18px;letter-spacing:1px;}
.zue-urgency-stock{padding:10px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:13px;margin-top:10px;}
.zue-urgency-cart{color:#6b7280;font-weight:400;}
.zue-fomo{padding:10px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-size:13px;margin-top:10px;}

/* ============================================================
   📋 KONFİGÜRASYON ÖZET KARTI
   ============================================================ */
.zue-config-summary{padding:16px 20px;border-top:1px solid #eee;background:#fafbfc;}
.zue-sum-header{font-size:13px;font-weight:700;color:#333;margin-bottom:8px;}
.zue-sum-items{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;}
.zue-sum-item{display:inline-block;padding:4px 10px;background:#e2e8f0;border-radius:6px;font-size:12px;font-weight:600;color:#334155;}
.zue-sum-total{font-size:15px;color:#222;}

/* ============================================================
   🚚 KARGO PROGRESS
   ============================================================ */
.zue-shipping-progress{padding:12px 20px;border-top:1px solid #eee;}
.zue-ship-bar-wrap{height:8px;background:#eee;border-radius:4px;overflow:hidden;margin-bottom:6px;}
.zue-ship-bar{height:100%;background:linear-gradient(90deg,#2ecc40,#27ae60);border-radius:4px;transition:width .5s ease;}
.zue-ship-text{font-size:13px;color:#555;}

/* INSTALLMENT */
.zue-installment-wrap{padding:16px 20px;border-top:1px solid #eee;}.zue-installment-title{font-size:14px;font-weight:700;margin-bottom:10px;}
.zue-installment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;}
.zue-inst-card{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;padding:10px;text-align:center;transition:border-color .2s;}.zue-inst-card:hover{border-color:#999;}
.zue-inst-months{font-size:13px;color:#666;font-weight:600;}.zue-inst-amount{font-size:16px;font-weight:800;color:#222;margin-top:2px;}.zue-inst-total{font-size:11px;color:#999;margin-top:2px;}

/* COMPARISON */
.zue-comparison-wrap{padding:12px 20px;border-top:1px solid #eee;}
.zue-comparison-toggle{background:none;border:2px solid #667;color:#333;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s;}.zue-comparison-toggle:hover{background:#333;color:#fff;}
.zue-cmp-table{width:100%;border-collapse:collapse;margin-top:12px;}.zue-cmp-table th{background:#f5f5f5;padding:8px 12px;text-align:left;font-size:13px;}.zue-cmp-table td{padding:8px 12px;border-bottom:1px solid #eee;font-size:13px;}
.zue-cmp-yes{color:#2ecc40;font-weight:700;font-size:16px;}.zue-cmp-no{color:#e74c3c;font-size:16px;}.zue-cmp-total td{font-weight:700;border-top:2px solid #333;background:#f9f9f9;}

/* WHATSAPP */
.zue-whatsapp-wrap{padding:12px 20px;border-top:1px solid #eee;}
.zue-whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff!important;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none!important;transition:background .2s;width:100%;justify-content:center;box-sizing:border-box;}.zue-whatsapp-btn:hover{background:#1da851;}

/* SHARE */
.zue-share-wrap{padding:12px 20px;border-top:1px solid #eee;}
.zue-share-btn{background:none;border:1px solid #ddd;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;color:#555;transition:all .2s;}.zue-share-btn:hover{border-color:#333;color:#333;}
.zue-share-link{margin-top:8px;display:flex;gap:6px;}.zue-share-link input{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:12px;}.zue-share-link button{padding:8px 14px;background:#333;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;}

/* VIDEO MODAL */
.zue-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;display:flex;align-items:center;justify-content:center;}
.zue-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);}
.zue-modal-content{position:relative;z-index:1;max-width:90vw;max-height:80vh;background:#000;border-radius:12px;overflow:hidden;}
.zue-modal-close{position:absolute;top:8px;right:12px;background:rgba(255,255,255,.2);color:#fff;border:none;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:50%;z-index:2;}
#zue-video-player{max-width:90vw;max-height:80vh;display:block;}

/* LIVE NOTIF */
.zue-live-notif{position:fixed;bottom:20px;left:20px;z-index:9999;background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:12px 18px;box-shadow:0 4px 20px rgba(0,0,0,.12);font-size:13px;max-width:360px;transform:translateX(-120%);opacity:0;transition:transform .4s ease,opacity .4s ease;}
.zue-live-notif.zue-notif-show{transform:translateX(0);opacity:1;}
.zue-notif-dot{display:inline-block;width:8px;height:8px;background:#2ecc40;border-radius:50%;margin-right:6px;vertical-align:middle;animation:zue-pulse 1.5s infinite;}
@keyframes zue-pulse{0%,100%{opacity:1;}50%{opacity:.4;}}
.zue-notif-time{color:#999;font-size:11px;}

/* ============================================================
   📌 STICKY BAR
   ============================================================ */
.zue-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:9998;background:#fff;border-top:2px solid #e74c3c;box-shadow:0 -4px 20px rgba(0,0,0,.1);padding:0;transition:transform .3s ease;}
.zue-sticky-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:12px;}
.zue-sticky-info{display:flex;flex-direction:column;gap:2px;}
.zue-sticky-name{font-size:13px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;}
.zue-sticky-price{font-size:20px;font-weight:800;color:#e74c3c;}
.zue-sticky-actions{display:flex;align-items:center;gap:12px;}
.zue-sticky-summary{font-size:12px;color:#888;white-space:nowrap;}
.zue-sticky-add-btn{background:#e74c3c;color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s;white-space:nowrap;}.zue-sticky-add-btn:hover{background:#c0392b;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:600px){
    .zue-table thead{display:none;}.zue-table tbody tr{display:flex;flex-wrap:wrap;align-items:center;padding:12px;gap:8px;}
    .zue-td-toggle{order:1;flex:0 0 44px;}.zue-td-image{order:2;flex:0 0 48px;}.zue-td-name{order:3;flex:1;min-width:0;}.zue-td-price{order:4;flex:0 0 auto;}
    .zue-new-price,.zue-slider-total,.zue-package-total{font-size:24px;}
    .zue-installment-grid{grid-template-columns:repeat(2,1fr);}
    .zue-live-notif{left:10px;right:10px;max-width:none;bottom:70px;}
    .zue-sticky-inner{padding:8px 12px;}.zue-sticky-name{max-width:120px;font-size:11px;}.zue-sticky-price{font-size:17px;}.zue-sticky-add-btn{padding:10px 18px;font-size:13px;}
    .zue-sticky-summary{display:none;}
    .zue-countdown strong{font-size:15px;}
}