/** Shopify CDN: Minification failed

Line 830:0 Unexpected "}"
Line 1537:0 Expected "}" to go with "{"

**/
/* =============================================================
   1. GLOBAL RESET & CONTAINERS
   ============================================================= */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', sans-serif;
  background: #f3eee6;   /* warmer cream */
  color: #2b2b2b;
}

.lp-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.container {
  max-width: 1400px;
  margin: auto;
  padding: 0 60px;
}

/* =============================================================
   2. HEADER & LAYOUT STRUCTURE
   ============================================================= */
.header {
  padding: 18px 0 25px;
  border-bottom: 1px solid #e8e2d9;
}

.header-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.header-top {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 12px 0;   /* reduced from 20px */
}

.header-left {
  display: flex;
  justify-content: flex-start;
}

.header-center {
  display: flex;
  justify-content: center;
}

.header-right {
  display: flex;
  justify-content: flex-end;
  gap: 22px;
}

/* =============================================================
   3. LOGO STYLING
   ============================================================= */
.logo-main {
  font-family: 'Playfair Display', serif;
  font-size: 58px;   /* was 68px */
  font-weight: 400;
  color: #c9ae73;
  line-height: 1;
}

.logo-sub {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
  font-size: 11px;
  letter-spacing: 4px;
  color: #2f2f2f;
}

.logo-sub .line {
  width: 60px;   /* shorter bars */
  height: 1px;
  background: #c9ae73;
  opacity: 0.6;
}

/* =============================================================
   4. NAVIGATION MENU & DROPDOWNS
   ============================================================= */
.nav {
  width: 100%;
  display: flex;
  justify-content: center;
  border-top: 1px solid #e8e2d9;
  padding-top: 10px;
  padding-bottom: 8px;
  position: relative;
  z-index: 200000;
}

.menu {
  list-style: none;
  display: flex;
  gap: 42px;
  align-items: center;
}

.menu-item {
  position: relative;
}

.nav a, .menu-item > a {
  font-family: 'Playfair Display', serif;
  font-size: 16.5px;
  font-weight: 500;     /* slight weight */
  color: #2f2f2f;       /* darker charcoal */
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  padding: 6px 0;
  display: inline-block;
}

.nav a::after, .menu-item > a::after {
  content: "";
  position: absolute;
  height: 1px; /* Note: below it's 2px in menu section, maintained original logic */
  width: 0;
  background: #c9ae73;
  bottom: -5px;  /* closer to text */
  left: 0;
  transition: 0.25s ease;
}

/* Underline Animation Rewrite for Consistency */
.menu-item > a::after {
  height: 2px;
  bottom: -6px;
  transition: 0.3s ease;
}

.nav a.active::after,
.nav a:hover::after,
.menu-item > a:hover::after,
.menu-item > a.active::after {
  width: 100%;
}

/* DROPDOWN SYSTEM */
.dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 240px;
  background: #f8f5ef;   /* cream tone instead of white */
  padding: 18px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: 0.35s cubic-bezier(.23,1,.32,1);
  border-top: 3px solid #c9ae73;
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
  z-index: 9999;
  list-style: none !important;
  margin: 0;
  padding-left: 0;
}

.dropdown li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

.dropdown a {
  display: block;
  padding: 12px 25px;
  font-size: 15px;
  font-family: 'Playfair Display', serif;
  font-weight: 500;
  color: #2f2f2f;
  transition: all 0.3s ease;
}

.dropdown a:hover {
  background: #ede7db;
  color: #bfa14a;
  padding-left: 32px;
}

.menu-item.has-dropdown:hover .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* =============================================================
   5. SEARCH SYSTEM
   ============================================================= */
.search-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 5;
}

.search-form {
  position: absolute;
  right: 35px;
  opacity: 0;
  transform: translateX(20px);
  transition: 0.3s ease;
}

.search-form input {
  padding: 6px 10px;
  border: 1px solid #ddd;
  background: #fff;
  font-family: 'Inter', sans-serif;
}

.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 220px;
  background: #f3eee6;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-100%);
  transition: 0.4s ease;
  z-index: 99999;
  border-bottom: 1px solid #e5dfd6;
  pointer-events: none;
}

.search-overlay.active {
  transform: translateY(0);
  pointer-events: auto;
}

.search-overlay-inner {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.search-overlay-form {
  flex: 1;
  display: flex;
  border: 1px solid #c9ae73;
  padding: 12px 18px;
  background: white;
}

.search-overlay-form input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 18px;
  font-family: 'Playfair Display', serif;
}

/* =============================================================
   6. CART DRAWER & ICONS
   ============================================================= */
.icons {
  display: flex;
  justify-content: center;
  gap: 22px;
}

.icon-link {
  display: flex;
  align-items: center;
}

.cart-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  z-index: 998;
}

.cart-drawer {
  position: fixed;
  top: 0;
  right: -400px;
  width: 380px;
  height: 100%;
  background: #ffffff;
  box-shadow: -5px 0 20px rgba(0,0,0,0.1);
  transition: 0.3s ease;
  z-index: 999;
  display: flex;
  flex-direction: column;
}

.cart-header {
  padding: 20px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cart-content {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}

.cart-footer {
  padding: 20px;
  border-top: 1px solid #eee;
}

.view-cart-btn {
  display: block;
  text-align: center;
  padding: 10px;
  background: #c9ae73;
  color: white;
  text-decoration: none;
}

.cart-open .cart-overlay {
  opacity: 1;
  visibility: visible;
}

.cart-open .cart-drawer {
  right: 0;
}

/* =============================================================
   7. RESPONSIVE / MOBILE WRAPPER
   ============================================================= */
.mobile-only-wrapper {
  display: none;
}

@media (max-width:768px) {
  .mobile-only-wrapper {
    display: block;
  }
}

/* =============================================================
   1. SEARCH & INTERACTION CONTROLS
   ============================================================= */
.search-submit {
  background: none;
  border: none;
  cursor: pointer;
}

.search-close {
  font-size: 22px;
  cursor: pointer;
  padding: 10px;
}

.cart-trigger {
  cursor: pointer;
  position: relative;
  z-index: 20;
}

/* =============================================================
   2. LOGO & HEADER LINK FIXES (Clean Branding)
   ============================================================= */
.logo,
.logo:link,
.logo:visited,
.logo:hover,
.logo:active {
  text-decoration: none !important;
  border: none !important;
}

.logo::after,
.logo::before,
.logo a::after,
.logo a::before {
  display: none !important;
  content: none !important;
}

.header-center a {
  text-decoration: none !important;
}

/* =============================================================
   3. EMPTY CART UI (Premium Design)
   ============================================================= */
.empty-cart-state {
  text-align: center;
  padding: 60px 30px;
}

.empty-cart-state h2 {
  font-family: 'Playfair Display', serif;
  font-size: 24px;
  margin-bottom: 15px;
  color: #2f2f2f;  /* same as collections */
}

.empty-cart-state p {
  font-size: 15px;
  color: #2f2f2f;   /* same as collections */
  opacity: 0.8;
  margin-bottom: 25px;
}

.continue-btn {
  display: inline-block;
  background: #c9ae73;   /* theme gold */
  color: #2f2f2f;        /* same as menu text */
  padding: 12px 28px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s ease;
  border: none;
}

.continue-btn:hover {
  background: #bfa14a;   /* slightly deeper gold */
  color: #2f2f2f;
}

.login-hint {
  margin-top: 30px;
}

.login-hint h4 {
  font-size: 16px;
  margin-bottom: 6px;
}

.login-hint a {
  color: #2f2f2f;
  text-decoration: underline;
}

/* =============================================================
   4. BUTTON SYSTEM (Hero & UI Buttons)
   ============================================================= */
.btn-primary,
.btn-outline {
  display: inline-block;
  text-decoration: none !important;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

/* Gold Button Style */
.btn-primary {
  background: #c6a75e;
  color: #ffffff !important;
  padding: 14px 36px;
  border-radius: 3px;
  border: none;
}

.btn-primary:hover {
  background: #b8974c;
}

/* Outline / Dark Button Style */
.btn-outline {
  border: 1px solid #2f2f2f;
  color: #2f2f2f !important;
  padding: 14px 36px;
  border-radius: 3px;
}

.btn-outline:hover {
  background: #2f2f2f;
  color: #ffffff !important;
}

/* =============================================================
   1. HERO MAIN CONTAINER & SLIDES
   ============================================================= */
.new-hero {
  position: relative;
  height: 650px;
  overflow: hidden;
  z-index: 1;
}

.new-hero-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.new-hero-slide.active {
  opacity: 1;
  z-index: 2;
}

.new-hero-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* =============================================================
   2. HERO CONTENT (Typography & Buttons)
   ============================================================= */
.new-hero-content {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  max-width: 520px;
  z-index: 5; /* Maintained higher z-index for interaction */
  color: #2b2b2b;
}

.new-hero-content h1 {
  font-family: 'Playfair Display', serif;
  font-size: 46px;
  font-weight: 600;
  margin-bottom: 18px;
  color: #2b2b2b;
}

.new-hero-content p {
  font-size: 17px;
  margin-bottom: 28px;
  line-height: 1.6;
  color: #444;
}

.hero-buttons {
  display: flex;
  gap: 18px;
}

/* =============================================================
   3. SLIDER NAVIGATION (Arrows)
   ============================================================= */
.new-hero-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background: rgba(255,255,255,0.7);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 22px;
  z-index: 5;
  transition: 0.3s;
}

.new-prev { left: 30px; }
.new-next { right: 30px; }

.new-hero-arrow:hover {
  background: #c9ae73;
  color: #fff;
}

/* =============================================================
   4. PROGRESS INDICATOR
   ============================================================= */
.new-hero-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: rgba(0,0,0,0.05);
  z-index: 6;
}

.new-hero-progress-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(to right, #c9ae73, #e0c27a);
}

/* =====================================
MOBILE SYSTEM – CLEAN SINGLE BLOCK
===================================== */

@media (max-width:768px){

/* CONTAINER */

.container,
.lp-container{
padding:0 16px;
max-width:100%;
}

.header-inner{
padding:0 12px;
position:relative;
}

.header-top{
display:flex;
align-items:center;
justify-content:space-between;
min-height:60px;
}

/* left icons */

.header-left{
display:flex;
align-items:center;
gap:14px;
z-index:20;
position:relative;
}

/* logo perfectly center */

.header-center{
position:absolute;
left:50%;
transform:translateX(-50%);
display:flex;
flex-direction:column;
align-items:center;
pointer-events:auto;
}

.logo-main{
font-size:24px;
line-height:1;
text-align:center;
}

.logo-sub{
font-size:9px;
letter-spacing:2px;
text-align:center;
}

/* right icons */

.header-right{
display:flex;
align-items:center;
gap:14px;
z-index:5;
}

.header svg{
width:20px;
height:20px;
}


/* REMOVE HEADER GAP */

.header{
margin-bottom:0;
}


/* HERO */

.new-hero{
position:relative;
height:250px;
overflow:hidden;
}

.new-hero-slide{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
transition:opacity .5s ease;
}

.new-hero-slide.active{
opacity:1;
}

.new-hero-slide img{
width:100%;
height:100%;
object-fit:cover;
}


/* HERO TEXT */

.new-hero-content{
position:absolute;
top:50%;
left:16px;
transform:translateY(-50%);
max-width:45%;   /* blank wall area only */
color:#2b2b2b;
}

/* main title */

.new-hero-content h1{
font-size:19px;
line-height:1.2;
margin-bottom:12px;
}

/* REMOVE DESCRIPTION */

.new-hero-content p{
display:none;
}


/* HERO BUTTONS */

.hero-buttons{
display:flex;
flex-direction:column;
gap:8px;
align-items:flex-start;
}

.hero-buttons a{
width:150px;
padding:9px 12px;
font-size:13px;
text-align:center;
}

}


/* HIDE ARROWS */

.new-hero-arrow{
display:none !important;
}


/* PROGRESS BAR */

.new-hero-progress{
display:none;
position:absolute;
bottom:0;
left:0;
width:100%;
height:3px;
}


/* SECTIONS */

section{
padding:45px 0;
}

.section-title{
font-size:24px;
text-align:center;
}

.section-subtitle{
font-size:14px;
text-align:center;
}


/* PRODUCT GRID */

.product-grid{
grid-template-columns:1fr 1fr;
gap:14px;
}

.product-card img{
width:100%;
height:auto;
}


/* REMOVE TAP FLASH */

a,
button{
-webkit-tap-highlight-color:transparent;
}

}

/* FIX MOBILE HEADER CLICK ISSUES */

@media (max-width:768px){

.header-left{
position:relative;
z-index:20;
}

.header-center{
position:absolute;
left:50%;
transform:translateX(-50%);
display:flex;
flex-direction:column;
align-items:center;
z-index:5;
pointer-events:none;
}

.header-center a{
pointer-events:auto;
}

.header-right{
position:relative;
z-index:20;
}

/* ensure search input hidden */

.search-overlay{
z-index:9999;
}

}

/* TRUST STRIP */

.footer-trust{

border-top:1px solid #222;
border-bottom:1px solid #222;
padding:15px 0;

}

.trust-inner{

display:flex;
justify-content:center;

}

.payments{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
font-size:14px;
}

.pay{
background:#1a1a1a;
padding:8px 16px;
border-radius:6px;
border:1px solid #444;
font-size:13px;
transition:.25s;
}

.pay:hover{
border-color:#c9ae73;
color:#c9ae73;
}

/* BOTTOM */

.footer-bottom{

padding:20px 0;
text-align:center;
font-size:13px;
color:#888;

}

/* MOBILE */

@media(max-width:768px){

.footer-top{
grid-template-columns:1fr;
gap:35px;
}

.footer-col{
border-bottom:1px solid #222;
padding-bottom:20px;
}

.footer-col:last-child{
border:none;
}

}

/* ===== FOOTER TEXT LOGO ===== */

.footer-text-logo{
display:inline-block;
text-decoration:none;
margin-bottom:18px;
}

.footer-text-logo .logo-main{
font-size:34px;
color:#c9ae73;
font-family:'Playfair Display', serif;
line-height:1;
}

.footer-text-logo .logo-sub{
display:flex;
align-items:center;
gap:8px;
font-size:9px;
letter-spacing:3px;
color:#ddd;
margin-top:4px;
}

.footer-text-logo .logo-sub .line{
width:40px;
height:1px;
background:#c9ae73;
opacity:.6;
}

/* ================= FOOTER ================= */

.lp-footer{
background:linear-gradient(to bottom,#2e2e2e,#1f1f1f);
color:#fff;
margin-top:80px;
}

/* GRID */

.footer-top{
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr 1fr;
gap:50px;
padding:70px 0;
}

/* BRAND LOGO */

.footer-text-logo{
display:block;
text-align:center;
margin-bottom:20px;
}

.footer-text-logo .logo-main{
font-family:'Playfair Display',serif;
font-size:38px;
color:#c9ae73;
text-align:center;
}

.footer-text-logo .logo-sub{
display:flex;
justify-content:center;
align-items:center;
gap:8px;
font-size:9px;
letter-spacing:3px;
margin-top:4px;
}

.footer-text-logo .line{
width:40px;
height:1px;
background:#c9ae73;
opacity:.7;
}

/* ABOUT */

.footer-about{
font-size:14px;
line-height:1.7;
color:#bbb;
max-width:320px;
}

/* COLUMNS */

.footer-col h4{
font-size:16px;
margin-bottom:18px;
}

.footer-col ul{
list-style:none;
padding:0;
}

.footer-col ul li{
margin-bottom:10px;
}

.footer-col a{
text-decoration:none;
color:#bbb;
font-size:14px;
transition:.3s;
}

.footer-col a:hover{
color:#c9ae73;
}

/* CONTACT */

.footer-contact li{
color:#bbb;
font-size:14px;
}

/* PAYMENTS */

.footer-payments{
border-top:1px solid rgba(255,255,255,0.08);
margin-top:30px;
padding:20px 0;
}

.payments-inner{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:10px;
align-items:center;
}

.pay-label{
opacity:.7;
margin-right:10px;
}

.pay{
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.12);
padding:6px 14px;
border-radius:4px;
font-size:13px;
transition:.25s;
}

.pay:hover{
border-color:#c9ae73;
color:#c9ae73;
}

/* COPYRIGHT */

.footer-bottom{
text-align:center;
padding:18px 0 26px;
font-size:13px;
color:#aaa;
}

/* MOBILE */

@media(max-width:768px){

.footer-top{
grid-template-columns:1fr;
gap:35px;
padding:50px 0;
}

.footer-about{
max-width:100%;
}

.footer-col{
padding:0 6px;
}

}

/* WHATSAPP FLOAT */

.lf-whatsapp{
position:fixed;
right:20px;
bottom:20px;
z-index:9999;
}

.lf-whatsapp a{
display:flex;
align-items:center;
justify-content:center;
width:56px;
height:56px;
background:#25D366;
border-radius:50%;
box-shadow:0 6px 18px rgba(0,0,0,0.25);
transition:.25s;
}

.lf-whatsapp a:hover{
transform:translateY(-3px);
}

@media (max-width:768px){

.search-form{
pointer-events:none;
}

.search-icon{
pointer-events:auto;
}

.new-hero-progress::before,
.new-hero-progress::after{
display:none !important;
}

.new-hero-progress{
display:none !important;
}

.new-hero-progress-bar{
display:none !important;
}

.menu-link{
display:inline-flex;
align-items:center;
gap:6px;
}

.menu-link a{
font-family:'Playfair Display', serif;
font-size:16.5px;
font-weight:500;
color:#2f2f2f;
text-decoration:none;
position:relative;
padding:6px 0;
}

/* underline animation restore */

.menu-link a::after{
content:"";
position:absolute;
height:2px;
width:0;
background:#c9ae73;
bottom:-6px;
left:0;
transition:0.3s ease;
}

.menu-link a:hover::after{
width:100%;
}

/* ================= MOBILE MENU PREMIUM ================= */

@media (max-width:768px){

/* hide desktop nav */

.header .nav{
display:none;
}

/* hamburger */

.lp-hamburger{
display:flex;
flex-direction:column;
gap:5px;
cursor:pointer;
z-index:100001;
}

.lp-hamburger span{
width:24px;
height:2px;
background:#2f2f2f;
transition:.3s;
}

/* Animation for Hamburger */
  .lp-hamburger.active span:nth-child(1) { transform: rotate(45deg) translateY(10px); }
  .lp-hamburger.active span:nth-child(2) { opacity: 0; }
  .lp-hamburger.active span:nth-child(3) { transform: rotate(-45deg) translateY(-10px); }

/* overlay */

.lp-mobile-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.35);
opacity:0;
visibility:hidden;
transition:.35s ease;
z-index:9998;
}

.lp-mobile-overlay.active{
opacity:1;
visibility:visible;
}

/* main menu */

.lp-mobile-menu {
    display: flex !important; /* Mobile par flex layout active */
    position: fixed;
    top: 100px; /* Aapka customized gap */
    left: 0;
    width: 82%;
    max-width: 360px;
    height: calc(100vh - 100px);
    background: #ffffff;
    transform: translateX(-100%);
    transition: .45s cubic-bezier(.77,0,.18,1);
    z-index: 9999;
    overflow: hidden;
    box-shadow: 6px 0 40px rgba(0,0,0,0.18);
    flex-direction: column;
  }


/* open */

.lp-mobile-menu.active {
    transform: translateX(0);
  }

/* animation keyframes */

@keyframes menuSlide{

0%{
transform:translateX(-100%);
}

70%{
transform:translateX(5%);
}

100%{
transform:translateX(0);
}

}

/* header */

.lp-mobile-header{
display:flex;
justify-content:flex-end;
padding:18px 22px;
border-bottom:1px solid #eee;
}

/* close */

.lp-menu-close{
font-size:22px;
cursor:pointer;
}

/* menu list */

.lp-menu-level-1{
list-style:none;
margin:0;
padding:10px 22px;
overflow-y:auto;
flex:1;
}

/* menu items */

.lp-menu-level-1 li{
border-bottom:1px solid #eee;
}

/* links */

.lp-menu-level-1 a{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 0;
text-decoration:none;
font-family:'Playfair Display',serif;
font-size:18px;
color:#2f2f2f;
transition:.25s;
}

/* hover */

.lp-menu-level-1 a:hover{
color:#c9ae73;
}

/* arrow */

.lp-arrow{
font-size:20px;
opacity:.6;
transition:.25s;
}

/* hover arrow */

.lp-menu-level-1 a:hover .lp-arrow{
transform:translateX(4px);
color:#c9ae73;
}

/* submenu */

.lp-submenu{
position:absolute;
top:0;
left:100%;
width:100%;
height:100%;
background:#fff;
padding:18px 22px;
list-style:none;
transition:.35s cubic-bezier(.23,1,.32,1);
overflow-y:auto;
}

.lp-submenu.active{
left:0;
}

/* back button */

.lp-back{
font-family:'Playfair Display',serif;
font-size:16px;
margin-bottom:18px;
cursor:pointer;
display:flex;
align-items:center;
gap:6px;
color:#2f2f2f;
}

.lp-back:hover{
color:#c9ae73;
}

}

body.menu-open{
overflow:hidden;
height:100vh;
}

/* COLLECTION PAGE */

.template-collection {
padding:60px 0;
}

.collection-title{
text-align:center;
font-size:36px;
font-weight:600;
margin-bottom:40px;
}

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

.product-card{
background:#fff;
border-radius:14px;
overflow:hidden;
transition:all .35s ease;
box-shadow:0 8px 20px rgba(0,0,0,0.05);
}

.product-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,0.08);
}

.product-card img{
width:100%;
height:260px;
object-fit:cover;
transition:transform .4s ease;
}

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

.product-info{
padding:18px;
}

.product-title{
font-size:15px;
font-weight:600;
margin-bottom:8px;
color:#222;
}

.product-price{
font-size:16px;
font-weight:700;
color:#b89652;
}

/* TABLET */

@media (max-width:1024px){

.collection-grid{
grid-template-columns:repeat(3,1fr);
}

}

/* MOBILE */

@media (max-width:768px){

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

.product-card img{
height:200px;
}

.collection-title{
font-size:26px;
}


/* FIX PRODUCT PAGE MOBILE OVERFLOW */

body{
overflow-x:hidden;
}

.product-page,
.product-gallery,
.product-gallery *{
max-width:100%;
box-sizing:border-box;
}

/* MAIN IMAGE */
.product-gallery img{
width:100%;
height:auto;
display:block;
}

/* SLIDER FIX */
.product-gallery{
overflow:hidden;
}

/* THUMBNAILS */
.product-thumbnails{
overflow-x:auto;
scrollbar-width:none;
}

.product-thumbnails::-webkit-scrollbar{
display:none;
}