@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;500;600;700&display=swap');

:root {
    --main-color: #ef3f48;
    --font-heading: Inter;
    --font-body: Arimo;
}

.home_section1 {
    margin-top: 50px;
}

.home_section2 {
    margin-top: 50px;
}

.home_section3 {
    margin-top: 50px;
    background-color: #FFF5F3;
    padding: 45px 0px 30px 0px;
}

.home_section4 {
    margin-top: 50px;
}

.home_section5 {
    margin-top: 10px;
}

.home_section6 {
    margin-top: 50px;
}

.home_section7 {
    margin-top: 50px;
    margin-bottom: 10px;
}

.options_dark_skin .home_section3 {
    background: #000;
}

.jl_full_feature .jl_post_meta span a:hover {
    color: #fff !important;
}

.tagcloud a:hover,
.tag-cat a:hover .current.pagination_page,
.pagination>a:hover,
.tag-cat a:hover,
.comment-reply-link:hover,
.comment-edit-link:hover,
.email_subscribe_box .buttons:hover,
.jelly_homepage_builder .large_continue_reading span a:hover,
.pop_post_right_slider .headding_pop_post,
.menu_post_feature .builder_cat_title_list_style,
.cfs_from_wrapper .cfs_submit input,
.post_list_widget .recent_list_item_number,
.recent_post_large_widget .recent_list_item_number,
#commentform #submit:hover,
.wpcf7-form-control.wpcf7-submit:hover,
.single_post_tag_layout li a:hover,
.jellywp_pagination ul li span,
.jellywp_pagination ul li a:hover,
.woocommerce .product .onsale,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.pagination-more div a,
.header_layout_style3_custom .header_top_bar_wrapper .search_header_menu .search_header_wrapper,
.header_layout_style3_custom .header_top_bar_wrapper .search_header_menu .menu_mobile_icons,
.magazine_3_grid_slider .jelly_pro_post_arrow_right:hover,
.magazine_3_grid_slider .jelly_pro_post_arrow_left:hover,
.jellywp_home_builder_carousel_post .jelly_pro_post_arrow_left:hover,
.jellywp_home_builder_carousel_post .jelly_pro_post_arrow_right:hover,
.full-slider-main-home .jelly_pro_post_arrow_left:hover,
.full-slider-main-home .jelly_pro_post_arrow_right:hover,
.woocommerce-mini-cart__buttons .button:hover,
.woocommerce-cart .woocommerce-cart-form .actions button.button:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .checkout_coupon button.button:hover,
.woocommerce-page #payment #place_order:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce-cart .return-to-shop a.button:hover,
.woocommerce .woocommerce-orders-table__cell a.button:hover,
.woocommerce-MyAccount-content .woocommerce-Button.button:hover,
.wp-block-button .wp-block-button__link:hover,
.options_layout_wrapper wp-block-file__button:hover,
.options_layout_wrapper .wp-block-file .wp-block-file__button:hover,
.wp-block-search .wp-block-search__button:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.jl_lmore_c:hover,
.jl_count_cart,
#go-top a:hover,
.woocommerce-mini-cart-item a.remove.remove_from_cart_button:hover,
.page_error_404 .link_home404:hover,
.woocommerce-message .button.wc-forward:hover {
    background: var(--main-color) !important;
}

.content_single_page a:hover,
a:hover,
#nextpost:hover,
#prepost:hover,
.blog_large_post_style .large_post_content a:hover,
.loop-large-post .post_content a:hover,
.loop-large-post .post_content a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.post-meta a:hover,
.large_post_share_icons li a:hover,
.post_large_footer_meta .post_tag_footer a:hover,
.post_large_footer_meta .post_comment_footer a:hover,
.post_large_footer_meta .post_love_footer a:hover,
.comment-meta .comment-author-date:hover,
.comment-meta .comment-author-date:hover time,
.post-meta-bot .love_post_view a:hover,
.post-meta-bot .meta-comment a:hover,
.meta_category_text_small a,
.logged-in-as a:hover,
.single-post-meta-wrapper span a:hover,
.header_layout_style5_custom .jl_random_post_link:hover,
.header_layout_style5_custom #mainmenu>li>a:hover,
.home_slider_post_tab_nav .slick-list .item.slick-current h5,
.builder_cat_title_list_style li.current_cat_post,
li.woocommerce-mini-cart-item a:not(.remove):hover {
    color: var(--main-color) !important;
}

.breadcrumbs_options a {
    color: #000 !important;
}

.loop-large-post .post_content a,
.content_single_page a,
.comment-content.comment a {
    color: var(--main-color);
    text-decoration: underline !important;
}

.pop_post_right_slider .slider_pop_post_list_items .featured_thumbnail_link {
    border-left: 7px solid var(--main-color) !important;
}

.blog_large_post_style .large_continue_reading span a:hover {
    color: #fff !important;
}

.large_center_slider_container .large_continue_reading span a:hover {
    color: #000 !important;
    background: #fff !important;
}

.spr-number {
    border: 2px solid var(--main-color) !important;
}

.single_post_tag_layout li a:hover {
    border: 1px solid var(--main-color) !important;
}

.large_continue_reading span a:hover,
.header_layout_style5_custom .header_top_bar_wrapper .search_header_menu>.search_header_wrapper,
.header_layout_style5_custom .header_top_bar_wrapper .search_header_menu .menu_mobile_icons,
.footer_top_small_carousel_5 .jl_footer_car_title:after,
.jl_newsticker_wrapper .builder_ticker_title_home_page {
    background: var(--main-color) !important;
}

.footer_top_small_carousel_5 .slick-dots li.slick-active button {
    background: var(--main-color);
    border: 1px solid var(--main-color);
}

::selection,
.jl_custom_title4 #sidebar .widget .widget-title h2:after,
.jl_footer_wrapper .jl_footer_car_title:after {
    background-color: var(--main-color) !important;
}

.grid-sidebar .box .jl_post_title_top .image-post-title,
.grid-sidebar .blog_large_post_style .post-entry-content .image-post-title,
.grid-sidebar .blog_large_post_style .post-entry-content h1,
.blog_large_post_style .post-entry-content .image-post-title,
.blog_large_post_style .post-entry-content h1,
.blog_large_overlay_post_style.box .post-entry-content .image-post-title a {
    font-size: 30px !important;
}

.grid-sidebar .box .image-post-title,
.show3_post_col_home .grid4_home_post_display .blog_grid_post_style .image-post-title {
    font-size: 22px !important;
}

.sd {
    font-size: 25px !important;
}

.header_top_bar_wrapper .navigation_wrapper #jl_top_menu li a,
.item_slide_caption .post-meta.meta-main-img,
.post-meta.meta-main-img,
.post-meta-bot-in,
.post-meta span,
.single-post-meta-wrapper span,
.comment time,
.post_large_footer_meta,
.blog_large_post_style .large_post_content .jelly_read_more_wrapper a,
.love_post_view_header a,
.header_date_display,
.jl_continue_reading,
.menu_post_feature .builder_cat_title_list_style li,
.builder_cat_title_list_style li,
.main_new_ticker_wrapper .post-date,
.main_new_ticker_wrapper .news_ticker_title_style,
.jl_rating_front .jl_rating_value,
.pop_post_right_slider .headding_pop_post,
.jl_main_right_number .jl_number_list,
.jl_grid_more .jl_slider_readding,
.page_builder_listpost.jelly_homepage_builder .jl_list_more a,
.jl_s_slide_text_wrapper .banner-container .jl_ssider_more,
.jl_large_builder.jelly_homepage_builder .jl_large_more,
.feature-image-link.image_post .jl_small_list_num,
.social-count-plus .count,
.social-count-plus .label,
.jl_instagram .instagram-pics+.clear a,
.single-post-meta-wrapper .jm-post-like {
    font-family: var(--font-heading) !important;
}

#mainmenu>li>a,
#content_nav .menu_moble_slide>li a,
.header_layout_style3_custom .navigation_wrapper>ul>li>a,
.header_magazine_full_screen .navigation_wrapper .jl_main_menu>li>a {
    font-family: var(--font-heading) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    letter-spacing: -0.025em !important;
}

.navigation_wrapper #mainmenu.jl_main_menu>li li>a,
.social-count-plus span,
.jl_social_counter .num-count,
.jl_count_style_2 .jlsocial-element-right {
    font-family: var(--font-heading) !important;
}

.jl_f_cat a,
.jl_post_meta .jl_author_img_w a,
.jl_post_meta,
.jl_post_meta span,
.meta-category-small a,
#commentform #submit,
.wpcf7-form-control.wpcf7-submit,
.comment-reply-link,
.comment-edit-link,
.single_post_share_icons,
.single_post_tag_layout li a,
.jl-load-link,
.jl_m_below_w .text-box .jl_ssider_more,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.single_post_share_icon_post li a,
.single-post-meta-wrapper span,
.wp-block-button .wp-block-button__link,
.wp-block-file__button,
.link_home404,
.jellywp_pagination ul,
blockquote cite {
    font-family: var(--font-heading) !important;
    font-weight: 500 !important;
    letter-spacing: -0.025em !important;
}

.content_single_page p,
.single_section_content .post_content,
.single_section_content .post_content p {
    font-size: 16px;
}

body,
p,
.date_post_large_display,
#search_block_top #search_query_top,
.tagcloud a,
.format-quote a p.quote_source,
.blog_large_post_style .large_post_content .jelly_read_more_wrapper a,
.blog_grid_post_style .jelly_read_more_wrapper a,
.blog_list_post_style .jelly_read_more_wrapper a,
.pagination-more div a,
.meta-category-small-builder a,
.full-slider-wrapper .banner-carousel-item .banner-container .more_btn a,
.single-item-slider .banner-carousel-item .banner-container .more_btn a {
    font-family: var(--font-body) !important;
    font-weight: 400 !important;
}

.single_section_content .post_content blockquote p {
    font-size: 22px !important;
    text-transform: none !important;
    line-height: 1.3;
}

.wp-caption p.wp-caption-text {
    font-size: 14px !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.postnav #prepost,
.postnav #nextpost,
.bbp-forum-title,
.jl_cat_img_w .jl_cm_overlay .jl_cm_name,
li.woocommerce-mini-cart-item a:not(.remove),
.woocommerce-page .product-name a,
.comment-meta .comment-author-name,
.jl_cpost_title,
blockquote p {
    font-weight: 500 !important;
    text-transform: capitalize !important;
    letter-spacing: -0.025em !important;
}

.footer_carousel .meta-comment,
.item_slide_caption h1 a,
.tickerfloat,
.box-1 .inside h3,
.detailholder.medium h3,
.feature-post-list .feature-post-title,
.widget-title h2,
.image-post-title,
.grid.caption_header h3,
ul.tabs li a,
h1,
h2,
h3,
h4,
h5,
h6,
.carousel_title,
.postnav a,
.format-aside a p.aside_title,
.date_post_large_display,
.sf-top-menu li a,
.large_continue_reading span,
.cfs_from_wrapper .cfs_form_title,
.comment-meta .comment-author-name,
.jl_recent_post_number>li .jl_list_bg_num,
.jl_recent_post_number .meta-category-small-text a,
.jl_hsubt,
.jl_cat_img_w .jl_cm_overlay .jl_cm_name,
li.woocommerce-mini-cart-item a:not(.remove),
.woocommerce-page .product-name a,
.jl_cpost_title,
blockquote p {
    font-family: var(--font-heading) !important;
}

.navigation_wrapper #mainmenu.jl_main_menu>li li>a {
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: -0.025em !important;
    text-transform: capitalize !important;
}

.cat-item-2 span {
    background: #4dcf8f !important;
}

.cat-item-3 span {
    background: #eba845 !important;
}

.cat-item-4 span {
    background: #7ebdb4 !important;
}

.cat-item-6 span {
    background: #d63447 !important;
}

.cat-item-5 span {
    background: #91bd3a !important;
}

.cat-item-7 span {
    background: #d66300 !important;
}

.cat-item-8 span {
    background: #62ce5c !important;
}

.cat-item-9 span {
    background: #379e63 !important;
}

/* ==========================================================================
   Newsletter Subscription Section — Clean Modern Design (No Image)
   ========================================================================== */
.sbnc-newsletter-section {
    background: transparent;
    width: 100%;
}

.sbnc-newsletter-container {
    max-width: 1280px;
    margin: 0 auto;
}

/* Main Card */
.sbnc-nl-card {
    position: relative;
    background: linear-gradient(135deg, #fff5f7 0%, #ffe8ee 50%, #fff0f4 100%);
    border: 1px solid #ffd0d8;
    border-radius: 24px;
    padding: 36px 48px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(255, 100, 130, 0.1), 0 2px 12px rgba(0, 0, 0, 0.03);
}

/* Decorative CSS bubbles */
.sbnc-nl-bubble {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.sbnc-nl-b1 {
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(255, 186, 200, 0.35) 0%, transparent 70%);
    top: -60px;
    right: 80px;
}

.sbnc-nl-b2 {
    width: 140px;
    height: 140px;
    background: radial-gradient(circle, rgba(255, 150, 175, 0.22) 0%, transparent 70%);
    bottom: -40px;
    left: 200px;
}

.sbnc-nl-b3 {
    width: 90px;
    height: 90px;
    background: radial-gradient(circle, rgba(255, 59, 92, 0.12) 0%, transparent 70%);
    top: 20px;
    left: 40%;
}

.sbnc-nl-dots {
    position: absolute;
    top: 18px;
    right: 32px;
    width: 80px;
    height: 40px;
    background-image: radial-gradient(#ffb3c2 1.5px, transparent 1.5px);
    background-size: 10px 10px;
    opacity: 0.7;
    pointer-events: none;
}

/* Inner layout */
.sbnc-nl-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 36px;
}

/* LEFT side */
.sbnc-nl-left {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1.3;
}

/* Envelope Icon Badge */
.sbnc-nl-icon-badge {
    width: 76px;
    height: 76px;
    background: linear-gradient(135deg, #fff, #ffe4eb);
    border: 1.5px solid #ffc8d3;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 6px 20px rgba(255, 59, 92, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sbnc-nl-icon-badge:hover {
    transform: translateY(-3px) rotate(-4deg);
    box-shadow: 0 10px 28px rgba(255, 59, 92, 0.22);
}

/* Text */
.sbnc-nl-text {
    flex: 1;
}

.sbnc-nl-eyebrow {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #ff3b5c;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.sbnc-nl-heading {
    font-family: 'Playfair Display', 'Georgia', serif;
    font-size: 26px;
    font-weight: 700;
    color: #1a1a20;
    margin: 0 0 8px;
    line-height: 1.25;
}

.sbnc-nl-brand {
    display: block;
    font-family: 'Dancing Script', 'Playfair Display', cursive, serif;
    font-size: 30px;
    font-weight: 800;
    color: #ff3b5c;
    line-height: 1.15;
}

.sbnc-nl-sub {
    font-size: 13.5px;
    color: #6b5b63;
    margin: 0;
    line-height: 1.55;
    max-width: 400px;
}

/* Vertical Divider */
.sbnc-nl-divider {
    width: 1px;
    height: 120px;
    background: linear-gradient(to bottom, transparent, #f4b8c6, transparent);
    flex-shrink: 0;
}

/* RIGHT side */
.sbnc-nl-right {
    flex: 1.2;
}

/* Input Pill */
.sbnc-nl-input-wrap {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1.5px solid #ffdae2;
    border-radius: 50px;
    padding: 5px 5px 5px 20px;
    box-shadow: 0 8px 28px rgba(255, 59, 92, 0.1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.sbnc-nl-input-wrap:focus-within {
    border-color: #ff3b5c;
    box-shadow: 0 12px 36px rgba(255, 59, 92, 0.18), 0 0 0 3px rgba(255, 59, 92, 0.1);
    transform: translateY(-1px);
}

.sbnc-nl-input-icon {
    display: flex;
    align-items: center;
    margin-right: 12px;
    flex-shrink: 0;
}

.sbnc-nl-input {
    flex: 1;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 14.5px;
    font-weight: 500;
    color: #1a202c;
    padding: 10px 0;
    font-family: 'Outfit', 'Inter', sans-serif;
    min-width: 0;
}

.sbnc-nl-input::placeholder {
    color: #a0aec0;
    font-weight: 400;
}

.sbnc-nl-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #ff3b5c 0%, #f62a50 100%);
    color: #fff;
    border: none;
    padding: 13px 26px;
    border-radius: 40px;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: 0.3px;
    cursor: pointer;
    flex-shrink: 0;
    box-shadow: 0 6px 18px rgba(255, 59, 92, 0.35);
    transition: all 0.3s ease;
}

.sbnc-nl-btn:hover {
    background: linear-gradient(135deg, #e62e4f 0%, #d41e3e 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(255, 59, 92, 0.45);
}

.sbnc-nl-plane {
    transition: transform 0.25s ease;
}

.sbnc-nl-btn:hover .sbnc-nl-plane {
    transform: translateX(3px) translateY(-2px);
}

/* 3 Feature Badges */
.sbnc-nl-badges {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 20px;
}

.sbnc-nl-badge {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.sbnc-nl-badge-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: rgba(255, 59, 92, 0.08);
    border-radius: 10px;
    flex-shrink: 0;
    margin-top: 1px;
    transition: background 0.25s ease;
}

.sbnc-nl-badge:hover .sbnc-nl-badge-icon {
    background: rgba(255, 59, 92, 0.14);
}

.sbnc-nl-badge-text strong {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #1a202c;
    line-height: 1.2;
}

.sbnc-nl-badge-text span {
    display: block;
    font-size: 11.5px;
    color: #718096;
    margin-top: 3px;
    line-height: 1.4;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1199px) {
    .sbnc-nl-card {
        padding: 28px 32px;
    }

    .sbnc-nl-heading {
        font-size: 23px;
    }

    .sbnc-nl-brand {
        font-size: 27px;
    }
}

@media (max-width: 991px) {
    .sbnc-nl-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 24px;
    }

    .sbnc-nl-left {
        flex: unset;
    }

    .sbnc-nl-divider {
        display: none;
    }

    .sbnc-nl-right {
        flex: unset;
    }
}

@media (max-width: 767px) {
    .sbnc-newsletter-section {
        padding: 28px 12px 20px;
    }

    .sbnc-nl-card {
        padding: 24px 18px;
        border-radius: 18px;
    }

    /* Left: stack vertically, center */
    .sbnc-nl-left {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 14px;
    }

    .sbnc-nl-sub {
        max-width: 100%;
    }

    /* Input: stacked */
    .sbnc-nl-input-wrap {
        flex-direction: column;
        border-radius: 16px;
        padding: 12px 14px;
        gap: 10px;
        align-items: stretch;
    }

    .sbnc-nl-input-icon {
        display: none;
    }

    .sbnc-nl-input {
        text-align: center;
        padding: 6px 0;
    }

    .sbnc-nl-btn {
        width: 100%;
        justify-content: center;
        border-radius: 12px;
        padding: 14px;
        font-size: 15px;
    }

    /* Badges: 1 column on mobile */
    .sbnc-nl-badges {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 16px;
    }

    .sbnc-nl-badge {
        padding: 10px 14px;
        border-radius: 12px;
        border: 1px solid #ffe3e8;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .sbnc-nl-heading {
        font-size: 20px;
    }

    .sbnc-nl-brand {
        font-size: 24px;
    }

    .sbnc-nl-icon-badge {
        width: 64px;
        height: 64px;
        border-radius: 16px;
    }
}








/* Response alert boxes */
.sbnc-form-response {
    margin-top: 22px;
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    line-height: 1.5;
    clear: both;
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.sbnc-response-success {
    background-color: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
    box-shadow: 0 4px 12px rgba(21, 128, 61, 0.08);
}

.sbnc-response-error {
    background-color: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
    box-shadow: 0 4px 12px rgba(185, 28, 28, 0.08);
}

.options_dark_skin .sbnc-response-success,
.wp-night-mode-on .sbnc-response-success {
    background-color: #142e1f !important;
    color: #4ade80 !important;
    border: 1px solid #166534 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

.options_dark_skin .sbnc-response-error,
.wp-night-mode-on .sbnc-response-error {
    background-color: #381a1d !important;
    color: #fca5a5 !important;
    border: 1px solid #991b1b !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

/* ==========================================================================
   Custom Page Styles (Unsubscribe & Contact Us)
   ========================================================================== */
.sbnc-custom-page-wrapper {
    padding: 55px 20px 65px;
    background: #FAFAFB;
    min-height: 60vh;
}

.sbnc-container {
    max-width: 1040px;
    margin: 0 auto;
}

/* Premium Shyaway Hero Banner */
.sbnc-hero-banner-card {
    position: relative;
    background: linear-gradient(135deg, #FFF0F3 0%, #FFE4E8 40%, #FFF5F7 100%);
    border: 1px solid rgba(255, 86, 106, 0.18);
    border-left: 6px solid #FF566A;
    border-radius: 20px;
    padding: 38px 45px;
    margin-top: 5px;
    margin-bottom: 35px;
    box-shadow: 0 14px 40px rgba(255, 86, 106, 0.08);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sbnc-hero-banner-inner {
    position: relative;
    z-index: 2;
}

/* Integrated Breadcrumbs */
.sbnc-hero-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 86, 106, 0.15);
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #4a5568;
    margin-bottom: 22px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.sbnc-hero-breadcrumb .sbnc-crumb-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #556070;
    text-decoration: none;
    transition: color 0.2s ease;
}

.sbnc-hero-breadcrumb .sbnc-crumb-link:hover {
    color: #FF566A;
}

.sbnc-hero-breadcrumb .sbnc-crumb-sep {
    color: #cbd5e1;
    font-size: 14px;
}

.sbnc-hero-breadcrumb .sbnc-crumb-current {
    color: #FF566A;
    font-weight: 700;
}

/* Badges / Pills */
.sbnc-hero-pills {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.sbnc-hero-pill {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    line-height: 1;
    border-radius: 30px;
}

.sbnc-hero-pill.sbnc-pill-primary {
    background: linear-gradient(135deg, #FF566A 0%, #FF2E4D 100%);
    color: #ffffff;
    padding: 7px 18px;
    box-shadow: 0 4px 15px rgba(255, 86, 106, 0.3);
}

.sbnc-hero-pill.sbnc-pill-outline {
    background: #ffffff;
    color: #FF566A;
    border: 1.5px solid rgba(255, 86, 106, 0.3);
    padding: 5.5px 16px;
    box-shadow: 0 2px 8px rgba(255, 86, 106, 0.05);
}

/* Heading & Subheading */
.sbnc-hero-heading {
    font-family: 'Outfit', sans-serif;
    font-size: 36px;
    font-weight: 800;
    color: #1a1a20;
    margin: 0 0 10px 0;
    line-height: 1.25;
    letter-spacing: -0.4px;
}

.sbnc-hero-subheading {
    font-family: 'Montserrat', sans-serif;
    font-size: 15.5px;
    color: #4a5568;
    line-height: 1.65;
    max-width: 720px;
    margin: 0;
}

/* Background Ambient Glow Shapes */
.sbnc-hero-bg-shapes .sbnc-shape-1 {
    position: absolute;
    top: -60px;
    right: -40px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255, 86, 106, 0.18) 0%, transparent 65%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
}

.sbnc-hero-bg-shapes .sbnc-shape-2 {
    position: absolute;
    bottom: -80px;
    right: 15%;
    width: 250px;
    height: 250px;
    background: radial-gradient(circle, rgba(255, 86, 106, 0.12) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
}

.sbnc-page-card {
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    padding: 40px;
}

/* Dark Mode Overrides */
.options_dark_skin .sbnc-custom-page-wrapper,
.wp-night-mode-on .sbnc-custom-page-wrapper {
    background: #111319;
}

.options_dark_skin .sbnc-hero-banner-card,
.wp-night-mode-on .sbnc-hero-banner-card {
    background: linear-gradient(135deg, #1d1825 0%, #291724 50%, #1d1520 100%);
    border-color: rgba(255, 86, 106, 0.3);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5);
}

.options_dark_skin .sbnc-hero-breadcrumb,
.wp-night-mode-on .sbnc-hero-breadcrumb {
    background: rgba(26, 26, 34, 0.9);
    border-color: rgba(255, 86, 106, 0.3);
    color: #e2e8f0;
}

.options_dark_skin .sbnc-hero-breadcrumb .sbnc-crumb-link,
.wp-night-mode-on .sbnc-hero-breadcrumb .sbnc-crumb-link {
    color: #cbd5e1;
}

.options_dark_skin .sbnc-hero-pill.sbnc-pill-outline,
.wp-night-mode-on .sbnc-hero-pill.sbnc-pill-outline {
    background: #231b25;
    color: #FF566A;
    border-color: rgba(255, 86, 106, 0.4);
}

.options_dark_skin .sbnc-hero-heading,
.wp-night-mode-on .sbnc-hero-heading {
    color: #ffffff;
}

.options_dark_skin .sbnc-hero-subheading,
.wp-night-mode-on .sbnc-hero-subheading {
    color: #cbd5e1;
}

/* Page Cards & Form Container Dark Mode */
.options_dark_skin .sbnc-page-card,
.wp-night-mode-on .sbnc-page-card,
.options_dark_skin .sbnc-unsubscribe-card,
.wp-night-mode-on .sbnc-unsubscribe-card,
.options_dark_skin .sbnc-contact-form-card,
.wp-night-mode-on .sbnc-contact-form-card {
    background: #181b24 !important;
    border-color: #2a3142 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
}

.options_dark_skin .sbnc-unsub-card-title,
.wp-night-mode-on .sbnc-unsub-card-title {
    color: #ffffff !important;
}

.options_dark_skin .sbnc-unsub-card-subtitle,
.wp-night-mode-on .sbnc-unsub-card-subtitle {
    color: #cbd5e1 !important;
}

.options_dark_skin .sbnc-field-label,
.wp-night-mode-on .sbnc-field-label,
.options_dark_skin .sbnc-form-label,
.wp-night-mode-on .sbnc-form-label {
    color: #cbd5e1 !important;
}

.options_dark_skin .sbnc-reason-card,
.wp-night-mode-on .sbnc-reason-card {
    background: #11141d !important;
    border-color: #2b3345 !important;
}

.options_dark_skin .sbnc-reason-text,
.wp-night-mode-on .sbnc-reason-text {
    color: #e2e8f0 !important;
}

.options_dark_skin .sbnc-reason-card:hover,
.wp-night-mode-on .sbnc-reason-card:hover {
    background: #251b27 !important;
    border-color: #FF566A !important;
}

.options_dark_skin .sbnc-reason-card:has(.sbnc-reason-radio:checked),
.wp-night-mode-on .sbnc-reason-card:has(.sbnc-reason-radio:checked) {
    background: #281926 !important;
    border-color: #FF566A !important;
}

.options_dark_skin .sbnc-form-control,
.wp-night-mode-on .sbnc-form-control,
.options_dark_skin .sbnc-textarea,
.wp-night-mode-on .sbnc-textarea {
    background: #11141d !important;
    border-color: #2b3345 !important;
    color: #ffffff !important;
}

.options_dark_skin .sbnc-form-control::placeholder,
.wp-night-mode-on .sbnc-form-control::placeholder,
.options_dark_skin .sbnc-textarea::placeholder,
.wp-night-mode-on .sbnc-textarea::placeholder {
    color: #64748b !important;
}

.options_dark_skin .sbnc-back-link,
.wp-night-mode-on .sbnc-back-link {
    color: #cbd5e1 !important;
}

.options_dark_skin .sbnc-back-link:hover,
.wp-night-mode-on .sbnc-back-link:hover {
    color: #FF566A !important;
}

/* Footer Newsletter Card Dark Mode */
.options_dark_skin .sbnc-nl-card,
.wp-night-mode-on .sbnc-nl-card {
    background: linear-gradient(135deg, #1e1724 0%, #291624 50%, #1d1420 100%) !important;
    border-color: rgba(255, 86, 106, 0.3) !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.4) !important;
}

.options_dark_skin .sbnc-nl-heading,
.wp-night-mode-on .sbnc-nl-heading {
    color: #ffffff !important;
}

.options_dark_skin .sbnc-nl-sub,
.wp-night-mode-on .sbnc-nl-sub {
    color: #cbd5e1 !important;
}

.options_dark_skin .sbnc-nl-badge-text strong,
.wp-night-mode-on .sbnc-nl-badge-text strong {
    color: #ffffff !important;
}

.options_dark_skin .sbnc-nl-badge-text span,
.wp-night-mode-on .sbnc-nl-badge-text span {
    color: #94a3b8 !important;
}

.options_dark_skin .sbnc-nl-input-wrap,
.wp-night-mode-on .sbnc-nl-input-wrap {
    background: #11141d !important;
    border-color: #2b3345 !important;
}

.options_dark_skin .sbnc-nl-input,
.wp-night-mode-on .sbnc-nl-input {
    color: #ffffff !important;
}

.options_dark_skin .sbnc-nl-icon-badge,
.wp-night-mode-on .sbnc-nl-icon-badge {
    background: #251926 !important;
    border-color: rgba(255, 86, 106, 0.3) !important;
}

.options_dark_skin .sbnc-nl-divider,
.wp-night-mode-on .sbnc-nl-divider {
    background: linear-gradient(to bottom, transparent, rgba(255, 86, 106, 0.3), transparent) !important;
}

/* Unsubscribe Card Specific Styling */
.sbnc-unsubscribe-card {
    max-width: 620px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 45px 40px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
}

.sbnc-unsub-header-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #FFF0F2;
    border: 1px solid rgba(255, 86, 106, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    box-shadow: 0 4px 15px rgba(255, 86, 106, 0.12);
}

.sbnc-unsub-card-title {
    font-family: 'Outfit', sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    text-align: center;
    margin: 0 0 8px 0;
}

.sbnc-unsub-card-subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 14.5px;
    color: #64748b;
    text-align: center;
    margin: 0 0 28px 0;
    line-height: 1.5;
}

.sbnc-field-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #475569;
    display: block;
    margin-bottom: 8px;
}

.sbnc-field-label .required {
    color: #FF566A;
}

.sbnc-reasons-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
}

.sbnc-reason-card {
    background: #F8FAFC;
    border: 1.5px solid #E2E8F0;
    border-radius: 12px;
    padding: 13px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 0;
}

.sbnc-reason-card:hover {
    border-color: #FF566A;
    background: #FFF7F8;
    box-shadow: 0 2px 10px rgba(255, 86, 106, 0.08);
}

.sbnc-reason-radio {
    accent-color: #FF566A;
    width: 17px;
    height: 17px;
    cursor: pointer;
    flex-shrink: 0;
}

.sbnc-reason-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #334155;
    line-height: 1.4;
}

.sbnc-reason-card:has(.sbnc-reason-radio:checked) {
    border-color: #FF566A;
    background: #FFF5F7;
    box-shadow: 0 3px 12px rgba(255, 86, 106, 0.12);
}

.sbnc-unsub-btn-full {
    width: 100%;
    padding: 14px 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #FF566A 0%, #FF2E4D 100%);
    color: #ffffff;
    font-size: 15.5px;
    font-weight: 700;
    box-shadow: 0 6px 20px rgba(255, 86, 106, 0.3);
}

.sbnc-unsub-btn-full:hover {
    background: linear-gradient(135deg, #e04357 0%, #e0203f 100%);
    box-shadow: 0 8px 25px rgba(255, 86, 106, 0.4);
    transform: translateY(-1px);
}

.sbnc-form-group {
    margin-bottom: 20px;
}

.sbnc-form-label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.sbnc-form-label .required {
    color: #FF566A;
}

.sbnc-input-with-icon {
    position: relative;
    display: flex;
    align-items: center;
}

.sbnc-input-icon {
    position: absolute;
    left: 15px;
    color: #888;
    display: flex;
    align-items: center;
}

.sbnc-input-with-icon .sbnc-form-control {
    padding-left: 45px;
}

.sbnc-form-control {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    background: #fff;
    transition: all 0.25s ease;
}

.sbnc-form-control:focus {
    border-color: #FF566A;
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 86, 106, 0.15);
}

.sbnc-textarea {
    resize: vertical;
}

.sbnc-form-actions {
    margin-top: 20px;
    margin-bottom: 18px;
    display: block;
    clear: both;
    width: 100%;
}

.sbnc-btn {
    padding: 12px 30px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sbnc-btn-primary {
    background: #FF566A;
    color: #ffffff;
}

.sbnc-btn-primary:hover {
    background: #e04357;
}

.sbnc-btn-danger {
    background: #dc3545;
    color: #ffffff;
}

.sbnc-btn-danger:hover {
    background: #bd2130;
}

.sbnc-loading-btn {
    opacity: 0.7;
    pointer-events: none;
}

.sbnc-back-link {
    font-size: 14px;
    color: #666;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

.sbnc-back-link:hover {
    color: #FF566A;
}

/* Contact Page Grid Layout */
.sbnc-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1.8fr;
    gap: 30px;
}

.sbnc-contact-info-card {
    background: linear-gradient(145deg, #1f1b24 0%, #15131a 100%);
    color: #ffffff;
    border-radius: 16px;
    padding: 40px 32px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.sbnc-info-title {
    font-family: 'Outfit', sans-serif;
    font-size: 24px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 12px;
}

.sbnc-info-desc {
    font-size: 14px;
    color: #cbd5e1;
    margin-bottom: 30px;
    line-height: 1.6;
}

.sbnc-info-items {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sbnc-info-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.sbnc-info-icon {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, #FF566A 0%, #FF2E4D 100%);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 14px rgba(255, 86, 106, 0.35);
}

.sbnc-info-content strong {
    display: block;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 2px;
}

.sbnc-info-content span {
    display: block;
    font-size: 13px;
    color: #bbb;
}

.sbnc-contact-form-card {
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    padding: 40px;
}

.sbnc-form-row {
    display: flex;
    gap: 20px;
}

.col-half {
    flex: 1;
}

/* Responsive Media Queries */
@media (max-width: 991px) {
    .sbnc-newsletter-card {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;
        padding: 25px 30px;
    }

    .sbnc-newsletter-left {
        max-width: 100%;
    }

    .sbnc-newsletter-divider {
        display: none;
    }

    .sbnc-contact-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .sbnc-newsletter-features {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .sbnc-form-row {
        flex-direction: column;
        gap: 0;
    }

    .sbnc-newsletter-input-group {
        flex-direction: column;
        border-radius: 16px;
        padding: 10px;
        align-items: stretch;
    }

    .sbnc-newsletter-input {
        padding: 10px;
        text-align: center;
    }

    .sbnc-newsletter-btn {
        width: 100%;
        text-align: center;
        border-radius: 12px;
    }
}