/* =========================================
   FULL STORE – SOFT FADE PREMIUM STYLE
   RAED THEME | Inspired by your palette
========================================= */

:root{
  --fade-1:#EEFAFB;
  --fade-2:#D5EAF6;
  --fade-3:#FDFDFE;
  --blue:#2E6DC4;
  --text:#0E1A2B;
}

/* الخلفية العامة للمتجر */
html, body{
  background:
    radial-gradient(circle at top, #EEFAFB 0%, #FDFDFE 55%),
    radial-gradient(circle at bottom, #D5EAF6 0%, #FDFDFE 60%);
  background-blend-mode: normal;
  color: var(--text);
}

/* كل الأقسام تذوب مع الخلفية */
section,
.s-block,
.page-content,
.container{
  background: transparent !important;
}

/* إزالة أي مربعات مزعجة */
.card, .box, .panel, .widget{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* كروت المنتجات – ناعمة ومتلاشيه */
.product,
.product-card,
.product-item,
.products-grid > *{
  position: relative;
  background: linear-gradient(180deg, #EEFAFB 0%, #D5EAF6 100%) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 40px rgba(46,109,196,.10) !important;
}

/* تلاشي أطراف كروت المنتجات */
.product::after,
.product-card::after,
.product-item::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:26px;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(238,250,251,1) 0%, rgba(238,250,251,0) 20%, rgba(238,250,251,0) 80%, rgba(238,250,251,1) 100%),
    linear-gradient(180deg, rgba(238,250,251,1) 0%, rgba(238,250,251,0) 25%, rgba(238,250,251,0) 75%, rgba(238,250,251,1) 100%);
}

/* صور المنتجات */
.product img,
.product-card img{
  border-radius: 18px !important;
}

/* الأزرار */
button, .btn, .s-button{
  background: linear-gradient(135deg, #2E6DC4, #7196C9) !important;
  border-radius: 18px !important;
  border: 0 !important;
  color:#fff !important;
  box-shadow: 0 10px 25px rgba(46,109,196,.25) !important;
}

/* الهيدر والفوتر */
header, footer{
  background: linear-gradient(180deg, #FDFDFE 0%, #EEFAFB 100%) !important;
  border: 0 !important;
}

/* البنر المتحرك */
.s-block--slider .s-block__content{
  background: linear-gradient(180deg, #EEFAFB 0%, #D5EAF6 100%) !important;
  border-radius: 30px !important;
  padding: 18px !important;
}