:root {
    --font-main: 'almarai';
    --color-primary: #77bed4;
    --bg-primary: #ffffff;
    --bg-secondary: #ffffff;
    --header-bg: #ffffff;
    --header-text-color: #111827;
    --store-text-primary: #111827;
    --store-text-secondary: #4b5563;
    --product-bg: #ffffff;
    --color-primary-dark: #000000;
    --color-primary-light: #262626;
    --color-primary-reverse: #cccccc;
    --product-image-height: 17rem;
    --product-border-color: #eeeeee;
    --product-enhanced-btn-bg: #ffffff;
    --product-enhanced-btn-color: var(--color-primary);
    --products-per-row: 4;
    --footer-bg: #77bed4;
    --footer-text-color: #ffffff;
    --bottom-footer-bg: #77bed4;
    --countdown-bg: #f3f4f6;
    --countdown-color: #111827;
    --countdown-border-color: #f3f4f6;
    --bottom-nav-bg: #ffffff;
    --bottom-nav-text-color: #111827;
    --wa-btn-bg: #22c55e;
    --wa-btn-text-color: #ffffff;
}
.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\] {
    --tw-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    --tw-shadow-colored: 0px 2px 5px 0px var(--tw-shadow-color), 0px 1px 1px 0px var(--tw-shadow-color);
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
    background: #77bed4;
}
p.leading-6.text-sm.mb-2.mt-2\.5.md\:mt-4.text-store-text-primary{color:white;}
.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
    background: #77bed4;
}
.s-button-primary-outline {
    fill: #414042;
    fill: var(--color-primary);
    color: #414042;
    color: #ffffff;
}
.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 10%;
}
img.lazy.loaded {
    opacity: 1;
    transform: scale(1);
    border-radius: 4%;
}
s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
    background: #77bed4;
    border-radius: 10%;
}
a.btn.group.bg-primary.text-primary-reverse.h-12.\!px-6.mt-8.gap-2.\!rounded-none{
    border-radius: 10%;

}
.product-single__inner .btn-tab, .product-single__inner .s-button-btn, .product-single__inner .s-quantity-input-container, .product-single__inner .s-quick-order-container, .product-single__inner .s-form-control, .product-single__inner .s-product-options-thumbnails-wrapper label, .product-single__inner .s-button-icon, .product-single__inner .s-social-share-list, .product-single__inner .s-comment-form-input {
    border-radius: 20px !important;
}

.s-product-options-wrapper, .s-quantity-input-input, .s-quantity-input-button svg, .product-single .product-features-item {
    background-color: var(--bg-primary);
    fill: var(--store-text-primary);
    color: var(--store-text-primary);
    border-radius: 20px;
}
.s-fast-checkout-button {
    display: flex
;
    align-items: center;
    justify-content: center;
    height: var(--salla-fast-checkout-button-height);
    width: var(--salla-fast-checkout-button-width);
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: none;
    font-family: 'PingARLT';
    gap: 5px;
    direction: ltr;
    border-width: 1px;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-primary-reverse);
}
.s-add-product-button-main .s-add-product-button-mini-checkout {
    --salla-fast-checkout-button-border-radius: 20px;
    --salla-fast-checkout-button-height: 100%;
}

/*---------------------للنجوم--------------*/
/* أنماط النجوم */
.product-rating {
  display: flex;
  align-items: center;
}

.stars {
  display: flex;
}

.star {
  font-size: 2em;
  color: #fbbf24; /* لون النجوم */
  margin-right: 5px;
}


.rating-count {
  font-size: 1.3em;
  color: #333;
  margin-right: 10px;
  
  }
  
@media (max-width: 460px) {
  .rating-count {
    font-size: 0.7rem;
    margin-right: 0.5px;
  }
  .star {
  font-size: 1em;
  color: #fbbf24; /* لون النجوم */
  margin-right: 0px;
}
}