.elementor-kit-7{--e-global-color-primary:#000000;--e-global-color-secondary:#141414;--e-global-color-text:#141414;--e-global-color-accent:#00FF85;--e-global-color-2f9b485:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#141414;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.6px;}.elementor-kit-7 h1{color:#000000;font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;line-height:1.2px;}.elementor-kit-7 h2{color:#000000;font-family:"Poppins", Sans-serif;font-size:36px;line-height:1.3px;}.elementor-kit-7 h3{color:#000000;font-family:"Poppins", Sans-serif;font-size:28px;font-weight:600;line-height:1.4px;}.elementor-kit-7 h4{color:#000000;font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;line-height:1.5px;}.elementor-kit-7 h5{color:#000000;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;line-height:1.5px;}.elementor-kit-7 h6{color:#000000;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;word-spacing:1.5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================
   AOTOWIN — Global UI polish
   Paste once. No more looping :)
===================================*/

:root{
  --accent: #1ce579;        /* your green */
  --ink: #0b0b0c;           /* headings */
  --text: #475569;          /* body */
  --muted: #eaecef;         /* borders */
  --bg: #ffffff;            /* cards */
  --radius: 18px;
  --shadow: 0 6px 22px rgba(17, 24, 39, .06);
}

html, body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: var(--text);
}

/* --------------------------------
   HERO (works even without classes)
-----------------------------------*/
.hero-wrap,
.elementor-section:first-of-type{
  padding: clamp(80px, 12vw, 120px) 0 0 0 !important; /* remove huge top/bottom gap */
}

.hero-title,
.elementor-widget-heading:first-of-type .elementor-heading-title{
  color: var(--ink);
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: .02em !important;                 /* fixes cramped letters */
  font-size: clamp(28px, 5.2vw, 56px) !important;    /* responsive & no overlap */
  text-align: center !important;
  margin: 0 0 14px 0 !important;
}

.hero-subtitle,
.elementor-section:first-of-type .elementor-widget-text-editor{
  color: #6b7280 !important;
  font-size: clamp(14px, 1.6vw, 18px) !important;
  line-height: 1.6 !important;
  text-align: center !important;
  margin: 0 auto 24px auto !important;
  max-width: 780px !important;
}

/* hero buttons row */
.hero-cta,
.elementor-section:first-of-type .elementor-widget-button{
  text-align: center !important;
}
.hero-cta .elementor-button,
.elementor-section:first-of-type .elementor-button{
  height: 46px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
}

/* Primary & ghost buttons */
.hero-cta .elementor-button--primary,
.elementor-section:first-of-type .elementor-button.elementor-size-md{
  background: var(--accent) !important;
  color: #04130a !important;
  border: 0 !important;
}
.hero-cta .elementor-button--ghost,
.elementor-section:first-of-type .elementor-button-link{
  background: transparent !important;
  color: var(--ink) !important;
  border: 2px solid #0f172a1f !important;
}

/* --------------------------------
   PRODUCT CARDS SECTION + GRID
-----------------------------------*/

/* section spacing right under hero */
.section-products,
.elementor-section:nth-of-type(2){
  padding: clamp(28px, 6vw, 48px) 0 clamp(60px, 10vw, 100px) 0 !important;
}

/* section headline over the cards */
.section-products .section-title,
.elementor-section:nth-of-type(2) .elementor-widget-heading .elementor-heading-title{
  color: var(--ink);
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .02em !important;
  font-size: clamp(24px, 3.8vw, 40px) !important;
  text-align: center !important;
  margin: 0 0 28px 0 !important;
}

/* grid: works if you used a container or plain widgets */
.products-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: clamp(16px, 3vw, 28px) !important;
  align-items: stretch !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 14px !important;
}

/* If you didn't add the .products-grid class,
   this turns the immediate widget row into a grid */
.section-products > .elementor-container,
.elementor-section:nth-of-type(2) .elementor-container{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: clamp(16px, 3vw, 28px) !important;
  align-items: stretch !important;
}

/* card look */
.product-card,
.elementor-section:nth-of-type(2) .elementor-widget-container{
  background: var(--bg) !important;
  border: 1px solid var(--muted) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
  padding: 26px !important;
  min-height: 240px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

/* card hover */
.product-card:hover,
.elementor-section:nth-of-type(2) .elementor-widget-container:hover{
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px rgba(17,24,39,.10) !important;
}

/* card title + copy */
.product-card h3,
.elementor-section:nth-of-type(2) .elementor-widget-heading .elementor-heading-title{
  color: var(--ink) !important;
  font-weight: 800 !important;
  font-size: clamp(18px, 2.2vw, 24px) !important;
  line-height: 1.25 !important;
  margin: 0 0 8px 0 !important;
}
.product-card p,
.elementor-section:nth-of-type(2) .elementor-widget-text-editor{
  color: #6b7280 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 0 0 18px 0 !important;
}

/* CTA in card = full width */
.product-card .elementor-button,
.elementor-section:nth-of-type(2) .elementor-button{
  width: 100% !important;
  height: 46px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  background: var(--accent) !important;
  color: #04130a !important;
  border: 0 !important;
}

/* remove unwanted “chips/labels” if any slipped in */
.product-card .chip,
.elementor-section:nth-of-type(2) .e-badge,
.elementor-section:nth-of-type(2) .elementor-icon-list-items{
  display: none !important;
}

/* --------------------------------
   RESPONSIVE
-----------------------------------*/
@media (max-width: 1024px){
  .products-grid,
  .section-products > .elementor-container,
  .elementor-section:nth-of-type(2) .elementor-container{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}
@media (max-width: 640px){
  .products-grid,
  .section-products > .elementor-container,
  .elementor-section:nth-of-type(2) .elementor-container{
    grid-template-columns: 1fr !important;
  }
  .product-card,
  .elementor-section:nth-of-type(2) .elementor-widget-container{
    padding: 22px !important;
  }
}

/* --------------------------------
   SAFETY: prevent heading overlap
-----------------------------------*/
.elementor-heading-title{ white-space: normal !important; }/* End custom CSS */