.elementor-766 .elementor-element.elementor-element-12dcdf1d:not(.elementor-motion-effects-element-type-background), .elementor-766 .elementor-element.elementor-element-12dcdf1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#26194f;background-image:url("https://amanitradingsa.com/wp-content/uploads/2025/03/banner07.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-766 .elementor-element.elementor-element-12dcdf1d > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-766 .elementor-element.elementor-element-12dcdf1d > .elementor-container{min-height:40vh;}.elementor-766 .elementor-element.elementor-element-12dcdf1d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 60px 0px;}.elementor-766 .elementor-element.elementor-element-553687f2 > .elementor-container{max-width:1020px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-766 .elementor-element.elementor-element-4df45822 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 40px;border-style:none;}.elementor-766 .elementor-element.elementor-element-4df45822{text-align:center;}.elementor-766 .elementor-element.elementor-element-4df45822 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:3rem;font-weight:500;text-transform:uppercase;line-height:1.17em;color:#ffffff;}.elementor-766 .elementor-element.elementor-element-805e61f{margin-top:60px;margin-bottom:60px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-766 .elementor-element.elementor-element-31a32b26 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:3rem;font-weight:500;line-height:1.176em;letter-spacing:-0.5px;color:#000000;}.elementor-766 .elementor-element.elementor-element-227c60cd{text-align:justify;}.elementor-766 .elementor-element.elementor-element-227c60cd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;line-height:1.6em;color:#1B1C1C;}.elementor-766 .elementor-element.elementor-element-74d1d76c{text-align:justify;}.elementor-766 .elementor-element.elementor-element-74d1d76c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;line-height:1.6em;color:#1B1C1C;}.elementor-766 .elementor-element.elementor-element-4a0ded90 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-766 .elementor-element.elementor-element-4a0ded90{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 60px 0px;}.elementor-766 .elementor-element.elementor-element-4c62483f{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-766 .elementor-element.elementor-element-2ecad582 > .elementor-widget-container{padding:15px 0px 15px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-766 .elementor-element.elementor-element-2ecad582 .elementor-image-box-wrapper{text-align:center;}.elementor-766 .elementor-element.elementor-element-2ecad582.elementor-position-right .elementor-image-box-img{margin-left:10px;}.elementor-766 .elementor-element.elementor-element-2ecad582.elementor-position-left .elementor-image-box-img{margin-right:10px;}.elementor-766 .elementor-element.elementor-element-2ecad582.elementor-position-top .elementor-image-box-img{margin-bottom:10px;}.elementor-766 .elementor-element.elementor-element-2ecad582 .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-766 .elementor-element.elementor-element-2ecad582 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-766 .elementor-element.elementor-element-2ecad582 .elementor-image-box-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-766 .elementor-element.elementor-element-2ecad582 .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:14px;color:#000000;}.elementor-766 .elementor-element.elementor-element-186c1159 > .elementor-widget-container{padding:15px 0px 15px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-766 .elementor-element.elementor-element-186c1159 .elementor-image-box-wrapper{text-align:center;}.elementor-766 .elementor-element.elementor-element-186c1159.elementor-position-right .elementor-image-box-img{margin-left:10px;}.elementor-766 .elementor-element.elementor-element-186c1159.elementor-position-left .elementor-image-box-img{margin-right:10px;}.elementor-766 .elementor-element.elementor-element-186c1159.elementor-position-top .elementor-image-box-img{margin-bottom:10px;}.elementor-766 .elementor-element.elementor-element-186c1159 .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-766 .elementor-element.elementor-element-186c1159 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-766 .elementor-element.elementor-element-186c1159 .elementor-image-box-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-766 .elementor-element.elementor-element-186c1159 .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:14px;color:#000000;}.elementor-766 .elementor-element.elementor-element-15d7bcc3 > .elementor-widget-container{padding:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-766 .elementor-element.elementor-element-15d7bcc3 .elementor-image-box-wrapper{text-align:center;}.elementor-766 .elementor-element.elementor-element-15d7bcc3.elementor-position-right .elementor-image-box-img{margin-left:10px;}.elementor-766 .elementor-element.elementor-element-15d7bcc3.elementor-position-left .elementor-image-box-img{margin-right:10px;}.elementor-766 .elementor-element.elementor-element-15d7bcc3.elementor-position-top .elementor-image-box-img{margin-bottom:10px;}.elementor-766 .elementor-element.elementor-element-15d7bcc3 .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-766 .elementor-element.elementor-element-15d7bcc3 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-766 .elementor-element.elementor-element-15d7bcc3 .elementor-image-box-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-766 .elementor-element.elementor-element-15d7bcc3 .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:14px;color:#000000;}.elementor-766 .elementor-element.elementor-element-2bfbc94c{margin-top:60px;margin-bottom:60px;}.elementor-766 .elementor-element.elementor-element-267ae74 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:3rem;font-weight:500;line-height:1.176em;letter-spacing:-0.5px;color:#000000;}.elementor-766 .elementor-element.elementor-element-36fce0e0{text-align:justify;}.elementor-766 .elementor-element.elementor-element-36fce0e0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;line-height:1.6em;color:#1B1C1C;}.elementor-766 .elementor-element.elementor-element-556ca650{text-align:justify;}.elementor-766 .elementor-element.elementor-element-556ca650 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;line-height:1.6em;color:#1B1C1C;}.elementor-766 .elementor-element.elementor-element-6cc114f1{text-align:justify;}.elementor-766 .elementor-element.elementor-element-6cc114f1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1rem;font-weight:400;line-height:1.6em;color:#1B1C1C;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-766 .elementor-element.elementor-element-7516a57c .gallery-item .gallery-caption{text-align:center;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-766 .elementor-element.elementor-element-701798c8{width:50%;}}@media(max-width:1024px){.elementor-766 .elementor-element.elementor-element-12dcdf1d > .elementor-container{min-height:35vh;}.elementor-766 .elementor-element.elementor-element-12dcdf1d{padding:0px 0px 0px 0px;}.elementor-766 .elementor-element.elementor-element-4df45822 .elementor-heading-title{font-size:2.125rem;letter-spacing:0px;}.elementor-766 .elementor-element.elementor-element-31a32b26 .elementor-heading-title{font-size:2.125rem;letter-spacing:0px;}.elementor-766 .elementor-element.elementor-element-227c60cd .elementor-heading-title{font-size:0.875rem;}.elementor-766 .elementor-element.elementor-element-74d1d76c .elementor-heading-title{font-size:0.875rem;}.elementor-766 .elementor-element.elementor-element-4a0ded90{padding:20px 0px 30px 0px;}.elementor-766 .elementor-element.elementor-element-267ae74 .elementor-heading-title{font-size:2.125rem;letter-spacing:0px;}.elementor-766 .elementor-element.elementor-element-36fce0e0 .elementor-heading-title{font-size:0.875rem;}.elementor-766 .elementor-element.elementor-element-556ca650 .elementor-heading-title{font-size:0.875rem;}.elementor-766 .elementor-element.elementor-element-6cc114f1 .elementor-heading-title{font-size:0.875rem;}}@media(max-width:767px){.elementor-766 .elementor-element.elementor-element-12dcdf1d > .elementor-container{min-height:100px;}.elementor-766 .elementor-element.elementor-element-12dcdf1d{padding:0px 0px 30px 0px;}.elementor-766 .elementor-element.elementor-element-701798c8 > .elementor-element-populated{padding:20px 10px 20px 10px;}.elementor-766 .elementor-element.elementor-element-31a32b26{text-align:center;}.elementor-766 .elementor-element.elementor-element-31a32b26 .elementor-heading-title{font-size:1.5rem;line-height:1.33em;}.elementor-766 .elementor-element.elementor-element-227c60cd{text-align:center;}.elementor-766 .elementor-element.elementor-element-74d1d76c{text-align:center;}.elementor-766 .elementor-element.elementor-element-4a0ded90{padding:0px 0px 0px 0px;}.elementor-766 .elementor-element.elementor-element-2ecad582 .elementor-image-box-img{margin-bottom:10px;}.elementor-766 .elementor-element.elementor-element-186c1159 .elementor-image-box-img{margin-bottom:10px;}.elementor-766 .elementor-element.elementor-element-15d7bcc3 .elementor-image-box-img{margin-bottom:10px;}.elementor-766 .elementor-element.elementor-element-267ae74{text-align:center;}.elementor-766 .elementor-element.elementor-element-267ae74 .elementor-heading-title{font-size:1.5rem;line-height:1.33em;}.elementor-766 .elementor-element.elementor-element-36fce0e0{text-align:center;}.elementor-766 .elementor-element.elementor-element-556ca650{text-align:center;}.elementor-766 .elementor-element.elementor-element-6cc114f1{text-align:center;}.elementor-766 .elementor-element.elementor-element-204ecd95{width:100%;}}@media(min-width:1025px){.elementor-766 .elementor-element.elementor-element-12dcdf1d:not(.elementor-motion-effects-element-type-background), .elementor-766 .elementor-element.elementor-element-12dcdf1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for section, class: .elementor-element-805e61f *//* ==========================================================================
   Modern "About Us" Section Styling
   Targeting: Section ID .elementor-element-805e61f
   ========================================================================== */

/* 1. Main Section Padding & Vertical Alignment */
.elementor-element-805e61f {
  padding: 80px 0 !important;
  background-color: #ffffff !important;
}

.elementor-element-805e61f > .elementor-container {
  display: flex !important;
  align-items: center !important; /* Vertically centers image with text */
  gap: 40px !important;
}

/* 2. Column 1: Image Styling & Floating Card Frame */
.elementor-element-1b4f2d08 .elementor-widget-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.elementor-element-6e5a45dd img {
  width: 100% !important;
  max-width: 480px !important;
  height: auto !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08) !important;
  border: 1px solid #f1f5f9 !important;
  transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

/* Subtle image hover lift */
.elementor-element-6e5a45dd img:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 25px 50px rgba(15, 23, 42, 0.12) !important;
}

/* 3. Column 2: Content Column Alignment */
.elementor-element-7dc799f6 .elementor-widget-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* 4. Main Section Title ("About Daral Afnan") */
.elementor-element-31a32b26 .elementor-heading-title {
  color: #383f99 !important; /* Deep dark navy */
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-bottom: 24px !important;
  position: relative !important;
  display: inline-block !important;
}

/* Decorative gradient underline under title */
.elementor-element-31a32b26 .elementor-heading-title::after {
  content: "" !important;
  display: block !important;
  width: 50px !important;
  height: 4px !important;
  background: linear-gradient(90deg, #2563eb, #3b82f6) !important;
  border-radius: 2px !important;
  margin-top: 10px !important;
}

/* 5. Paragraph Body Styling (Converting H3 Headings into Clean Paragraphs) */
.elementor-element-227c60cd .elementor-heading-title,
.elementor-element-74d1d76c .elementor-heading-title {
  color: #475569 !important; /* Soft slate gray for long-form reading */
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  margin-bottom: 20px !important;
}

/* Subtle accent highlight on the first lead paragraph */
.elementor-element-227c60cd {
  border-left: 3px solid #2563eb !important;
  padding-left: 18px !important;
  margin-bottom: 12px !important;
}

.elementor-element-227c60cd .elementor-heading-title {
  color: #1e293b !important; /* Slightly darker tone for paragraph emphasis */
  font-size: 1.1rem !important;
}

/* 6. Mobile Responsiveness */
@media (max-width: 991px) {
  .elementor-element-805e61f {
    padding: 50px 20px !important;
  }

  .elementor-element-805e61f > .elementor-container {
    flex-direction: column !important;
    gap: 30px !important;
  }

  .elementor-element-31a32b26 .elementor-heading-title {
    font-size: 1.8rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4a0ded90 *//* ==========================================================================
   Modern Mission / Vision / Values Cards Section
   Targeting: Outer Section ID .elementor-element-4a0ded90
   ========================================================================== */

/* 1. Main Outer Section Styling */
.elementor-element-4a0ded90 {
  padding: 80px 0 !important;
  background-color: #f8fafc !important; /* Soft, clean modern backdrop */
}

/* Flexbox layout for card row alignment */
.elementor-element-4c62483f .elementor-container {
  display: flex !important;
  gap: 24px !important;
}

/* Individual Column Container */
.elementor-element-4c62483f .elementor-inner-column {
  flex: 1 !important;
  display: flex !important;
}

.elementor-element-4c62483f .elementor-widget-wrap {
  width: 100% !important;
  display: flex !important;
}

/* 2. Floating Feature Card Frame */
.elementor-element-4c62483f .elementor-widget-image-box {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  padding: 36px 28px !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  width: 100% !important;
  display: flex !important;
}

/* Card Hover Elevation Effect */
.elementor-element-4c62483f .elementor-widget-image-box:hover {
  transform: translateY(-8px) !important;
  border-color: #bfdbfe !important;
  box-shadow: 0 20px 35px rgba(37, 99, 235, 0.08) !important;
}

/* 3. Image Badge / Icon Wrapper Styling */
.elementor-element-4c62483f .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
}

.elementor-element-4c62483f .elementor-image-box-img {
  margin-bottom: 20px !important;
  background: #eff6ff !important; /* Light blue accent ring */
  border-radius: 50% !important;
  padding: 16px !important;
  width: 90px !important;
  height: 90px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.35s ease, background-color 0.35s ease !important;
}

.elementor-element-4c62483f .elementor-image-box-img img {
  width: 54px !important;
  height: 54px !important;
  object-fit: contain !important;
}

/* Pulse/Scale image container on hover */
.elementor-element-4c62483f .elementor-widget-image-box:hover .elementor-image-box-img {
  background: #dbeafe !important;
  transform: scale(1.08) !important;
}

/* 4. Headings & Description Typography */
.elementor-element-4c62483f .elementor-image-box-title {
  color: #0f172a !important; /* Deep dark navy */
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
  line-height: 1.3 !important;
}

.elementor-element-4c62483f .elementor-image-box-description {
  color: #64748b !important; /* Clean readable slate gray */
  font-size: 0.95rem !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* 5. Responsive Mobile & Tablet Layout */
@media (max-width: 991px) {
  .elementor-element-4a0ded90 {
    padding: 50px 20px !important;
  }

  .elementor-element-4c62483f .elementor-container {
    flex-direction: column !important;
    gap: 20px !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2bfbc94c *//* ==========================================================================
   Modern "Why Choose Us" & Grid Gallery Section
   Targeting: Section ID .elementor-element-2bfbc94c
   ========================================================================== */

/* 1. Section Background & Container Spacing */
.elementor-element-2bfbc94c {
  padding: 80px 0 !important;
  background-color: #ffffff !important;
}

.elementor-element-2bfbc94c > .elementor-container {
  display: flex !important;
  align-items: center !important; /* Vertically aligns text and gallery grid */
  gap: 48px !important;
}

/* 2. Column 1: Left Text Content Styling */
.elementor-element-31a88041 .elementor-widget-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Main Section Title ("Why Choose Us") */
.elementor-element-267ae74 .elementor-heading-title {
  color: #383f99 !important; /* Deep navy tone */
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-bottom: 24px !important;
  position: relative !important;
  display: inline-block !important;
}

/* Gradient bar accent under title */
.elementor-element-267ae74 .elementor-heading-title::after {
  content: "" !important;
  display: block !important;
  width: 48px !important;
  height: 4px !important;
  background: linear-gradient(90deg, #2563eb, #3b82f6) !important;
  border-radius: 2px !important;
  margin-top: 10px !important;
}

/* Sub-heading / Lead Paragraph Accent */
.elementor-element-36fce0e0 {
  border-left: 3px solid #2563eb !important;
  padding-left: 18px !important;
  margin-bottom: 16px !important;
}

.elementor-element-36fce0e0 .elementor-heading-title {
  color: #1e293b !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
}

/* Secondary Body Paragraphs */
.elementor-element-556ca650 .elementor-heading-title,
.elementor-element-6cc114f1 .elementor-heading-title {
  color: #64748b !important; /* Slate gray */
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  margin-bottom: 16px !important;
}

/* 3. Column 2: Modern Image Gallery Grid */
.elementor-element-7516a57c .gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* Crisp 3x3 uniform grid */
  gap: 14px !important;
  margin: 0 !important;
}

.elementor-element-7516a57c .gallery-item {
  margin: 0 !important;
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
  background: #f8fafc !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease !important;
}

.elementor-element-7516a57c .gallery-icon {
  width: 100% !important;
  height: 100% !important;
}

.elementor-element-7516a57c .gallery-icon a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.elementor-element-7516a57c .gallery-icon img {
  width: 100% !important;
  height: 110px !important;
  object-fit: cover !important; /* Uniform square image cropping */
  border: 1px solid #f1f5f9 !important;
  border-radius: 14px !important;
  transition: transform 0.4s ease, filter 0.4s ease !important;
  display: block !important;
}

/* Gallery Item Hover States */
.elementor-element-7516a57c .gallery-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.12) !important;
}

.elementor-element-7516a57c .gallery-item:hover img {
  transform: scale(1.08) !important; /* Zoom image inside card */
  border-color: #bfdbfe !important;
}

/* 4. Mobile & Tablet Responsiveness */
@media (max-width: 991px) {
  .elementor-element-2bfbc94c {
    padding: 50px 20px !important;
  }

  .elementor-element-2bfbc94c > .elementor-container {
    flex-direction: column !important;
    gap: 36px !important;
  }

  .elementor-element-7516a57c .gallery-icon img {
    height: 120px !important;
  }
}

@media (max-width: 480px) {
  .elementor-element-7516a57c .gallery {
    grid-template-columns: repeat(2, 1fr) !important; /* 2 columns on small screens */
  }
}


/* ==========================================================================
   3. Column 2: Modern Product Card Grid (Fixed Alignment & Dimensions)
   ========================================================================== */

/* Gallery Grid Container */
.elementor-element-7516a57c .gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Individual Card Container - Ensures square layout instead of stretched pill */
.elementor-element-7516a57c figure.gallery-item,
.elementor-element-7516a57c .gallery-item {
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important; /* Forces cards into perfect square proportions */
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 12px !important; /* Inner padding around product photo */
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
}

/* Link Wrapper */
.elementor-element-7516a57c .gallery-icon,
.elementor-element-7516a57c .gallery-icon a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* Product Image - Fills card without squishing */
.elementor-element-7516a57c .gallery-icon img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important; /* Preserves full product shape without cropping */
  border: none !important;
  border-radius: 8px !important;
  display: block !important;
  transition: transform 0.35s ease !important;
}

/* Card Hover States */
.elementor-element-7516a57c .gallery-item:hover {
  transform: translateY(-4px) !important;
  border-color: #2563eb !important;
  box-shadow: 0 12px 24px -4px rgba(37, 99, 235, 0.15) !important;
}

.elementor-element-7516a57c .gallery-item:hover img {
  transform: scale(1.08) !important;
}


/* ==========================================================================
   4. Mobile & Tablet Responsiveness
   ========================================================================== */

@media (max-width: 991px) {
  .elementor-element-2bfbc94c {
    padding: 50px 20px !important;
  }

  .elementor-element-2bfbc94c > .elementor-container {
    flex-direction: column !important;
    gap: 36px !important;
  }
}

@media (max-width: 480px) {
  .elementor-element-7516a57c .gallery {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  .elementor-element-7516a57c .gallery-item {
    padding: 8px !important;
  }
}/* End custom CSS */