:root {
  --main: #fff0db;
  --dark: #945805;
  --light: #fffaf2;
  --bg: #fff0db;
  --gray: rgb(220, 220, 220);
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

body,
#mobile-menu,
.s-user-menu-dropdown {
  background-color: var(--bg);
}

body {
  background-image: url(https://i.imgur.com/0gZi9Zc.png);
  background-size: 50%;
}


header .s-user-menu-trigger {
  background-color: transparent;
}

header {
  box-shadow: rgba(43, 45, 52, 0.05) 5px 10px 30px 0px;
  border-bottom: 1px solid var(--gray) !important;
}

header,
.top-navbar,
#mainnav {
  background-color: var(--bg) !important;
  color: var(--dark) !important;
  box-shadow: none;
}

header .sicon-menu.text-primary.text-2xl,
#mainnav .flex.items-center.justify-end .s-cart-summary-total,
#mainnav .flex.items-center.justify-end i {
  border: none;
  color: var(--dark) !important;
}

#mainnav a:hover {
  color: var(--dark);
  opacity: 0.7;
  text-decoration: underline;
}

a.navbar-brand img {
  width: 70px;
  max-height: 70px !important;
}

@media (max-width: 600px) {
  a.navbar-brand {
    padding-right: calc(50vw - 110px);
  }
}

.s-block.s-block--photos-slider
  salla-slider
  .s-slider-container
  .swiper-wrapper
  .swiper-slide {
  opacity: 0;
}

.s-block.s-block--photos-slider
  salla-slider
  .s-slider-container
  .swiper-wrapper
  .swiper-slide-active {
  opacity: 1;
}

.s-products-slider-card {
  margin-bottom: 10px;
}

custom-salla-product-card {
  overflow: hidden;
  box-shadow: 0 0 5px 2px rgba(100, 100, 100, 0.3);
  background-color: var(--light) !important;
}

custom-salla-product-card .s-product-card-content {
  padding: 5px 0 !important;
  gap: 5px;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: transparent !important;
}

custom-salla-product-card .s-product-card-content-main {
  width: 100% !important;
}

custom-salla-product-card .s-product-card-content-sub {
  width: unset;
  padding-right: 10px;
}

custom-salla-product-card .s-product-card-content-footer.gap-2 {
  padding-left: 10px !important;
}

custom-salla-product-card salla-add-product-button button {
  background-color: var(--dark) !important;
  color: #fff !important;
  border: none !important;
}

custom-salla-product-card .s-product-card-content-title,
custom-salla-product-card .s-product-card-content-sub {
  margin-bottom: 0 !important;
}

custom-salla-product-card button[product-status='out'] {
  background-color: var(--dark);
  color: var(--light) !important;
  border: none !important;
  opacity: 0.5;
}

custom-salla-product-card .s-product-card-image {
  min-height: 400px !important;
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}

custom-salla-product-card .s-product-card-image img {
  object-fit: cover;
}

@media (max-width: 600px) {
  custom-salla-product-card .s-product-card-image {
    min-height: 270px !important;
  }
  custom-salla-product-card
    salla-add-product-button
    button
    .s-button-text
    span {
    display: none !important;
  }
}

custom-salla-product-card .s-product-card-content-title a {
  display: block;
  height: 22px;
  text-align: center !important;
  padding: 0 5px;
  white-space: wrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 600px) {
  custom-salla-product-card .s-product-card-content-title a {
    font-size: 12px;
  }
}

.s-block--features .s-block--features__item {
  box-shadow: 0 0 5px 2px rgba(100, 100, 100, 0.5);
  background-color: var(--bg);
}

.store-footer {
  border-top: 1px solid var(--gray) !important;
}

.store-footer li a,
.store-footer a span {
  border: none !important;
}

footer,
footer a h3 {
  text-align: center;
}

footer a h3 {
  width: 100%;
}

footer salla-social,
footer a.s-contacts-item {
  display: flex;
  justify-content: center;
}

footer salla-apps-icons {
  display: none !important;
}

footer [class='container grid grid-col-1 lg:grid-cols-6 gap-8 lg:gap-6'] {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 0 !important;
}

footer [class='lg:hidden contact-social'] {
  margin-top: 0 !important;
  border-top: none;
  padding-top: 10px !important;
}

footer p[class='text-gray-400 mb-2.5 md:mb-0'] a {
  display: none !important;
}

footer [class='lg:col-span-2 rtl:lg:pl-20 ltr:lg:pr-20'] img {
  width: 100%;
  height: 60px;
  object-fit: contain;
}

footer [class='flex rtl:space-x-reverse space-x-2 items-end'] {
  display: flex;
  justify-content: center;
  align-items: center;
}

footer [class='flex rtl:space-x-reverse space-x-2 items-end'] img {
  height: 40px;
}

footer a[href="https://lofekids.com/"] h3 {
  display: none;
}

footer .store-footer__inner {
  padding-top: 1.5rem;
  padding-bottom: 1rem !important;
}

footer salla-social,
footer [class='max-w-sm leading-6 mb-6'] {
  margin-bottom: 0 !important;
}

footer a[href="https://www.instagram.com/lofe_kids"]::after {
  content: 'lofe_kids';
  margin-right: 1rem;
}

footer [class='text-gray-400 mb-2.5 md:mb-0'] {
  color: #fff;
}

@media (max-width: 600px) {
  footer [class='flex rtl:space-x-reverse space-x-2 items-end'] {
    padding: 1rem 0 !important;
  }
}

.s-block.container {
  margin-top: 5px;
}

.s-block.container
  [class='s-products-list-wrapper s-products-list-vertical-cards'] {
  margin-bottom: 15px !important;
}

.s-block.s-block--photos-slider {
  margin-top: 5px;
}

[class='s-block s-block--slider-with-bg s-block--full-bg'],
[class='slider-bg'] {
  background: transparent !important;
}

.s-block.s-block--slider-with-bg.s-block--full-bg {
  padding-bottom: 0;
}

.s-block.s-block--slider-with-bg.s-block--full-bg .container {
  margin-top: 0;
  padding: 0 0 0.25rem;
  border-radius: 15px !important;
}

[class='container -mt-62 relative overflow-hidden'] {
  margin-top: 0 !important;
}

@media (max-width: 600px) {
  .main-menu.mm-spn--open {
    display: flex;
    flex-direction: column;
    height: fit-content !important;
  }
  .main-menu.mm-spn--open li a {
    padding: 2.5rem 0;
  }
}

body.product-single [class='s-comments s-comments-product'] {
  background-color: transparent !important;
}

body.product-single
  salla-mini-checkout-widget
  .s-add-product-button-mini-checkout-content {
  color: var(--dark) !important;
}




/* حذف البحث نهائياً */
.top-navbar .header-search,
.top-navbar salla-search{
display:none !important;
visibility:hidden !important;
width:0 !important;
height:0 !important;
}

/* إزالة المساحة التي كان يشغلها */
.top-navbar .flex-1{
flex:unset !important;
width:auto !important;
}

/* تقليل ارتفاع الهيدر */
.top-navbar{
padding:0 !important;
margin:0 !important;
min-height:auto !important;
height:auto !important;
}

/* تقليل المسافة داخل الهيدر */
.top-navbar .container{
padding:5px 0 !important;
align-items:center !important;
}

/* تصغير ارتفاع الهيدر العام */
header, .store-header{
min-height:auto !important;
padding-top:5px !important;
padding-bottom:0px !important;
}

salla-search{
display:none !important;
}

custom-main-menu{
    padding-right: 20vw;
}

html{
    font-size: 18px;
}

.s-product-card-content-sub{
    display: flex;
    justify-content: center;
    align-items: center;
}


/* =========================
   Mobile Responsive Fix
=========================*/

@media (max-width: 768px){

  html{
    font-size:16px;
  }

  body{
    background-size:90%;
  }

  /* تصغير اللوجو */
  .navbar-brand img{
    width:55px !important;
    max-height:55px !important;
  }

  /* تعديل القائمة */
  custom-main-menu{
    padding-right:0 !important;
  }

  /* كروت المنتجات */
  custom-salla-product-card .s-product-card-image{
    min-height:220px !important;
  }

  custom-salla-product-card{
    border-radius:10px;
  }

  /* عنوان المنتج */
  custom-salla-product-card .s-product-card-content-title a{
    font-size:13px !important;
    height:auto;
  }

  /* السعر */
  .s-product-card-content-sub{
    font-size:14px;
  }

  /* زر الإضافة للسلة */
  custom-salla-product-card salla-add-product-button button{
    padding:6px 10px !important;
    font-size:12px;
  }

  /* الفوتر */
  footer{
    text-align:center;
  }

  footer img{
    max-width:120px;
  }

}


/* =========================
   Small Mobile
=========================*/

@media (max-width:480px){

  html{
    font-size:15px;
  }

  body{
    background-size:120%;
  }

  custom-salla-product-card .s-product-card-image{
    min-height:180px !important;
  }

  custom-salla-product-card .s-product-card-content-title a{
    font-size:12px !important;
  }

}


.s-block.container,
.s-block.s-block--banners.container{
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (max-width:768px){
  .s-block.container,
  .s-block.s-block--banners.container{
      padding-top: 20px;
      padding-bottom: 20px;
  }
}

.s-product-card-content-subtitle{
    text-align: center !important;
    color: #e60023 !important;
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 14px;
}

@media (max-width:768px){
.s-product-card-content-subtitle{
    font-size:13px;
}
}