/* CSS for mobile view */
@media only screen and (max-width: 767px) {
    #wa-widget-send-button {
        padding-left: 15px;
        padding-right: 10px;
        position: fixed !important;
        z-index: 190 !important;
        bottom: 85px;
        text-align: center !important;
        height: 40px;
        min-width: 50px;
        border-radius: 25px;
        visibility: visible;
        transition: none !important;
        background-color: #25d366;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        right: 25px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* CSS for mobile devices */
@media only screen and (max-width: 767px) {
  salla-slider.details-slider salla-button.btn--wishlist {
    position: absolute;
    bottom: 1rem;
    z-index: 2;
  }

  salla-slider.details-slider salla-button.btn--wishlist:where([dir=rtl],[dir=rtl] *) {
    right: 0.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .s-product-card-image img {
    height: 100% !important;
    width: 100%;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 500ms;
  }
}
.content.content--single-page.w-full.lg\:w-10\/12.bg-white.rounded.p-6.lg\:p-8.mt-4.lg\:mt-12 .content-entry {
    text-align: center;
    text-align: -webkit-center;
    font-size: 18px;
    line-height: 40px;
}

/* @media only screen and (max-width: 768px) {
  .sticky-product-bar::before {
    content: "";
    display: block;
    background-image: url('https://falconphone.store/img/2yw.webp');
    background-size: contain;
    background-repeat: no-repeat;
    height: 80%; /* Adjust height as needed */
    position: absolute;
    top: -65px;
    left: -20px;
    right: 0;
    z-index: -1;
    background-position: center;
  }
}
*/
.s-product-card-image img {
    height: 100%;
    width: 100%;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 500ms;
}
.s-product-card-vertical .s-product-card-wishlist-btn {
    position: absolute;
    bottom: .3rem;
    right: .3rem !important;
    opacity: .75;
    top: unset;
}
img[src="https://cdn.salla.network/cdn-cgi/image/fit=scale-down,width=40,height=40,onerror=redirect,format=auto/images/payment/mada_mini.png?v=2.0.3"] {
  width: inherit;
  height: 40px;
  aspect-ratio: 1 / 1;
}
img[src="https://cdn.salla.network/cdn-cgi/image/fit=scale-down,width=40,height=40,onerror=redirect,format=auto/images/payment/credit_card_mini.png?v=2.0.3"] {
  width: inherit;
  height: 40px;
  aspect-ratio: 1 / 1;
}
img[src="https://cdn.salla.network/cdn-cgi/image/fit=scale-down,width=40,height=40,onerror=redirect,format=auto/images/payment/bank_mini.png?v=2.0.3"] {
  width: inherit;
  height: 40px;
  aspect-ratio: 1 / 1;
}
img[src="https://cdn.salla.network/cdn-cgi/image/fit=scale-down,width=40,height=40,onerror=redirect,format=auto/images/payment/apple_pay_mini.png?v=2.0.3"] {
  width: inherit;
  height: 40px;
  aspect-ratio: 1 / 1;
}
img[src="https://cdn.salla.network/cdn-cgi/image/fit=scale-down,width=40,height=40,onerror=redirect,format=auto/images/payment/cod_mini.png?v=2.0.3"] {
  width: inherit;
  height: 40px;
  aspect-ratio: 1 / 1;
}

div.store-footer__inner > div.container > div.lg\:col-span-2 > a.flex::after {
    content: "Falcon Phone SA";
    display: none;
}

.swiper-slide.magnify-wrapper {
    width: auto; /* Adjust width as needed */
    margin-left: 0; /* Adjust margin as needed */
}

.loader-init::after {
    animation: blink 0.75s ease infinite;
    content: "";
    width: 40px;
    height: 45px;
    border: none;
    border-radius: 50%;
    background-image: url(https://cdn.salla.sa/qzvbn/led1aGvVGGug63fxsyxC6UWa3wP4rHXX0tPxHVwg.png);
    background-size: cover;
}
.s-product-options-thumbnails-wrapper div p {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgb(99 106 118);
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: #6b7280;
    color: rgb(99 106 118);
}
.s-product-card-content-subtitle {
    margin-bottom: 0.625rem;
    font-size: .875rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgb(99 106 118);
}
.s-filters-option-name {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    --tw-text-opacity: 1;
    color: #b50808 !important;
    color: rgba(129,127,127,var(--tw-text-opacity));
}
.s-filters-widget-container {
    display: block;
    overflow: hidden;
    border-radius: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 0.5rem;
    background-color: papayawhip;
}
/* For PC screens */
/* @media only screen and (min-width: 769px) {
/*    .store-footer__inner[aria-label="footer"] {
        background: url(https://cdn.salla.sa/qzvbn/4n1jcbuYgHllQR3B41JlUDy8oMyNecCeJc4arEZb.png);
        background-size: cover;
        background-position: right;
    }
}*/
/* For mobile devices */
/*@media only screen and (max-width: 768px) {
    .store-footer__inner[aria-label="footer"] {
        background: url(https://cdn.salla.sa/qzvbn/4n1jcbuYgHllQR3B41JlUDy8oMyNecCeJc4arEZb.png);
        background-size: cover;
        background-repeat: repeat-y;
    }
}*/
salla-slider.photos-slider .swiper {
    padding-bottom: 0.1rem ;
}
.floating-wpp .floating-wpp-btn-send {
    margin-left: 0px;
    font-size: 0;
    cursor: pointer;
    margin-right: 5px;
}

.form.product-form {
    box-shadow: rgba(99,99,99,.2) 0 6px 10px 3px;
}
.sicon-quote-open:before {
    content: "\eead";
    color: brown;
}
.s-block--features__item .feature-icon {
    margin-bottom: 0.75rem;
    display: flex;
    height: 5rem;
    width: 5rem;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 9999px;
    background-color: #414042;
    background-color: #ffffff;
    border: dotted 1px #ae0a0a;
}
.s-block--features__item .feature-icon i {
    font-size: 2.875rem;
    line-height: 2.25rem;
    color: #ff6767;
    color: #df3030;
}

body {
    background: url(https://cdn.salla.sa/qzvbn/gyufrtLOjJTESsc5KIVJ5f12B3gpDau8lAu2rWcn.png);
}

.s-button-primary-outline {
    fill: #414042;
    fill: var(--color-primary);
    color: #414042;
    color: var(--color-primary);
    color: white;
    background-color: #ae0a0a;
}
.s-button-primary-outline:hover {
    background-color: #414042;
    background-color: #000000;
    fill: #ff6767;
    fill: #ffffff;
    color: #ff6767;
    color: #ffffff;
}
.w-12 {
    width: 5rem;
}

.flex.whitespace-nowrap.gap-4.items-center .font-bold.text-xl.inline-block {
    color: #ae0a0a;
}


li[id="1202040294"], li[id="1156152348"] {
    animation: blink 0.8s infinite;
    color: red; /* Add color property */
    background-color: white;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@media only screen and (max-width: 768px) {
    .navbar-brand img {
        height: 34px !important;
        width: 100px !important;
    }
}

/* -----Shady-Abu-Karma-------- */

/* Default styles for both mobile and PC */
.s-product-card-fit-height .s-product-card-image {
    height: 11rem;
    max-height: 18rem;
}

/* Media query for mobile devices */
@media screen and (max-width: 768px) {
    .s-product-card-fit-height .s-product-card-image {
      height: auto;
      max-height: 18rem;
    }
}

.main-content .product-brand .brand-logo img {
    border-radius: 5px;
}

salla-slider[type]:not(.hydrated)>div>div, salla-slider[type]:not(.hydrated) .swiper>div>div>div, .carousel-slider .swiper-wrapper>div {
    flex-shrink: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-top: 10px;
}

.s-product-card-vertical {
    flex-direction: column;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 6px 10px 3px;
}

.product__description + .mb-3::before {
    content: "";
    display: block;
    width: auto;
    height: 140px;
    background: url(https://webdesignkw.com/img/Falcon-payment.webp) no-repeat center center;
    background-size: contain;
    margin: 0 0 20px 0;
}

/* Media query for screens smaller than 600px (adjust as needed) */
@media screen and (max-width: 600px) {
    .product__description + .mb-3::before {
        height: 90px; /* Adjust the height for mobile */
    }
}

.s-block--features__item p {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: #6b7280;
    color: rgb(107 114 128/var(--tw-text-opacity));
    color: #c72d2d;
}
.testimonials-slider .testimonial__text p, .testimonials-slider .testimonial__rating {
    display: none;
    color: #c72d2d;
}

.testimonials-slider .testimonial {
    height: 100%;
    position: relative;
    display: flex;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1.5rem;
    opacity: .6;
    --tw-shadow: 5px 10px 30px #2B2D340D;
    --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
    box-shadow: 0 0 transparent, 0 0 transparent, 5px 10px 30px #2b2d340d;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
    border: solid 1px #df303036;
}

.s-block--features__item {
    display: flex;
    flex-grow: 1;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 500ms;
    border: solid 1px #df303036;
}

.lg\:overflow-hidden > div:first-child {
    place-content: center;
    background-color: #f5deb361;
    color: #c72d2d;
    border-radius: 0.375rem;
    padding: 10px 30px 5px 30px;
    margin-left: 35%;
    margin-right: 35%;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .lg\:overflow-hidden > div:first-child {
        margin-left: 10%;
        margin-right: 10%;
    }
}

[dir=rtl] .s-slider-block__title h2 {
    padding-left: 2rem;
    background-color: #f5deb361;
    color: #c72d2d;
    border-radius: 0.375rem;
    padding: 10px 30px 15px 30px;
    text-align: center;
}

@media (max-width: 767px) {
    [dir=rtl] .s-slider-block__title h2 {
        padding-left: 0; 
        padding: 8px 20px 12px 20px;
        text-align: center;
        font-size: 16px;
    }
}

.s-slider-block__display-all {
    display: inline-block;
    font-size: 16px;
    line-height: 1.25rem;
    font-weight: 700;
    color: #414042;
    color: var(--color-primary);
    background-color: #f5deb361;
    color: #c72d2d;
    border-radius: 0.375rem;
    padding: 10px 30px 15px 30px;
}

@media (max-width: 767px) {
    .s-slider-block__display-all {
        font-size: 12px;
        line-height: 1.1rem;
        padding: 8px 20px 12px 20px;
    }
}

@media (max-width: 767px) {
  .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 > div:last-child a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 > div:nth-last-child(2),
  .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 > div:last-child {
    text-align: -webkit-center;
    margin-bottom: 15px;
  }
}

.footer-list.store-links-items a {
  display: block;
}

@media (min-width: 768px) {
  .footer-list.store-links-items a {
    display: list-item;
  }
}

.footer-list.store-links-items {
  margin-right: 20px;
  color: brown;
}

.store-footer h3 {
    margin-bottom: 1.25rem;
    background-color: white;
    color: #c72d2d;
    border-radius: 0.375rem;
    min-width: 3.5rem;
    padding: 0.5rem;
    width: 65%;
    text-align: center;
}

/* Hide the original SVG icon */
.s-contacts-item[href="tel:+966580138622"] .s-contacts-icon svg {
    display: none;
}

/* Add your custom PNG icon */
.s-contacts-item[href="tel:+966580138622"] .s-contacts-icon::before {
    content: "";
    display: inline-block;
    width: 16px; /* Adjust width as needed */
    height: 16px; /* Adjust height as needed */
    background-image: url(https://webdesignkw.com/img/callus-20-20.png); /* URL of your PNG icon */
    background-size: cover;
}

/* Ensure the WhatsApp number is visible */
.s-contacts-item[href="tel:+966580138622"] .unicode {
    display: inline-block;
}

/* Hide the original SVG icon */
.s-contacts-item[href="https://falconphone.sa/whatsapp/send"] .s-contacts-icon svg {
    display: none;
}

/* Add your custom PNG icon */
.s-contacts-item[href="https://falconphone.sa/whatsapp/send"] .s-contacts-icon::before {
    content: "";
    display: inline-block;
    width: 16px; /* Adjust width as needed */
    height: 16px; /* Adjust height as needed */
    background-image: url(https://webdesignkw.com/img/whatsapp-20-20.png); /* URL of your PNG icon */
    background-size: cover;
}

/* Ensure the WhatsApp number is visible */
.s-contacts-item[href="https://falconphone.sa/whatsapp/send"] .unicode {
    display: inline-block;
}

/* Target the specific Snapchat icon and hide it */
a[title="snapchat"] .s-social-icon svg {
    display: none;
}

/* Add your custom icon */
a[title="snapchat"] .s-social-icon::after {
    content: "";
    display: inline-block;
    width: 32px; /* Adjust width and height as needed */
    height: 32px; /* Adjust width and height as needed */
    background-image: url(https://webdesignkw.com/img/snap.ico);
    background-size: cover;
}

/* Hide the aria-label */
a[title="snapchat"]::after {
    content: none;
}

/* Hide the original Instagram icon */
a[title="instagram"] .s-social-icon svg {
    display: none;
}

/* Add your custom icon */
a[title="instagram"] .s-social-icon::after {
    content: "";
    display: inline-block;
    width: 32px; /* Adjust width and height as needed */
    height: 32px; /* Adjust width and height as needed */
    background-image: url(https://webdesignkw.com/img/insta.ico);
    background-size: cover;
}

/* Hide the aria-label */
a[title="instagram"]::after {
    content: none;
}

/* Target the specific TikTok icon and hide it */
a[title="tiktok"] .s-social-icon svg {
    display: none;
}

/* Add your custom icon */
a[title="tiktok"] .s-social-icon::after {
    content: "";
    display: inline-block;
    width: 32px; /* Adjust width and height as needed */
    height: 32px; /* Adjust width and height as needed */
    background-image: url(https://webdesignkw.com/img/tiktok.ico);
    background-size: contain;
    background-repeat: no-repeat;
}

/* Hide the aria-label */
a[title="tiktok"]::after {
    content: none;
}
.flex.items-center.m-0::before {
  content: "";
    display: inline-block;
    width: 140px;
    height: 48px;
    background-image: url(https://cdn.salla.sa/qzvbn/CBzZoMT3bYd6dKuUaFzL7kc9RtezEREnSLj6A8QO.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.flex.rtl\:space-x-reverse.space-x-2.items-end:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 47px;
    background-image: url(https://cdn.salla.network/images/tax.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
}

.flex.rtl\:space-x-reverse.space-x-2.items-end {
    place-content: center;
}

a.flex.items-center.m-0 h3 {
  display: none;
}

.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
  text-align: -webkit-center;
  margin-bottom: 15px;
}
.flex.items-center.m-0 {
  place-content: center;
  margin-bottom: 20px;
}
.mb-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    place-content: center;
}

@media only screen and (min-width: 768px) {
  .store-footer__inner .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
  }
}

/* Mobile-specific styles for text truncation */
@media (max-width: 767px) {
  .s-product-card-content-title a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px !important;
    display: inline-block; /* Ensures ellipsis works */
  }
}
@media only screen and (max-width: 767px) {
    .s-product-card-content .s-product-card-content-main .s-product-card-content-title a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    display: inline-block; /* Ensures ellipsis works */
    }
}
.s-product-card-content-title a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  word-wrap: break-word;
}
/* Styles for desktop */
ol.flex.items-center.flex-wrap.text-sm > li.whitespace-nowrap > a.fix-align.text-primary {
    transform: translateY(-2px);
    display: inline-block;
    background-color: #c33333;
    color: white;
    padding: 8px;
    font-size: 14px;
    padding-top: 4px;
    border-radius: 20px 0px 0px 20px;
}

/* Media query for mobile devices (adjust the max-width as needed) */
@media only screen and (max-width: 768px) {
    ol.flex.items-center.flex-wrap.text-sm > li.whitespace-nowrap > a.fix-align.text-primary {
    background-color: #c33333;
    color: white;
    padding: 8px;
    font-size: 12px;
    padding-top: 4px;
    border-radius: 10px 5px 5px 10px;
    margin: 12px -6px 10px -6px;
    }
}
/* Shady Abo - Karma - Egypt */
@media (min-width: 768px)
.md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-top: 15px;
}
.md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-top: 15px;
}

ol.flex.items-center.flex-wrap.text-sm li span.fix-align {
    background-color: #c33333;
    color: white;
    padding: 8px;
    font-size: 12px;
    padding-top: 4px;
    border-radius: 10px 5px 5px 10px;
}

@media (max-width: 768px) {
  .py-5 {
    padding-top: 0.25rem;
  }
}

.s-button-light-outline {
    --tw-border-opacity: 1 !important;
    border-color: red!important;
    /* border-color: rgb(229 231 235/var(--tw-border-opacity))!important; */
}
.s-button-light-outline {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    fill: #6b7280;
    --tw-text-opacity: 1;
    color: #6b7280;
    color: rgb(107 114 128/var(--tw-text-opacity));
    color: red;
    font-size: 19px;
}
/* Social */
.flex.rtl\:space-x-reverse.space-x-3 {
  place-content: center;
}

/* Tags */
.mb-3 a.rtl\:ml-2.ltr\:mr-2.inline-flex.text-gray-500.hover\:text-primary.underline.text-sm.mb-1 {
    display: inline-flex;
    margin-left: 2px;
    margin-right: 2px;
    color: #8b00004f;
    font-size: 12px;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    background-color: transparent;
    padding: 2px 5px 5px 5px;
    border-radius: 5px;
    border: solid 1px #0000000d;
}

/* Tags */
.mb-3 a.rtl\:ml-2.ltr\:mr-2.inline-flex.text-gray-500.hover\:text-primary.underline.text-sm.mb-1:hover {
  color: red; /* Hover color */
}


salla-slider.photos-slider .swiper {
    padding-bottom: 0.1rem 
rem
;
}
/* website and css plus contact coded via shady - egypt*/ 
salla-slider.photos-slider .swiper-slide {
    position: relative;
    margin-left: 0.5rem;
    margin-right: 3rem;
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: 0.375rem;
}
salla-slider .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #fff !important;
    background-color: #fff !important;
}
@media (max-width: 767px) {
salla-slider.photos-slider .swiper-slide {
    position: relative;
    margin-left: 4px;
    margin-right: 12px; /* was 44px */
    height: auto;
    width: 108%; /* was 116% */
    overflow: hidden;
    border-radius: 0.375rem;
  }
}
.banner-entry {
    position: relative;
    height: 235px;
    overflow: hidden;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0.75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    width: 360px;
    justify-self: center;
}
@media (max-width: 639px) {
  .ql-video {
    height: 125vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .grid.md\:grid-cols-1.grid-flow-row.gap-3.sm\:gap-8 .banner-entry[href="https://www.snapchat.com/add/falcon_phone"] {
    /* Your styles for mobile screens go here */
    width: 340px; /* Adjust as needed */
    /* Add any other styles you want to apply for mobile screens */
  }
}
.s-contacts-list-vertical {
    flex-direction: column;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .s-social-list {
        display: flex;
        gap: .625rem;
        place-content: center;
    }
}
@media (min-width: 768px) {
  .s-social-list {
    display: flex;
    gap: .625rem;
    justify-content: center;
  }
}

.s-contacts.hydrated {
    text-align: -webkit-center;
}
.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 > div:nth-child(2) {
  text-align: -webkit-center;
}

@media (min-width: 768px) {
  .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 > div:nth-child(2) {
    justify-content: center;
    text-align: -webkit-center;
  }
}
@media only screen and (max-width: 480px) {
    #karzoun-widget-send-button {
        bottom: 130px;
    }
}
/* Mobile-specific styles */
@media only screen and (max-width: 768px) {
    #karzoun-widget-send-button {
        padding-left: 7px;
        padding-right: 10px;
        position: fixed !important;
        z-index: 190 !important;
        bottom: 125px;
        right: -72px; /* Start position outside of the screen */
        text-align: center !important;
        height: 40px;
        min-width: 50px;
        border-radius: 25px;
        visibility: visible;
        transition: right 0.3s ease-in-out; /* Animate the 'right' property */
        background-color: #25d366;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        direction: ltr;
    }
    #karzoun-widget-send-button:hover {
        right: 0px;
    }
}
.karzoun-box-poweredby {
    text-align: left;
    font: 400 normal 15px / 1.3 -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
    margin-bottom: 15px;
    margin-top: -10px;
    margin-left: 20px;
    font-style: italic;
    font-size: 12px;
    cfont-weight: bold;
    visibility: hidden;
}

/* Mobile view (default styles) */
.s-offer-modal-product-image-wrap {
    height: 12rem;
}

/* PC view (styles for larger screens) */
@media (min-width: 1024px) {
    .s-offer-modal-product-image-wrap {
        position: relative;
        margin-bottom: 1rem;
        display: block;
        height: 12rem; /* Ensures consistency */
        overflow: hidden;
        border-radius: 0.375rem;
        --tw-bg-opacity: 1;
        background-color: rgba(249, 250, 251, 1);
        background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
    }
}

/* Default styles (apply to all devices) */
.s-offer-modal-product.swiper-slide {
    text-align: center;
    border: 2px solid #888888b0;
    border-radius: 15px;
    margin-left: 10px;
}

@media (min-width: 640px) {
    .s-offer-modal-product-price:where([dir="rtl"], [dir="rtl"] *) {
        margin-right: 0.5rem;
        justify-content: center;
    }
}
@media (min-width: 768px) {
    .s-offer-modal-product-price {
        margin-bottom: 0px;
        justify-content: center;
    }
}

.s-offer-modal-header-icon svg {
    height: 2.75rem;
    width: 2.75rem;
    flex-shrink: 0;
    fill: #ED2424;
}
@media (max-width: 768px) {
    .s-modal-title {
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgba(17, 24, 39, 1);
        color: rgba(17, 24, 39, var(--tw-text-opacity, 1));
        text-align: center;
    }
}

@media (max-width: 768px) {
.s-offer-modal-product-price {
    margin-bottom: 1.25rem;
    display: flex
;
    width: 100%;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    justify-content: center;
}
}
.s-offer-wrapper .s-slider-block__title h2::before {
    font-family: "sallaicons";
    content: "\ee30" !important;
    position: absolute;
    top: 1rem;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
    visibility: hidden;
    color: #fef2f2;
}

/* img 1st p */
/* .article.article--main.relative.leading-8.overflow-hidden.transition-all.max-h-0.duration-300.py-4 img[src$=".gif"]:first-of-type {
    display: none;
} */
.s-product-card-sale-price {
  display: flex;
  align-items: center;
  gap: 10px;
}

.s-product-card-sale-price::before {
  content: '';
  display: inline-block;
  background-image: url('https://webdesignkw.com/img/offer-animation.gif');
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}

.s-modal-header-content .s-modal-title {
color: #ed2424;
    padding: 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}

.s-offer-modal-footer {
    margin-top: 2rem;
    flex-direction: row;
    display: none !important;
}
@media (min-width: 640px) {
    .s-offer-modal-footer {
        margin-top: 2rem;
        flex-direction: row;
        display: none !important;
    }
}
.s-offer-modal-expiry  {
    display: none !important;
}
.s-offer-modal-remember-label   {
    display: none !important;
}


.s-product-card-wishlist-btn {
    display: none;
}
.s-product-card-content::before {
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    background-color: #ffcece;
    margin: 10px auto 15px;
}
/*****************/
.s-product-card-content:before, .product-entry .content-wrap:before {
    background: url(https://cdn.salla.sa/qzvbn/t2kpMpD4XWW9d2odsS68C3Qkzl74jZDT43emm307.png);
    content: '';
    width: 100%;
    height: 43px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    border-radius: 12px;
}
/**********************/
.breadcrumbs.w-full.py-5:before {
    background: url(https://cdn.salla.sa/qzvbn/cqlqG4ZvMGadgROmFAoGS42uOsN3dTsN6M4CWyMO.gif);
    content: '';
    width: 100%;
    height: 140px;
    background-size: cover;
    background-repeat: round;
    display: block;
    margin: 0 0 25px 0;
}

@media (max-width: 768px) {
    .breadcrumbs.w-full.py-5:before {
        content: '';
        background: url(https://cdn.salla.sa/qzvbn/nbGujzjoJo8Ksl46sRpXG3ueakHb7eO3sB9riPsQ.png);
        height: 175px;
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: 15px;
        border: 1px solid #33333333;
        border-radius: 9px;
        background-position: center;
        background-color: white;
        animation: backgroundRotation 10s infinite;
        animation-timing-function: step-end;
        opacity: 1; 
    }

    @keyframes backgroundRotation {
        0%, 100% {
            background-image: url(https://cdn.salla.sa/qzvbn/cf64qhtIduYzjN9DF2GrgapTM8FrX9atHDJcH6nN.png);
            opacity: 1;
        }
        33% {
            background-image: url(https://cdn.salla.sa/qzvbn/aM7yS3vGzs7ZVTmPFzsdwf2RrHb8KuA3lRadKYOf.png);
            opacity: 1;
        }
        66% {
            background-image: url(https://cdn.salla.sa/qzvbn/nbGujzjoJo8Ksl46sRpXG3ueakHb7eO3sB9riPsQ.png);
            opacity: 1;
        }
    }
}





.product__description .link--primary#btn-show-more {
    display: inline-block;
    margin-top: 20px;
    cursor: pointer;
    text-align: center;
    background-color: #333333;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: 18px;
    font-size: 20px;
}


.product__description .link--primary#btn-show-more:hover {
    background-color: #d21f1f; /* Slightly darker shade on hover */
}


#tabbyPromoWrapper {
    background: #3eedbf73;
    border-radius: 0.375rem;
    -webkit-transition: -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    margin-bottom: 20px;
}
salla-installment .mb-5 {
  margin-bottom: 1.25rem;
  background-color: antiquewhite;
}

.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 .flex.whitespace-nowrap.gap-4.items-center {
  margin-top: 15px;
}

.swiper-wrapper {
  display: flex;
}

/* Target the element you want to be number 1 (currently number 4) */
.s-modal-body.s-modal-align-middle.s-modal-md.s-modal-padding.s-modal-entering .swiper-wrapper .swiper-slide[aria-label="4 / 4"] {
  order: 1;
}

/* Target the element you want to be number 4 (currently number 1) */
.s-modal-body.s-modal-align-middle.s-modal-md.s-modal-padding.s-modal-entering .swiper-wrapper .swiper-slide[aria-label="1 / 4"] {
  order: 4;
}

/* Optionally, set default order for others if you have more than two elements to reorder */
.s-modal-body.s-modal-align-middle.s-modal-md.s-modal-padding.s-modal-entering .swiper-wrapper .swiper-slide[aria-label="2 / 4"] {
  order: 2;
}
.s-modal-body.s-modal-align-middle.s-modal-md.s-modal-padding.s-modal-entering .swiper-wrapper .swiper-slide[aria-label="3 / 4"] {
  order: 3;
}

/* Or, more generally, if you only want to swap two and others stay naturally ordered */
/* .swiper-wrapper .swiper-slide:not([aria-label="1 / 4"]):not([aria-label="4 / 4"]) {
  order: initial; 
} */
.content--single-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url('https://cdn.salla.sa/qzvbn/EW0rAueLn8su5yfUehomWkENBYB71AgvJYR9fJS8.png');
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.content--single-page h1:first-of-type {
    background-color: #b50808;
    color: white;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
}

.content--single-page .content-entry {
    font-size: 1rem;
    line-height: 1.8;
    color: #555;
    margin-bottom: 20px;
}

.content--single-page ul {
    padding-left: 20px;
}

.content--single-page ul li {
    margin-bottom: 15px;
    font-size: 1rem;
}

.content--single-page ul li strong {
    font-weight: bold;
    color: #333;
}

.content--single-page .ql-align-right,
.content--single-page .text-right {
    text-align: right;
}

.content--single-page p {
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .content--single-page {
        padding: 15px;
    }

    .content--single-page h1:first-of-type {
        font-size: 1.5rem;
        padding: 8px 16px;
    }

    .content--single-page .content-entry {
        font-size: 0.95rem;
    }

    .content--single-page ul {
        padding-left: 15px;
    }
}
//**********//
//********** By Shady ************//
salla-conditional-offer.s-conditional-offer-container {
}
.s-conditional-offer-checkpoint {
  border-width: 1px;
  border-style: dotted;
  border-radius: 9999px; 
  align-content: center; 
  display: grid; 
  flex-shrink: 0; 
  height: 60px; 
  justify-content: center; 
  place-content: center; 
  position: relative; 
  width: 60px; 
  overflow: hidden;
}
.s-conditional-offer-active-checkpoint {
  border-width: medium;
  border-color: white;
  border-style: dotted; 
  transition-duration: .5s; 
  transition-property: all; 
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  width: 50px;
  height: 50px;
  background-color: #ec2421;
}
.s-conditional-offer-checkpoint::before,
.s-conditional-offer-active-checkpoint::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px dotted transparent; 
  animation: rotateDots 2s linear infinite; 
}
.s-conditional-offer-checkpoint::before {
  border-top-color: red !important;
  border-right-color: red !important;
}
.s-conditional-offer-active-checkpoint::before {
  border-top-color: white;
  border-right-color: white;
}
@keyframes rotateDots {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.s-conditional-offer-item-avatar-content.active {
    color: var(--color-primary-dark);
    color: white;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: 
cubic-bezier(0, 0, .2, 1);
}
//**********//