:root {
    --brand-primary: #2f7a27;
    --brand-primary-dark: #245f1e;
    --brand-secondary: #0f6cbf;
    --brand-accent: #f59e0b;
    --surface: #ffffff;
    --surface-soft: #f5f8fb;
    --text-primary: #111827;
    --text-muted: #5b6472;
    --border-soft: #e4e9f1;
    --shadow-soft: 0 10px 30px rgba(15, 23, 42, 0.08);
    --shadow-card: 0 8px 24px rgba(15, 23, 42, 0.09);
    --radius-lg: 18px;
    --radius-md: 12px;
}

body {
    background: linear-gradient(180deg, #eef3f7 0%, #f7f9fb 35%, #f2f5f9 100%);
    color: var(--text-primary);
}

#content {
    padding-top: 150px;
}

.top_header {
    background: linear-gradient(90deg, #225e1e 0%, #2f7a27 50%, #3f9336 100%) !important;
}

.main-header {
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.logo-area {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.main-logo img,
.menu-logo img,
.mobile-menu-logo .logo-image img {
    max-height: 62px;
    width: auto;
    object-fit: contain;
}

.main-search form,
.mobile-search form {
    border: 1px solid var(--border-soft);
    border-radius: 999px;
    overflow: hidden;
    background: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 3px 10px rgba(17, 24, 39, 0.04);
}

.main-search form input,
.mobile-search form input {
    background: transparent;
    color: var(--text-primary);
}

.main-search form button,
.mobile-search form button {
    background: linear-gradient(135deg, var(--brand-secondary), #1f8be7);
    color: #fff;
    border-radius: 999px;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.main-search form button:hover,
.mobile-search form button:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}

.menu-area {
    background: linear-gradient(90deg, #255f20 0%, #2f7a27 50%, #1f6bb1 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.catagory_menu ul li a {
    color: #fff;
    font-weight: 500;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.catagory_menu ul li a:hover {
    color: #fff;
    opacity: 0.88;
}

.Cat_menu,
.child_menu,
.sidebar-menu,
.sidebar-submenu,
.sidebar-childmenu {
    border-radius: var(--radius-md);
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-soft);
}

.home-slider-container,
.section-meta-description,
.description-nav-wrapper,
section.related-product-section,
section.pro_details_area {
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft);
}

.home-slider-container,
section.related-product-section,
section.pro_details_area {
    background: var(--surface);
}

.homeproduct,
.category-main-section,
.campaign-main-section,
.bottoads_area,
.footer_top_ads_area {
    background: transparent;
}

.section-title-header {
    border-radius: 14px;
    background: linear-gradient(90deg, #eef6ee 0%, #edf5ff 100%);
    border: 1px solid var(--border-soft);
    padding: 10px 14px;
}

.section-title-name {
    color: #1f2937;
    letter-spacing: 0.2px;
}

.product_item {
    border: 1px solid var(--border-soft);
    border-radius: 14px;
    box-shadow: var(--shadow-card);
    overflow: hidden;
    padding: 8px;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.product_item:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.16);
    border-color: rgba(47, 122, 39, 0.35) !important;
}

.pro_img {
    border-radius: 12px;
    background: #f8fafc;
}

.pro_name a {
    color: var(--text-primary);
    line-height: 1.35;
}

.pro_name a:hover {
    color: var(--brand-primary);
    text-decoration: none;
}

.pro_price p {
    color: var(--brand-primary-dark);
    font-weight: 700;
}

.pro_price del {
    color: #6b7280;
}

.discount {
    background: linear-gradient(135deg, #ef4444, #f97316);
    border-radius: 999px;
}

.quick_view_btn {
    background: linear-gradient(135deg, #0f6cbf, #1f8be7);
}

.pro_btn button,
.cart_btn a,
a.view_more_btn,
a.custom-button {
    border-radius: 10px;
    font-weight: 600;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.pro_btn button,
.cart_btn a,
a.view_more_btn {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));
    color: #fff;
}

.pro_btn button:hover,
.cart_btn a:hover,
a.view_more_btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 16px rgba(36, 95, 30, 0.28);
    filter: brightness(1.05);
}

.timer_inner .syotimer-cell {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));
    box-shadow: 0 6px 12px rgba(47, 122, 39, 0.28);
}

.track_btn a,
.for_order a {
    padding: 8px 12px;
    border-radius: 10px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.track_btn a:hover,
.for_order a:hover {
    background: #edf5ff;
    color: var(--brand-secondary);
}

.modern-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 -10px 40px rgba(15, 23, 42, 0.2);
}

.footer-links a {
    opacity: 0.9;
}

.footer-links a:hover {
    opacity: 1;
}

.footer_nav {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    box-shadow: 0 -8px 20px rgba(15, 23, 42, 0.15);
}

.scrolltop {
    box-shadow: 0 10px 20px rgba(47, 122, 39, 0.4);
}

@media (max-width: 991.98px) {
    #content {
        padding-top: 132px;
    }

    .main-logo img {
        max-height: 56px;
    }

    .product_item {
        box-shadow: 0 6px 16px rgba(15, 23, 42, 0.1);
    }
}

@media (max-width: 767.98px) {
    .section-title-header {
        padding: 8px 10px;
    }

    .pro_name {
        height: auto;
        min-height: 40px;
    }

    .product_item {
        border-radius: 12px;
        padding: 6px;
    }

    .pro_img {
        height: 180px;
    }

    .top_header .container a {
        min-width: auto !important;
        font-size: 14px !important;
    }
}