/*
Theme Name: Gamiya Agro
Author: Gamiya
Version: 1.0
*/

*{
    box-sizing:border-box;
}

html,body{
    margin:0 !important;
    padding:0 !important;
}

body{
    font-family:Arial,Helvetica,sans-serif;
    background:#f5f7f5;
    color:#17221a;
}

a{
    text-decoration:none;
}

.container{
    width:1200px;
    max-width:calc(100% - 40px);
    margin:0 auto;
}


/* TOP BAR */

.top-bar{
    width:100%;
    background:#075b2c !important;
    color:#fff !important;
    padding:10px 0;
}

.top-bar-inner{
    display:flex;
    justify-content:space-between;
}


/* HEADER */

.site-header{
    width:100%;
    background:#fff !important;
    border-bottom:1px solid #ddd;
}

.header-main{
    min-height:85px;
    display:flex;
    align-items:center;
    gap:25px;
}


/* LOGO */

.logo{
    display:block;
    min-width:170px;
    color:#075b2c !important;
    font-size:27px;
    font-weight:800;
}

.logo span{
    color:#16833b !important;
}


/* SEARCH */

.search-box{
    flex:1;
    position:relative;
}

.search-box input[type="search"]{
    width:100% !important;
    height:48px !important;
    padding:0 55px 0 18px !important;
    border:1px solid #ccc !important;
    border-radius:7px !important;
    background:#f8faf8 !important;
    color:#222 !important;
}

.search-box button{
    position:absolute;
    right:5px;
    top:5px;
    width:40px;
    height:38px;
    border:0;
    border-radius:5px;
    background:#16833b !important;
    color:#fff !important;
}


/* ACTIONS */

.header-actions{
    display:flex;
    gap:20px;
}

.header-action{
    position:relative;
    display:block;
    min-width:50px;
    text-align:center;
    color:#222 !important;
    font-size:12px;
}

.header-action-icon{
    display:block;
    font-size:22px;
    line-height:25px;
}

.cart-count{
    position:absolute;
    top:-5px;
    right:3px;

    width:18px;
    height:18px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#e53935 !important;
    color:#fff !important;

    font-size:10px;
}


/* NAV */

.main-nav{
    display:block !important;
    width:100%;
    background:#fff !important;
    border-top:1px solid #eee;
}

.nav-menu{
    display:flex;
    align-items:center;
}

.nav-menu a{
    display:block;
    padding:16px 20px !important;
    color:#222 !important;
    font-size:14px;
    font-weight:600;
}

.nav-menu a:hover{
    background:#eef8f0 !important;
    color:#16833b !important;
}


/* MOBILE BUTTON */

.mobile-menu-button{
    display:none;
}


/* MOBILE */

@media(max-width:768px){

    .container{
        width:calc(100% - 30px);
    }

    .top-bar-inner{
        justify-content:center;
    }

    .top-bar-inner span:last-child{
        display:none;
    }

    .header-main{
        min-height:auto;
        padding:12px 0;
        flex-wrap:wrap;
        gap:10px;
    }

    .mobile-menu-button{
        display:block;

        width:40px;
        height:40px;

        background:#fff !important;
        border:1px solid #ddd;
        border-radius:6px;

        font-size:22px;
    }

    .logo{
        flex:1;
        min-width:0;
        font-size:22px;
    }

    .header-actions{
        gap:8px;
    }

    .header-actions .header-action:not(.cart-action){
        display:none;
    }

    .search-box{
        flex-basis:100%;
        order:10;
    }

    .main-nav{
        display:none !important;
    }
}

/* =========================================
   HOMEPAGE
========================================= */

.hero{
    min-height:560px;
    display:flex;
    align-items:center;

    background:
    linear-gradient(
        90deg,
        rgba(3,67,30,.92),
        rgba(3,67,30,.35)
    ),
    url("https://images.unsplash.com/photo-1497250681960-ef046c08a56e?auto=format&fit=crop&w=1800&q=80")
    center/cover;
}

.hero-content{
    width:100%;
}

.hero-text{
    max-width:680px;
    color:#fff;
}

.hero-label{
    display:inline-block;
    margin-bottom:18px;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
}

.hero h1{
    margin:0 0 20px;
    font-size:60px;
    line-height:1.05;
}

.hero p{
    max-width:600px;
    font-size:18px;
    line-height:1.7;
    margin:0 0 30px;
}

.hero-buttons{
    display:flex;
    gap:12px;
}

.section{
    padding:75px 0;
}

.section-heading{
    display:flex;
    justify-content:space-between;
    align-items:end;
    margin-bottom:30px;
}

.section-heading h2{
    margin:0;
    font-size:30px;
}

.section-heading p{
    margin:8px 0 0;
    color:#6d756f;
}

.view-all{
    color:#16833b;
    font-weight:700;
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.category-card{
    display:block;
    overflow:hidden;
    background:#fff;
    border:1px solid #e3e9e4;
    border-radius:12px;
    transition:.3s;
}

.category-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.category-card img{
    display:block;
    width:100%;
    height:190px;
    object-fit:cover;
    transition:.4s;
}

.category-card:hover img{
    transform:scale(1.06);
}

.category-content{
    padding:18px;
}

.category-content h3{
    margin:0 0 8px;
    color:#17221a;
}

.category-content span{
    color:#16833b;
    font-size:13px;
    font-weight:700;
}


/* PRODUCTS */

.products-section{
    background:#f7faf7;
}

.products-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.product-card{
    position:relative;
    background:#fff;
    border:1px solid #e3e9e4;
    border-radius:12px;
    overflow:hidden;
    transition:.3s;
}

.product-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.product-image{
    height:240px;
    background:#f1f5f1;
    position:relative;
    overflow:hidden;
}

.product-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}

.product-card:hover .product-image img{
    transform:scale(1.06);
}

.wishlist-button{
    position:absolute;
    top:12px;
    right:12px;

    width:38px;
    height:38px;

    border:0;
    border-radius:50%;

    background:#fff;

    font-size:20px;

    box-shadow:0 3px 12px rgba(0,0,0,.12);

    cursor:pointer;
}

.product-content{
    padding:18px;
}

.product-rating{
    color:#f3ad00;
    font-size:13px;
    margin-bottom:7px;
}

.product-content h3{
    margin:0 0 12px;
    font-size:15px;
    line-height:1.4;
}

.product-content h3 a{
    color:#17221a;
}

.product-price{
    margin-bottom:15px;
    color:#075b2c;
    font-size:18px;
    font-weight:800;
}

.add-cart-button{
    display:block;
    text-align:center;

    padding:12px;

    border-radius:6px;

    background:#16833b;
    color:#fff;

    font-weight:700;

    transition:.2s;
}

.add-cart-button:hover{
    background:#075b2c;
}


/* OFFER */

.offer-banner{
    min-height:300px;

    display:flex;
    align-items:center;

    padding:50px;

    border-radius:15px;

    color:#fff;

    background:
    linear-gradient(
        90deg,
        rgba(0,76,38,.95),
        rgba(0,76,38,.45)
    ),
    url("https://images.unsplash.com/photo-1523742812228-1d5f5e3c1e47?auto=format&fit=crop&w=1800&q=80")
    center/cover;
}

.offer-banner span{
    font-size:12px;
    font-weight:800;
    letter-spacing:1px;
}

.offer-banner h2{
    font-size:38px;
    margin:12px 0;
}

.offer-banner p{
    margin-bottom:25px;
}


/* WHY US */

.why-us{
    background:#eef8f0;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    padding:65px 0;
}

.why-item{
    text-align:center;
    padding:20px;
}

.why-icon{
    font-size:38px;
    margin-bottom:15px;
}

.why-item h3{
    margin:0 0 8px;
}

.why-item p{
    margin:0;
    color:#6d756f;
    line-height:1.6;
    font-size:14px;
}


/* MOBILE */

@media(max-width:1000px){

    .category-grid,
    .products-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .why-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .hero h1{
        font-size:48px;
    }
}

@media(max-width:768px){

    .hero{
        min-height:500px;
    }

    .hero h1{
        font-size:38px;
    }

    .hero p{
        font-size:16px;
    }

    .section{
        padding:50px 0;
    }

    .section-heading{
        align-items:flex-start;
        gap:15px;
    }

    .section-heading h2{
        font-size:25px;
    }

    .category-grid,
    .products-grid{
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }

    .category-card img{
        height:150px;
    }

    .product-image{
        height:190px;
    }

    .offer-banner{
        padding:35px 25px;
    }

    .offer-banner h2{
        font-size:29px;
    }

}

@media(max-width:480px){

    .hero h1{
        font-size:34px;
    }

    .hero-buttons{
        flex-wrap:wrap;
    }

    .category-grid,
    .products-grid{
        gap:10px;
    }

    .category-content,
    .product-content{
        padding:12px;
    }

    .category-content h3{
        font-size:14px;
    }

    .product-content h3{
        font-size:13px;
    }

    .product-image{
        height:160px;
    }

    .why-grid{
        grid-template-columns:1fr 1fr;
        gap:5px;
    }

    .why-item{
        padding:10px 5px;
    }

}
/* =========================================
   FOOTER
========================================= */

.site-footer{
    background:#102117;
    color:#fff;
    margin-top:0;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.5fr;
    gap:50px;
    padding:70px 0;
}

.footer-column{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.footer-logo{
    font-size:27px;
    font-weight:800;
    margin-bottom:18px;
}

.footer-logo span{
    color:#35a85b;
}

.footer-column p{
    color:#b9c4bc;
    font-size:14px;
    line-height:1.7;
    margin:0 0 10px;
}

.footer-column h3{
    margin:0 0 20px;
    font-size:17px;
}

.footer-column > a{
    color:#b9c4bc;
    font-size:14px;
    margin-bottom:13px;
    transition:.2s;
}

.footer-column > a:hover{
    color:#fff;
    transform:translateX(3px);
}

.footer-social{
    display:flex;
    gap:8px;
    margin-top:15px;
}

.footer-social a{
    width:36px;
    height:36px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#1b3424;
    color:#fff;

    font-weight:bold;

    transition:.2s;
}

.footer-social a:hover{
    background:#16833b;
    transform:translateY(-3px);
}

.footer-bottom{
    border-top:1px solid #294033;
}

.footer-bottom-inner{
    min-height:65px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    color:#94a49a;
    font-size:12px;
}


/* MOBILE */

@media(max-width:900px){

    .footer-grid{
        grid-template-columns:repeat(2,1fr);
        gap:35px;
    }

}

@media(max-width:600px){

    .footer-grid{
        grid-template-columns:1fr;
        gap:35px;
        padding:50px 0;
    }

    .footer-bottom-inner{
        min-height:auto;
        padding:20px 0;

        flex-direction:column;
        gap:8px;

        text-align:center;
    }

}

/* =========================================
   SHOP PAGE
========================================= */

.shop-hero{
    padding:70px 0;
    background:
        linear-gradient(
            90deg,
            rgba(4,82,38,.95),
            rgba(4,82,38,.65)
        ),
        url("https://images.unsplash.com/photo-1499529112087-3cb3b73cec95?auto=format&fit=crop&w=1800&q=80")
        center/cover;

    color:#fff;
}

.shop-label{
    font-size:12px;
    font-weight:800;
    letter-spacing:1.5px;
}

.shop-hero h1{
    font-size:48px;
    margin:12px 0;
}

.shop-hero p{
    margin:0;
    max-width:650px;
    font-size:17px;
    line-height:1.7;
}


/* SHOP CONTENT */

.shop-section{
    padding:60px 0;
}

.shop-layout{
    display:grid;
    grid-template-columns:240px 1fr;
    gap:35px;
}


/* SIDEBAR */

.shop-sidebar{
    position:relative;
}

.filter-box{
    background:#fff;
    border:1px solid #e2e8e3;
    border-radius:10px;
    padding:22px;
}

.filter-box h3{
    margin:0 0 18px;
    font-size:18px;
}

.filter-box a{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:11px 0;

    border-bottom:1px solid #edf0ed;

    color:#39433c;
    font-size:14px;
}

.filter-box a:hover{
    color:#16833b;
}

.filter-box a span{
    color:#8a948d;
    font-size:12px;
}


/* CONTACT */

.shop-contact{
    margin-top:20px;
    padding:25px;

    background:#eef8f0;

    border-radius:10px;

    text-align:center;
}

.shop-contact-icon{
    font-size:30px;
}

.shop-contact h3{
    margin:10px 0;
}

.shop-contact p{
    color:#68736b;
    font-size:13px;
    line-height:1.6;
}

.shop-contact a{
    color:#16833b;
    font-weight:800;
}


/* TOOLBAR */

.shop-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-bottom:25px;

    padding-bottom:18px;

    border-bottom:1px solid #e5e9e6;
}

.shop-toolbar .woocommerce-result-count{
    margin:0;
    color:#68736b;
    font-size:14px;
}

.shop-toolbar .woocommerce-ordering{
    margin:0;
}

.shop-toolbar select{
    min-width:190px;

    padding:10px 35px 10px 12px;

    border:1px solid #dce3de;
    border-radius:6px;

    background:#fff;
}


/* REMOVE DEFAULT WOOCOMMERCE GRID */

.shop-products ul.products{
    display:grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:22px;

    margin:0 !important;
    padding:0 !important;
}

.shop-products ul.products::before,
.shop-products ul.products::after{
    display:none !important;
}


/* PRODUCT CARD */

.custom-product-card{
    width:auto !important;
    margin:0 !important;

    background:#fff;

    border:1px solid #e2e8e3;

    border-radius:12px;

    overflow:hidden;

    transition:.3s;

    position:relative;
}

.custom-product-card:hover{
    transform:translateY(-5px);

    box-shadow:
        0 15px 35px rgba(0,0,0,.08);
}


/* IMAGE */

.custom-product-image{
    height:250px;

    position:relative;

    background:#f3f6f3;

    overflow:hidden;
}

.custom-product-image img{
    width:100% !important;
    height:100% !important;

    object-fit:cover;

    margin:0 !important;

    transition:.4s;
}

.custom-product-card:hover
.custom-product-image img{
    transform:scale(1.06);
}

.no-product-image{
    width:100%;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:55px;
}


/* SALE */

.sale-badge{
    position:absolute;

    top:12px;
    left:12px;

    background:#e53935;
    color:#fff;

    padding:6px 10px;

    border-radius:5px;

    font-size:10px;
    font-weight:800;
}


/* HEART */

.product-heart{
    position:absolute;

    top:12px;
    right:12px;

    width:38px;
    height:38px;

    border:0;
    border-radius:50%;

    background:#fff;

    font-size:20px;

    cursor:pointer;

    box-shadow:0 3px 12px rgba(0,0,0,.12);
}


/* INFO */

.custom-product-info{
    padding:18px;
}

.custom-product-category{
    margin-bottom:6px;

    font-size:11px;
    font-weight:700;

    text-transform:uppercase;

    color:#16833b;
}

.custom-product-category a{
    color:#16833b;
}

.custom-product-info
.woocommerce-loop-product__title{
    padding:0 !important;

    margin:0 0 8px !important;

    font-size:16px !important;

    line-height:1.4 !important;
}

.custom-product-info
.woocommerce-loop-product__title a{
    color:#17221a;
}

.custom-rating{
    min-height:18px;
    margin-bottom:8px;
}

.custom-rating .star-rating{
    margin:0;
}

.custom-price{
    margin-bottom:15px;

    color:#075b2c;

    font-size:18px;
    font-weight:800;
}

.custom-price del{
    color:#999;
    font-size:13px;
    margin-right:5px;
}

.custom-add-cart{
    display:block;

    width:100%;

    padding:12px;

    text-align:center;

    background:#16833b;
    color:#fff !important;

    border-radius:6px;

    font-size:13px;
    font-weight:700;

    transition:.2s;
}

.custom-add-cart:hover{
    background:#075b2c;
}


/* PAGINATION */

.shop-products .woocommerce-pagination{
    margin-top:40px;
}

.shop-products .woocommerce-pagination ul{
    border:0 !important;
}

.shop-products .woocommerce-pagination li{
    border:0 !important;
}

.shop-products .woocommerce-pagination a,
.shop-products .woocommerce-pagination span{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    width:38px;
    height:38px;

    margin:3px;

    border:1px solid #dce3de !important;

    border-radius:6px;

    color:#333;
}

.shop-products .woocommerce-pagination .current{
    background:#16833b !important;
    color:#fff !important;
}


/* MOBILE */

@media(max-width:1000px){

    .shop-layout{
        grid-template-columns:200px 1fr;
    }

    .shop-products ul.products{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .shop-hero{
        padding:50px 0;
    }

    .shop-hero h1{
        font-size:36px;
    }

    .shop-layout{
        grid-template-columns:1fr;
    }

    .shop-sidebar{
        order:2;
    }

    .shop-products{
        order:1;
    }

}

@media(max-width:500px){

    .shop-products ul.products{
        grid-template-columns:repeat(2,1fr);
        gap:10px;
    }

    .custom-product-image{
        height:170px;
    }

    .custom-product-info{
        padding:12px;
    }

    .custom-product-info
    .woocommerce-loop-product__title{
        font-size:13px !important;
    }

    .custom-price{
        font-size:15px;
    }

    .custom-add-cart{
        padding:10px 5px;
        font-size:11px;
    }

    .shop-toolbar{
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
    }

    .shop-toolbar select{
        width:100%;
    }

}

/* =========================================
   SINGLE PRODUCT
========================================= */

.single-product-page{
    padding:30px 0 70px;
    background:#fff;
}

.product-breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;

    margin-bottom:35px;

    color:#8a948d;
    font-size:13px;
}

.product-breadcrumb a{
    color:#16833b;
}

.product-detail{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:60px;

    align-items:start;
}


/* IMAGE */

.product-gallery{
    position:relative;
}

.main-product-image{
    width:100%;
    height:520px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#f5f8f5;

    border-radius:15px;

    overflow:hidden;
}

.main-product-image img{
    width:100%;
    height:100%;

    object-fit:contain;

    transition:.3s;
}

.product-no-image{
    font-size:90px;
}


/* INFO */

.single-category{
    margin-bottom:10px;

    color:#16833b;

    font-size:12px;
    font-weight:800;

    text-transform:uppercase;
}

.single-category a{
    color:#16833b;
}

.product-info h1{
    margin:0 0 15px;

    font-size:38px;
    line-height:1.2;

    color:#17221a;
}


/* RATING */

.single-rating{
    display:flex;
    align-items:center;

    gap:12px;

    margin-bottom:20px;
}

.single-rating .star-rating{
    margin:0;
}

.single-rating > span{
    color:#7a847d;
    font-size:13px;
}


/* PRICE */

.single-price{
    margin-bottom:20px;

    color:#075b2c;

    font-size:28px;
    font-weight:800;
}

.single-price del{
    color:#999;
    font-size:18px;
    margin-right:8px;
}


/* DESCRIPTION */

.single-description{
    margin-bottom:20px;

    color:#5f6962;

    font-size:15px;
    line-height:1.8;
}

.single-stock{
    margin-bottom:20px;
}

.stock-in{
    color:#16833b;
    font-size:14px;
    font-weight:700;
}

.stock-out{
    color:#e53935;
    font-size:14px;
    font-weight:700;
}


/* ADD TO CART */

.single-add-cart form.cart{
    display:flex !important;
    align-items:center;

    gap:10px;

    margin:0 !important;
}

.single-add-cart .quantity input{
    height:46px !important;
    width:65px !important;

    border:1px solid #dce3de !important;
    border-radius:6px !important;

    text-align:center;
}

.single-add-cart button.single_add_to_cart_button{
    height:46px !important;

    padding:0 30px !important;

    border:0 !important;
    border-radius:6px !important;

    background:#16833b !important;
    color:#fff !important;

    font-weight:700;

    cursor:pointer;

    transition:.2s;
}

.single-add-cart button.single_add_to_cart_button:hover{
    background:#075b2c !important;
}


/* FEATURES */

.product-features{
    margin-top:30px;

    border-top:1px solid #e7ebe8;
}

.product-features > div{
    padding:15px 0;

    border-bottom:1px solid #e7ebe8;

    display:flex;
    flex-direction:column;

    gap:4px;
}

.product-features strong{
    font-size:14px;
}

.product-features span{
    color:#7a847d;
    font-size:12px;
}


/* DESCRIPTION SECTION */

.product-description-section{
    margin-top:70px;

    padding-top:35px;

    border-top:1px solid #e3e8e4;
}

.product-tabs{
    display:flex;

    gap:30px;

    border-bottom:1px solid #ddd;

    margin-bottom:30px;
}

.product-tabs button{
    border:0;
    background:none;

    padding:15px 0;

    font-size:15px;
    font-weight:700;

    color:#7a847d;

    cursor:pointer;
}

.product-tabs button.active{
    color:#075b2c;

    border-bottom:2px solid #16833b;
}

.product-full-description{
    color:#525c55;

    font-size:15px;

    line-height:1.8;

    max-width:900px;
}


/* MOBILE */

@media(max-width:900px){

    .product-detail{
        grid-template-columns:1fr;

        gap:35px;
    }

    .main-product-image{
        height:420px;
    }

    .product-info h1{
        font-size:32px;
    }

}

@media(max-width:600px){

    .single-product-page{
        padding-top:20px;
    }

    .product-breadcrumb{
        margin-bottom:20px;
    }

    .main-product-image{
        height:330px;
    }

    .product-info h1{
        font-size:27px;
    }

    .single-price{
        font-size:24px;
    }

    .single-add-cart form.cart{
        flex-wrap:wrap;
    }

    .single-add-cart
    button.single_add_to_cart_button{
        flex:1;
        padding:0 15px !important;
    }

}


/* =========================================
   CART PAGE
========================================= */

.custom-cart-page{
    padding:35px 0 80px;
    background:#f7f9f7;
    min-height:600px;
}

.cart-breadcrumb{
    display:flex;
    gap:8px;
    margin-bottom:30px;

    font-size:13px;
    color:#8a948d;
}

.cart-breadcrumb a{
    color:#16833b;
}

.cart-heading{
    display:flex;
    justify-content:space-between;
    align-items:end;

    margin-bottom:35px;
}

.cart-label{
    color:#16833b;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
}

.cart-heading h1{
    margin:8px 0 0;
    font-size:38px;
}

.continue-shopping{
    color:#16833b;
    font-size:14px;
    font-weight:700;
}


/* LAYOUT */

.cart-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 350px;
    gap:30px;
}


/* PRODUCT */

.cart-products{
    background:#fff;
    border:1px solid #e1e7e2;
    border-radius:12px;
    overflow:hidden;
}

.cart-product{
    display:grid;
    grid-template-columns:120px minmax(0,1fr) 120px;
    gap:22px;

    padding:25px;

    border-bottom:1px solid #e8ece9;
}

.cart-product-image{
    width:120px;
    height:120px;

    background:#f3f6f3;
    border-radius:8px;
    overflow:hidden;
}

.cart-product-image img{
    width:100%;
    height:100%;

    object-fit:cover;
}

.cart-product-info{
    min-width:0;
}

.cart-product-category{
    color:#16833b;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}

.cart-product-category a{
    color:#16833b;
}

.cart-product-info h2{
    margin:6px 0;

    font-size:17px;
}

.cart-product-info h2 a{
    color:#17221a;
}

.cart-product-price{
    color:#075b2c;
    font-weight:700;
    margin-bottom:15px;
}

.cart-product-bottom{
    display:flex;
    align-items:center;
    gap:20px;
}

.cart-quantity .quantity{
    display:flex;
    margin:0 !important;
}

.cart-quantity input{
    width:55px !important;
    height:38px !important;

    border:1px solid #dce3de !important;
    border-radius:5px !important;

    text-align:center;
}

.remove-product{
    color:#a34b4b;
    font-size:12px;
}

.cart-product-subtotal{
    text-align:right;
    color:#17221a;
    font-size:17px;
    font-weight:800;
}


/* UPDATE */

.cart-update{
    display:flex;
    justify-content:flex-end;

    padding:18px 25px;
}

.update-cart-button{
    border:0;
    padding:11px 20px;

    border-radius:6px;

    background:#eef4ef;
    color:#16833b;

    font-weight:700;

    cursor:pointer;
}


/* SUMMARY */

.cart-summary{
    height:max-content;

    padding:28px;

    background:#fff;

    border:1px solid #e1e7e2;
    border-radius:12px;
}

.cart-summary h2{
    margin:0 0 25px;
    font-size:21px;
}

.summary-row{
    display:flex;
    justify-content:space-between;
    gap:20px;

    margin-bottom:17px;

    color:#68736b;
    font-size:14px;
}

.summary-row strong{
    color:#17221a;
}

.summary-row.discount strong{
    color:#16833b;
}

.summary-divider{
    height:1px;
    background:#e4e9e5;
    margin:22px 0;
}

.total-row{
    align-items:center;
    color:#17221a;
    font-size:16px;
}

.total-row strong{
    color:#075b2c;
    font-size:23px;
}

.checkout-button{
    display:block;

    margin-top:25px;
    padding:15px;

    border-radius:7px;

    text-align:center;

    background:#16833b;
    color:#fff !important;

    font-size:14px;
    font-weight:800;

    transition:.2s;
}

.checkout-button:hover{
    background:#075b2c;
}

.secure-checkout{
    text-align:center;

    margin-top:15px;

    color:#8a948d;
    font-size:11px;
}


/* EMPTY */

.empty-cart{
    display:none;

    padding:80px 20px;

    text-align:center;

    background:#fff;
    border-radius:12px;
}

.empty-cart-icon{
    font-size:60px;
}

.empty-cart h2{
    margin:15px 0 8px;
}

.empty-cart p{
    color:#747e77;
    margin-bottom:25px;
}


/* MOBILE */

@media(max-width:900px){

    .cart-layout{
        grid-template-columns:1fr;
    }

    .cart-summary{
        order:2;
    }

}

@media(max-width:600px){

    .cart-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:15px;
    }

    .cart-heading h1{
        font-size:30px;
    }

    .cart-product{
        grid-template-columns:90px minmax(0,1fr);
        gap:15px;
        padding:15px;
    }

    .cart-product-image{
        width:90px;
        height:90px;
    }

    .cart-product-subtotal{
        grid-column:2;
        text-align:left;
    }

    .cart-product-info h2{
        font-size:14px;
    }

    .cart-product-bottom{
        gap:10px;
    }

}

.site-page{
    padding:50px 0 80px;
    min-height:500px;
    background:#f7f9f7;
}

.page-content{
    background:#fff;
    padding:30px;
    border-radius:12px;
}

/* =========================================
   WISHLIST HEART
========================================= */

.product-heart{
    position:absolute;
    top:12px;
    right:12px;
    z-index:50;

    width:42px;
    height:42px;

    background:#fff;
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    box-shadow:0 3px 12px rgba(0,0,0,.15);
}

.product-heart .yith-wcwl-add-to-wishlist{
    margin:0 !important;
}

.product-heart .yith-wcwl-add-button{
    margin:0 !important;
    padding:0 !important;
}

.product-heart .yith-wcwl-add-button a{
    display:flex !important;

    width:42px !important;
    height:42px !important;

    align-items:center;
    justify-content:center;

    padding:0 !important;

    font-size:0 !important;

    color:#16833b !important;

    text-decoration:none !important;
}

.product-heart .yith-wcwl-add-button a::before{
    content:"♡";

    display:block;

    font-size:28px !important;

    line-height:1;

    color:#16833b;
}

.product-heart .yith-wcwl-wishlistaddedbrowse a::before,
.product-heart .yith-wcwl-wishlistexistsbrowse a::before{
    content:"♥";

    font-size:24px;

    color:#16833b;
}

/* =========================================================
   GAMIYA AGRO — PROFESSIONAL HEADER
========================================================= */

:root {
    --agro-dark: #205E38;
    --agro-green: #23A455;
    --agro-light: #F4FAF6;
    --agro-border: #E5EAE7;
    --agro-text: #222;
    --agro-muted: #6B756F;
}


/* =========================================================
   GLOBAL HEADER RESET
========================================================= */

.agro-header,
.agro-header *,
.agro-topbar,
.agro-topbar *,
.agro-mobile-search,
.agro-mobile-search * {
    box-sizing: border-box;
}

.agro-container {
    width: min(1280px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================================
   TOP BAR
========================================================= */

.agro-topbar {
    width: 100%;
    background: #205E38;
    color: #fff;
    font-size: 13px;
}

.agro-topbar-inner {
    min-height: 38px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;
}

.agro-top-left {
    display: flex;
    align-items: center;
    gap: 22px;
}

.agro-top-item {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    white-space: nowrap;
}

.agro-top-item svg {
    width: 16px;
    height: 16px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.agro-top-right {
    display: flex;
    align-items: center;
    gap: 14px;

    white-space: nowrap;
}

.agro-top-right a {
    color: #fff !important;
    text-decoration: none;

    transition: opacity .2s ease;
}

.agro-top-right a:hover {
    opacity: .75;
}


/* =========================================================
   MAIN HEADER
========================================================= */

.agro-header {
    position: relative;
    z-index: 999;

    width: 100%;

    background: #23A455;
    color: #fff;

    box-shadow: 0 2px 12px rgba(0,0,0,.08);
}

.agro-header-main {
    min-height: 92px;

    display: flex;
    align-items: center;

    gap: 34px;
}


/* =========================================================
   LOGO
========================================================= */

.agro-logo {
    flex: 0 0 auto;
}

.agro-logo a {
    display: flex;
    align-items: center;
    gap: 10px;

    color: #fff !important;
    text-decoration: none;
}

.agro-logo-icon {
    width: 43px;
    height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 2px solid rgba(255,255,255,.85);
    border-radius: 50%;
}

.agro-logo-icon svg {
    width: 27px;
    height: 27px;

    fill: none;
    stroke: #fff;
    stroke-width: 1.6;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.agro-logo-name {
    display: flex;
    flex-direction: column;

    line-height: 1;
}

.agro-logo-name strong {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 1.2px;

    color: #fff;
}

.agro-logo-name small {
    margin-top: 4px;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 4px;

    color: rgba(255,255,255,.9);
}


/* =========================================================
   SEARCH
========================================================= */

.agro-header-search {
    flex: 1;
    max-width: 620px;
}

.agro-header-search form {
    position: relative;

    width: 100%;
}

.agro-header-search input[type="search"] {
    width: 100%;
    height: 48px;

    padding: 0 58px 0 18px;

    border: 0;
    border-radius: 5px;

    background: #fff !important;

    color: #222 !important;

    font-size: 14px;

    outline: none;

    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.agro-header-search input[type="search"]::placeholder {
    color: #8A918D;
}

.agro-header-search button {
    position: absolute;

    top: 4px;
    right: 4px;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    border-radius: 4px;

    background: #205E38 !important;
    color: #fff !important;

    cursor: pointer;

    transition:
        background .2s ease,
        transform .2s ease;
}

.agro-header-search button:hover {
    background: #17482B !important;
}

.agro-header-search button svg {
    width: 19px;
    height: 19px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   HEADER ACTIONS
========================================================= */

.agro-header-actions {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-left: auto;
}

.agro-account {
    display: flex;
    align-items: center;

    gap: 9px;

    padding: 7px 10px;

    color: #fff !important;
    text-decoration: none;

    border-radius: 5px;

    transition: background .2s ease;
}

.agro-account:hover {
    background: rgba(255,255,255,.12);
}

.agro-action-icon {
    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.agro-action-icon svg {
    width: 23px;
    height: 23px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.agro-account-text {
    display: flex;
    flex-direction: column;

    line-height: 1.2;
}

.agro-account-text small {
    font-size: 11px;
    color: rgba(255,255,255,.8);
}

.agro-account-text strong {
    margin-top: 2px;

    font-size: 13px;
    color: #fff;
}


.agro-header-icon {
    position: relative;

    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff !important;

    text-decoration: none;

    border-radius: 5px;

    transition: background .2s ease;
}

.agro-header-icon:hover {
    background: rgba(255,255,255,.12);
}

.agro-header-icon > svg {
    width: 22px;
    height: 22px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   COUNTERS
========================================================= */

.agro-header-count {
    position: absolute;

    top: 2px;
    right: 1px;

    min-width: 18px;
    height: 18px;

    padding: 0 5px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 20px;

    background: #fff;
    color: #205E38;

    font-size: 10px;
    font-weight: 700;

    line-height: 1;
}


/* =========================================================
   NAVIGATION
========================================================= */

.agro-nav-wrapper {
    width: 100%;

    background: #23A455;

    border-top: 1px solid rgba(255,255,255,.15);

    border-bottom: 1px solid rgba(0,0,0,.08);
}

.agro-navigation {
    min-height: 51px;

    display: flex;
    align-items: center;
}


/* =========================================================
   ALL CATEGORIES
========================================================= */

.agro-all-categories {
    position: relative;

    flex: 0 0 auto;
}

.agro-all-cat-btn {
    height: 51px;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 0 22px;

    border: 0;

    background: #205E38 !important;
    color: #fff !important;

    font-size: 14px;
    font-weight: 700;

    cursor: pointer;

    transition: background .2s ease;
}

.agro-all-cat-btn:hover {
    background: #17482B !important;
}

.agro-all-cat-btn > svg:first-child {
    width: 19px;
    height: 19px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
}

.agro-all-cat-btn .agro-chevron {
    width: 14px;
    height: 14px;

    margin-left: 7px;

    fill: none;
    stroke: currentColor;
    stroke-width: 2;

    transition: transform .2s ease;
}

.agro-category-panel.active
~ * {
    /* reserved */
}


/* =========================================================
   CATEGORY PANEL
========================================================= */

.agro-category-panel {
    position: absolute;

    top: 51px;
    left: 0;

    width: 290px;

    background: #fff;

    border: 1px solid #e3e8e5;

    box-shadow:
        0 12px 35px rgba(0,0,0,.13);

    opacity: 0;
    visibility: hidden;

    transform: translateY(8px);

    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;
}

.agro-category-panel.active {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}

.agro-category-list {
    padding: 8px 0;
}

.agro-category-item {
    min-height: 53px;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 0 18px;

    color: #252A27 !important;

    text-decoration: none;

    font-size: 14px;
    font-weight: 500;

    transition:
        background .2s ease,
        color .2s ease;
}

.agro-category-item:hover {
    background: #F0F8F3;

    color: #23A455 !important;
}

.agro-category-item-icon {
    width: 29px;
    height: 29px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #23A455;
}

.agro-category-item-icon svg {
    width: 20px;
    height: 20px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.agro-item-arrow {
    width: 15px;
    height: 15px;

    margin-left: auto;

    fill: none;
    stroke: #98A19C;
    stroke-width: 1.8;
}


/* =========================================================
   MAIN NAV
========================================================= */

.agro-main-nav {
    display: flex;
    align-items: center;

    height: 51px;

    margin-left: 25px;

    gap: 2px;
}

.agro-main-nav a {
    height: 51px;

    display: flex;
    align-items: center;

    padding: 0 17px;

    color: #fff !important;

    text-decoration: none;

    font-size: 14px;
    font-weight: 600;

    position: relative;

    transition:
        background .2s ease,
        color .2s ease;
}

.agro-main-nav a::after {
    content: "";

    position: absolute;

    left: 17px;
    right: 17px;
    bottom: 0;

    height: 3px;

    background: #fff;

    transform: scaleX(0);

    transition: transform .2s ease;
}

.agro-main-nav a:hover,
.agro-main-nav a.active {
    background: rgba(255,255,255,.08);
}

.agro-main-nav a:hover::after,
.agro-main-nav a.active::after {
    transform: scaleX(1);
}


/* =========================================================
   MOBILE BUTTON
========================================================= */

.agro-mobile-menu-btn {
    display: none;

    width: 42px;
    height: 42px;

    padding: 0;

    border: 0;

    background: transparent;
    color: #fff;

    cursor: pointer;
}

.agro-mobile-menu-btn svg {
    width: 24px;
    height: 24px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;

    stroke-linecap: round;
}


/* =========================================================
   MOBILE SEARCH
========================================================= */

.agro-mobile-search {
    display: none;

    background: #23A455;

    padding: 10px 0 13px;
}

.agro-mobile-search form {
    position: relative;
}

.agro-mobile-search input {
    width: 100%;
    height: 44px;

    padding: 0 52px 0 15px;

    border: 0;
    border-radius: 5px;

    background: #fff;

    outline: none;

    font-size: 14px;
}

.agro-mobile-search button {
    position: absolute;

    top: 4px;
    right: 4px;

    width: 36px;
    height: 36px;

    border: 0;
    border-radius: 4px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #205E38;
    color: #fff;

    cursor: pointer;
}

.agro-mobile-search button svg {
    width: 18px;
    height: 18px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;

    stroke-linecap: round;
}


/* =========================================================
   MOBILE MENU
========================================================= */

.agro-mobile-menu {
    position: fixed;

    inset: 0;

    z-index: 99999;

    background: rgba(0,0,0,.45);

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .25s ease,
        visibility .25s ease;
}

.agro-mobile-menu.active {
    opacity: 1;
    visibility: visible;
}

.agro-mobile-menu-inner {
    width: min(350px, 88%);

    height: 100%;

    padding: 20px;

    overflow-y: auto;

    background: #fff;

    transform: translateX(-100%);

    transition: transform .3s ease;
}

.agro-mobile-menu.active
.agro-mobile-menu-inner {
    transform: translateX(0);
}

.agro-mobile-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding-bottom: 17px;

    border-bottom: 1px solid #E5EAE7;
}

.agro-mobile-menu-header strong {
    font-size: 19px;
    color: #205E38;
}

.agro-mobile-menu-header button {
    width: 36px;
    height: 36px;

    border: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #F2F7F4;
    color: #205E38;

    cursor: pointer;
}

.agro-mobile-menu-header button svg {
    width: 20px;
    height: 20px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

.agro-mobile-menu-inner > a {
    display: flex;
    align-items: center;

    min-height: 49px;

    padding: 0 4px;

    color: #252A27 !important;

    text-decoration: none;

    font-size: 15px;
    font-weight: 600;

    border-bottom: 1px solid #EDF0EE;
}

.agro-mobile-categories-title {
    margin-top: 20px;
    margin-bottom: 5px;

    color: #205E38;

    font-size: 12px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 1px;
}

.agro-mobile-category {
    justify-content: space-between;
}

.agro-mobile-category span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.agro-mobile-category span svg {
    width: 19px;
    height: 19px;

    fill: none;
    stroke: #23A455;
    stroke-width: 1.5;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.agro-mobile-category > svg {
    width: 17px;
    height: 17px;

    fill: none;
    stroke: #8C9690;
    stroke-width: 1.8;
}


/* =========================================================
   BODY LOCK WHEN MOBILE MENU OPEN
========================================================= */

body.agro-menu-open {
    overflow: hidden;
}


/* =========================================================
   STICKY HEADER
========================================================= */

.agro-header {
    position: sticky;
    top: 0;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .agro-header-main {
        gap: 18px;
    }

    .agro-account-text {
        display: none;
    }

    .agro-account {
        padding: 7px;
    }

    .agro-header-search {
        max-width: none;
    }

    .agro-main-nav a {
        padding: 0 12px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    .agro-container {
        width: min(
            100% - 28px,
            1280px
        );
    }


    /* TOP BAR */

    .agro-topbar {
        font-size: 11px;
    }

    .agro-topbar-inner {
        min-height: 34px;
    }

    .agro-top-left {
        width: 100%;
        justify-content: center;
    }

    .agro-top-right {
        display: none;
    }

    .agro-top-item:nth-child(2) {
        display: none;
    }


    /* HEADER */

    .agro-header-main {
        min-height: 70px;

        gap: 8px;
    }

    .agro-mobile-menu-btn {
        display: flex;

        align-items: center;
        justify-content: center;
    }


    /* LOGO */

    .agro-logo-icon {
        width: 36px;
        height: 36px;
    }

    .agro-logo-icon svg {
        width: 23px;
        height: 23px;
    }

    .agro-logo-name strong {
        font-size: 18px;
    }

    .agro-logo-name small {
        font-size: 8px;
        letter-spacing: 3px;
    }


    /* DESKTOP SEARCH HIDE */

    .agro-header-search {
        display: none;
    }


    /* ACTIONS */

    .agro-header-actions {
        gap: 1px;
    }

    .agro-account {
        display: none;
    }

    .agro-header-icon {
        width: 38px;
        height: 38px;
    }

    .agro-header-icon > svg {
        width: 20px;
        height: 20px;
    }


    /* NAV */

    .agro-nav-wrapper {
        display: none;
    }


    /* MOBILE SEARCH */

    .agro-mobile-search {
        display: block;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .agro-container {
        width: calc(100% - 20px);
    }

    .agro-logo-name {
        display: none;
    }

    .agro-logo-icon {
        width: 37px;
        height: 37px;
    }

    .agro-header-count {
        min-width: 16px;
        height: 16px;

        font-size: 9px;
    }

}

/* =========================================
   GAMIYA AGRO PRODUCT CARD
========================================= */

.gamiya-product-card {

    position: relative;

    list-style: none;

    margin: 0 !important;
    padding: 0 !important;

    background: #fff;

    border: 1px solid #e4e9e5;

    border-radius: 10px;

    overflow: hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.gamiya-product-card:hover {

    transform: translateY(-5px);

    box-shadow:
        0 12px 30px rgba(0, 0, 0, .10);

}


/* =========================================
   PRODUCT IMAGE
========================================= */

.gamiya-product-image {

    position: relative;

    width: 100%;

    aspect-ratio: 1 / 1;

    overflow: hidden;

    background: #f7f8f7;

}


.gamiya-product-image > a {

    display: block;

    width: 100%;

    height: 100%;

}


.gamiya-product-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .4s ease;

}


.gamiya-product-card:hover
.gamiya-product-image img {

    transform: scale(1.05);

}


/* =========================================
   DISCOUNT BADGE
========================================= */

.gamiya-sale-badge {

    position: absolute;

    top: 12px;
    left: 12px;

    z-index: 10;

    min-width: 48px;

    height: 30px;

    padding: 0 9px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #e53935;

    color: #fff;

    border-radius: 4px;

    font-size: 11px;

    font-weight: 800;

    line-height: 1;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, .12);

}


/* =========================================
   WISHLIST
========================================= */

.gamiya-wishlist {

    position: absolute;

    top: 12px;
    right: 12px;

    z-index: 10;

    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 0;

    border-radius: 50%;

    background: #fff;

    color: #333;

    font-size: 21px;

    line-height: 1;

    cursor: pointer;

    box-shadow:
        0 3px 12px rgba(0, 0, 0, .12);

    transition:
        .2s ease;

}


.gamiya-wishlist:hover {

    color: #e53935;

    transform: scale(1.08);

}


.gamiya-wishlist.active {

    background: #e53935;

    color: #fff;

}


/* =========================================
   PRODUCT INFORMATION
========================================= */

.gamiya-product-info {

    padding: 17px;

}


/* =========================================
   CATEGORY
========================================= */

.gamiya-product-category {

    margin-bottom: 6px;

    font-size: 10px;

    line-height: 1.3;

    text-transform: uppercase;

    letter-spacing: .7px;

    color: #8a948c;

}


.gamiya-product-category a {

    color: #8a948c;

    text-decoration: none;

}


/* =========================================
   PRODUCT TITLE
========================================= */

.gamiya-product-title {

    margin: 0 0 8px;

    min-height: 42px;

    font-size: 15px;

    line-height: 1.45;

    font-weight: 600;

}


.gamiya-product-title a {

    color: #202820;

    text-decoration: none;

}


.gamiya-product-title a:hover {

    color: #16833b;

}


/* =========================================
   RATING
========================================= */

.gamiya-product-rating {

    display: flex;

    align-items: center;

    gap: 5px;

    margin-bottom: 8px;

    min-height: 18px;

    font-size: 11px;

    color: #8a948c;

}


.gamiya-product-rating .star-rating {

    margin: 0;

}


/* =========================================
   GAMIYA AGRO PRICE
========================================= */

.gamiya-product-price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    margin: 0 0 15px 0 !important;
}


/* REGULAR PRICE - CROSSED */

.gamiya-product-price del,
.gamiya-product-price del *,
.gamiya-product-price del .woocommerce-Price-amount,
.gamiya-product-price del bdi {

    color: #999 !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    text-decoration-line: line-through !important;

    text-decoration-style: solid !important;

    text-decoration-thickness: 1.5px !important;

    text-decoration-color: #999 !important;

    opacity: 1 !important;

}


/* SALE PRICE */

.gamiya-product-price ins,
.gamiya-product-price ins *,
.gamiya-product-price ins .woocommerce-Price-amount,
.gamiya-product-price ins bdi {

    color: #075b2c !important;

    font-size: 19px !important;

    font-weight: 800 !important;

    text-decoration: none !important;

}


/* MAKE SURE BDI DOES NOT REMOVE LINE */

.gamiya-product-price del bdi {
    text-decoration-line: line-through !important;
}


/* CURRENCY */

.gamiya-product-price
.woocommerce-Price-currencySymbol {

    font-size: inherit !important;

}


/* MOBILE */

@media (max-width: 700px) {

    .gamiya-product-price del,
    .gamiya-product-price del * {

        font-size: 12px !important;

    }

    .gamiya-product-price ins,
    .gamiya-product-price ins * {

        font-size: 17px !important;

    }

}

/* =========================================
   ADD TO CART
========================================= */

.gamiya-cart-button {

    width: 100%;

}


.gamiya-cart-button .button {

    width: 100% !important;

    min-height: 42px;

    display: flex !important;

    align-items: center;

    justify-content: center;

    margin: 0 !important;

    padding: 10px 15px !important;

    border: 0 !important;

    border-radius: 6px !important;

    background: #16833b !important;

    color: #fff !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    line-height: 1.2;

    text-align: center;

    text-decoration: none !important;

    transition:
        background .2s ease;

}


.gamiya-cart-button .button:hover {

    background: #075b2c !important;

}


/* =========================================
   PRODUCT GRID
========================================= */

.woocommerce ul.products {

    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 22px;

    margin: 0 !important;

    padding: 0 !important;

}


.woocommerce ul.products::before,
.woocommerce ul.products::after {

    display: none !important;

}


.woocommerce ul.products li.product {

    width: auto !important;

    float: none !important;

    margin: 0 !important;

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .woocommerce ul.products {

        grid-template-columns:
            repeat(3, minmax(0, 1fr));

    }

    .gamiya-product-title {

        font-size: 14px;

    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

    .woocommerce ul.products {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 12px;

    }

    .gamiya-product-info {

        padding: 13px;

    }

    .gamiya-product-title {

        font-size: 13px;

        min-height: 38px;

    }

    .gamiya-product-price ins {

        font-size: 17px;

    }

    .gamiya-product-price
    > .woocommerce-Price-amount {

        font-size: 17px;

    }

    .gamiya-wishlist {

        width: 34px;

        height: 34px;

        font-size: 18px;

    }

    .gamiya-sale-badge {

        top: 9px;

        left: 9px;

        min-width: 43px;

        height: 27px;

        font-size: 10px;

    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 420px) {

    .woocommerce ul.products {

        gap: 10px;

    }

    .gamiya-product-info {

        padding: 11px;

    }

}

/* =========================================
   VIEW CART BUTTON
========================================= */

.gamiya-cart-button .added_to_cart,
.gamiya-product-card .added_to_cart {

    display: flex !important;

    align-items: center;
    justify-content: center;

    width: 100% !important;

    min-height: 42px;

    margin-top: 8px !important;

    padding: 10px 15px !important;

    background: #f1f7f2 !important;

    border: 1px solid #16833b !important;

    border-radius: 6px !important;

    color: #16833b !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-align: center;

    text-decoration: none !important;

    transition: all .2s ease;
}


/* HOVER */

.gamiya-cart-button .added_to_cart:hover,
.gamiya-product-card .added_to_cart:hover {

    background: #16833b !important;

    color: #fff !important;

    border-color: #16833b !important;

}


/* ADD TO CART */

.gamiya-cart-button .add_to_cart_button {

    margin-bottom: 0 !important;

}


/* LOADING STATE */

.gamiya-cart-button .add_to_cart_button.loading {

    opacity: .6;

}


/* MOBILE */

@media (max-width: 700px) {

    .gamiya-cart-button .added_to_cart,
    .gamiya-product-card .added_to_cart {

        min-height: 38px;

        padding: 9px 10px !important;

        font-size: 11px !important;

    }

}


/* =========================================
   GAMIYA AGRO HEADER COLORS
========================================= */


/* TOP HEADER / TOP BAR */

.agro-topbar {

    background-color: #205E38 !important;

    color: #ffffff !important;

}


.agro-topbar a,
.agro-topbar span {

    color: #ffffff !important;

}


/* MAIN HEADER */

.agro-header {

    background-color: #205E38 !important;

    color: #ffffff !important;

}


/* LOGO */

.agro-logo a {

    color: #ffffff !important;

}


.logo-text strong,
.logo-text small {

    color: #ffffff !important;

}


.logo-icon {

    color: #ffffff !important;

}


/* SEARCH */

.agro-search input {

    background: #ffffff !important;

    color: #333 !important;

    border-color: rgba(255,255,255,.4) !important;

}


.agro-search input::placeholder {

    color: #777 !important;

}


.agro-search button {

    background: #205E38 !important;

    color: #ffffff !important;

}


/* ACCOUNT */

.header-action,
.header-action:hover {

    color: #ffffff !important;

}


.action-text small,
.action-text strong {

    color: #ffffff !important;

}


.action-icon {

    color: #ffffff !important;

}


/* WISHLIST + CART */

.header-icon-button,
.header-icon-button:hover {

    color: #ffffff !important;

}


.header-count {

    background: #205E38 !important;

    color: #ffffff !important;

}


/* =========================================
   NAVIGATION - IF NAV IS INSIDE HEADER
========================================= */

.agro-header nav,
.agro-header .main-navigation {

    background: #23A455 !important;

}


.agro-header .main-navigation a {

    color: #ffffff !important;

}


.agro-header .main-navigation a:hover {

    color: #ffffff !important;

    background: #205E38 !important;

}

