.u-block-4cc9-56:not([data-block-selected]):not([data-cell-selected]),
 .u-block-4cc9-56:not([data-block-selected]):not([data-cell-selected]):before,
 .u-block-4cc9-56:not([data-block-selected]):not([data-cell-selected])>.ia-container-layout:before {
   transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, background-size, background-position;
 }

 .u-block-4cc9-56:not([data-block-selected]):not([data-cell-selected]).u-block-4cc9-56:not([data-block-selected]):not([data-cell-selected]).u-block-4cc9-56:not([data-block-selected]):not([data-cell-selected]):hover:before {
   background-color: #333129 !important;
 }

 .u-block-4cc9-62:not([data-block-selected]):not([data-cell-selected]),
 .u-block-4cc9-62:not([data-block-selected]):not([data-cell-selected]):before,
 .u-block-4cc9-62:not([data-block-selected]):not([data-cell-selected])>.ia-container-layout:before {
   transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, background-size, background-position;
 }

 .u-block-4cc9-62:not([data-block-selected]):not([data-cell-selected]).u-block-4cc9-62:not([data-block-selected]):not([data-cell-selected]).u-block-4cc9-62:not([data-block-selected]):not([data-cell-selected]):hover:before {
   background-color: #333129 !important;
 }

 .u-block-4cc9-68:not([data-block-selected]):not([data-cell-selected]),
 .u-block-4cc9-68:not([data-block-selected]):not([data-cell-selected]):before,
 .u-block-4cc9-68:not([data-block-selected]):not([data-cell-selected])>.ia-container-layout:before {
   transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, background-size, background-position;
 }

 .u-block-4cc9-68:not([data-block-selected]):not([data-cell-selected]).u-block-4cc9-68:not([data-block-selected]):not([data-cell-selected]).u-block-4cc9-68:not([data-block-selected]):not([data-cell-selected]):hover:before {
   background-color: #333129 !important;
 }

 .u-block-4cc9-74:not([data-block-selected]):not([data-cell-selected]),
 .u-block-4cc9-74:not([data-block-selected]):not([data-cell-selected]):before,
 .u-block-4cc9-74:not([data-block-selected]):not([data-cell-selected])>.ia-container-layout:before {
   transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, background-size, background-position;
 }

 .u-block-4cc9-74:not([data-block-selected]):not([data-cell-selected]).u-block-4cc9-74:not([data-block-selected]):not([data-cell-selected]).u-block-4cc9-74:not([data-block-selected]):not([data-cell-selected]):hover:before {
   background-color: #333129 !important;
 }

 .ia-products {
   background-image: none;
   min-height: 2007px;
 }

 /* --- Section 3: Products Catalog --- */
 #block-3 {
   position: relative;
   background-color: #f2f2f2;
   /* Keeps your u-grey-5 look */

   /* The first image (422.webp) is the top layer; the second (5.webp) is the bottom layer */
   background-image: url('images/422.webp'), url('images/5.webp');

   /* Positions: 422 at the top center, 5 at the bottom center */
   background-position: top center, bottom center;

   /* Repeat: We usually don't want these to tile */
   background-repeat: no-repeat, no-repeat;

   /* Size: 'contain' ensures the full graphic is visible, 
     or use 'cover' if you want them to fill the background space */
   background-size: contain, contain;

   /* Ensures the background doesn't move when scrolling */
   background-attachment: scroll;
 }

 .ia-products .ia-container-layout-1 {
   padding: 120px 30px 30px;
 }

 .ia-products .u-text-1 {
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 0;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 0.3;
   margin: 0 auto;
 }

 .ia-products .u-list-1 {
   grid-template-rows: repeat(3, auto);
   width: 1140px; 
   margin-top: 20px;     /* Adjust this value to set the distance from the top */
   margin-left: auto;    /* Forces centering */
   margin-right: auto;   /* Forces centering */
 }

 .ia-products .ia-repeater-1 {
   grid-template-columns: repeat(3, calc(33.3333% - 13.3333px));
   min-height: 1538px;
   grid-gap: 20px;
 }

 .ia-products .ia-list-item-1 {
   background-image: none;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 1;
 }

 .ia-products .ia-container-layout-2 {
   padding: 30px;
 }

 .ia-products .u-image-2 {
   height: 258px;
   margin-top: 0;
   margin-bottom: 0;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 100px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 0.3;
 }

 .ia-products .u-text-2 {
   margin: 20px 0 0;
 }

 .ia-products .u-text-3 {
   font-style: italic;
   margin: 20px 0 0;
 }

 .ia-products .ia-btn-1 {
   font-size: 0.875rem;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-weight: 500;
   border-style: solid;
   margin: 20px auto 0;
   padding: 0;
 }

 .ia-products .ia-list-item-2 {
   background-image: none;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 1;
 }

 .ia-products .ia-container-layout-3 {
   padding: 30px;
 }

 .ia-products .u-image-3 {
   height: 258px;
   margin-top: 0;
   margin-bottom: 0;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 100px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 0.3;
 }

 .ia-products .u-text-4 {
   font-family: "Titillium Web", sans-serif;
   font-weight: 700;
   text-transform: none;
   margin: 20px 0 0;
 }

 .ia-products .u-text-5 {
   font-style: italic;
   margin: 20px 0 0;
 }

 .ia-products .ia-btn-2 {
   font-size: 0.875rem;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-weight: 500;
   border-style: solid;
   margin: 20px auto 0;
   padding: 0;
 }

 .ia-products .ia-list-item-3 {
   background-image: none;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 1;
 }

 .ia-products .ia-container-layout-4 {
   padding: 30px;
 }

 .ia-products .u-image-4 {
   height: 258px;
   margin-top: 0;
   margin-bottom: 0;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 100px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 0.3;
 }

 .ia-products .u-text-6 {
   font-family: "Titillium Web", sans-serif;
   font-weight: 700;
   text-transform: none;
   margin: 20px 0 0;
 }

 .ia-products .u-text-7 {
   font-style: italic;
   margin: 20px 0 0;
 }

 .ia-products .ia-btn-3 {
   font-size: 0.875rem;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-weight: 500;
   border-style: solid;
   margin: 20px auto 0;
   padding: 0;
 }

 .ia-products .ia-list-item-4 {
   background-image: none;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 1;
 }

 .ia-products .ia-container-layout-5 {
   padding: 30px;
 }

 .ia-products .u-image-5 {
   height: 258px;
   margin-top: 0;
   margin-bottom: 0;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 100px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 0.3;
 }

 .ia-products .u-text-8 {
   font-family: "Titillium Web", sans-serif;
   font-weight: 700;
   text-transform: none;
   margin: 20px 0 0;
 }

 .ia-products .u-text-9 {
   font-style: italic;
   margin: 20px 0 0;
 }

 .ia-products .ia-btn-4 {
   font-size: 0.875rem;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-weight: 500;
   border-style: solid;
   margin: 20px auto 0;
   padding: 0;
 }

 .ia-products .ia-list-item-5 {
   background-image: none;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 1;
 }

 .ia-products .ia-container-layout-6 {
   padding: 30px;
 }

 .ia-products .u-image-6 {
   height: 258px;
   margin-top: 0;
   margin-bottom: 0;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 100px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 0.3;
 }

 .ia-products .u-text-10 {
   font-family: "Titillium Web", sans-serif;
   font-weight: 700;
   text-transform: none;
   margin: 20px 0 0;
 }

 .ia-products .u-text-11 {
   font-style: italic;
   margin: 20px 0 0;
 }

 .ia-products .ia-btn-5 {
   font-size: 0.875rem;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-weight: 500;
   border-style: solid;
   margin: 20px auto 0;
   padding: 0;
 }

 .ia-products .ia-list-item-6 {
   background-image: none;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 1;
 }

 .ia-products .ia-container-layout-7 {
   padding: 30px;
 }

 .ia-products .u-image-7 {
   height: 258px;
   margin-top: 0;
   margin-bottom: 0;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 100px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 0.3;
 }

 .ia-products .u-text-12 {
   font-family: "Titillium Web", sans-serif;
   font-weight: 700;
   text-transform: none;
   margin: 20px 0 0;
 }

 .ia-products .u-text-13 {
   font-style: italic;
   margin: 20px 0 0;
 }

 .ia-products .ia-btn-6 {
   font-size: 0.875rem;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-weight: 500;
   border-style: solid;
   margin: 20px auto 0;
   padding: 0;
 }

 .ia-products .ia-list-item-7 {
   background-image: none;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 1;
 }

 .ia-products .ia-container-layout-8 {
   padding: 30px;
 }

 .ia-products .u-image-8 {
   height: 258px;
   margin-top: 0;
   margin-bottom: 0;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 100px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 0.3;
 }

 .ia-products .u-text-14 {
   font-family: "Titillium Web", sans-serif;
   font-weight: 700;
   text-transform: none;
   margin: 20px 0 0;
 }

 .ia-products .u-text-15 {
   font-style: italic;
   margin: 20px 0 0;
 }

 .ia-products .ia-btn-7 {
   font-size: 0.875rem;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-weight: 500;
   border-style: solid;
   margin: 20px auto 0;
   padding: 0;
 }

 .ia-products .ia-list-item-8 {
   background-image: none;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 1;
 }

 .ia-products .ia-container-layout-9 {
   padding: 30px;
 }

 .ia-products .u-image-9 {
   height: 258px;
   margin-top: 0;
   margin-bottom: 0;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 100px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 0.3;
 }

 .ia-products .u-text-16 {
   font-family: "Titillium Web", sans-serif;
   font-weight: 700;
   text-transform: none;
   margin: 20px 0 0;
 }

 .ia-products .u-text-17 {
   font-style: italic;
   margin: 20px 0 0;
 }

 .ia-products .ia-btn-8 {
   font-size: 0.875rem;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-weight: 500;
   border-style: solid;
   margin: 20px auto 0;
   padding: 0;
 }

 .ia-products .ia-list-item-9 {
   background-image: none;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 1;
 }

 .ia-products .ia-container-layout-10 {
   padding: 30px;
 }

 .ia-products .u-image-10 {
   height: 258px;
   margin-top: 0;
   margin-bottom: 0;
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 100px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 0.3;
 }

 .ia-products .u-text-18 {
   font-family: "Titillium Web", sans-serif;
   font-weight: 700;
   text-transform: none;
   margin: 20px 0 0;
 }

 .ia-products .u-text-19 {
   font-style: italic;
   margin: 20px 0 0;
 }

 .ia-products .ia-btn-9 {
   font-size: 0.875rem;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-weight: 500;
   border-style: solid;
   margin: 20px auto 0;
   padding: 0;
 }

 .ia-products .u-text-20 {
   --animation-custom_in-translate_x: 0;
   --animation-custom_in-translate_y: 300px;
   --animation-custom_in-opacity: 0;
   --animation-custom_in-rotate: 0;
   --animation-custom_in-scale: 0.3;
   width: 446px;
   margin: 51px auto 60px;
 }

 .ia-products .ia-btn-10 {
   background-image: none;
   padding: 0;
 }

 @media (max-width: 1199px) {
   .ia-products .u-image-1 {
     height: auto;
   }

   .ia-products .u-list-1 {
     width: 940px;
   }

   .ia-products .ia-repeater-1 {
     grid-template-columns: repeat(3, calc(33.333333333333336% - 13.3333px));
     min-height: 1266px;
   }

   .ia-products .u-image-2 {
     height: 204px;
   }

   .ia-products .u-image-3 {
     height: 204px;
   }

   .ia-products .u-image-4 {
     height: 204px;
   }

   .ia-products .u-image-5 {
     height: 204px;
   }

   .ia-products .u-image-6 {
     height: 204px;
   }

   .ia-products .u-image-7 {
     height: 204px;
   }

   .ia-products .u-image-8 {
     height: 204px;
   }

   .ia-products .u-image-9 {
     height: 204px;
   }

   .ia-products .u-image-10 {
     height: 204px;
   }
 }

 @media (max-width: 991px) {
   .ia-products {
     min-height: 2885px;
   }

   .ia-products .ia-container-layout-1 {
     padding-top: 195px;
   }

   .ia-products .u-list-1 {
     width: 720px;
   }

   .ia-products .ia-repeater-1 {
     grid-template-columns: repeat(2, calc(50% - 9.999975px));
     min-height: 2464px;
   }

   .ia-products .u-image-2 {
     height: 242px;
   }

   .ia-products .u-image-3 {
     height: 242px;
   }

   .ia-products .u-image-4 {
     height: 242px;
   }

   .ia-products .u-image-5 {
     height: 242px;
   }

   .ia-products .u-image-6 {
     height: 242px;
   }

   .ia-products .u-image-7 {
     height: 242px;
   }

   .ia-products .u-image-8 {
     height: 242px;
   }

   .ia-products .u-image-9 {
     height: 242px;
   }

   .ia-products .u-image-10 {
     height: 242px;
   }
 }

 @media (max-width: 767px) {
   .ia-products {
     min-height: 6075px;
   }

   .ia-products .ia-container-layout-1 {
     padding-top: 255px;
     padding-left: 10px;
     padding-right: 10px;
   }

   .ia-products .u-list-1 {
     width: 540px;
   }

   .ia-products .ia-repeater-1 {
     grid-template-columns: 100%;
   }

   .ia-products .u-image-2 {
     height: 419px;
   }

   .ia-products .u-image-3 {
     height: 419px;
   }

   .ia-products .u-image-4 {
     height: 419px;
   }

   .ia-products .u-image-5 {
     height: 419px;
   }

   .ia-products .u-image-6 {
     height: 419px;
   }

   .ia-products .u-image-7 {
     height: 419px;
   }

   .ia-products .u-image-8 {
     height: 419px;
   }

   .ia-products .u-image-9 {
     height: 419px;
   }

   .ia-products .u-image-10 {
     height: 419px;
   }

 }

 @media (max-width: 575px) {
   .ia-products {
     min-height: 4983px;
   }

   .ia-products .ia-container-layout-1 {
     padding-top: 155px;
   }

   .ia-products .u-list-1 {
     width: 340px;
   }

   .ia-products .ia-container-layout-2 {
     padding-left: 20px;
     padding-right: 20px;
   }

   .ia-products .u-image-2 {
     height: 279px;
   }

   .ia-products .ia-container-layout-3 {
     padding-left: 20px;
     padding-right: 20px;
   }

   .ia-products .u-image-3 {
     height: 279px;
   }

   .ia-products .ia-container-layout-4 {
     padding-left: 20px;
     padding-right: 20px;
   }

   .ia-products .u-image-4 {
     height: 279px;
   }

   .ia-products .ia-container-layout-5 {
     padding-left: 20px;
     padding-right: 20px;
   }

   .ia-products .u-image-5 {
     height: 279px;
   }

   .ia-products .ia-container-layout-6 {
     padding-left: 20px;
     padding-right: 20px;
   }

   .ia-products .u-image-6 {
     height: 279px;
   }

   .ia-products .ia-container-layout-7 {
     padding-left: 20px;
     padding-right: 20px;
   }

   .ia-products .u-image-7 {
     height: 279px;
   }

   .ia-products .ia-container-layout-8 {
     padding-left: 20px;
     padding-right: 20px;
   }

   .ia-products .u-image-8 {
     height: 279px;
   }

   .ia-products .ia-container-layout-9 {
     padding-left: 20px;
     padding-right: 20px;
   }

   .ia-products .u-image-9 {
     height: 279px;
   }

   .ia-products .ia-container-layout-10 {
     padding-left: 20px;
     padding-right: 20px;
   }

   .ia-products .u-image-10 {
     height: 279px;
   }

   .ia-products .u-text-20 {
     width: 340px;
   }

 }

 /* --- Section Services: Warranty --- */
 #sec-warranty {
   position: relative;

   /* Adds t4.webp on top of the section background */
   background-image: url('images/t4.webp');
   background-position: top center;
   background-repeat: no-repeat;
   background-size: contain;

   /* Optional: Add some padding-top if the image overlaps your text too much */
   padding-top: 50px;
 }

 .u-section-services {
   padding: 80px 0;
   /* Path to your image */
   background-position: center center;
   background-size: cover;
   background-attachment: scroll;
   /* Use 'fixed' for a parallax effect */
   background-repeat: no-repeat;
 }

 .u-section-services.dark-theme .u-text-2 {
   color: #eeeeee;
 }

 .services-container {
   display: flex;
   align-items: center;
   gap: 50px;
   flex-wrap: wrap;
 }

 .services-text {
   flex: 1;
   min-width: 300px;
 }

 .services-image {
   flex: 1;
   min-width: 300px;
 }

 .services-image img {
   width: 100%;
   border-radius: 15px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }

 .services-list {
   list-style: none;
   padding: 0;
   margin: 20px 0 30px 0;
 }

 .services-list li {
   margin-bottom: 15px;
   padding-left: 25px;
   position: relative;
   font-size: 1.1rem;
 }

 .services-list li::before {
   content: "✓";
   position: absolute;
   left: 0;
   color: #d4a017;
   font-weight: bold;
 }

 /* Mobile-Specific Background for Services */
 @media (max-width: 767px) {
   #sec-warranty {
     /* Layering: dark-border.webp on top, followed by t4.webp (if still used) */
     background-image: url('images/dark-border.webp'), url('images/t4.webp') !important;

     /* Position the border at the very top, and t4 slightly below it or centered */
     background-position: top center, top center !important;

     /* Ensure the border spans the width but doesn't tile */
     background-repeat: no-repeat, no-repeat !important;

     /* '100% auto' makes the border span the full width of the phone screen */
     background-size: 100% auto, 40% auto !important;

     /* Add padding so your "Lifetime Commitment" text starts below the border graphic */
     padding-top: 100px !important;
   }
 }

 /* Premium Button Styling */
 .btn-premium.pulse-gold {
   display: inline-block;
   background-color: #ffc412;
   color: #fff !important;
   padding: 18px 35px;
   text-decoration: none;
   font-family: 'Titillium Web', sans-serif;
   font-weight: 700;
   text-transform: uppercase;
   border-radius: 50px;
   letter-spacing: 1px;
   transition: all 0.3s ease;
   border: none;
 }

 /* Pulse Animation */
 @keyframes gold-pulse {
   0% {
     box-shadow: 0 0 0 0 rgba(212, 160, 23, 0.7);
     transform: scale(1);
   }

   70% {
     box-shadow: 0 0 0 15px rgba(212, 160, 23, 0);
     transform: scale(1.03);
   }

   100% {
     box-shadow: 0 0 0 0 rgba(212, 160, 23, 0);
     transform: scale(1);
   }
 }

 .pulse-gold {
   animation: gold-pulse 2s infinite;
 }

 .btn-premium:hover {
   background-color: #052B48;
   animation: none;
   transform: translateY(-3px);
 }

 /* Mobile Responsiveness */
 @media (max-width: 768px) {
   .services-container {
     flex-direction: column-reverse;
     text-align: center;
   }

   .services-list li {
     text-align: left;
   }

   .btn-premium {
     width: 100%;
   }
 }

 @media (max-width: 767px) {

   #block-3,
   #sec-warranty {
     background-image: none !important;
   }
 }

 /* Featured Product Section */
 .u-section-featured-product {
   padding: 80px 0;
   background-image: url("images/5.webp");
   background-position: center center;
   background-size: cover;
   background-attachment: scroll;
   background-repeat: no-repeat;
   position: relative;
   display: block !important;
   overflow: visible !important;
 }

 .u-section-featured-product .ia-sheet-1 {
   max-width: 1100px !important;
   /* Slightly narrower than standard for better focus */
   margin: 0 auto;
   padding-left: 40px;
   /* Desktop Indentation */
   padding-right: 40px;
   position: relative;
   z-index: 2;
   background: transparent;
 }

 /* Promotion Banner */
 .promo-banner {
   background: #e74c3c;
   /* Aggressive Red */
   color: white;
   text-align: center;
   padding: 10px;
   font-weight: 900;
   letter-spacing: 2px;
   margin-bottom: 30px;
   border-radius: 4px;
 }

 .featured-container {
   display: flex;
   gap: 40px;
   align-items: flex-start;
 }

 /* Gallery Logic */
 .product-gallery {
   flex: 1.2;
 }

 .main-image-container img {
   width: 100%;
   border-radius: 8px;
   border: 1px solid #ddd;
   transition: opacity 0.3s ease;
 }

 .thumbnail-carousel {
   display: flex;
   gap: 10px;
   margin-top: 15px;
   overflow-x: auto;
   padding-bottom: 5px;
 }

 .thumb {
   width: 80px;
   height: 80px;
   object-fit: cover;
   cursor: pointer;
   border-radius: 4px;
   border: 2px solid transparent;
   opacity: 0.6;
 }

 .thumb.active {
   border-color: #d4a017;
   opacity: 1;
 }

 /* Details & Typography */
 .product-details {
   flex: 1;
   padding-left: 30px;
   /* Internal indentation between image and text */
 }

 /* Feature List Indentation */
 .features-grid {
   margin: 25px 0 30px 20px;
   /* Indents the entire bullet list */
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 15px;
 }

 .feature-item {
   text-indent: -1.5em;
   /* Hanging indent style */
   padding-left: 1.5em;
   line-height: 1.4;
 }

 .feature-item span {
   color: #d4a017;
   margin-right: 5px;
 }

 /* Aggressive CTA */
 .urgency-text {
   color: #e74c3c;
   font-weight: bold;
   font-size: 0.85rem;
   margin-bottom: 8px;
 }

 .btn-aggressive-cta {
   display: block;
   background: linear-gradient(145deg, #ffc412, #b8860b);
   color: white !important;
   text-align: center;
   padding: 20px;
   font-size: 1.2rem;
   font-weight: 900;
   text-transform: uppercase;
   border-radius: 8px;
   text-decoration: none;
   box-shadow: 0 4px 15px rgba(212, 160, 23, 0.4);
 }

 @keyframes pulse-fast {
   0% {
     transform: scale(1);
     box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.7);
   }

   50% {
     transform: scale(1.05);
   }

   100% {
     transform: scale(1);
     box-shadow: 0 0 0 20px rgba(231, 76, 60, 0);
   }
 }

 .pulse-fast {
   animation: pulse-fast 1.5s infinite;
 }

 /* Mobile Fix for Text Visibility */
 @media (max-width: 991px) {
   .featured-container {
     display: flex;
     flex-direction: column;
     /* Stack vertically */
     align-items: center;
     gap: 20px;
   }

   .u-section-featured-product {
     /* On mobile, we increase the overlay slightly for better text contrast */
     background-image: url("images/5.webp");
     padding: 40px 0;
   }

   .product-gallery,
   .product-details {
     width: 100% !important;
     /* Force full width so text doesn't shrink to 0 */
     flex: none;
     padding-left: 0 !important;
     /* Remove desktop indentation for small screens */
     padding-right: 0 !important;
     opacity: 1 !important;
     visibility: visible !important;
   }

   .product-details {
     text-align: left;
     width: 100% !important;
     display: block !important;
     padding: 20px 10px !important;
     background: rgba(255, 255, 255, 0.5);
     /* Extra layer of legibility */
     border-radius: 8px;
   }

   /* Reset indentation for mobile list */
   .features-grid {
     margin-left: 0;
     padding-left: 10px;
   }
 }

 /* --- STICKY HEADER SYSTEM --- */
 .u-header {
   position: fixed !important;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 1000;
   background-color: #ffffff !important;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   overflow: visible !important;
 }

 /* Ensure the rest of the page doesn't hide under the header */
 body {
   padding-top: 80px !important;
 }

 /* Force Logo and Menu into the same row */
 .u-header .ia-sheet {
   display: flex !important;
   flex-direction: row !important;
   align-items: center !important;
   justify-content: space-between !important;
   padding: 5px 15px !important;
   min-height: 60px !important;
 }

 /* Reduce Logo Size */
 .u-header .u-logo-image-1 {
   height: 75px !important;
   /* Smaller desktop height */
   width: auto !important;
 }

 .u-header .u-image-1 {
   margin: 0 !important;
   /* Remove  default margins */
   flex-shrink: 0;
 }

 /* Align Nav Menu to the right */
 .u-nav-container,
 .u-menu {
   margin: 0 !important;
 }

 /* --- MOBILE SPECIFIC ADJUSTMENTS --- */
 @media (max-width: 767px) {
   body {
     padding-top: 65px !important;
   }

   .u-header .ia-sheet {
     min-height: 55px !important;
   }

   .u-header .u-logo-image-1 {
     height: 55px !important;
     /* Even smaller for phones */
   }

   /* Prevent the hamburger menu from taking full width */
   .u-menu-hamburger {
     margin-right: 0 !important;
   }

   /* Ensure the mobile menu overlay appears below the sticky header */
   .u-menu-overlay {
     top: 55px !important;
   }
 }

 /* Styling for the new clickable wrappers */
 .product-link-wrapper {
   text-decoration: none !important;
   display: block;
   color: inherit !important;
   transition: opacity 0.3s ease;
 }

 .product-link-wrapper:hover {
   opacity: 0.85;
   /* Subtle hint that it is clickable */
 }

 .product-link-wrapper h4 {
   margin-top: 15px;
   margin-bottom: 10px;
   color: #1a1a1a !important;
   /* Keeps the title dark */
 }

 .product-link-wrapper img {
   cursor: pointer;
 }

 /* The main container link */
 .product-card-link {
   text-decoration: none !important;
   color: inherit !important;
   display: flex;
   flex-direction: column;
   height: 100%;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 /* Add a subtle lift effect when hovering anywhere on the card */
 .ia-repeater-item:hover {
   transform: translateY(-5px);
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
 }

 /* Ensure the title stays the correct color */
 .product-card-link h4 {
   margin-top: 15px;
   color: #1a1a1a !important;
 }

 /* Style for the "more" text to keep it looking like a button */
 .ia-btn-5-fake {
   display: inline-block;
   margin: 15px auto 0 auto;
   padding-bottom: 2px;
   border-bottom: 1px solid #ffc412;
   /* Saladmaster Gold */
   text-transform: uppercase;
   font-weight: 600;
   font-size: 0.85rem;
   letter-spacing: 1px;
 }

 .product-card-link:hover .ia-btn-5-fake {
   border-bottom-color: #1a1a1a;
   color: #1a1a1a;
 }

 /* Container for both buttons to ensure vertical stacking and centering */
/* Ensure the container is truly centered and spans the content width */
.cta-button-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 400px; /* Limits width so buttons don't get too wide */
  margin: 40px auto !important; 
  gap: 15px !important;
}

/* Force both buttons to behave as block elements with zero side margins */
.btn-aggressive-cta, 
.btn-secondary-outline {
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 280px !important; /* Forces both buttons to be the exact same width */
  text-align: center !important;
  box-sizing: border-box !important;
}

/* Style for the secondary button */
.btn-secondary-outline {
  background-color: transparent !important;
  color: #d4a017 !important;
  border: 2px solid #d4a017 !important;
  padding: 12px 20px;
  border-radius: 50px;
  cursor: pointer;
  font-weight: 600;
  text-transform: uppercase;
}

/* Updated "Notify me" button style */
#open-subscribe {
  background-color: transparent !important;
  color: #d4a017 !important; /* Saladmaster Gold */
  border: 2px solid #d4a017 !important;
  padding: 12px 25px !important;
  border-radius: 50px !important;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.3s ease;
  width: auto; /* Ensures it doesn't stretch full width unless desired */
  min-width: 250px;
}

#open-subscribe:hover {
  background-color: #d4a017 !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(212, 160, 23, 0.3);
}

/* Modal Overlay - Full screen dimming */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Darker background for focus */
  display: none; /* Controlled by JS */
  justify-content: center;
  align-items: center;
  z-index: 10001; /* Must be higher than the sticky header */
}

/* Modal Card - Centered and focused */
.subscribe-card {
  background: #fff;
  padding: 40px;
  border-radius: 15px;
  max-width: 450px;
  width: 90%;
  position: relative;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  text-align: center;
}

.popup-close-x {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #666;
}