/* Add custom CSS styles below */

/* START OF CSS STYLE CODE BY NUSSUQ.COM */


/* ====== GENERAL ====== */

.s-block__title, .s-slider-block__title {justify-content: center;}

[dir=rtl] .s-block__title .right-side, [dir=rtl] .s-slider-block__title .right-side {padding: 0;text-align: center;}


/* ====== HEADER ====== */

.top-navbar {display:none}

.menu-trigger i {color:#fff}

/*.header-search {display:none}*/

.s-cart-summary-content {display:none}

.navbar-brand img {max-height:4rem !important;height: 4rem !important;margin-right:5px;margin-bottom:0 !important;}

[dir=rtl] .header-btn__icon.icon {margin-left:0}

.dark #app .s-search-input {background-color:#202020; color:#fff !important}

.s-search-product-price {color:#fff !important}


@media only screen and (min-width: 1025px){

.main-menu li a, .main-menu li a span {font-size:1rem !important}

.main-menu li a:hover, .main-menu li a:hover span {color:#6dcbfd}

}


@media (max-width: 992px){

.store-header .main-nav-container {padding-top:10px !important;padding-bottom:10px !important; min-height:160px !important}

}



/* ====== MAIN BANNER ====== */


.s-block.s-block--fixed-banner.wide-placeholder {margin-top:0 !important}


.s-block.s-block--fixed-banner.wide-placeholder .container {padding-left:5px;padding-right:5px}


.banner--fixed img {border-radius: 30px !important;}


/* ====== SLIDER ====== */


.index .s-block.s-block--photos-slider {margin-top:0}


.index salla-slider.photos-slider .swiper {padding-bottom: 1.5rem;margin-bottom:.5rem !important}


.index salla-slider .swiper-pagination-bullet-active {background-color:#fff !important}


.index salla-slider .swiper-pagination-bullet {background:#fff !important}


.index .s-block.s-block--photos-slider img {border-radius:20px}


/* ======= SAWA SETION ====== */


.index .s-block--categories .slide--cat-entry h4 {font-size: 1rem;font-weight: 500;color: #fff;text-align: right !important;}


.index .s-block--categories .slide--cat-entry p {opacity:1;text-align: right !important;}


/* ====== QUESTIONS ====== */


.questions-details{width: 80%;margin: auto;border-radius:2.5rem; border:none;}


.btn--accordion {padding: 1.25rem;background: #ffffff10;}


.s-block--questions .accordion-container.is-opened .btn--accordion, .accordion-details p {background:#ffffff10}


[dir=rtl] .s-block--questions .accordion-container{border-right:none !important; }


.btn--accordion h2.text-lg{font-weight:700!important;}


.questions-details .py-5 {

color: #ffffff;

font-weight: 400 !important;

padding: 5px 12px 5px 5px;

display: flex;

justify-content: space-between;

align-items: center;

background: #cccccc20;

border-right: 7px solid #ffd226;

}

.questions-details {border-radius: 15px;}


/* ====== PRODUCTS ====== */

.s-block__title h2, .s-slider-block__title h2 {font-size: 1.25rem;color: #1691d1;line-height: 1.25rem;margin-bottom: 0;}


.s-block__title p, .s-slider-block__title p {font-size: 31px;line-height: 2.75rem;color:#fff !important;opacity:1;font-weight: 700;margin-bottom:.5rem}


.dark .product-entry {border:none}


.product-entry--vertical .product-entry__image {background-color: #1691d1 !important;border-radius: 1.5rem;}


.product-entry__image a img {border-radius: 20px}


.product-entry__image img.loaded {height: 100%;}


.btn--main--gray button{background-color:#148ecf!important;}


/*.product-entry--vertical .product-entry__content {padding:1rem 0}


.product-entry__content button.add-all-to-card{background: #1691d1;opacity: 1;color: #fff;border:none;}*/


.s-block--enhaced-fixed-products .btn--main span span:nth-child(1) {display:none !important;color:#000 !important}


.s-block--enhaced-fixed-products .btn--main span span:nth-child(2)::before{


content:"عرض كل البطاقات";font-family: 'DINNextLTArabic-Regular-Medium' !important;color:#1691d1; font-weight:600;}


.s-block--enhaced-fixed-products .s-button-element:not(:disabled):not([loading]) {border: 1px solid #1691d1 !important;background-color:transparent !important;opacity:1 !important;}


.s-block--enhaced-fixed-products .s-button-element:not(:disabled):not([loading]):hover{background-color:#1691d1 !important;opacity:1 !important;}


.s-block--enhaced-fixed-products .s-button-element:not(:disabled):not([loading]):hover .sicon-arrow-up-left:before{color:#000 !important;}


.s-block__title salla-button{display:none ;}


.product-index .s-products-list-wrapper{display: grid !important;grid-template-columns: repeat(5,minmax(0,1fr)) !important;}


.sale-price,.regular-price{font-size: 14px!important;}


.s-products-list-wrapper.s-products-list-vertical-cards {grid-template-columns: repeat(5,minmax(0,1fr));}


.s-button-element:not(:disabled):not([loading]):not(.btn--delete) {border: 1px solid #1691d1;padding: 10px !important;}


.hide-btn-arrow-in-mobile .btn--main .icon {display: block !important;font-size: 15px;}


.product-entry__content a:hover {color:#1691d1}


.dark .product-entry__image .card-shape {display:none}


.index .btn--main--gray button {display:none}

.index .product-entry--vertical .product-entry__content {display:none}


.product-entry--vertical .product-entry__content button {background-color:#1691d1 !important; color:#fff}


@media (max-width: 768px){

.s-products-list-wrapper.s-products-list-vertical-cards {grid-template-columns: repeat(3,1fr) !important;}

.product-entry:nth-child(odd):last-child {grid-column: unset;}

.product-entry__image {min-height:unset}

}


#enhaced-fixed-products-1 .product-entry.product-entry--vertical:nth-child(1) {order:6}


#enhaced-fixed-products-1 .product-entry.product-entry--vertical:nth-child(2) {order:3}


#enhaced-fixed-products-1 .product-entry.product-entry--vertical:nth-child(3) {order:2}


#enhaced-fixed-products-1 .product-entry.product-entry--vertical:nth-child(4) {order:8}


#enhaced-fixed-products-1 .product-entry.product-entry--vertical:nth-child(5) {order:7}


#enhaced-fixed-products-1 .product-entry.product-entry--vertical:nth-child(6) {order:4}


#enhaced-fixed-products-1 .product-entry.product-entry--vertical:nth-child(7) {order:5}


#enhaced-fixed-products-1 .product-entry.product-entry--vertical:nth-child(8) {order:6}


#enhaced-fixed-products-1 .product-entry.product-entry--vertical:nth-child(9) {order:7}


#enhaced-fixed-products-1 .product-entry.product-entry--vertical:nth-child(10) {order:1}



/* ====== FEATURES ====== */


.s-block--features.cards-view .s-block--features__item img {width:8rem;height:8rem}


.index .s-block--features.cards-view {display:none}


/* ====== FOOTER ====== */


.store-footer {text-align:right}


.store-footer .navbar-brand {flex-direction:column;margin:0}


.store-footer .navbar-brand h2.font-bold {display: none;}


.store-footer .navbar-brand div {margin-right:0 !important}


.store-footer .navbar-brand img {margin-bottom:0;max-height:5rem !important;height:5rem !important}


.store-footer {font-size:1.1rem !important}


.store-footer h3 {font-size:1rem !important;color: #fff;border:none !important;padding-right:0}


.store-footer .navbar-brand h2, .store-footer a {font-size:1.1rem !important}


.store-footer .navbar-brand h2.font-normal {display:none}


@media screen and (max-width:991px){


.store-footer__inner .container {text-align:center;justify-content:center}


.store-footer__inner .container a.mb-5.flex.items-center.text-sm.leading-none {justify-content:center}

.store-footer .s-contacts-list {align-items:center}


}


/* ====== CATEGORY ====== */

.product-index .page-title-bar h1, .product-index .page-title-bar {display:none}

.breadcrumbs ol {justify-content: flex-start;}

.breadcrumbs ol span, .breadcrumbs ol a {color:#fff}

.s-infinite-scroll-error {display:none}

.product-index .container.my-10 {background: #232324;padding-top: 2rem;border-radius: 40px 40px 0 0 !important;margin-top:1rem}


.product-index .product-block.product-entry.product-entry--cat.product-entry--horizontal.product-entry--fit-type {background-color: hsla(220,3%,66%,.3);border: 1px solid #fff;}


.product-index .product-entry--cat [type=checkbox] {background-color: transparent !important;border-color: #fff;}


.product-index .product-entry__content a {font-size:1rem !important}


/*.product-index .product-entry__content label {display:none}*/


.product-index .sale-price, .product-index .regular-price {font-size: 1rem !important;color: #6dcbfd !important;}


.product-index .cat-col img {max-width:100%;object-fit: cover;margin:auto;max-height:100%;border-radius:5px !important}


.product-index .product-entry--vertical .product-entry__image {background-color:transparent !important;margin:0;border:none}


.product-index .product-entry__image .card-shape {display:none}


.product-index .page-title-bar {border:none !important;margin-bottom:0 !important}


.product-index .page-title-bar h1 {font-size: 1.8rem;width: 100%;text-align: right;margin-bottom: 0;margin-top: -1rem;padding-left:0}


.product-index .category-description {display: flex;justify-content: flex-start;text-align: center;gap: 2rem;margin: 1rem auto 2rem;border-bottom: 2px solid #333;padding-bottom: 2rem;}


.product-index .category-description .cat-feature {display: flex;flex-direction: row;align-items: center;gap: 5px;}


.product-index .product-entry--vertical .product-entry__content {align-items:center}


.product-index .s-slider-block__title h2 {font-size: 1.5rem;margin-bottom: 1rem;}


.product-index .product-entry--vertical .text-info {text-align:center}


.product-index .s-products-slider-card .product-entry__image a img {width:100%}


.product-index .s-products-slider-card a {font-size:1.1rem !important}


.product-index .s-products-slider-card .btn--main button .s-button-text {color: #6dcbfd;font-weight: 700;line-height: 2;}


.product-index .product-entry--cat {gap: 1rem;padding: 1rem !important;border-radius:12px}


.product-index .sub-categories ul .selected-cat-item span {border-radius: 15px;}


.product-index .product-entry__content .text-info {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(1, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;}


.product-index .product-entry__content .text-info div.flex.h-6.items-center {grid-area: 1 / 1 / 1 / 1;width: fit-content;}


.product-index .product-entry__content .text-info a {grid-area: 1 / 1 / 2 / 3; margin-right: 2rem;width:auto;cursor: unset;}


.product-index #index-products-list[source-value="1755510303"] .product-entry__content label {position:relative;}


.product-index .product-entry__content .text-info div.price-wrapper {grid-area: 2 / 1 / 3 / 3;text-align:center}


.product-index .product-entry__content [type='checkbox']:checked, [type='checkbox']:checked, [type='radio']:checked:hover, [type='radio']:checked:focus {background-color: #1691d1 !important;border-color:#1691d1 !important}


.product-index .product-entry__content label {position:absolute;top:0;bottom:0;right:0;left:0;font-size:0}


.product-index .product-entry__content label:focus {border: 10px solid green !important}


.product-index .product-entry--cat .promotion-badge-wrap {left:5px !important;top:5px;border-radius:8px}


.product-index salla-products-slider[block-title="بطاقات مقترحة لك"] {display:none}



/* ====== LOGIN ====== */


.s-login-modal-enter-button.s-button-element.s-button-btn {background-color: #1691d1 !important;color:#fff;animation: animate-pulse 3s linear infinite;}


.s-user-menu-trigger {padding:0 !important}


@media screen and (max-width:991px){


.store-footer .s-user-menu a {justify-content:center}


}


.store-footer .s-user-menu a svg, .dark .main-nav-container .s-user-menu-dropdown-item a svg {fill:#fff}


/* ====== CART ====== */


.cart button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {background-color: #1691d1 !important;animation: animate-pulse 3s linear infinite;}


.btn--delete.s-button-danger {border:none !important;padding:0 !important}


.btn--delete.s-button-danger .s-button-text {color:#fff !important}


.cart button.btn--coupon {background: #1691d1;}


.cart .cart-item a:has(img), .cart .cart-item .space-y-1 h3 a {pointer-events: none;}


@media (max-width: 992px){


/* ====== HEADER ====== */


#mainnav .flex.items-center.gap-4 {gap:0}


.main-nav-container {min-height:0!important;padding-bottom:0 !important;padding-top:0}


/* ====== QUESTIONS ====== */


.btn--accordion h2.text-lg{font-size:16px;}


.questions-details{width: 100%;}


.accordion-details p {opacity:1}


.product-entry__content a{font-size:1.25rem !important;}


/* ====== PRODUCTS ====== */

.product-index .s-products-list-wrapper{display: grid !important;grid-template-columns: repeat(2,minmax(0,1fr)) !important;}


.s-products-list-wrapper.s-products-list-vertical-cards {grid-template-columns: repeat(2,minmax(0,1fr));}



/* ====== FEATURES ====== */

.s-block--features.enhanced-store {margin-bottom:2rem}

.s-block--features.enhanced-store:before {content:'لماذا نحن؟'; display:block; font-size: 31px;line-height: 2.75rem;color: #fff !important;opacity: 1;font-weight: 700;margin-bottom: 1.5rem; text-align:center}

.s-block--features.enhanced-store .flex {flex-direction:row}

.s-block--features.enhanced-store .s-block--features__item {flex-direction:column; border:none; border-radius:0; padding:0}

.s-block--features__item .feature-icon {border-radius:0}

.s-block--features__item .feature-icon span.absolute {display:none}

.s-block--features__item .feature-icon .flex {border-radius: 0; width: 75%; height: 75%; background-color:transparent !important}

.details h4, .details p {text-align:center !important}

.details p {font-size:.9rem}


/* ====== CATEGORY ====== */

.product-index .cat-col img {max-width:90px;object-fit: cover;margin:auto;max-height:90px;border-radius:5px !important}


.product-index .page-title-bar {border:none !important}


.product-index .page-title-bar h1 {text-align: center;margin-bottom: 1rem;}


.product-index .category-description {justify-content: center;text-align: center;}


.product-index .category-description .cat-feature {flex-direction: column;}


}



/* ====== PRODUCT PAGE ====== */

.product-index .product-entry--cat .product-entry__image,.product-index .product-entry--cat .product-entry__image {display: none;}


.product-index .page-title-bar .items-center{display: none;}


span[id=cat-1261920786]{display: none !important;}


.product-index input[name=selected-cat]:checked+span,:is(.dark .product-index .selected-cat-item>span):hover,.product-index input[name=selected-cat]:checked+span,.product-index .selected-cat-item>span:hover{background:#1691d1 !important; border:none;}


.page-title-bar .flex{display:none;}


.product-single .s-button-wrap.hydrated .s-button-element:not(:disabled):not([loading]) .s-button-text {color:#fff !important}


.product-single .s-button-wrap.hydrated .s-button-element:not(:disabled):not([loading]) {background-color:#1691d1 !important}


.product-single a#btn-show-more {background: #f1cc16;border-radius: 25px;padding: 4px 12px;margin-top: 1rem;}



/* ====== SIDEBAR ====== */


#mobile-menu .navbar-brand {padding-bottom:0}


#mobile-menu .navbar-brand img {max-height:6rem !important;height:6rem !important}



/* ====== PRODUCTS PAGE ====== */

#index-products-list:has(custom-salla-product-card[id="180320037"]) custom-salla-product-card {display:flex !important; align-items:flex-start; flex-direction:column}

#index-products-list:has(custom-salla-product-card[id="180320037"]) .product-entry__image {display:block; padding:0; background-color:transparent;height: 9rem; width: 100%; border:none}

#index-products-list:has(custom-salla-product-card[id="180320037"]) .product-entry__image img {min-height:unset}

#index-products-list:has(custom-salla-product-card[id="180320037"]) .product-entry__content label {position: relative;}


/* ====== PRODUCT CATEGORY ====== */

.product-index:has(.s-products-list[source-value="1768518843"]) .product-entry__image {height:12rem !important}

.product-index:has(.s-products-list[source-value="1768518843"]) .product-entry__image img {object-fit: cover; border-radius: 0;}

.product-index:has(.s-products-list[source-value="1768518843"]) custom-salla-product-card {padding:0 !important}

.product-index:has(.s-products-list[source-value="1768518843"]) .product-entry__content {padding:10px}


@keyframes animate-pulse{


0%{box-shadow: 0 0 0 0 rgba(22, 145, 209,0.7), 0 0 0 0 rgba(22, 145, 209,0.7);}


40%{box-shadow: 0 0 0 10px rgba(22, 145, 209,0.0), 0 0 0 0 rgba(22, 145, 209,0.7);}


80%{box-shadow: 0 0 0 10px rgba(22, 145, 209,0.0), 0 0 0 10px rgba(22, 145, 209,0);}


100%{box-shadow: 0 0 0 0 rgba(22, 145, 209,0.0), 0 0 0 10px rgba(22, 145, 209,0);}


}