.promo-bar {
  font-family: Cairo;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: .5rem .1rem;
  color: #fff;
  background: linear-gradient(135deg, #ff3b30, #dc143c);
}
.promo-timer {
  display: flex;
  align-items: center;
  gap: .6rem;
  justify-content: center;
}
.promo-timer .counter{
  display: flex;
  align-items: center;
  gap: .1rem;
}
.promo-label-inline {
  font-weight: 900;
  font-size: .9rem;
  align-items: center;
  display: flex;
  gap: .1rem;
}
.promo-label-inline::before {
  content: "⚡";
  font-size: 1rem;
}
.promo-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 40px;
  padding: .3rem .2rem .25rem;
  border-radius: .5rem;
  background: rgba(0, 0, 0, .25);
}
.promo-num {
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  color: #fff;
}
.promo-text {
  font-size: .6rem;
  opacity: 0.8;
  margin-top: 2px;
}
.promo-bar.animate .promo-num {
  animation: pulseNumber 1s infinite;
}

.copyright{
  font-family: Cairo;
  padding: 1.3rem 1rem;
  background: #262626;
  color: #fff;
  text-align: right;
  font-size: .9rem;
}

footer > div.border-t.bg-skin-primary.text-skin-a11y.py-8.max-lg\:pb-20{
  display: none;
}

footer > div > div.lg\:hidden > div.space-y-6.mb-6 > div > div:nth-child(1) > p > span:nth-child(2){
  font-size: .95rem;
  color: #ffffff;
}
footer > div > div.lg\:hidden > div.space-y-6.mb-6 > div > div:nth-child(1) > p > span:nth-child(2)::after{
  content: "مستودعات الشحن — المنطقة الوسطى";
  display: none;
  font-size: .8rem;
  margin-top: 2px;
}


@keyframes pulseNumber {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.85; }
}

@keyframes heartbeat {
  0%,100% { transform: scale(1); }
  14%     { transform: scale(1.07); }
  28%     { transform: scale(1); }
  42%     { transform: scale(1.05); }
  56%     { transform: scale(1); }
}


  /* ── SECTION ── */
  .section {
    font-family: 'Cairo';
    margin-top: 2rem;
  }
 
  .section-title {
    font-weight: 900;
    font-size: 1.3rem;
    color: #202227;
    margin-bottom: 1.3rem;
  }
  
/* ── FAQ ── */
  .faq {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .faq-item {
    border: 1px solid #cccccc;
    border-width: 0 1px 1px 1px;
    overflow: hidden;
    box-shadow: -4px 4px 0px #c8cdd9;
  }
  .faq-item:nth-child(1) {
    border-radius: 1.5rem 1.5rem 0 0;
    border-width: 1px;
  }
  .faq-item:nth-last-child(1) {
    border-radius: 0 0 1.5rem 1.5rem ;
    border-width:  0 1px 1px 1px;
  }
  .faq-q {
    padding: 1.1rem 1rem;
    font-weight: 900;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fafafa;
    user-select: none;
    color: #202227;
    font-size: 1.05rem;
    line-height: 1.5rem;
  }
  .faq-q .arrow {
    transition: transform .2s;
    font-size: .8rem;
    color: #444444;
  }
  .faq-item.open .faq-q .arrow {
    transform: rotate(180deg);
  }
  .faq-item.open .faq-a {
    overflow: hidden;
    transition: max-height .3s ease, padding .3s;
    font-size: .95rem;
    color: #4b5563;
    border-top: 1px solid #e8e8e8;
    max-height: 200px;
    padding: 1.2rem 1rem;
  }
  .faq-a{
    max-height: 0px;
    padding: 0;
  }





  .deliveryInfo {
    /* Hack position */
    position: absolute;
    width: 100%;
    top: 1.3rem;
    /* /Hack position */
    display: flex;
    background: #ebfcf8;
    border: 2px solid #4dd964;
    border-radius: 1.5rem;
  }
  
  .deliveryCard {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    padding: 8px 4px;
    text-align: center;
  }
  
  .deliveryIcon {
    margin-bottom: 4px;
    border: 2px solid #4dd964;
    padding: 2px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .deliveryIcon img {
    display: block;
  }
  
  .deliveryText {
    font-size: 11px;
    line-height: 15px;
    color: #131313;
    font-family: "Cairo";
    font-weight: 700;
  }


   /* URGENCY TIMER */
   .urgency-bar {
    color: #fff;
    text-align: center;
    font-family: Cairo;
    padding: 1.3rem;
    border-radius: 1.5rem;
    margin-bottom: 1.6rem;
    background: linear-gradient(135deg, #ff3b30, #dc143c);
  }
  .urgency-label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .3rem;
    margin-bottom: .6rem;
    font-weight: 900;
  }
  .urgency-label::before{
    content: "⏰ ";
    font-size: 1.3rem;
  }
  .timer {
    display: flex;
    justify-content: center;
    gap: .6rem;
    align-items: center;
  }
  .timer-unit {
    background: rgba(0, 0, 0, .25);
    border-radius: .75rem;
    padding: 6px 12px;
    text-align: center;
    min-width: 51px;
  }
  .timer-num {
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 1;
    font-variant-numeric: tabular-nums;
  }
  .timer-label {
    font-size: .7rem;
    opacity: .9;
    font-weight: 900;
  }
  .timer-sep {
    font-size: 1.3rem;
    font-weight: 900;
    opacity: .8;
  }






/**
 * Website
 */
.home_section_top_title span{
  background-color: blue;
  display: none;
}
/* Header search bar */
header > nav > div > div.block.md\:hidden.w-full.md\:w-4\/5.mt-2.md\:mt-7.relative{
  display:none;
}
@media (min-width: 768px){
  h3{
    font-size: 1.75rem !important;
    line-height: 2rem !important;
  }
}
h3{
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: right !important;
  font-weight: 700 !important;
}
.content_container{
  position: relative;
}
.animate-slideIn.w-fit.mx-auto.mt-6.md\:mt-8.flex.gap-2\.5.items-center.text-sm.md\:text-base.font-semibold.border.border-\[\#E2E2E2\].rounded-\[14px\].py-3.px-7.md\:px-10.cursor-pointer.hover\:bg-skin-primary.hover\:text-skin-a11y{
  /*
  width: 50%;
  justify-content: center;
  border: 2px solid #1a1a1a;
  */
  display: none;
}


.css-57b1a4{
  padding: 0 !important;
}
.css-57b1a4 div:has(> h3), .css-57b1a4 .css-pdin8h{
  max-width: 100% !important;
  padding: 0;
  margin-bottom: 2.5rem;
}


.css-17wa4up{
  padding-left: 0;
  padding-right: 0;
  padding-top: 4rem;
  padding-bottom: 0;
}
.css-17wa4up .css-w2lwk8{
  padding: 0;
  align-self: flex-start;
  margin-bottom: 2.5rem;
}
.css-17wa4up .szh-accordion{
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}

.css-57b1a4 .icon-container:hover {
  background: #f7f7fa;
}

.mb-9.md\:mb-9.lg\:mb-10.xl\:mb-12, div.flex.flex-1.flex-col > main > div:nth-child(3) > div{
  margin-bottom: 4rem;
}

.css-17wa4up .css-1ifr9s1, .css-17wa4up .muirtl-new-12b2el2{
  box-shadow:-3px 3px 0px  #1a1a1a !important;
}



/* Discount badge*/
span.absolute.top-1.right-1.rounded-\[19px\].bg-red-500.px-4.py-2.leading-none.text-sm.text-white.font-bold{
  background: #e85d04;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 34px;
  text-align: center;
  font-weight: 700;
  font-size: .85rem;
  padding: 0;
  border-radius: 100%;
  top: 0px;
  right: 0;
  border: 3px solid white;
}

.sphinx_header{
  box-shadow: 0 0px 5px #1a1a1a3d;
  border-top: 1px solid #d3d3d3;
}
/* Header Menu */
.sphinx_header_links a:hover {
    background: #fff3cc;
}

/* Prices */
span.flex.items-center.gap-1.md\:text-lg {
  color: #e85d04;
  font-size: 1.7rem;
}
del.font-normal.text-\[\#61758A\].opacity-60.text-sm.md\:text-base.flex.items-center.gap-1.ms-6 {
  color: #9e9e9e;
  font-size: 1.2rem;
}

/* Product name (title) */
h2.md\:text-xl.font-semibold {
  text-align: right;
}



/* Footer */
footer{
  background: #1a1a1a !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
footer h3{
  color: #fdc600;
  font-size: 1.13rem !important;
}
footer a{
  color: #fff;
}
footer a:hover{
  color: #fdc600;
}
footer p span.font-semibold {
  display: none;
}
footer a.w-10.h-10.rounded-full.bg-skin-primary.text-skin-a11y.flex.items-center.justify-center.hover\:opacity-80.transition-colors {
  background: #fff;
}
footer a.w-10.h-10.rounded-full.bg-skin-primary.text-skin-a11y.flex.items-center.justify-center.hover\:opacity-80.transition-colors:hover {
  background: #fdc600;
  color: #ffffff;
  opacity: 1;
}
footer .border-t.bg-skin-primary.text-skin-a11y.py-8.max-lg\:pb-20 {
  background: #111111;
  color: #bbbbbb;
  font-size: 13px;
  padding: 15px 0;
  border-width: 0px !important;
}




/* Product Page */
@media (min-width: 768px){
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 {
  padding: 2em 1em 0;
}


/* Gallery Slider */
#product-id .swiper {
  border-radius: 1.5rem;
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.lg\:sticky.lg\:top-20.lg\:top-5 > div {
  margin: 0;
  position: relative;
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.lg\:sticky.lg\:top-20.lg\:top-5 > div > div.mt-4.flex.items-center.justify-center.gap-2{
  width: 100%;
  margin: 0;
  justify-content: space-between;
  margin-top: .6em;
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.lg\:sticky.lg\:top-20.lg\:top-5 > div > div.mt-4.flex.items-center.justify-center.gap-2 > span{
  font-size: 1rem;
  width: 100%;
  text-align: center;
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.lg\:sticky.lg\:top-20.lg\:top-5 > div > div.mt-4.flex.items-center.justify-center.gap-2 button {
  background: rgb(251 251 251);
  border-radius: 100%;
  padding: 5px;
  border: 1px solid #e8e8e8;
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.lg\:sticky.lg\:top-20.lg\:top-5 > div > div.mt-4.flex.items-center.justify-center.gap-2 > button:nth-child(1){
  /*margin-right: 10px;*/
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.lg\:sticky.lg\:top-20.lg\:top-5 > div > div.mt-4.flex.items-center.justify-center.gap-2 > button:nth-child(3){
  /*margin-left: 10px;*/
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.lg\:sticky.lg\:top-20.lg\:top-5 > div > div.mt-4.flex.items-center.justify-center.gap-2 > span::before {
  content: "الصورة : ";
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.lg\:sticky.lg\:top-20.lg\:top-5 > div > div.mt-4.flex.items-center.justify-center.gap-2 button svg {
  width: 25px;
  height: 25px;
}
    
/* Box: category, title, price ... */
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 {
  margin-top: 1.3rem;
}
#product-id a.block.w-fit.text-xs.md\:text-sm.border.border-\[\#EBEBEB\].rounded-\[14px\].px-5.py-1.md\:py-1\.5.cursor-pointer.hover\:bg-gray-50 {
  display: none;
}
#product-id h1 {
  margin: .6rem 0 .8rem;
  font-size: 1.2rem !important;
  line-height: 1.6rem !important;
  font-weight: 700;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > div.relative.flex.items-center.gap-x-1.text-\[\#010101\]{
    color: #ff3b30;
    text-shadow: 1px 1px 2px rgba(255, 59, 48, .3);
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > div.relative.flex.items-center.gap-x-1.text-\[\#010101\] p{
  font-size: 1.7rem;
  line-height: 1.7rem;
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > div.flex.h-full.items-center.gap-x-1.text-\[\#778399\]{
  color: #9e9e9e;
  font-size: 1.2rem;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > div.flex.h-full.items-center.gap-x-1.text-\[\#778399\]::before {
  content: "كان ";
  font-family: "Cairo";
  font-size: 14px;
  text-decoration: line-through;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > div.flex.h-full.items-center.gap-x-1.text-\[\#778399\] > p {
  font-size: 1rem;
}


#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > p{
  margin-right: auto;
  color: #e65100;
  background: linear-gradient(135deg, #fff3e0, #ffe0b2);
  border: 1px solid #ffb74d;
  border-radius: 16px;
  padding: 2px 11px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > p::before{
  content: "خصم ";
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.mt-5.flex.flex-col.gap-2.lg\:flex-row{
  margin-top: 1.3rem;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.mt-5.flex.flex-col.gap-2.lg\:flex-row > button{
  background: #ffc800;
  border: none;
  font-weight: 900;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
  transition: all .3s ease;
  border-radius: .75rem;
  font-size: 0;
  color: #131316 !important;
  padding: 1rem 0;
  margin: 0;
  position: relative;
  animation: heartbeat 2s ease-in-out infinite;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.mt-5.flex.flex-col.gap-2.lg\:flex-row > button::before{
  content:"اطلب الان";
  font-size: 1.3rem;
  position: absolute;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div.flex.flex-col.mt-4.rounded-xl.border.divide-y.border-gray-300{
  display: none;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2){
  position: relative;
}

/* Product Description */
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div.product_description.pt-6.leading-10{
  margin-bottom: 1.3rem;
  padding-top: 7.5rem;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div.product_description.pt-6.leading-10 > div{
  font-size: 1.03rem;
  line-height: 1.8rem;
}

/* Checkout Form */
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\]{
  background: #fffdf9;
  margin-top: 0;
  padding: 1.3rem 1rem !important;
  border: 2px dashed #fdc600;
  order: 4;
  border-radius: 1.5rem;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div{
  padding: 0;
  margin-bottom: 1.3rem;
  background: transparent;
  justify-content: center;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\].hack-pack-offers > div > h3{
  gap: .3rem;
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div > h3{
  font-size: 1.3rem;
  display: flex;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\].hack-pack-offers > div > h3::before{
  content: "2. ";
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\].hack-pack-offers > div > h3 > span.text-gray-900{
  font-size: 0;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\].hack-pack-offers > div > h3 > span.text-gray-900::before {
  content: "ادخل معلوماتك لإكمال";
  font-size: 1.2rem;
  display: inline-block;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div svg{
  display:none;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > form > div.in-product-quantity-counter.my-4{
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0 0 .6rem 0;
  background: #fff3c9;
  border-radius: 1rem;
  padding: 10px 15px;
  justify-content: space-between;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > form > div.in-product-quantity-counter.my-4 > div > button.quantity_btn.p-2.bg-gray-50.border.mx-2.rounded-md.active\:bg-gray-200.hover\:bg-gray-100{
  margin-left: 0;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > form > div:last-child(0){
  margin-top: .6rem;
  margin-bottom: 1.3rem;
  padding: 0 1rem;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > form > div.in-product-quantity-counter.my-4 > div{
  margin-top: 0px;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > form > div.in-product-quantity-counter.my-4 > label{
  font-size: 1rem;
  line-height: 1.5rem;
  color: #131316;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > form > div.in-product-quantity-counter.my-4 p{
  font-size: 1.1rem;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > form > div.total_price_container.mt-2.flex.items-center.justify-between.my-5.md\:my-6 > dd{
  /*
  color: #ff3b30;
  text-shadow: 1px 1px 2px rgba(255, 59, 48, .3);
  */
  font-size: 1.7rem;
  line-height: 1.7rem;
  font-weight: 600;
}
#product-id .product_form_checkout #email-error{
  font-size: .8rem;
  margin: 8px 5px 15px 0;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > form > div.shipping_cost_container.my-4.flex.items-center.justify-between.text-base{
  margin-bottom: .6rem;
  margin-top: 1.3rem;
  padding: 0 1rem;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > form > button{
  background: #ffc800;
  border: none;
  font-weight: 900;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
  transition: all .3s ease;
  border-radius: .75rem;
  font-size: 0;
  color: #131316 !important;
  padding: 1rem 0;
  margin: 0;
  position: relative;
  /*animation: heartbeat 2s ease-in-out infinite;*/
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > form > button::before{
  content: "تأكيد الطلب";
  font-size: 1.3rem;
  position: absolute;
}





/* Form */
form{
  font-family: "Cairo";
}



/* Nav */
header > nav{
  padding: 1rem 0;
}
/* Logo */
header > nav > div > div.h-14.flex.items-center > div.sphinx_header_logo.ms-4.me-2.flex.lg\:ms-0{
  margin: 0;
  position: absolute;
  top: 1px;
  left: 50%;
  margin-left: -39.5px;
}
header > nav > div > div.h-14.flex.items-center > div.sphinx_header_logo.ms-4.me-2.flex.lg\:ms-0 > a > div{
  margin: 0;
  padding: 0;
  height: auto;
}
header > nav > div > div.h-14.flex.items-center{
  height: 32px;
  position: relative;
}
header > nav > div > div.h-14.flex.items-center > div.sphinx_header_logo.ms-4.me-2.flex.lg\:ms-0 > a > div img{
  width: 85px;
  height: auto;
  padding: 0;
}
header > nav > div > div.h-14.flex.items-center > div.ms-auto.flex.flex-1.mx-2.items-center.flex-col{
  display:none;
}
/* Cart button */
header > nav > div > div.h-14.flex.items-center > div.ms-4.flow-root.lg\:ms-6{
  margin-right: auto;
}
header > nav > div > div.h-14.flex.items-center > div.ms-4.flow-root.lg\:ms-6 > button{
  padding: 0.4rem;
}
header > nav > div > div.h-14.flex.items-center > div.ms-4.flow-root.lg\:ms-6 > button > div{
  top: -6px;
  right: -8px;
  background: #e85d05;
}



/* Section similar products */
#product-id > div.mx-auto.max-w-2xl.py-12.px-4.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 {
  padding-top: 2rem;
  padding-bottom: 0;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-4.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 > div > div:nth-child(1) > div{
  margin-bottom: 1.3rem;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-4.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 > div > div:nth-child(1) > div h3{
  font-size: 1.3rem;
  font-weight: 700;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-4.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 > div{
  margin: 0;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-4.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 > div > div.grid.sm\:grid-cols-3.lg\:grid-cols-4.grid-cols-2.gap-x-3.gap-y-3.md\:gap-x-5.xl\:gap-x-7.xl\:gap-y-5.\32 xl\:gap-y-8.\32 xl\:grid-cols-5.products_grid_container.gap-3.md\:\!gap-5.\32 xl\:grid-cols-4 > div > div > button{
  display: none;
}
/* Card */
#product-id > div.mx-auto.max-w-2xl.py-12.px-4.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 > div > div.grid.sm\:grid-cols-3.lg\:grid-cols-4.grid-cols-2.gap-x-3.gap-y-3.md\:gap-x-5.xl\:gap-x-7.xl\:gap-y-5.\32 xl\:gap-y-8.\32 xl\:grid-cols-5.products_grid_container.gap-3.md\:\!gap-5.\32 xl\:grid-cols-4 > div > div > a > div.h-full.flex.flex-col.text-center.mt-5.md\:mt-6 {
  margin: .6rem .3rem .3rem  .3rem;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-4.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 > div > div.grid.sm\:grid-cols-3.lg\:grid-cols-4.grid-cols-2.gap-x-3.gap-y-3.md\:gap-x-5.xl\:gap-x-7.xl\:gap-y-5.\32 xl\:gap-y-8.\32 xl\:grid-cols-5.products_grid_container.gap-3.md\:\!gap-5.\32 xl\:grid-cols-4 > div > div > a > div.h-full.flex.flex-col.text-center.mt-5.md\:mt-6 > h2{
  font-size: 1.05rem;
  line-height: 1.5rem;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-4.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 > div > div.grid.sm\:grid-cols-3.lg\:grid-cols-4.grid-cols-2.gap-x-3.gap-y-3.md\:gap-x-5.xl\:gap-x-7.xl\:gap-y-5.\32 xl\:gap-y-8.\32 xl\:grid-cols-5.products_grid_container.gap-3.md\:\!gap-5.\32 xl\:grid-cols-4 > div > div > a > div.h-full.flex.flex-col.text-center.mt-5.md\:mt-6 > div{
  margin-bottom: 0;
  justify-content: start;
  gap: .6rem;
  margin-top: .6rem;
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-4.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 > div > div.grid.sm\:grid-cols-3.lg\:grid-cols-4.grid-cols-2.gap-x-3.gap-y-3.md\:gap-x-5.xl\:gap-x-7.xl\:gap-y-5.\32 xl\:gap-y-8.\32 xl\:grid-cols-5.products_grid_container.gap-3.md\:\!gap-5.\32 xl\:grid-cols-4 > div > div > a > div.h-full.flex.flex-col.text-center.mt-5.md\:mt-6 > div > span{
  color: #e85d05;
  font-size: 1.3rem;
  line-height: 1.3rem;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-4.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 > div > div.grid.sm\:grid-cols-3.lg\:grid-cols-4.grid-cols-2.gap-x-3.gap-y-3.md\:gap-x-5.xl\:gap-x-7.xl\:gap-y-5.\32 xl\:gap-y-8.\32 xl\:grid-cols-5.products_grid_container.gap-3.md\:\!gap-5.\32 xl\:grid-cols-4 > div > div > a > div.h-full.flex.flex-col.text-center.mt-5.md\:mt-6 > div > del{
  opacity: 1;
  color: #9e9e9e;
  font-size: 1rem;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-4.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 > div > div.grid.sm\:grid-cols-3.lg\:grid-cols-4.grid-cols-2.gap-x-3.gap-y-3.md\:gap-x-5.xl\:gap-x-7.xl\:gap-y-5.\32 xl\:gap-y-8.\32 xl\:grid-cols-5.products_grid_container.gap-3.md\:\!gap-5.\32 xl\:grid-cols-4 > div > div > a > div.h-full.flex.flex-col.text-center.mt-5.md\:mt-6 > div > del::before{
  /*content:"السعر السابق : ";*/
}




#product-id {padding: 0}




/* Stock quantity widget */
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.fake_stock_container.mt-5{
  position: absolute;
  width: 100%;
  margin-top: -80px;
  background: linear-gradient(135deg, #ff8e53, #ff6b6b);
  color: #fff;
  border: 1px solid #ff8e53;
  border-radius: 1.5rem;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.fake_stock_container.mt-5 > div{
  margin-top: 0;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.fake_stock_container.mt-5 > div > div{
  display: none;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.fake_stock_container.mt-5 > div > p{
  margin: 0;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  font-size: 1rem;
  display: flex;
  align-self: center;
  justify-content: center;
  display: flex;
  align-items: center;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.fake_stock_container.mt-5 > div > p::before{
  content: "⚠️";
  margin-left: 10px;
  font-size: 19px;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.fake_stock_container.mt-5 > div > p::after{
  content: " - يُباع بسرعة!";
  margin-right: 3px;
}
.hack-stock-quantity-with-prices{
  margin-top: 2.6rem !important;
  padding-top: 60px;
}


/* Pack Offers */
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\]{
  background: #fffdf9;
  margin-top: 0;
  padding: 1.3rem 1rem 2rem !important;
  border: 2px dashed #fdc600;
  border-width: 2px 2px 0;
  border-radius: 1.5rem 1.5rem 0 0;
  position: relative;
  box-shadow: none;
  order: 3;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\]::after{
  content: "";
  width: 70%;
  height: 1px;
  background: #c4c4c466;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -35%;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.mb-5.md\:mb-6.flex.items-center.gap-2.rounded-\[10px\].md\:rounded-\[14px\].bg-skin-primary\/10.p-4.px-6.md\:py-5{
  padding: 0;
  margin-bottom: 1.3rem;
  background: transparent;
  justify-content: center;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.mb-5.md\:mb-6.flex.items-center.gap-2.rounded-\[10px\].md\:rounded-\[14px\].bg-skin-primary\/10.p-4.px-6.md\:py-5 > h3::before {
  content: "1. ";
}

#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.mb-5.md\:mb-6.flex.items-center.gap-2.rounded-\[10px\].md\:rounded-\[14px\].bg-skin-primary\/10.p-4.px-6.md\:py-5 svg{
  display: none;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > svg{
  display:none;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > div.absolute.inset-0.overflow-hidden > div{
  border: none !important;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div{
  padding: 1rem 2rem !important;
  position: relative;
}
/* Offer 1 */
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div:nth-child(1){
  background: #a8ecff;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div:nth-child(1) > div.flex.justify-between.items-center.gap-3.md\:gap-0 > div.flex.h-7.w-7.flex-shrink-0.items-center.justify-center.rounded-full.transition-all.duration-200.bg-skin-primary.me-2.md\:me-4{
  background: #0088b0;
  border: 1px solid #0088b0;
}
/* Offer 2 */
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div:nth-child(2){
  background: #b4fcbf;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div:nth-child(2) > div.ms-10.mt-2.md\:mt-4.rounded-full.bg-\[\#FDE047\].w-fit.px-4.py-1\.5.text-sm.font-bold.text-\[\#1F2937\].shadow-sm{
  background: #fde048;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div:nth-child(2) > div.flex.justify-between.items-center.gap-3.md\:gap-0 > div.flex.h-7.w-7.flex-shrink-0.items-center.justify-center.rounded-full.transition-all.duration-200.bg-skin-primary.me-2.md\:me-4{
  background: #1a7a30;
  border: 1px solid #1a7a30;
}
/* Offer 3 */
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div:nth-child(3){
  background: #f1bff0;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div:nth-child(3) > div.ms-10.mt-2.md\:mt-4.rounded-full.bg-\[\#FDE047\].w-fit.px-4.py-1\.5.text-sm.font-bold.text-\[\#1F2937\].shadow-sm{
  background: #862b8d;
  color: #fff;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div:nth-child(3) > div.flex.justify-between.items-center.gap-3.md\:gap-0 > div.flex.h-7.w-7.flex-shrink-0.items-center.justify-center.rounded-full.transition-all.duration-200.bg-skin-primary.me-2.md\:me-4{
  background: #9010a1;
  border: 1px solid #9010a1;
}

#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > div.flex.justify-between.items-center.gap-3.md\:gap-0{
  gap: 1rem;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > div.flex.justify-between.items-center.gap-3.md\:gap-0 > div.flex.h-7.w-7.flex-shrink-0.items-center.justify-center.rounded-full.transition-all.duration-200.border-\[2px\].border-\[\#E2E2E2\].bg-white.me-2.md\:me-4,
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > div.flex.justify-between.items-center.gap-3.md\:gap-0 > div.flex.h-7.w-7.flex-shrink-0.items-center.justify-center.rounded-full.transition-all.duration-200.bg-skin-primary.me-2.md\:me-4{
  margin: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #d9d9d9;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > div.flex.justify-between.items-center.gap-3.md\:gap-0 > div.flex.h-7.w-7.flex-shrink-0.items-center.justify-center.rounded-full.transition-all.duration-200.bg-skin-primary.me-2.md\:me-4{
  background: #ffffff;
  border: 1px solid #ffffff;
  /*background: #010101;
  border: 1px solid #010101;*/
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > div.flex.justify-between.items-center.gap-3.md\:gap-0 > div.flex.h-7.w-7.flex-shrink-0.items-center.justify-center.rounded-full.transition-all.duration-200.bg-skin-primary.me-2.md\:me-4 svg{
  width: 70%;
  height: 70%;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > div.flex.justify-between.items-center.gap-3.md\:gap-0 > div.flex.h-7.w-7.flex-shrink-0.items-center.justify-center.rounded-full.transition-all.duration-200.bg-skin-primary.me-2.md\:me-4 svg path{
  stroke-width: 2.5;
  stroke: #ffffff;
}

#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > div.flex.justify-between.items-center.gap-3.md\:gap-0 > div.flex.flex-col.flex-wrap.flex-1.items-center.gap-2.md\:flex-row{
  gap: .08rem;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > div.flex.justify-between.items-center.gap-3.md\:gap-0 > div.flex.flex-col.flex-wrap.flex-1.items-center.gap-2.md\:flex-row > p.w-full.font-semibold.text-\[\#010101\].text-xl{
  display: flex;
  font-size: 1.1rem;
  font-weight: 700;
  text-shadow: 1px 1px 2px #ffffffb0;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > div.flex.justify-between.items-center.gap-3.md\:gap-0 > div.flex.flex-col.flex-wrap.flex-1.items-center.gap-2.md\:flex-row > p.w-full.font-semibold.text-\[\#010101\].text-xl::after{
  content: "";
  margin-right: 2px;
  display: block;
  width: 17px;
  background: no-repeat;
  background-size: 17px;
  background-position: center right;
  background-image: url("https://files.easy-orders.net/1776007866472234950currency.svg");
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > div.flex.justify-between.items-center.gap-3.md\:gap-0 > div.flex.flex-col.flex-wrap.flex-1.items-center.gap-2.md\:flex-row > p.text-sm.text-\[\#6B7280\].w-full.flex-1{
  display:flex;
  color: #21752d;
  text-shadow: 2px 1px 2px #ffffff;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > div.flex.justify-between.items-center.gap-3.md\:gap-0 > div.flex.flex-col.flex-wrap.flex-1.items-center.gap-2.md\:flex-row > p.text-sm.text-\[\#6B7280\].w-full.flex-1::before{
  content: "🎉";
  margin-left: 5px;
  text-shadow: none;
  font-size: .8rem;
}

#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > div.flex.justify-between.items-center.gap-3.md\:gap-0 > div.flex.flex-col.flex-wrap.flex-1.items-center.gap-2.md\:flex-row > p.text-sm.text-\[\#6B7280\].w-full.flex-1::after{
  content: "";
  margin-right: 2px;
  display: block;
  width: 14px;
  background: no-repeat;
  background-size: 14px;
  background-position: center right;
  background-image: url("https://files.easy-orders.net/1776093223979196263currency-green.svg");
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div:nth-child(2) > div.ms-10.mt-2.md\:mt-4.rounded-full.bg-\[\#FDE047\].w-fit.px-4.py-1\.5.text-sm.font-bold.text-\[\#1F2937\].shadow-sm{
  position: absolute;
  top: 11px;
  left: 27px;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 7px;
  font-weight: 400;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div:nth-child(3) > div.ms-10.mt-2.md\:mt-4.rounded-full.bg-\[\#FDE047\].w-fit.px-4.py-1\.5.text-sm.font-bold.text-\[\#1F2937\].shadow-sm{
  position: absolute;
  top: 11px;
  left: 31px;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 7px;
  font-weight: 400;
}
.hack-pack-offers{
  border-radius: 0 0 1.5rem 1.5rem !important;
  border-top: none !important;
}



/* Online users */
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.fake_visitors_container.mt-3{
  order: 1;
  margin-top: 0;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.fake_visitors_container.mt-3 > p{
  font-size: 0;
  display: flex;
  align-items: center;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.fake_visitors_container.mt-3 > p::before {
  content: "";
  font-size: 1rem;
  width: 11px;
  height: 11px;
  background: #136b44;
  display: block;
  border-radius: 100%;
  animation: blinkAnimation .8s infinite;

}
@keyframes blinkAnimation {
  0%,100%{
    opacity:1
  }
  50%{
    opacity:0
  }
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.fake_visitors_container.mt-3 > p > span{
  background: transparent;
  color: #156b44;
  font-size: 1.05rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.fake_visitors_container.mt-3 > p > span::after {
  content: " عميل يشاهد المنتج الآن";
  /*color: #4b5563;*/
  font-size: .9rem;
  margin-right: 5px;
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-4.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 > div > div.grid.sm\:grid-cols-3.lg\:grid-cols-4.grid-cols-2.gap-x-3.gap-y-3.md\:gap-x-5.xl\:gap-x-7.xl\:gap-y-5.\32 xl\:gap-y-8.\32 xl\:grid-cols-5.products_grid_container.gap-3.md\:\!gap-5.\32 xl\:grid-cols-4{
  row-gap: .6rem;
  column-gap: .6rem;
}






#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1){
  position: relative;
  display: flex;
  flex-direction: column;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.relative{
  order: 2;
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.mt-5.flex.flex-col.gap-2.lg\:flex-row{
  order: 3
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(1) > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\]{
  margin-top: 0;
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > form > div.total_price_container.mt-2.flex.items-center.justify-between.my-5.md\:my-6{
  padding: 0 1rem;
  position: relative;
  margin-top: .6rem;
  margin-bottom: 4.55rem;
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div > h3 > span.text-gray-900{
  font-size: 0;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div > h3 > span.text-gray-900::before{
  content: "ادخل معلوماتك لإكمال ";
  font-size: 1.3rem;
}

#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5{
  gap: .75rem;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.mb-5.md\:mb-6.flex.items-center.gap-2.rounded-\[10px\].md\:rounded-\[14px\].bg-skin-primary\/10.p-4.px-6.md\:py-5 > h3{
  font-size: 1.3rem;
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > form > div.total_price_container.mt-2.flex.items-center.justify-between.my-5.md\:my-6::after {
  content: "💰 الدفع عند الاستلام - لا حاجة لبطاقة بنكية";
  display: block;
  width: 100%;
  height: 43px;
  line-height: 43px;
  position: absolute;
  bottom: -63px;
  left: 0;
  background: #f0fdf1;
  border-radius: 1rem;
  font-size: 13px;
  color: #166534;
  font-weight: 400;
  text-align: center;
}
#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > form > button::after {
  content: "after";
}

#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div:nth-child(3){
  order: 4
}


#product-id > div.mx-auto.max-w-2xl.py-12.px-2.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8.pt-5.md\:pt-14 > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.product_form_checkout.mt-6.\!p-4.md\:\!p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\]::after{
  content: "🔒 بياناتك محمية - سنتصل بك خلال دقائق لتأكيد الطلب";
  font-family: 'Cairo';
  margin-top: .6rem;
  font-size: 13px;
  color: #166534;
  font-weight: 400;
  display: block;
  text-align: center;
}

#price{
  font-size: 1.7rem;
  line-height: 1.7rem;
  column-gap: .25rem;
  color: #ff3b30;
  text-shadow: 1px 1px 2px rgba(255, 59, 48, .3);
}
#price span{
  color: #ff3b31;
}

footer{
  margin-top: 2rem;
}

.sticky-hidden{
  display:none;
}


/* TODO */
section.fixed.inset-x-5.bottom-2\.5.z-10 {
  
}
#tabs{
  display: none;
}





  .button-menu{
    width: 32.8px;
    height: 32.8px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    top: 73px;
    right: 1rem;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .button-menu:hover{
    opacity: .9;
  }
  .button-menu img{
    width: 43%;
  }

  


#product-id > section{
  display: none;
}
#product-id > section.sticky-visible{
  display: block;
}
#product-id > section > div.bottom-0.w-full.z-50.bg-white.rounded-\[20px\].mb-2\.5.shadow-\[0px_12px_40px_0px_\#7E8BA924\].max-w-6xl.mx-auto{
  margin: 0;
  box-shadow: 0px -3px 10px #00000030;
}
#product-id > section > div.bottom-0.w-full.z-50.bg-white.rounded-\[20px\].mb-2\.5.shadow-\[0px_12px_40px_0px_\#7E8BA924\].max-w-6xl.mx-auto > div > div::before{
  content: "اطلب الان ب";
}
#product-id > section > div.bottom-0.w-full.z-50.bg-white.rounded-\[20px\].mb-2\.5.shadow-\[0px_12px_40px_0px_\#7E8BA924\].max-w-6xl.mx-auto > div > div::after{
  /*content: "فقط";*/
}
#product-id > section > div.bottom-0.w-full.z-50.bg-white.rounded-\[20px\].mb-2\.5.shadow-\[0px_12px_40px_0px_\#7E8BA924\].max-w-6xl.mx-auto > div > div{
  width: 100%;
  height: 56px;
  align-items: center;
  justify-content: center;
  font-family: 'Cairo';
  gap: 0.3rem;
  background: #ffc800;
  font-weight: 900;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
  transition: all .3s ease;
  border-radius: .75rem;
  color: #131316 !important;
  padding: 1rem 0;
  margin: 0;
  position: relative;
  font-size: 1.3rem;
  animation: heartbeat 2s ease-in-out infinite;
}
#product-id > section > div.bottom-0.w-full.z-50.bg-white.rounded-\[20px\].mb-2\.5.shadow-\[0px_12px_40px_0px_\#7E8BA924\].max-w-6xl.mx-auto > div > button{
  display:none;
}


#product-id > section > div.bottom-0.w-full.z-50.bg-white.rounded-\[20px\].mb-2\.5.shadow-\[0px_12px_40px_0px_\#7E8BA924\].max-w-6xl.mx-auto > div > div > div.flex.flex-col.gap-1 > p.text-xl.text-black.flex.items-center.gap-1{
  font-size: 1.4rem;
}
#product-id > section > div.bottom-0.w-full.z-50.bg-white.rounded-\[20px\].mb-2\.5.shadow-\[0px_12px_40px_0px_\#7E8BA924\].max-w-6xl.mx-auto > div > div > div.flex.flex-col.gap-1 > p.text-xl.text-black.flex.items-center.gap-1 > span{
  color: #000000;
}
#product-id > section > div.bottom-0.w-full.z-50.bg-white.rounded-\[20px\].mb-2\.5.shadow-\[0px_12px_40px_0px_\#7E8BA924\].max-w-6xl.mx-auto > div > div > div.flex.flex-col.gap-1 > p.text-xl.text-black.flex.items-center.gap-1 > span > svg{
  width: 21px;
  height: 21px;
}

footer > div{
  padding: 2rem 1rem !important;
}
footer > div > div.lg\:hidden > div.space-y-6.mb-6{
  margin-bottom: 1.3rem;
}
footer > div > div.lg\:hidden > div.space-y-6.mb-6 > div > div{
  margin-top: 1rem;
  font-size: 1rem;
}
footer > div > div.lg\:hidden > div.space-y-6.mb-6 > div > div:nth-child(1){
  margin-top: 0;
}
footer > div > div.lg\:hidden > div:nth-child(2), footer > div > div.lg\:hidden > div:nth-child(3){
  border-top: 1px solid #7f7f7f;
}
div.flex.flex-1.flex-col > footer > div > div.lg\:hidden > div:nth-child(3){
  border-bottom: 1px solid #7f7f7f;
}
footer > div > div.lg\:hidden > div.flex.flex-col.gap-6.mt-6{
  margin-top: 1.3rem;
}
#headlessui-disclosure-button-\:Rkqham\:, #headlessui-disclosure-button-\:Rsqham\:{
  padding: 1.3rem 0;
}
footer h3 {
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}
footer #headlessui-disclosure-panel-\:RkqhamH1\:, footer #headlessui-disclosure-panel-\:RsqhamH1\: {
  padding-bottom: 1.3rem;
  padding-right: 1rem;
}
footer ul{
  font-size: .9rem;
  font-weight: 400;
}
footer ul li{
  margin-top: .6rem;
  font-size: .9rem;
}
footer ul li:first-child{
  margin-top: 0;
}


/* Order Checkout Form - Hack */

div:has(> .deliveryInfo){
  order: 0 !important;
}
.product_form_checkout{
  order: 6
}
div:has( > .faq-section){
  order: 7;
}


#product-id div.product_form_checkout textarea{
  height: 105px;
  border-radius: 1rem;
}
#product-id div.product_form_checkout input{
  border-radius: 1rem;
}



#product-id > section{
  bottom: 0;
  left: 0;
  right: 0;
}
#product-id > section > div{
  border-radius: 0;
}
#product-id > section > div > div {
  padding: 1.3rem 1rem;
}

#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8.hack-stock-quantity-with-prices > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div:nth-child(2) > div.ms-10.mt-2.md\:mt-4.rounded-full.bg-\[\#FDE047\].w-fit.px-4.py-1\.5.text-sm.font-bold.text-\[\#1F2937\].shadow-sm,
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div:nth-child(3) > div.ms-10.mt-2.md\:mt-4.rounded-full.bg-\[\#FDE047\].w-fit.px-4.py-1\.5.text-sm.font-bold.text-\[\#1F2937\].shadow-sm{
  font-family: "Cairo";
}

#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div{
  padding: 1rem 1.8rem !important;
  border-radius: 1.5rem !important;
}
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div > div.flex.justify-between.items-center.gap-3.md\:gap-0{
  gap: .8rem;
}

#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div:nth-child(2) > div.ms-10.mt-2.md\:mt-4.rounded-full.bg-\[\#FDE047\].w-fit.px-4.py-1\.5.text-sm.font-bold.text-\[\#1F2937\].shadow-sm,
#product-id > div > div > div.animate-slideIn.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0.mt-8 > div:nth-child(2) > div:nth-child(3) > div.mt-6.px-2\.5.py-4.md\:p-5.border.border-\[\#E2E2E2\].rounded-2xl.shadow-\[0px_30\.02px_63\.78px_0px_rgba\(102\,127\,168\,0\.07\)\] > div.flex.flex-col.gap-4.md\:gap-5 > div:nth-child(3) > div.ms-10.mt-2.md\:mt-4.rounded-full.bg-\[\#FDE047\].w-fit.px-4.py-1\.5.text-sm.font-bold.text-\[\#1F2937\].shadow-sm{
  left: 1px;
  top: -7px;
  font-weight: 700;
  border-radius: 1.5rem 0;
  padding: 0 .8rem;
  height: 23px;
  line-height: 23px;
}










/** 
  * Home Page
  */
div.flex.flex-1.flex-col > main{
  padding: 2em 1em 0;
}
div.flex.flex-1.flex-col > main > div.content_container:first-child{
  margin-top: 0;
}
div.flex.flex-1.flex-col > main > div.content_container{
  padding: 0;
  margin-top: 2rem;
}
/* Caroussel */
div.flex.flex-1.flex-col > main > div:nth-child(1) > div > div{
  margin-bottom: 0;
  border-radius: 1rem;
}
.home_grid_section_card{
  border-radius: 1.25rem;
}
.home_grid_section_card a div > div{
  border-radius: 1rem;
}
/* Last products */
div.flex.flex-1.flex-col > main > div:nth-child(2) > div > div.animate-slideIn > div{
  margin-bottom: 1.3rem;
}
div.flex.flex-1.flex-col > main > div:nth-child(2) > div > div.animate-slideIn > div > h3 {
  font-size: 1.3rem;
  font-weight: 700;
}
div.flex.flex-1.flex-col > main > div:nth-child(2) > div > div.grid.sm\:grid-cols-3.lg\:grid-cols-4.grid-cols-2.gap-x-3.gap-y-3.md\:gap-x-5.xl\:gap-x-7.xl\:gap-y-5.\32 xl\:gap-y-8.\32 xl\:grid-cols-5.home_products_grid_container.gap-3.md\:\!gap-5.\32 xl\:grid-cols-4 > div > div > a > div.h-full.flex.flex-col.text-center.mt-5.md\:mt-6{
  margin: .6rem .3rem .3rem .3rem;
}
div.flex.flex-1.flex-col > main > div:nth-child(2) > div > div.grid.sm\:grid-cols-3.lg\:grid-cols-4.grid-cols-2.gap-x-3.gap-y-3.md\:gap-x-5.xl\:gap-x-7.xl\:gap-y-5.\32 xl\:gap-y-8.\32 xl\:grid-cols-5.home_products_grid_container.gap-3.md\:\!gap-5.\32 xl\:grid-cols-4 > div > div > a > div.h-full.flex.flex-col.text-center.mt-5.md\:mt-6 h2{
  font-size: 1.05rem;
  line-height: 1.5rem;
}
div.flex.flex-1.flex-col > main > div:nth-child(2) > div > div.grid.sm\:grid-cols-3.lg\:grid-cols-4.grid-cols-2.gap-x-3.gap-y-3.md\:gap-x-5.xl\:gap-x-7.xl\:gap-y-5.\32 xl\:gap-y-8.\32 xl\:grid-cols-5.home_products_grid_container.gap-3.md\:\!gap-5.\32 xl\:grid-cols-4 > div > div > a > div.h-full.flex.flex-col.text-center.mt-5.md\:mt-6 > div{
  margin-bottom: 0;
  justify-content: start;
  gap: .6rem;
  margin-top: .6rem;
}
div.flex.flex-1.flex-col > main > div:nth-child(2) > div > div.grid.sm\:grid-cols-3.lg\:grid-cols-4.grid-cols-2.gap-x-3.gap-y-3.md\:gap-x-5.xl\:gap-x-7.xl\:gap-y-5.\32 xl\:gap-y-8.\32 xl\:grid-cols-5.home_products_grid_container.gap-3.md\:\!gap-5.\32 xl\:grid-cols-4 > div > div > a > div.h-full.flex.flex-col.text-center.mt-5.md\:mt-6 > div > span{
  color: #e85d05;
  font-size: 1.3rem;
  line-height: 1.3rem;
}
div.flex.flex-1.flex-col > main > div:nth-child(2) > div > div.grid.sm\:grid-cols-3.lg\:grid-cols-4.grid-cols-2.gap-x-3.gap-y-3.md\:gap-x-5.xl\:gap-x-7.xl\:gap-y-5.\32 xl\:gap-y-8.\32 xl\:grid-cols-5.home_products_grid_container.gap-3.md\:\!gap-5.\32 xl\:grid-cols-4 > div > div > a > div.h-full.flex.flex-col.text-center.mt-5.md\:mt-6 > div > del{
  opacity: 1;
  color: #9e9e9e;
  font-size: 1rem;
}
div.flex.flex-1.flex-col > main > div:nth-child(2) > div > div.grid.sm\:grid-cols-3.lg\:grid-cols-4.grid-cols-2.gap-x-3.gap-y-3.md\:gap-x-5.xl\:gap-x-7.xl\:gap-y-5.\32 xl\:gap-y-8.\32 xl\:grid-cols-5.home_products_grid_container.gap-3.md\:\!gap-5.\32 xl\:grid-cols-4 > div > div > button{
  display: none;
}
div.flex.flex-1.flex-col > main > div:nth-child(2) > div{
  margin-bottom: 0;
}
/* Categories */
div.flex.flex-1.flex-col > main > div:nth-child(3) > div > div.animate-slideIn.flex.justify-center.items-center.mb-7.md\:mb-10{
  margin-bottom: 1.3rem;
}
div.flex.flex-1.flex-col > main > div:nth-child(3) > div > div.animate-slideIn.flex.justify-center.items-center.mb-7.md\:mb-10 > h3{
  font-size: 1.3rem;
  font-weight: 700;
}
div.flex.flex-1.flex-col > main > div:nth-child(3) > div > div.carouselWrapper.relative.w-full > div > div > div > div > div > div{
  margin-bottom: .6rem;
}
div.flex.flex-1.flex-col > main > div:nth-child(3) > div > div.carouselWrapper.relative.w-full > div > div > div > div > div > div > div > div {
  border-radius: 1.25rem;
}
div.flex.flex-1.flex-col > main > div:nth-child(3) > div > div.carouselWrapper.relative.w-full > div > div > div > div > div > h4{
  font-size: .95rem;
  line-height: 1.3rem;
  color: #4b5563;
}
div.flex.flex-1.flex-col > main > div:nth-child(3) > div{
  margin-bottom: 0 !important;
}
/* Features */
div.flex.flex-1.flex-col > main > div:nth-child(4) > div > div > div.animate-slideIn.css-gdqqbs{
  margin-bottom: 1.3rem;
}
div.flex.flex-1.flex-col > main > div:nth-child(4) > div > div > div.animate-slideIn.css-gdqqbs > h3{
  font-size: 1.3rem;
  font-weight: 700;
}
div.flex.flex-1.flex-col > main > div:nth-child(4) > div > div > div.css-pdin8h > div{
  justify-content: start !important;
  border-radius: 1.25rem;
}
div.flex.flex-1.flex-col > main > div:nth-child(4) > div > div > div.css-pdin8h > div > div.icon-image-container{
  border-radius: 1rem;
}
div.flex.flex-1.flex-col > main > div:nth-child(4) > div > div > div.css-pdin8h > div > div.icon-text-container > p{
  margin-top: .6rem;
  font-weight: 900;
  margin-bottom: .3rem;
  font-size: 1.05rem;
  line-height: 1.5rem;
}
div.flex.flex-1.flex-col > main > div:nth-child(4) > div > div > div.css-pdin8h > div > div.icon-text-container > span{
  font-weight: 400;
  font-size: .95rem;
  color: #4b5563;
}
div.flex.flex-1.flex-col > main > div:nth-child(4) > div > div > div.css-pdin8h > div:nth-child(1) > div.icon-image-container > div > img{
  width: 80%;
  height: 80%;
  margin: 0 auto;
}
div.flex.flex-1.flex-col > main > div:nth-child(4) > div > div > div.css-pdin8h > div:nth-child(4) > div.icon-image-container > div > img{
  width: 75%;
  height: 75%;
  margin: 0 auto;
}
/* FAQ */
div.flex.flex-1.flex-col > main > div:nth-child(5) > div > div > div > div{
  padding: 0
}
div.flex.flex-1.flex-col > main > div:nth-child(5) > div > div > div > div > div{
  margin-top: 0
}







/**
 * Hack Pages CSS
 */
/* Cross Selling Page*/
.is-cross-selling header,
.is-cross-selling .promo-bar,
.is-cross-selling .button-menu,
.is-cross-selling footer,
.is-cross-selling .copyright{
  display: none !important;
}
/* Poduct Page */
.is-product .copyright{
  padding: 1.3rem 1rem 7.363rem;
}
/* Thank You Page */
.is-thank-you .promo-bar,
.is-thank-you .button-menu,
.is-thank-you header > nav > div > div.h-14.flex.items-center > div.ms-4.flow-root.lg\:ms-6{
  display: none;
}



/** 
  * Page Cross Selling
**/
.is-cross-selling{
  background: #fefcf3 !important;
}
.is-cross-selling div.flex.flex-1.flex-col > main{
  padding: 1.5em 1.5rem 0;
}
/* Header */
.is-cross-selling header > nav > div > div.h-14.flex.items-center{
  height: 20px !important;
}
.is-cross-selling header > nav > div > div.h-14.flex.items-center > div.sphinx_header_logo{
  top: -3px !important;
  margin-left: -35px !important;
}
.is-cross-selling header > nav > div > div.h-14.flex.items-center > div.sphinx_header_logo.ms-4 > a > div > img{
  width: 70px !important;
}
/* Message */
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.border-2.rounded-xl.border-dashed.border-skin-primary.p-2{
  position: relative;
  padding: 1.3rem 1rem 0;
  background-color: #fffdfa;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border: 2px dashed #fdc600;
  border-width: 2px 2px 0;
  border-radius: 1.5rem 1.5rem 0 0;
  box-shadow: 0px 0px 10px #a5a5a536;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.border-2.rounded-xl.border-dashed.border-skin-primary.p-2::before{
  content: "عرض خاص قبل تأكيد طلبك";
  font-family: "Cairo";
  background: #ef2935;
  color: #fff;
  border-radius: 25px;
  padding: .6rem 1.1rem;
  font-size: .9rem;
  line-height: .9rem;
  font-weight: 900;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.border-2.rounded-xl.border-dashed.border-skin-primary.p-2 > div > div > h1{
  font-size: 1.3rem;
  line-height: 1.6rem;
  margin-top: 1.3rem;
  margin-bottom: 0;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.border-2.rounded-xl.border-dashed.border-skin-primary.p-2 > div > div > h1 span{
  color: rgb(68 173 85) !important;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.border-2.rounded-xl.border-dashed.border-skin-primary.p-2 > div > div > p{
  font-size: 1rem;
  color: #4b5563;
}
/* Container  */
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative{
  padding: 0 1.5rem;
  background: #fffdfb;
  box-shadow: 0px 12px 10px #a5a5a536;
  border-radius: 0 0 1.5rem 1.5rem;
  margin-bottom: 0;
  border: 2px dashed #fdc600;
  border-width: 0 2px 2px;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8{
  margin-top: 1.3rem;
  margin-bottom: 0;
  padding: 0;
  border-radius: 25px;
}
/* Slider */
.is-cross-selling .swiper{
  border-radius: 1.5rem;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mx-4{
  margin: 0;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mx-4 > div.mt-4.flex.items-center.justify-center.gap-2{
  width: 100%;
  margin: 0;
  justify-content: space-between;
  margin-top: .6em;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mx-4 > div.mt-4.flex.items-center.justify-center.gap-2 > button{
  background: rgb(251 251 251);
  border-radius: 100%;
  padding: 5px;
  border: 1px solid #e8e8e8;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mx-4 > div.mt-4.flex.items-center.justify-center.gap-2 > button svg{
  width: 25px;
  height: 25px;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mx-4 > div.mt-4.flex.items-center.justify-center.gap-2 > span{
  font-size: 1rem;
  width: 100%;
  text-align: center;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mx-4 > div.mt-4.flex.items-center.justify-center.gap-2 > span::before{
  content: "الصورة : ";
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mx-4 > div.swiper.swiper-backface-hidden.swiper-initialized.swiper-horizontal.swiper-autoheight.swiper-rtl.swiper-ios.rounded-xl > div > div{
  min-height: 100px !important;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mx-4 > div.mt-4.flex.items-center.justify-center.gap-2{
  display: none;
}
/* Title, Price, Promtion... and other info */
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0{
  padding: 0;
  margin: .8rem 0 0 0;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.relative > div.flex.items-start > h1{
  margin: 0;
  font-size: 1.1rem !important;
  color: #525455 !important;
  text-align: right;
  line-height: 1.6rem !important;
  font-weight: 700;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div{
  justify-content: center;
}

.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.relative > div.flex.items-center.gap-2\.5.mt-4.md\:mt-5{
  display: none;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\]{
  margin: .8rem 0 0 0;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > div.relative.flex.items-center.gap-x-1.text-\[\#010101\]{
  column-gap: .75rem;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > div.relative.flex.items-center.gap-x-1.text-\[\#010101\]{
  color: #ff3b30;
  text-shadow: 1px 1px 2px rgba(255, 59, 48, .3);
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > div.relative.flex.items-center.gap-x-1.text-\[\#010101\] #sale-price{
  font-size: 1.7rem;
  line-height: 1.7rem;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > div.relative.flex.items-center.gap-x-1.text-\[\#010101\] #sale-price::after{
  content: "";
  display: inline-block;
  margin-right: .25rem;
  width: 20px;
  height: 20px;
  background: no-repeat;
  background-size: 20px;
  background-position: center right;
  background-image: url("https://files.easy-orders.net/1776899957897746809currency-red.svg");
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > div.flex.h-full.items-center.gap-x-1.text-\[\#778399\]{
  color: #9e9e9e;
  font-size: 1.2rem;
  column-gap: .25rem;
  margin-right: -.75rem;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > div.flex.h-full.items-center.gap-x-1.text-\[\#778399\]::before{
  content: "كان ";
  font-family: "Cairo";
  font-size: 14px;
  text-decoration: line-through;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > div.flex.h-full.items-center.gap-x-1.text-\[\#778399\]::after{
  content: "";
  display: inline-block;
  margin-right: -.25rem;
  width: 16px;
  height: 16px;
  background: no-repeat;
  background-size: 16px;
  background-position: center right;
  background-image: url("https://files.easy-orders.net/1776899957894668352currency-grey.svg");
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > div.flex.h-full.items-center.gap-x-1.text-\[\#778399\] > p{
  font-size: 1rem;
  line-height: 1.25rem;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > p{
  margin-right: auto;
  color: #e65100;
  background: linear-gradient(135deg, #fff3e0, #ffe0b2);
  border: 1px solid #ffb74d;
  border-radius: 16px;
  padding: 2px 11px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.relative > div.mt-3.mt-\[14px\].md\:mt-\[17px\] > div > p::before{
  content: "خصم ";
}
/* Description */
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.relative.mt-10.lg\:grid.lg\:grid-cols-2.lg\:items-start.lg\:gap-x-8 > div.mt-10.px-4.sm\:mt-16.sm\:px-0.lg\:mt-0 > div.pt-6.leading-10{
  margin-top: 1.3rem;
  padding: 0;
  display: none;
}
/* Button accept/decline */
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.fixed.bottom-0.left-0.right-0.z-10.w-full.items-center.justify-center.border-t.border-t-gray-200.bg-white.p-3::before{
  content: "📦 يُشحن مع طلبك - مجاناً";
  display: block;
  width: 100%;
  height: 43px;
  line-height: 43px;
  background: #f0fdf1;
  border-radius: 10px;
  font-size: 13px;
  color: #166534;
  font-weight: 400;
  text-align: center;
  margin-bottom: 1rem;
  font-family: 'Cairo';
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.fixed.bottom-0.left-0.right-0.z-10.w-full.items-center.justify-center.border-t.border-t-gray-200.bg-white.p-3{
  margin: 0;
  position: relative;
  border-top: none;
  padding: .8rem 0 .8rem;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.fixed.bottom-0.left-0.right-0.z-10.w-full.items-center.justify-center.border-t.border-t-gray-200.bg-white.p-3 > div{
  gap: .6rem;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.fixed.bottom-0.left-0.right-0.z-10.w-full.items-center.justify-center.border-t.border-t-gray-200.bg-white.p-3 > div > button{
  font-size: 1rem;
  font-family: "Cairo";
  height: 50px;
  align-items: center;
  font-weight: 900;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
  transition: all .3s ease;
  border-radius: .75rem;
  padding: 1rem 0;
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.fixed.bottom-0.left-0.right-0.z-10.w-full.items-center.justify-center.border-t.border-t-gray-200.bg-white.p-3 > div > button:nth-child(1){
  background-color: rgb(253 198 0) !important;
  color: #1a1a1a !important;
  /*animation: heartbeat 2s ease-in-out infinite;*/
}
.is-cross-selling div.flex.flex-1.flex-col > main > div > div.relative > div.fixed.bottom-0.left-0.right-0.z-10.w-full.items-center.justify-center.border-t.border-t-gray-200.bg-white.p-3 > div > button:nth-child(2){
  background-color: transparent !important;
  color: #4b5563 !important;
  box-shadow: none;
  text-decoration: underline;
  font-size: .9rem;
}