@charset "UTF-8";

/*
|--------------------------------------------------------------------------
| Organic Theme — Biolife Organic Architecture & Stylesheet
|--------------------------------------------------------------------------
| A fresh, nature-inspired storefront built with Tailwind CSS tokens and
| Biolife Organic Bootstrap architecture. All colors dynamically map to
| the merchant's `--sf-*` customizer variables.
*/

@import "tailwindcss";
@import "../../../resources/css/storefront/pagination.css";

@source "../views";
@source "../../../resources/views/storefront/auth";
@source "../../../resources/views/storefront/checkout";
@source "../../../resources/views/storefront/partials";

@theme {
    --color-primary: var(--sf-primary, #7faf51);
    --color-primary-hover: var(--sf-primary-hover, #68953f);
    --color-accent: var(--sf-accent, #e73918);
    --color-accent-hover: var(--sf-accent-hover, #c72d0f);
    --color-secondary: var(--sf-secondary, #222222);
    --color-muted: var(--sf-text-muted, #767676);
    --color-charcoal: var(--sf-text, #222222);
    --color-line: var(--sf-border, #e6e6e6);
    --color-soft: var(--sf-bg, #fbfbfb);
    --color-surface: var(--sf-surface, #ffffff);
}

:root {
    --sf-font: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --sf-font-heading: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --sf-font-scale: 1;
    --organic-green: var(--sf-primary, #7faf51);
    --organic-green-dark: var(--sf-primary-hover, #68953f);
    --organic-orange: var(--sf-accent, #e73918);
    --organic-gold: #f5a623;
    --organic-text: var(--sf-text, #222222);
    --organic-muted: var(--sf-text-muted, #767676);
    --organic-border: var(--sf-border, #ebebeb);
    --organic-bg: var(--sf-bg, #fcfdfc);
    --organic-surface: var(--sf-surface, #ffffff);
}

html {
    font-size: calc(100% * var(--sf-font-scale, 1));
}

body {
    font-family: var(--sf-font);
    background-color: var(--organic-bg);
    color: var(--organic-text);
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-heading {
    font-family: var(--sf-font-heading, var(--sf-font));
}

[x-cloak] {
    display: none !important;
}

/* Biolife Integration Settings */
.biolife-body {
    background-color: #fbfdfa;
}

.header-area.layout-01 .header-middle {
    padding-top: 36px;
}

/* ==========================================================================
   LOGO DIMENSION CONSTRAINTS
   ========================================================================== */
.biolife-logo {
    display: inline-flex;
    align-items: center;
    max-height: 50px;
    text-decoration: none;
}

.biolife-logo img {
    max-height: 44px;
    max-width: 180px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: inline-block;
}

.logo-for-mobile .biolife-logo img {
    max-height: 36px;
    max-width: 140px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.biolife-logo .logo-text {
    display: inline-block;
    font-weight: 800;
    font-size: 22px;
    line-height: 1.2;
    color: var(--organic-text);
    margin-inline-start: 8px;
}

.logo-for-mobile .biolife-logo .logo-text {
    font-size: 18px;
}

.biolife-footer img,
.biolife-footer-middle img {
    max-height: 44px;
    max-width: 180px;
    width: auto;
    height: auto;
    object-fit: contain;
}



/* ==========================================================================
   HERO / MAIN SLIDE SECTION (Biolife Hero)
   ========================================================================== */
.main-slide {
    position: relative;
    overflow: hidden;
}

/* Biolife Main Hero Slider */
.block-slider .slider-opt03__layout01 {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.block-slider .slider-opt03__layout01 .media {
    display: block !important;
    width: 100% !important;
    height: 1000px !important;
    min-height: 940px !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    background-size: cover !important;
    position: relative !important;
    z-index: 1 !important;
}

.block-slider .slider-opt03__layout01.mode-03 .media {
    height: 1040px !important;
    min-height: 980px !important;
    background-position: center bottom !important;
}

@media (max-width: 1399px) {

    .block-slider .slider-opt03__layout01 .media,
    .block-slider .slider-opt03__layout01.mode-03 .media {
        height: 880px !important;
        min-height: 840px !important;
    }
}

@media (max-width: 1199px) {

    .block-slider .slider-opt03__layout01 .media,
    .block-slider .slider-opt03__layout01.mode-03 .media {
        height: 720px !important;
        min-height: 680px !important;
    }
}

@media (max-width: 767px) {

    .block-slider .slider-opt03__layout01 .media,
    .block-slider .slider-opt03__layout01.mode-03 .media {
        height: 560px !important;
        min-height: 520px !important;
    }
}

.block-slider .slider-opt03__layout01 .text-content {
    display: block !important;
    position: absolute !important;
    top: 60% !important;
    transform: translateY(-50%) !important;
    right: 12% !important;
    left: auto !important;
    z-index: 10 !important;
    max-width: 580px !important;
    padding: 24px 32px !important;
    background-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    text-align: left !important;
}

[dir="rtl"] .block-slider .slider-opt03__layout01 .media,
body.rtl-mode .block-slider .slider-opt03__layout01 .media {
    transform: scaleX(-1) !important;
}

[dir="rtl"] .block-slider .slider-opt03__layout01 .text-content,
body.rtl-mode .block-slider .slider-opt03__layout01 .text-content {
    right: auto !important;
    left: 12% !important;
    text-align: right !important;
    direction: rtl !important;
}

.block-slider .slider-opt03__layout01 .text-content .first-line {
    display: block !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    font-style: italic !important;
    color: var(--organic-green, #7faf51) !important;
    margin-bottom: 6px !important;
}

.block-slider .slider-opt03__layout01 .text-content .second-line {
    font-size: 38px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #222222 !important;
    margin: 0 0 10px 0 !important;
}

.block-slider .slider-opt03__layout01 .text-content .third-line {
    font-size: 16px !important;
    color: #666666 !important;
    margin: 0 0 20px 0 !important;
    line-height: 1.5 !important;
}

.block-slider .slider-opt03__layout01 .text-content .buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

/* Biolife Button Styles */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 28px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
}

.btn-bold {
    background-color: var(--organic-green);
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(127, 175, 81, 0.35);
}

.btn-bold:hover {
    background-color: var(--organic-green-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(127, 175, 81, 0.45);
}

.btn-thin {
    background-color: transparent;
    color: var(--organic-text) !important;
    border: 2px solid var(--organic-text);
}

.btn-thin:hover {
    background-color: var(--organic-green);
    border-color: var(--organic-green);
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* ==========================================================================
   SERVICES / HIGHLIGHTS BLOCK
   ========================================================================== */
.biolife-service-block {
    margin: 40px 0;
}

.service-inner {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px 20px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid var(--organic-border);
    transition: all 0.3s ease;
}

.service-inner:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    border-color: var(--organic-green);
}

.service-inner .srv-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #eef7e9;
    color: var(--organic-green);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}

.service-inner .srv-name {
    font-size: 16px;
    font-weight: 700;
    color: var(--organic-text);
    margin-bottom: 4px;
}

.service-inner .srv-desc {
    font-size: 13px;
    color: var(--organic-muted);
    margin: 0;
}

[dir="rtl"] .service-inner,
body.rtl-mode .service-inner {
    text-align: right !important;
    direction: rtl !important;
}

[dir="rtl"] .service-inner .srv-name,
body.rtl-mode .service-inner .srv-name {
    text-align: right !important;
}

[dir="rtl"] .service-inner .srv-desc,
body.rtl-mode .service-inner .srv-desc {
    text-align: right !important;
}

/* ==========================================================================
   GRID BANNERS & CATEGORIES SECTION (Biolife Exact Layout)
   ========================================================================== */
.biolife-gird-banners {
    margin: 0 0 40px;
}

[dir="rtl"] .biolife-gird-banners .grid-panel .grid-panel-item {
    float: none;
}


/* ==========================================================================
   TITLE BOX (Biolife Section Headers)
   ========================================================================== */
.biolife-title-box {
    text-align: center;
    margin-bottom: 36px;
    position: relative;
}

.biolife-title-box .icon-at-top {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--organic-green);
    margin-bottom: 6px;
}

.biolife-title-box .subtitle {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--organic-green);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px;
}

.biolife-title-box .main-title {
    font-size: 32px;
    font-weight: 800;
    color: var(--organic-text);
    margin: 0;
}

/* ==========================================================================
   PRODUCT TAB & PRODUCT CARD (Biolife Authentic Structure & Hover Animation)
   ========================================================================== */
.contain-product.layout-default {
    background: #ffffff;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    z-index: 1;
    border: none;
    border-radius: 4px;
}

.contain-product.layout-default:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
    z-index: 30;
}

.contain-product .product-thumb {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #f7f9f7;
    text-align: center;
    border-radius: 4px;
    height: 240px;
}

.contain-product .product-thumb .link-to-product {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px;
}

.contain-product .product-thumb .product-thumnail {
    max-height: 210px;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.contain-product:hover .product-thumb .product-thumnail {
    transform: scale(1.06);
}

.contain-product .product-thumb .lookup {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
    font-size: 15px;
    color: #666666;
    position: absolute;
    z-index: 5;
    bottom: 10px;
    right: 12px;
    transform: scale(0);
    transition: transform 330ms ease 100ms;
    text-decoration: none;
}

[dir="rtl"] .contain-product .product-thumb .lookup {
    right: auto;
    left: 12px;
}

.contain-product:hover .product-thumb .lookup {
    transform: scale(1);
}

.contain-product .product-thumb .lookup:hover {
    background-color: var(--organic-green, #7faf51);
    color: #ffffff;
}

.contain-product .product-thumb .labels {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[dir="rtl"] .contain-product .product-thumb .labels {
    left: auto;
    right: 12px;
}

.contain-product .product-thumb .labels .sale-label {
    min-width: 48px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    background-color: var(--organic-orange, #e73918);
    line-height: 20px;
    padding: 0 6px;
    font-weight: 700;
}

.contain-product .product-thumb .labels .organic-label {
    border-radius: 3px;
    text-align: center;
    font-size: 11px;
    color: #ffffff;
    background-color: var(--organic-green, #7faf51);
    line-height: 20px;
    padding: 0 6px;
    font-weight: 700;
}

.contain-product.layout-default .info {
    position: relative;
    text-align: center;
    padding: 12px 8px 0;
}

.contain-product.layout-default .info .categories {
    display: block;
    font-size: 13px;
    color: #888888;
    text-align: center;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 6px;
    text-transform: capitalize;
}

.contain-product.layout-default .info .product-title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 6px;
    text-align: center;
    height: 38px;
    overflow: hidden;
}

.contain-product.layout-default .info .product-title a {
    color: #222222;
    transition: color 0.2s ease;
    text-decoration: none;
}

.contain-product.layout-default .info .product-title a:hover {
    color: var(--organic-green, #7faf51);
}

.contain-product.layout-default .info .price {
    text-align: center;
    margin-bottom: 6px;
    display: block;
}

.contain-product.layout-default .info .price ins {
    text-decoration: none;
}

.contain-product.layout-default .info .price ins .price-amount {
    font-size: 17px;
    color: #222222;
    font-weight: 700;
}

.contain-product.layout-default .info .price del {
    margin-inline-start: 6px;
}

.contain-product.layout-default .info .price del .price-amount {
    font-size: 13px;
    color: #999999;
}

.contain-product.layout-default .slide-down-box {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-15px);
    transition: all 400ms ease;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    z-index: 35;
    background-color: #ffffff;
    padding: 10px 10px 22px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.contain-product.layout-default:hover .slide-down-box {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.contain-product.layout-default .slide-down-box .message {
    font-size: 12px;
    color: #666666;
    display: block;
    line-height: 15px;
    margin: 0 0 12px;
    text-align: center;
    padding: 0 6px;
}

.contain-product.layout-default .slide-down-box .buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 0 2px;
}

.contain-product.layout-default .slide-down-box .buttons .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
    padding: 0;
    margin: 0;
    text-decoration: none;
}

.contain-product.layout-default .slide-down-box .buttons .wishlist-btn,
.contain-product.layout-default .slide-down-box .buttons .compare-btn {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #f5f5f5;
    color: #666666;
    font-size: 14px;
    flex-shrink: 0;
}

.contain-product.layout-default .slide-down-box .buttons .wishlist-btn:hover,
.contain-product.layout-default .slide-down-box .buttons .compare-btn:hover {
    background-color: var(--organic-green, #7faf51);
    color: #ffffff;
}

.contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn {
    flex: 1;
    font-size: 12px;
    color: #ffffff;
    background-color: #888888;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 25px;
    height: 36px;
    padding: 0 10px;
    gap: 5px;
    line-height: 1;
}

.contain-product.layout-default .slide-down-box .buttons .add-to-cart-btn:hover {
    background-color: var(--organic-green, #7faf51);
    color: #ffffff;
}

/* ==========================================================================
   FLASH DEALS & SPECIAL COUNTDOWN (Biolife Deals)
   ========================================================================== */
.biolife-banner__special-02 {
    background: linear-gradient(135deg, #f7fbf5 0%, #eef7e9 100%);
    border-radius: 20px;
    border: 2px solid #dbead4;
    padding: 40px 32px;
    margin: 40px 0;
}

.biolife-countdown {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.biolife-countdown .item-countdown {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 10px 14px;
    min-width: 64px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid var(--organic-border);
}

.biolife-countdown .number {
    font-size: 22px;
    font-weight: 800;
    color: var(--organic-orange);
    display: block;
    line-height: 1;
}

.biolife-countdown .unit {
    font-size: 11px;
    font-weight: 700;
    color: var(--organic-muted);
    text-transform: uppercase;
    margin-top: 4px;
    display: block;
}

/* ==========================================================================
   TESTIMONIALS & FAQ ACCORDION
   ========================================================================== */
.biolife-testimonial-card {
    background: #ffffff;
    border: 1px solid var(--organic-border);
    border-radius: 16px;
    padding: 28px;
    transition: all 0.3s ease;
    height: 100%;
}

.biolife-testimonial-card:hover {
    border-color: var(--organic-green);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    transform: translateY(-4px);
}

.biolife-faq-item {
    background: #ffffff;
    border: 1px solid var(--organic-border);
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: border-color 0.2s ease;
}

.biolife-faq-item.active {
    border-color: var(--organic-green);
}

.biolife-faq-header {
    padding: 18px 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    font-size: 16px;
    color: var(--organic-text);
}

.biolife-faq-content {
    padding: 0 24px 20px;
    color: var(--organic-muted);
    line-height: 1.7;
    font-size: 14px;
}

/* ==========================================================================
   FOOTER (Biolife Footer Structure)
   ========================================================================== */
.biolife-footer {
    background-color: #222222;
    color: #e5e5e5;
    margin-top: 60px;
}

.biolife-newsletter-block {
    background-color: var(--organic-green);
    padding: 44px 0;
    color: #ffffff;
}

.biolife-footer-middle {
    padding: 60px 0 40px;
}

.biolife-footer-title {
    font-size: 17px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.biolife-footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 36px;
    height: 3px;
    background-color: var(--organic-green);
    border-radius: 2px;
}

.biolife-footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.biolife-footer-menu li {
    margin-bottom: 10px;
}

.biolife-footer-menu li a {
    color: #b0b0b0;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.biolife-footer-menu li a:hover {
    color: #ffffff;
    padding-inline-start: 6px;
}

.biolife-footer-bottom {
    background-color: #1a1a1a;
    padding: 20px 0;
    border-top: 1px solid #333333;
    font-size: 13px;
    color: #888888;
}

/* ==========================================================================
   RTL SUPPORT (Biolife Full Arabic / RTL Mirroring)
   ========================================================================== */
[dir="rtl"],
body.rtl-mode {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .top-bar.left,
body.rtl-mode .top-bar.left {
    float: right;
}

[dir="rtl"] .top-bar.right,
body.rtl-mode .top-bar.right {
    float: left;
}

[dir="rtl"] .horizontal-menu li,
body.rtl-mode .horizontal-menu li {
    float: right;
    margin-right: 0;
    margin-left: 20px;
}

[dir="rtl"] .horizontal-menu li:last-child,
body.rtl-mode .horizontal-menu li:last-child {
    margin-left: 0;
}

[dir="rtl"] .social-list li,
body.rtl-mode .social-list li {
    float: right;
    margin-right: 0;
    margin-left: 6px;
}

[dir="rtl"] .header-search-bar.layout-01 .form-search .input-text,
body.rtl-mode .header-search-bar.layout-01 .form-search .input-text {
    text-align: right;
    padding-right: 20px;
    padding-left: 60px;
}

[dir="rtl"] .header-search-bar.layout-01 .form-search .btn-submit,
body.rtl-mode .header-search-bar.layout-01 .form-search .btn-submit {
    right: auto;
    left: 0;
    border-radius: 30px 0 0 30px;
}

.header-area .live-info .telephone {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    color: #222222 !important;
    margin: 0 0 4px 0 !important;
    font-weight: 700 !important;
}

.header-area .live-info .telephone i {
    font-size: 22px !important;
    color: var(--theme-primary, #7faf51) !important;
    float: none !important;
    margin: 0 !important;
}

.header-area .live-info .telephone .phone-number {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    display: inline-block !important;
    font-family: inherit !important;
}

[dir="rtl"] .live-info,
body.rtl-mode .live-info {
    float: left !important;
    text-align: right !important;
    direction: rtl !important;
}

[dir="rtl"] .header-middle .live-info {
    float: left !important;
    text-align: right !important;
}

[dir="rtl"] .header-middle .live-info .telephone i {
    float: none !important;
    margin: 0 !important;
}

/* All Departments Title Bar RTL Alignment */
[dir="rtl"] .vertical-category-block .block-title,
body.rtl-mode .vertical-category-block .block-title {
    padding: 13px 18px 13px 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: relative !important;
    text-align: right !important;
}

[dir="rtl"] .vertical-category-block .block-title .menu-icon,
body.rtl-mode .vertical-category-block .block-title .menu-icon {
    float: none !important;
    margin-left: 12px !important;
    margin-right: 0 !important;
    display: inline-flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

[dir="rtl"] .vertical-category-block .block-title .menu-icon span,
body.rtl-mode .vertical-category-block .block-title .menu-icon span {
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    width: 17px !important;
    height: 2px !important;
    background-color: #ffffff !important;
}

[dir="rtl"] .vertical-category-block .block-title .menu-icon span::before,
body.rtl-mode .vertical-category-block .block-title .menu-icon span::before {
    display: none !important;
}

[dir="rtl"] .vertical-category-block .block-title .menu-title,
body.rtl-mode .vertical-category-block .block-title .menu-title {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: right !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    flex: 1 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

[dir="rtl"] .vertical-category-block .block-title .angle,
body.rtl-mode .vertical-category-block .block-title .angle {
    position: absolute !important;
    left: 16px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #ffffff !important;
    line-height: 1 !important;
    margin: 0 !important;
    float: none !important;
}

[dir="rtl"] .primary-menu ul.menu>li,
body.rtl-mode .primary-menu ul.menu>li {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}

[dir="rtl"] .primary-menu ul.menu>li:last-child,
body.rtl-mode .primary-menu ul.menu>li:last-child {
    margin-left: 0;
}

[dir="rtl"] .service-inner .srv-icon,
body.rtl-mode .service-inner .srv-icon {
    margin-right: 0;
    margin-left: 16px;
}

[dir="rtl"] .biolife-footer-title::after,
body.rtl-mode .biolife-footer-title::after {
    left: auto;
    right: 0;
}

[dir="rtl"] .biolife-footer-menu li a:hover,
body.rtl-mode .biolife-footer-menu li a:hover {
    padding-left: 0;
    padding-right: 8px;
}

[dir="rtl"] .contain-product .badge-sale,
body.rtl-mode .contain-product .badge-sale {
    left: auto;
    right: 12px;
}

[dir="rtl"] .contain-product .badge-organic,
body.rtl-mode .contain-product .badge-organic {
    right: auto;
    left: 12px;
}

[dir="rtl"] .biolife-countdown .item-countdown:not(:last-child),
body.rtl-mode .biolife-countdown .item-countdown:not(:last-child) {
    margin-right: 0;
    margin-left: 10px;
}

/* ==========================================================================
   HEADER TOPBAR / CURRENCY / LANGUAGE SWITCHER
   ========================================================================== */
.header-top .top-bar .horizontal-menu .currency-select {
    display: inline-block;
    line-height: 42px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.header-top .top-bar .horizontal-menu .currency-select i {
    margin-right: 6px;
    font-size: 15px;
}

.header-top .lang-switcher {
    position: relative;
}

.header-top .lang-switcher>.login-link {
    line-height: 42px;
}

.header-top .lang-switcher .lang-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    background: #ffffff;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.14);
    border-radius: 4px;
    z-index: 300;
    min-width: 170px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: all 260ms ease;
}

.header-top .lang-switcher:hover .lang-dropdown,
.header-top .lang-switcher:focus-within .lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-top .lang-switcher .lang-dropdown li {
    display: block;
}

.header-top .lang-switcher .lang-dropdown li a {
    color: #222222;
    font-size: 13px;
    line-height: 1;
    display: block;
    padding: 10px 16px;
    transition: background 0.2s ease, color 0.2s ease;
}

.header-top .lang-switcher .lang-dropdown li a:hover {
    background: #f2f7ef;
    color: var(--organic-green);
}

/* ==========================================================================
   HERO (home-01 layout-01) MIRRORING & RTL SUPPORT
   ========================================================================== */
.block-slider .biolife-carousel .slide-contain {
    position: relative;
    overflow: hidden;
}

.slider-opt03__layout01.slide-bgr-mode03-01 .media {
    background-image: url('/themes/organic/images/home-01/main-slide-01.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.slider-opt03__layout01.slide-bgr-mode03-02 .media {
    background-image: url('/themes/organic/images/home-01/main-slide-02.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.slider-opt03__layout01.slide-bgr-mode03-03 .media {
    background-image: url('/themes/organic/images/home-01/main-slide-03.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

[dir="rtl"] .slider-opt03__layout01 .text-content,
body.rtl-mode .slider-opt03__layout01 .text-content {
    right: auto !important;
    left: 13% !important;
    text-align: right !important;
    direction: rtl !important;
}

[dir="rtl"] .slider-opt03__layout01 .text-content .first-line,
[dir="rtl"] .slider-opt03__layout01 .text-content .second-line,
[dir="rtl"] .slider-opt03__layout01 .text-content .third-line {
    text-align: right !important;
}

[dir="rtl"] .slider-opt03__layout01 .buttons {
    text-align: right !important;
}

[dir="rtl"] .slider-opt03__layout01 .buttons .btn+.btn {
    margin-left: 0 !important;
    margin-right: 19px !important;
}

@media (max-width: 991px) {

    [dir="rtl"] .slider-opt03__layout01 .text-content,
    body.rtl-mode .slider-opt03__layout01 .text-content {
        left: 5% !important;
        right: auto !important;
    }
}

@media (max-width: 767px) {

    [dir="rtl"] .slider-opt03__layout01 .text-content,
    body.rtl-mode .slider-opt03__layout01 .text-content {
        left: 15px !important;
        right: 15px !important;
        text-align: center !important;
    }

    [dir="rtl"] .slider-opt03__layout01 .text-content .first-line,
    [dir="rtl"] .slider-opt03__layout01 .text-content .second-line,
    [dir="rtl"] .slider-opt03__layout01 .text-content .third-line,
    [dir="rtl"] .slider-opt03__layout01 .buttons {
        text-align: center !important;
    }

    [dir="rtl"] .slider-opt03__layout01 .buttons .btn+.btn {
        margin: 10px 5px 0 !important;
    }
}

/* ==========================================================================
   FOOTER (home-01 layout-01) THEME TWEAKS
   ========================================================================== */
.footer .footer-logo img {
    max-height: 44px;
    max-width: 180px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.footer .footer-logo-text {
    display: inline-block;
    font-size: 24px;
    font-weight: 800;
    color: #ffffff;
}

.footer .footer-about {
    color: #888888;
    font-size: 13px;
    line-height: 1.7;
    margin: 18px 0 0;
    max-width: 320px;
}

.footer .contact-info-block .info-item .contact-link {
    color: #888888;
}

.footer .contact-info-block .info-item .contact-link:hover {
    color: var(--organic-green);
}

.footer .copy-rights-contain .copy-right-text .sf-powered-by {
    color: #888888;
    font-size: 11px;
    margin: 4px 0 0;
}

.footer .copy-rights-contain .copy-right-text .sf-powered-by a {
    color: #ffffff;
}

.footer .payment-methods .payment-link {
    display: inline-block;
    color: #ffffff;
    background: #3c3c3c;
    border: 1px solid #4c4c4c;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 5px 10px;
    text-transform: uppercase;
    line-height: 1.4;
}

[dir="rtl"] .header-top .lang-switcher .lang-dropdown li a,
body.rtl-mode .header-top .lang-switcher .lang-dropdown li a {
    text-align: right;
}

[dir="rtl"] .dir-ltr,
body.rtl-mode .dir-ltr {
    direction: ltr;
    unicode-bidi: isolate;
}

/* ==========================================================================
   HEADER/FOOTER ICONS — FontAwesome 6 layout hooks
   The organic chrome renders icons with the shared FA6 icon system
   (fa-solid / fa-brands). These rules preserve the sizing/alignment the
   Biolife icon-font previously provided through its .biolife-icon class.
   ========================================================================== */
.header-top .top-bar .horizontal-menu a i {
    font-size: 14px;
}

.mini-actions {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 1;
}

.mini-actions .action-link {
    position: relative;
    display: inline-block;
    font-size: 0;
    line-height: 1;
    margin-left: 18px;
    vertical-align: middle;
}

.mini-actions .action-link:first-child {
    margin-left: 0;
}

.mini-actions .action-link i {
    font-size: 21px;
    line-height: 41px;
    vertical-align: middle;
}

.mini-actions .action-link:hover i {
    filter: brightness(0.82);
}

.mini-actions .action-count {
    display: none;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    min-width: 19px;
    padding: 1px 5px 2px;
    color: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    right: -8px;
    text-align: center;
}

.footer-phone-info i.fa-solid {
    font-size: 36px;
    line-height: 1;
    display: inline-block;
    float: left;
    width: 40px;
    padding-top: 9px;
    color: #666666;
}

.footer .footer-phone-info.mode-03 i.fa-solid {
    padding-top: 6px;
}

.contact-info-block.simple-info .info-item i.fa-solid,
.contact-info-block.simple-info .info-item i.fa-brands {
    display: table-cell;
    vertical-align: top;
    font-size: 18px;
    line-height: 24px;
    color: #666666;
    padding-left: 16px;
    margin: 0;
}

.newsletter-block.layout-04 .wrap-title i.fa-solid {
    font-size: 46px;
    line-height: 1;
    display: inline-block;
    color: #c8c8c8;
    vertical-align: middle;
}

.vertical-category-block>.wrap-menu>.menu>li>a>i.fa-solid,
.vertical-category-block>.wrap-menu>.menu>li>a>i.fa-brands {
    font-size: 18px;
    width: 40px;
    text-align: left;
    display: inline-block;
    float: left;
    line-height: 45px;
    color: #666666;
}

/* ==========================================================================
   SHARED CART DRAWER / BUTTON COMPONENT STYLES (theme-owned copy)
   Organic renders the unified cart-drawer partial (shared cart engine), so it
   ships its own copy of the .sf-* styles — visually self-contained without
   depending on resources/css/storefront/app.css.
   ========================================================================== */
.sf-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .6rem 1.25rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: .9rem;
    cursor: pointer;
    border: 1px solid transparent;
    text-decoration: none;
    transition: filter .15s, background .15s, color .15s;
}

.sf-btn--primary {
    background: var(--sf-primary, #7faf51);
    color: #fff;
}

.sf-btn--primary:hover {
    background: var(--sf-primary-hover, #68953f);
    color: #fff;
}

.sf-btn--block {
    width: 100%;
}

.sf-btn--lg {
    padding: .85rem 1.5rem;
    font-size: .95rem;
}

.sf-icon-btn {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .6rem;
    border: none;
    background: transparent;
    color: var(--sf-text, #222222);
    cursor: pointer;
    font-size: 1rem;
}

.sf-icon-btn:hover {
    background: color-mix(in srgb, var(--sf-primary, #7faf51) 10%, transparent);
    color: var(--sf-primary, #7faf51);
}

.sf-empty {
    color: var(--sf-text-muted, #767676);
    padding: 3rem 0;
    text-align: center;
}

.sf-cart-drawer {
    position: fixed;
    inset: 0;
    z-index: 50;
}

.sf-cart-drawer__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45);
}

.sf-cart-drawer__panel {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    height: 100%;
    width: min(24rem, 100%);
    background: var(--sf-surface, #ffffff);
    display: flex;
    flex-direction: column;
    box-shadow: -10px 0 40px rgba(0, 0, 0, .15);
    transition: transform .25s;
}

.sf-cart-drawer__panel--hidden {
    transform: translateX(100%);
}

html[dir="rtl"] .sf-cart-drawer__panel--hidden {
    transform: translateX(-100%);
}

.sf-cart-drawer__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid var(--sf-border, #ebebeb);
}

.sf-cart-drawer__head h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
}

.sf-cart-drawer__body {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sf-cart-line {
    display: flex;
    gap: .75rem;
    align-items: center;
}

.sf-cart-line__img {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: .5rem;
    object-fit: cover;
    border: 1px solid var(--sf-border, #ebebeb);
}

.sf-cart-line__info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.sf-cart-line__name {
    font-size: .88rem;
    font-weight: 600;
}

.sf-cart-line__variant {
    font-size: .72rem;
    color: var(--sf-text-muted, #767676);
}

.sf-cart-line__details {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.sf-cart-detail {
    display: flex;
    align-items: flex-start;
    gap: .35rem;
    min-width: 0;
    font-size: .7rem;
    line-height: 1.35;
    color: var(--sf-text-muted, #767676);
}

.sf-cart-detail i {
    flex: 0 0 auto;
    margin-top: .1rem;
    color: var(--sf-primary, #7faf51);
    font-size: .68rem;
}

.sf-cart-detail__label {
    flex: 0 0 auto;
    font-weight: 800;
    color: var(--sf-text, #222222);
}

.sf-cart-detail__label::after {
    content: ':';
}

.sf-cart-detail__value {
    min-width: 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sf-cart-line__price {
    font-size: .82rem;
    font-weight: 700;
    color: var(--sf-primary, #7faf51);
}

.sf-cart-line__qty {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-weight: 600;
}

.sf-qty-btn {
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid var(--sf-border, #ebebeb);
    border-radius: .55rem;
    background: var(--sf-surface, #ffffff);
    cursor: pointer;
    font-size: .95rem;
    color: var(--sf-text, #222222);
}

.sf-cart-line__remove {
    border: none;
    background: none;
    color: var(--sf-text-muted, #767676);
    cursor: pointer;
}

.sf-cart-line__remove:hover {
    color: var(--sf-primary, #7faf51);
}

.sf-cart-drawer__foot {
    border-top: 1px solid var(--sf-border, #ebebeb);
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sf-cart-drawer__total {
    display: flex;
    justify-content: space-between;
    font-weight: 800;
    font-size: 1.05rem;
}

/* ==========================================================================
   MOBILE BOTTOM NAVIGATION BAR
   ========================================================================== */
.sf-bottom-nav-wrap {
    display: block;
}

@media (min-width: 768px) {

    .sf-bottom-nav-wrap,
    [data-sf-bottom-nav] {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .sf-bottom-nav-wrap nav {
        background-color: rgba(255, 255, 255, 0.96) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        border-top: 1px solid var(--sf-border, #ebebeb) !important;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08) !important;
    }

    .sf-bottom-nav-wrap a,
    .sf-bottom-nav-wrap button {
        text-decoration: none !important;
        color: var(--sf-text-muted, #767676) !important;
        transition: all 0.2s ease !important;
    }

    .sf-bottom-nav-wrap a:hover,
    .sf-bottom-nav-wrap button:hover {
        color: var(--sf-primary, #7faf51) !important;
    }

    .sf-bottom-nav-wrap .text-primary {
        color: var(--sf-primary, #7faf51) !important;
    }

    .sf-bottom-nav-wrap .bg-primary {
        background-color: var(--sf-primary, #7faf51) !important;
    }

    .sf-bottom-nav-wrap .bg-secondary {
        background-color: var(--sf-secondary, #222222) !important;
    }
}

/* ==========================================================================
   INNER PAGES HERO & BREADCRUMBS & CARDS
   ========================================================================== */
.hero-section.hero-background {
    background-color: #f4f7f2;
    border-bottom: 1px solid var(--sf-border, #ebebeb);
}

.biolife-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.biolife-nav ul li a {
    color: var(--sf-text-muted, #767676);
    text-decoration: none;
    transition: color 0.2s ease;
}

.biolife-nav ul li a:hover {
    color: var(--sf-primary, #7faf51);
}

.cr-card {
    background-color: var(--sf-surface, #ffffff);
    border: 1px solid var(--sf-border, #ebebeb);
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.cr-btn--primary {
    background-color: var(--sf-primary, #7faf51);
    color: #ffffff;
    border: none;
    border-radius: 0.75rem;
    font-weight: 700;
    padding: 0.65rem 1.25rem;
    transition: background-color 0.2s ease;
}

.cr-btn--primary:hover {
    background-color: var(--sf-primary-hover, #68953f);
    color: #ffffff;
}

/* ==========================================================================
   TOAST NOTIFICATIONS
   ========================================================================== */
.cr-toast-wrap {
    position: fixed;
    inset-inline-end: 1.5rem;
    bottom: max(1.5rem, env(safe-area-inset-bottom));
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-width: min(24rem, calc(100vw - 2rem));
    pointer-events: none;
}

.cr-toast {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: min(20rem, calc(100vw - 2rem));
    border: 1px solid var(--sf-border, #ebebeb);
    border-radius: 1rem;
    background: #ffffff;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04);
    color: var(--sf-text, #222222);
    padding: 0.9rem 1.15rem;
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1.4;
    pointer-events: auto;
}

.cr-toast__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: var(--sf-primary, #7faf51);
    color: #ffffff;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--sf-primary, #7faf51) 35%, transparent);
}

.cr-toast__icon i {
    font-size: 0.85rem;
}

.cr-toast__message {
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    .cr-toast-wrap {
        inset-inline: 1rem;
        bottom: max(5.5rem, env(safe-area-inset-bottom));
        align-items: stretch;
        max-width: none;
    }

    .cr-toast {
        min-width: 0;
        width: 100%;
    }
}

/* ==========================================================================
   HEADER ACTION BUTTONS (Wishlist & Compare)
   ========================================================================== */
.biolife-cart-info .mini-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 10px !important;
    vertical-align: middle !important;
}

.biolife-cart-info .mini-actions .action-link {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    border: 1px solid var(--sf-border, #ebebeb) !important;
    color: var(--sf-text, #222222) !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.biolife-cart-info .mini-actions .action-link:hover {
    background-color: var(--sf-primary, #7faf51) !important;
    border-color: var(--sf-primary, #7faf51) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 12px rgba(127, 175, 81, 0.25) !important;
}

.biolife-cart-info .mini-actions .action-link i {
    font-size: 15px !important;
    line-height: 1 !important;
}

.biolife-cart-info .mini-actions .action-count {
    position: absolute !important;
    top: -4px !important;
    inset-inline-end: -4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    background-color: var(--sf-primary, #7faf51) !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}

.biolife-cart-info .mini-actions .action-link:hover .action-count {
    background-color: #222222 !important;
}

/* ==========================================================================
   WISHLIST & COMPARE SPA TARGET ROUTING
   ========================================================================== */
#page-wishlist,
#page-compare {
    display: none;
}

body:has(#page-wishlist:target) #main-content,
body:has(#page-compare:target) #main-content {
    display: none !important;
}

body:has(#page-wishlist:target) #page-wishlist,
body:has(#page-compare:target) #page-compare,
#page-wishlist:target,
#page-compare:target {
    display: block !important;
}

[data-sf-hidden] {
    display: none !important;
}

/* ==========================================================================
   COMPREHENSIVE RTL / ARABIC FIXES FOR ORGANIC THEME
   ========================================================================== */
html[dir="rtl"],
body.rtl-mode,
[dir="rtl"] {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .text-start {
    text-align: right !important;
}

[dir="rtl"] .text-end {
    text-align: left !important;
}

/* Header RTL (Style-01 Layout-01) */
html[dir="rtl"] #header,
body.rtl-mode #header,
[dir="rtl"] #header {
    text-align: right !important;
    direction: rtl !important;
}

[dir="rtl"] .header-top .top-bar.left {
    float: right !important;
}

[dir="rtl"] .header-top .top-bar.right {
    float: left !important;
}

[dir="rtl"] .header-top .horizontal-menu li {
    float: right !important;
    margin-left: 18px !important;
    margin-right: 0 !important;
}

[dir="rtl"] .header-top .social-list li {
    float: right !important;
    margin-left: 6px !important;
    margin-right: 0 !important;
}

/* Header Middle RTL */
[dir="rtl"] .header-middle .col-lg-3,
[dir="rtl"] .header-middle .col-md-2 {
    float: right !important;
}

[dir="rtl"] .header-middle .col-lg-9,
[dir="rtl"] .header-middle .col-md-10 {
    float: left !important;
}

[dir="rtl"] .header-middle .biolife-logo {
    float: right !important;
}

[dir="rtl"] .header-middle .header-search-bar {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 30px !important;
}

[dir="rtl"] .header-search-bar form .btn-submit {
    left: 0 !important;
    right: auto !important;
    border-radius: 999px 0 0 999px !important;
}

[dir="rtl"] .header-search-bar form .input-text {
    padding-right: 25px !important;
    padding-left: 55px !important;
    text-align: right !important;
}

/* Header Bottom RTL */
[dir="rtl"] .header-bottom .col-lg-3,
[dir="rtl"] .header-bottom .col-md-4 {
    float: right !important;
}

[dir="rtl"] .header-bottom .col-lg-6,
[dir="rtl"] .header-bottom .col-md-6 {
    float: right !important;
}

[dir="rtl"] .header-bottom .col-lg-3:last-child,
[dir="rtl"] .header-bottom .col-md-2:last-child {
    float: left !important;
}

[dir="rtl"] .vertical-menu.vertical-category-block {
    text-align: right !important;
}

[dir="rtl"] .vertical-menu .block-title .menu-icon {
    float: right !important;
    margin-left: 14px !important;
    margin-right: 0 !important;
}

[dir="rtl"] .vertical-menu .block-title .angle {
    float: left !important;
}

[dir="rtl"] .vertical-category-block .wrap-menu {
    right: 0 !important;
    left: auto !important;
    text-align: right !important;
}

[dir="rtl"] .vertical-category-block .menu .menu-item a {
    text-align: right !important;
}

[dir="rtl"] .vertical-category-block .menu .menu-item a i {
    float: right !important;
    margin-left: 12px !important;
    margin-right: 0 !important;
}

[dir="rtl"] .vertical-category-block .wrap-megamenu {
    right: 100% !important;
    left: auto !important;
    text-align: right !important;
}

/* Primary Navigation Menu RTL */
[dir="rtl"] .primary-menu {
    text-align: right !important;
}

[dir="rtl"] .primary-menu>ul>li {
    float: right !important;
}

[dir="rtl"] .primary-menu>ul>li>a {
    text-align: right !important;
}

[dir="rtl"] .primary-menu .sub-menu,
[dir="rtl"] .primary-menu .wrap-megamenu {
    right: 0 !important;
    left: auto !important;
    text-align: right !important;
}

/* Cart & Mini Actions RTL */
[dir="rtl"] .biolife-cart-info {
    float: left !important;
    text-align: left !important;
}

[dir="rtl"] .biolife-cart-info .minicart-block {
    float: left !important;
}

[dir="rtl"] .biolife-cart-info .mini-actions {
    float: left !important;
}

[dir="rtl"] .biolife-cart-info .mobile-menu-toggle {
    float: left !important;
    margin-right: 15px !important;
    margin-left: 0 !important;
}

[dir="rtl"] .minicart-block .icon-contain .icon-cart-mini {
    float: right !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
}

[dir="rtl"] .minicart-block .icon-contain .span-index {
    text-align: right !important;
    float: right !important;
}

[dir="rtl"] .minicart-block .cart-content {
    left: 0 !important;
    right: auto !important;
    text-align: right !important;
}

/* Slick Carousel in RTL */
[dir="rtl"] .slick-slide {
    float: right;
}

[dir="rtl"] .slick-prev {
    right: 10px;
    left: auto;
}

[dir="rtl"] .slick-next {
    left: 10px;
    right: auto;
}

/* Product Card RTL */
[dir="rtl"] .contain-product .product-thumb .labels {
    right: 12px;
    left: auto;
}

[dir="rtl"] .contain-product .buttons .add-to-cart-btn i,
[dir="rtl"] .contain-product .buttons .btn i {
    margin-left: 5px;
    margin-right: 0;
}

/* Footer RTL */
html[dir="rtl"] #footer,
body.rtl-mode #footer,
[dir="rtl"] #footer,
[dir="rtl"] .footer,
[dir="rtl"] .footer.layout-01,
[dir="rtl"] .background-footer-03 {
    text-align: right !important;
    direction: rtl !important;
}

[dir="rtl"] #footer .container {
    direction: rtl !important;
}

[dir="rtl"] #footer .col-lg-4,
[dir="rtl"] #footer .col-md-4,
[dir="rtl"] #footer .col-lg-8,
[dir="rtl"] #footer .col-md-8,
[dir="rtl"] #footer .col-sm-4,
[dir="rtl"] #footer .col-xs-12 {
    float: right !important;
    text-align: right !important;
}

[dir="rtl"] #footer .footer-item,
[dir="rtl"] #footer .section-title,
[dir="rtl"] #footer .contact-info-block,
[dir="rtl"] #footer .contact-info-block .title,
[dir="rtl"] #footer .contact-info-block .desc,
[dir="rtl"] #footer .wrap-custom-menu,
[dir="rtl"] #footer .wrap-custom-menu .menu,
[dir="rtl"] #footer .wrap-custom-menu .menu li,
[dir="rtl"] #footer .wrap-custom-menu .menu li a,
[dir="rtl"] #footer .footer-about,
[dir="rtl"] #footer .logo-text,
[dir="rtl"] #footer .r-info {
    text-align: right !important;
}

[dir="rtl"] #footer .footer-phone-info.mode-03 .biolife-icon,
[dir="rtl"] #footer .footer-phone-info .biolife-icon {
    float: right !important;
    margin-left: 15px !important;
    margin-right: 0 !important;
}

[dir="rtl"] #footer .footer-phone-info.mode-03 .r-info,
[dir="rtl"] #footer .footer-phone-info .r-info {
    padding-right: 20px !important;
    padding-left: 0 !important;
    float: right !important;
    text-align: right !important;
}

[dir="rtl"] #footer .contact-info-block .info-item i,
[dir="rtl"] #footer .contact-info-block .info-item img,
[dir="rtl"] #footer .contact-info-block .info-item .icon {
    float: right !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
}

[dir="rtl"] #footer .contact-info-block .info-item .desc {
    padding-right: 32px !important;
    padding-left: 0 !important;
    text-align: right !important;
}

[dir="rtl"] #footer .biolife-social .socials {
    text-align: right !important;
    padding-right: 0 !important;
}

[dir="rtl"] #footer .biolife-social .socials li {
    float: right !important;
    margin-left: 6px !important;
    margin-right: 0 !important;
}

[dir="rtl"] #footer .wrap-custom-menu .menu li a {
    text-align: right !important;
}

/* Newsletter layout-04 RTL */
[dir="rtl"] #footer .newsletter-block.layout-04 .wrap-title {
    float: right !important;
    text-align: right !important;
}

[dir="rtl"] #footer .newsletter-block.layout-04 .wrap-title .biolife-icon {
    float: right !important;
    margin-left: 20px !important;
    margin-right: 0 !important;
}

[dir="rtl"] #footer .newsletter-block.layout-04 .wrap-title .texts {
    float: right !important;
    text-align: right !important;
}

[dir="rtl"] #footer .newsletter-block.layout-04 .form-content {
    float: left !important;
}

[dir="rtl"] #footer .newsletter-block.layout-04 .form-content .input-text {
    padding-right: 25px !important;
    padding-left: 125px !important;
    text-align: right !important;
}

[dir="rtl"] #footer .newsletter-block.layout-04 .form-content .bnt-submit {
    left: 0 !important;
    right: auto !important;
    border-radius: 999px 0 0 999px !important;
}

/* Copyrights & Payments RTL */
[dir="rtl"] #footer .copy-rights-contain .copy-right-text {
    float: right !important;
    text-align: right !important;
}

[dir="rtl"] #footer .copy-rights-contain .copy-right-text p {
    text-align: right !important;
}

[dir="rtl"] #footer .copy-rights-contain .payment-methods {
    float: left !important;
    text-align: left !important;
}

[dir="rtl"] #footer .payment-methods ul {
    text-align: left !important;
    padding-left: 0 !important;
}

[dir="rtl"] #footer .payment-methods ul li {
    float: left !important;
    margin-right: 8px !important;
    margin-left: 0 !important;
}

/* ==========================================================================
   MINICART & ACTIONS PERFECT FLEX STYLES (LAYOUT-02)
   ========================================================================== */
.biolife-cart-info {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    float: right !important;
}

[dir="rtl"] .biolife-cart-info {
    float: left !important;
    justify-content: flex-start !important;
}

.biolife-cart-info .action-link {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    border: 2px solid #e2e8f0 !important;
    color: #475569 !important;
    font-size: 15px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
}

.biolife-cart-info .action-link:hover {
    border-color: var(--theme-primary, #7faf51) !important;
    color: var(--theme-primary, #7faf51) !important;
    transform: translateY(-1px) !important;
}

.biolife-cart-info .action-count {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    background-color: var(--theme-primary, #7faf51) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    display: inline-flex;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.biolife-cart-info .action-count[style*="display: none"] {
    display: none !important;
}

[dir="rtl"] .biolife-cart-info .action-count {
    right: auto !important;
    left: -6px !important;
}

.minicart-block.layout-02 {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

.minicart-block.layout-02 .icon-contain {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.minicart-block.layout-02 .icon-contain .span-index {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 44px !important;
    padding: 0 16px 0 18px !important;
    border: 2px solid #e2e8f0 !important;
    border-right: none !important;
    border-radius: 9999px 0 0 9999px !important;
    background-color: #ffffff !important;
    line-height: normal !important;
}

.minicart-block.layout-02 .icon-contain .cart-icon,
.minicart-block.layout-02 .icon-contain i {
    font-family: "Font Awesome 6 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: var(--theme-primary, #7faf51) !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

.minicart-block.layout-02 .icon-contain .sub-total {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

.minicart-block.layout-02 .icon-contain .btn-to-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    padding: 0 18px !important;
    background-color: var(--sf-primary, #7faf51) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 0 9999px 9999px 0 !important;
    border: 2px solid var(--sf-primary, #7faf51) !important;
    border-left: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.minicart-block.layout-02 .icon-contain .btn-to-cart:hover {
    filter: brightness(0.95) !important;
}

/* RTL Layout for Minicart */
[dir="rtl"] .minicart-block.layout-02 .icon-contain {
    flex-direction: row !important;
}

[dir="rtl"] .minicart-block.layout-02 .icon-contain .span-index {
    border: 2px solid #e2e8f0 !important;
    border-left: none !important;
    border-radius: 0 9999px 9999px 0 !important;
    padding: 0 18px 0 16px !important;
    gap: 8px !important;
}

[dir="rtl"] .minicart-block.layout-02 .icon-contain .btn-to-cart {
    border-radius: 9999px 0 0 9999px !important;
    border: 2px solid var(--sf-primary, #7faf51) !important;
    border-right: none !important;
}

/* Category Vertical Menu RTL Arrow & Megamenu */
[dir="rtl"] .vertical-category-block .wrap-menu .menu li.has-megamenu>a:after,
[dir="rtl"] .vertical-category-block .wrap-menu .menu li.has-child>a:after {
    content: '\f104' !important;
    font-family: 'Font Awesome 6 Free', 'FontAwesome' !important;
    font-weight: 900 !important;
    position: absolute !important;
    left: 12px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    line-height: 1 !important;
    font-size: 12px !important;
    color: #94a3b8 !important;
}

[dir="rtl"] .vertical-category-block>.wrap-menu>.menu>li {
    padding: 0 15px !important;
}

[dir="rtl"] .vertical-category-block>.wrap-menu>.menu>li>a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-right: 0 !important;
    padding-left: 26px !important;
    text-align: right !important;
    position: relative !important;
    width: 100% !important;
}

[dir="rtl"] .vertical-category-block>.wrap-menu>.menu>li>a .biolife-icon,
[dir="rtl"] .vertical-category-block>.wrap-menu>.menu>li>a i {
    float: none !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.vertical-category-block .wrap-menu .menu>li>a .cat-menu-thumb {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
    margin-right: 10px !important;
    border-radius: 4px !important;
}

[dir="rtl"] .vertical-category-block>.wrap-menu>.menu>li>a .cat-menu-thumb {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

.category-banner-media img {
    max-height: 95px !important;
    width: auto !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.category-banner-media:hover img {
    transform: scale(1.05) !important;
}

[dir="rtl"] .vertical-category-block>.wrap-menu>.menu>li>a .cat-name-text,
[dir="rtl"] .vertical-category-block>.wrap-menu>.menu>li>a span {
    flex: 1 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 45px !important;
}

[dir="rtl"] .vertical-category-block .wrap-menu .wrap-megamenu {
    right: 100% !important;
    left: auto !important;
    top: 0 !important;
    text-align: right !important;
    direction: rtl !important;
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.08) !important;
}

[dir="rtl"] .wrap-megamenu .wrap-custom-menu,
[dir="rtl"] .wrap-megamenu .wrap-custom-menu.vertical-menu {
    text-align: right !important;
    direction: rtl !important;
}

[dir="rtl"] .wrap-megamenu .wrap-custom-menu .menu-title {
    text-align: right !important;
    color: var(--theme-primary, #7faf51) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    display: block !important;
}

[dir="rtl"] .wrap-megamenu .wrap-custom-menu ul.menu,
[dir="rtl"] .wrap-megamenu .wrap-custom-menu ul.menu>li {
    text-align: right !important;
    list-style: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

[dir="rtl"] .wrap-megamenu .wrap-custom-menu ul.menu>li>a {
    text-align: right !important;
    display: block !important;
    font-size: 13px !important;
    color: #475569 !important;
    padding: 6px 0 !important;
    transition: all 0.2s ease !important;
}

[dir="rtl"] .wrap-megamenu .wrap-custom-menu ul.menu>li>a:hover {
    color: var(--theme-primary, #7faf51) !important;
    transform: translateX(-4px) !important;
}

/* Megamenu Category Promo Card */
.megamenu-category-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    min-height: 220px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-align: left !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.megamenu-category-card:before,
.megamenu-category-card:after {
    display: none !important;
    content: none !important;
}

[dir="rtl"] .megamenu-category-card {
    text-align: right !important;
    direction: rtl !important;
}

.megamenu-category-card .card-media {
    width: 100% !important;
    height: 110px !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px !important;
    margin-bottom: 12px !important;
    border: 1px solid #f1f5f9 !important;
    overflow: hidden !important;
}

.megamenu-category-card .card-media img {
    max-height: 94px !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.megamenu-category-card:hover .card-media img {
    transform: scale(1.06) !important;
}

.megamenu-category-card .card-icon-wrap {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    background-color: rgba(127, 175, 81, 0.12) !important;
    color: var(--theme-primary, #7faf51) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    margin-bottom: 12px !important;
}

.megamenu-category-card .card-body {
    flex: 1 !important;
}

.megamenu-category-card .card-title {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: var(--theme-primary, #7faf51) !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.3 !important;
    display: block !important;
}

.megamenu-category-card .card-desc {
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: #64748b !important;
    margin: 0 !important;
    display: block !important;
}

.megamenu-category-card .card-footer {
    margin-top: 12px !important;
    padding-top: 10px !important;
    border-top: 1px solid #e2e8f0 !important;
}

.megamenu-category-card .card-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--theme-primary, #7faf51) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.megamenu-category-card .card-btn:hover {
    color: #444444 !important;
    transform: translateX(-3px) !important;
}

[dir="ltr"] .megamenu-category-card .card-btn:hover {
    transform: translateX(3px) !important;
}

/* ==========================================================================
   FLASH DEALS / ADVANCE PRODUCTS SECTION (SPECIAL-03)
   ========================================================================== */
.block-advance-product {
    margin: 40px 0 60px !important;
    position: relative !important;
}

.biolife-banner.special-03.biolife-banner__special-03 {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 24px !important;
}

.biolife-banner__special-03 .banner-contain {
    position: relative !important;
    background-image: url('/themes/organic/images/home-01/bn-special-03-sample.jpg') !important;
    background-position: left center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding: 50px 0 60px !important;
    min-height: 540px !important;
}

[dir="rtl"] .biolife-banner__special-03 .banner-contain {
    background-position: right center !important;
}

.biolife-banner__special-03 .container {
    position: relative !important;
}

.biolife-banner__special-03 .flash-products-column {
    max-width: 580px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

[dir="rtl"] .biolife-banner__special-03 .flash-products-column {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.biolife-banner__special-03 .biolife-title-box__bgrd-bold {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: inline-block !important;
    background: transparent !important;
}

[dir="rtl"] .biolife-banner__special-03 .biolife-title-box__bgrd-bold {
    text-align: right !important;
}

.biolife-banner__special-03 .biolife-title-box__bgrd-bold .title {
    font-size: 28px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    padding: 14px 38px 24px 38px !important;
    background-image: url('/themes/organic/images/home-01/bg_bold-title.png') !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-color: transparent !important;
    display: inline-block !important;
    font-weight: 800 !important;
    min-width: 250px !important;
    text-align: center !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.biolife-banner__special-03 .products-list.vertical-layout-02 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.biolife-banner__special-03 .products-list.vertical-layout-02 .product-item {
    margin-bottom: 12px !important;
    list-style: none !important;
    display: block !important;
}

.biolife-banner__special-03 .contain-product.contain-product__right-info-layout3 {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    background: transparent !important;
    border-radius: 12px !important;
    padding: 12px 16px 14px 12px !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 !important;
    position: relative !important;
}

.biolife-banner__special-03 .contain-product.contain-product__right-info-layout3:hover {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    z-index: 15 !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .product-thumb {
    width: 105px !important;
    height: 105px !important;
    min-width: 105px !important;
    flex-shrink: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background-color: #f9fafb !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px !important;
    margin: 0 !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .product-thumb .product-thumnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3:hover .product-thumb .product-thumnail {
    transform: scale(1.06) !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    text-align: left !important;
}

[dir="rtl"] .biolife-banner__special-03 .contain-product__right-info-layout3 .info {
    text-align: right !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .info-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    gap: 12px !important;
    margin-bottom: 2px !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .product-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .product-title a {
    color: #1e293b !important;
    transition: color 0.2s ease !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .product-title a:hover {
    color: #00a651 !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .price {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    margin: 0 !important;
    float: none !important;
    max-width: none !important;
    flex-shrink: 0 !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .price ins {
    text-decoration: none !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .price ins .price-amount {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #111827 !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .price del .price-amount {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #9ca3af !important;
    text-decoration: line-through !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .rating {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 2px 0 8px 0 !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .rating .star-rating {
    display: inline-block !important;
    font-size: 12px !important;
    color: #f59e0b !important;
    margin: 0 !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .rating .review-count {
    font-size: 12px !important;
    color: #6b7280 !important;
    line-height: 1 !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .desc {
    font-size: 12.5px !important;
    color: #6b7280 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    border-top: 1px dashed #d1d5db !important;
    padding-top: 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .slide-down-buttons {
    max-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    margin-top: 0 !important;
    overflow: hidden !important;
    transition: all 0.25s ease-in-out !important;
    transform: translateY(-4px) !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3:hover .info .slide-down-buttons {
    max-height: 60px !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 12px !important;
    transform: translateY(0) !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .slide-down-buttons .add-to-cart-btn {
    height: 38px !important;
    padding: 0 24px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 9999px !important;
    background-color: #00a651 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    min-width: auto !important;
    margin: 0 !important;
    letter-spacing: 0.5px !important;
    transition: background-color 0.2s ease !important;
    cursor: pointer !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .slide-down-buttons .add-to-cart-btn:hover {
    background-color: #008a43 !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .slide-down-buttons .wishlist-btn,
.biolife-banner__special-03 .contain-product__right-info-layout3 .info .slide-down-buttons .compare-btn {
    background: transparent !important;
    color: #9ca3af !important;
    border: none !important;
    padding: 4px 6px !important;
    font-size: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
}

.biolife-banner__special-03 .contain-product__right-info-layout3 .info .slide-down-buttons .wishlist-btn:hover,
.biolife-banner__special-03 .contain-product__right-info-layout3 .info .slide-down-buttons .compare-btn:hover {
    color: #00a651 !important;
}

/* ------------------------------------------------------------------
   Responsive display-utility reassert (unlayered).
   Bootstrap 4 ships an unlayered `.hidden{display:none}` (through
   themes/organic/css/bootstrap.min.css). Unlayered rules beat every
   Cascade-layer rule, so that helper wins over Tailwind v4's
   `@layer utilities` display variants (e.g. `hidden lg:flex`) and
   keeps desktop-only bars/nav hidden at every width.
   Because this stylesheet is injected after the theme's CSS links,
   the same-selector rules below, wrapped in the Tailwind-equivalent
   breakpoints, restore the intended responsive behaviour.
   ------------------------------------------------------------------ */
@media (min-width: 40rem) {
    .sm\:block {
        display: block !important;
    }

    .sm\:flex {
        display: flex !important;
    }

    .sm\:inline {
        display: inline !important;
    }

    .sm\:inline-flex {
        display: inline-flex !important;
    }

    .sm\:inline-block {
        display: inline-block !important;
    }

    .sm\:grid {
        display: grid !important;
    }

    .sm\:inline-grid {
        display: inline-grid !important;
    }

    .sm\:contents {
        display: contents !important;
    }

    .sm\:hidden {
        display: none !important;
    }
}

@media (min-width: 48rem) {
    .md\:block {
        display: block !important;
    }

    .md\:flex {
        display: flex !important;
    }

    .md\:inline {
        display: inline !important;
    }

    .md\:inline-flex {
        display: inline-flex !important;
    }

    .md\:inline-block {
        display: inline-block !important;
    }

    .md\:grid {
        display: grid !important;
    }

    .md\:inline-grid {
        display: inline-grid !important;
    }

    .md\:contents {
        display: contents !important;
    }

    .md\:hidden {
        display: none !important;
    }
}

@media (min-width: 64rem) {
    .lg\:block {
        display: block !important;
    }

    .lg\:flex {
        display: flex !important;
    }

    .lg\:inline {
        display: inline !important;
    }

    .lg\:inline-flex {
        display: inline-flex !important;
    }

    .lg\:inline-block {
        display: inline-block !important;
    }

    .lg\:grid {
        display: grid !important;
    }

    .lg\:inline-grid {
        display: inline-grid !important;
    }

    .lg\:contents {
        display: contents !important;
    }

    .lg\:hidden {
        display: none !important;
    }
}

@media (min-width: 80rem) {
    .xl\:block {
        display: block !important;
    }

    .xl\:flex {
        display: flex !important;
    }

    .xl\:inline {
        display: inline !important;
    }

    .xl\:inline-flex {
        display: inline-flex !important;
    }

    .xl\:inline-block {
        display: inline-block !important;
    }

    .xl\:grid {
        display: grid !important;
    }

    .xl\:inline-grid {
        display: inline-grid !important;
    }

    .xl\:contents {
        display: contents !important;
    }

    .xl\:hidden {
        display: none !important;
    }
}

@media not all and (min-width: 40rem) {
    .max-sm\:hidden {
        display: none !important;
    }
}

@media not all and (min-width: 64rem) {
    .max-lg\:hidden {
        display: none !important;
    }
}

/* ============ Header: departments card (biolife demo parity) ============ */

.vertical-category-block .wrap-menu .menu>li>a .biolife-icon {
    color: #a0a0a0;
    padding-right: 5px;
}

.vertical-category-block .wrap-menu .menu>li:nth-child(6n+1)>a .biolife-icon {
    color: #75a85b;
}

.vertical-category-block .wrap-menu .menu>li:nth-child(6n+2)>a .biolife-icon {
    color: #e9973f;
}

.vertical-category-block .wrap-menu .menu>li:nth-child(6n+3)>a .biolife-icon {
    color: #d4564d;
}

.vertical-category-block .wrap-menu .menu>li:nth-child(6n+4)>a .biolife-icon {
    color: #5d8fc9;
}

.vertical-category-block .wrap-menu .menu>li:nth-child(6n+5)>a .biolife-icon {
    color: #b65c7e;
}

.vertical-category-block .wrap-menu .menu>li:nth-child(6n+6)>a .biolife-icon {
    color: #c9a13b;
}

.vertical-category-block .wrap-menu ul.sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    width: 250px;
    z-index: 120;
}

[dir="rtl"] .vertical-category-block .wrap-menu ul.sub-menu {
    left: auto;
    right: 100%;
}

[dir="rtl"] .vertical-category-block .block-title .angle {
    right: auto;
    left: 20px;
}

[dir="rtl"] .vertical-category-block>.wrap-menu>.menu>li>a .biolife-icon,
[dir="rtl"] .vertical-category-block .wrap-menu .menu>li>a .biolife-icon {
    float: right;
    text-align: right;
    padding-right: 0;
    padding-left: 5px;
}

[dir="rtl"] .vertical-category-block .wrap-menu .menu li.has-child>a:after {
    content: '\f104';
    right: auto;
    left: 0;
}

[dir="rtl"] .header-top .top-bar.left {
    float: right;
}

[dir="rtl"] .header-top .top-bar.right {
    float: left;
    text-align: left;
}

[dir="rtl"] .header-top .top-bar .social-list,
[dir="rtl"] .header-top .top-bar .horizontal-menu {
    float: right;
}

[dir="rtl"] .header-area.layout-01 .top-bar.left>ul+ul {
    margin-left: 0;
    margin-right: 34px;
}

[dir="rtl"] .header-area.layout-01 .header-top .right .horizontal-menu>li {
    padding-right: 0;
    padding-left: 34px;
}

[dir="rtl"] .header-area.layout-01 .header-bottom .biolife-cart-info {
    text-align: left;
}

[dir="rtl"] .minicart-block.layout-02 .icon-contain .span-index {
    border-right: 2px solid #e6e6e6;
    border-left: 0;
    padding-left: 0;
    padding-right: 20px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[dir="rtl"] .minicart-block.layout-02 .icon-contain .btn-to-cart {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
}

[dir="rtl"] .header-area.layout-01 .header-bottom .logo-for-mobile {
    float: right;
}

[dir="rtl"] .header-area.layout-01 .header-bottom .biolife-cart-info {
    float: left;
}

/* ==========================================================================
   PAGE LAYOUT & HEADER ARTWORK FLOW (Biolife Paper Brush bg_header-01.png)
   ========================================================================== */
body.is-homepage .header-area.layout-01 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 100 !important;
}

body.is-inner-page .header-area.layout-01,
body:not(.is-homepage) .header-area.layout-01 {
    position: relative !important;
    z-index: 100 !important;
}

body.is-inner-page .page-contain,
body:not(.is-homepage) .page-contain {
    padding-top: 20px !important;
    padding-bottom: 60px !important;
    min-height: 60vh !important;
}

/* ==========================================================================
   UNIFIED STOREFRONT CHECKOUT (.sf-checkout) & SUMMARY (.sf-summary)
   ========================================================================== */
.sf-checkout {
    color: var(--sf-text, #222222) !important;
    font-family: inherit !important;
}

.sf-checkout .bg-surface {
    background-color: #ffffff !important;
    border: 1.5px solid var(--sf-border, #e2e8f0) !important;
    border-radius: 1.5rem !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

.sf-checkout .border-line,
.sf-checkout .border {
    border-color: var(--sf-border, #e2e8f0) !important;
}

.sf-checkout .text-charcoal {
    color: var(--sf-text, #222222) !important;
}

.sf-checkout input[type="text"],
.sf-checkout input[type="tel"],
.sf-checkout input[type="email"],
.sf-checkout textarea {
    display: block !important;
    width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;
    background-color: #ffffff !important;
    border: 1.5px solid var(--sf-border, #cbd5e1) !important;
    border-radius: 0.75rem !important;
    padding: 0.65rem 1rem !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: var(--sf-text, #222222) !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.sf-checkout select {
    display: block !important;
    width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;
    background-color: #ffffff !important;
    border: 1.5px solid var(--sf-border, #cbd5e1) !important;
    border-radius: 0.75rem !important;
    padding: 0.65rem 1rem !important;
    padding-inline-end: 2.25rem !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: var(--sf-text, #222222) !important;
    outline: none !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.sf-checkout .nice-select {
    display: none !important;
}

.sf-checkout input[type="text"]:focus,
.sf-checkout input[type="tel"]:focus,
.sf-checkout input[type="email"]:focus,
.sf-checkout select:focus,
.sf-checkout textarea:focus {
    border-color: var(--organic-green, #7faf51) !important;
    box-shadow: 0 0 0 3px rgba(127, 175, 81, 0.18) !important;
}

.sf-checkout button[type="submit"],
.sf-checkout .btn-checkout {
    background-color: var(--organic-green, #7faf51) !important;
    color: #ffffff !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.sf-checkout button[type="submit"]:hover,
.sf-checkout .btn-checkout:hover {
    background-color: var(--organic-green-dark, #68953f) !important;
    transform: translateY(-2px) !important;
}

/* Checkout Summary Card & Items */
.sf-checkout__summary {
    position: relative;
    align-self: start;
}

@media (min-width: 1024px) {
    .sf-checkout__summary {
        position: sticky;
        top: 2rem;
    }
}

.sf-checkout__card {
    background: #ffffff !important;
    border: 1.5px solid var(--sf-border, #e2e8f0) !important;
    border-radius: 1.5rem !important;
    padding: 1.5rem !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05) !important;
}

.sf-checkout__card-title {
    margin: 0 0 1.25rem !important;
    color: var(--sf-text, #222222) !important;
    font-size: 1.15rem !important;
    font-weight: 900 !important;
    padding-bottom: 0.75rem !important;
    border-bottom: 1px solid var(--sf-border, #f1f5f9) !important;
}

.sf-summary__items {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    margin-bottom: 1.25rem !important;
}

.sf-summary__line {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.85rem !important;
    border-bottom: 1px solid var(--sf-border, #f1f5f9) !important;
    padding-bottom: 0.85rem !important;
}

.sf-summary__img-wrap {
    width: 4.5rem !important;
    height: 4.5rem !important;
    max-width: 4.5rem !important;
    max-height: 4.5rem !important;
    min-width: 4.5rem !important;
    flex-shrink: 0 !important;
    border-radius: 0.85rem !important;
    overflow: hidden !important;
    border: 1.5px solid var(--sf-border, #e2e8f0) !important;
    background: #f8fafc !important;
}

.sf-summary__img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.sf-summary__info {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
}

.sf-summary__head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
}

.sf-summary__name {
    color: var(--sf-text, #222222) !important;
    font-size: 0.88rem !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

.sf-summary__price {
    color: var(--organic-green, #7faf51) !important;
    font-size: 0.92rem !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.sf-summary__variant {
    color: var(--sf-text-muted, #767676) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}

.sf-summary__details {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
    margin: 0.2rem 0 !important;
}

.sf-summary__qty-badge {
    display: inline-block !important;
    color: var(--sf-text-muted, #767676) !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
}

.sf-summary__totals {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
    margin: 0 !important;
    padding-top: 1rem !important;
    border-top: 1.5px solid var(--sf-border, #e2e8f0) !important;
}

.sf-summary__totals > div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    color: var(--sf-text-muted, #767676) !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
}

.sf-summary__totals dt,
.sf-summary__totals dd {
    margin: 0 !important;
}

.sf-summary__grand {
    margin-top: 0.25rem !important;
    padding-top: 0.85rem !important;
    border-top: 1.5px solid var(--sf-border, #e2e8f0) !important;
    color: var(--sf-text, #222222) !important;
    font-size: 1.05rem !important;
    font-weight: 900 !important;
}

.sf-summary__grand dd {
    color: var(--organic-green, #7faf51) !important;
    font-size: 1.25rem !important;
    font-weight: 900 !important;
}

/* ==========================================================================
   GLOBAL STOREFRONT FORM SELECTS & SORTING DROPDOWNS
   ========================================================================== */
[data-filter-sorting] select,
.sf-sort-select,
.main-content select {
    display: inline-block !important;
    background-color: #ffffff !important;
    border: 1.5px solid var(--sf-border, #cbd5e1) !important;
    border-radius: 0.75rem !important;
    padding: 0.45rem 2rem 0.45rem 0.85rem !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: var(--sf-text, #222222) !important;
    outline: none !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.65rem center !important;
    background-size: 0.85rem 0.85rem !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

[dir="rtl"] [data-filter-sorting] select,
body.rtl-mode [data-filter-sorting] select,
[dir="rtl"] .sf-sort-select,
body.rtl-mode .sf-sort-select,
[dir="rtl"] .main-content select,
body.rtl-mode .main-content select {
    padding: 0.45rem 0.85rem 0.45rem 2rem !important;
    background-position: left 0.65rem center !important;
}

[data-filter-sorting] select:focus,
.sf-sort-select:focus,
.main-content select:focus {
    border-color: var(--sf-primary, #7faf51) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--sf-primary, #7faf51) 18%, transparent) !important;
}

/* ==========================================================================
   DYNAMIC THEME COLOR ENGINE (GRANULAR SEMANTIC ARCHITECTURE)
   Maps merchant customized palette (--sf-*) semantically to each component:
   - --sf-primary: Main brand identity, header category menu, active links, accents
   - --sf-primary-hover: Hover states for primary elements
   - --sf-secondary: Secondary brand accents & minicart pill
   - --sf-accent: Distinct highlight brush badges, active tabs, stars, wishlist
   - --sf-cta-bg & --sf-cta-text: Purchase & Add-to-cart action buttons
   - --sf-surface & --sf-bg: Card surfaces and background tones
   ========================================================================== */

/* 1. Global Call-to-Action Buttons (Add to Cart, Checkout, Shop Now) */
.btn.btn-bold,
.btn-bold,
.btn-submit,
.add-to-cart-btn,
.btn-shopnow,
.btn-to-cart,
.btn-checkout .btn,
.biolife-banner .btn,
.banner-promotion .btn,
.main-slide .btn.btn-bold,
button[data-pdp-add-to-cart]:not(:disabled),
button[data-btn-add-to-cart]:not(:disabled),
.sf-pdp-add-btn:not(:disabled),
.biolife-banner__special-03 .contain-product__right-info-layout3 .info .slide-down-buttons .add-to-cart-btn,
.contain-product__right-info-layout3 .buttons .add-to-cart-btn,
.contain-product__right-info-layout3 .slide-down-buttons .add-to-cart-btn,
.block-advance-product .add-to-cart-btn {
    background-color: var(--sf-cta-bg, var(--sf-primary, #7faf51)) !important;
    border-color: var(--sf-cta-bg, var(--sf-primary, #7faf51)) !important;
    color: var(--sf-cta-text, #ffffff) !important;
    transition: all 0.25s ease !important;
}

.btn.btn-bold:hover,
.btn-bold:hover,
.btn-submit:hover,
.add-to-cart-btn:hover,
.btn-shopnow:hover,
.btn-to-cart:hover,
.btn-checkout .btn:hover,
.biolife-banner .btn:hover,
.banner-promotion .btn:hover,
.main-slide .btn.btn-bold:hover,
button[data-pdp-add-to-cart]:not(:disabled):hover,
button[data-btn-add-to-cart]:not(:disabled):hover,
.sf-pdp-add-btn:not(:disabled):hover,
.biolife-banner__special-03 .contain-product__right-info-layout3 .info .slide-down-buttons .add-to-cart-btn:hover,
.contain-product__right-info-layout3 .buttons .add-to-cart-btn:hover,
.contain-product__right-info-layout3 .slide-down-buttons .add-to-cart-btn:hover,
.block-advance-product .add-to-cart-btn:hover {
    background-color: var(--sf-primary-hover, #68953f) !important;
    border-color: var(--sf-primary-hover, #68953f) !important;
    color: var(--sf-cta-text, #ffffff) !important;
}

/* Outline Thin Buttons */
.btn.btn-thin,
.btn-thin,
.main-slide .btn.btn-thin {
    color: var(--sf-primary, #7faf51) !important;
    border: 2px solid var(--sf-primary, #7faf51) !important;
    background: transparent !important;
    transition: all 0.25s ease !important;
}

.btn.btn-thin:hover,
.btn-thin:hover,
.main-slide .btn.btn-thin:hover {
    background-color: var(--sf-primary, #7faf51) !important;
    border-color: var(--sf-primary, #7faf51) !important;
    color: #ffffff !important;
}

/* 2. Header & Main Navigation */
.vertical-category-block .block-title,
.vertical-category-block .block-title .menu-title,
.header-area .vertical-category-block .block-title {
    background-color: var(--sf-primary, #7faf51) !important;
    color: #ffffff !important;
}

.vertical-category-block .block-title:hover,
.header-area .vertical-category-block .block-title:hover {
    background-color: var(--sf-primary-hover, #68953f) !important;
}

.header-search-bar .btn-submit,
.mobile-search .btn-submit,
.search-bar .btn-submit {
    background-color: var(--sf-primary, #7faf51) !important;
    color: #ffffff !important;
}

.primary-menu > ul > li:hover > a,
.primary-menu > ul > li.active > a,
.header-area .primary-menu > ul > li:hover > a,
.header-top .top-bar .horizontal-menu a:hover,
.header-top .top-bar .social-list a:hover {
    color: var(--sf-primary, #7faf51) !important;
}

.telephone .biolife-icon,
.live-info .telephone i,
.header-area .live-info .telephone i {
    color: var(--sf-primary, #7faf51) !important;
}

/* 3. Header Minicart Pill & Badges (Secondary / Distinct Token) */
.minicart-block.layout-02 .icon-contain .btn-to-cart,
[dir="rtl"] .minicart-block.layout-02 .icon-contain .btn-to-cart {
    background-color: var(--sf-secondary, var(--sf-primary, #7faf51)) !important;
    border-color: var(--sf-secondary, var(--sf-primary, #7faf51)) !important;
    color: #ffffff !important;
}

.mini-actions .action-count,
.biolife-cart-info .icon-qty-combine .qty,
.minicart-block.layout-02 .icon-contain .span-index .qty {
    background-color: var(--sf-primary, #7faf51) !important;
    color: #ffffff !important;
}

.minicart-block.layout-02 .icon-contain .cart-icon,
.minicart-block.layout-02 .icon-contain .span-index .cart-icon,
.minicart-block.layout-02 .icon-contain .span-index i {
    color: var(--sf-primary, #7faf51) !important;
}

/* 4. Section Titles, Headings & Highlights (Primary Token) */
.biolife-title-box .subtitle,
.biolife-title-box.style-02 .subtitle,
.biolife-title-box.biolife-title-box__icon-at-top-style .subtitle,
.section-subtitle {
    color: var(--sf-primary, #7faf51) !important;
}

.biolife-title-box .icon-at-top,
.icon-at-top.icon-organic {
    color: var(--sf-primary, #7faf51) !important;
}

.second-line span,
.main-slide .second-line span,
.highlight-text,
.year-gradient {
    color: var(--sf-primary, #7faf51) !important;
}

.biolife-banner .text1,
.promotion6 .text1,
.main-slide .first-line {
    color: var(--sf-primary, #7faf51) !important;
}

/* 5. Dynamic Title Brushes & Sample Layout Tabs (Accent / Primary Token via Mask Engine) */
.biolife-banner__special-03 .biolife-title-box__bgrd-bold .title,
.biolife-title-box.bgrd-bold .title,
.biolife-title-box__bgrd-bold .title {
    background-color: var(--sf-primary, #7faf51) !important;
    background-image: none !important;
    -webkit-mask-image: url('/themes/organic/images/home-01/bg_bold-title.png') !important;
    mask-image: url('/themes/organic/images/home-01/bg_bold-title.png') !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    color: #ffffff !important;
}

.tab-head__sample-layout.type-02 .tab-element.active a,
.tab-head__sample-layout.type-02 .tab-element a:hover {
    background-color: var(--sf-primary, #7faf51) !important;
    background-image: none !important;
    -webkit-mask-image: url('/themes/organic/images/home-01/bg_bold-title.png') !important;
    mask-image: url('/themes/organic/images/home-01/bg_bold-title.png') !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    color: #ffffff !important;
}

.tab-head__default .tab-element.active .tab-link,
.tab-head__default .tab-element .tab-link:hover,
.tab-head__icon-top-layout:not(.background-tab-include) .active a,
.tab-head__icon-top-layout:not(.background-tab-include) .tab-element a:hover {
    color: var(--sf-primary, #7faf51) !important;
}

.tab-head__default .tab-element .tab-link::before {
    background-color: var(--sf-primary, #7faf51) !important;
}

.tab-head__icon-top-layout.background-tab-include .active a > span:not(.biolife-icon) {
    color: var(--sf-accent, #e73918) !important;
}

.tab-head__icon-top-layout.background-tab-include .tab-element a:hover > span:not(.biolife-icon) {
    color: var(--sf-primary, #7faf51) !important;
}

/* 6. Product Cards, Badges, Ratings & Prices */
.price ins .price-amount,
.contain-product .price ins,
.product-price ins,
.product-price .current-price,
.sf-summary__price,
.sf-summary__grand dd,
.sf-cart-line__price {
    color: var(--sf-primary, #7faf51) !important;
}

.contain-product .info .product-title a:hover,
.pr-name:hover,
.product-title a:hover {
    color: var(--sf-primary, #7faf51) !important;
}

.product-item:hover,
.contain-product:hover,
.contain-product:hover .product-thumb {
    border-color: color-mix(in srgb, var(--sf-primary, #7faf51) 35%, transparent) !important;
}

/* Ratings & Wishlist (Accent Token) */
.stars-outer .star-rating span {
    background-color: var(--sf-accent, #e73918) !important;
}

.wishlist-btn:hover,
.compare-btn:hover,
.slide-down-buttons .wishlist-btn:hover,
.slide-down-buttons .compare-btn:hover {
    color: var(--sf-accent, #e73918) !important;
}

.flash-countdown-pill {
    border-color: color-mix(in srgb, var(--sf-accent, #e73918) 35%, transparent) !important;
}

.flash-countdown-pill .text-primary {
    color: var(--sf-accent, #e73918) !important;
}

/* 7. Features & Service Highlights */
.service-inner .srv-icon {
    background-color: color-mix(in srgb, var(--sf-primary, #7faf51) 12%, transparent) !important;
    color: var(--sf-primary, #7faf51) !important;
}

.service-inner:hover .srv-icon {
    background-color: var(--sf-primary, #7faf51) !important;
    color: #ffffff !important;
}

.service-inner:hover .srv-name {
    color: var(--sf-primary, #7faf51) !important;
}

/* 8. Sliders & Dots */
.biolife-carousel .slick-dots li.slick-active button,
.dots_ring_style .slick-dots li.slick-active button {
    background-color: var(--sf-primary, #7faf51) !important;
    border-color: var(--sf-primary, #7faf51) !important;
}

.slick-arrow:hover,
.biolife-carousel .slick-arrow:hover {
    background-color: var(--sf-primary, #7faf51) !important;
    color: #ffffff !important;
}

/* 9. PDP Product Detail Page Tabs & Actions */
.bg-primary {
    background-color: var(--sf-primary, #7faf51) !important;
    color: #ffffff !important;
}

.text-primary {
    color: var(--sf-primary, #7faf51) !important;
}

.border-primary {
    border-color: var(--sf-primary, #7faf51) !important;
}

[data-tab-details].border-primary,
[data-tab-reviews].border-primary,
button[data-tab-details].border-primary,
button[data-tab-reviews].border-primary {
    border-bottom-color: var(--sf-primary, #7faf51) !important;
    color: var(--sf-primary, #7faf51) !important;
}

/* 10. Footer Links & Accents */
.footer a:hover,
.footer .social-list a:hover {
    color: var(--sf-primary, #7faf51) !important;
}

.btn-scroll-top:hover {
    background-color: var(--sf-primary, #7faf51) !important;
    color: #ffffff !important;
}