#fnc-complements { position: relative; margin: 16px 0; }
#fnc-complements .fnc-track { display: flex; gap: 12px; transition: transform .25s ease; }
#fnc-complements .fnc-card { width: 30%; min-width: 200px; border: 2px solid #eee; border-radius: 12px; overflow: hidden; cursor: pointer; user-select: none; background:#fff; }
#fnc-complements .fnc-card.is-selected { border-color: #1ea366; box-shadow: 0 0 0 2px rgba(30,163,102,.15) inset; }
#fnc-complements .fnc-img { display:block; aspect-ratio: 4/3; background:#f8f8f8; }
#fnc-complements .fnc-img img { width:100%; height:100%; object-fit:cover; display:block; }
#fnc-complements .fnc-placeholder { width:100%; height:100%; background: repeating-linear-gradient(45deg,#f2f2f2,#f2f2f2 10px,#e8e8e8 10px,#e8e8e8 20px); }
#fnc-complements .fnc-body { padding:10px; }
#fnc-complements .fnc-name { font-weight:600; margin-bottom:4px; }
#fnc-complements .fnc-price .discount-flag { margin-left:6px; font-size:12px; background:#e53935; color:#fff; padding:2px 6px; border-radius:8px; }
#fnc-complements .fnc-prev, #fnc-complements .fnc-next { position:absolute; top:40%; transform:translateY(-50%); border:none; background:#fff; border-radius:999px; width:36px; height:36px; box-shadow:0 1px 3px rgba(0,0,0,.15); }
#fnc-complements .fnc-prev { left:-6px; } 
#fnc-complements .fnc-next { right:-6px; }
.fnc-total { margin-top:10px; font-size:16px; }
.fnc-total strong { font-size:18px; }