:root {
    --me-dark: #0B5D3B;
    --me-light: #1F7A57;
    --me-bg: #F8F9FA;
    --me-text: #1a1a1a;
}
body { font-family: 'Inter', system-ui, sans-serif; color: var(--me-text); background: #fff; }
h1, h2, h3, .display-1, .display-2, .display-3, .display-4 { font-family: 'Playfair Display', serif; }
a { text-decoration: none; }

.text-success, .btn-success, .bg-success { color: var(--me-dark) !important; }
.btn-success { background: var(--me-dark) !important; border-color: var(--me-dark) !important; color: #fff !important; transition: all .2s; }
.btn-success:hover { background: var(--me-light) !important; border-color: var(--me-light) !important; transform: translateY(-1px); }
.btn-outline-success { color: var(--me-dark) !important; border-color: var(--me-dark) !important; }
.btn-outline-success:hover { background: var(--me-dark) !important; color: #fff !important; }
.bg-success { background: var(--me-dark) !important; color: #fff !important; }
.text-success { color: var(--me-dark) !important; }

/* Header */
.site-header .topbar { background: var(--me-dark); color: #fff; }
.site-header .topbar a { color: #fff; }
.navbar-brand { font-family: 'Playfair Display', serif; font-size: 1.6rem; }
.navbar-brand .brand-mark { color: var(--me-dark); }
.navbar .nav-link { color: var(--me-text); font-weight: 500; }
.navbar .nav-link:hover { color: var(--me-dark); }

/* Hero */
.hero { background: linear-gradient(135deg, #0B5D3B 0%, #1F7A57 100%); color: #fff; padding: 6rem 0; position: relative; overflow: hidden; }
.hero::after { content: ''; position: absolute; right: -10%; top: -20%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(255,255,255,.08) 0%, transparent 70%); border-radius: 50%; }
.hero h1 { font-size: clamp(2.2rem, 5vw, 3.8rem); font-weight: 700; }
.hero .lead { font-size: 1.2rem; opacity: .9; }
.hero .btn { padding: .75rem 1.75rem; font-weight: 600; }

/* Sections */
section.section { padding: 5rem 0; }
.section-title { font-size: 2.2rem; font-weight: 700; margin-bottom: .5rem; }
.section-sub { color: #6c757d; margin-bottom: 3rem; }

/* Cards */
.product-card, .category-card, .post-card { border: none; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,.05); transition: all .3s; height: 100%; }
.product-card:hover, .category-card:hover, .post-card:hover { transform: translateY(-6px); box-shadow: 0 12px 30px rgba(11,93,59,.15); }
.product-card .product-img, .category-card .img-wrap { aspect-ratio: 1/1; background: var(--me-bg) center/cover; display: flex; align-items: center; justify-content: center; font-size: 4rem; }
.post-card .img-wrap { aspect-ratio: 16/10; background: var(--me-bg); }
.price-tag { font-weight: 700; color: var(--me-dark); font-size: 1.2rem; }
.price-old { text-decoration: line-through; color: #adb5bd; margin-right: .5rem; }
.badge-featured { position: absolute; top: 12px; left: 12px; background: var(--me-dark); color: #fff; padding: .25rem .6rem; border-radius: 4px; font-size: .75rem; }

/* Why us */
.why-card { padding: 2rem; text-align: center; border-radius: 12px; transition: all .3s; }
.why-card:hover { background: var(--me-bg); }
.why-card .icon { width: 70px; height: 70px; border-radius: 50%; background: rgba(11,93,59,.1); color: var(--me-dark); display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; margin-bottom: 1rem; }

/* CTA strips */
.cta-strip { background: var(--me-dark); color: #fff; padding: 4rem 0; }
.cta-strip.alt { background: var(--me-bg); color: var(--me-text); }

/* Footer */
.site-footer { background: #0a3d28; color: #fff; }
.site-footer a { color: rgba(255,255,255,.75); }
.site-footer a:hover { color: #fff; }
.site-footer .social { width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.1); display: inline-flex; align-items: center; justify-content: center; color: #fff; transition: all .2s; }
.site-footer .social:hover { background: var(--me-light); }
.footer-bottom { background: rgba(0,0,0,.2); color: rgba(255,255,255,.6); }

/* Forms */
.form-card { background: #fff; padding: 2.5rem; border-radius: 16px; box-shadow: 0 4px 30px rgba(0,0,0,.06); }
.form-control, .form-select { padding: .7rem 1rem; border: 1px solid #e5e7eb; border-radius: 10px; }
.form-control:focus, .form-select:focus { border-color: var(--me-light); box-shadow: 0 0 0 .2rem rgba(31,122,87,.15); }

/* Page hero */
.page-hero { background: linear-gradient(135deg, #0B5D3B 0%, #1F7A57 100%); color: #fff; padding: 4rem 0; text-align: center; }
.page-hero h1 { font-size: 2.8rem; }
.breadcrumb { background: var(--me-bg); padding: .75rem 0; margin-bottom: 0; }
.breadcrumb-item a { color: var(--me-dark); }

/* WhatsApp float */
.whatsapp-float { position: fixed; right: 24px; bottom: 24px; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.7rem; box-shadow: 0 6px 20px rgba(37,211,102,.4); z-index: 999; transition: transform .2s; }
.whatsapp-float:hover { transform: scale(1.1); color: #fff; }

/* Admin */
.admin-shell { min-height: 100vh; display: grid; grid-template-columns: 260px 1fr; background: #f4f6f8; }
.admin-sidebar { background: var(--me-dark); color: #fff; padding: 1.5rem 0; }
.admin-sidebar h5 { padding: 0 1.5rem; }
.admin-sidebar .nav-link { color: rgba(255,255,255,.8); padding: .75rem 1.5rem; border-radius: 0; }
.admin-sidebar .nav-link:hover, .admin-sidebar .nav-link.active { background: rgba(255,255,255,.1); color: #fff; }
.admin-content { padding: 2rem; }
.stat-card { background: #fff; border-radius: 12px; padding: 1.5rem; box-shadow: 0 2px 10px rgba(0,0,0,.04); }
.stat-card .stat-num { font-size: 1.8rem; font-weight: 700; color: var(--me-dark); }
.stat-card .stat-label { color: #6c757d; font-size: .85rem; }

@media (max-width: 991.98px) {
    .site-header .navbar-collapse {
        position: absolute !important;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 9999;
        padding: 20px;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    }
}

@media (max-width: 768px) {
    .admin-shell { grid-template-columns: 1fr; }
    .admin-sidebar { position: static; }
}

/* Animations */
@keyframes fadeUp { from { opacity:0; transform: translateY(20px);} to {opacity:1; transform:none;} }
.fade-up { animation: fadeUp .6s ease both; }

/* Hero Right Image */

.hero-product{
    max-width: 100%;
    animation: floatImage 4s ease-in-out infinite;
    filter: drop-shadow(0 25px 40px rgba(0,0,0,.35));
}

@keyframes floatImage{

    0%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-15px);
    }

    100%{
        transform: translateY(0px);
    }

}

@media(max-width:991px){

    .hero-product{
        margin-top:50px;
    }

}

/* Category Image */

.category-card{
    overflow:hidden;
    border-radius:18px;
}

.category-img{
    width:100%;
    /* height:260px; */
    object-fit:cover;
    transition:0.4s ease;
}

.category-card:hover .category-img{
    transform:scale(1.08);
}

.img-wrap{
    overflow:hidden;
}
/* Product Card Image */

.product-img-wrap{
    overflow:hidden;
}

.product-img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:0.4s ease;
}

.product-card:hover .product-img{
    transform:scale(1.08);
}