/* Add custom CSS styles below */ 
img.object-cover.rounded-lg.w-full {
    background-color: black;
}


.hidden.lg\:block.h-full.lg\:w-\[60\%\].xl\:w-\[70\%\].bg-gray-200 {
    background-color: #faf6eb;
}

.footer-wrapper {
    background-color: #8F5E2E !important;
}


.s-block--quick-links .flex {
  flex-wrap: nowrap !important;
  justify-content: center;
}

.s-block--quick-links .quick-link-item {
  flex-shrink: 1 !important;
  min-width: 0;
}

.s-block--quick-links .quick-link-item img {
  width: 100% !important;
  height: auto !important;
}

.s-block--quick-links .quick-link-item div {
  width: clamp(40px, 8vw, 96px) !important;
  height: clamp(40px, 8vw, 96px) !important;
}


@media (max-width: 767px) {
    .s-block--quick-links .container .flex {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* تقسيم العرض لعمودين */
        gap: 15px !important; /* مسافة مناسبة بين الكروت للموبايل */
        justify-items: center !important;
    }
    
    .s-block--quick-links .quick-link-item {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important; /* توسيط النص تحت الصورة */
    }
}