/**
 * Flavor Cart Pro v4.1 - Styles
 * Classic compact popup, glass, plate anim, stock, descriptions
 */

/* === BASE === */
.fc-product,.fc-cart-btn,.fc-popup{font-family:inherit;direction:rtl;box-sizing:border-box}
.fc-product *,.fc-cart-btn *,.fc-popup *{box-sizing:border-box}
.fc-hide{display:none!important}

/* === ADD BUTTON === */
.fc-product{display:inline-flex;align-items:center;gap:8px}
.fc-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--fc-add-height);padding:var(--fc-add-py) var(--fc-add-px);border:2px solid transparent;border-radius:var(--fc-add-radius);font-family:inherit;font-size:var(--fc-add-fs);font-weight:var(--fc-add-fw);cursor:pointer;position:relative;overflow:hidden;transition:all var(--fc-duration) var(--fc-easing);box-shadow:var(--fc-add-shadow)}
.fc-add-btn.fc-style-filled{background:var(--fc-add-btn-bg,var(--fc-primary));color:var(--fc-add-btn-text,#fff)}
.fc-add-btn.fc-style-filled:hover{filter:brightness(1.15)}
.fc-add-btn.fc-style-outline{background:transparent;border-color:var(--fc-add-btn-bg,var(--fc-primary));color:var(--fc-add-btn-bg,var(--fc-primary))}
.fc-add-btn.fc-style-outline:hover{background:var(--fc-add-btn-bg,var(--fc-primary));color:var(--fc-add-btn-text,#fff)}
.fc-add-btn.fc-style-ghost{background:transparent;color:var(--fc-add-btn-bg,var(--fc-primary));box-shadow:none}
.fc-add-btn.fc-style-ghost:hover{background:rgba(0,0,0,.05)}

/* Out of stock */
.fc-add-btn.fc-out-of-stock{background:var(--fc-danger)!important;color:#fff!important;border-color:var(--fc-danger)!important;cursor:not-allowed;opacity:.85}
.fc-add-btn.fc-out-of-stock:hover{opacity:.9;transform:none!important}
.fc-oos-text{font-weight:700}

/* Icons */
.fc-add-icon{display:flex;align-items:center;width:var(--fc-add-icon);height:var(--fc-add-icon);position:relative}
.fc-add-icon svg{width:100%;height:100%;position:absolute;transition:all var(--fc-duration) var(--fc-easing)}
.fc-icon-check{opacity:0;transform:scale(0) rotate(-45deg)}
.fc-add-btn.fc-added .fc-icon-plus{opacity:0;transform:scale(0) rotate(45deg)}
.fc-add-btn.fc-added .fc-icon-check{opacity:1;transform:scale(1) rotate(0)}
.fc-add-btn.fc-added.fc-style-filled{background:var(--fc-success)}
.fc-add-btn.fc-added.fc-style-outline{border-color:var(--fc-success);color:var(--fc-success)}

/* Animations */
@keyframes fcPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes fcShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@keyframes fcBounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}}
.fc-anim-pulse{animation:fcPulse .4s ease}
.fc-anim-shake{animation:fcShake .4s ease}
.fc-anim-bounce{animation:fcBounce .4s ease}

/* Stock warning */
.fc-stock-warning{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:8px 12px;border-radius:8px;font-size:12px;margin-top:6px;animation:fcFadeIn .3s ease}
@keyframes fcFadeIn{from{opacity:0;transform:translateY(-4px)}}

/* === QTY CONTROL === */
.fc-qty{display:none;align-items:center;gap:3px;animation:fcSlideIn .3s ease}
.fc-qty.fc-show{display:flex}
@keyframes fcSlideIn{from{opacity:0;transform:translateX(8px)}}
.fc-qty-btn{width:var(--fc-qty-size);height:var(--fc-qty-size);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}
.fc-qty-btn svg{width:14px;height:14px}
.fc-qty-value{min-width:calc(var(--fc-qty-size) + 4px);height:var(--fc-qty-size);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.fc-qty-modern{background:var(--fc-bg);border:2px solid var(--fc-primary);border-radius:var(--fc-add-radius);overflow:hidden}
.fc-qty-modern .fc-qty-btn{background:transparent;color:var(--fc-primary)}
.fc-qty-modern .fc-qty-btn:hover{background:var(--fc-secondary);color:#fff}
.fc-qty-modern .fc-qty-value{color:var(--fc-primary);border-left:1px solid var(--fc-border);border-right:1px solid var(--fc-border)}
.fc-qty-minimal .fc-qty-btn{background:var(--fc-bg);border:2px solid var(--fc-border);border-radius:50%;color:var(--fc-text)}
.fc-qty-minimal .fc-qty-btn:hover{border-color:var(--fc-primary);background:var(--fc-primary);color:#fff}
.fc-qty-bordered{background:var(--fc-bg-alt);border:1px solid var(--fc-border);border-radius:6px;padding:2px}
.fc-qty-bordered .fc-qty-btn{background:var(--fc-bg);border:1px solid var(--fc-border);border-radius:4px;color:var(--fc-text)}
.fc-qty-bordered .fc-qty-btn:hover{background:var(--fc-primary);border-color:var(--fc-primary);color:#fff}

/* === CART BUTTON === */
.fc-cart-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--fc-cart-height);padding:var(--fc-cart-py) var(--fc-cart-px);border:2px solid transparent;border-radius:var(--fc-cart-radius);font-family:inherit;font-size:var(--fc-cart-fs);font-weight:600;cursor:pointer;position:relative;transition:all var(--fc-duration) var(--fc-easing);box-shadow:var(--fc-cart-shadow)}
.fc-cart-btn.fc-style-filled{background:var(--fc-cart-btn-bg,var(--fc-primary));color:var(--fc-cart-btn-text,#fff)}
.fc-cart-btn.fc-style-filled:hover{filter:brightness(1.12);transform:translateY(-1px)}
.fc-cart-btn.fc-style-outline{background:transparent;border-color:var(--fc-cart-btn-bg,var(--fc-primary));color:var(--fc-cart-btn-bg,var(--fc-primary))}
.fc-cart-btn.fc-style-outline:hover{background:var(--fc-cart-btn-bg,var(--fc-primary));color:var(--fc-cart-btn-text,#fff)}
.fc-cart-btn.fc-style-ghost{background:transparent;color:var(--fc-cart-btn-bg,var(--fc-primary));box-shadow:none}

/* Glass cart button */
.fc-cart-btn.fc-glass{background:rgba(255,255,255,.15)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25)!important;color:var(--fc-cart-btn-glass-text,#fff);box-shadow:0 8px 32px rgba(0,0,0,.1)}
.fc-cart-btn.fc-glass:hover{background:rgba(255,255,255,.28)!important}

.fc-cart-icon{display:flex;align-items:center}
.fc-cart-icon svg{width:20px;height:20px}
.fc-cart-text{white-space:nowrap}
.fc-cart-count{min-width:22px;height:22px;padding:0 6px;display:flex;align-items:center;justify-content:center;background:var(--fc-secondary);color:var(--fc-primary);border-radius:11px;font-size:12px;font-weight:700;transition:all .3s}
.fc-cart-btn.fc-style-filled .fc-cart-count{background:rgba(255,255,255,.25);color:#fff}
.fc-cart-btn.fc-has-items .fc-cart-count{background:var(--fc-secondary);color:var(--fc-primary)}
@keyframes fcCntBounce{0%,100%{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.9)}}
@keyframes fcCntPulse{0%,100%{box-shadow:0 0 0 0 var(--fc-secondary)}50%{box-shadow:0 0 0 6px transparent}}
@keyframes fcCntShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px) rotate(-4deg)}75%{transform:translateX(3px) rotate(4deg)}}
.fc-cart-count.fc-anim-bounce{animation:fcCntBounce .4s ease}
.fc-cart-count.fc-anim-pulse{animation:fcCntPulse .5s ease}
.fc-cart-count.fc-anim-shake{animation:fcCntShake .4s ease}
.fc-cart-total{padding-right:8px;border-right:1px solid currentColor;opacity:.8;font-weight:500;font-size:.9em}
.fc-cart-total:empty{display:none}

/* === ATTRACT ANIMATION === */
.fc-attract-particle{position:fixed;width:14px;height:14px;background:var(--fc-secondary,#d4a72c);border-radius:50%;pointer-events:none;z-index:1000000;box-shadow:0 0 12px var(--fc-secondary,#d4a72c),0 0 24px rgba(212,167,44,.4);opacity:0}
.fc-attract-particle.fc-attract-flying{transition:all .55s cubic-bezier(.25,.46,.45,.94)}
@keyframes fcAttractPulse{0%{transform:scale(1);box-shadow:var(--fc-cart-shadow)}50%{transform:scale(1.08);box-shadow:0 0 20px rgba(212,167,44,.4)}100%{transform:scale(1);box-shadow:var(--fc-cart-shadow)}}
.fc-cart-btn.fc-attract-pulse{animation:fcAttractPulse .4s ease}

/* === POPUP - CLASSIC COMPACT === */
.fc-overlay{position:fixed;inset:0;background:var(--fc-backdrop-bg);backdrop-filter:var(--fc-backdrop-blur);-webkit-backdrop-filter:var(--fc-backdrop-blur);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;z-index:999999;transition:all var(--fc-duration) ease}
.fc-overlay.fc-open{opacity:1;visibility:visible}

.fc-popup{width:var(--fc-popup-width);max-width:100%;max-height:var(--fc-popup-max-height);background:var(--fc-bg);border-radius:var(--fc-popup-radius);box-shadow:var(--fc-popup-shadow);display:flex;flex-direction:column;overflow:hidden;transform:scale(.92);opacity:0;transition:all calc(var(--fc-duration) * 1.2) cubic-bezier(.34,1.56,.64,1)}
.fc-overlay.fc-open .fc-popup{transform:scale(1);opacity:1}

/* Glass popup */
.fc-popup.fc-glass{background:rgba(255,255,255,calc(var(--fc-glass-opacity,75) / 100))!important;backdrop-filter:blur(var(--fc-glass-blur,20px));-webkit-backdrop-filter:blur(var(--fc-glass-blur,20px));border:1px solid rgba(255,255,255,.3)}
.fc-popup.fc-glass .fc-popup-body{background:rgba(248,249,250,.4)}
.fc-popup.fc-glass .fc-popup-footer{background:rgba(255,255,255,.5)}
.fc-popup.fc-glass .fc-item{background:rgba(255,255,255,.6);backdrop-filter:blur(6px)}
.fc-popup.fc-glass .fc-item-name{color:var(--fc-glass-text-color,var(--fc-item-name-color,var(--fc-text)))}
.fc-popup.fc-glass .fc-item-desc{color:var(--fc-glass-text-light-color,var(--fc-item-desc-color,var(--fc-text-light)))}
.fc-popup.fc-glass .fc-item-price{color:var(--fc-glass-text-light-color,var(--fc-item-price-color,var(--fc-secondary)))}
.fc-popup.fc-glass .fc-item-total-price{color:var(--fc-glass-text-color,var(--fc-total-color,var(--fc-primary)))}
.fc-popup.fc-glass .fc-total-label{color:var(--fc-glass-text-light-color,var(--fc-text-light))}
.fc-popup.fc-glass .fc-total-value{color:var(--fc-glass-text-color,var(--fc-total-color,var(--fc-secondary)))}
.fc-popup.fc-glass .fc-empty p{color:var(--fc-glass-text-light-color,var(--fc-text-light))}
.fc-popup.fc-glass .fc-btn-primary{color:var(--fc-glass-btn-text-color,var(--fc-popup-btn-text,#fff));background:var(--fc-glass-btn-bg-color,var(--fc-popup-btn-bg,var(--fc-primary)))}
.fc-popup.fc-glass .fc-btn-secondary{color:var(--fc-glass-text-color,var(--fc-text));border-color:var(--fc-glass-text-light-color,var(--fc-border))}
.fc-popup.fc-glass .fc-form-field label{color:var(--fc-glass-text-color,var(--fc-text))}
.fc-popup.fc-glass .fc-iq-num{color:var(--fc-glass-text-color,var(--fc-primary))}

/* Header - compact */
.fc-popup-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--fc-popup-header-bg,var(--fc-primary));color:var(--fc-popup-header-text,#fff);flex-shrink:0}
.fc-popup-header h3{margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}
.fc-popup-header h3 svg{width:18px;height:18px;color:var(--fc-secondary)}
.fc-header-count{font-weight:400;opacity:.7;font-size:13px}
.fc-popup-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:none;border-radius:50%;color:inherit;cursor:pointer;transition:all .2s}
.fc-popup-close:hover{background:var(--fc-secondary);color:var(--fc-primary);transform:rotate(90deg)}
.fc-popup-close svg{width:16px;height:16px}

/* Body - compact */
.fc-popup-body{flex:1;overflow-y:auto;padding:10px 14px;background:var(--fc-bg-alt);min-height:0}
.fc-popup-body::-webkit-scrollbar{width:4px}
.fc-popup-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}

/* Empty */
.fc-empty{display:flex;flex-direction:column;align-items:center;padding:30px 16px;text-align:center}
.fc-empty-icon{width:50px;height:50px;margin-bottom:10px;color:var(--fc-border)}
.fc-empty-icon svg{width:100%;height:100%}
.fc-empty p{margin:0;color:var(--fc-text-light);font-size:13px}

/* Items - compact classic */
.fc-items{display:flex;flex-direction:column;gap:6px}
.fc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--fc-bg);border-radius:10px;border:1px solid var(--fc-border);transition:all .2s;animation:fcItemIn .25s ease backwards}
@keyframes fcItemIn{from{opacity:0;transform:translateX(-10px)}}
.fc-item:hover{border-color:var(--fc-secondary)}
.fc-item.fc-removing{animation:fcItemOut .25s ease forwards}
@keyframes fcItemOut{to{opacity:0;transform:translateX(-20px) scale(.95)}}

.fc-item-img{width:var(--fc-item-img);height:var(--fc-item-img);border-radius:var(--fc-item-img-radius);background:var(--fc-bg-alt);flex-shrink:0;overflow:hidden}
.fc-item-img img{width:100%;height:100%;object-fit:cover}

.fc-item-info{flex:1;min-width:0}
.fc-item-name{font-weight:600;font-size:13px;color:var(--fc-item-name-color,var(--fc-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-item-desc{font-size:10px;color:var(--fc-item-desc-color,var(--fc-text-light));line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.fc-item-meta{display:flex;gap:8px;align-items:center;margin-top:2px}
.fc-item-price{font-size:11px;color:var(--fc-item-price-color,var(--fc-secondary));font-weight:600}
.fc-item-total-price{font-size:11px;color:var(--fc-total-color,var(--fc-primary));font-weight:700;background:var(--fc-bg-alt);padding:1px 6px;border-radius:4px}

.fc-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.fc-item-qty-wrap{display:flex;align-items:center;gap:2px;background:var(--fc-bg-alt);border-radius:8px;padding:2px}
.fc-iq-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:var(--fc-bg);border-radius:6px;cursor:pointer;color:var(--fc-text);font-size:14px;font-weight:600;transition:all .15s}
.fc-iq-btn:hover{background:var(--fc-primary);color:#fff}
.fc-iq-btn:active{transform:scale(.9)}
.fc-iq-num{min-width:24px;text-align:center;font-weight:700;font-size:13px;color:var(--fc-primary)}
.fc-item-del{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(231,76,60,.2);background:transparent;border-radius:6px;cursor:pointer;color:var(--fc-danger);font-size:12px;transition:all .15s}
.fc-item-del:hover{background:var(--fc-danger);color:#fff;border-color:var(--fc-danger)}

/* Footer - compact */
.fc-popup-footer{padding:10px 14px;background:var(--fc-bg);border-top:1px solid var(--fc-border);flex-shrink:0}
.fc-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.fc-total-label{font-size:13px;color:var(--fc-text-light)}
.fc-total-value{font-size:18px;font-weight:700;color:var(--fc-total-color,var(--fc-secondary))}
.fc-popup-actions{display:flex;gap:8px}
.fc-btn-primary,.fc-btn-secondary{flex:1;padding:10px 14px;border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s}
.fc-btn-primary{background:var(--fc-popup-btn-bg,var(--fc-primary));color:var(--fc-popup-btn-text,#fff);border:none;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.fc-btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}
.fc-btn-secondary{background:transparent;color:var(--fc-text);border:1.5px solid var(--fc-border)}
.fc-btn-secondary:hover{border-color:var(--fc-primary);background:var(--fc-bg-alt)}

/* === FORM STEP === */
.fc-step{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.fc-back-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:none;border-radius:50%;color:inherit;cursor:pointer;transition:all .2s}
.fc-back-btn:hover{background:var(--fc-secondary);color:var(--fc-primary)}
.fc-back-btn svg{width:18px;height:18px}
.fc-form{display:flex;flex-direction:column;gap:10px}
.fc-form-field{display:flex;flex-direction:column;gap:4px}
.fc-form-field label{font-size:12px;font-weight:600;color:var(--fc-text)}
.fc-req{color:var(--fc-danger)}
.fc-form-field input,.fc-form-field textarea{padding:8px 10px;border:1.5px solid var(--fc-border);border-radius:8px;font-family:inherit;font-size:13px;transition:border-color .2s;background:var(--fc-bg)}
.fc-form-field input:focus,.fc-form-field textarea:focus{border-color:var(--fc-secondary);outline:none}
.fc-btn-full{width:100%}
.fc-submit-row{display:flex;flex-direction:column;gap:8px}
.fc-btn-loading{display:none}
.fc-btn-primary.fc-loading .fc-btn-text{display:none}
.fc-btn-primary.fc-loading .fc-btn-loading{display:flex;align-items:center;justify-content:center;gap:6px}
.fc-spinner{width:18px;height:18px;animation:fcSpin 1s linear infinite}
@keyframes fcSpin{to{transform:rotate(360deg)}}

/* === SUCCESS STEP === */
.fc-step-success{display:flex;align-items:center;justify-content:center;padding:20px;text-align:center}
.fc-success-content{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
.fc-success-logo{max-width:80px;max-height:60px;object-fit:contain;margin-bottom:4px}
.fc-success-icon{width:50px;height:50px;background:var(--fc-success);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:fcSuccIn .4s ease}
.fc-success-icon svg{width:26px;height:26px;color:#fff}
@keyframes fcSuccIn{0%{transform:scale(0)}50%{transform:scale(1.15)}100%{transform:scale(1)}}
.fc-success-content h3{margin:0;font-size:14px;color:var(--fc-text)}
.fc-success-content p{margin:0;color:var(--fc-text-light);font-size:12px}
#fcOrderNumber:empty{display:none}

/* Order summary compact */
.fc-order-summary{width:100%;text-align:right}
.fc-sum-items{background:var(--fc-bg-alt);border-radius:8px;padding:8px;border:1px solid var(--fc-border);font-size:11px}
.fc-sum-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;gap:6px}
.fc-sum-row+.fc-sum-row{border-top:1px solid var(--fc-border)}
.fc-sum-row span:first-child{flex:1;text-align:right}
.fc-sum-row span:nth-child(2){color:var(--fc-text-light);font-size:10px}
.fc-sum-row span:last-child{font-weight:700;color:var(--fc-secondary)}
.fc-sum-total{display:flex;justify-content:space-between;padding:6px 0 2px;margin-top:6px;border-top:2px solid var(--fc-primary);font-weight:700;font-size:13px;color:var(--fc-primary)}
.fc-sum-cust{padding:6px 0 0;margin-top:4px;border-top:1px dashed var(--fc-border);font-size:11px;color:var(--fc-text-light)}
.fc-success-shortcode{width:100%;margin:6px 0}
.fc-success-content .fc-btn-primary{margin-top:6px;padding:8px 24px}

/* Stock exceeded message */
.fc-stock-exceeded{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #f0c040;color:#856404;padding:10px 14px;border-radius:10px;font-size:12px;font-weight:600;margin-bottom:8px;animation:fcExceededIn .4s ease;box-shadow:0 2px 8px rgba(240,192,64,.2)}
.fc-stock-exceeded-inline{margin-top:6px;margin-bottom:0;padding:7px 12px;font-size:11px;}
.fc-oos-msg{display:inline-flex;align-items:center;gap:6px;background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.3);color:#c0392b;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:600;margin-top:6px;animation:fcFadeIn .3s ease;pointer-events:none;}
.fc-oos-msg svg{flex-shrink:0;color:#e74c3c;}
@keyframes fcExceededIn{from{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
.fc-stock-exceeded svg{flex-shrink:0;color:#e67e22}

/* Order summary description */
.fc-sum-desc{font-size:10px;color:var(--fc-text-light);padding:0 0 4px;line-height:1.4;border-bottom:1px dashed var(--fc-border);margin-bottom:2px}

/* LTR fixes */
[style*="direction:ltr"] .fc-cart-total,[style*="direction: ltr"] .fc-cart-total{padding-right:0;padding-left:8px;border-right:none;border-left:1px solid currentColor}
[style*="direction:ltr"] .fc-sum-row span:first-child,[style*="direction: ltr"] .fc-sum-row span:first-child{text-align:left}

/* === RESPONSIVE === */
@media(max-width:480px){
    .fc-popup{max-height:85vh;border-radius:16px 16px 0 0}
    .fc-overlay{align-items:flex-end;padding:0}
    .fc-overlay.fc-open .fc-popup{transform:translateY(0)}
    .fc-popup:not(.fc-overlay.fc-open .fc-popup){transform:translateY(100%)}
    .fc-popup-actions{flex-direction:column}
    .fc-suggest-popup{max-height:70vh}
}

/* === SUGGEST BUTTON === */
.fc-suggest-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--fc-cart-height);padding:var(--fc-cart-py) var(--fc-cart-px);border:2px solid transparent;border-radius:var(--fc-cart-radius);font-family:inherit;font-size:var(--fc-cart-fs);font-weight:600;cursor:pointer;position:relative;transition:all var(--fc-duration) var(--fc-easing);box-shadow:var(--fc-cart-shadow)}
.fc-suggest-btn.fc-style-filled{background:var(--fc-secondary);color:var(--fc-primary)}
.fc-suggest-btn.fc-style-filled:hover{filter:brightness(1.12);transform:translateY(-1px)}
.fc-suggest-btn.fc-style-outline{background:transparent;border-color:var(--fc-secondary);color:var(--fc-secondary)}
.fc-suggest-btn.fc-style-outline:hover{background:var(--fc-secondary);color:var(--fc-primary)}
.fc-suggest-btn.fc-style-ghost{background:transparent;color:var(--fc-secondary);box-shadow:none}
.fc-suggest-btn.fc-glass{background:rgba(255,255,255,.15)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25)!important;color:#fff;box-shadow:0 8px 32px rgba(0,0,0,.1)}
.fc-suggest-btn.fc-glass:hover{background:rgba(255,255,255,.28)!important}
.fc-suggest-icon{display:flex;align-items:center}
.fc-suggest-icon svg{width:20px;height:20px}
.fc-suggest-text{white-space:nowrap}

/* === SUGGEST POPUP === */
.fc-suggest-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;z-index:999998;transition:all var(--fc-duration,300ms) ease}
.fc-suggest-overlay.fc-open{opacity:1;visibility:visible}
.fc-suggest-popup{width:var(--fc-suggest-width,360px);max-width:100%;max-height:65vh;background:var(--fc-bg);border-radius:var(--fc-popup-radius,16px);box-shadow:0 8px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;transform:scale(.92);opacity:0;transition:all calc(var(--fc-duration,300ms) * 1.2) cubic-bezier(.34,1.56,.64,1)}
.fc-suggest-overlay.fc-open .fc-suggest-popup{transform:scale(1);opacity:1}
/* Suggest glass mode */
.fc-suggest-popup.fc-suggest-glass{background:rgba(255,255,255,calc(var(--fc-suggest-glass-opacity,75) / 100))!important;backdrop-filter:blur(var(--fc-suggest-glass-blur,20px));-webkit-backdrop-filter:blur(var(--fc-suggest-glass-blur,20px));border:1px solid rgba(255,255,255,.3)}
.fc-suggest-popup.fc-suggest-glass .fc-suggest-body{background:rgba(248,249,250,.4)}
.fc-suggest-popup.fc-suggest-glass .fc-suggest-item{background:rgba(255,255,255,.6);backdrop-filter:blur(6px)}
.fc-suggest-popup.fc-suggest-glass .fc-suggest-item-name,.fc-suggest-popup.fc-suggest-glass .fc-suggest-item-price,.fc-suggest-popup.fc-suggest-glass .fc-suggest-question{color:var(--fc-suggest-glass-text,var(--fc-text))}
.fc-suggest-popup.fc-suggest-glass .fc-suggest-item-desc,.fc-suggest-popup.fc-suggest-glass .fc-suggest-incart{color:var(--fc-suggest-glass-text,var(--fc-text-light))}
.fc-suggest-popup.fc-suggest-glass .fc-suggest-add-btn{color:var(--fc-suggest-glass-btn-text,#fff)}
.fc-suggest-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--fc-popup-header-bg,var(--fc-primary));color:var(--fc-popup-header-text,#fff);flex-shrink:0}
.fc-suggest-header h3{margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}
.fc-suggest-question{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--fc-bg-alt);border-bottom:1px solid var(--fc-border);font-size:13px;font-weight:600;color:var(--fc-secondary)}
.fc-suggest-q-icon{display:flex;align-items:center;flex-shrink:0}
.fc-suggest-q-icon svg{width:18px;height:18px;color:var(--fc-secondary)}
.fc-suggest-body{flex:1;overflow-y:auto;padding:10px 14px;min-height:0}
.fc-suggest-body::-webkit-scrollbar{width:4px}
.fc-suggest-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}
.fc-suggest-loading{display:flex;align-items:center;justify-content:center;padding:30px}
.fc-suggest-loading svg{width:28px;height:28px;color:var(--fc-secondary)}
.fc-suggest-items{display:flex;flex-direction:column;gap:6px}
.fc-suggest-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--fc-bg);border-radius:10px;border:1px solid var(--fc-border);transition:all .2s;animation:fcItemIn .25s ease backwards}
.fc-suggest-item:hover{border-color:var(--fc-secondary)}
.fc-suggest-item-img{width:44px;height:44px;border-radius:8px;background:var(--fc-bg-alt);flex-shrink:0;overflow:hidden}
.fc-suggest-item-img img{width:100%;height:100%;object-fit:cover}
.fc-suggest-item-info{flex:1;min-width:0}
.fc-suggest-item-name{font-weight:600;font-size:13px;color:var(--fc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-suggest-item-desc{font-size:10px;color:var(--fc-text-light);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.fc-suggest-item-price{font-size:11px;color:var(--fc-secondary);font-weight:600;margin-top:2px}
.fc-suggest-incart{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--fc-success);font-weight:600;margin-top:2px}
.fc-suggest-incart svg{width:12px;height:12px}
.fc-suggest-item-action{flex-shrink:0}
.fc-suggest-add-btn{padding:6px 12px;border-radius:8px;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;border:none;background:var(--fc-popup-btn-bg,var(--fc-primary));color:var(--fc-popup-btn-text,#fff);transition:all .2s;white-space:nowrap}
.fc-suggest-add-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.fc-suggest-add-btn.fc-added{background:var(--fc-success)}
.fc-suggest-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}