/* Add custom CSS styles below */ 
#main-content  .image-side img {
  aspect-ratio: unset !important;
}
/* أول بانر */
#main-content > section.kesra-main-banner:first-of-type {
  border-radius: 0 0 50px 0 !important;
  overflow: hidden !important;
}

/* آخر بانر */
#main-content > section.kesra-main-banner:not(:first-of-type),#main-content .s-after-related .kesra-main-banner {
  border-radius: 50px 0 0 0 !important;
  overflow: hidden !important;
  height: 70vh !important;
}
#main-content .s-after-related .kesra-main-banner{
  
}

#main-content > section.kesra-main-banner:not(:first-of-type) .animate-bounce ,#main-content .s-after-related .kesra-main-banner .animate-bounce{
  display: none !important;
}
#main-content .s-after-related .kesra-main-banner span{
  display: none  ;
}
#main-content > section.kesra-main-banner:not(:first-of-type) .container {
  margin-top: 0 !important;
}
#main-content > section.kesra-main-banner:not(:first-of-type) .container a:not(:first-of-type),#main-content .s-after-related .kesra-main-banner .container a:not(:first-of-type){
  display: none !important;
}
#main-content .s-after-related .kesra-main-banner .container a{
  background-color:#D5AB43  !important;
  color: white !important;
}
#main-content .s-after-related .kesra-main-banner .container a:hover{
  background-color:white !important;
  color: #D5AB43  !important;
}
#main-content > section.kesra-main-banner .relative.z-10 > div.flex a:first-child:hover{
  color: #D5AB43 !important;
}
.s-block--bundle-problem-solution [component-name="problem-solution"] {
  padding: 50px 0;
}
.s-block--bundle-split-quad-features  .image-side img{
  box-shadow: none;
}
.kesra-main-banner .container a{
  border-radius: 50px; 
}
.s-block--bundle-what-you-get [component-name="what-you-get"] h2::after{
  display: none !important;
}
salla-breadcrumb.hydrated {
    color: #7c7092;
}
.kesra-main-content .s-quantity-input-container .s-quantity-input-input{
  color: #000 !important;
}
.s-quantity-input-container, section.s-block.s-block--bundle-what-you-get .card {
    border: 1px solid #eee !important;
}
section.s-block.s-block--bundle-what-you-get .card{ 
  box-sizing: border-box !important;
}
h1, section h2, h3, h4, h5, h6{ 
font-family: var(--font-family) !important;
}
.section-title{
  font-family: 'DIN Next LT Arabic', 'Noto Sans Arabic', sans-serif !important;

}
body.cart .s-product-options-grid-mode-span{
  color: #767676;
}
input.s-quantity-input-input {
    color: #4c3270;
}


/* ══ Hero Title — Logo + Padding ══ */
.kesra-main-banner h1 {
    padding-top: 100px;
    position: relative;
    width: 100% !important;
    max-width: 100%;
}

.kesra-main-banner h1::before {


content: ''; display: block; width: 140px; height: 80px; background-image: url('https://cdn.files.salla.network/products/1731571607/7667ab74-d8fe-4d3f-807c-399147a4d662-original.webp'); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 20px; left: 50%; transform: translateX(-50%);
}

/* ── Mobile ── */
@media (max-width: 768px) {
  .kesra-main-banner h1 {
    padding-top:75px;
  }

  .kesra-main-banner h1::before {
    width: 100px;
    height: 60px;
    top: 16px;
  }
}

body.product-single .s-product-options-wrapper .s-form-control{
  color: #000 !important;
    border-color: #eee !important;
}