
.ilc-v10-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;content-visibility:auto}
@media(min-width:768px){.ilc-v10-grid{grid-template-columns:repeat(4,1fr)}}
.ilc-card{border:1px solid #e5e5e5;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.ilc-img-wrap{position:relative;height:260px;background:#f8f8f8;cursor:zoom-in;overflow:hidden}
.ilc-img-wrap img{width:100%;height:100%;object-fit:cover}
.ilc-badge{position:absolute;top:8px;left:8px;background:#111;color:#fff;padding:5px 9px;border-radius:12px;font-size:11px;font-weight:800;z-index:2}
.ilc-badge-pct{background:#e60000;color:#fff;padding:7px 12px;border-radius:20px;font-size:14px;font-weight:900;letter-spacing:.5px;box-shadow:0 3px 12px rgba(230,0,0,.5);animation:ilcPulse 1.8s infinite}
@keyframes ilcPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.ilc-info{padding:10px;flex:1}
.ilc-code{font-weight:800;font-size:13px}
.ilc-offer-big{background:#fff000;color:#111;font-size:10px;font-weight:800;padding:5px 6px;border-radius:6px;margin:6px 0;display:block;text-align:center}
.ilc-sizes{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ilc-size{border:1.5px solid #ddd;background:#fff;border-radius:8px;padding:7px 12px;font-weight:600;cursor:pointer;min-width:40px}
.ilc-size.active{border-color:#111;background:#111;color:#fff}
.ilc-add{width:100%;background:#111;color:#fff;border:0;padding:11px;font-weight:800;cursor:pointer}
.ilc-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:2px solid #111;display:flex;justify-content:space-between;padding:10px;z-index:9999;transform:translateY(100%);transition:.3s}
.ilc-bar.show{transform:translateY(0)}
.ilc-bar-single{flex-direction:column;gap:6px;padding:10px}
.ilc-bar-single .ilc-bar-left{width:100%}
.ilc-bar-single .ilc-bar-right{width:100%}
.ilc-open-full{width:100%;background:#111;color:#fff;border:0;padding:14px 16px;border-radius:12px;font-weight:900;font-size:15px;text-transform:uppercase}
#ilc-tot2{color:#ff0}
.ilc-tiers{font-size:10px}.ilc-tiers .pop{background:#ff0;padding:3px 6px;border-radius:6px;font-weight:900}
.ilc-cur{font-weight:800;font-size:14px;margin-top:2px}
.ilc-bar-right{display:flex;gap:6px;flex:1}
.ilc-continue{background:#fff;border:1.5px solid #111;padding:8px 12px;border-radius:8px;font-weight:700;cursor:pointer}
.ilc-continue.full{width:100%;margin-top:8px}
.ilc-open{background:#111;color:#fff;border:0;padding:8px 14px;border-radius:8px;font-weight:900;cursor:pointer}
.ilc-drawer{position:fixed;inset:0;z-index:10000;display:none}.ilc-drawer.open{display:block}
.ilc-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.ilc-drawer-c{position:absolute;right:0;top:0;bottom:0;width:100%;max-width:380px;background:#fff;padding:14px;overflow:auto}
.ilc-d-head{display:flex;justify-content:space-between}
.ilc-close{background:none;border:0;font-size:26px;cursor:pointer}
.ilc-order{width:100%;background:#111;color:#fff;border:0;padding:14px;border-radius:10px;font-weight:900;margin-top:8px;cursor:pointer}
.ilc-form input{width:100%;padding:11px;border:1.5px solid #ddd;border-radius:8px;margin:5px 0;box-sizing:border-box}
.ilc-upsell{background:#fffbe6;border:1px dashed #111;padding:8px;border-radius:8px;margin:8px 0;font-size:12px}
.ilc-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:8px 14px;border-radius:20px;font-size:12px;z-index:10001;display:none}
.ilc-toast.show{display:block}
.ilc-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:20000;display:none;justify-content:center;align-items:center;flex-direction:column}
.ilc-lightbox.open{display:flex}
.ilc-lightbox img{max-width:90%;max-height:80%;object-fit:contain}
.ilc-lb-close{position:absolute;top:15px;right:20px;color:#fff;font-size:40px;cursor:pointer}
.ilc-lb-thumbs{display:flex;gap:6px;margin-top:10px}
.ilc-lb-thumbs img{width:60px;height:60px;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid transparent}
.ilc-lb-thumbs img.active{border-color:#fff}
#ilc-sum{margin:8px 0;padding:8px;background:#f6f6f6;border-radius:8px;font-size:13px}

/* SUCCESS POPUP NEW */
.ilc-success-popup{position:fixed;inset:0;z-index:30000;display:none;justify-content:center;align-items:center}
.ilc-success-popup.open{display:flex}
.ilc-success-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}
.ilc-success-box{position:relative;background:#fff;border-radius:24px;padding:32px 24px 24px;text-align:center;max-width:380px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:ilcSuccessPop .4s cubic-bezier(.34,1.56,.64,1)}
@keyframes ilcSuccessPop{0%{transform:scale(.7) translateY(20px);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}
.ilc-success-icon{width:70px;height:70px;background:#00c851;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900;margin:0 auto 16px;box-shadow:0 6px 20px rgba(0,200,81,.4)}
.ilc-success-box h2{font-size:22px;font-weight:900;margin:0 0 10px;color:#111;line-height:1.2}
.ilc-success-sub{font-size:15px;color:#444;margin:0 0 8px}
.ilc-success-thanks{font-size:15px;color:#111;margin:12px 0 0;background:#fffbe6;padding:10px 12px;border-radius:10px;font-weight:600}
.ilc-success-order-id{margin-top:14px;font-size:12px;color:#666}
.ilc-success-close{width:100%;background:#111;color:#fff;border:0;padding:14px;border-radius:12px;font-weight:900;font-size:15px;margin-top:18px;cursor:pointer;transition:.2s}
.ilc-success-close:active{transform:scale(.97)}

/* EXTRA META - Transporti + Blerje sot */
.ilc-extra-meta{margin-top:8px;display:flex;flex-direction:column;gap:4px}
.ilc-free-ship{background:#e8f5e9;color:#2e7d32;font-size:11px;font-weight:800;padding:5px 8px;border-radius:6px;text-align:center;border:1px dashed #2e7d32}
.ilc-bought{background:#fff3e0;color:#e65100;font-size:11px;font-weight:600;padding:5px 8px;border-radius:6px;text-align:center}
.ilc-bought b{font-weight:900;color:#bf360c}
