/* Featured Bikes -- carousel module (white/green theme, v5 - white bg + tag badge) */
.fb-section{background:#fff;border:1px solid #e2e8e4;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:28px 30px;margin-bottom:20px;font-family:'Outfit',-apple-system,'Segoe UI',Roboto,sans-serif;color:#1f2a24;box-sizing:border-box}
.fb-section *{box-sizing:border-box}
.fb-title{font-size:26px;font-weight:700;margin:0 0 16px;color:#1f2a24}

.fb-tabs{display:flex;gap:30px;border-bottom:1px solid #eef3f0;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}
.fb-tabs::-webkit-scrollbar{display:none}
.fb-tab{padding:6px 0 12px;font-weight:700;color:#6b7770;text-transform:uppercase;border-bottom:3px solid transparent;cursor:pointer;transition:.25s;font-size:14px;white-space:nowrap;letter-spacing:.5px}
.fb-tab.active{color:#178045;border-bottom-color:#1f9d55}
.fb-tab:hover{color:#1f9d55}

.fb-panel{display:none}
.fb-panel.active{display:block}

/* flex carousel: arrows on the sides, scrolling track in the middle */
.fb-carousel{display:flex;align-items:center;gap:10px}
.fb-track{flex:1 1 auto;min-width:0;display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px 2px}
.fb-track::-webkit-scrollbar{display:none}

.fb-card{flex:0 0 calc((100% - 60px) / 4);scroll-snap-align:start;border:1px solid #e7eae8;border-radius:14px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.fb-card:hover{box-shadow:0 10px 26px rgba(0,0,0,.08);transform:translateY(-4px);border-color:#cfe9da}
.fb-card-img{height:200px;display:flex;align-items:center;justify-content:center;background:#fff;padding:18px;text-decoration:none;position:relative}
.fb-card-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.fb-card-noimg{font-size:48px}

/* Tag badge - top left corner */
.fb-card-tag{position:absolute;top:10px;left:10px;background:rgba(31,157,85,.92);color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;z-index:2}

.fb-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px}
.fb-card-name{font-size:16px;font-weight:700;color:#1f2a24;text-decoration:none;line-height:1.35;min-height:43px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fb-card-name:hover{color:#1f9d55}
.fb-card-price{color:#178045;font-weight:800;font-size:18px}
.fb-card-btn{display:inline-block;text-align:center;padding:9px 18px;border:1.5px solid #1f9d55;color:#1f9d55!important;border-radius:8px;font-weight:700;font-size:13px;text-decoration:none;transition:.25s;align-self:flex-start}
.fb-card-btn:hover{background:#1f9d55;color:#fff!important}

.fb-arrow{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:1px solid #e2e8e4;background:#fff;color:#1f2a24;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;transition:.2s;padding:0}
.fb-arrow:hover{background:#1f9d55;color:#fff;border-color:#1f9d55}

.fb-footer{text-align:center;border-top:1px solid #eef3f0;padding-top:20px;margin-top:18px}
.fb-view-all{color:#178045;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:15px;transition:.25s}
.fb-view-all:hover{color:#1f9d55;gap:12px}

.fb-empty{text-align:center;padding:40px;color:#999;width:100%}

@media (min-width:769px) and (max-width:1024px){
    .fb-card{flex:0 0 calc((100% - 20px) / 2)}
}

@media (max-width:768px){
    /* full-bleed: remove left/right gap on mobile */
    .fb-section{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-left:none;border-right:none;border-radius:0;padding:18px 14px}
    .fb-title{font-size:21px}
    .fb-tabs{gap:20px}
    .fb-carousel{gap:6px}
    .fb-card{flex:0 0 82%}
    .fb-card-img{height:185px}
    .fb-card-tag{font-size:10px;padding:3px 8px}
    .fb-arrow,
    .fb-section .fb-arrow,
    .fb-carousel .fb-arrow,
    button.fb-arrow.fb-prev,
    button.fb-arrow.fb-next{display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
}