/** Shopify CDN: Minification failed

Line 23:13 Expected identifier but found whitespace
Line 23:15 Unexpected "{"
Line 23:24 Expected ":"
Line 24:8 Expected identifier but found whitespace
Line 24:10 Unexpected "{"
Line 24:19 Expected ":"
Line 32:13 Expected identifier but found whitespace
Line 32:15 Unexpected "{"
Line 32:24 Expected ":"
Line 47:9 Expected identifier but found whitespace
... and 19 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:custom-mega-header (INDEX:21) */
/* ===== TOP BAR ===== */
.top-bar {
  background: {{ section.settings.top_bg }};
  color: {{ section.settings.top_color }};
  text-align: center;
  font-size: 13px;
  padding: 6px;
}

/* ===== HEADER ===== */
.header {
  background: {{ section.settings.header_bg }};
  border-bottom: 1px solid #e5e5e5;
}

/* ===== MAIN HEADER ===== */
.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 40px;
  gap: 20px;
}

/* LOGO */
.logo img {
  height: {{ section.settings.logo_size }}px;
}

/* LEFT INFO */
.header-left {
  display: flex;
  gap: 20px;
  font-size: 13px;
  color: #555;
  align-items: center;
}

/* SEARCH */
.search {
  flex: 1;
  max-width: 500px;
  display: {% if section.settings.show_search %}block{% else %}none{% endif %};
}

.search input {
  width: 100%;
  padding: 10px 14px;
  border-radius: 6px;
  border: 1px solid #ddd;
}

/* RIGHT */
.header-right {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* ICON IMAGES */
.header-right img {
  width: {{ section.settings.icon_size }}px;
}

/* ===== NAV ===== */
.navbar {
  display: flex;
  gap: 25px;
  padding: 10px 40px;
  font-size: 14px;
  border-top: 1px solid #eee;
}

.nav-item {
  position: relative;
}

.nav-item a {
  color: {{ section.settings.menu_color }};
  text-decoration: none;
}

/* ===== MEGA MENU ===== */
.mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: #fff;
  display: none;
  padding: 30px 40px;
  border-top: 1px solid #eee;
}

.nav-item:hover .mega-menu {
  display: flex;
}

/* WRAPPER */
.mega-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 40px;
}

/* COLUMN */
.mega-col {
  width: 22%;
}

.mega-col h4 {
  font-size: 14px;
  margin-bottom: 12px;
  color: #444;
}

.mega-col a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  margin-bottom: 10px;
  color: #555;
  text-decoration: none;
}

/* ICON */
.mega-col img {
  width: 24px;
}

/* DIVIDER */
.mega-col:not(:last-child) {
  border-right: 1px solid #eee;
  padding-right: 20px;
}

/* IMAGE */
.mega-image {
  width: {{ section.settings.mega_img_width }}px;
}

.mega-image img {
  width: 100%;
  border-radius: 10px;
}

/* ===== MOBILE ===== */
@media(max-width:768px){
  .header-main {flex-direction: column; align-items:flex-start;}
  .navbar {flex-direction: column;}
  .mega-menu {position: static; display:block;}
  .mega-wrapper {flex-direction: column;}
  .mega-col {width:100%; border:none;}
  .mega-image {width:100%; margin-top:15px;}
}
/* END_SECTION:custom-mega-header */

/* START_SECTION:home-jewellery-3-2-grid (INDEX:32) */
/* 🔥 GOOGLE FONT */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@300;400;500;600;700&display=swap');

/* 🔥 FULL WIDTH SECTION */
.jewellery-grid-section {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding: 60px 0;
}

/* CONTAINER */
.jewellery-grid-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
}

/* HEADER */
.jewellery-grid-header {
  margin-bottom: 40px;
}

.jewellery-grid-header h2 {
  font-family: 'Playfair Display', serif;
  line-height: 1.2;
}

/* GRID */
.jewellery-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--gap);
}

.jewellery-grid-right {
  display: grid;
  gap: var(--gap);
}

/* ITEM */
.grid-item {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  background: #f8f8f8;
}

/* HEIGHT */
.grid-item.small {
  height: var(--small-height);
}

.grid-item.large {
  height: calc(var(--small-height) * 2 + var(--gap));
}

/* IMAGE */
.grid-item img {
  width: 100%;
  height: 100%;
  object-fit: var(--fit);
  object-position: center 40%;
  display: block;
  transition: transform 0.5s ease;
}

.grid-item:hover img {
  transform: scale(1.05);
}

/* OVERLAY */
.grid-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.15);
}

/* TEXT */
.grid-content {
  position: absolute;
  color: #fff;
  z-index: 2;
}

/* TEXT POSITIONS */
.text-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.text-right {
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
}

.text-bottom-left {
  left: 30px;
  bottom: 30px;
}

/* TABLET */
@media screen and (max-width: 1024px) {
  .jewellery-grid-wrapper {
    padding: 0 24px;
  }

  .grid-item.small {
    height: 200px;
  }

  .grid-item.large {
    height: calc(200px * 2 + var(--gap));
  }
}

/* 🔥 MOBILE SLIDER */
@media screen and (max-width: 768px) {

  .jewellery-grid {
    display: flex;
    overflow-x: auto;
    gap: 14px;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;
  }

  .jewellery-grid::-webkit-scrollbar {
    display: none;
  }

  .grid-item {
    min-width: 85%;
    flex: 0 0 auto;
    scroll-snap-align: start;
    height: 260px !important;
  }

  .jewellery-grid-right {
    display: contents;
  }

  .text-center,
  .text-right,
  .text-bottom-left {
    left: 16px;
    right: 16px;
    bottom: 16px;
    top: auto;
    transform: none;
    text-align: left;
  }
}
/* END_SECTION:home-jewellery-3-2-grid */