.fcsbb-wrap{
margin:32px 0;
padding:28px;
border:1px solid #e5e5e5;
border-radius:16px;
background:#fafafa;
}
.fcsbb-header{margin-bottom:18px;}
.fcsbb-title{margin:0 0 6px;font-size:28px;line-height:1.2;}
.fcsbb-subtitle{margin:0;color:#666;}
.fcsbb-grid{
display:grid;
grid-template-columns:220px 40px 1fr 220px;
gap:16px;
align-items:stretch;
}
.fcsbb-main-product,.fcsbb-card,.fcsbb-summary{
background:#fff;
border:1px solid #e6e6e6;
border-radius:14px;
padding:18px;
}
.fcsbb-main-product{text-align:center;}
.fcsbb-main-label{font-size:13px;font-weight:600;color:#666;margin-bottom:10px;}
.fcsbb-main-image img,.fcsbb-card-image img{
display:block;
margin:0 auto 10px;
max-width:100%;
height:auto;
}
.fcsbb-main-name{font-weight:700;line-height:1.35;margin-bottom:8px;}
.fcsbb-main-price{font-size:22px;font-weight:700;}
.fcsbb-plus{
display:flex;
align-items:center;
justify-content:center;
font-size:36px;
font-weight:700;
color:#777;
}
.fcsbb-items{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(145px, 1fr));
gap:14px;
}
.fcsbb-card{
position:relative;
cursor:pointer;
padding-top:38px;
transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.fcsbb-card:hover{
border-color:#cfcfcf;
transform:translateY(-1px);
}
.fcsbb-card.is-in-cart{opacity:.72;}
.fcsbb-card.is-out-of-stock{
opacity:.55;
cursor:not-allowed;
}
.fcsbb-checkbox{
position:absolute;
top:12px;
left:12px;
width:18px;
height:18px;
margin:0;
}
.fcsbb-badge{
position:absolute;
top:12px;
right:12px;
font-size:12px;
line-height:1;
padding:6px 8px;
border-radius:999px;
background:#eef5ef;
color:#2f6b3b;
font-weight:600;
}
.fcsbb-badge.is-out-of-stock{
background:#f3f3f3;
color:#666;
}
.fcsbb-card-title{
display:block;
font-weight:700;
line-height:1.4;
margin-bottom:8px;
}
.fcsbb-card-price{
display:block;
font-size:20px;
font-weight:700;
}
.fcsbb-summary{
display:flex;
flex-direction:column;
justify-content:center;
}
.fcsbb-total-label{
font-size:14px;
color:#666;
margin-bottom:6px;
}
.fcsbb-price-stack{
display:flex;
flex-direction:column;
gap:6px;
margin-bottom:16px;
}
.fcsbb-total-before{
font-size:18px;
color:#777;
text-decoration:line-through;
}
.fcsbb-total-discount{
display:none;
font-size:14px;
font-weight:600;
color:#2f6b3b;
gap:8px;
align-items:center;
}
.fcsbb-total-discount.is-visible{display:flex;}
.fcsbb-total-price{
font-size:34px;
font-weight:700;
line-height:1.1;
word-break:normal;
}
.fcsbb-button{width:100%;text-align:center;}
.fcsbb-feedback{
margin-top:12px;
font-size:14px;
line-height:1.5;
}
.fcsbb-feedback-success{font-weight:600;}
.fcsbb-locked-qty{
display:inline-flex;
min-width:38px;
justify-content:center;
padding:6px 10px;
border:1px solid #ddd;
border-radius:6px;
background:#f7f7f7;
}
@media (max-width: 1100px){
.fcsbb-grid{grid-template-columns:1fr;}
.fcsbb-plus{display:none;}
}
.fcsbb-test-badge{
display:inline-block;
margin-bottom:10px;
padding:6px 10px;
border-radius:999px;
background:#fff3cd;
color:#7a5d00;
font-size:12px;
font-weight:700;
}
.fcsbb-flycart-message{
margin:0 0 10px 0;
padding:10px 12px;
border-radius:8px;
background:#f7f7f7;
color:#555;
font-size:12px;
line-height:1.4;
}
.fcsbb-offer-copy{
margin:6px 0 0;
color:#666;
font-size:15px;
line-height:1.5;
}