/* Start header */
.navbar-brand img {
    width: 65px;
}
#mainnav:not(.fixed-header) .main-menu li > a {
    color: #000;
}
@media(max-width:1024px){
    header.store-header.absolute {
    position: relative;
    background: #e8d1d2;
}
}
/* Start video section */
section:first-of-type {
    margin-bottom: 0;
}
section#video-banner.md\:h-\[500px\] {
    height: 100vh;
}
section#video-banner .containt{
    z-index: 11;
    right: 10%;
}
section#video-banner h4{
    font-size: 60px;
    text-align: right;
}
section#video-banner p{
    text-align: right;
    max-width: 800px;
    font-size: 22px;
    color: #ffffffdb;
    line-height: 1.8;
}
section#video-banner:first-of-type .video-parent::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, #000000f7, transparent);
    z-index: 10;
}
section:nth-child(2 of #video-banner) p {
    font-size: 40px;
    color: #000000e0;
}
@media(max-width:767px){
section#video-banner.md\:h-\[500px\] {
    height: fit-content;
    margin: 0;
}
#video-banner .video-parent {
    border-radius: 0;
}
section#video-banner .containt{
    display: none;
}
}
/* Start Hero banner */

.landing-page-fixed-bannar-1 .container {
    width: 40%;
    margin: 0px 0 0 10%;
}
.landing-page-fixed-bannar-1{
    justify-content: flex-end;
}
.landing-page-fixed-bannar-8 .container,
.landing-page-fixed-bannar-11 .container {
    width: 42%;
    margin: 0 5% 0 0;
}

.landing-page-fixed-bannar-8,
.landing-page-fixed-bannar-11{
    justify-content: flex-start;
}
section.landing-page-first-bannar h1
{
    margin-bottom: 25px;
    width: 100%;
}
section.landing-page-first-bannar p{
    line-height: 2;
}
@media(min-width:768px) and (max-width:1024px){
.landing-page-fixed-bannar-1 .container {
    width: 62%;
}
.landing-page-fixed-bannar-8 .container{
    width: 60%;
}
.landing-page-fixed-bannar-11 .container {
    width: 45%;
}
.landing-page-fixed-bannar-8,
.landing-page-fixed-bannar-11 {
        height: 56vh;
}
.landing-page-fixed-bannar-8 h1,
.landing-page-fixed-bannar-11 h1{
    font-size: 35px;
    line-height: 1.4;
}
}
@media(max-width: 767px){
section.landing-page-first-bannar .flex {
    justify-content: center;
    align-items: flex-start;
}
/*
section.landing-page-first-bannar .container {
    width: 80%;
    margin: 50% 0 0 0;
    text-align: center !important;
}
*/
section.landing-page-first-bannar h1{
    font-size: 25px;
    line-height: 1.5;
}
section.landing-page-first-bannar button{
    width: 160px;
    height: 45px;
    margin-top: 0;
}
}
@media(max-width: 577px) {
.landing-page-fixed-bannar-8 .container, .landing-page-fixed-bannar-11 .container{
    width: 42%;
    margin: 0 5% 0 0;
    }
}
/* Start title */
.image-title .title-heade {
    padding: 0 10px 10px 10px;
    border-bottom: 2px solid #000;
    border-radius: 0;
    width: fit-content;
    min-width: fit-content;
}
@media(max-width: 767px){
.image-title .title-heade{
    font-size: 26px;
}
}
/* Start icon slider */
.s-slider-block__title-nav > button {
    border-radius: 50%;
    border-color: var(--color-primary);
}

/* Start Category section */
section.g_cat .products-item {
    background: var(--color-primary);
    padding: 10px;
    margin: 0 10px;
    border-radius: 10px;
}
section.g_cat .products-item h3 {
    font-size: 16px;
    color: #fff;
    margin-top: 5px;
}
@media(max-width:767px){
.g_cat {
    margin-bottom: 2rem;
}
section.g_cat .products-item.max-w-\[30\%\] {
    max-width: 40%;
}
section.g_cat .products-item h3 {
    font-size: 12px;
}
}

/* Start 4 images section */
.ads{
    margin-bottom: 2rem;
}
.s-block__title {
    margin-bottom: 0;
}
.ads .img .over {
    opacity: 1 ;
}
.ads p {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3;
}
.ads .img.f_img.group .over {
    display: flex;
    justify-content: flex-end;
}
.ads .f_img .text {
    align-items: flex-start !important;
    width: fit-content;
}
@media (max-width: 992px) {
.ads .img img {
    opacity: 1;
}
}
@media(max-width:767px){
.ads .img .over .text {
    text-align: right;
}
.ads .f_img {
    height: 300px;
}
.ads .img.f_img.group .over {
    justify-content: flex-start;
}
.ads .f_img .text {
    width: 80%;
}
}
/* Start products */
.s-product-card-entry {
    background: var(--color-primary);
}
.bg-\[var\(--f-color\)\].button-56 {
    background: #f8eff3 !important;
    color: var(--color-primary);
}
svg.icon * {
    fill: var(--color-primary);
}
.s-product-card-content .s-product-card-content-main *,
.s-product-card-content .s-product-card-content-sub *:not(span){
    color: #fff !important;
}
@media(max-width:767px){
.s-products-slider-card {
    max-width: 210px !important;
}
}

/* Start banner_ad */
@media(min-width:1200px){
section.banner_ad.container {
    width: 80%;
    margin: 0 auto 2rem;
}
}
@media(min-width:768px) and (max-width:1024px){
.ads p {
    font-size: 20px;
}
}
/* Start Deadline section */
section.weeklyOffers {
    height: 90vh !important;
}
section.dead_line button {
    color: #fff;
}
.weekly-star-btn {
    padding: 5px 40px;
}
@media(min-width:992px){
section.weeklyOffers {
    height: 70vh !important;
}
}


/* Start offer week */
.weeklyOffers img{
    max-width: 50%;
    margin: auto;
}
@media(max-width:767px){
.weeklyOffers p:last-of-type {
    text-align: center;
    font-size: 18px;
}
.weeklyOffers img{
    max-width: 70%;
    margin: auto;
}
}
.g-products {
    margin-bottom: 20px !important;
    position: relative;
    z-index: 2;
}

.s-block--fixed-banner {
    margin-top: 20px !important;
    position: relative;
    z-index: 1;
}
/* =========================================
   تحسين صندوق «ليش تنتظر؟» في كل المنتجات
   ========================================= */

salla-quick-order {
  display: block;
  margin: 16px 0 20px !important;
}

salla-quick-order .s-quick-order-container {
  min-height: auto !important;
  padding: 18px 20px !important;
  background: linear-gradient(135deg, #b95d86, #a95078) !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgba(185, 93, 134, 0.18) !important;
}

salla-quick-order .s-quick-order-button-cont {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 !important;
}

/* العنوان والوصف */
salla-quick-order .s-quick-order-container h1,
salla-quick-order .s-quick-order-container h2,
salla-quick-order .s-quick-order-container h3,
salla-quick-order .s-quick-order-container p {
  color: #fff !important;
  margin-top: 0 !important;
}

salla-quick-order .s-quick-order-container h1,
salla-quick-order .s-quick-order-container h2,
salla-quick-order .s-quick-order-container h3 {
  margin-bottom: 6px !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

salla-quick-order .s-quick-order-container p {
  margin-bottom: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  opacity: 0.95;
}

/* زر «اطلبيه الآن» */
salla-quick-order salla-button .s-button-element {
  min-width: 125px !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  color: #a95078 !important;
  background: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  white-space: nowrap;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

salla-quick-order salla-button .s-button-element * {
  color: #a95078 !important;
  fill: #a95078 !important;
  stroke: #a95078 !important;
}

/* تأثير الزر على الكمبيوتر */
@media (hover: hover) {
  salla-quick-order salla-button .s-button-element:hover {
    color: #fff !important;
    background: #71344f !important;
    border-color: #71344f !important;
    box-shadow: 0 5px 14px rgba(113, 52, 79, 0.25) !important;
    transform: translateY(-1px);
  }

  salla-quick-order salla-button .s-button-element:hover * {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
  }
}

/* تنسيق الموبايل */
@media (max-width: 767px) {
  salla-quick-order {
    margin: 14px 0 18px !important;
  }

  salla-quick-order .s-quick-order-container {
    padding: 16px !important;
    border-radius: 12px !important;
  }

  salla-quick-order .s-quick-order-button-cont {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    text-align: center !important;
  }

  salla-quick-order .s-quick-order-container h1,
  salla-quick-order .s-quick-order-container h2,
  salla-quick-order .s-quick-order-container h3 {
    font-size: 18px !important;
  }

  salla-quick-order .s-quick-order-container p {
    font-size: 13px !important;
  }

  salla-quick-order salla-button,
  salla-quick-order salla-button .s-button-element {
    width: 100% !important;
  }
}