.categories-section{

    --primary:#2E7D32;
    --light:#43A047;
    --gold:#C8A45D;
    --bg:#F7FBF8;
    --white:#fff;

    padding:90px 0;

    background:var(--bg);

}

.section-heading{

    text-align:center;

    max-width:720px;

    margin:auto auto 60px;

}

.section-badge{

    display:inline-flex;

    padding:8px 18px;

    border-radius:100px;

    background:#EAF6EC;

    color:var(--primary);

    font-weight:600;

    margin-bottom:18px;

}

.section-heading h2{

    font-size:2.5rem;

    font-weight:700;

    color:#222;

}

.section-heading p{

    margin-top:18px;

    color:#666;

    line-height:1.8;

}

.category-grid{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:26px;

}

.category-card{

    background:#fff;

    border-radius:24px;

    padding:28px;

    text-decoration:none;

    color:inherit;

    transition:.35s;

    border:1px solid #edf1ed;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    height:100%;

    position:relative;

    overflow:hidden;

}

.category-card:hover{

    transform:translateY(-10px);

    box-shadow:0 15px 40px rgba(0,0,0,.06),

0 2px 8px rgba(0,0,0,.04);

    border-color:#43A047;

}

.category-icon{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#F5FBF6;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:22px;

    transition:.35s;

}

.category-icon img{

    width:58px;

    height:58px;

    object-fit:contain;

}

.category-card:hover .category-icon{

    transform:scale(1.1);

}

@media(max-width:1200px){

.category-grid{

grid-template-columns:repeat(4,1fr);

}

}

@media(max-width:992px){

.category-grid{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:768px){

.category-grid{

grid-template-columns:repeat(2,1fr);

gap:18px;

}

.section-heading h2{

font-size:2rem;

}

}

@media(max-width:420px){

.category-card{

padding:20px;

}

.category-icon{

width:70px;

height:70px;

}

.category-icon img{

width:45px;

height:45px;

}

}

/*==============================
    PREMIUM CATEGORY SECTION
===============================*/

.category.section{

    --primary:#2E7D32;
    --secondary:#43A047;
    --gold:#C6A45C;
    --dark:#1F2937;
    --text:#64748B;
    --border:#E8EFE9;
    --card:#FFFFFF;
    --bg:#F8FBF8;

    padding:100px 0;
    background:linear-gradient(to bottom,#ffffff,#f7fbf8);

}

.website-category-grid{

    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:28px;

}

/*==============================
        CARD
===============================*/

.website-category-card{

    background:var(--card);

    border-radius:28px;

    overflow:hidden;

    text-decoration:none;

    border:1px solid var(--border);

    transition:.45s ease;

    display:flex;

    flex-direction:column;

    height:100%;

    position:relative;

  box-shadow:

0 15px 40px rgba(0,0,0,.06),

0 2px 8px rgba(0,0,0,.04);

}

.website-category-card:hover{

    transform:translateY(-12px);

box-shadow:

0 35px 80px rgba(46,125,50,.18),

0 8px 25px rgba(0,0,0,.08);

    border-color:#B9DFC2;

}

/*==============================
    PREMIUM CATEGORY SECTION
===============================*/

.category.section{

    --primary:#2E7D32;
    --secondary:#43A047;
    --gold:#C6A45C;
    --dark:#1F2937;
    --text:#64748B;
    --border:#E8EFE9;
    --card:#FFFFFF;
    --bg:#F8FBF8;

    padding:100px 0;
    background:linear-gradient(to bottom,#ffffff,#f7fbf8);

}

.website-category-grid{

    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:28px;

}

/*==============================
        CARD
===============================*/

.website-category-card{

    background:var(--card);

    border-radius:28px;

    overflow:hidden;

    text-decoration:none;

    border:1px solid var(--border);

    transition:.45s ease;

    display:flex;

    flex-direction:column;

    height:100%;

    position:relative;

    box-shadow:

0 15px 40px rgba(0,0,0,.06),

0 2px 8px rgba(0,0,0,.04);

}

.website-category-card:hover{

    transform:translateY(-12px);

    box-shadow:

0 35px 80px rgba(46,125,50,.18),

0 8px 25px rgba(0,0,0,.08);

    border-color:#B9DFC2;

}

.category-image-wrapper{

    position:relative;

    height:240px;

    overflow:hidden;

    background:#F4F8F5;

}

.category-image{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s ease;

}

.website-category-card:hover .category-image{

    transform:scale(1.08);

}

.category-top-badge{

    position:absolute;

    top:18px;

    left:18px;

    background:rgba(255,255,255,.95);

    backdrop-filter:blur(10px);

    border-radius:100px;

    padding:8px 16px;

    display:flex;

    align-items:center;

    gap:8px;

    color:#2E7D32;

    font-weight:600;

    font-size:.82rem;

    box-shadow:

0 15px 40px rgba(0,0,0,.06),

0 2px 8px rgba(0,0,0,.04);

}

.category-top-badge i{

    color:#C6A45C;

    font-size:18px;

}

.category-content{

    padding:26px;

    display:flex;

    flex-direction:column;

    flex:1;

}

.category-product-count{

    display:inline-flex;

    align-self:flex-start;

    background:#EAF6EC;

    color:#2E7D32;

    padding:7px 14px;

    border-radius:100px;

    font-size:.8rem;

    font-weight:600;

}

.category-content h3{

    margin:18px 0 10px;

    font-size:1.35rem;

    color:#222;

    font-weight:700;

}

.category-content p{

    color:#6B7280;

    line-height:1.8;

    margin-bottom:auto;

}

.category-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:28px;

}

.explore-link{

    color:#2E7D32;

    font-weight:700;

}

.arrow-circle{

    width:46px;

    height:46px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#EAF6EC;

    color:#2E7D32;

    transition:.35s;

}

.website-category-card:hover .arrow-circle{

    transform:translateX(6px);

    background:#2E7D32;

    color:#fff;

}

@media(max-width:1400px){

.website-category-grid{

grid-template-columns:repeat(4,1fr);

}

}

@media(max-width:992px){

.website-category-grid{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:768px){

.category.section{

padding:70px 0;

}

.website-category-grid{

grid-template-columns:repeat(2,1fr);

gap:18px;

}

.category-image-wrapper{

height:180px;

}

.category-content{

padding:20px;

}

.category-content h3{

font-size:1.15rem;

}

}

@media(max-width:480px){

.website-category-grid{

gap:14px;

}

.website-category-card{

border-radius:20px;

}

.category-image-wrapper{

height:150px;

}

.category-content{

padding:16px;

}

.category-content h3{

font-size:1rem;

}

.category-content p{

font-size:.84rem;

line-height:1.6;

}

.category-footer{

margin-top:18px;

}

.arrow-circle{

width:40px;

height:40px;

}

}

.website-category-card::before{

    content:"";

    position:absolute;

    inset:0;

    padding:1px;

    border-radius:28px;

    background:linear-gradient(
        135deg,
        rgba(46,125,50,.45),
        rgba(198,164,92,.45),
        rgba(67,160,71,.45)
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    opacity:0;

    transition:.45s;

}

.website-category-card:hover::before{

    opacity:1;

}

.website-category-card::after{

    content:"";

    position:absolute;

    top:-140%;

    left:-60%;

    width:60%;

    height:260%;

    background:

    linear-gradient(

        rgba(255,255,255,0),

        rgba(255,255,255,.45),

        rgba(255,255,255,0)

    );

    transform:rotate(25deg);

    transition:.8s;

}

.website-category-card:hover::after{

    left:140%;

}

.category-image-wrapper::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        transparent 35%,

        rgba(0,0,0,.25)

    );

    opacity:.5;

    transition:.35s;

}

.website-category-card:hover

.category-image-wrapper::before{

    opacity:.15;

}

.explore-link{

    transition:.35s;

}

.website-category-card:hover

.explore-link{

    letter-spacing:.6px;

}

.category-top-badge{

    animation:badgeFloat 4s ease-in-out infinite;

}

@keyframes badgeFloat{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-5px);

}

100%{

transform:translateY(0);

}

}

.category-image{

transition:

transform .8s cubic-bezier(.2,.8,.2,1);

}

.category-content h3{

transition:.35s;

}

.website-category-card:hover h3{

color:#2E7D32;

}

@media(max-width:576px){

.category-content{

padding:18px;

}

.category-product-count{

font-size:.72rem;

padding:6px 12px;

}

.category-content h3{

font-size:1rem;

}

.explore-link{

font-size:.86rem;

}

}