/* ---------- HERO WRAPPER ---------- */
.gallery-hero-wrapper{
position:relative;
height: 725px;
background: url('../images/hero-background.png') center / cover no-repeat;
}
.gallery-content-row {
position: relative;
z-index: 999;
top: 14rem;
height: 68%;
scrollbar-width: none;
}

/* palm / rose image on right */
.side-decor{
position:absolute;
right:-40px;
top:60px;
width:420px;
max-width:32vw;
z-index:0;
opacity:0.95;
pointer-events:none;
}

/* pump bottle image */
.bottle-img{
position:absolute;
top:-70px;
left:50%;
width:220px;
z-index:3;
pointer-events:none;
}

.content-row{
position:relative;
z-index:999;
justify-content: space-between;
top: 255px;
}

/* ---------- WHITE PANEL ---------- */
.position-relative{
top: 0px; bottom: 0;
left: 0px;
max-width: 70%;
}
.gallery-panel{
background:#fffffff5;
padding:25px 20px 17px;
height: 100%;
}
.gallery-eyebrow{
color:var(--thememeatbrown);
font-weight:600;
letter-spacing:2px;
font-size:0.65rem;
text-transform: uppercase;
margin-bottom:0px;
}
.gallery-title{
font-weight:700;
font-size:1.92rem;
text-transform: uppercase;
color:#222;
margin-bottom:20px;
}
.gallery-heading {
text-align:center;
color:var(--thememeatbrown);
font-weight:600;
letter-spacing:1px;
font-size:0.95rem;
margin-bottom:6px;
}
.gallery-underline{
width:60px;
height:2px;
background:var(--themepurple);
margin:0 auto 20px;
position:relative;
}
.gallery-underline::after{
content:'';
position:absolute;
left:50%;
top:-4px;
transform:translateX(-50%);
width:20px;
height:2px;
background:var(--themepurple);
}

/* product cards */
.product-card{
position: relative;
height:163.5px;
overflow:hidden;
background-size:cover;
background-position:center;
background-color:#e7e7e7;
margin: 5px;
display:flex;
align-items:flex-end;
border:1px solid #f2f2f2;
}
/* product cards */
.product-card-details-main{
display: none;
position: absolute;
place-items: center;
top: 0; left: 0;
width: 100%;
background-color:var(--themepurple);
opacity: 0.9;
background-size:cover;
height:177.5px;
color:#fff;
transition: all .3s ease-in-out;
}

.product-card:hover .product-card-details-main {
display: block grid;
}

.product-card-details{
width: 80%;
text-align: center;
}
.corner-frame{
position:absolute;
width:70px;
height:70px;
border:1px solid rgba(255,255,255,0.6);
}
.corner-frame.tl{ top:14px; left:14px; border-right:none; border-bottom:none; }
.corner-frame.br{ bottom:14px; right:14px; border-left:none; border-top:none; }

.product-label{
background:#fff;
width:88%;
margin:0 auto 20px;
padding:14px 10px;
text-align:center;
font-weight: 600;
font-size: 0.8rem;
color:var(--thememeatbrown);
letter-spacing:0.5px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}
.product-center-label{
font-weight:400;
font-size:0.6rem;
text-align:center;
line-height:1.4;
cursor: pointer;
display: inline;
border-bottom: 3px solid rgb(255, 255, 255);
padding-bottom: 5px;
}
.product-center-dis{
font-weight:600;
font-size:0.6rem;
margin: 10px;
}
.social{
list-style: none;
cursor: pointer;
font-size: 0.6rem;
gap: 0.5rem;
padding: 0; margin: 0;
justify-content: center;
}