/* EcoBen FBT v2.2 — WoodMart compatible */

.efbt{margin:16px 0 10px;padding:14px 12px;background:#fff;border:1.5px solid #e2e2e2;border-radius:12px;font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-sizing:border-box;clear:both}
.efbt *,.efbt *::before,.efbt *::after{box-sizing:border-box}

.efbt__hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:6px}
.efbt__title{font-size:14px;font-weight:600;color:#1f2937;line-height:1.3;font-family:'Outfit',sans-serif}
.efbt__proof{font-size:10px;color:#6b7280;white-space:nowrap;flex-shrink:0}

.efbt__products{display:flex;align-items:center;gap:4px;margin-bottom:12px}
.efbt__plus{font-size:14px;font-weight:600;color:#d1d5db;flex-shrink:0;line-height:1}

.efbt__item{flex:1;min-width:0;background:#f9fafb;border-radius:8px;padding:8px 4px 6px;text-align:center;position:relative;border:2px solid var(--efbt-c,#1B7A3D);transition:border-color .15s,opacity .15s}
.efbt__item--opt{cursor:pointer;-webkit-tap-highlight-color:transparent}
.efbt__item--opt:not(.efbt__item--on){border-color:#e5e7eb;opacity:.5}

.efbt__item img{width:44px;height:44px;object-fit:contain;border-radius:6px;margin:0 auto 4px;display:block;background:#fff}
.efbt__name{display:-webkit-box;font-size:10px;font-weight:500;color:#374151;line-height:1.25;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.5em;font-family:'Poppins',sans-serif}
.efbt__price{display:block;font-size:11px;color:#1B7A3D;margin-top:3px;font-weight:600;font-family:'Outfit',sans-serif}

.efbt__tag{position:absolute;top:-7px;left:50%;transform:translateX(-50%);background:var(--efbt-c,#1B7A3D);color:#fff;font-size:8px;font-weight:600;padding:1px 8px;border-radius:10px;white-space:nowrap;letter-spacing:.2px;font-family:'Outfit',sans-serif}

.efbt__chk{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:4px;background:var(--efbt-c,#1B7A3D);display:flex;align-items:center;justify-content:center;transition:background .15s}
.efbt__item--opt:not(.efbt__item--on) .efbt__chk{background:#d1d5db}
.efbt__item--opt:not(.efbt__item--on) .efbt__chk svg{display:none}

.efbt__pricing{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 12px;margin-bottom:10px}
.efbt__row{display:flex;justify-content:space-between;align-items:center}
.efbt__row--old{margin-bottom:3px;font-size:11px;color:#6b7280}
.efbt__strike{text-decoration:line-through;font-size:11px;color:#9ca3af}
.efbt__row--new{font-size:13px;font-weight:600;color:#1f2937;font-family:'Outfit',sans-serif}
.efbt__total-wrap{display:flex;align-items:center;gap:6px}
.efbt__badge{background:#1B7A3D;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap;font-family:'Outfit',sans-serif}
.efbt__total{font-size:16px;font-weight:700;color:#1B7A3D;font-family:'Outfit',sans-serif}
.efbt__save{margin:6px 0 0;font-size:10px;color:#15803a;text-align:center;font-weight:500}

/* CTA — outlined green, WoodMart override safe */
.efbt .efbt__btn,
.efbt button.efbt__btn,
button.efbt__btn,
.single-product .efbt__btn{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;padding:12px!important;
    background:#fff!important;color:#1B7A3D!important;
    border:2px solid #1B7A3D!important;border-radius:8px!important;
    font-size:13px!important;font-weight:700!important;
    cursor:pointer!important;transition:all .15s!important;
    letter-spacing:.5px!important;text-transform:uppercase!important;
    -webkit-tap-highlight-color:transparent!important;
    gap:8px!important;font-family:'Outfit',sans-serif!important;
    line-height:1.2!important;margin:0!important;
    box-shadow:none!important;text-decoration:none!important;
}
.efbt .efbt__btn:hover,
.efbt button.efbt__btn:hover,
button.efbt__btn:hover{background:#1B7A3D!important;color:#fff!important}
.efbt .efbt__btn:active{transform:scale(.98)}
.efbt .efbt__btn--load{pointer-events:none!important;opacity:.7!important}
.efbt .efbt__btn--ok{background:#15803a!important;color:#fff!important;border-color:#15803a!important}
.efbt__btn-spin{width:14px;height:14px;border:2px solid rgba(27,122,61,.3);border-top-color:#1B7A3D;border-radius:50%;animation:efbt-sp .6s linear infinite}
.efbt .efbt__btn--load .efbt__btn-spin{border-color:rgba(255,255,255,.3)!important;border-top-color:#fff!important}
@keyframes efbt-sp{to{transform:rotate(360deg)}}

.efbt__ship{margin:8px 0 0;font-size:10px;color:#6b7280;text-align:center;line-height:1.3}

/* ═══ Desktop ═══ */
@media(min-width:768px){
.efbt{margin:20px 0 14px;padding:20px 24px}
.efbt__hdr{margin-bottom:16px;gap:8px}
.efbt__title{font-size:18px}
.efbt__proof{font-size:12px}
.efbt__products{gap:12px;margin-bottom:18px}
.efbt__plus{font-size:20px}
.efbt__item{padding:16px 10px 12px;border-radius:10px}
.efbt__item img{width:68px;height:68px;margin-bottom:10px}
.efbt__name{font-size:13px}
.efbt__price{font-size:13px}
.efbt__tag{font-size:10px;top:-9px;padding:2px 12px}
.efbt__chk{width:22px;height:22px;border-radius:6px;top:8px;right:8px}
.efbt__chk svg{width:12px;height:12px}
.efbt__pricing{padding:14px 20px;border-radius:10px}
.efbt__row--old{font-size:13px}
.efbt__row--new{font-size:15px}
.efbt__total{font-size:20px}
.efbt__badge{font-size:11px;padding:3px 10px}
.efbt__save{font-size:12px}
.efbt .efbt__btn{padding:15px!important;font-size:15px!important;border-radius:10px!important}
.efbt__ship{font-size:12px}
}