/* Add custom CSS styles below */ 
body{
  /* background-color:#ecc5cc !important; */
}
.loading-screen
{
  background-color:#ecc5cc !important;
}


/* ================================
   PREMIUM FOOTER DESIGN
================================ */

/* الخلفية العامة */
.store-footer {
    background: linear-gradient(180deg,#f1d6db 0%, #e7bcc4 100%) !important;
    padding-top: 60px;
    padding-bottom: 10px;
    position: relative;
}

/* تأثير طبقة ناعمة */
.store-footer::before {
    content:"";
    position:absolute;
    inset:0;
    background: radial-gradient(circle at top right, rgba(255,255,255,0.35), transparent 60%);
    pointer-events:none;
}

/* العناوين */
.store-footer h3 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 20px;
    position: relative;
}

/* خط زخرفي أنيق */
.store-footer h3::after {
    content:"";
    display:block;
    width: 40px;
    height: 2px;
    background: #000;
    opacity:.15;
    margin-top:8px;
}

/* الروابط */
.store-footer a {
    color:#000;
    transition:.3s ease;
    text-decoration:none;
}

.store-footer a:hover {
    color:#fff;
    transform: translateX(-6px);
}

/* قائمة الروابط */
.s-menu-footer-item {
    display:block;
    margin-bottom:12px;
    opacity:.85;
    font-size:14px;
}

/* معلومات التواصل */
.s-contacts-item {
    margin-bottom:12px;
    font-size:14px;
    opacity:.9;
}

/* ================= SOCIAL ================= */

.s-social-list {
    gap:10px;
}

.s-social-icon {
    background: rgba(255,255,255,0.35);
    border-radius:50%;
    padding:9px;
    backdrop-filter: blur(6px);
    transition:.35s;
}

.s-social-icon:hover {
    background:#fff;
    transform: translateY(-4px) scale(1.08);
    box-shadow:0 6px 16px rgba(0,0,0,0.15);
}

/* ================= TRUST BADGE ================= */

.s-trust-badges-wrapper {
    background: rgba(255,255,255,0.35);
    border-radius:14px;
    padding:10px 14px;
    backdrop-filter: blur(8px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    margin-top:18px;
}

/* ================= LOGO ================= */

.store-footer img {
    transition:.4s;
}

.store-footer img:hover {
    transform: scale(1.05);
}

/* ================= BOTTOM AREA ================= */

.store-footer .border-t-2 {
    border-color: rgba(255,255,255,0.5) !important;
    margin-top: 40px;
}

/* الحقوق */
.copyright-text {
    font-size: 13px;
    opacity:.75;
}

/* وسائل الدفع */
.s-payments-list img {
    filter: grayscale(100%);
    opacity:.75;
    transition:.35s;
}

.s-payments-list img:hover {
    filter:none;
    opacity:1;
    transform: scale(1.15);
}

/* ================= RESPONSIVE ================= */

/* شاشات كبيرة */
@media (min-width:1200px){
    .store-footer .container {
        max-width: 1150px;
    }
}

/* تابلت */
@media (max-width:992px){
    .store-footer {
        padding-top:45px;
    }
}

/* موبايل */
@media (max-width:768px){

    .store-footer {
        text-align:center;
        padding-top:35px;
    }

    .store-footer h3::after {
        margin-left:auto;
        margin-right:auto;
    }

    .s-social-list {
        justify-content:center;
    }

    .s-trust-badges-wrapper {
        margin-left:auto;
        margin-right:auto;
    }

    .s-contacts-list {
        align-items:center;
    }
}


/*============================*/

.product-tabs-head{
  display:flex;
  gap:24px;
  border-bottom:1px solid #eee;
  margin:40px 0 20px;
}

.product-tabs-head .tab-btn{
  background:none;
  border:0;
  padding:12px 0;
  cursor:pointer;
  font-size:16px;
  color:#777;
  position:relative;
}

.product-tabs-head .tab-btn.active{
  color:#000;
  font-weight:600;
}

.product-tabs-head .tab-btn.active::after{
  content:'';
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:2px;
  background:#000;
}

.product-tab-panel{display:none}
.product-tab-panel.active{display:block}

.desc-content{
  max-height:180px;
  overflow:hidden;
  transition:max-height .3s ease;
  position:relative;
}

.desc-content.expanded{
  max-height:2000px;
}

.desc-readmore-btn{
  display:block;
  margin:16px auto 0;
  background:none;
  border:0;
  cursor:pointer;
  font-size:14px;
  color:#666;
}

.desc-readmore-btn:hover{
  text-decoration:underline;
}
.product-tabs-wrap
{
  padding-right: 15px;
   padding-left: 15px;
}
/*===================================  */
/*=============زر عرض المزيد===================  */
.desc-readmore-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:18px auto 0;
  background:none;
  border:0;
  cursor:pointer;
  font-size:14px;
  font-weight:600;
  color:#6b7280; 
}

.desc-readmore-btn::after{
  content:'›';
  font-size:16px;
  transition:transform .25s ease;
}

.desc-readmore-btn:hover{
  text-decoration:underline;
}

.desc-readmore-btn.expanded::after{
  transform:rotate(90deg);
}
.desc-readmore-btn{
  display:flex;
  justify-content:center;   
  width:100%;
}

.desc-readmore-btn{
  margin:0;
}

/*==============================  */
/*==============fade============  */
.desc-content::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:60px;
  background:linear-gradient(
    to bottom,
    rgba(255,255,255,0),
    #fff
  );
  pointer-events:none;
  transition:opacity .3s ease;
}

.desc-content.expanded::after{
  opacity:0;
}


/* ====== 4 Columns Footer Layout ====== */
@media (min-width:1024px){

.store-footer .container.grid{
    grid-template-columns: repeat(4, 1fr) !important;
    align-items: start;
}

/* العمود الأول */
.store-footer .lg\:col-span-2{
    grid-column: span 1 !important;
}

/* إخفاء السوشيال من العمود الأول */
.store-footer .lg\:col-span-2 .s-social-list{
    display:none !important;
}

/* إنشاء عمود رابع */
.store-footer::after{
    content:"";
    display:block;
}

.store-footer .container.grid::after{
    content: "";
}

/* إظهار السوشيال كعمود مستقل */
.store-footer .s-social-list{
    display:flex !important;
    gap:10px;
}

/* محاذاة السجل التجاري */
.store-footer .s-trust-badges-wrapper{
    margin-top:15px;
}

}

/* حل نهائي لمشكلة توزيع الفوتر */

/* إخفاء apps icons في الديسكتوب */
@media (min-width:1024px){
  salla-apps-icons{
    display:none !important;
  }
}

/* جعل الأعمدة 4 متساوية */
@media (min-width:1024px){
.store-footer .container.grid{
    grid-template-columns: repeat(4, 1fr) !important;
}
.store-footer .lg\:col-span-2{
    grid-column: span 1 !important;
}
}

/* استهداف رابط الشعار فقط داخل الفوتر */
.store-footer a[href="https://mary-alsokarylondon.com/"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
}
.store-footer .footer-logo-link{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}