@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap");

:root {
  --footer-bg: #2B0406;
  --footer-text-color: white;
  --second-footer-bg: #2B0406;
  --second-footer-text: white;
  --store-feature-bg: white;
  --store-feature-border: white;
  --store-feature-text: #231f1e;
  --store-feature-text-size: 16px;
  --store-feature-title: #231f1e;
  --store-feature-title-size: 18px;
  --store-feature-icon-bg: #5f215f;
  --store-feature-icon-color: white;
  --store-feature-icon-size: 2.875rem;
  --add-to-cart-bg: #5f215f;
  --add-to-cart-text: white;
  --header-categories-bg: #5f215f;
  --hedaer-categories-text: white;
  --footer-logo-size: 120px;
  --display-all-btn: black;
  --display-all-btn-bg: #f3f4f6;
  --product-card-border: white;
  --section-titles-header: 28px;
}
.promotion-title{
  background-color: #2B0406 !important;
}
.notification_top_bar{
  display: none !important;
}
.s-block--testimonials {
  padding-bottom: 20px !important;
}
.navbar-brand {
  transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
}
.store-footer {
  margin-top: 25px !important;
}
body {
  font-family: "Cairo", sans-serif;
  background-color: #220002 !important;
}
.main-nav-container{
 background-color: #ECEAE6 !important; 
}
.navbar-brand img {
  max-height: 4rem !important;
}

.s-block--fixed-banner:nth-child(2) {
  margin: 0 !important;
}
.s-block--fixed-banner:nth-child(2) .container {
  max-width: 100% !important;
  padding: 0 !important;
}
.s-block--fixed-banner:nth-child(2) img {
  border-radius: 0 !important;
}
/* Search in Center Start */
.header-search {
  padding: 12px;
  order: -1;
  display: flex;
  align-items: center;
  width: 100%;
}
salla-search {
  width: 100%;
}

@media (max-width: 768px) {
  .header-search {
    order: 2 !important;
  }
}

.main-nav-container .inner .container > div:first-child {
  flex-wrap: wrap !important;
}

.main-nav-container .inner .container > div:first-child > div:first-child {
  order: -1;
}
.top-navbar {
  display: none !important;
}
.main-menu {
  justify-content: center !important;
}
/* Search in Center End*/
/* Footer Start */
.store-footer__inner {
  background: var(--footer-bg) !important;
}
.s-block--fixed-banner:first-child .container {
  max-width: 100%;
}

.store-footer > div:nth-child(2) {
  background: var(--second-footer-bg) !important;
  color: var(--second-footer-text) !important;
  max-width: 100% !important;
}

.store-footer > div:nth-child(2) p {
  color: var(--second-footer-text) !important;
}
/* Footer End */

/* Store Features Start*/
.s-block--features {
  background-color: white !important;
}
.store-footer {
  /* if before banner */
  /* margin-top: 0 !important; */
}

.s-block--features__item {
  padding: 40px;
  display: flex !important;
  border-radius: 15px;
  flex-direction: column !important;
  background-color: var(--store-feature-bg) !important;
  border: 1px solid var(--store-feature-border) !important;
  box-shadow: 1px 3px 4px #0000001a;
}

.s-block--features__item p {
  text-align: center;
  color: var(--store-feature-text) !important;
  font-size: var(--store-feature-text-size);
}
.s-block--features__item h2 {
  font-size: var(--store-feature-title-size);
  text-align: center;
  color: var(--store-feature-title) !important;
}

.s-block--features__item .feature-icon {
  padding: 12px;
  border-radius: 50%;
  background-color: var(--store-feature-icon-bg) !important;
  color: var(--store-feature-icon-color) !important;
}
.s-block--features__item .feature-icon i {
  background-color: var(--store-feature-icon-bg) !important;
  color: var(--store-feature-icon-color) !important;
  font-size: var(--store-feature-icon-size);
  font-weight: 600;
}

/* Store Features End */

/* Catirors More Than 4 Start */
.banner-entry.square-photos {
  background-color: transparent !important;
}

.s-block.s-block--photos-slider .swiper-slide {
  flex-basis: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.s-block--photos-slider .s-slider-container {
  margin: 0 !important;
  padding: 0 !important;
}
/* Catirors More Than 4 End */

/* Add To Sall Button Start */
.s-product-card-content-footer button {
  background-color: var(--add-to-cart-bg) !important;
  color: var(--add-to-cart-text) !important;
}
/* Add To Sall Button End*/

/* Hedaer Cateroreis Start */
#mobile-menu {
  background-color: var(--header-categories-bg) !important;
  color: var(--hedaer-categories-text) !important;
}
/* Hedaer Cateroreis End */

/* Hide Text From Footer Start */
.store-footer__inner .container > div:first-child > div:first-of-type {
  display: none !important;
}
/* Hide Text From Footer End */

/* Footer Logo Start */
.copied-img {
  /* filter: invert(1); */
  max-width: var(--footer-logo-size);
}
.store-footer__inner .container > div:first-child {
  display: flex !important;
  flex-direction: column !important;
}
.store-footer__inner .container > div:first-child .copied-img {
  order: -1 !important;
  padding-bottom: 10px;
}
.store-footer__inner .container > div:first-child > a:first-child {
  display: none !important;
}

.banner--fixed img {
  background-color: white !important;
}
.s-slider-block__display-all {
  color: var(--display-all-btn) !important;
  background-color: var(--display-all-btn-bg) !important;
  padding: 15px;
}

.store-footer__inner .container > div:first-child {
  display: flex !important;
  flex-direction: column !important;
}
.store-footer__inner .container > div:first-child .copied-img {
  order: -1 !important;
}
.box-shadow {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.store-footer,
.store-footer p,
.store-footer h3,
.store-footer a {
  color: var(--footer-text-color) !important;
}

/* IF Footer Have Banner  */
.store-footer {
  margin: 0 !important;
}

.sub-menu a span {
  color: var(--header-categories-bg) !important;
}


.s-products-slider-card {
  border: 1px solid var(--product-card-border);
  border-radius: 12px;
  margin-inline: 5px;
}

.s-slider-block__title-right h2 {
  font-size: 35px !important;
  text-align: center;
}
.s-slider-block__title-left {
  display: none !important;
}

.s-slider-block__title-right {
  padding: 0 !important;
  position: relative !important;
  margin-left: auto;
  margin-right: auto;
}
.s-slider-block__title-right h2 {
  padding: 0 !important;
}

.s-slider-block__title-right h2,
.s-reviews-header,
.s-block--banners .s-block__title .right-side h2 {
  font-size: var(--section-titles-header) !important;
}
.s-block--banners .s-block__title .right-side {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.s-reviews-swiper-slide {
  box-shadow: 1px 3px 4px #32326926;
  margin-block: 5px;
}
.s-block--categories .swiper-slide a {
  border: none !important;
}
.s-block--categories .swiper-slide img {
  width: 12rem;
  height: 12rem;
}
.s-block--categories .swiper-wrapper {
  padding: 3rem;
}
.s-block--features__item {
  justify-content: center !important;
  gap: 10px;
  align-items: center !important;
}
.s-block--banners .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr) !important;
}
.s-block--banners .right-side {
  padding: 0 !important;
}

html[lang="en"] .s-block--banners .s-block__title .right-side::after {
  left: 50% !important;
}

/* Drawer Menu Start */
.main-nav-container .container > div > div:first-child {
  width: 50% !important;
  display: flex;
  flex-direction: row;
}
.navbar-brand {
  margin-right: auto !important;
}
.mburger.mburger--collapse {
  display: block !important;
}
.mm-ocd__content {
  z-index: 99999 !important;
}
.mm-ocd {
  z-index: 9999999 !important;
}
#mobile-menu {
  display: none !important;
}
.main-menu li:nth-child(even) {
  display: none !important;
}
/* Drawer Menu End */
.A-top-nav > div > div >div:first-child{
  align-items: center !important;
}
.stories-block h2 {
  color: white !important;
}
.contacts_items a{
  background-color: transparent !important;
}
.s-block.component-options-sittings:nth-child(3){
  margin: 140px !important;
}

@media(max-width:768px){
.s-block.component-options-sittings:nth-child(3){
  margin: 10px !important;
  margin-block: 15px !important;
} 
}
.stories-block__item__image img{
  object-fit: contain !important;
}
.stories-grid{
  grid-auto-columns:unset !important;
}
..s-block.component-options-sittings:nth-child(6){
  margin-block: 20px !important;
}
/* Fix desktop icon container alignment */
.desktop_icon_container {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
}

/* Fix each icon item to stack icon + label vertically */
.desktop_icon_container > div,
.desktop_icon_container .header-search,
.desktop_icon_container .cart-box,
.desktop_icon_container .topnav_user_avater {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
}

/* Uniform icon size */
.desktop_icon_container .header-btn__icon,
.desktop_icon_container .sicon-search,
.desktop_icon_container .sicon-user,
.desktop_icon_container .sicon-heart {
  font-size: 22px !important;
  height: auto !important;
  line-height: 1 !important;
}

/* Label under each icon */
.desktop_icon_container .header_icon_label {
  display: block !important;
  font-size: 11px !important;
  margin-top: 4px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Cart box specific fix */
.cart-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

/* Hide cart price text if overlapping */
.s-cart-summary-content {
  display: none !important;
}

/* Small screens: show only cart, profile, search */
@media (max-width: 1023px) {
  .desktop_icon_container >div:nth-child(2) {
    display: none !important;
  }
  .desktop_icon_container > button {
    display: none !important;
  }

  
}
.desktop_icon_container{
  gap: 0 !important;
}
.s-product-card-content{
  color: white !important;
}
.s-product-card-content-sub  {
  color: white !important;
  
}

.s-product-card-content-sub p , 
.s-product-card-content-sub h2 , 
.s-product-card-content-sub h4 , 
.s-product-card-content-sub span ,
.s-product-card-content-sub button
{  
  color: white !important;
  
}
.s-product-card-entry{
  border: 1px solid white; 
  border-radius: 15px;
  padding: 5px;
}
.s-button-element{
  background-color:#2B0406 !important ; 
}
.s-button-element span{
  color: white !important;
  
}
.s-product-card-entry .s-add-product-btn .s-button-outline{
  background-color:#2B0406 !important ;
  border-radius: 15px;
  
}
@media(max-width:768px){
  
.stories-block .stories-block__item{
  height: 9rem !important;
  margin-block: 10px !important;
}
}
.main-content{
  color: white !important;
}
.s-products-slider-card {
  border: none !important;
}
.s-slider-block__title{
  color: white ;
}
.s-slider-block__title h2{
  color: white ;
  
}
.s-quantity-input-container{
  color: black !important;
}
.contact-social{
  display: block !important;
}
.socail-conact h3,
.socail-conact span{
  display: none !important;
}
.footer-contacts-container .socail-conact{
  display: none !important;
}
@media(max-width:768px){
  
.copied-img{
  margin: auto !important;
}
}
.header-buttons{
  display: none !important;
}
.footer-contacts-container .contact-social{
  display: none !important;
  
}

.media-slider .swiper-slide{
  height: fit-content !important;
}
.media-slider .swiper-slide video{
  height: fit-content !important;
  object-fit: contain !important;
}
.media-slider{
  margin: 0 !important;
}
.form-input{
  color: black !important;
}
.breadcrumbs {
  color: white !important;
  
}
.s-products-slider-slider {
  margin-block: 10px !important;
}

/* ==========  */
/* Fix slider height for all devices including iPhone */
.media-slider .swiper-slide {
    width: 100% !important;
    height: 80vh;
    height: 80dvh; /* modern fix for iOS */
    overflow: hidden;
    position: relative;
    background: #000; /* fallback */
}

/* Make video fill full width & height */
.media-slider .swiper-slide video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* key fix */
    display: block;
}

/* Ensure video wrapper also fills space */
.media-slider .swiper-slide video-player,
.media-slider .swiper-slide video-player > div {
    width: 100%;
    height: 100%;
}

/* Fix swiper wrapper */
.media-slider .swiper-wrapper {
    height: 100%;
}

/* Optional: prevent weird scaling issues on iOS */
video {
    max-width: none;
}
.two-row .banner-entry:first-child{
  grid-row: span 1 / span 1;
}
.banner-entry{
 height: 600px !important; 
}

@media(max-width:900px){
  .banner-entry{
 height: 200px !important; 
}
}
.s-block__title h2 {
  color: white !important;
}