#landing-product-select.ffwc-selector{--ffwc-gap:18px;box-sizing:border-box;width:100%;margin:0 auto;font-family:inherit}
.ffwc-headline{box-sizing:border-box;width:100%;font-size:clamp(30px,3.5vw,44px);line-height:1.22;font-weight:900;letter-spacing:.1px;text-align:center;margin:0 0 18px;padding:15px 22px 12px;color:var(--ffwc-headline-color,#ec060f);position:relative;text-wrap:balance;text-shadow:0 2px 12px rgba(0,0,0,.08);isolation:isolate;overflow:visible}.ffwc-headline:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(94%,620px);height:78%;transform:translate(-50%,-50%);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(246,250,248,.95));border:2px solid rgba(22,138,72,.16);box-shadow:0 12px 34px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.55)}.ffwc-headline:after{content:"";display:block;width:70%;height:5px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,#168a48 0%,#d7a928 50%,#168a48 100%);box-shadow:0 2px 10px rgba(22,138,72,.25);opacity:1}.ffwc-headline{background:linear-gradient(90deg,rgba(22,138,72,.05),rgba(215,169,40,.10),rgba(22,138,72,.05));border-radius:20px;box-shadow:0 6px 24px rgba(22,138,72,.08)}.ffwc-headline::marker{display:none}
.ffwc-price{display:flex;gap:14px;align-items:baseline;justify-content:center;margin:0 0 6px;line-height:1.15;font-weight:700;white-space:nowrap}.ffwc-price .ffwc-regular-price{color:#c62828;font-size:clamp(17px,2vw,21px);font-weight:800;position:relative;display:inline-block;text-decoration-line:line-through;text-decoration-thickness:3px;text-decoration-color:#c62828;text-decoration-skip-ink:none}.ffwc-price .ffwc-regular-price.ffwc-has-offer{text-decoration-line:line-through}.ffwc-price .ffwc-current-price{text-decoration:none;color:#168a48;font-size:clamp(20px,2.3vw,25px);font-weight:800}
.ffwc-grid{display:grid;grid-auto-flow:row;grid-template-columns:repeat(var(--ffwc-current-columns,var(--ffwc-desktop,3)),minmax(0,1fr));column-gap:var(--ffwc-horizontal-gap,var(--ffwc-gap,12px));row-gap:var(--ffwc-vertical-gap,var(--ffwc-gap,12px));align-items:start;width:100%;min-width:0}
.ffwc-card{position:relative;min-width:0;width:100%;box-sizing:border-box;;background:#fff;border:1px solid #e8e8e8;border-radius:14px;overflow:hidden;box-shadow:0 5px 22px rgba(0,0,0,.06);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ffwc-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.1)}
.ffwc-card.ffwc-selected{border-color:#168a48;box-shadow:0 0 0 2px #168a48,0 12px 30px rgba(0,0,0,.1)}
.ffwc-image{position:relative;aspect-ratio:1/1;background:#f7f7f7;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ffwc-image img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.ffwc-badge{position:absolute;top:10px;right:10px;background:#168a48;color:#fff;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;z-index:2}
.ffwc-check{position:absolute;top:10px;left:10px;width:30px;height:30px;border-radius:50%;background:#168a48;color:#fff;display:none;align-items:center;justify-content:center;font-weight:800;z-index:2}
.ffwc-card.ffwc-selected .ffwc-check{display:flex}
.ffwc-content{box-sizing:border-box;padding:6px;text-align:center;min-width:0}
.ffwc-price{display:flex;gap:5px;align-items:center;justify-content:center;margin:0 0 4px;line-height:1.2;font-weight:700}
.ffwc-price .ffwc-regular-price{color:#c62828;font-size:16px;font-weight:700}.ffwc-price .ffwc-regular-price.ffwc-has-offer{text-decoration:line-through}.ffwc-price .ffwc-current-price{text-decoration:none;color:#168a48;font-size:20px;font-weight:700}
.ffwc-title{font-size:17px;line-height:1.25;margin:0 0 4px;color:#202020}
.ffwc-select-button,.ffwc-select-button{background:#f0f6f2;color:#168a48;width:100%}
.ffwc-selected .ffwc-select-button{background:#168a48;color:#fff}
.ffwc-message{margin-top:12px;text-align:center;color:#b42318;font-weight:600;min-height:20px}
.ffwc-selected-summary{text-align:center;margin-top:8px;font-size:14px}
.ffwc-layout-list .ffwc-grid,.ffwc-layout-horizontal .ffwc-grid{grid-template-columns:1fr}
.ffwc-layout-list .ffwc-card,.ffwc-layout-horizontal .ffwc-card{display:flex}
.ffwc-layout-list .ffwc-image,.ffwc-layout-horizontal .ffwc-image{width:180px;min-width:180px;aspect-ratio:1}
.ffwc-layout-carousel .ffwc-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.ffwc-layout-carousel .ffwc-card{min-width:calc((100% - (var(--ffwc-gap) * (var(--ffwc-desktop) - 1))) / var(--ffwc-desktop));scroll-snap-align:start}
.ffwc-animate .ffwc-card{animation:ffwcFade .35s ease both}
@keyframes ffwcFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ffwc-empty{padding:20px;border:1px dashed #ccc;border-radius:10px;text-align:center}
@media(max-width:1024px){.ffwc-grid{grid-template-columns:repeat(var(--ffwc-current-columns,var(--ffwc-tablet,2)),minmax(0,1fr))}.ffwc-layout-carousel .ffwc-card{min-width:calc((100% - (var(--ffwc-gap) * (var(--ffwc-tablet) - 1))) / var(--ffwc-tablet))}}
@media(max-width:767px){.ffwc-headline{font-size:clamp(22px,6.2vw,28px);line-height:1.3;margin-bottom:12px;padding:12px 14px 10px;letter-spacing:0;text-shadow:0 2px 8px rgba(0,0,0,.07);border-radius:16px}.ffwc-headline:before{width:94%;height:78%;border-radius:16px;box-shadow:0 9px 24px rgba(0,0,0,.09),inset 0 0 0 1px rgba(22,138,72,.12)}.ffwc-headline:after{width:70%;height:3px;margin-top:8px}.ffwc-price{gap:10px;margin-bottom:5px}.ffwc-price .ffwc-regular-price{font-size:17px;text-decoration-thickness:2.5px}.ffwc-price .ffwc-current-price{font-size:20px}.ffwc-grid{grid-template-columns:repeat(var(--ffwc-current-columns,var(--ffwc-mobile,2)),minmax(0,1fr))}.ffwc-layout-carousel .ffwc-card{min-width:calc((100% - (var(--ffwc-gap) * (var(--ffwc-mobile) - 1))) / var(--ffwc-mobile))}.ffwc-layout-list .ffwc-image,.ffwc-layout-horizontal .ffwc-image{width:110px;min-width:110px}.ffwc-content{padding:8px}.ffwc-title{font-size:15px}.ffwc-price .ffwc-current-price{font-size:18px}}

/* v1.0.22 — additive Premium Product Card Order Button styling */
.ffwc-card .ffwc-select-button{
    --ffwc-btn-main:#078a20;
    --ffwc-btn-depth:#056316;
    --ffwc-btn-shadow:rgba(7,138,32,.28);
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:var(--ffwc-card-button-width,100%);
    min-height:52px;
    margin:var(--ffwc-card-button-margin,0);
    padding:var(--ffwc-card-button-padding,8px) 14px;
    box-sizing:border-box;
    border:0;
    border-radius:0;
    background:linear-gradient(180deg,#0a9b25 0%,var(--ffwc-btn-main) 58%,#06761b 100%);
    color:#fff;
    font-family:inherit;
    font-size:28px;
    font-weight:900;
    line-height:1.15;
    letter-spacing:-.2px;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;
    user-select:none;
    text-shadow:0 2px 3px rgba(0,0,0,.18);
    box-shadow:0 5px 0 var(--ffwc-btn-depth),0 8px 18px var(--ffwc-btn-shadow),inset 0 1px 0 rgba(255,255,255,.32);
    transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.ffwc-card .ffwc-select-button::before{
    content:"";
    position:absolute;
    top:-20%;
    left:-130%;
    width:48%;
    height:140%;
    background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,.08) 44%,rgba(255,255,255,.62) 50%,rgba(255,255,255,.08) 56%,transparent 64%,transparent 100%);
    transform:skewX(-22deg);
    animation:ffwcCardButtonShine 3.6s ease-in-out infinite;
    pointer-events:none;
}
.ffwc-card .ffwc-select-button:hover{
    filter:brightness(1.04);
    transform:translateY(-2px);
    box-shadow:0 7px 0 var(--ffwc-btn-depth),0 12px 24px var(--ffwc-btn-shadow),inset 0 1px 0 rgba(255,255,255,.36);
}
.ffwc-card .ffwc-select-button:active{
    transform:translateY(3px);
    box-shadow:0 2px 0 var(--ffwc-btn-depth),0 5px 12px var(--ffwc-btn-shadow),inset 0 1px 0 rgba(255,255,255,.24);
}
.ffwc-card .ffwc-select-button:focus-visible{
    outline:3px solid rgba(7,138,32,.28);
    outline-offset:2px;
}
.ffwc-card.ffwc-selected .ffwc-select-button{
    background:linear-gradient(180deg,#0a9b25 0%,#078a20 58%,#06761b 100%);
    color:#fff;
}
.ffwc-card.ffwc-processing .ffwc-select-button,
.ffwc-card .ffwc-select-button[disabled]{
    cursor:wait;
    opacity:.72;
}
@keyframes ffwcCardButtonShine{
    0%{left:-130%}
    32%{left:150%}
    100%{left:150%}
}
@media(max-width:767px){
    .ffwc-card .ffwc-select-button{min-height:50px;font-size:25px;padding:8px 10px}
}
@media(max-width:480px){
    .ffwc-card .ffwc-select-button{min-height:48px;font-size:23px;padding:7px 8px}
}
@media(max-width:360px){
    .ffwc-card .ffwc-select-button{min-height:45px;font-size:21px;padding:6px 7px}
}
@media(prefers-reduced-motion:reduce){
    .ffwc-card .ffwc-select-button,.ffwc-card .ffwc-select-button::before{animation:none;transition:none}
}