/*search filter*/

.screenshielld-filter{
  /* width:100%;
  max-width:900px; */
  margin-top: 2rem;
  margin-inline: auto;
  padding:24px 22px;
  /* background:linear-gradient(135deg,#0f2027,#203a43,#2c5364); */
background: linear-gradient(
  135deg,
  #061f36,
  #0a3760,
  #0f4c81
);

  border-radius:18px;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  direction:rtl;
  color:#fff;
  position:relative;
  overflow:hidden;
}

/* لمعان خفيف */
/* .screenshielld-filter::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.12),transparent 65%);
  transform:translateX(-100%);
  animation:shine 7s infinite;
} */

@keyframes shine{
  to{transform:translateX(100%);}
}

.screenshielld-title{
  font-size:20px;
  font-weight:800;
  margin-bottom:14px;
  text-align:center;
}

.screenshielld-row{
  display:flex;
  gap:12px;
  align-items:center;
}

#screenSizeSelect{
  flex:1;
  padding:13px 14px;
  border-radius:12px;
  border:0;
  font-size:15px;
  background:#fff;
  color:#111;
  outline:none;
}

#screenSizeSelect:focus{
  box-shadow:0 0 0 3px rgba(255,255,255,.35);
}

#screenSearchBtn{
  padding:13px 24px;
  border-radius:12px;
  border:0;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  background:linear-gradient(135deg,#ffd89b,#fcb045);
  color:#000;
  transition:.25s ease;
  box-shadow:0 6px 16px rgba(0,0,0,.25);
  white-space:nowrap;
}

#screenSearchBtn:hover{
  transform:translateY(-2px);
}

#screenSearchBtn:disabled{
  opacity:.5;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

/* ======================
   موبايل
====================== */
@media(max-width:600px){
  .screenshielld-filter{
        width:95%;
    padding:20px 16px;
    border-radius:14px;
  }

  .screenshielld-title{
    font-size:18px;
  }

  .screenshielld-row{
    flex-direction:column;
    gap:10px;
  }

  #screenSizeSelect,
  #screenSearchBtn{
    width:100%;
    font-size:14px;
  }
}
@media (min-width: 640px) {
    .screenshielld-filter {
        margin-top: 4rem;
    }
}
/*end*/

/* Add custom CSS styles below */
/* product image */

@media (max-width: 991px) {
  .salla-products-list .product-card--vertical.product-card--fit-height .product-card__image {
    flex: auto !important;
    height: 12rem;
    max-height: 12rem;
  }
}

@media (max-width: 991px) {
  .salla-products-list .product-card--vertical.product-card--fit-height .product-card__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 42% !important;
  }
}

.special-cats-with-bg .relative .absolute.bg-gray-900 {
  display: none !important;
}

.special-cats-with-bg .relative .absolute.bg-gradient-to-b.from-transparent.to-black {
  display: none !important;
}


.s-block--store-features .relative {
  border-radius: 25px;
  transition: border-color 0.3s ease-in-out;
}

.s-block--store-features .relative:hover {
  border-color: #02335D;
}

.s-block--store-features .relative .absolute {
  border-radius: 50px;
  display: none !important;
}


/* .special-cats-with-bg .relative .relative > .absolute {
  height: 40vh !important;
} */

section[aria-labelledby="collection-heading"] {
  margin-top: -11rem;
}

section[aria-labelledby="collection-heading"] > .grid-cols-3 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 768px) {
  .products-lookbook__gallery {
    display: none !important;
  }


}

.s-block--store-features .container > .block {
  display: flex !important;
  gap: 10px;
}

.s-block--store-features .container > .block > div {
  border: none !important;
  padding: 0px !important;
}

.s-block--store-features .container > .block > div h2 {
  font-size: 1rem !important;
}

.product-single #wa-widget-send-button {
  bottom: 110px;
}

.store-footer__inner,
.store-footer__newsletter {
  border-bottom-width: 1px;
  border-style: dashed;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  --tw-bg-opacity: 1;
  background-color: rgb(2 53 94);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.store-footer__curve {
  --tw-text-opacity: 1;
  color: rgb(2 53 94);
}

.store-footer__contacts-row {
  background-color: rgb(2 53 94);
}

.store-footer {
  background-color: rgb(2 53 94);
}

.text-primary-reverse {
  color: #f0921c;
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(240 146 28);
}

/* animation */

@keyframes rtlSlideOut {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%) !important;
  }
}

.s-product-options-grid-mode {
  margin-bottom: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-items: center;
  gap: 0.5rem;
  flex-direction: column;
}

/* .altumcode .altumcode-coupon-wrapper.notifations {
  top: 160px !important;
} */

.altumcode.altumcode-middle_right {
  top: 375px !important;
}
.product-card__promotion{
top:0px !important;
left:0px !important;
}