/* Add custom CSS styles below */ 

#details-slider-319495439 .s-slider-container {
  border-radius: 30px !important;
  padding: 10px;
}

#details-slider-319495439 .s-price-range-currency, .s-rating-stars-reviews {
    color: var(--store-text-secondary);
    font-size: 12px;
}

.s-rating-stars-medium svg {
    height: 1rem;
    width: 10px;
}

/*
#details-slider-319495439 .s-slider-container {
  border-radius: 25px !important;
}
*/

.product-single--full-bleed-mobile .product-single__main-media .details-slider, .product-single--full-bleed-mobile .product-single__main-media img {
  border-radius: 15px !important;
}

.s-slider-thumbs .s-slider-thumbs-container .swiper-slide.swiper-slide-thumb-active:after {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: #b1730a;
    border-radius: 15px !important;
}

.s-slider-vertical .s-slider-thumbs-container .swiper-slide {
  border-radius: 15px !important;
  height: 80px;
  width: 80px !important;
  border-color: #ffffff00 !important;
  padding-top: -10px !important;
  
  
}
.product-single__tax-note{
  display: none;
}
.inventory-content flex-grow shrink-0 {
  display: none !important;
}

.s-breadcrumb-wrapper {
    /* display: flex; */
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: none;
}

.breadcrumbs{
  display: none !important;
}

.gomla__offer-radio:checked + label .gomla__custom-radio::after {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #0068ff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

[data-bundle-id="2783"].gomla__volume-discount-container .gomla__offer-label {
    color: #F7F7F7;
    background-color: #22397E;
    padding: 2px 10px 2px 10px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 400;
}
.gomla__custom-radio {
    width: 22px;
    height: 22px;
    border: 1.5px solid #cdc8bf;
    border-radius: 50%;
    display: grid;
    position: relative;
    margin-inline-end: 0.5rem;
    cursor: pointer;
    transition: border-color 0.15s;
    flex: none;
}
.gomla__offer-radio:checked + label .gomla__custom-radio {
    border-color: #0068ff;
    background-color: #f3f3f3;
}

[data-bundle-id="2783"].gomla__volume-discount-container .gomla__offer-container:has(.gomla__offer-radio:checked) .gomla__offer, [data-bundle-id="2783"].gomla__volume-discount-container .gomla__offer.selected, #gomla__volume-discount-container[data-bundle-id="2783"] .gomla__offer-container:has(.gomla__offer-radio:checked) .gomla__offer, #gomla__volume-discount-container[data-bundle-id="2783"] .gomla__offer.selected {
    border: 3px solid #f7f7f7 !important;
    background-color: #f7f7f7 !important;
    box-shadow: 0 6px 18px #0000001f;
}

.s-block:not(:first-child):not(.products-lookbook):not(.s-block--splitter) {
    contain-intrinsic-size: auto 500px;
    contain-intrinsic-size: auto var(--block-intrinsic-height, 500px);
    content-visibility: auto;
    MARGIN-TOP: 0px;
}
.hero-card {
    position: relative;
    width: 100%;
    max-width: var(--card-max-width, 100%);
    margin-inline: auto;
    background-color: var(--card-bg, #F1F2F3);
    padding-inline: var(--card-padding-inline, 20px);
    padding-top: var(--card-padding-top, 60px);
    padding-bottom: var(--card-padding-bottom, 24px);
    border-radius: var(--card-border-radius, 12px);
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: var(--content-gap, 12px);
    overflow: hidden;
    box-sizing: border-box;
    font-family: var(--font-family-main, 'Tajawal'), sans-serif;
    margin-bottom: 30px !important;
}

.htv--highlight .home-block-title h2 {
    background: linear-gradient(to top, 
color-mix(in srgb, #0076ff 25%, transparent) 42%, transparent 42%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    color: #000000;
    padding: 0 7px;
}

@media (max-width: 640px) {
    .is-sticky-product-bar .sticky-product-bar {
      position: unset !important;
    }
}

@media (max-width: 640px) {
    .is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input .s-quantity-input-container {
        width: 100%;
        border-radius: 30px !important;
    }
}

.product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn {
    max-height: 1000px;
    border-radius: 40px !important;
    background: #0088ff;
    font-size: 20px;
    font-weight: 600;
    padding: 18p !important;
    color: #ffffff;
}

@media (max-width: 991px) {
    .product-more-info .more-tab-container .more-info-tabs__nav-link.active {
        color: var(--color-primary-reverse);
        display: none;
    }
}

@media (max-width: 991px) {
    .product-more-info .more-tab-container .more-info-tabs__nav-link {
        align-items: center;
        background: #0062dc;
        color: var(--color-primary-reverse);
        display: flex;
        font-size: 16px;
        font-weight: 400;
        justify-content: space-between;
        padding: 10px 20px;
        border-radius: 30px;
    }
}

.product-card__content {
    padding: 0;
    position: relative;
    text-align: center;
}

:is(.gomla__addon-bundle-container-3969, [data-gomla-addon-bundle-id="3969"]) .gomla__product-card--vertical .gomla__product-card__checkbox {
    position: absolute;
    top: 8px;
    inset-inline-start: 8px;
    z-index: 1;
    border-radius: 50px;
}

:is(.gomla__addon-bundle-container-3969, [data-gomla-addon-bundle-id="3969"]) .gomla__product-card__checkbox.checked {
    background-color: #0068ff !important;
    border-color: #0068ff !important;
}

@media (max-width: 640px) {
    .is-sticky-product-bar .sticky-product-bar salla-add-product-button button {
        border: 1px solid #0088ff;
    }
}
.s-product-options-grid-mode-span {
    background-color: #e4dfdf;
    border-color: #e9eaed;
    color: var(--store-text-primary);
    border-radius: 30px !important;
    font-size: 14px;
    font-weight: 700;
}

.s-product-options-grid-mode input:checked+div, .s-product-options-grid-mode-span:hover {
    background-color: #c8baaf;
    border-color: #dcd4ce;
    color: #41362e;
}

[dir=rtl] .cart-drawer.animate-in .cart-drawer-item {
    animation-name: selia-cart-item-in-rtl;
    border-radius: 30px !important;
}

:is(.gomla__addon-bundle-container-3969, [data-gomla-addon-bundle-id="3969"]) .gomla__product-card--vertical .gomla__product-card__image {
    width: 100%;
    height: auto;
    aspect-ratio: auto !important;
}
.shadow-\[rgba\(50\2c _50\2c _105\2c _0\.15\)_0px_2px_5px_0px\2c _rgba\(0\2c _0\2c _0\2c _0\.05\)_0px_1px_1px_0px\]{
  border-radius: 30px !important;
  
}

.htv--highlight .home-block-title h2 {
    font-weight: 550;
    padding-bottom: 15px !important;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    color: #000000;
    padding: 0 15px;
    background: #ffffff;
    font-size: 25px !important;
}

.s-block--rectangular-links:not(.free_aspect_ratio) img {
    aspect-ratio: 8 / 3;
    border-radius: 20px;
}

section[component-id="935765461"] {
  
    --mobile-row-items: 1 !important;
    --desktop-row-items: 4;
}

section[component-id="935765461"] {
  --category-image-size: 90%; /* حجم الصور */
  --category-gap: 10px;      /* المسافة بين الصفوف */
}

section[component-id="935765461"] .rectangular-links__image-wrap {
  width: var(--category-image-size) !important;
  margin-inline: auto;
}

section[component-id="935765461"] .rectangular-links__image-wrap img {
  width: 100%;
  height: auto;
}

section[component-id="935765461"] .rectangular-list {
  row-gap: var(--category-gap) !important;
}