/* ─────────────────────────────────────────────
   FONT
───────────────────────────────────────────── */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap");
:root{
  --store-text-primary:#1F567D;
   --footer-bg: #1F567D;
  --footer-text-color: white;
  --second-footer-bg: #1F567D;
  --second-footer-text: white;
}
body,
button,
input,
select,
textarea {
  font-family: "Cairo", sans-serif !important;
}

/* ─────────────────────────────────────────────
   HIDE ORIGINAL SELECTS
   Works in page + modal
───────────────────────────────────────────── */
#option-1504754944,
#option-91945730,
#option-1464277507 {
  display: none !important;
}

/* ─────────────────────────────────────────────
   CARD GROUP
───────────────────────────────────────────── */
.salla-card-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 14px;
  margin-top: 14px;
  width: 100%;
}

/* ─────────────────────────────────────────────
   CARD
───────────────────────────────────────────── */
.salla-opt-card {
  position: relative;
  border: 1.5px solid #e4e9f2;
  border-radius: 18px;
  padding: 18px 16px;
  background: #ffffff;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
  min-height: 110px;
  text-align: start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  user-select: none;
  outline: none;
}

.salla-opt-card:hover {
  border-color: #2d6f7d;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(45, 111, 125, 0.08);
}

.salla-opt-card.active {
  border: 2px solid #2d6f7d;
  background: linear-gradient(180deg, #f8fcfd 0%, #eef7f8 100%);
  box-shadow: 0 12px 30px rgba(45, 111, 125, 0.12);
}

/* ─────────────────────────────────────────────
   CHECK ICON
───────────────────────────────────────────── */
.salla-opt-card.active::after {
  content: "";
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #2d6f7d;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l2.2 2.2L10 2.5' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}

/* ─────────────────────────────────────────────
   CARD CONTENT
───────────────────────────────────────────── */
.salla-opt-card__top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.salla-opt-card__icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 12px;
  background: #f3f7fa;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.salla-opt-card__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.salla-opt-card__content strong {
  font-size: 15px;
  line-height: 1.5;
  color: #111827;
  font-weight: 800;
}

.salla-opt-card__content small {
  font-size: 12px;
  line-height: 1.6;
  color: #6b7280;
  font-weight: 600;
}

.salla-opt-card__price {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(45, 111, 125, 0.08);
  color: #2d6f7d;
  font-size: 12px;
  font-weight: 800;
}

/* ─────────────────────────────────────────────
   PRODUCT OPTION LABELS
───────────────────────────────────────────── */
.s-product-options-option-label {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
}

.s-product-options-option-label b {
  font-size: 16px !important;
  color: #111827 !important;
}

.s-product-options-option-label small {
  color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

/* ─────────────────────────────────────────────
   FILE UPLOAD
───────────────────────────────────────────── */
/* [data-option-id="375075076"]  */
.filepond--root,
/* [data-option-id="375075076"] */
.s-file-upload-wrapper {
  height: auto !important;
  min-height: 220px !important;
  border-radius: 20px !important;
  background: #f8fbff !important;
  border: none !important;
  overflow: hidden !important;
}

/* [data-option-id="375075076"] */
.filepond--panel-root {
  background: #f8fbff !important;
  border: 2px dashed #d3e0ee !important;
  border-radius: 20px !important;
}

/* [data-option-id="375075076"] */
.filepond--panel-top,
/* [data-option-id="375075076"] */
.filepond--panel-center,
/* [data-option-id="375075076"] */
.filepond--panel-bottom {
  background: transparent !important;
  border: none !important;
}

/* [data-option-id="375075076"]  */
.filepond--drop-label {
  min-height: 220px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: #f8fbff !important;
}

/* [data-option-id="375075076"] */
.filepond--drop-label label {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 14px !important;
  cursor: pointer !important;
}

/* [data-option-id="375075076"] */
  .s-product-options-filepond-placeholder-icon
  svg {
  width: 54px !important;
  height: 54px !important;
  fill: #c6abd8 !important;
}

/* [data-option-id="375075076"] */
  .s-product-options-filepond-placeholder-text {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #244c7d !important;
  margin: 0 !important;
}

/* [data-option-id="375075076"]  */
.filepond--label-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1f2937 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 12px 28px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition:
    transform 0.18s ease,
    opacity 0.18s ease !important;
}

/* [data-option-id="375075076"]  */
.filepond--label-action:hover {
  opacity: 0.9 !important;
  transform: translateY(-1px);
}

/* ─────────────────────────────────────────────
   GUIDELINE IMAGE
───────────────────────────────────────────── */
.salla-guidelines-img {
  width: 100%;
  border-radius: 18px;
  margin-top: 16px;
  display: block;
}

/* ─────────────────────────────────────────────
   QUANTITY + ADD TO CART
   PAGE + MODAL
───────────────────────────────────────────── */
form.product-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* wrapper */
salla-add-product-button {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

/* hide quantity label */
.flex.items-start.flex-col > span.mb-2\.5 {
  display: none !important;
}

/* quantity wrapper */
salla-quantity-input .s-quantity-input-container {
  display: flex !important;
  align-items: center !important;
  border: 1px solid #d7dee7 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  height: 50px !important;
  background: #fff !important;
}

/* qty buttons */
salla-quantity-input .s-quantity-input-button {
  width: 44px !important;
  height: 50px !important;
  border: none !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background 0.18s ease !important;
}

salla-quantity-input .s-quantity-input-button:hover {
  background: #f3f4f6 !important;
}

salla-quantity-input .s-quantity-input-button svg {
  width: 15px !important;
  height: 15px !important;
  fill: #111827 !important;
}

/* qty input */
salla-quantity-input .s-quantity-input-input {
  width: 42px !important;
  border: none !important;
  outline: none !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  background: transparent !important;
  -moz-appearance: textfield;
}

.s-quantity-input-input::-webkit-inner-spin-button,
.s-quantity-input-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

/* add to cart */
salla-add-product-button .s-button-element {
  width: 100% !important;
  height: 50px !important;
  border-radius: 14px !important;
  background: #111827 !important;
  border: none !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  transition:
    opacity 0.18s ease,
    transform 0.18s ease !important;
}

salla-add-product-button .s-button-element:hover {
  opacity: 0.92 !important;
  transform: translateY(-1px);
}

/* buy now widget */
salla-add-product-button div:last-child > span {
  display: none !important;
}

/* ─────────────────────────────────────────────
   HIDE UNWANTED BLOCKS
───────────────────────────────────────────── */
.product-options > div:nth-child(2) {
  display: none !important;
}

.s-product-options-option-container:nth-child(1) {
  display: none !important;
}

/* ─────────────────────────────────────────────
   MOBILE
───────────────────────────────────────────── */
@media (max-width: 640px) {
  .salla-card-group {
    grid-template-columns: 1fr;
  }

  .salla-opt-card {
    min-height: auto;
  }

  salla-add-product-button {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  salla-quantity-input {
    width: 100%;
  }

  salla-quantity-input .s-quantity-input-container {
    width: 100%;
    justify-content: space-between;
  }
}
/* #main-content .s-product-options-option-container:nth-child(1){
  display: block !important;
} */
.s-product-options-option-container:nth-child(1){
  display: block !important;
}
.salla-opt-card__content{
  align-items: center;
}
.salla-opt-card__top{
 flex-direction: column;
  align-items: center;
}
.salla-card-group--language{
  grid-template-columns:  1fr 1fr !important;
}
.attachments .form-label{
  display: none !important;
}
.filepond--root .image-container{
 display: none !important; 
}
.filepond--root .image-container img{
  position: relative;
  z-index: 999;
      width: 100%;
    border-radius: 16px;
    display: block;
    object-fit: contain;
    height: 200px;
    margin-top: 12px;
}
.filepond--root .image-container button{
    position: relative;
  z-index: 9999;
}
[data-option-id="375075076"] .filepond--root, [data-option-id="375075076"] .s-file-upload-wrapper{
 overflow: visible !important; 
}
.s-product-options-option label{
  grid-column: span 3 !important;
}
.s-product-options-option .s-product-options-option-content{
  grid-column: span 3 !important;

}

.border-primary{
  position: relative;
  width: 300px;
}
.border-primary::after{
  content: '';
  position: absolute;
  background-color: white;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  border-radius: 50%;
}
.border-primary::before{
  content: '';
  position: absolute;
  border: 1px solid #1F567D;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  border-radius: 50%;
  z-index: 999;
}
.s-block--compare{
 background-color: var(--store-text-primary);
  padding: 20px;
}
.s-block--compare h2{
  color: white !important;
}
.s-block--compare .border-primary{
  border-color:white !important;
}

.s-block--compare .border-primary::after{
  content: '';
  position: absolute;
  background-color: #1F567D;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  border-radius: 50%;
}
.s-block--compare .border-primary::before{
  content: '';
  position: absolute;
  border: 1px solid white;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  border-radius: 50%;
  z-index: 999;
}
.s-block--compare figure img{
  max-height: 700px !important;
}
.s-block--about h3 , 
.s-block--about h2 ,
.s-block--about p{
  color: white !important;
}
.s-block--about:nth-child(11) h3 , 
.s-block--about:nth-child(11) h2 ,
.s-block--about:nth-child(11) p{
color: var(--store-text-primary) !important;
  opacity: 1 !important;
  
}
.store-footer > svg{
  display: none !important;
}
.store-footer {
  margin-top: 25px !important;
}

.store-footer__inner .container > div:first-child > div:first-of-type {
  display: none !important;
}
.store-footer__inner {
  background: var(--footer-bg) !important;
}
.s-block--fixed-banner:first-child .container {
  max-width: 100%;
}

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

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

.store-footer__contacts-row{
 border: none !important; 
}
.s-block--compare .enhanced-title-border{
  border-color: white !important;
}
.s-block--compare .enhanced-title-border::after{
  background: white !important;
}
.s-block--compare .enhanced-title-border::before{
  background: white !important;
  
}
.filepond--root, .s-file-upload-wrapper{
  overflow: visible !important;
}
.s-block--custom-products .product-card__addToCart.mobile{
 display: none !important; 
}

.s-block--enhanced-features__item:nth-child(2), .s-block--enhanced-features__item:nth-child(3)
  {
    grid-column: span 1  !important;
  }
@media(max-width:768px){
  .s-block--enhanced-features__item:nth-child(2), .s-block--enhanced-features__item:nth-child(3)
  {
    grid-column: span 2  !important;
  }
}
.brand-description {
  text-align: start;
  line-height: 2;
}

.brand-description p {
  margin-bottom: 10px;
  font-size: 16px;
  color: #245782;
}

.s-block--about:nth-child(11) h3 {
  font-size: 48px;
  font-weight: 700;
  color: #245782;
  text-align: start;
  line-height: 1;
}
@media(max-width:768px){
  .s-block--about:nth-child(11) h3 {
  margin-top:20px !important;
  }
}
.s-block--about:nth-child(11) .container img.lazy.loaded{
  transform:scale(1.09) !important;
}
.custom-compare-layout{
 flex-direction: row-reverse; 
}
img-comparison-slider{
 max-width: 750px !important;  
}
@media(min-width:768px){
  
.s-block--square-links .swiper-wrapper{
  justify-content: center !important;
}
}
.product-card__addToCart.mobile{
  display: none !important;
}
.banners-slider .container{
 display: flex; 
  flex-direction: column;
}
.banners-slider .container .home-block-title{
  order: -1 !important;
}
.s-block--about.container{
  max-width:  100% !important;
}
@media(max-width:768px){
.brand-description p br{
  display: none !important;
}
  .brand-description p{
    text-align: start;
  }
}
@media(max-width:500px){
  .banners-slider--8 h2{
    font-size: 28px !important;
  }
}
@media(max-width:400px){
  .banners-slider--8 h2{
    font-size: 24px !important;
  }
}
@media(max-width:460px){
   /* .product-card>div>a{
         height: 177px !important;
   } */
  .product-card__title a{
    font-size: 10px !important;
  }
}