.elementor-1553 .elementor-element.elementor-element-fff7a5b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1553 .elementor-element.elementor-element-5235917{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1553 .elementor-element.elementor-element-10ffaa9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-b9e4fe1 */*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:Arial, Helvetica, sans-serif;
}

body{
  background:#f5f5f5;
}

/* HEADER */
.header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 40px;
  background:#111;
  color:#fff;
}

.logo{
  font-size:24px;
  font-weight:bold;
}

.logo span{
  color:#ffb703;
}

.header nav a{
  color:#fff;
  margin:0 15px;
  text-decoration:none;
}

.cart-btn{
  background:#ffb703;
  border:none;
  padding:8px 15px;
  cursor:pointer;
  font-weight:bold;
}

/* HERO */
.hero{
  height:70vh;
  background:linear-gradient(to right, #000000aa, #000000aa),
  url("https://images.unsplash.com/photo-1607082349566-1870b9cbe5b4");
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  padding:50px;
  color:#fff;
}

.hero-text h1{
  font-size:45px;
}

.hero-text button{
  margin-top:20px;
  padding:12px 25px;
  background:#ffb703;
  border:none;
  font-size:16px;
  cursor:pointer;
}

/* CATEGORIES */
.categories{
  display:flex;
  justify-content:space-around;
  padding:30px;
  background:#fff;
}

.cat{
  background:#eee;
  padding:20px 30px;
  border-radius:8px;
  font-weight:bold;
}

/* PRODUCTS */
.products{
  padding:40px;
}

.products h2{
  margin-bottom:20px;
}

.product-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:20px;
}

.product{
  background:#fff;
  padding:15px;
  border-radius:8px;
  text-align:center;
}

.product img{
  width:100%;
}

.product button{
  margin-top:10px;
  padding:8px 15px;
  background:#111;
  color:#fff;
  border:none;
  cursor:pointer;
}

/* FOOTER */
footer{
  text-align:center;
  padding:20px;
  background:#111;
  color:#fff;
}

/* RESPONSIVE */
@media(max-width:768px){
  .hero-text h1{
    font-size:30px;
  }
  .header nav{
    display:none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-90fb101 */body{
  background:#FAFAF8;
  color:#2B2B2B;
  font-family: 'Poppins', sans-serif;
}

/* TOP BAR */
.top-bar{
  background:#1F3C88;
  color:#FFFFFF;
  text-align:center;
  padding:8px;
  font-size:14px;
}

/* HEADER */
.main-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 32px;
  background:#FAFAF8;
  border-bottom:1px solid #eee;
}

/* LOGO */
.logo{
  font-size:28px;
  font-weight:700;
  color:#1F3C88;
}

.logo span{
  color:#6A1B9A;
}

/* SEARCH */
.search-box{
  display:flex;
  width:42%;
}

.search-box input{
  width:100%;
  padding:11px;
  border:1px solid #ddd;
  border-radius:6px 0 0 6px;
  background:#FFFFFF;
}

.search-box button{
  background:#FF7A00; /* CTA ONLY */
  color:#FFFFFF;
  border:none;
  padding:0 18px;
  border-radius:0 6px 6px 0;
  cursor:pointer;
}

/* ICONS */
.header-icons a{
  margin-left:22px;
  font-size:22px;
  color:#1F3C88;
  text-decoration:none;
}

.cart{
  position:relative;
}

.cart-count{
  position:absolute;
  top:-8px;
  right:-10px;
  background:#FF7A00;
  color:#FFFFFF;
  font-size:12px;
  padding:3px 7px;
  border-radius:50%;
}

/* NAVBAR */
.navbar{
  background:#1F3C88;
  display:flex;
  justify-content:center;
}

.navbar a{
  color:#FFFFFF;
  padding:14px 20px;
  text-decoration:none;
  font-weight:500;
}

.navbar a:hover{
  background:#6A1B9A;
}

/* MOBILE */
@media(max-width:768px){
  .search-box{
    display:none;
  }
  .navbar{
    overflow-x:auto;
    white-space:nowrap;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e591137 *//* HERO SLIDER */
.hero-slider{
  position:relative;
  height:85vh;
  overflow:hidden;
}

/* SLIDES */
.slides{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  padding:60px;
  opacity:0;
  transition:opacity 1s ease-in-out;
}

.slides::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.45);
}

.slides.active{
  opacity:1;
  z-index:1;
}

/* CONTENT */
.hero-content{
  position:relative;
  max-width:600px;
  color:#FFFFFF;
}

.hero-content h1{
  font-size:48px;
  margin-bottom:15px;
}

.hero-content p{
  font-size:18px;
  margin-bottom:25px;
}

/* CTA BUTTON */
.cta-btn{
  background:#FF7A00; /* CTA ONLY ORANGE */
  color:#FFFFFF;
  border:none;
  padding:14px 30px;
  font-size:16px;
  border-radius:30px;
  cursor:pointer;
  font-weight:600;
}

.cta-btn:hover{
  opacity:0.9;
}

/* MOBILE */
@media(max-width:768px){
  .hero-slider{
    height:70vh;
  }
  .hero-content h1{
    font-size:30px;
  }
  .slides{
    padding:30px;
  }
}/* End custom CSS */