/* Compact WooCommerce shop product cards */
.shop-section { padding: 58px 0 60px; background: #fbfaf4; }
.shop-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
.shop-heading h2 { margin: 0; color: #123b27; font-size: 75px; font-weight: 900; line-height: 1; letter-spacing: -3px; color: black; }
.shop-heading h2::after { display: block; width: 48px; height: 4px; margin-top: 16px; background: #d9a81d; content: ""; }
.shop-heading a { padding-bottom: 7px; color: #102d1e; border-bottom: 2px solid #d9a81d; font-size: 12px; font-weight: 700; letter-spacing: .4px; text-decoration: none; }
.shop-heading a span { margin-left: 8px; font-size: 20px; vertical-align: -1px; }
.shop-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }

/* ==========================================
   SHOP CARDS - NEW PREMIUM DESIGN
========================================== */

.shop-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.shop-card{
    position:relative;
    overflow:hidden;

    background:linear-gradient(
        180deg,
        #c8dfd0 0%,
        #d9eade 35%,
        #eef6f1 70%,
        #ffffff 100%
    );

    border-radius:28px;

    transition:.35s ease;

    text-align:center;

    min-height:580px;
}


/* Image */

.shop-card__image{
 
    display:flex;
    justify-content:center;
    align-items:flex-start;
	max-width:134px;
	margin: 0 auto;
    padding-top:49px;
    background:transparent;
    border-radius:0;
    overflow:visible;
}

.shop-card__image img{
    width:100%;
    height:100%;
    object-fit:contain;
    transition:.45s ease;
    filter:drop-shadow(0 18px 18px rgba(0,0,0,.16));
}

/* Badge */

.shop-card__badge{
    position:absolute;
     left: 57px;
    top: 7px;
    transform:translateX(-50%);
    padding:8px 16px;
    border-radius:100px;
    background:#fff;
    color:#1c442b;
    border:1px solid #dbe8df;
    font-size:11px;
    font-weight:700;
    letter-spacing:.06em;
    z-index:5;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
	margin-top:0;
}

/* Content */

.shop-card__content{
    padding:0 28px 28px;
}

.shop-card__category{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    color:#6d7b73;

    font-size:11px;

    letter-spacing:.22em;

    text-transform:uppercase;

    margin-top:8px;
}

.shop-card__category .line{
    width:22px;
    height:2px;
    background:#d7a51d;
}

.shop-card h3{
    margin:35px 0 16px;
    color:#163524;
    font-size:28px;
    font-weight:800;
    line-height:1.2;
}

.shop-card__price del{
    display:none;
}

.shop-card__price ins{
    text-decoration:none;
    color:#1c442b;
}

.shop-card__meta{
    margin-top:16px;
    color:#38a169;
    font-weight:700;
    font-size:15px;
}

/* Hover Button */

.shop-card__hover{
    position:absolute;
    left:28px;
    right:28px;
    bottom:28px;

    opacity:0;
    visibility:hidden;

    transform:translateY(20px);

    transition:
        opacity .35s ease,
        transform .35s ease,
        visibility .35s ease;

    z-index:5;
}

.shop-card:hover .shop-card__hover{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.shop-card__content{
    padding:0 28px 100px;
}

.add-cart-btn{
    display:flex;
    justify-content:center;
    align-items:center;

    height:56px;

    background:#1c442b;
    color:#fff;
    border-radius:999px;

    text-decoration:none;

    font-weight:800;

    letter-spacing:.05em;

    transition:.3s;
}

.add-cart-btn.pv-added{
    background:var(--accent);
}

.shop-card .added_to_cart{
    display:none !important;
}
.shop-heading{
    text-align:center;
    margin-bottom:45px;
}

.shop-view-all{
    display:flex;
    justify-content:center;
    margin-top:45px;
}

.shop-view-all-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:16px 34px;

    background:#18342d;
    color:#fff;

    border-radius:999px;

    text-decoration:none;

    font-size:14px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;

    transition:.3s ease;
}

.shop-view-all-btn span{
    font-size:18px;
    transition:.3s ease;
}

.shop-view-all-btn:hover{
     color: #fff;
    background: var(--accent);
    transform:translateY(-3px);
}

.shop-grid .pv-bac-water-30ml img{
    min-width: 476px;
    min-height: 458px;
	margin-top:-50px;
}
.shop-grid .pv-bac-water-30ml .shop-card__content{
	margin-top:-66px;
}

.shop-view-all-btn:hover span{
    transform:translateX(6px);
}

.shop-section .container{
	width: 100%;
	padding: 0 40px;
}


/* Responsive */


@media(max-width:1200px){

    .shop-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width: 768px) {
	.shop-section .container{
		padding: 0 15px;
	}

    .shop-grid{
        grid-template-columns:repeat(2, 1fr);
        gap:15px;
    }

    .shop-card{
        min-height:497px;
        border-radius:20px;
    }

    .shop-card__image{
        margin-top:6px;
		margin-bottom:20px;
		padding-top: 35px;
    }


    .shop-card__content{
        padding:0 15px 65px;
    }

    .shop-card h3{
        font-size:18px;
        margin-bottom:10px;
        line-height:1.3;
    }

    .shop-card__price{
        font-size:16px;
		margin-bottom:0px;
    }

    .shop-card__meta{
        font-size:13px;
        margin-top:10px;
    }

    .shop-card__badge{
        font-size:9px;
        padding:6px 10px;
    }

    .shop-card__hover{
        left:15px;
        right:15px;
        bottom:10px;
    }

    .add-cart-btn{
        height:46px;
        font-size:12px;
    }
	.shop-card__hover{
		opacity:1;
		visibility: visible;
		transform: none !important;
	}
	.shop-card__badge{
		left: 43px;
        top: 5px;
	}
	.shop-card__image{
		height:auto;
		
	}
	.shop-card__image img{
		max-width: 91px;
		
	}

	.shop-grid .pv-bac-water-30ml img {
	min-width: 345px;
        min-height: 215px;
        margin-top: -49px;
		margin-left: 16px;
    }
	.shop-grid .pv-bac-water-30ml .shop-card__content {
    margin-top: -51px;
}


	.faq-grid{
		flex-direction:column;
	}

}


.woocommerce-Price-amount{
	font-size:20px;
	font-weight:500;
}