/* added by Kasim for carousel*/
.zpsection {
    padding-block-start: 2px;
    padding-block-end: 2px;
    
}

.zpelement {
    margin-block-start:0px;
}

.zpcarousel-container .zpcarousel-content-container .zpcarousel-content .zpcarousel-content-inner {
    padding-inline-start: 5px;
    padding-inline-end: 5px;
}



/* cat button size and space*/
.zpbutton-size-md {
    font-size: 12px;
    padding-block-start: 4px;
    padding-block-end: 4px;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    border-radius: 8px;
}


@media (max-width: 991px) {
    [data-layout-type=filmstrip].zpfilmstrip .zpfilmstrip-title-container, [data-filmstrip-enabled].zpfilmstrip .zpfilmstrip-title-container {
        padding-top: 10px;
    }
}
/* add to cart btn in cat flimstrip*/
.theme-product-list-style-08 .theme-product-button-area a.zpbutton.zpbutton-type-primary.zpbutton-size-sm {
   border-radius: 8px;
}
/* cat button size and space*/

[data-zs-product-id] .theme-product-image-area img {
    max-block-size: 100%;
    max-inline-size: 100%;
    flex: 0 0 auto;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* filmstrip cat in mobile*/
.zs-filmstrip-row.zpr

.zpbutton.zpbutton-type-primary.zpbutton-size-md, button.zpbutton-type-primary.zpbutton-size-md, input.zpbutton-type-primary.zpbutton-size-md[type=submit], input.zpbutton-type-primary.zpbutton-size-md[type=button] {
    background: #0f8a1d;
}

/*rounded corner for products and other images */
* {
  
    border-radius: 10px;
}

@media(max-width:425px){
   .zs-custom-carousel-section [data-element-type="carousel"] .zpcarousel-content-container {
       min-height: 240px !important
   }
}


.za-phone-container > div {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr 0.4fr;
}

.za-phone-container select {
  grid-row: 1;
  border-right: none;
}

.za-phone-container input {
  grid-column: 2 / 6;
  grid-row: 1;
}

.za-phone-container > div > div {
	grid-column: 1 / 6;
}

@media(max-width: 768px) {
.zs-filmstrip-row .zpfilmstrip .zprow {
 width: 100% !important;
 flex-wrap: nowrap;
 overflow: scroll;
}
.zpfilmstrip .theme-prod-box[data-zs-product-id]{
width: 50% !important;
min-width: 50% !important;
}
 }