/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 895:0 Unexpected "<"

**/
<style>
  
 /* MOBILE - PATTERN: 1 FULL, 2 SIDE-BY-SIDE, 1 FULL, 2 SIDE-BY-SIDE */
.product-images-gallery .images-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2 COLUMNS FOR FLEXIBLE LAYOUT */
  grid-template-rows: repeat(4, auto); /* 4 ROWS FOR PATTERN */
  gap: 8px; /* CONSISTENT GAP */
  /* padding: 0 15px; */
  padding: 0;
  width: 96%;
  max-width: 100%;
  margin: 0 auto;
  background-color: transparent;
  box-sizing: border-box;
  min-height: 450px;
}
.product-images-gallery .product-image-item {
  overflow: hidden;
  background-color: transparent;
  border-radius: 6px;
  border: none;
  position: relative;
  width: 100%;
}
.product-images-gallery .product-image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}
/* MOBILE PATTERN GRID POSITIONING */
/* Image 1 - Row 1: Full width (spans both columns) */
.product-images-gallery .product-image-item:nth-child(1) {
  grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
  grid-row: 1;  
  height: 180px; /* FULL WIDTH HEIGHT */
}
/* Image 2 - Row 2: Left side */
.product-images-gallery .product-image-item:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
  height: 190px; /* INCREASED HEIGHT FOR SIDE-BY-SIDE */
}
/* Image 3 - Row 2: Right side */
.product-images-gallery .product-image-item:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
  height: 190px; /* INCREASED HEIGHT FOR SIDE-BY-SIDE */
}
/* Image 4 - Row 3: Full width (spans both columns) */
.product-images-gallery .product-image-item:nth-child(4) {
  grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
  grid-row: 3;
  height: 180px; /* FULL WIDTH HEIGHT */
}
/* Image 5 - Row 4: Left side */
.product-images-gallery .product-image-item:nth-child(5) {
  grid-column: 1;
  grid-row: 4;
  height: 190px; /* INCREASED HEIGHT FOR SIDE-BY-SIDE */
}
/* Image 6 - Row 4: Right side */
.product-images-gallery .product-image-item:nth-child(6) {
  grid-column: 2;
  grid-row: 4;
  height: 190px; /* INCREASED HEIGHT FOR SIDE-BY-SIDE */
}
/* VERY SMALL SCREENS - SAME PATTERN WITH TALLER HEIGHTS */
@media screen and (max-width: 374px) {
  .product-images-gallery .images-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 COLUMNS FOR FLEXIBLE LAYOUT */
    grid-template-rows: repeat(4, auto); /* 4 ROWS FOR PATTERN */
    gap: 6px; /* SLIGHTLY SMALLER GAP FOR VERY SMALL SCREENS */
    padding: 0 ;
    /* padding: 0 10px; */
    width: 98%;
    max-width: 100%;
    margin: 0 auto;
    background-color: transparent;
    box-sizing: border-box;
    min-height: 600px; /* INCREASED MINIMUM HEIGHT */
  }
  .product-images-gallery .product-image-item {
    overflow: hidden;
    background-color: transparent;
    border-radius: 4px; /* SLIGHTLY SMALLER BORDER RADIUS */
    border: none;
    position: relative;
    width: 100%;
  }
  .product-images-gallery .product-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    display: block;
  }
  /* VERY SMALL SCREEN PATTERN GRID POSITIONING - TALLER HEIGHTS */
  /* Image 1 - Row 1: Full width (spans both columns) */
  .product-images-gallery .product-image-item:nth-child(1) {
    grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
    grid-row: 1;  
    height: 220px; /* INCREASED HEIGHT FOR BETTER VISIBILITY */
  }
  /* Image 2 - Row 2: Left side */
  .product-images-gallery .product-image-item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    height: 240px; /* INCREASED HEIGHT FOR BETTER VISIBILITY */
  }
  /* Image 3 - Row 2: Right side */
  .product-images-gallery .product-image-item:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    height: 240px; /* INCREASED HEIGHT FOR BETTER VISIBILITY */
  }
  /* Image 4 - Row 3: Full width (spans both columns) */
  .product-images-gallery .product-image-item:nth-child(4) {
    grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
    grid-row: 3;
    height: 220px; /* INCREASED HEIGHT FOR BETTER VISIBILITY */
  }
  /* Image 5 - Row 4: Left side */
  .product-images-gallery .product-image-item:nth-child(5) {
    grid-column: 1;
    grid-row: 4;
    height: 240px; /* INCREASED HEIGHT FOR BETTER VISIBILITY */
  }
  /* Image 6 - Row 4: Right side */
  .product-images-gallery .product-image-item:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
    height: 240px; /* INCREASED HEIGHT FOR BETTER VISIBILITY */
  }
}
/* SMALL SCREENS (375px - 479px) - SAME PATTERN WITH OPTIMAL HEIGHTS */
@media screen and (min-width: 375px) and (max-width: 479px) {
  .product-images-gallery .images-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 COLUMNS FOR FLEXIBLE LAYOUT */
    grid-template-rows: repeat(4, auto); /* 4 ROWS FOR PATTERN */
    gap: 7px; /* OPTIMAL GAP FOR SMALL SCREENS */
    /* padding: 0 12px; */
    padding: 0 ;
    width: 97%;
    max-width: 100%;
    margin: 0 auto;
    background-color: transparent;
    box-sizing: border-box;
    min-height: 550px; /* OPTIMAL MINIMUM HEIGHT */
  }
  .product-images-gallery .product-image-item {
    overflow: hidden;
    background-color: transparent;
    border-radius: 5px; /* OPTIMAL BORDER RADIUS */
    border: none;
    position: relative;
    width: 100%;
  }
  .product-images-gallery .product-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    display: block;
  }
  /* SMALL SCREEN PATTERN GRID POSITIONING - OPTIMIZED HEIGHTS */
  /* Image 1 - Row 1: Full width (spans both columns) */
  .product-images-gallery .product-image-item:nth-child(1) {
    grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
    grid-row: 1;  
    height: 200px; /* OPTIMIZED HEIGHT FOR SMALL SCREENS */
  }
  /* Image 2 - Row 2: Left side */
  .product-images-gallery .product-image-item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    height: 210px; /* OPTIMIZED HEIGHT FOR SMALL SCREENS */
  }
  /* Image 3 - Row 2: Right side */
  .product-images-gallery .product-image-item:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    height: 210px; /* OPTIMIZED HEIGHT FOR SMALL SCREENS */
  }
  /* Image 4 - Row 3: Full width (spans both columns) */
  .product-images-gallery .product-image-item:nth-child(4) {
    grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
    grid-row: 3;
    height: 200px; /* OPTIMIZED HEIGHT FOR SMALL SCREENS */
  }
  /* Image 5 - Row 4: Left side */
  .product-images-gallery .product-image-item:nth-child(5) {
    grid-column: 1;
    grid-row: 4;
    height: 210px; /* OPTIMIZED HEIGHT FOR SMALL SCREENS */
  }
  /* Image 6 - Row 4: Right side */
  .product-images-gallery .product-image-item:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
    height: 210px; /* OPTIMIZED HEIGHT FOR SMALL SCREENS */
  }
}
/* MEDIUM MOBILE SCREENS (480px - 599px) - SAME PATTERN WITH ENHANCED HEIGHTS */
@media screen and (min-width: 480px) and (max-width: 599px) {
  .product-images-gallery .images-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 COLUMNS FOR FLEXIBLE LAYOUT */
    grid-template-rows: repeat(4, auto); /* 4 ROWS FOR PATTERN */
    gap: 8px; /* STANDARD GAP */
    padding: 0 ;
    /* padding: 0 14px; */
    width: 96%;
    max-width: 100%;
    margin: 0 auto;
    background-color: transparent;
    box-sizing: border-box;
    min-height: 500px; /* ENHANCED MINIMUM HEIGHT */
  }
  .product-images-gallery .product-image-item {
    overflow: hidden;
    background-color: transparent;
    border-radius: 6px; /* STANDARD BORDER RADIUS */
    border: none;
    position: relative;
    width: 100%;
  }
  .product-images-gallery .product-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    display: block;
  }
  /* MEDIUM MOBILE PATTERN GRID POSITIONING - ENHANCED HEIGHTS */
  /* Image 1 - Row 1: Full width (spans both columns) */
  .product-images-gallery .product-image-item:nth-child(1) {
    grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
    grid-row: 1;  
    height: 190px; /* ENHANCED HEIGHT FOR MEDIUM MOBILE */
  }
  /* Image 2 - Row 2: Left side */
  .product-images-gallery .product-image-item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    height: 200px; /* ENHANCED HEIGHT FOR MEDIUM MOBILE */
  }
  /* Image 3 - Row 2: Right side */
  .product-images-gallery .product-image-item:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    height: 200px; /* ENHANCED HEIGHT FOR MEDIUM MOBILE */
  }
  /* Image 4 - Row 3: Full width (spans both columns) */
  .product-images-gallery .product-image-item:nth-child(4) {
    grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
    grid-row: 3;
    height: 190px; /* ENHANCED HEIGHT FOR MEDIUM MOBILE */
  }
  /* Image 5 - Row 4: Left side */
  .product-images-gallery .product-image-item:nth-child(5) {
    grid-column: 1;
    grid-row: 4;
    height: 200px; /* ENHANCED HEIGHT FOR MEDIUM MOBILE */
  }
  /* Image 6 - Row 4: Right side */
  .product-images-gallery .product-image-item:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
    height: 200px; /* ENHANCED HEIGHT FOR MEDIUM MOBILE */
  }
}
/* TABLET LAYOUT - KEEP EXISTING 2-COLUMN ASYMMETRIC GRID */
@media screen and (min-width: 600px) and (max-width: 749px) {
  .product-images-gallery .images-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* BACK TO 2 COLUMNS */
    grid-template-rows: repeat(4, auto); /* 4 ROWS FOR ASYMMETRIC LAYOUT */
    gap: 10px;
    /* padding: 0 15px; */
    padding: 0;
    max-width: 85%;
    min-height: 500px;
  }
  
  .product-images-gallery .product-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center; /* PREVENT TOP CROPPING */
    border-radius: 6px;
    display: block;
  }
  
  /* TABLET ASYMMETRIC GRID - MEDIUM SIZES */
  .product-images-gallery .product-image-item:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
    height: 180px;
  }
  
  .product-images-gallery .product-image-item:nth-child(2) {
    grid-column: 2;
    grid-row: 1 / 3; /* SPANS 2 ROWS */
    height: 380px;
  }
  
  .product-images-gallery .product-image-item:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
    height: 180px;
  }
  
  .product-images-gallery .product-image-item:nth-child(4) {
    grid-column: 1;
    grid-row: 3 / 5; /* SPANS 2 ROWS */
    height: 380px;
  }
  
  .product-images-gallery .product-image-item:nth-child(5) {
    grid-column: 2;
    grid-row: 3;
    height: 180px;
  }
  
  .product-images-gallery .product-image-item:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
    height: 180px;
  }
}
/* IPAD PRO 11" AND 12.9" SPECIFIC FIXES - LANDSCAPE */
@media screen and (min-width: 750px) and (max-width: 1024px) and (orientation: landscape) {
  .product-images-gallery .images-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 COLUMNS FOR FLEXIBLE LAYOUT */
    grid-template-rows: repeat(4, auto); /* 4 ROWS FOR PATTERN */
    gap: 15px; /* OPTIMAL GAP FOR IPAD PRO */
    padding: 0 ;
    /* padding: 0 20px; */
    width: 85%;
    max-width: 1000px;
    margin: 0 auto;
    background-color: transparent;
    box-sizing: border-box;
    min-height: 700px; /* OPTIMAL MINIMUM HEIGHT */
  }
  .product-images-gallery .product-image-item {
    overflow: hidden;
    background-color: transparent;
    border-radius: 10px; /* OPTIMAL BORDER RADIUS FOR IPAD PRO */
    border: none;
    position: relative;
    width: 100%;
  }
  .product-images-gallery .product-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center; /* PREVENT TOP CROPPING */
    border-radius: 10px;
    display: block;
  }
  /* IPAD PRO LANDSCAPE PATTERN GRID POSITIONING - OPTIMIZED HEIGHTS */
  /* Image 1 - Row 1: Full width (spans both columns) */
  .product-images-gallery .product-image-item:nth-child(1) {
    grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
    grid-row: 1;  
    height: 280px; /* OPTIMIZED HEIGHT FOR IPAD PRO LANDSCAPE */
  }
  /* Image 2 - Row 2: Left side */
  .product-images-gallery .product-image-item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    height: 320px; /* OPTIMIZED HEIGHT FOR IPAD PRO LANDSCAPE */
  }
  /* Image 3 - Row 2: Right side */
  .product-images-gallery .product-image-item:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    height: 320px; /* OPTIMIZED HEIGHT FOR IPAD PRO LANDSCAPE */
  }
  /* Image 4 - Row 3: Full width (spans both columns) */
  .product-images-gallery .product-image-item:nth-child(4) {
    grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
    grid-row: 3;
    height: 280px; /* OPTIMIZED HEIGHT FOR IPAD PRO LANDSCAPE */
  }
  /* Image 5 - Row 4: Left side */
  .product-images-gallery .product-image-item:nth-child(5) {
    grid-column: 1;
    grid-row: 4;
    height: 320px; /* OPTIMIZED HEIGHT FOR IPAD PRO LANDSCAPE */
  }
  /* Image 6 - Row 4: Right side */
  .product-images-gallery .product-image-item:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
    height: 320px; /* OPTIMIZED HEIGHT FOR IPAD PRO LANDSCAPE */
  }
}
/* IPAD PRO PORTRAIT MODE */
@media screen and (min-width: 750px) and (max-width: 834px) and (orientation: portrait) {
  .product-images-gallery .images-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 COLUMNS FOR FLEXIBLE LAYOUT */
    grid-template-rows: repeat(4, auto); /* 4 ROWS FOR PATTERN */
    gap: 12px; /* OPTIMAL GAP FOR IPAD PRO PORTRAIT */
    /* padding: 0 18px; */
    padding: 0 ;
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    background-color: transparent;
    box-sizing: border-box;
    min-height: 800px; /* OPTIMAL MINIMUM HEIGHT */
  }
  .product-images-gallery .product-image-item {
    overflow: hidden;
    background-color: transparent;
    border-radius: 8px; /* OPTIMAL BORDER RADIUS FOR IPAD PRO PORTRAIT */
    border: none;
    position: relative;
    width: 100%;
  }
  .product-images-gallery .product-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center; /* PREVENT TOP CROPPING */
    border-radius: 8px;
    display: block;
  }
  /* IPAD PRO PORTRAIT PATTERN GRID POSITIONING - OPTIMIZED HEIGHTS */
  /* Image 1 - Row 1: Full width (spans both columns) */
  .product-images-gallery .product-image-item:nth-child(1) {
    grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
    grid-row: 1;  
    height: 320px; /* OPTIMIZED HEIGHT FOR IPAD PRO PORTRAIT */
  }
  /* Image 2 - Row 2: Left side */
  .product-images-gallery .product-image-item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    height: 360px; /* OPTIMIZED HEIGHT FOR IPAD PRO PORTRAIT */
  }
  /* Image 3 - Row 2: Right side */
  .product-images-gallery .product-image-item:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    height: 360px; /* OPTIMIZED HEIGHT FOR IPAD PRO PORTRAIT */
  }
  /* Image 4 - Row 3: Full width (spans both columns) */
  .product-images-gallery .product-image-item:nth-child(4) {
    grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
    grid-row: 3;
    height: 320px; /* OPTIMIZED HEIGHT FOR IPAD PRO PORTRAIT */
  }
  /* Image 5 - Row 4: Left side */
  .product-images-gallery .product-image-item:nth-child(5) {
    grid-column: 1;
    grid-row: 4;
    height: 360px; /* OPTIMIZED HEIGHT FOR IPAD PRO PORTRAIT */
  }
  /* Image 6 - Row 4: Right side */
  .product-images-gallery .product-image-item:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
    height: 360px; /* OPTIMIZED HEIGHT FOR IPAD PRO PORTRAIT */
  }
}
/* DESKTOP LAYOUT - KEEP EXISTING ASYMMETRIC MASONRY GRID */
@media screen and (min-width: 1025px) {
  .product-images-gallery .images-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 MAIN COLUMNS */
    grid-template-rows: repeat(4, auto); /* 4 ROWS FOR ASYMMETRIC LAYOUT */
    gap: 15px;
    padding: 0;
    width: 80%;
    max-width: 1100px;
    margin: 0 auto;
    min-height: 800px;
    background-color: transparent;
    border: none;
    box-sizing: border-box;
  }
  
  .product-images-gallery .product-image-item {
    background: transparent;
    border-radius: 12px;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
  }
  
  .product-images-gallery .product-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center; /* PREVENT TOP CROPPING */
    border-radius: 12px;
    display: block;
  }
  /* DESKTOP ASYMMETRIC GRID POSITIONING */
  /* Image 1 - Top left (medium) */
  .product-images-gallery .product-image-item:nth-child(1) {
    grid-column: 1;
    grid-row: 1;  
    height: 300px;
  }
  
  /* Image 2 - Top right to middle right (tall) */
  .product-images-gallery .product-image-item:nth-child(2) {
    grid-column: 2;
    grid-row: 1 / 3; /* SPANS 2 ROWS */
    height: 620px;
  }
  
  /* Image 3 - Middle left (medium) */
  .product-images-gallery .product-image-item:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
    height: 600px;
  }
  
  /* Image 4 - Bottom left (tall) */
  .product-images-gallery .product-image-item:nth-child(4) {
    grid-column: 1;
    grid-row: 3 / 5; /* SPANS 2 ROWS */
    height: 620px;
  }
  
  /* Image 5 - Bottom middle right (medium) */
  .product-images-gallery .product-image-item:nth-child(5) {
    grid-column: 2;
    grid-row: 3;
    height: 300px;
  }
  
  /* Image 6 - Bottom right (medium) */
  .product-images-gallery .product-image-item:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
    height: 300px;
  }
}
/* LARGE DESKTOP - KEEP EXISTING ASYMMETRIC LAYOUT */
@media screen and (min-width: 1200px) {
  .product-images-gallery .images-container {
    width: 75%;
    max-width: 1200px;
    gap: 20px;
    margin: 0 auto;
    min-height: 900px;
  }
  
  /* LARGE DESKTOP ASYMMETRIC GRID - BIGGEST SIZES */
  .product-images-gallery .product-image-item:nth-child(1) {
    height: 350px;
  }
  
  .product-images-gallery .product-image-item:nth-child(2) {
    height: 720px;
  }
  
  .product-images-gallery .product-image-item:nth-child(3) {
    height: 350px;
  }
  
  .product-images-gallery .product-image-item:nth-child(4) {
    height: 720px;
  }
  
  .product-images-gallery .product-image-item:nth-child(5) {
    height: 350px;
  }
  
  .product-images-gallery .product-image-item:nth-child(6) {
    height: 350px;
  }
}
/* TABLET LAYOUT - SAME ASYMMETRIC GRID, MEDIUM SIZE */
@media screen and (min-width: 600px) and (max-width: 749px) {
  .product-images-gallery .images-container {
    gap: 10px;
    padding: 0 15px;
    max-width: 85%; /* REDUCED FROM 90% */
    min-height: 500px;
  }
  
  /* TABLET ASYMMETRIC GRID - MEDIUM SIZES */
  .product-images-gallery .product-image-item:nth-child(1) {
    height: 180px;
  }
  
  .product-images-gallery .product-image-item:nth-child(2) {
    height: 380px;
  }
  
  .product-images-gallery .product-image-item:nth-child(3) {
    height: 180px;
  }
  
  .product-images-gallery .product-image-item:nth-child(4) {
    height: 380px;
  }
  
  .product-images-gallery .product-image-item:nth-child(5) {
    height: 180px;
  }
  
  .product-images-gallery .product-image-item:nth-child(6) {
    height: 180px;
  }
}
/* DESKTOP LAYOUT - SAME ASYMMETRIC MASONRY GRID (LARGER SIZE) */
/* DESKTOP LAYOUT - SAME PATTERN AS MOBILE BUT LARGER SIZES */
@media screen and (min-width: 750px) {
  .product-images-gallery .images-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 COLUMNS FOR FLEXIBLE LAYOUT */
    grid-template-rows: repeat(4, auto); /* 4 ROWS FOR PATTERN */
    gap: 20px; /* LARGER GAP FOR DESKTOP */
    padding: 0;
    width: 80%;
    max-width: 1100px;
    margin: 0 auto;
    min-height: 800px;
    background-color: transparent;
    border: none;
    box-sizing: border-box;
  }
  
  .product-images-gallery .product-image-item {
    background: transparent;
    border-radius: 12px;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
    width: 100%; /* ENSURE FULL WIDTH */
  }
  
  .product-images-gallery .product-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center; /* PREVENT TOP CROPPING */
    border-radius: 12px;
    display: block;
    min-height: 100%; /* ENSURE MINIMUM HEIGHT */
  }
  /* DESKTOP PATTERN GRID POSITIONING - SAME AS MOBILE BUT LARGER */
  /* Image 1 - Row 1: Full width (spans both columns) */
  .product-images-gallery .product-image-item:nth-child(1) {
    grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
    grid-row: 1;  
    height: 380px; /* LARGER FULL WIDTH HEIGHT */
    width: 100%; /* ENSURE FULL WIDTH */
  }
  
  /* Image 2 - Row 2: Left side */
  .product-images-gallery .product-image-item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    height: 420px; /* LARGER HEIGHT FOR SIDE-BY-SIDE */
    width: 100%; /* ENSURE FULL WIDTH */
  }
  
  /* Image 3 - Row 2: Right side */
  .product-images-gallery .product-image-item:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    height: 420px; /* LARGER HEIGHT FOR SIDE-BY-SIDE */
    width: 100%; /* ENSURE FULL WIDTH */
  }
  
  /* Image 4 - Row 3: Full width (spans both columns) */
  .product-images-gallery .product-image-item:nth-child(4) {
    grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
    grid-row: 3;
    height: 380px; /* LARGER FULL WIDTH HEIGHT */
    width: 100%; /* ENSURE FULL WIDTH */
  }
  
  /* Image 5 - Row 4: Left side */
  .product-images-gallery .product-image-item:nth-child(5) {
    grid-column: 1;
    grid-row: 4;
    height: 420px; /* LARGER HEIGHT FOR SIDE-BY-SIDE */
    width: 100%; /* ENSURE FULL WIDTH */
  }
  
  /* Image 6 - Row 4: Right side */
  .product-images-gallery .product-image-item:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
    height: 420px; /* LARGER HEIGHT FOR SIDE-BY-SIDE */
    width: 100%; /* ENSURE FULL WIDTH */
  }
}
/* LARGE DESKTOP - SAME PATTERN BUT EVEN LARGER SIZES */
@media screen and (min-width: 1200px) {
  .product-images-gallery .images-container {
    width: 75%;
    max-width: 1200px;
    gap: 25px; /* EVEN LARGER GAP */
    margin: 0 auto;
    min-height: 900px;
  }
  
  .product-images-gallery .product-image-item {
    width: 100%; /* ENSURE FULL WIDTH */
  }
  
  .product-images-gallery .product-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center; /* PREVENT TOP CROPPING */
    border-radius: 12px;
    display: block;
    min-height: 100%; /* ENSURE MINIMUM HEIGHT */
  }
  
  /* LARGE DESKTOP PATTERN GRID - BIGGEST SIZES FOLLOWING SAME PATTERN */
  /* Image 1 - Row 1: Full width (spans both columns) */
  .product-images-gallery .product-image-item:nth-child(1) {
    grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
    grid-row: 1;  
    height: 450px; /* EVEN LARGER FULL WIDTH HEIGHT */
    width: 100%; /* ENSURE FULL WIDTH */
  }
  
  /* Image 2 - Row 2: Left side */
  .product-images-gallery .product-image-item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    height: 500px; /* EVEN LARGER HEIGHT FOR SIDE-BY-SIDE */
    width: 100%; /* ENSURE FULL WIDTH */
  }
  
  /* Image 3 - Row 2: Right side */
  .product-images-gallery .product-image-item:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    height: 500px; /* EVEN LARGER HEIGHT FOR SIDE-BY-SIDE */
    width: 100%; /* ENSURE FULL WIDTH */
  }
  
  /* Image 4 - Row 3: Full width (spans both columns) */
  .product-images-gallery .product-image-item:nth-child(4) {
    grid-column: 1 / 3; /* SPANS BOTH COLUMNS */
    grid-row: 3;
    height: 450px; /* EVEN LARGER FULL WIDTH HEIGHT */
    width: 100%; /* ENSURE FULL WIDTH */
  }
  
  /* Image 5 - Row 4: Left side */
  .product-images-gallery .product-image-item:nth-child(5) {
    grid-column: 1;
    grid-row: 4;
    height: 500px; /* EVEN LARGER HEIGHT FOR SIDE-BY-SIDE */
    width: 100%; /* ENSURE FULL WIDTH */
  }
  
  /* Image 6 - Row 4: Right side */
  .product-images-gallery .product-image-item:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
    height: 500px; /* EVEN LARGER HEIGHT FOR SIDE-BY-SIDE */
    width: 100%; /* ENSURE FULL WIDTH */
  }
}
/* LARGE DESKTOP - SAME ASYMMETRIC LAYOUT (LARGEST SIZE) */
@media screen and (min-width: 1200px) {
  .product-images-gallery .images-container {
    width: 75%; /* REDUCED FROM 85% */
    max-width: 1200px; /* REDUCED FROM 1400px */
    gap: 20px;
    margin: 0 auto;
    min-height: 900px;
  }
  
  /* LARGE DESKTOP ASYMMETRIC GRID - BIGGEST SIZES */
  .product-images-gallery .product-image-item:nth-child(1) {
    height: 600px;
  }
  
  .product-images-gallery .product-image-item:nth-child(2) {
    height: 720px;
  }
  
  .product-images-gallery .product-image-item:nth-child(3) {
    height: 720px;
  }
  
  .product-images-gallery .product-image-item:nth-child(4) {
    height: 720px;
  }
  
  .product-images-gallery .product-image-item:nth-child(5) {
    height: 720px;
  }
  
  .product-images-gallery .product-image-item:nth-child(6) {
    height: 720px;
  }
}
/* GALLERY CONTAINER - CLEAN STYLING */
.product-images-gallery {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0 auto;
  overflow: visible;
  width: 95%;
  max-width: 1500px;
}
/* TEXT HEADER STYLING */
.custom-text-header {
  width: 100%;
  max-width: 1200px;
  /* margin: 20px auto; */
  /* padding: 20px 15px; */
  text-align: center;
  background-color: transparent;
}
.custom-text-header h1 {
  color: #00584b;
  font-size: 2.5rem; /* YE CHANGE KARO */
  font-weight: 600;
}
/* MOBILE TEXT STYLING */
@media screen and (max-width: 749px) {
  .custom-text-header {
    /* margin: 15px auto; */
    /* padding: 15px; */
  }
  
  .custom-text-header h1 {
    font-size: 7.5rem; /* Increased from 5rem to 7.5rem */
  }
}
/* DESKTOP TEXT STYLING */
@media screen and (min-width: 750px) {
  .custom-text-header {
    /* margin: 40px auto; */
    padding: 0 20px;
  }
  
  .custom-text-header h1 {
    font-size: 4.5rem; /* Increased from 3rem to 4.5rem */
  }
}
/* RESPONSIVE IMAGES - BETTER PERFORMANCE */
.product-images-gallery img {
  transition: transform 0.3s ease;
}
.product-images-gallery img:hover {
  transform: scale(1.02);
}
/* ACCESSIBILITY IMPROVEMENTS */
.product-images-gallery .product-image-item {
  position: relative;
}
.product-images-gallery .product-image-item:focus-within {
  outline: 2px solid #00584b;
  outline-offset: 2px;
}
/* PRINT STYLES */
@media print {
  .product-images-gallery .images-container {
    display: block;
  }
  
  .product-images-gallery .product-image-item {
    page-break-inside: avoid;
    margin: 0 0 20px 0;
    height: auto;
  }
}
</style>