.ssf-card{border:1px solid #e5e5e5;border-radius:18px;padding:28px;margin:24px 0;width:100%;max-width:none;box-sizing:border-box;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.ssf-landing-header{text-align:center;margin-bottom:24px}
.ssf-campaign-title{font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;margin:0 0 22px;font-weight:900;color:#141414}
.ssf-image{width:auto;max-width:500px;max-height:500px;height:auto;object-fit:contain;border-radius:16px;margin:0 0 22px 0;display:block}
.ssf-landing-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:28px;align-items:start}
.ssf-landing-main,.ssf-donation-panel{min-width:0}
.ssf-donation-panel{border:1px solid #eee;border-radius:18px;padding:22px;background:#fafafa;position:sticky;top:24px}
.ssf-story h2,.ssf-impact-box h2,.ssf-share-toolkit h2,.ssf-impact-update h2{font-size:1.4rem;margin:0 0 10px;font-weight:850}
.ssf-creator-instagram{font-size:1rem;color:#333;margin:0 0 18px}
.ssf-impact-box,.ssf-secure-note{background:#f7f7f7;border-left:5px solid #222;border-radius:12px;padding:16px;margin:20px 0}
.ssf-secure-note{font-size:.95rem;margin-top:20px}
.ssf-meta{font-size:.95rem;color:#444}
.ssf-progress-wrap{height:30px;background:#eee;border-radius:999px;overflow:hidden;margin:0 0 12px}
.ssf-progress-bar{height:100%;background:#222;border-radius:999px;transition:width .3s ease}
.ssf-raised{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.12;margin:12px 0 18px;font-weight:900;color:#111}
.ssf-buttons{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}
.ssf-donate-form{display:inline-block;margin:0}
.ssf-button,.ssf-copy{border:0;border-radius:999px;background:#111;color:#fff;padding:13px 20px;cursor:pointer;font-weight:800;text-decoration:none;display:inline-block;line-height:1.1}
.ssf-button:hover,.ssf-copy:hover{opacity:.86;color:#fff}
.ssf-amount-buttons .ssf-button{font-size:1.4rem;padding:18px 28px;min-width:112px;text-align:center}
.ssf-create-form input[type="text"],.ssf-create-form input[type="email"],.ssf-create-form input[type="number"],.ssf-create-form textarea,.ssf-create-form select{width:100%;max-width:640px;padding:10px;border:1px solid #ccc;border-radius:8px}
.ssf-notice{border-left:4px solid #222;background:#f7f7f7;padding:14px 16px;margin:18px 0;border-radius:8px}
.ssf-small{font-size:.9rem;color:#555}
.ssf-share-toolkit{border-top:1px solid #eee;margin-top:30px;padding-top:24px;text-align:center}
.ssf-share-toolkit p{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.ssf-share-copy{width:100%;min-height:90px;border:1px solid #ccc;border-radius:8px;padding:10px;max-width:760px}
.ssf-qr{max-width:180px;height:auto;margin-top:12px;border:1px solid #eee;padding:8px;border-radius:8px;background:#fff}
.ssf-impact-update{border-top:1px solid #eee;margin-top:22px;padding-top:18px}
.ssf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:24px 0}
.ssf-grid-card{border:1px solid #e5e5e5;border-radius:14px;padding:18px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.ssf-grid-image{width:100%;height:auto;border-radius:10px}
.ssf-option{display:block;font-size:.95rem;margin:12px 0;color:#333}.ssf-message-input{width:100%;max-width:100%;padding:12px;border:1px solid #ccc;border-radius:10px}.ssf-message-textarea{min-height:150px;display:block}.ssf-custom-donation{border:1px dashed #ddd;border-radius:12px;padding:16px;margin:16px 0}.ssf-custom-amount-row{margin:18px 0 10px;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.ssf-custom-amount-row input[type="number"]{padding:12px;border:1px solid #ccc;border-radius:10px;min-width:220px}.ssf-donor-wall{border-top:1px solid #eee;margin-top:22px;padding-top:18px}.ssf-donor-wall li{margin-bottom:10px}.ssf-stretch{background:#f7f7f7;border-left:4px solid #222;border-radius:8px;padding:12px 16px;margin:16px 0}.ssf-widget{border:1px solid #e5e5e5;border-radius:12px;padding:16px;background:#fff;max-width:360px}.ssf-hp{position:absolute;left:-9999px;height:1px;width:1px;overflow:hidden}
.ssf-deadline{font-weight:700;margin:12px 0 4px}.ssf-countdown{display:inline-block;padding:8px 12px;border-radius:6px;background:#fff;margin:6px 0 12px;font-weight:700;border:1px solid #eee}
.ssf-campaign-donation-form{margin:18px 0}.ssf-brand-second-shot a{color:inherit}
@media (max-width: 820px){.ssf-card{padding:20px}.ssf-landing-grid{display:block}.ssf-donation-panel{position:static;margin-top:24px}.ssf-buttons{justify-content:center}.ssf-amount-buttons .ssf-button{flex:1 1 28%;min-width:90px}.ssf-custom-amount-row{display:block}.ssf-custom-amount-row input[type="number"]{width:100%;min-width:0}.ssf-custom-amount-row .ssf-button{margin-top:10px;width:100%}.ssf-share-toolkit p{display:block}.ssf-share-toolkit .ssf-button,.ssf-share-toolkit .ssf-copy{margin:5px}}

/* Hide duplicate theme featured image on individual Friend-Raiser pages. */
.single-ssf_fundraiser .post-thumbnail,.single-ssf_fundraiser .entry-thumbnail,.single-ssf_fundraiser .featured-image,.single-ssf_fundraiser .wp-post-image:not(.ssf-image){display:none!important;}
.single-ssf_fundraiser .entry-content{max-width:none!important;width:100%!important;}
@media (min-width: 821px){.single-ssf_fundraiser .site-main,.single-ssf_fundraiser .content-area,.single-ssf_fundraiser article{max-width:none!important;width:100%!important;}.ssf-landing-grid{grid-template-columns:minmax(0,1fr) minmax(360px,480px);}.ssf-donation-panel{justify-self:stretch;}}


/* v2.6.6 - Donation amount button cleanup */
.ssfr-donation-amounts,
.ssfr-amount-buttons,
.second-shot-friend-raiser .ssfr-donation-amounts,
.second-shot-friend-raiser .ssfr-amount-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.ssfr-donation-amounts button,
.ssfr-amount-buttons button,
.second-shot-friend-raiser .ssfr-donation-amounts button,
.second-shot-friend-raiser .ssfr-amount-buttons button,
button.ssfr-amount-button,
.ssfr-amount-button {
    width: 100% !important;
    max-width: 100% !important;
    background: #16a34a !important;
    color: #ffffff !important;
    border-color: #16a34a !important;
    font-weight: 700;
    text-align: center;
}

.ssfr-donation-amounts button:hover,
.ssfr-amount-buttons button:hover,
button.ssfr-amount-button:hover,
.ssfr-amount-button:hover {
    background: #15803d !important;
    color: #ffffff !important;
    border-color: #15803d !important;
}


/* v2.6.6 - Landing page polish */
.single-ssfr_friend_raiser .post-thumbnail,
.single-ssfr_friend_raiser .wp-post-image,
.single-friend_raiser .post-thumbnail,
.single-friend_raiser .wp-post-image,
.single-second_shot_friend_raiser .post-thumbnail,
.single-second_shot_friend_raiser .wp-post-image,
body[class*="friend-raiser"] .entry-header .post-thumbnail,
body[class*="friend-raiser"] .entry-header .wp-post-image {
    display: none !important;
}

.ssfr-landing-layout,
.ssfr-campaign-layout,
.second-shot-friend-raiser .ssfr-landing-layout,
.second-shot-friend-raiser .ssfr-campaign-layout {
    width: 100% !important;
    max-width: none !important;
}

.ssfr-left-column,
.ssfr-campaign-left,
.ssfr-media-column {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.ssfr-campaign-image,
.ssfr-friend-raiser-image,
.second-shot-friend-raiser img.ssfr-campaign-image,
.second-shot-friend-raiser img.ssfr-friend-raiser-image {
    width: 100% !important;
    max-width: 500px !important;
    height: 500px !important;
    max-height: 500px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ssfr-donation-amounts,
.ssfr-amount-buttons,
.second-shot-friend-raiser .ssfr-donation-amounts,
.second-shot-friend-raiser .ssfr-amount-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
}

.ssfr-donation-amounts button,
.ssfr-amount-buttons button,
.second-shot-friend-raiser .ssfr-donation-amounts button,
.second-shot-friend-raiser .ssfr-amount-buttons button,
button.ssfr-amount-button,
.ssfr-amount-button {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    background: #355E3B !important;
    color: #ffffff !important;
    border-color: #355E3B !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.ssfr-donation-amounts button:hover,
.ssfr-amount-buttons button:hover,
button.ssfr-amount-button:hover,
.ssfr-amount-button:hover {
    background: #2b4d31 !important;
    color: #ffffff !important;
    border-color: #2b4d31 !important;
}
