body::before {
 content: "بهجة العروسة للإكسسوارات وبديل الذهب";
 z-index: 100000000;
 position: fixed;
 top:0 ;
 left:0;
 font-size: 1.5rem;
 font-weight: bold;
 color: #9C7156 !important;
 padding-top: 28rem; 
 text-align: center;
 }
@media (max-width: 767px) {

 body::before {
 font-size: 1rem;
 padding-top:32rem; 
 }
 body:after {
 background-size: 60% !important;
 }
 .kayan-features.kayan-features-11{
  display: grid !important;
 grid-template-columns: auto auto auto;
 padding: 0 !important;
 margin: 0 !important;
 gap: 0 !important;
 }
 .kayan-features> div > div {
  gap:0 !important;
 }
.kayan-features> div > div > div{
width: 30% !important;
height: 14rem !important;
margin: 0.2rem !important;
padding: 0 !important;
 display:flex !important;
 flex-direction: column ;
justify-content: center !important; 
align-items: center !important;
gap:0.2rem !important;
  
}
.kayan-features> div > div > div >div>i{
font-size: 25px !important;
 }
.kayan-features> div > div > div >div>p{
font-size: 12px !important;
padding: 0.6rem 0;
 }
 .kayan-features> div > div > div >div>h4{
font-size: 14px !important;
 }
 
}

.site-header__logo img {
    max-width: 150px; /* يمكنك تعديل الرقم حسب الرغبة */
    height: auto; /* لضمان الحفاظ على نسبة العرض إلى الارتفاع */
    
}
body {
  font-family: 'Cairo', sans-serif;
}
.footer-links,
.footer-contact {
  font-size: 13px;       /* حجم الخط */
  line-height: 1.6;      /* تباعد السطور */
}

.footer-links h4,
.footer-contact h4 {
  font-size: 15px;       /* حجم العنوان داخل القسم */
  margin-bottom: 8px;
}
.icon-buttons {
  display: flex;
  gap: 8px;
  position: absolute;
  top: -20px; /* يرفع الأيقونات للأعلى */
  left: 0;
}

.icon-buttons .icon {
  background-color: #000; /* خلفية سوداء */
  padding: 8px;
  border-radius: 4px;
  font-size: 14px; /* حجم الأيقونة */
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.icon-buttons .icon:hover {
  background-color: #333;
}
#app > div.app-inner.flex.flex-col.min-h-full > div.custom-bar.w-full.py-5.mb-6.bg-primary.text-white ,
salla-button   .btn--wishlist , 
salla-button .s-social-share-btn {
	background: #f7f5ef !important ;
}
salla-button   .btn--wishlist , 
salla-button .s-social-share-btn {
	color: #9d7053 !important ;
	fill: #9d7053 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > div.custom-bar.w-full.py-5.mb-6.bg-primary.text-white > div > h3{
	display: none;
}
 .olla-sharelike , #app > div.app-inner.flex.flex-col.min-h-full > div.custom-bar.w-full.py-5.mb-6.bg-primary.text-white > div > div{
    position: absolute !important;
    top: 24% !important;
    left:14% !important;
 }
 .kayan-banners img {
		 border-radius: 50% !important;
		  object-fit: cover !important;
  aspect-ratio: 1 / 1; 
}
@media(max-width: 767px){
div.app-inner.flex.flex-col.min-h-full > div.kayan-banners.py-10.overflow-hidden.block.block > div > div.grid.justify-center.items-center.gap-5.w-full.h-full > div{
	width: 7rem !important;
	height: 7rem !important;
}
	div.app-inner.flex.flex-col.min-h-full > div.kayan-banners.py-10.overflow-hidden.block.block > div > div.grid.justify-center.items-center.gap-5.w-full.h-full{
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
	#app > div.app-inner.flex.flex-col.min-h-full > div.kayan-banners.py-10.overflow-hidden.block.block > div > div.justify-center.items-center.gap-5.w-full.h-full > div > a > div > span{
	bottom: 0.8rem !important;
	padding-top: 0.2rem !important;
	padding-bottom: 0.2rem !important;
}
	
}