@import url('https://fonts.googleapis.com/css2?family=Zain:wght@400;800&display=swap');
html{font-family: "Zain", sans-serif;font-size: 20px;}
header { border-radius: 0; background: transparent; box-shadow: none; }
nav.top{background: transparent; z-index: 2; position: relative;}
nav.top .login{ display:none; } /* إخفاء الدخول */
section.splide{position: relative; top: -150px;margin-bottom:-145px; z-index: 1;padding:0 !important;}
.splide__track{border-radius: 0;}
.splide__slide img { height: 90vh !important; margin: 0; border-radius: 0; width: 100vw; max-width: none; }
.splide [floatingimg] { width: auto; height: 30vmin !important; min-height: auto !important; }
.splide ad { bottom: 0;top: 100%; }
.splide ad p { background: #a31c24; color: #fff; }
.splide ad h2 { color: #fff; font-weight: normal; } 
li.is-active ad { top: 130px; }
.splide__pagination__page::after { height: 3px;background:rgba(0,0,0,0.3); }
.splide__pagination__page.is-active::after { background: var(--imp_btn_color); height: 5px; }
.splide__progress__bar{background:var(--imp_btn_color);}
.home_start {text-align: center;}
.home_start slid { display: block; align-items: center; display: flex; flex-direction: column; }
.home_start slid { margin-bottom: 15px; align-items: start; display: flex;overflow: hidden; position: relative; max-width: none; }
slid .pagebox { margin: auto; }
.home_start .page_view { background: transparent; box-shadow: none; /*padding: 40px;*/ width: 100%; flex-grow: 1; }
.home_start .pagebox { width: 1200px; max-width: 100%; } 
.home_start .title{text-align: right; padding: 20px 26px; margin: 0; font-size: 30px; margin-top: 250px;}
.home_start .pageinner{ min-height:60vh; align-items: start; display: flex; flex-wrap: wrap; }
footer about { width: 100% !important; }
logo { height: 80px; width: 80px; float: none !important; margin: 0 auto !important; background-color: #fff; background-size: 90%; background-position: center; border-radius: 100%; margin-top: -10px; }
opencart > i:after { content: 'shopping_bag'; }
opencart num { top: 50%; right: 50%; transform: translateX(50%); margin: 0; }
.cardsuspended { width: 270px !important; }
.cardsuspended i{display:none;}
.title,h1,h2,h3,h4,h5,h6 { color: #a12528; }
footer warp { width: 1200px; margin: auto; display: block; max-width: 100%; }
.cardslider>li{font-size:28px;}
.cardslider>li i{font-size:2em;}
.posts post hint, .posts post h3 { padding: 4px; }
.posts picture img { height:250px !important; }
.latestposts .thumb {width: auto;} 
.posts post hint { font-size: 15px; text-align: justify; }
/*.splide__slide{transition: all 0.5s;}*/
.cardslider>li,.page_view{ background-image: url(https://sanabelalshahed.sa/media/storage/bg_deco.svg); background-size: cover; background-position: 80% 40%; background-repeat: no-repeat;background-color: #e9e2d8; }
.splide__arrow { background: var(--link_color); color: #fff !important; }
.splide__arrow svg { fill: #fff; }
figure.image { padding: 0px;margin-bottom: 10px; } figure.image >img { margin-bottom: -12px;border-radius: 9px; }
.prodcats li { flex-basis: 30%; border-radius: 100%; background: #00000005; box-shadow: none; white-space: nowrap; aspect-ratio: 1 / 1; align-items: center; display: flex ; justify-content: center;flex-direction: column; justify-content: center; }
.prodcats > li img { width: 100% !important; height: auto; }
.prodcats > li:hover{background-image: url(https://sanabelalshahed.sa/media/storage/svgs/cycle.svg?v1); background-repeat: no-repeat; background-size: 100%; background-position: center;}
/*.posts_list::before { content: ''; position: absolute; left: -180px; top: -110px; z-index: 9; background: url(https://sanabelalshahed.sa/media/editor/1732880578.webp); width: 220px; aspect-ratio: 1 / 1; background-size: contain; background-repeat: no-repeat; animation: tremble 40s linear 1s infinite normal forwards running; }*/
.home_start slid::after,.pages_view::after { content: ''; position: absolute; left: -180px; background: #a12528; border-radius: 60px 100px 100px 115px; width: 250px; height: 270px; transform: rotate(45deg);z-index: -2; }
.pages_view::before, .main > slid::before { background: red; content: ''; width: 150px; height: 150px; position: absolute; left: 10px; z-index: 9; background: url(https://sanabelalshahed.sa/media/editor/1732880578.webp); width: 220px; aspect-ratio: 1 / 1; background-size: contain; background-repeat: no-repeat; animation: tremble 40s linear 1s infinite normal forwards running;z-index: -1; }
/*.main > div, .main > slid{ position:relative; }*/     
.pages_view::before,.main > slid::before{top:90px;}.pages_view::after,.main > slid::after{top:0;} .pages_view::before{position:reletave;} 
.pages_view:nth-child(even)::before,.main > slid:nth-child(even)::before{right: 20px; left: auto;}
.pages_view:nth-child(even)::after,.main > slid:nth-child(even)::after{right: -180px; left: auto;}
.pages_view:nth-child(8)::before, .main > slid:nth-child(8)::before
{background-image: url(https://sanabelalshahed.sa/media/editor/1732878627.webp);} /* الصور العائمة  */
.pages_view:nth-child(9)::before, .main > slid:nth-child(9)::before
{background-image: url(https://sanabelalshahed.sa/media/editor/1732879049.webp);}
.pages_view:nth-child(10)::before, .main > slid:nth-child(10)::before
{background-image: url(https://sanabelalshahed.sa/media/editor/1732880597.webp);}
footer { background: transparent; box-shadow: none; color: #fff; border: 0; position: relative; }
socials { background: transparent; border: 0; box-shadow: none; text-align: center; margin: 150px auto 70px; color: #fff !important; }
socials wrap { width: auto; display: inline-flex; gap: 16px; justify-content: center;flex-wrap: wrap; }
footer::before { content: ''; background: url(https://sanabelalshahed.sa/media/storage/svgs/cybg.svg); background-size: cover; background-position:top center;display: block; width: auto; position: absolute; z-index: -1; top: -250px; right: 0; left: 0; bottom: -100px; }
socials a { color: #fff; }
footer .favicon { box-shadow: none; background: #fff; border-radius: 100%; }
product price,add2cart,product [ico="local_shipping"] { display:none !important; }
.products_list .search { width: 48%;max-width: 150px; }
prodlist, .prodlist{justify-content: center;}
.products_list product { background: transparent; box-shadow: none; }
.products_list product img{ border-radius: 30px; box-shadow: var(--shdow); }
@media(min-width: 901px){/*P*/
  .top_menu box>ul { padding: 4px; width: auto; background: #eeebe6; border-radius: 10px; box-shadow: none ; margin: 0 10px; }
  .pl_head { width: 30%; float: right; }
  .latestposts .posts { width: 70%; float: left;padding-right: 50px !important; padding-left: 50px !important; }
  .latestposts .grid_posts>* { width: 33.33% !important; background: transparent !important; box-shadow: none; flex-basis: 33.33%; }
  .splide__arrow--next { right: 8%; }
  .splide__arrow--prev { right: 20%; }
  .pl_head>* { text-align: right; padding: 0 10px; }
  .latestposts .posts.splide__track::after { content: ''; display: block; background: linear-gradient(-90deg, transparent, var(--bg_color) 50%); width: 70px; height: 100%; position: absolute; z-index: 2; left: 0; top: 0; }
  .latestposts .posts.splide__track::before { content: ''; display: block; background: linear-gradient(90deg, transparent, var(--bg_color) 50%); width: 70px; height: 100%; position: absolute; z-index: 2; right: 0; }
  more { position: absolute; right: 10px; bottom: 20px;width: 28%;}
  more a{font-size: 28px;width: 100%; }
  .posts_list.wide { max-width: min(1200px, 100%);position:relative; }
  .grid_posts{align-items: flex-start;}
}
@media(max-width: 901px){/*M*/
  .prodcats li { flex-basis: 45%; }
  logo {float: none !important;}
  .top_menu_icon { position: absolute; background: #ffffffb3; line-height: 0.6; box-shadow:none;right: 17px; font-size: 35px; }
  .posts_list{position: relative;}
  .posts_list::before { right: -20px; width: 140px; top: -50px; }
  .main>div,.main>slid{position: relative; overflow: hidden;}
  figure.image { width: 100% !important; }
}