.flex-col{
background-color : #fff
}

.sm\:gap-8 {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 عناصر في كل صف في الهاتف */
    gap: 8px; /* نفس تأثير sm:gap-8 في Tailwind */
}

@media (min-width: 1024px) { /* عند عرض 1024px أو أكثر (وضع الكمبيوتر) */
    .sm\:gap-8 {
        grid-template-columns: repeat(6, 1fr); /* 6 عناصر في كل صف */
    }
}

.sm\:gap-8 > * {
    width: 100%; /* السماح للعناصر بالتكيف مع عرض العمود */
    height: 210px; /* يمكن تعديله حسب الحاجة */
    background-color: #fff; /* لون تجريبي */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}


.s-block__title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #23223f;
    font-size: 17px !important;
    font-weight: 700!important;
    line-height: 34px !important;
    border-radius: 14px;
    height: 32px;
    background: #172432;
    z-index: 0;
    position: relative;
    width: calc(100% - 70px);
    right: 35px;
}

.s-block__title h2 {
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
}
.store-footer__inner {
    background: #172432;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 99px;
}
.md\:flex {
    background-color: #0f1925;
}

.s-block--features.enhanced-store .s-block--features__item,.main-nav-container{
background-color : #172432
}
.s-block--features.enhanced-store .s-block--features__item{
color : #fff
}
.main-nav-container .s-search-input,.s-search-icon svg {
    display: none;
}
.store-footer__inner {
    background: #172432; /* تحديد لون الخلفية (يمكن تغييره حسب الحاجة) */
    border-top-left-radius: 50px; /* الزاوية الدائرية من الأعلى على اليسار */
    border-top-right-radius: 50px; /* الزاوية الدائرية من الأعلى على اليمين */
    padding: 20px; /* مسافة داخلية (يمكنك تعديلها حسب الحاجة) */
}
.store-footer__inner{
color : #fff
}

.md\:flex{
background-color : #172432
}
.header-btn__icon{
background-color : #fff
}
.s-cart-summary-total{
color: #fff
}
.sm\:gap-8 {
    border: none; /* إخفاء الإطار */
}
.lazy__bg.loaded {
    border: 0px solid #ffffff; /* تحديد الإطار بلون أزرق، 2px عرض */
}
.md\:grid-cols-2 {
    border: none; /* إخفاء الإطار */
    border-radius: 0; /* إزالة الزوايا الدائرية */
}


.md\:flex-row{
    background-color: #fff
}

.s-button-element:not(:disabled):not([loading]){
    background-color:#172432
}
.s-button-element:not(:disabled):not([loading]){
    color : #fff
      }
      
      
      
.main-menu li>a{
color : #fff
}

.center-between{
color:#fff
}
.menu-is-open #mobile-menu{
background-color : #0D1A2B
}
.main-nav-container .s-search-input,.s-search-icon svg {
    display: none;
}
.main-nav-container {
    min-height: 100px;
}
.s-block--features.enhanced-store .s-block--features__item{
    background: #162546;
    border: 0;
}
.s-block--features.enhanced-store .s-block--features__item{
    color : #fff;
    border: 0;
}

.grid {
    display: grid;
}
.grid-flow-row {
    grid-auto-flow: row;
}
.gap-3 {
    gap: 0.75rem;
}




.lazy__bg.loaded {
    opacity: 1;
}
.lazy__bg {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}



.s-block__title h2 {
  transform: translateX(-10px); /* تحريك العنصر 10 بكسل إلى اليسار */
}

.md\:grid-cols-2,.gap-3,.grid-flow-row {
  border: 2px solid white; /* إضافة حواف بيضاء */
}
.store-footer .s-contacts-icon{
    background: #0a1622;
    padding: 10px;
    border-radius: 10px;
}
.main-nav-container {
    padding-bottom: -11rem;
}

.rounded-md {
    border-radius: 1.375rem;
}



.py-16  {
    padding-top: 4rem;  /* يعادل py-16 */
    padding-bottom: 4rem; /* يعادل py-16 */
    border-radius: 50px;  /* زوايا دائرية */
}

.store-footer{
    background-color:#172432
}



.page-header{
background-color: #ffffff;
    background-image: url();
    color: #172432;
}
.page-header {
    position: relative;
    height: 6rem;
    flex-direction: column;
    gap: 0.75rem;
}
.text-4xl {
    font-size: 1rem;
    line-height: 2.5rem;
}

.store-footer__inner {
    background: #172432; /* تحديد لون الخلفية (يمكن تغييره حسب الحاجة) */
    border-top-left-radius: 20px; /* الزاوية الدائرية من الأعلى على اليسار */
    border-top-right-radius: 20px; /* الزاوية الدائرية من الأعلى على اليمين */
    padding: 10px; /* مسافة داخلية (يمكنك تعديلها حسب الحاجة) */
}



.store-footer{
    background-color:#ffffff
}





.product-index .product-entry--cat .product-entry__image img {
    width: 120%;  /* تكبير بنسبة 120% */
    height: auto; /* الحفاظ على التناسب */
    object-fit: contain; /* يضمن ظهور الصورة كاملة بدون قص */
}

[dir="rtl"] .product-entry--horizontal .product-entry__image{
    border: none;
}
.product-entry:not(.product-entry--coupon) {
    border: 4px solid #172532;
    border-radius: 15px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2); /* ظل خفيف */
}
.product-index .product-entry--cat [type=checkbox]{
    background-color: #172432
}
.product-entry__image img.loaded{
    background-color: #fff
}
.product-index .product-entry--cat .product-entry__image img {
    transform: scale(1.9); /* تكبير بنسبة 50% */
    transition: transform 0.2s shadow-vibrate;
}
.md\:flex {
    background-color: #0f1925;
}


 .main-nav-container {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.main-nav-container {
    padding-bottom: 1rem;
}

.store-footer {
    border-top-left-radius: 30px;  /* زاوية دائرية أعلى اليسار */
    border-top-right-radius: 30px; /* زاوية دائرية أعلى اليمين */
    background-color: #172432;  /* لون الخلفية (اختياري) */
    padding: 20px; /* تباعد داخلي (اختياري) */
}
.md\:flex {
    border-top-left-radius: 15px;  /* زاوية دائرية أعلى اليسار */
    border-top-right-radius: 15px; /* زاوية دائرية أعلى اليمين */
    background-color: #121d29;  /* لون الخلفية (اختياري) */
    padding: 20px; /* تباعد داخلي (اختياري) */
}


.md\:flex {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #ffffff;
    padding: 20px;
}


[dir="rtl"] .s-add-product-button-mini-checkout-content{
    color: #000
}