/* Auto-generated merged frontend common CSS (Phase 2) */
/* Sources: theme/public.bundle.css + theme/hotfix.css */

body{
  direction:rtl
}
.system-direction{
  direction:rtl
}
.site-menu ul ul ul{
  right:100%
}
.site-menu ul li a{
  border-left:solid 1px #3a5269
}
.site-menu-float ul ul{
  width:95%;
  padding-right:5%
}
html{
  box-sizing:border-box
}
*{
  box-sizing:inherit
}
body{
  background:#f0f0f0;
  font-weight:bold;
  margin:0;
  position:relative;
  font-family:HelveticaNeue,Arial,sans-serif
}
.flex-row,.site,.form-unit,.app_option,.pages ul,.content-caption,.site-menu ul{
  display:-webkit-flex;
  -webkit-flex-direction:row;
  -webkit-flex-wrap:wrap;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap
}
.flex-row-reverse{
  display:-webkit-flex;
  /* Safari */ -webkit-flex-direction:row-reverse;
  /* Safari 6.1+*/ -webkit-flex-wrap:wrap;
  /* Safari 6.1+*/ display:flex;
  flex-direction:row-reverse;
  flex-wrap:wrap
}
body a{
  color:#c0392b;
  text-decoration:none
}
body a:hover{
  color:#d03e2f
}
#center{
  max-width:1180px;
  margin:10px auto
}
.header-wrapper-background{
  background:#2c3e4f;
  border-top:6px solid #c0392b
}
.header{
  max-width:1180px;
  margin:auto
}
.header-logo{
  background:#2c3e4f;
  padding:6px;
  text-align:center;
  position:relative;
  height:60px
}
.header-logo #image-lc{
  max-width:96%;
  max-height:80px;
  position:absolute;
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  -webkit-box-sizing:border-box;
  /* Safari/Chrome,other WebKit */ -moz-box-sizing:border-box;
  /* Firefox,other Gecko */ box-sizing:border-box
}
.header-logo #image-sc{
  max-width:100%;
  max-height:80px
}
.toolbar-option{
  background:#fff;
  padding:8px 10px;
  box-sizing:border-box;
  box-shadow:0px 0px 2px #b5b5b5
}
.toolbar-option-wrapper{
  max-width:1180px;
  margin:auto
}
.toolbar-option-separator{
  height:10px
}
.footer-wrapper{
  background:#2c3e4f;
  padding:10px 0
}
footer{
  display:block;
  text-align:center;
  max-width:1180px;
  margin:auto;
  color:#ffffff;
  padding:10px;
  line-height:1.5;
  background:#3a5269
}
footer a{
  color:#ffffff
}
footer a:hover{
  color:#ffffff;
  opacity:.8
}
.site-content img{
  max-width:100%
}
.right{
  float:right
}
.left{
  float:left
}
.text-right{
  text-align:right
}
.text-left{
  text-align:left
}
.text-center{
  text-align:center
}
.text-justify{
  text-align:justify
}
.text-ltr{
  direction:ltr
}
.text-color-warm{
  color:#c0392b
}
.typcn-small{
  font-size:12px !important
}
.typcn-medium{
  font-size:18px !important
}
.typcn-large{
  font-size:24px !important
}
.form-caption{
  padding:12px;
  background:#2c3e4f;
  color:#ffffff
}
.form-unit{
  clear:both;
  background:#fafafa;
  padding:10px;
  overflow:hidden;
  border-bottom:4px solid #f0f0f0
}
.form-unit .content{
  display:block;
  width:100%
}
.form-wysiwyg-option{
  padding-top:6px;
  min-height:26px
}
.form-wysiwyg-option a{
  cursor:default
}
.form-wysiwyg-color-picker{
  width:17px;
  height:17px;
  border-radius:10px;
  background:#d03e2f;
  border:3px solid #2c3e4f;
  display:inline-block;
  margin-bottom:-4px
}
.form-wysiwyg-color-picker-collection{
  position:absolute;
  display:none;
  width:100%;
  height:100%
}
.form-wysiwyg-color-picker-collection span{
  display:block;
  height:18px;
  width:60px
}
.form-unit img{
  max-width:100%
}
.form-unit-title{
  width:30%;
  min-height:40px;
  padding:10px;
  background:#f0f0f0
}
.form-unit-textarea-title{
  width:30%;
  height:100px;
  padding:10px;
  background:#f0f0f0
}
.form-unit-field{
  float:right;
  width:70%
}
.form-unit-field input{
  padding:5px 10px;
  min-height:40px;
  width:100%;
  font-weight:bold;
  border:0;
  box-shadow:inset 0 0 2px 1px #2c3e4f
}
.form-unit-field input[type="file"]{
  box-shadow:inset 0 0 0
}
.form-unit-field input[type="url"]{
  direction:ltr
}
.form-unit-field input[type="checkbox"],.form-unit-field input[type="checkbox"]:focus{
  width:20px;
  min-height:15px;
  margin-top:10px;
  box-shadow:inset 0 0 0;
  display:inline-block
}
.form-unit-field textarea{
  padding:10px;
  width:100%;
  height:100px;
  font-weight:bold;
  border:0;
  box-shadow:inset 0 0 2px 1px #2c3e4f
}
.form-unit-field input:focus,.form-unit-field textarea:focus{
  outline:none;
  box-shadow:inset 0 0 2px 1px #ae2768
}
.form-unit-field select{
  font-weight:bold;
  border:0;
  box-shadow:inset 0 0 2px 1px #2c3e4f;
  width:260px;
  height:40px;
  text-indent:10px;
  font-size:16px
}
.button{
  border:0;
  font-weight:bold
}
.button-small{
  padding:5px 10px 3px 10px;
  height:30px
}
.button-medium{
  padding:10px 20px 6px 20px;
  height:40px
}
.button-large{
  padding:15px 20px 9px 20px;
  height:50px
}
.button-style-a{
  background-color:#2c3e4f;
  color:#ffffff;
  border-bottom:4px solid #2c3e4f
}
.button-style-a:hover{
  border-bottom:4px solid #3a5269;
  cursor:pointer;
  color:#ffffff
}
.button-style-b{
  background-color:#c0392b;
  color:#ffffff;
  border-bottom:4px solid #c0392b
}
.button-style-b:hover{
  border-bottom:4px solid #d03e2f;
  cursor:pointer;
  color:#ffffff
}
.button-style-c{
  background-color:#b5b5b5;
  color:#000000;
  border-bottom:4px solid #b5b5b5
}
.button-style-c:hover{
  border-bottom:4px solid #f0f0f0;
  cursor:pointer;
  color:#000000
}
.button-style-warm-dark{
  background-color:#c0392b;
  color:#ffffff;
  border-bottom:4px solid #c0392b
}
.button-style-warm-dark:hover{
  border-bottom:4px solid #d03e2f;
  cursor:pointer
}
.button-style-success-dark{
  background-color:#950378;
  color:#ffffff;
  border-bottom:4px solid #950378
}
.button-style-success-dark:hover{
  border-bottom:4px solid #ae2768;
  cursor:pointer
}
.table_a{
  width:100%
}
.table_a td{
  padding:12px 8px
}
.table_a tr:nth-child(even){
  background-color:#fafafa
}
.table_a tr:nth-child(odd){
  background-color:#f0f0f0
}
.table_a tr.warm{
  background-color:#ffc3b1
}
.table_a tr.success{
  background-color:#cdf4dd
}
.table_a tr th{
  background-color:#2c3e4f;
  color:#fff;
  padding:8px 4px
}
.table_a .thumb-imgae{
  margin-left:4px;
  width:40px;
  height:30px;
  float:right
}
.app_option{
  width:100%;
  list-style:none;
  overflow:hidden;
  clear:both;
  padding:10px;
  margin:0 0 10px 0;
  background-color:#f0f0f0
}
.app_option li a{
  display:block;
  margin:4px;
  padding:5px 20px 1px 20px;
  background-color:#2c3e4f;
  color:#fff;
  border-bottom:4px solid #2c3e4f
}
.app_option li a:hover{
  border-bottom:4px solid #3a5269
}
.mainBlock{
  background-color:#fafafa;
  padding:10px
}
.panel{
  width:100%;
  margin-bottom:10px;
  background:#fff
}
.panel .panel-title{
  color:#fff;
  border-top:6px solid #2c3e4f;
  background-color:#3a5269;
  overflow:hidden;
  clear:both;
  padding:10px
}
.panel .panel-title h1,.panel .panel-title h2,.panel .panel-title h2{
  font-size:inherit;
  padding:0;
  margin:0
}
.panel .panel-title a{
  color:#fff
}
.panel .panel-title a:hover{
  opacity:.8
}
.panel .panel-title button{
  height:28px;
  padding:6px 10px;
  margin:-4px 0 -4px -4px
}
.panel .panel-content{
  width:100%;
  overflow:hidden;
  clear:both;
  padding:10px;
  box-shadow:inset 0 0 1px 1px #2c3e4f
}
.pages ul{
  list-style:none;
  padding:0;
  margin:0;
  clear:both
}
.pages ul li a{
  display:inline-block;
  padding:5px;
  margin:2px;
  background-color:#fff;
  border:1px solid #b5b5b5
}
.pages ul li a:hover{
  opacity:.8;
  border:1px solid #3a5269
}
.pages ul li .active-page{
  border:1px solid #b5b5b5;
  background-color:#3a5269;
  color:#fff
}
.note-success{
  margin:10px 0;
  padding:10px;
  text-align:center;
  background:#cdf4dd;
  display:none;
  box-shadow:0px 0px 2px #b5b5b5
}
.note-warm{
  margin:10px 0;
  padding:10px;
  text-align:center;
  background:#ffc3b1;
  display:none;
  box-shadow:0px 0px 2px #b5b5b5
}
.note-info{
  margin:10px 0;
  padding:10px;
  text-align:center;
  background:#fafafa;
  box-shadow:0px 0px 2px #b5b5b5
}
.dl-cms-box{
  padding:10px;
  margin-bottom:10px;
  background:#fff;
  box-shadow:0px 0px 2px #b5b5b5
}
.breadcrumb{
  padding:10px;
  background:#fff;
  box-shadow:0px 0px 2px #b5b5b5;
  clear:both;
  margin-bottom:10px
}
.breadcrumb a{
  display:inline
}
.breadcrumb a+a:before{
  content:" / ";
  color:#b5b5b5
}
.breadcrumb .active{
  color:black;
  opacity:.7
}
.socialicon{
  background:url("img/socialicon_xx.png");
  height:32px;
  width:32px;
  margin:0 5px;
  transition:transform 0.6s ease-in-out;
  display:block
}
.socialicon:hover{
  transform:rotate(360deg)
}
.socialicon-fb-messenger{
  background-position:0 -320px
}
.socialicon-website{
  background-position:0 -288px
}
.socialicon-telegram{
  background-position:0 -256px
}
.socialicon-facebook{
  background-position:0 -224px
}
.socialicon-google-plus{
  background-position:0 -192px
}
.socialicon-whatsapp{
  background-position:0 -160px
}
.socialicon-youtube{
  background-position:0 -128px
}
.socialicon-twitter{
  background-position:0 -96px
}
.socialicon-soundcloud{
  background-position:0 -64px
}
.socialicon-linkedin{
  background-position:0 -32px
}
.socialicon-instagram{
  background-position:0 0
}
.content-caption{
  flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
  background-color:#3a5269;
  padding:10px;
  margin:0 0 10px 0;
  border-top:6px solid #2c3e4f
}
.content-caption-text{
  padding:5px;
  color:#ffffff
}
.content-caption-text a{
  color:#ffffff
}
.loading-box{
  margin:20px auto;
  width:70px;
  text-align:center;
  clear:both
}
.loading-box>div{
  width:18px;
  height:18px;
  background-color:#3a5269;
  border-radius:100%;
  display:inline-block;
  animation:sk-bouncedelay 1.4s infinite ease-in-out both
}
.loading-box .loading-box-bounce1{
  animation-delay:-0.32s
}
.loading-box .loading-box-bounce2{
  animation-delay:-0.16s
}
@keyframes sk-bouncedelay{
  0%,80%,100%{
    transform:scale(0)
  }
  40%{
    transform:scale(1)
  }

}
.site-menu{
  background-color:#2c3e4f;
  margin-top:10px
}
.site-menu-prevent-overflow-onload{
  max-height:43px;
  overflow:hidden
}
.site-menu .nav-home-icon{
  display:block;
  margin-top:-6px;
  margin-bottom:-2px
}
.site-menu-has-sub:after{
  content:" ⠇";
  display:inline-block;
  margin-top:-6px
}
.site-menu ul{
  margin:0;
  padding:0;
  list-style:none;
  position:relative;
  transition:visibility 0s,opacity .8s
}
.site-menu ul:after{
  content:"";
  clear:both;
  display:block
}
.site-menu ul ul{
  display:block;
  visibility:hidden;
  z-index:6;
  opacity:0
}
.site-menu ul li:hover>ul{
  visibility:visible;
  opacity:1
}
.site-menu ul li.hidden{
  display:none
}
.site-menu ul li.hidden a[rel="more-button"]{
  border:0;
  text-align:center
}
.site-menu ul li:hover{
  opacity:0.8
}
.site-menu ul li:hover a{
  color:#ffffff;
  box-shadow:0px 0px 2px #2c3e4f
}
.site-menu ul li a{
  display:block;
  padding:12px 10px 12px 10px;
  color:#ffffff;
  border-left:solid 1px #3a5269
}
.site-menu ul ul{
  position:absolute;
  background:#2c3e4f
}
.site-menu ul ul li{
  float:none;
  position:relative
}
.site-menu ul ul li a{
  min-width:130px
}
.site-menu ul ul li a:hover{
  background:#3a5269;
  box-shadow:0px 0px 2px #2c3e4f
}
.site-menu ul ul ul{
  position:absolute;
  top:0
}
.site-menu-float{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:auto;
  color:#fafafa;
  background-color:rgba(0,0,0,0.78);
  padding:5%;
  z-index:101;
  min-height:100%
}
.site-menu-float-button{
  cursor:pointer;
  color:#000000;
  padding:4px 2px 4px 2px;
  margin:auto
}
.site-menu-float-close-icon{
  margin:0 0 12px 0;
  display:inline-block;
  cursor:pointer
}
.site-menu-float ul{
  margin:0;
  padding:0;
  list-style:none;
  position:relative;
  transition:visibility 0s,opacity .8s;
  background:#2c3e4f
}
.site-menu-float ul:after{
  content:"";
  clear:both;
  display:block
}
.site-menu-float ul li:hover{
  background:#3a5269
}
.site-menu-float ul li:hover a{
  color:#ffffff
}
.site-menu-float ul li a{
  display:block;
  padding:12px 6px;
  color:#ffffff;
  border-bottom:solid 1px #3a5269
}
.site-menu-float ul ul{
  background:#2c3e4f;
  width:100%
}
.site-menu-float ul ul li{
  float:none;
  position:relative
}
.site-menu-float ul ul li a{
  min-width:100px
}
a.back-to-top{
  display:none;
  width:30px;
  height:30px;
  position:fixed;
  z-index:3;
  left:20px;
  bottom:40px;
  background:#3a5269;
  border-radius:15px;
  color:#ffffff;
  text-align:center;
  box-shadow:0px 0px 0px 1px #ffffff;
  transition:transform 0.4s ease-in-out
}
a.back-to-top:hover{
  color:#ffffff;
  opacity:.9;
  transform:scale(1.1)
}
.website-status-closed,.website-status-404{
  background:#fafafa;
  overflow:hidden;
  max-width:600px;
  margin:20px auto;
  padding:10px;
  box-shadow:0px 0px 2px #b5b5b5;
  line-height:1.5;
  text-align:center
}
@media only screen and (min-width:1px) and (max-width:479px){
  .sc-show{
    display:block
  }
  .sc-hide{
    display:none
  }
  .sc-1{
    width:0.83333333%
  }
  .sc-10{
    width:8.33333333%
  }
  .sc-20{
    width:16.66666667%
  }
  .sc-40{
    width:33.33333333%
  }
  .sc-80{
    width:66.66666667%
  }
  .sc-100{
    width:83.33333333%
  }
  .sc-110{
    width:91.66666667%
  }
  .sc-118{
    width:98.33333333%
  }
  .sc-120{
    width:100%
  }
  #center{
    margin:10px 5px
  }

}
@media only screen and (min-width:480px) and (max-width:1023px){
  .mc-show{
    display:block
  }
  .mc-hide{
    display:none
  }
  .mc-1{
    width:0.83333333%
  }
  .mc-10{
    width:8.33333333%
  }
  .mc-12{
    width:10%
  }
  .mc-30{
    width:25%
  }
  .mc-39{
    width:32.5%
  }
  .mc-40{
    width:33.33333333%
  }
  .mc-60{
    width:50%
  }
  .mc-80{
    width:66.66666667%
  }
  .mc-85{
    width:70.83333333%
  }
  .mc-89{
    width:74.16666667%
  }
  .mc-90{
    width:75%
  }
  .mc-108{
    width:90%
  }
  .mc-110{
    width:91.66666667%
  }
  .mc-118{
    width:98.33333333%
  }
  .mc-120{
    width:100%
  }
  #center{
    margin:10px 5px
  }

}
@media only screen and (min-width:1024px){
  .lc-show{
    display:block
  }
  .lc-hide{
    display:none
  }
  .lc-1{
    width:0.83333333%
  }
  .lc-2{
    width:1.66666667%
  }
  .lc-8{
    width:6.66666667%
  }
  .lc-10{
    width:8.33333333%
  }
  .lc-15{
    width:12.5%
  }
  .lc-20{
    width:16.66666667%
  }
  .lc-29{
    width:24.16666667%
  }
  .lc-30{
    width:25%
  }
  .lc-40{
    width:33.33333333%
  }
  .lc-59{
    width:49.16666667%
  }
  .lc-80{
    width:66.66666667%
  }
  .lc-90{
    width:75%
  }
  .lc-95{
    width:79.16666667%
  }
  .lc-99{
    width:82.5%
  }
  .lc-100{
    width:83.33333333%
  }
  .lc-105{
    width:87.5%
  }
  .lc-110{
    width:91.66666667%
  }
  .lc-112{
    width:93.33333333%
  }
  .lc-118{
    width:98.33333333%
  }
  .lc-120{
    width:100%
  }

}
@media print{
  body{
    background:#fff;
    margin:0;
    padding:0;
    overflow:auto
  }
  #center{
    margin:0;
    padding:0;
    box-shadow:0
  }

}
.responsive-content video,.responsive-content audio{
  width:100% !important
}
.article-index-block-title{
  border-top:4px solid #2c3e4f;
  padding:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0px 0px 2px #b5b5b5;
  margin-bottom:10px;
  color:#2c3e4f;
  font-size:26px;
  background-size:100% 200%;
  background-image:linear-gradient(to bottom,#ffffff 50%,#3a5269 50%);
  transition:background-position 0.5s,color 0.5s
}
.article-index-block-title:hover{
  color:#ffffff;
  background-position:0 -100%
}
.article-index-block-title-wrapper:hover>.article-index-block-title,.article-index-block-title-wrapper:hover>a .article-index-block-title{
  color:#ffffff;
  background-position:0 -100%
}
.article-brief-content{
  width:98%;
  margin:0 0 3% 0;
  height:97%;
  background:#fff;
  box-shadow:0px 0px 2px #b5b5b5;
  line-height:1.4;
  transition:box-shadow 0.5s
}
.article-brief-content:hover{
  cursor:pointer;
  box-shadow:0px 0px 2px #2c3e4f
}
.article-brief-content .cat-title{
  padding:10px 1.5% 10px 1.5%;
  height:40px;
  z-index:3;
  position:relative;
  color:#fff;
  margin-top:-40px;
  background:rgba(0,0,0,0.5)
}
.article-brief-content .cat-title span{
  display:inline-block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:80%
}
.article-brief-content .brief-text{
  padding:6px;
  border-top:1px solid #b5b5b5;
  text-align:justify;
  opacity:0.65;
  transition:opacity .5s
}
.article-brief-content .brief-text:empty{
  display:none
}
.article-brief-content .title{
  color:#2c3e4f;
  padding:6px;
  text-align:justify
}
.article-brief-content .title h2{
  padding:0;
  margin:0;
  font-size:inherit
}
.article-brief-content .image-wrapper{
  position:relative;
  overflow:hidden
}
.article-brief-content .image-wrapper img{
  width:100%;
  height:200px;
  vertical-align:bottom;
  transition:transform .5s;
  object-fit:cover
}
.article-brief-content:hover>.image-wrapper img{
  transform:scale(1.1)
}
.article-brief-content:hover>.brief-text{
  opacity:1
}
.article-brief-social-share{
  padding:0 5px;
  opacity:.9;
  position:relative;
  z-index:5;
  text-align:center;
  height:40px;
  margin-top:-40px
}
.article-brief-social-share .socialicon{
  margin:4px
}
.article-brief-social-share .dropdown-content{
  visibility:hidden;
  opacity:0;
  background-color:#f0f0f0;
  border:1px #b5b5b5 solid;
  border-radius:6px;
  transition:opacity 0.4s ease-in-out,visibility 0.4s ease-in-out
}
.article-brief-social-share .typcn{
  cursor:pointer;
  margin:0;
  color:#fff;
  text-shadow:1px 1px #000
}
.article-brief-social-share .typcn:hover+.dropdown-content,.article-brief-social-share .dropdown-content:hover{
  visibility:visible;
  opacity:1
}
.article-cat{
  width:98%;
  margin:0 0 3% 0;
  height:97%;
  line-height:1.4;
  box-shadow:0px 0px 2px #2c3e4f;
  background-color:#2c3e4f
}
.article-cat .brief-text{
  padding:6px;
  border-top:1px solid #b5b5b5;
  text-align:justify;
  color:#fafafa;
  opacity:0.6
}
.article-cat .brief-text:empty{
  display:none
}
.article-cat .title{
  color:#fafafa;
  padding:6px;
  text-align:justify;
  background-color:#2c3e4f
}
.article-cat .title h2{
  padding:0;
  margin:0;
  font-size:inherit
}
.article-cat .image-wrapper{
  overflow:hidden
}
.article-cat .image-wrapper img{
  width:100%;
  height:200px;
  vertical-align:bottom;
  transition:transform .5s;
  object-fit:cover
}
.article-cat:hover>.image-wrapper img{
  transform:scale(1.1)
}
.article-author-info{
  line-height:1.5
}
.article-author-socialButton .socialicon{
  margin-top:6px
}
.article-show-layout{
  margin-bottom:10px
}
@media only screen and (min-width:1px) and (max-width:479px){
  .article-brief-content,. .article-cat{
    width:100%
  }

}
@media only screen and (min-width:480px) and (max-width:1023px){
  .flex-row div:nth-child(2n/**/+2) .article-brief-content,.flex-row div:nth-child(2n/**/+2) .article-cat{
    width:100%
  }

}
@media only screen and (min-width:1024px){
  .flex-row div:nth-child(3n/**/+3) .article-brief-content,.flex-row div:nth-child(3n/**/+3) .article-cat{
    width:100%
  }

}
.article-show-layout-related .article-brief-content{
  width:100% !important
}
.file-content .file-downloads a.button{
  margin:4px;
  display:inline-block
}
.file-brief-content .cat-title{
  padding:10px 1.5% 10px 1.5%;
  height:40px;
  z-index:3;
  position:relative;
  color:#fff;
  margin-top:-40px;
  background:rgba(0,0,0,0.5)
}
.file-brief-content .cat-title span{
  display:inline-block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:80%
}
.file-brief-content .brief-text{
  padding:6px;
  border-top:1px solid #b5b5b5;
  text-align:justify;
  opacity:0.65;
  transition:opacity .5s
}
.file-brief-content .brief-text:empty{
  display:none
}
.file-brief-content .title{
  color:#2c3e4f;
  padding:6px;
  text-align:justify
}
.file-brief-content .title h2{
  padding:0;
  margin:0;
  font-size:inherit
}
.file-brief-content .image-wrapper{
  position:relative;
  overflow:hidden
}
.file-brief-content .image-wrapper img{
  width:100%;
  height:200px;
  vertical-align:bottom;
  transition:transform .5s;
  object-fit:cover
}
.file-brief-content:hover>.image-wrapper img{
  transform:scale(1.1)
}
.file-brief-content:hover>.brief-text{
  opacity:1
}
.file-brief-social-share .socialicon{
  margin:4px
}
.file-brief-social-share .dropdown-content{
  visibility:hidden;
  opacity:0;
  background-color:#f0f0f0;
  border:1px #b5b5b5 solid;
  border-radius:6px;
  transition:opacity 0.4s ease-in-out,visibility 0.4s ease-in-out
}
.file-brief-social-share .typcn{
  cursor:pointer;
  margin:0;
  color:#fff;
  text-shadow:1px 1px #000
}
.file-brief-social-share .typcn:hover+.dropdown-content,.file-brief-social-share .dropdown-content:hover{
  visibility:visible;
  opacity:1
}
.file-cat .brief-text{
  padding:6px;
  border-top:1px solid #b5b5b5;
  text-align:justify;
  color:#fafafa;
  opacity:0.6
}
.file-cat .brief-text:empty{
  display:none
}
.file-cat .title{
  color:#fafafa;
  padding:6px;
  text-align:justify;
  background-color:#2c3e4f
}
.file-cat .title h2{
  padding:0;
  margin:0;
  font-size:inherit
}
.file-cat .image-wrapper{
  overflow:hidden
}
.file-cat .image-wrapper img{
  width:100%;
  height:200px;
  vertical-align:bottom;
  transition:transform .5s;
  object-fit:cover
}
.file-cat:hover>.image-wrapper img{
  transform:scale(1.1)
}
.file-author-socialButton .socialicon{
  margin-top:6px
}
@media only screen and (min-width:480px) and (max-width:1023px){
  .flex-row div:nth-child(2n/**/+2) .file-brief-content,.flex-row div:nth-child(2n/**/+2) .file-cat{
    width:100%
  }

}
@media only screen and (min-width:1024px){
  .flex-row div:nth-child(3n/**/+3) .file-brief-content,. .flex-row div:nth-child(3n/**/+3) .file-cat{
    width:100%
  }

}
.owl-carousel{
  direction:ltr;
  margin-bottom:10px;
  background:#fff;
  box-shadow:0px 0px 2px #b5b5b5;
  display:none
}
.owl-carousel .item[onclick]{
  cursor:pointer
}
.breakingnews{
  margin-bottom:10px;
  background:#fff;
  box-shadow:0px 0px 2px #b5b5b5
}
.breakingnews-title{
  background-color:#c0392b;
  color:#ffffff;
  padding:10px 0
}
.breakingnews-title span{
  padding:0 8px;
  display:block
}
.breakingnews-text{
  color:#c0392b;
  padding:10px 0
}
.breakingnews-text span{
  padding:0 8px;
  display:block
}
.ticker-text span .typcn{
  opacity:.7
}
.ticker-text .marquee-inner-container{
  padding:7px 5px 0 5px;
  max-height:30px
}
.footer-wrapper{
  margin-bottom:42px
}
.search-content{
  padding:10px;
  margin-bottom:10px;
  overflow:hidden;
  background:#fff;
  box-shadow:0px 0px 2px #b5b5b5
}
.search-content img{
  width:80px;
  float:right;
  margin-left:8px
}
.search-content h1{
  padding:0;
  margin:2px;
  font-size:18px
}
.search-content p{
  padding:0;
  margin:2px
}
.autocomplete-suggestions{
  cursor:default;
  border:1px solid #ccc;
  border-top:0;
  background:#fff;
  box-shadow:-1px 1px 3px rgba(0,0,0,0.1);
  /* core styles should not be changed */ position:absolute;
  display:none;
  z-index:9999;
  max-height:254px;
  overflow:hidden;
  overflow-y:auto;
  box-sizing:border-box
}
.autocomplete-suggestion{
  position:relative;
  padding:0 .6em;
  line-height:23px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:1.02em;
  color:#333
}
.autocomplete-suggestion b{
  color:#950378
}
.autocomplete-suggestion.selected{
  background:#f0f0f0
}
.ad-Alert{
  display:none;
  position:fixed;
  top:0;
  right:0;
  width:100%;
  height:100%;
  background:rgba(192,57,43,0.95);
  color:#ffffff;
  overflow:hidden;
  text-align:center;
  z-index:5;
  line-height:1.5
}
.ad-Alert .close-ad-Alert{
  cursor:pointer
}
.ads-show{
  padding:5px;
  margin-bottom:10px;
  background:#fff;
  box-shadow:0px 0px 2px #b5b5b5;
  overflow:hidden
}
.ads-show .image-ad img{
  display:block;
  margin:auto
}
.ads-show-within-text{
  margin-top:10px;
  margin-bottom:16px
}
.floating_ad{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:99;
  text-align:center;
  margin:auto;
  width:100%
}
.floating_ad>.floating_ad_content{
  display:inline-block;
  position:relative;
  margin:15% auto auto auto;
  padding:20px;
  border-radius:10px;
  background:rgba(0,0,0,0.5)
}
.floating_ad_close{
  background:#606061;
  color:#FFFFFF;
  line-height:25px;
  position:absolute;
  right:0px;
  text-align:center;
  top:-10px;
  width:24px;
  text-decoration:none;
  font-weight:bold;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  -moz-box-shadow:1px 1px 3px #000;
  -webkit-box-shadow:1px 1px 3px #000;
  box-shadow:1px 1px 3px #000;
  cursor:pointer
}
.floating_ad_close:hover{
  background:#c0392b
}
@media only screen and (min-width:1px) and (max-width:479px){
  .floating_ad>.floating_ad_content{
    min-width:320px
  }

}
@media only screen and (min-width:480px) and (max-width:1023px){
  .floating_ad>.floating_ad_content{
    min-width:480px
  }

}
@media only screen and (min-width:1024px){
  .floating_ad>.floating_ad_content{
    min-width:720px
  }

}
.page-content blockquote{
  background-color:#f0f0f0;
  padding:1%;
  margin:2%;
  color:#2c3e4f;
  border-right:8px solid #c0392b
}
@font-face{
  font-family:HelveticaNeue;
  font-display:swap;
  src:url("/theme/font/HelveticaNeueW23forSKY-Reg_T02.eot");
  src:url("/theme/font/HelveticaNeueW23forSKY-Reg_T02.eot?#iefix") format("embedded-opentype"),url("/theme/font/HelveticaNeueMEforSKYW21-Rg_web.woff2") format("woff2"),url("/theme/font/HelveticaNeueMEforSKYW21-Rg_web.woff") format("woff"),url("/theme/font/HelveticaNeueMEforSKYW21-Rg_web.ttf") format("truetype"),url("/theme/font/HelveticaNeueW23forSKY-Reg_T02.svg#HelveticaNeueW23forSKY-Reg_T02") format("svg");
  font-weight:400;
  font-style:normal
}
@font-face{
  font-family:HelveticaNeue;
  font-display:swap;
  src:url("/theme/font/HelveticaNeueW23forSKY-Bd_T02.eot");
  src:url("/theme/font/HelveticaNeueW23forSKY-Bd_T02.eot?#iefix") format("embedded-opentype"),url("/theme/font/HelveticaNeueMEforSKYW21-Bd_web.woff2") format("woff2"),url("/theme/font/HelveticaNeueMEforSKYW21-Bd_web.woff") format("woff"),url("/theme/font/HelveticaNeueMEforSKYW21-Bd_web.ttf") format("truetype"),url("/theme/font/HelveticaNeueW23forSKY-Bd_T02.svg#HelveticaNeueW23forSKY-Bd_T02") format("svg");
  font-weight:700;
  font-style:normal
}
:root{
  --md-red:#c72127;
  --md-red-hover:#d03e2f;
  --md-text:#111827;
  --md-muted:#6b7280;
  --md-bg:#f3f3f3;
  --md-surface:#ffffff;
  --md-border:#e5e5e5;
  /* بدون حواف ملتوية+ظل أنعم وحدود أقل بروزاً */ --md-radius:0px;
  --md-shadow:0 8px 26px rgba(0,0,0,.06);
  --md-shadow-hover:0 12px 34px rgba(0,0,0,.08)
}
html{
  scroll-behavior:smooth
}
body,.system-direction{
  font-family:HelveticaNeue,Helvetica,Arial,sans-serif !important;
  font-weight:400 !important;
  background:#ffffff !important;
  /* general background */ color:var(--md-text) !important;
  line-height:1.7 !important
}
body{
  font-size:16px !important
}
b,strong{
  font-weight:700 !important
}
::selection{
  background:rgba(199,33,39,.18)
}
a{
  color:var(--md-text) !important;
  text-decoration:none !important;
  transition:color .15s ease
}
a:hover{
  color:var(--md-red) !important
}
#center{
  max-width:1207px !important;
  margin:10px auto !important
}
.site{
  background:transparent !important
}
.site-content{
  background:var(--md-surface) !important;
  /* الشريحة الرئيسية:بيضاء+ظل (بدون حدود بارزة/بدون تدوير) */ border:0 !important;
  border-radius:0 !important;
  box-shadow:var(--md-shadow) !important;
  padding:22px 22px 14px !important;
  margin:18px auto 36px !important;
  max-width:1207px !important;
  width:calc(100% - 24px) !important
}
@media (max-width:640px){
  .site-content{
    padding:16px 12px 10px !important;
    border-radius:0 !important;
    width:calc(100% - 16px) !important
  }

}
.header-wrapper-background{
  background:var(--md-surface) !important;
  border-top:4px solid var(--md-red) !important;
  border-bottom:1px solid var(--md-border) !important
}
.header-logo{
  background:transparent !important;
  padding:8px 6px !important;
  height:72px !important
}
.header-logo-split{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  gap:12px !important
}
.header-logo-link{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  /* RTL:start == right */ flex:1 1 auto !important;
  min-width:0 !important
}
.header-logo #image-lc{
  position:static !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 !important;
  max-width:100% !important;
  max-height:72px !important
}
.header-logo #image-sc{
  max-height:80px !important
}
.site-menu-float-button{
  color:var(--md-red) !important
}
.site-menu{
  background:#f1f1f1 !important;
  margin-top:0 !important;
  border:0 !important;
  border-bottom:1px solid var(--md-border) !important;
  border-radius:0 !important;
  box-shadow:none !important
}
.site-menu ul{
  justify-content:center !important
}
.site-menu ul li a{
  color:var(--md-text) !important;
  border:0 !important;
  padding:15px 18px !important;
  background:transparent !important;
  font-weight:700 !important;
  font-size:16px !important
}
.site-menu ul li:hover{
  opacity:1 !important
}
.site-menu ul li:hover>a,.site-menu ul li a:hover{
  color:var(--md-red) !important;
  background:transparent !important;
  box-shadow:none !important
}
.site-menu ul ul{
  background:#fff !important;
  border:1px solid var(--md-border) !important;
  box-shadow:var(--md-shadow) !important
}
.site-menu ul ul li a{
  border-left:0 !important;
  color:#111 !important;
  padding:10px 12px !important
}
.site-menu ul ul li a:hover{
  background:#f6f6f6 !important;
  color:var(--md-red) !important
}
.breadcrumb,.dl-cms-box,.panel,.mainBlock,.search-content,.breakingnews,.owl-carousel{
  background:var(--md-surface) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  border:1px solid #f6f6f6 !important
}
.breadcrumb{
  border:1px solid #f6f6f6 !important
}
.panel .panel-title,.content-caption{
  background:#fff !important;
  color:#111 !important;
  border-top:0 !important;
  border-right:4px solid var(--md-red) !important;
  box-shadow:none !important
}
.panel .panel-title a,.content-caption-text a{
  color:#111 !important
}
.panel .panel-title a:hover,.content-caption-text a:hover{
  color:var(--md-red) !important
}
.panel .panel-content{
  box-shadow:none !important;
  border:0 !important
}
h1{
  font-size:30px !important;
  line-height:1.35 !important;
  font-weight:700 !important
}
h2{
  font-size:22px !important;
  line-height:1.4 !important;
  font-weight:700 !important
}
h3{
  font-size:18px !important;
  line-height:1.5 !important;
  font-weight:700 !important
}
h4{
  font-size:16px !important;
  line-height:1.6 !important;
  font-weight:700 !important
}
h5,h6{
  font-size:15px !important;
  font-weight:700 !important
}
.page-content{
  font-size:18px !important;
  line-height:1.95 !important;
  color:var(--md-text) !important;
  /* إزالة الحدود/الظلال الداخلية الافتراضية من site.css */ background:#fff !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important
}
.page-content p{
  margin:0 0 14px 0 !important
}
.page-content blockquote{
  background:#f6f6f6 !important;
  border-right:6px solid var(--md-red) !important;
  padding:14px 16px !important;
  margin:16px 0 !important;
  color:#222 !important
}
.file-brief-content .cat-title{
  display:none !important
}
.file-brief-content .image-wrapper img{
  height:220px !important;
  object-fit:cover !important;
  transform:none !important;
  transition:none !important
}
.file-brief-content:hover>.image-wrapper img{
  transform:none !important
}
.file-brief-content .title{
  padding:12px 12px 8px 12px !important;
  color:#111 !important
}
.file-brief-content .title h2{
  font-size:14px !important;
  font-weight:700 !important;
  margin:0 !important;
  color:#111 !important
}
.file-brief-content .title a{
  color:#111 !important
}
.file-brief-content .title a:hover{
  color:var(--md-red) !important
}
.file-brief-content .brief-text{
  padding:4px 14px 18px 14px !important;
  border-top:0 !important;
  opacity:1 !important;
  color:#6b6b6b !important;
  font-weight:400 !important;
  line-height:2.05 !important;
  font-size:15px !important;
  text-align:justify !important
}
.button,button,input[type="submit"],input[type="button"]{
  border-radius:3px !important
}
.button-style-a{
  background-color:var(--md-red) !important;
  color:#fff !important;
  border-bottom-color:var(--md-red) !important
}
.button-style-a:hover{
  background-color:var(--md-red-hover) !important;
  border-bottom-color:var(--md-red-hover) !important
}
.button-style-b,.button-style-warm-dark{
  background-color:var(--md-red) !important;
  border-bottom-color:var(--md-red) !important
}
.button-style-b:hover,.button-style-warm-dark:hover{
  background-color:var(--md-red-hover) !important;
  border-bottom-color:var(--md-red-hover) !important
}
input,textarea,select{
  font-family:inherit !important;
  font-weight:400 !important
}
.form-unit-field input,.form-unit-field textarea{
  border-radius:3px !important;
  border:1px solid #dcdcdc !important;
  box-shadow:none !important;
  background:#fff !important
}
.form-unit-field input:focus,.form-unit-field textarea:focus{
  outline:none !important;
  border-color:var(--md-red) !important;
  box-shadow:0 0 0 3px rgba(199,33,39,.12) !important
}
.footer-wrapper{
  background:transparent !important;
  padding:10px 0 !important;
  border-top:0px solid var(--md-border) !important
}
footer{
  background:#fff !important;
  color:#444 !important;
  border:0px solid var(--md-border) !important;
  border-radius:var(--md-radius) !important
}
footer a{
  color:var(--md-red) !important
}
footer a:hover{
  color:var(--md-red-hover) !important
}
html,body{
  font-family:"Tajawal","Cairo","Noto Kufi Arabic","Noto Sans Arabic","Segoe UI","Tahoma","Arial",sans-serif !important;
  font-size:16px !important;
  line-height:1.85 !important
}
nav.site-menu,.site-menu,.header-wrapper-background nav.site-menu,body nav.site-menu{
  background:#f1f1f1 !important;
  background-color:#f1f1f1 !important;
  border:0 !important;
  border-bottom:1px solid var(--md-border) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  margin-top:0 !important;
  padding:0 !important
}
nav.site-menu>ul,.site-menu>ul,#site-menu-area{
  background:transparent !important;
  justify-content:center !important;
  align-items:center !important;
  gap:18px !important;
  padding:10px 6px !important;
  margin:0 !important
}
nav.site-menu ul li,.site-menu ul li{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  margin:0 !important;
  padding:0 !important
}
nav.site-menu ul li a,.site-menu ul li a,#site-menu-area li a{
  color:#111 !important;
  font-weight:600 !important;
  font-size:16px !important;
  background:transparent !important;
  border:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  padding:8px 10px !important;
  text-decoration:none !important
}
nav.site-menu ul li a:hover,nav.site-menu ul li:hover>a,.site-menu ul li a:hover,.site-menu ul li:hover>a,#site-menu-area li a:hover{
  color:var(--md-red) !important;
  background:transparent !important
}
nav.site-menu ul li.active>a,nav.site-menu ul li.selected>a,.site-menu ul li.active>a,.site-menu ul li.selected>a{
  color:var(--md-red) !important
}
nav.site-menu ul ul,.site-menu ul ul{
  background:#fff !important;
  border:1px solid var(--md-border) !important;
  box-shadow:var(--md-shadow) !important;
  border-radius:0 !important
}
.content-caption,.panel .panel-title,.portal-under-header .content-caption{
  background:#fff !important;
  color:#111 !important;
  border:0 !important;
  border-bottom:2px solid var(--md-red) !important;
  box-shadow:none !important;
  border-radius:0 !important
}
.content-caption{
  font-size:28px !important;
  font-weight:700 !important;
  padding:14px 10px !important
}
.article-brief-content,.shop-brief-content{
  color:inherit !important;
  text-decoration:none !important
}
.brief-content .title,.article-brief-content .title,.file-brief-content .title,.shop-brief-content .title{
  color:#111 !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.5 !important
}
.brief-text{
  color:#6b7280 !important;
  font-size:15px !important;
  line-height:2.15 !important;
  margin-top:6px !important
}
.brief-content a:hover .title,.article-brief-content:hover .title,.file-brief-content:hover .title,.shop-brief-content:hover .title{
  color:var(--md-red) !important
}
.article-brief-content .title h2,.file-brief-content .title h2,.shop-brief-content .title h2,.brief-content .title h2{
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.55 !important
}
.article-brief-content .brief-text,.file-brief-content .brief-text,.shop-brief-content .brief-text,.brief-content .brief-text{
  border-top:0 !important;
  margin-top:6px !important;
  padding-top:0 !important
}
.brief-content a:hover .brief-text,.article-brief-content:hover .brief-text,.file-brief-content:hover .brief-text,.shop-brief-content:hover .brief-text{
  color:#6b7280 !important
}
@media (min-width:992px){
  .lc-30{
    width:25% !important
  }
  .mc-40{
    width:25% !important
  }

}
.article-brief-content,.shop-brief-content{
  width:100% !important;
  margin:0 !important;
  height:auto !important
}
.site-content .flex-row>div.lc-30,.site-content .flex-row>div.lc-40,.site-content .flex-row>div.mc-40,.site-content .flex-row>div.mc-50,.site-content .flex-row>div.sc-100{
  padding:0 8px 18px !important
}
.brief-text,.article-brief-content .brief-text,.file-brief-content .brief-text,.shop-brief-content .brief-text{
  line-height:1.9 !important;
  margin-top:6px !important
}
.site-content,.breadcrumb,.dl-cms-box,.panel,.mainBlock,.search-content,footer,.article-brief-content,.shop-brief-content,.pages ul li a,.note-success,.note-warm,.note-info{
  border-radius:0 !important
}
@media (min-width:1024px){
  .article-show-layout{
    flex-wrap:nowrap !important;
    align-items:flex-start !important
  }

}
.dl-md-post-title{
  font-size:34px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  margin:0 0 10px 0 !important
}
@media (max-width:479px){
  .dl-md-post-title{
    font-size:26px !important;
    line-height:1.4 !important
  }

}
.page-content{
  font-size:18px !important;
  line-height:1.95 !important;
  font-weight:400 !important;
  color:#222 !important
}
.page-content{
  font-size:18px !important;
  line-height:1.95 !important;
  font-weight:400 !important
}
.dl-md-post-media{
  margin:0 0 14px 0 !important;
  padding:0 !important
}
.dl-md-post-media:empty{
  display:none !important
}
.dl-md-post-media img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  border-radius:0 !important
}
.dl-md-post-text,.dl-md-post-text *{
  font-size:19px !important;
  line-height:1.95 !important;
  font-weight:400 !important
}
.dl-md-post-text p{
  margin:0 0 14px 0 !important
}
.header-logo{
  height:auto !important;
  padding:10px 8px !important;
  text-align:initial !important;
  position:relative !important
}
.header-logo #image-lc,.header-logo #image-sc{
  position:static !important;
  inset:auto !important;
  margin:0 !important;
  max-height:56px !important;
  width:auto !important;
  display:block !important
}
.header-logo-split,.header-logo-split-mobile{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  width:100% !important;
  /* put logo on the right */ flex-direction:row-reverse !important
}
.header-logo-link,.header-logo-link-mobile{
  display:inline-flex !important;
  align-items:center !important
}
.header .site-menu{
  width:100% !important;
  margin-top:8px !important
}
.header,.header-wrapper-background,.site-menu,.breadcrumb,.dl-cms-box,.panel,.panel-content{
  border-radius:0 !important
}
.dl-md-sections-wrap{
  padding:10px 0
}
.dl-md-sections-title{
  margin:0 0 12px 0;
  font-size:22px;
  font-weight:800;
  color:#222
}
.dl-md-sections-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px
}
.dl-md-section-card{
  display:block;
  background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  text-decoration:none;
  overflow:hidden
}
.dl-md-section-img{
  height:140px;
  background:#f6f6f6;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden
}
.dl-md-section-img img{
  width:100%;
  height:100%;
  object-fit:cover
}
.dl-md-section-name{
  padding:12px 12px 6px 12px;
  color:#222;
  font-weight:800;
  font-size:16px
}
.dl-md-section-info{
  padding:0 12px 12px 12px;
  color:#555;
  line-height:1.6;
  font-weight:700;
  font-size:13px;
  opacity:.9
}
.dl-md-section-card:hover .dl-md-section-name{
  color:#c72127
}
.dl-pinned-wrap{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:stretch;
  margin:0 0 14px 0
}
.dl-pinned-big{
  flex:1 1 62%;
  min-width:320px;
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:12px;
  background:#fff;
  box-shadow:0px 0px 2px #b5b5b5
}
.dl-pinned-big img{
  width:100%;
  height:340px;
  object-fit:cover;
  display:block
}
.dl-pinned-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0))
}
.dl-pinned-title{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:12px 14px;
  color:#fff;
  font-weight:800;
  font-size:22px;
  line-height:1.35;
  text-shadow:0 1px 2px rgba(0,0,0,.45)
}
.dl-pinned-side{
  flex:1 1 35%;
  min-width:260px;
  display:flex;
  flex-direction:column;
  gap:10px
}
.dl-pinned-item{
  display:flex;
  gap:10px;
  align-items:stretch;
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:12px;
  overflow:hidden;
  text-decoration:none;
  box-shadow:0px 0px 2px #b5b5b5
}
.dl-pinned-item:hover{
  opacity:.95
}
.dl-pinned-item-media{
  width:120px;
  flex:0 0 120px
}
.dl-pinned-item-media img{
  width:100%;
  height:92px;
  object-fit:cover;
  display:block
}
.dl-pinned-item-body{
  padding:10px 10px 10px 8px;
  display:flex;
  align-items:center
}
.dl-pinned-item-title{
  color:#2c3e4f;
  font-weight:800;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
@media only screen and (max-width:1023px){
  .dl-pinned-big img{
    height:260px
  }

}
@media only screen and (max-width:600px){
  .dl-pinned-wrap{
    gap:10px
  }
  .dl-pinned-big{
    min-width:100%
  }
  .dl-pinned-side{
    min-width:100%
  }
  .dl-pinned-item-media{
    width:110px;
    flex-basis:110px
  }

}
:root{
  --dlCardBorder:rgba(0,0,0,.10);
  --dlCardShadow:0 2px 10px rgba(0,0,0,.06);
  --dlCardShadowHover:0 10px 24px rgba(0,0,0,.10);
  --dlCardRadius:0px;
  /* مربع */ --dlPinnedGap:10px;
  --dlPinnedSideItemH:128px;
  --dlPinnedMainH:calc((var(--dlPinnedSideItemH) * 3)+(var(--dlPinnedGap) * 2))
}
.dl-pinned-wrap{
  display:grid !important;
  grid-template-columns:360px 1fr !important;
  gap:var(--dlPinnedGap) !important;
  align-items:start !important;
  margin:0 0 14px 0 !important
}
@media (max-width:980px){
  .dl-pinned-wrap{
    grid-template-columns:1fr !important
  }
  :root{
    --dlPinnedMainH:280px;
    --dlPinnedSideItemH:92px
  }

}
.dl-pinned-big{
  position:relative !important;
  display:block !important;
  height:var(--dlPinnedMainH) !important;
  background:#fff !important;
  border:1px solid var(--dlCardBorder) !important;
  border-radius:var(--dlCardRadius) !important;
  box-shadow:var(--dlCardShadow) !important;
  overflow:hidden !important;
  text-decoration:none !important
}
.dl-pinned-big img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important
}
.dl-pinned-overlay{
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(to top,rgba(0,0,0,.22),rgba(0,0,0,0) 55%) !important;
  pointer-events:none !important
}
.dl-pinned-title{
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:12px !important;
  padding:10px 12px !important;
  background:rgba(0,0,0,.14) !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:20px !important;
  line-height:1.35 !important;
  border-radius:var(--dlCardRadius) !important;
  text-shadow:0 2px 10px rgba(0,0,0,.35) !important
}
.dl-pinned-controls{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  display:flex !important;
  gap:8px !important;
  z-index:6 !important
}
.dl-pinned-nav{
  width:34px !important;
  height:34px !important;
  border:1px solid rgba(255,255,255,.75) !important;
  background:rgba(0,0,0,.16) !important;
  color:#fff !important;
  font-size:22px !important;
  line-height:30px !important;
  text-align:center !important;
  cursor:pointer !important;
  border-radius:var(--dlCardRadius) !important
}
.dl-pinned-nav:hover{
  background:rgba(0,0,0,.26) !important
}
.dl-pinned-dots{
  position:absolute !important;
  bottom:10px !important;
  left:10px !important;
  display:flex !important;
  gap:6px !important;
  z-index:6 !important
}
.dl-pinned-dot{
  width:8px !important;
  height:8px !important;
  border:1px solid rgba(255,255,255,.9) !important;
  background:rgba(255,255,255,.25) !important;
  border-radius:var(--dlCardRadius) !important;
  cursor:pointer !important
}
.dl-pinned-dot.active{
  background:rgba(255,255,255,.9) !important
}
.dl-pinned-side{
  display:flex !important;
  flex-direction:column !important;
  gap:var(--dlPinnedGap) !important
}
.dl-pinned-item{
  display:flex !important;
  flex-direction:row-reverse !important;
  /* الصورة يمين */ gap:10px !important;
  align-items:center !important;
  background:#fff !important;
  border:1px solid var(--dlCardBorder) !important;
  border-radius:var(--dlCardRadius) !important;
  box-shadow:var(--dlCardShadow) !important;
  height:var(--dlPinnedSideItemH) !important;
  overflow:hidden !important;
  text-decoration:none !important;
  color:inherit !important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease !important
}
.dl-pinned-item:hover{
  transform:translateY(-2px) !important;
  box-shadow:var(--dlCardShadowHover) !important;
  background:rgba(0,0,0,.02) !important
}
.dl-pinned-item.active{
  outline:2px solid rgba(44,62,79,.20) !important;
  outline-offset:-2px !important
}
.dl-pinned-item-media{
  width:120px !important;
  height:100% !important;
  flex:0 0 auto !important;
  border-left:1px solid rgba(0,0,0,.06) !important;
  overflow:hidden !important
}
.dl-pinned-item-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important
}
.dl-pinned-item-body{
  padding:10px 12px !important;
  min-width:0 !important;
  flex:1 1 auto !important;
  display:block !important
}
.dl-pinned-item-title{
  font-weight:900 !important;
  color:#2c3e4f !important;
  font-size:16px !important;
  line-height:1.35 !important;
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important
}
.dl-md-post-tools{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:0 0 18px 0 !important;
  /* more space under the row */
}
.dl-md-post-share{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  /* less space between icons */
}
.dl-md-post-share a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:0 !important
}
.dl-md-post-share .socialicon{
  display:inline-block !important;
  margin:0 2px !important;
  /* remove big margins */
}
.dl-md-post-font{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important
}
.dl-md-post-font{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important
}
.dl-md-post-text,.dl-md-post-text>div,.dl-md-post-text p,.dl-md-post-text li{
  text-align:justify !important;
  text-justify:inter-word;
  direction:rtl;
  unicode-bidi:plaintext;
  text-align-last:right
}
.dl-md-post-wrap{
  padding-left:14px !important;
  padding-right:14px !important;
  box-sizing:border-box
}
.dl-md-post-text{
  padding-left:6px !important;
  padding-right:6px !important;
  box-sizing:border-box
}
.dl-md-post-text{
  text-align:justify !important;
  direction:rtl !important;
  text-align-last:right !important;
  -moz-text-align-last:right !important
}
@media only screen and (max-width:1023px){
  .site-menu-float a,.site-menu-float a:visited{
    color:#fff !important
  }
  .site-menu-float ul{
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.25)
  }
  .site-menu-float ul li a{
    color:#fff !important;
    background:rgba(255,255,255,.04);
    border-bottom:1px solid rgba(255,255,255,.12);
    transition:background .15s ease,transform .12s ease,box-shadow .15s ease
  }
  .site-menu-float ul li:hover>a,.site-menu-float ul li:active>a{
    background:rgba(255,255,255,.10)
  }
  .site-menu-float ul li:active>a{
    transform:scale(.99)
  }
  .site-menu-float ul li a:focus{
    outline:none
  }
  .site-menu-float ul li a:focus-visible{
    box-shadow:0 0 0 2px rgba(255,255,255,.45) inset
  }
  .site-menu-float ul ul{
    margin-top:6px;
    border-radius:12px;
    overflow:hidden
  }
  .site-menu-float ul ul li a{
    padding-right:18px
  }
  .site-menu a,.site-menu a:visited{
    color:#fff !important
  }
  .site-menu ul li a{
    transition:background .15s ease,transform .12s ease
  }
  .site-menu ul li:hover>a{
    background:#3a5269
  }
  .site-menu ul li a:active{
    transform:scale(.99)
  }

}
:root{
  --theme-green:#ffffff;
  --theme-green-hover:#f2d3f2;
  --theme-green-soft:rgba(35,158,87,.12)
}
.table_a tr th,.table_a thead th,table.table_a th,.table_a tr th[style]{
  background-color:var(--theme-green) !important;
  color:#ffffff !important;
  border-bottom:4px solid var(--theme-green) !important
}
.table_a thead:hover th{
  background-color:var(--theme-green-hover) !important
}
.table_a{
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(0,0,0,.06)
}
.table_a td,.table_a th{
  border-left:1px solid rgba(0,0,0,.06)
}
.table_a tr>*:first-child{
  border-left:0
}
:root{
  --topnav-bg:var(--theme-green);
  --topnav-bg2:#942a7e;
  --topnav-link:#942a7e;
  --topnav-hover:rgba(255,255,255,.14);
  --topnav-active:rgba(0,0,0,.14);
  --topnav-border:rgba(255,255,255,.18)
}
nav.site-menu,.site-menu,.header-wrapper-background nav.site-menu,body nav.site-menu{
  background:var(--topnav-bg) !important;
  background-color:var(--topnav-bg) !important;
  border-bottom:1px solid var(--topnav-border) !important
}
nav.site-menu>ul,.site-menu>ul,#site-menu-area{
  background:#ffffff !important
}
nav.site-menu ul li a,.site-menu ul li a,#site-menu-area li a{
  color:#000 !important;
  font-weight:700 !important;
  background:transparent !important;
  border-radius:0px !important;
  transition:transform .12s ease,background-color .12s ease,opacity .12s ease !important
}
nav.site-menu ul li:hover>a,nav.site-menu ul li a:hover,.site-menu ul li:hover>a,.site-menu ul li a:hover,#site-menu-area li:hover>a,#site-menu-area li a:hover{
  background:#fff111 !important;
  /* لون خلفية عند المرور */ color:#ffffff !important;
  /* النص يبقى أسود */ opacity:100 !important
}
#site-menu-area a.active,#site-menu-area .active-page,#site-menu-area li.active>a{
  background:rgba(0,0,0,.10) !important;
  color:#000 !important
}
nav.site-menu ul li a:hover,nav.site-menu ul li:hover>a,.site-menu ul li a:hover,.site-menu ul li:hover>a,#site-menu-area li a:hover{
  color:var(--topnav-link) !important;
  background:var(--topnav-hover) !important;
  transform:translateY(-1px) !important
}
nav.site-menu ul li a:active,.site-menu ul li a:active,#site-menu-area li a:active{
  background:var(--topnav-active) !important;
  transform:scale(.98) !important
}
nav.site-menu ul li.active>a,nav.site-menu ul li.selected>a,.site-menu ul li.active>a,.site-menu ul li.selected>a{
  color:var(--topnav-link) !important;
  background:rgba(255,255,255,.22) !important
}
nav.site-menu ul ul,.site-menu ul ul{
  background:var(--topnav-bg2) !important;
  border:1px solid rgba(255,255,255,.20) !important
}
nav.site-menu ul ul li a,.site-menu ul ul li a{
  color:#fff !important
}
nav.site-menu ul ul li a:hover,.site-menu ul ul li a:hover{
  background:rgba(255,255,255,.16) !important
}
:root{
  --thumb-green:var(--theme-green,#950378);
  --thumb-border:rgba(35,158,87,.22);
  --thumb-border-hover:rgba(35,158,87,.48);
  --thumb-shadow:0 6px 18px rgba(0,0,0,.04);
  --thumb-shadow-hover:0 10px 26px rgba(35,158,87,.10)
}
.article-brief-content,.shop-brief-content{
  border:1px solid var(--thumb-border) !important
}
.article-brief-content,.shop-brief-content{
  box-shadow:var(--thumb-shadow) !important
}
.article-brief-content:hover,.shop-brief-content:hover{
  border-color:var(--thumb-border-hover) !important
}
.article-brief-content:hover,.shop-brief-content:hover{
  box-shadow:var(--thumb-shadow-hover) !important
}
.file-brief-content .image-wrapper,.article-brief-content .image-wrapper,.shop-brief-content .image-wrapper,.brief-content .image-wrapper{
  border-bottom:1px solid rgba(35,158,87,.14) !important
}
.file-brief-content .title a:hover,.article-brief-content .title a:hover,.shop-brief-content .title a:hover,.brief-content .title a:hover{
  color:var(--thumb-green) !important
}
.site-content a,.page-content a,.dl-cms-box a,.breadcrumb a{
  color: #2a152e !important;
}
.site-content a:hover,.page-content a:hover,.dl-cms-box a:hover,.breadcrumb a:hover{
  color:var(--theme-green-hover) !important
}
footer a,.header-wrapper-background a,.header-logo a{
  color:#000 !important
}
footer a:hover{
  opacity:.85
}
.panel .panel-title a,.content-caption-text a,.breakingnews-title a{
  color:#fff !important
}
.header-wrapper-background{
  border-top-color:var(--theme-green) !important
}
.site-menu-float{
  background:linear-gradient(180deg,var(--topnav-bg) 0%,var(--topnav-bg2) 100%) !important
}
.site-menu-float ul{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:14px !important;
  overflow:hidden !important
}
.site-menu-float-close-icon,.site-menu-float-button{
  color:#fff !important
}
.site-menu-float ul li a{
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  background:transparent !important;
  transition:background .15s ease,transform .12s ease
}
.site-menu-float ul li:hover>a,.site-menu-float ul li a:hover{
  background:rgba(255,255,255,.14) !important
}
.site-menu-float ul li a:active{
  background:rgba(0,0,0,.14) !important;
  transform:scale(.99)
}
.pages ul li a{
  border:1px solid rgba(35,158,87,.25) !important;
  background:#fff !important;
  color:var(--theme-green) !important;
  border-radius:10px !important
}
.pages ul li a:hover{
  border-color:rgba(35,158,87,.55) !important;
  background:var(--theme-green-soft) !important
}
.pages ul li .active-page{
  border:1px solid rgba(35,158,87,.55) !important;
  background:var(--theme-green) !important;
  color:#fff !important
}
.search-content{
  border:1px solid rgba(35,158,87,.18) !important;
  border-top:6px solid var(--theme-green) !important;
  border-radius:14px !important
}
.search-content h1,.search-content h2{
  color:#1b5e20 !important
}
.autocomplete-suggestion b{
  color:var(--theme-green) !important
}
.file-brief-content .title,.file-brief-content .title a,.article-brief-content .title,.article-brief-content .title a,.shop-brief-content .title,.shop-brief-content .title a,.brief-content .title,.brief-content .title a{
  color:#000 !important
}
.file-brief-content .title a:hover,.article-brief-content .title a:hover,.shop-brief-content .title a:hover,.brief-content .title a:hover{
  color:#000 !important
}
.header-mainbar-user a{
  background:#fff !important;
  color:#000 !important;
  border:1px solid rgba(0,0,0,.18) !important
}
.header-mainbar-user a:hover{
  background:#f6f6f6 !important
}
.site-menu-float-button{
  color:#000 !important
}
.pages ul li a.active-page,.pages ul li .active-page{
  background-color:var(--theme-green) !important;
  background:var(--theme-green) !important;
  color:#fff !important;
  border-color:rgba(35,158,87,.75) !important
}
.pages ul li a.active-page:visited{
  color:#fff !important
}
.pages ul li a,.search-content,.form-unit-field input,.form-unit-field textarea,.form-unit-field select,.button,.toolbar-option,.panel,.panel .panel-content,.dl-cms-box,.breadcrumb,.file-brief-social-share .dropdown-content,.floating_ad>.floating_ad_content,.floating_ad_close,.site-menu-float ul ul{
  border-radius:0 !important
}
.md-pager{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  direction:ltr
}
.md-pager .md-page{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:44px;
  padding:0 12px;
  border:1px solid rgba(35,158,87,.25);
  background:#fff;
  color:var(--theme-green) !important;
  font-weight:700;
  text-decoration:none;
  border-radius:0 !important;
  box-sizing:border-box
}
.md-pager .md-page:hover{
  background:var(--theme-green-soft);
  border-color:rgba(35,158,87,.55)
}
.md-pager .md-page-active{
  background:var(--theme-green) !important;
  border-color:rgba(35,158,87,.75) !important;
  color:#fff !important;
  font-weight:900
}
.md-pager .md-page-active:hover{
  background:var(--theme-green-hover) !important
}
.md-pager .md-page-disabled{
  opacity:.35;
  color:#666 !important;
  border-color:rgba(0,0,0,.12) !important;
  background:#fff !important
}
.dl-sidebar-toggle{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  cursor:pointer !important
}
.dl-sidebar-toggle .typcn{
  line-height:1 !important
}
body.dl-sidebar-off .dl-sidebar,body.dl-sidebar-off .article-show-layout-related,body.dl-sidebar-off .file-show-layout-related,body.dl-sidebar-off .shop-show-layout-related,body.dl-sidebar-off .store-show-layout-related{
  display:none !important
}
body.dl-sidebar-off .dl-sidebar-gap{
  display:none !important
}
body.dl-sidebar-off .dl-maincol{
  width:100% !important
}
body.dl-sidebar-off #dlPinnedWrap{
  grid-template-columns:1fr !important
}
body.dl-sidebar-off #dlPinnedWrap>.dl-pinned-side{
  display:none !important
}
body.dl-sidebar-off #dlPinnedWrap>.dl-pinned-big{
  grid-column:1 !important
}
@media (max-width:479px){
  .dl-sidebar-toggle .dl-sidebar-toggle-text{
    font-size:12px !important
  }

}
.dl-brief-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:16px !important
}
.dl-brief-grid>div{
  padding:0 !important;
  min-width:0 !important
}
@media (max-width:479px){
  .dl-brief-grid>div.sc-120{
    flex:0 0 100% !important;
    max-width:100% !important
  }

}
@media (min-width:480px) and (max-width:1023px){
  .dl-brief-grid>div.mc-60{
    flex:0 0 calc((100% - 16px)/2) !important;
    max-width:calc((100% - 16px)/2) !important
  }
  .dl-brief-grid>div.sc-120{
    flex:0 0 calc((100% - 16px)/2) !important;
    max-width:calc((100% - 16px)/2) !important
  }

}
@media (min-width:1024px){
  .dl-brief-grid>div.lc-60{
    flex:0 0 calc((100% - 16px)/2) !important;
    max-width:calc((100% - 16px)/2) !important
  }
  .dl-brief-grid>div.lc-40{
    flex:0 0 calc((100% - 32px)/3) !important;
    max-width:calc((100% - 32px)/3) !important
  }
  .dl-brief-grid>div.lc-30{
    flex:0 0 calc((100% - 48px)/4) !important;
    max-width:calc((100% - 48px)/4) !important
  }
  .dl-brief-grid>div.lc-24{
    flex:0 0 calc((100% - 64px)/5) !important;
    max-width:calc((100% - 64px)/5) !important
  }
  .dl-brief-grid>div.lc-20{
    flex:0 0 calc((100% - 80px)/6) !important;
    max-width:calc((100% - 80px)/6) !important
  }

}
.dl-brief-cell .article-brief-content,.dl-brief-cell .file-brief-content,.dl-brief-cell .article-cat,.dl-brief-cell .file-cat{
  width:100% !important;
  margin:0 !important;
  height:100% !important;
  display:flex;
  flex-direction:column
}
.dl-brief-cell .image-wrapper img{
  width:100% !important;
  height:clamp(130px,18vw,200px) !important;
  object-fit:cover !important;
  display:block
}
.dl-brief-cell .title h2{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.dl-brief-cell .brief-text{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.article-brief-content,.article-cat,.dl-md-section-card,#dlPinnedWrap .dl-pinned-big,#dlPinnedWrap .dl-pinned-item,#dlPinnedWrap,.dl-pinned-wrap{
  border-radius:0 !important
}
.article-brief-content .image-wrapper,.article-brief-content .image-wrapper img,.file-brief-content .image-wrapper,.file-brief-content .image-wrapper img,.store-brief-content .image-wrapper,.store-brief-content .image-wrapper img,.article-cat .image-wrapper,.article-cat .image-wrapper img,.file-cat .image-wrapper,.file-cat .image-wrapper img,.store-cat .image-wrapper,.store-cat .image-wrapper img,#dlPinnedWrap .dl-pinned-big img,#dlPinnedWrap .dl-pinned-item-media,#dlPinnedWrap .dl-pinned-item-media img,.dl-md-section-card .dl-md-section-img,.dl-md-section-card .dl-md-section-img img{
  border-radius:0 !important
}
.article-brief-content .cat-title,.file-brief-content .cat-title,.store-brief-content .cat-title,.article-brief-social-share .dropdown-content,.file-brief-social-share .dropdown-content,.store-brief-social-share .dropdown-content{
  border-radius:0 !important
}
:root{
  --support-fab-size:56px;
  --support-fab-gap:18px
}
.support-fab{
  position:relative;
  width:var(--support-fab-size);
  height:var(--support-fab-size);
  border-radius:999px;
  border:0;
  cursor:pointer;
  background:transparent;
  color:#fff;
  box-shadow:0 10px 25px rgba(0,0,0,.22);
  display:none;
  /* JS will decide show/hide */ align-items:center;
  justify-content:center;
  z-index:1;
  padding:0;
  overflow:hidden
}
.support-dock{
  position:fixed;
  /* Keep away from iOS safe-area */ bottom:calc(var(--support-fab-gap)+env(safe-area-inset-bottom));
  right:calc(var(--support-fab-gap)+env(safe-area-inset-right));
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-end;
  z-index:9999
}
.support-fab--wa{
  background:#25D366
}
.support-fab--ms{
  background:#0084ff
}
.support-fab:hover{
  opacity:.92
}
.support-fab:active{
  transform:translateY(1px)
}
.support-fab-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  width:100%;
  height:100%
}
.support-fab-img{
  width:100%;
  height:100%;
  border-radius:999px;
  object-fit:cover;
  display:block
}
.support-fab.is-off{
  display:flex;
  background:#9aa4ad;
  opacity:.85;
  cursor:default
}
.support-fab.is-off .support-fab-img{
  filter:grayscale(1) brightness(.92);
  opacity:.95
}
.support-fab.is-off:hover{
  opacity:.85
}
.support-fab.is-off::after{
  content:"";
  position:absolute;
  width:22px;
  height:2px;
  background:rgba(255,255,255,.95);
  transform:rotate(-40deg);
  border-radius:2px
}
@media only screen and (max-width:479px){
  :root{
    --support-fab-gap:10px;
    --support-fab-size:46px
  }
  .support-dock{
    flex-direction:row;
    gap:8px;
    align-items:center;
    bottom:calc(var(--support-fab-gap)+56px+env(safe-area-inset-bottom))
  }
  .support-fab.is-off::after{
    width:18px
  }

}
@media only screen and (max-width:360px){
  :root{
    --support-fab-size:42px
  }

}
@charset "UTF-8";
@font-face{
  font-family:HelveticaNeue;
  font-display:swap;
  src:url("/theme/font/HelveticaNeueW23forSKY-Reg_T02.eot");
  src:url("/theme/font/HelveticaNeueW23forSKY-Reg_T02.eot?#iefix") format("embedded-opentype"),url("/theme/font/HelveticaNeueMEforSKYW21-Rg_web.woff2") format("woff2"),url("/theme/font/HelveticaNeueMEforSKYW21-Rg_web.woff") format("woff"),url("/theme/font/HelveticaNeueMEforSKYW21-Rg_web.ttf") format("truetype"),url("/theme/font/HelveticaNeueW23forSKY-Reg_T02.svg#HelveticaNeueW23forSKY-Reg_T02") format("svg");
  font-weight:400;
  font-style:normal
}
@font-face{
  font-family:HelveticaNeue;
  font-display:swap;
  src:url("/theme/font/HelveticaNeueW23forSKY-Bd_T02.eot");
  src:url("/theme/font/HelveticaNeueW23forSKY-Bd_T02.eot?#iefix") format("embedded-opentype"),url("/theme/font/HelveticaNeueMEforSKYW21-Bd_web.woff2") format("woff2"),url("/theme/font/HelveticaNeueMEforSKYW21-Bd_web.woff") format("woff"),url("/theme/font/HelveticaNeueMEforSKYW21-Bd_web.ttf") format("truetype"),url("/theme/font/HelveticaNeueW23forSKY-Bd_T02.svg#HelveticaNeueW23forSKY-Bd_T02") format("svg");
  font-weight:800;
  font-style:normal
}
:root{
  --amd-font:HelveticaNeue,Arial,sans-serif
}
body,button,input,select,textarea,a{
  font-family:var(--amd-font) !important
}
h1,h2,h3,h4,h5,h6,.site-menu a,.dl-md-post-title{
  font-family:var(--amd-font) !important;
  font-weight:800
}
:root{
  /* Use the site's green accent (defined in md.css patches) when available */ --dlAccent:var(--theme-green,#f022a8);
  --dlCardBorder:rgba(35,158,87,.22);
  --dlCardBorderHover:rgba(35,158,147,.48);
  --dlCardShadow:0 2px 10px rgba(0,0,0,.06);
  --dlCardShadowHover:0 10px 24px rgba(35,158,87,.12);
  --dlCardRadius:0px;
  /* square */ --dlCardGap:10px;
  /* Pinned layout sizing (main height auto-matches 3 side items) */ --dlPinnedGap:10px;
  --dlPinnedSideItemH:128px;
  /* tweak here */ --dlPinnedMainH:calc((var(--dlPinnedSideItemH) * 3)+(var(--dlPinnedGap) * 2))
}
.dl-pinned-wrap{
  display:grid;
  direction:ltr;
  grid-template-columns:360px 1fr;
  /* main (right)+side (left) */ gap:var(--dlPinnedGap);
  align-items:start;
  margin:0 0 14px 0
}
@media (max-width:980px){
  .dl-pinned-wrap{
    grid-template-columns:1fr
  }
  .dl-pinned-big{
    grid-column:auto
  }
  .dl-pinned-side{
    grid-column:auto
  }
  :root{
    --dlPinnedMainH:280px;
    --dlPinnedSideItemH:92px
  }

}
.dl-pinned-big{
  grid-column:2;
  position:relative;
  display:block;
  height:var(--dlPinnedMainH);
  background:#fff;
  border:1px solid var(--dlCardBorder);
  border-radius:var(--dlCardRadius);
  box-shadow:var(--dlCardShadow);
  overflow:hidden;
  text-decoration:none
}
.dl-pinned-big:hover{
  border-color:var(--dlCardBorderHover)
}
.dl-pinned-big img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover
}
.dl-pinned-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.22),rgba(0,0,0,0) 55%);
  pointer-events:none
}
.dl-pinned-title{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  padding:10px 12px;
  background:rgba(0,0,0,.14);
  /* very transparent */ color:#fff;
  font-weight:900;
  font-size:20px;
  line-height:1.35;
  border-radius:var(--dlCardRadius);
  text-shadow:0 2px 10px rgba(0,0,0,.35)
}
.dl-pinned-controls{
  position:absolute;
  top:10px;
  right:10px;
  display:flex;
  gap:8px;
  z-index:6
}
.dl-pinned-nav{
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.75);
  background:rgba(0,0,0,.16);
  color:#fff;
  font-size:22px;
  line-height:30px;
  text-align:center;
  cursor:pointer;
  border-radius:var(--dlCardRadius)
}
.dl-pinned-nav:hover{
  background:rgba(0,0,0,.26)
}
.dl-pinned-dots{
  position:absolute;
  bottom:10px;
  left:10px;
  display:flex;
  gap:6px;
  z-index:6
}
.dl-pinned-dot{
  width:8px;
  height:8px;
  border:1px solid rgba(255,255,255,.9);
  background:rgba(255,255,255,.25);
  border-radius:var(--dlCardRadius);
  cursor:pointer
}
.dl-pinned-dot.active{
  background:rgba(255,255,255,.9)
}
.dl-pinned-side{
  grid-column:1;
  display:flex;
  flex-direction:column;
  gap:var(--dlPinnedGap)
}
.dl-pinned-item{
  display:flex;
  direction:rtl;
  flex-direction:row;
  /* image on right within card (RTL) */ gap:10px;
  align-items:center;
  background:#fff;
  border:1px solid var(--dlCardBorder);
  border-radius:var(--dlCardRadius);
  box-shadow:var(--dlCardShadow);
  height:var(--dlPinnedSideItemH);
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease
}
.dl-pinned-item:hover{
  transform:translateY(-2px);
  box-shadow:var(--dlCardShadowHover);
  background:rgba(0,0,0,.02);
  border-color:var(--dlCardBorderHover)
}
.dl-pinned-item.active{
  outline:2px solid rgba(35,158,87,.32);
  outline-offset:-2px
}
.dl-pinned-item-media{
  width:120px;
  height:100%;
  flex:0 0 auto;
  border-left:1px solid rgba(35,158,87,.16);
  overflow:hidden
}
.dl-pinned-item-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}
.dl-pinned-item-body{
  padding:10px 12px;
  min-width:0;
  flex:1 1 auto
}
.dl-pinned-item-title{
  font-weight:900;
  color:#2c3e4f;
  font-size:16px;
  line-height:1.35;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}
.article-brief-content{
  border-radius:var(--dlCardRadius);
  box-shadow:var(--dlCardShadow)
}
#center .site-content .dl-pinned-wrap{
  display:grid !important;
  grid-template-columns:360px minmax(0,1fr) !important;
  /* side | big */ grid-template-areas:"side big" !important;
  gap:12px !important;
  align-items:center !important
}
#center .site-content .dl-pinned-big{
  grid-column:2;
  grid-area:big !important;
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  height:var(--dlPinnedBigH,360px) !important;
  border-radius:var(--dlCardRadius,16px) !important
}
#center .site-content .dl-pinned-big>img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important
}
#center .site-content .dl-pinned-side{
  grid-column:1;
  grid-area:side !important;
  display:grid !important;
  grid-template-rows:repeat(3,1fr) !important;
  gap:12px !important;
  height:var(--dlPinnedBigH,360px) !important;
  align-content:stretch !important
}
#center .site-content .dl-pinned-item{
  display:flex !important;
  flex-direction:row !important;
  /* image forced via order in hotfix */ align-items:center !important;
  gap:10px !important;
  overflow:hidden !important;
  height:auto !important;
  /* grid controls height */ border-radius:var(--dlCardRadius,16px) !important
}
#center .site-content .dl-pinned-item-media{
  flex:0 0 120px !important;
  width:120px !important;
  overflow:hidden !important
}
#center .site-content .dl-pinned-item-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important
}
#center .site-content .dl-pinned-item-body{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important
}
#center .site-content .dl-pinned-item-title{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:normal !important;
  line-height:1.35 !important;
  max-height:2.7em !important
}
@media (max-width:920px){
  #center .site-content .dl-pinned-wrap{
    grid-template-columns:1fr !important;
    grid-template-areas:"big" "side" !important
  }
  #center .site-content .dl-pinned-side{
    grid-column:1;
    height:auto !important;
    grid-template-rows:none !important
  }
  #center .site-content .dl-pinned-item{
    min-height:92px !important
  }

}
html,body{
  background:#fff !important
}
body{
  margin:0 !important
}
:root{
  /* Approximate fixed header height (compact logo row+menu). */ --dlHeaderH:92px
}
@media (max-width:479px){
  :root{
    --dlHeaderH:106px
  }

}
@media (min-width:480px) and (max-width:1023px){
  :root{
    --dlHeaderH:100px
  }

}
#center{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  /* With fixed header,push content down */ padding:calc(var(--dlHeaderH)+12px) 12px 0 12px !important
}
@media (max-width:1023px){
  #center{
    padding:calc(var(--dlHeaderH)+10px) 8px 0 8px !important
  }

}
.header,.toolbar-option-wrapper,footer{
  max-width:none !important;
  width:100% !important
}
.header{
  margin:0 auto !important
}
.header-wrapper-background{
  position:fixed !important;
  top:0;
  left:0;
  right:0;
  z-index:9999;
  box-shadow:0 2px 10px rgba(0,0,0,.12)
}
.site-menu{
  margin-top:0 !important
}
.header-logo{
  height:auto !important;
  padding:4px 0 !important
}
.header-mainbar{
  padding:6px 0 !important;
  gap:10px !important
}
.header-logo #image-lc,.header-logo-lc-mc #image-lc{
  max-height:38px !important;
  width:auto !important
}
.header-logo #image-sc{
  max-height:38px !important;
  width:auto !important
}
.header-mainbar-user a{
  padding:4px 8px !important;
  border-radius:12px !important;
  font-size:13px !important
}
.header-mainbar-right .button,.header-mainbar-right a.button{
  height:30px !important;
  padding:6px 12px 4px 12px !important;
  font-size:13px !important
}
.site-menu ul li a{
  padding:10px 10px !important
}
@media (max-width:479px){
  .header-mainbar{
    padding:5px 0 !important
  }
  .header-logo #image-sc{
    max-height:34px !important
  }
  .header-mainbar-user a{
    padding:4px 7px !important;
    font-size:12.5px !important
  }
  .header-mainbar-right .button,.header-mainbar-right a.button{
    height:28px !important;
    padding:5px 10px 3px 10px !important;
    font-size:12.5px !important
  }
  .site-menu ul li a{
    padding:10px 8px !important
  }

}
@media print{
  .header-wrapper-background{
    position:static !important;
    box-shadow:none !important
  }
  #center{
    padding-top:0 !important
  }

}
.toolbar-option,.breadcrumb,.dl-cms-box,.panel,.panel .panel-content,.breakingnews,.owl-carousel,.dl-owl-wrap,.search-content,.ads-show,.note-info,.note-warm,.note-success,.website-status-closed,.website-status-404{
  box-shadow:none !important;
  border:0 !important
}
.panel{
  background:transparent !important
}
.article-brief-content,.article-cat{
  box-shadow:none !important;
  border:0 !important;
  border-radius:0px !important;
  overflow:hidden !important
}
.article-brief-content{
  background:#fff !important
}
.article-brief-content:hover,.article-cat:hover{
  box-shadow:none !important
}
.article-brief-content .brief-text,.file-brief-content .brief-text,.store-brief-content .brief-text,.article-cat .brief-text,.file-cat .brief-text,.store-cat .brief-text{
  border-top:0 !important
}
.article-brief-content .title,.file-brief-content .title,.store-brief-content .title,.article-cat .title,.file-cat .title,.store-cat .title{
  font-size:20px !important;
  line-height:1.35 !important
}
.article-brief-content .title h2,.file-brief-content .title h2,.store-brief-content .title h2{
  font-size:inherit !important
}
@media (max-width:1023px){
  .article-brief-content .title,.file-brief-content .title,.store-brief-content .title,.article-cat .title,.file-cat .title,.store-cat .title{
    font-size:18px !important
  }

}
.dl-md-section-name{
  font-size:18px !important;
  line-height:1.3 !important
}
footer{
  border-radius:0 !important
}
.pages ul li a{
  border:0 !important;
  background:#f6f6f6 !important;
  border-radius:12px !important
}
.header-wrapper,.footer-wrapper,.toolbar-option-separator{
  max-width:none !important
}
:root{
  --dlTopGreen:#9e237d
}
.header-wrapper-background{
  border-top:0 !important;
  background:transparent !important
}
.header-logo,.header-logo-lc-mc,.header-logo.sc-120,.header-mainbar{
  background:var(--dlTopGreen) !important
}
.header-logo{
  background:var(--dlTopGreen) !important
}
.header-mainbar-user a{
  border-color:rgba(255,255,255,.35) !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important
}
.header-mainbar-user a:hover{
  opacity:.95 !important
}
.header-mainbar-right .button,.header-mainbar-right a.button{
  background:rgba(255,255,255,.14) !important;
  border-bottom:0 !important;
  color:#fff !important
}
.header-mainbar-right .button:hover,.header-mainbar-right a.button:hover{
  background:rgba(255,255,255,.22) !important
}
nav.site-menu,.site-menu{
  background:#fff !important;
  background-color:#fff !important;
  box-shadow:none !important
}
.site-menu ul li a,.site-menu ul li a:link,.site-menu ul li a:visited{
  color:#000 !important;
  border-left:0 !important
}
.site-menu ul{
  background:transparent !important
}
.site-menu ul li:hover>a,.site-menu ul li:hover a{
  color:#000 !important;
  box-shadow:none !important;
  background:#f6f6f6 !important
}
.site-menu ul ul{
  background:#fff !important;
  box-shadow:none !important;
  border:1px solid #eee !important
}
.site-menu ul ul li a{
  color:#000 !important
}
.site-menu ul ul li a:hover{
  background:#f6f6f6 !important;
  box-shadow:none !important
}
.site-menu-float ul{
  background:#fff !important
}
.site-menu-float ul li a,.site-menu-float ul li a:link,.site-menu-float ul li a:visited{
  color:#000 !important;
  border-bottom:1px solid #eee !important
}
.site-menu-float ul li:hover{
  background:#f6f6f6 !important
}
.site-menu-float ul li:hover a{
  color:#000 !important
}
#snDockBtn{
  position:fixed;
  bottom:18px;
  width:54px;
  height:54px;
  border-radius:999px;
  border:0;
  cursor:pointer;
  z-index:9999;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
  font-size:22px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center
}
#snDockBtn.sn-left{
  left:18px
}
#snDockBtn.sn-right{
  right:18px
}
#snDockPanel{
  position:fixed;
  bottom:84px;
  width:380px;
  height:520px;
  border-radius:16px;
  overflow:hidden;
  z-index:9999;
  box-shadow:0 14px 30px rgba(0,0,0,.22);
  background:#fff;
  display:none
}
#snDockPanel.sn-open{
  display:block
}
#snDockPanel.sn-left{
  left:18px
}
#snDockPanel.sn-right{
  right:18px
}
#snDockPanel .sn-head{
  height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 10px;
  border-bottom:1px solid rgba(0,0,0,.08);
  background:#fff
}
#snDockPanel .sn-title{
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
#snDockPanel .sn-actions{
  display:flex;
  gap:8px;
  align-items:center
}
#snDockPanel .sn-actions a,#snDockPanel .sn-actions button{
  border:0;
  background:rgba(0,0,0,.06);
  border-radius:10px;
  padding:6px 10px;
  cursor:pointer;
  text-decoration:none;
  color:inherit;
  font-size:12px
}
#snDockPanel .sn-actions button:hover,#snDockPanel .sn-actions a:hover{
  background:rgba(0,0,0,.10)
}
#snDockPanel iframe{
  width:100%;
  height:calc(100% - 46px);
  border:0;
  display:block
}
.nav-user-notify{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border:1px solid rgba(0,0,0,.18);
  border-radius:14px;
  background:#fff;
  color:#000;
  position:relative;
  margin-inline-start:6px
}
.nav-user-notify:hover{
  opacity:.9
}
.notify-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  background:#c0392b;
  color:#fff;
  font-size:12px;
  font-weight:900;
  line-height:1
}
.notify-badge--zero{
  display:none
}
.notify-wrap{
  max-width:1100px;
  margin:0 auto
}
.notify-topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 12px 0
}
.notify-filters{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap
}
.notify-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border:1px solid #b5b5b5;
  border-radius:12px;
  background:#fff;
  font-weight:900
}
.notify-tab.active{
  background:#2c3e4f;
  color:#fff;
  border-color:#2c3e4f
}
.notify-pill{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid #eee;
  background:#fafafa;
  font-weight:900
}
.notify-list{
  display:flex;
  flex-direction:column;
  gap:8px
}
.notify-item-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
  flex-wrap:wrap
}
.notify-title{
  font-weight:900;
  color:#2c3e4f
}
.notify-meta{
  font-size:12px;
  opacity:.8;
  display:flex;
  gap:8px;
  flex-wrap:wrap
}
.notify-type{
  font-weight:900
}
.notify-time{
  direction:ltr
}
.notify-body{
  margin-top:6px;
  color:#333;
  opacity:.9;
  line-height:1.7
}
.notify-view-head{
  margin-bottom:12px
}
.notify-view-title{
  font-size:18px;
  font-weight:900;
  color:#2c3e4f;
  line-height:1.5
}
.notify-view-meta{
  margin-top:6px;
  font-size:12px;
  opacity:.8;
  display:flex;
  gap:10px;
  flex-wrap:wrap
}
.notify-view-body{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:12px;
  line-height:1.9
}
.notify-view-actions{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap
}
.snc-wrap{
  max-width:980px;
  margin:18px auto;
  background:#fff;
  border-radius:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  overflow:hidden
}
.snc-header{
  padding:14px 16px;
  border-bottom:1px solid rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px
}
.snc-title{
  font-size:18px;
  font-weight:700
}
.snc-sub{
  font-size:12px;
  opacity:.75
}
.snc-actions{
  padding:10px 16px;
  border-bottom:1px solid rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:rgba(0,0,0,.02)
}
.snc-actions-left{
  display:flex;
  align-items:center;
  gap:6px
}
.snc-actions-label{
  opacity:.7;
  font-size:12px
}
.snc-actions-right{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap
}
.snc-btn{
  padding:6px 10px !important
}
.snc-danger{
  background:#d64545 !important;
  color:#fff !important
}
.snc-list{
  height:min(48vh,520px);
  overflow:auto;
  padding:14px 12px;
  background:rgba(0,0,0,.015)
}
.snc-loading{
  opacity:.7;
  padding:12px;
  text-align:center
}
.snc-msg.snc-selected{
  background:rgba(43,140,255,.12);
  outline:2px solid rgba(43,140,255,.18)
}
.snc-body{
  white-space:pre-wrap;
  word-break:break-word;
  line-height:1.55
}
.snc-like button.snc-liked{
  background:rgba(255,57,100,.12)
}
.snc-form{
  border-top:1px solid rgba(0,0,0,.06);
  padding:12px 12px;
  background:#fff
}
.snc-input{
  width:100%;
  min-height:40px;
  resize:vertical;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  padding:10px 12px
}
.snc-form-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
  flex-wrap:wrap
}
.snc-file{
  max-width:140px
}
.snc-send{
  padding:10px 16px !important
}
.snc-hint{
  margin-top:8px;
  font-size:12px;
  opacity:.7
}
.snc-edit{
  margin-top:8px;
  display:none
}
.snc-msg.snc-editing .snc-edit{
  display:block
}
.snc-edit textarea{
  width:100%;
  min-height:80px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  padding:10px 12px;
  resize:vertical
}
.snc-edit .snc-edit-actions{
  display:flex;
  gap:8px;
  margin-top:8px
}
.snc-edit .snc-edit-actions button{
  border:0;
  border-radius:10px;
  padding:8px 12px;
  cursor:pointer;
  background:rgba(0,0,0,.06)
}
.snc-edit .snc-edit-actions button.snc-save{
  background:rgba(43,140,255,.18)
}
.snc-edit .snc-edit-actions button.snc-cancel{
  background:rgba(0,0,0,.06)
}
:root{
  --sn-outgoing-bg:#f0cbf2e6;
  --sn-outgoing-border:rgba(176,74,186,0.28);
  --sn-outgoing-text:#1f1b1f
}
.shop-title{
  border-top:6px solid #3d82a7;
  border-right:1px solid #b5b5b5;
  border-left:1px solid #b5b5b5;
  background-color:#f0f0f0;
  padding:0 10px;
  overflow:hidden;
  color:#3d82a7
}
.shop-content{
  line-height:1.5;
  clear:both;
  padding:10px;
  box-shadow:inset 0 0 1px 1px #b5b5b5;
  overflow:hidden;
  background:#fff
}
.shop-content blockquote{
  background-color:#f0f0f0;
  padding:1%;
  margin:2%;
  color:#3d82a7;
  border-right:8px solid #c0392b
}
.shop-content .shop-image{
  margin-bottom:10px
}
.shop-body iframe,.shop-body embed,.shop-body img{
  margin:10px auto
}
.shop-statistic{
  color:#b5b5b5;
  direction:ltr
}
.shop-index-block-title{
  border-top:4px solid #3d82a7;
  padding:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0px 0px 2px #b5b5b5;
  margin-bottom:10px;
  color:#3d82a7;
  font-size:26px;
  background-size:100% 200%;
  background-image:linear-gradient(to bottom,#ffffff 50%,#3a5269 50%);
  transition:background-position 0.5s,color 0.5s
}
.shop-index-block-title:hover{
  color:#ffffff;
  background-position:0 -100%
}
.shop-index-block-title-wrapper:hover>.shop-index-block-title,.shop-index-block-title-wrapper:hover>a .shop-index-block-title{
  color:#ffffff;
  background-position:0 -100%
}
.shop-brief-content{
  width:98%;
  margin:0 0 3% 0;
  height:97%;
  background:#fff;
  box-shadow:0px 0px 2px #b5b5b5;
  line-height:1.4;
  will-change:transform;
  transition:transform 0.22s cubic-bezier(0.2,0.8,0.2,1),box-shadow 0.22s,filter 0.22s
}
.shop-brief-content:hover{
  cursor:pointer;
  transform:translateY(-6px) scale(1.015);
  box-shadow:0 18px 38px rgba(0,0,0,0.2),0 0 0 1px rgba(44,62,79,0.2) inset
}
.shop-price-bar .dlcms-shop-pricebar-center{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap
}
.shop-price-bar .shop-price-old{
  font-size:12px;
  font-weight:700;
  opacity:.65;
  color:rgba(255,255,255,0.75);
  text-decoration:line-through;
  display:inline-block;
  margin-right:12px;
  /* RTL:space between old & current */ margin-inline-start:12px
}
.shop-brief-content .cat-title{
  padding:10px 1.5% 10px 1.5%;
  height:40px;
  z-index:3;
  position:relative;
  color:#fff;
  margin-top:-40px;
  background:rgba(0,0,0,0.5)
}
.shop-brief-content .cat-title span{
  display:inline-block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:80%
}
.shop-brief-content .brief-text{
  padding:6px;
  border-top:1px solid #b5b5b5;
  text-align:justify;
  opacity:0.65;
  transition:opacity .5s
}
.shop-brief-content .brief-text:empty{
  display:none
}
.shop-brief-content .title{
  color:#3d82a7;
  padding:6px;
  text-align:justify
}
.shop-brief-content .title h2{
  padding:0;
  margin:0;
  font-size:inherit
}
.shop-brief-content .image-wrapper{
  position:relative;
  overflow:hidden
}
.shop-brief-content .shop-image-link{
  display:block
}
.shop-brief-content .shop-image-link img{
  display:block
}
.shop-brief-content .image-wrapper img{
  width:100%;
  height:200px;
  vertical-align:bottom;
  transition:transform .55s,filter .55s;
  object-fit:cover
}
.shop-brief-content:hover>.image-wrapper img{
  transform:scale(1.16);
  filter:brightness(1.03) contrast(1.03)
}
.shop-brief-content:hover>.brief-text{
  opacity:1
}
.shop-brief-social-share .socialicon{
  margin:4px
}
.shop-brief-social-share .dropdown-content{
  visibility:hidden;
  opacity:0;
  background-color:#f0f0f0;
  border:1px #b5b5b5 solid;
  border-radius:6px;
  transition:opacity 0.4s ease-in-out,visibility 0.4s ease-in-out
}
.shop-brief-social-share .typcn{
  cursor:pointer;
  margin:0;
  color:#fff;
  text-shadow:1px 1px #000
}
.shop-brief-social-share .typcn:hover+.dropdown-content,.shop-brief-social-share .dropdown-content:hover{
  visibility:visible;
  opacity:1
}
.shop-cat{
  width:98%;
  margin:0 0 3% 0;
  height:97%;
  line-height:1.4;
  box-shadow:0px 0px 2px #3d82a7;
  background-color:#3d82a7
}
.shop-cat .brief-text{
  padding:6px;
  border-top:1px solid #b5b5b5;
  text-align:justify;
  color:#fafafa;
  opacity:0.6
}
.shop-cat .brief-text:empty{
  display:none
}
.shop-cat .title{
  color:#fafafa;
  padding:6px;
  text-align:justify;
  background-color:#3d82a7
}
.shop-cat .title h2{
  padding:0;
  margin:0;
  font-size:inherit
}
.shop-cat .image-wrapper{
  overflow:hidden
}
.shop-cat .image-wrapper img{
  width:100%;
  height:200px;
  vertical-align:bottom;
  transition:transform .55s,filter .55s;
  object-fit:cover
}
.shop-cat:hover>.image-wrapper img{
  transform:scale(1.1)
}
.shop-author-info{
  line-height:1.5
}
.shop-author-socialButton .socialicon{
  margin-top:6px
}
@media only screen and (min-width:1px) and (max-width:479px){
  .shop-brief-content,.shop-cat{
    width:100%
  }

}
@media only screen and (min-width:480px) and (max-width:1023px){
  .flex-row div:nth-child(2n/**/+2) .shop-brief-content,.flex-row div:nth-child(2n/**/+2) .shop-cat{
    width:100%
  }

}
@media only screen and (min-width:1024px){
  .flex-row div:nth-child(3n/**/+3) .shop-brief-content,.flex-row div:nth-child(3n/**/+3) .shop-cat{
    width:100%
  }

}
.shop-show-layout-related .shop-brief-content{
  width:100% !important
}
.shop-product-wrap{
  display:flex;
  gap:16px;
  align-items:flex-start;
  flex-wrap:wrap;
  margin:10px 0 16px 0
}
.shop-img-prev{
  left:10px
}
.shop-img-next{
  right:10px
}
.shop-thumbs{
  display:flex;
  gap:8px;
  margin-top:10px;
  flex-wrap:wrap
}
.shop-thumb.active{
  border-color:#3d82a7;
  opacity:1
}
.shop-price-old{
  text-decoration:line-through
}
.shop-opt-title{
  font-weight:bold;
  margin-bottom:6px;
  color:#3d82a7
}
.shop-chip{
  border:2px solid #3d82a7;
  background:#fff;
  color:#3d82a7;
  border-radius:0;
  padding:6px 10px;
  cursor:pointer;
  transition:all .2s
}
.shop-chip:hover{
  background:#3a5269;
  color:#ffffff
}
.shop-chip.active{
  background:#3d82a7;
  color:#ffffff
}
.shop-qty{
  align-items:center
}
.shop-qty-btn{
  width:44px;
  height:40px;
  border:2px solid #3d82a7;
  background:#fff;
  border-radius:10px;
  cursor:pointer;
  font-size:22px;
  color:#3d82a7
}
.shop-qty-value{
  min-width:34px;
  text-align:center;
  font-size:18px;
  color:#3d82a7
}
.shop-add-to-cart{
  width:100%;
  margin-top:10px;
  padding:12px 10px;
  border-radius:0;
  border:2px solid #3d82a7;
  background:#3d82a7;
  color:#ffffff;
  font-size:20px;
  cursor:pointer
}
.shop-add-to-cart:hover{
  background:#3a5269
}
.shop-cart-note{
  margin-top:8px;
  min-height:22px;
  opacity:.85
}
.shop-cart-note.ok{
  opacity:1;
  color:#3d82a7
}
.shop-product-wrap{
  margin:8px 0 0 0
}
.shop-topbar{
  display:flex;
  /* opposite side (RTL):flex-start places on the right */ justify-content:flex-start;
  align-items:center;
  margin:0 0 10px 0
}
.shop-cart-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 16px;
  border-radius:0;
  border:1px solid #e53935;
  background:#e53935;
  color:#ffffff;
  font-weight:800;
  text-decoration:none;
  transition:background 0.2s,color 0.2s,transform 0.2s,box-shadow 0.2s
}
.shop-cart-link:hover{
  background:#ffffff;
  color:#e53935;
  transform:translateY(-1px);
  box-shadow:0 0 0 3px rgba(229,57,53,0.15)
}
.shop-cart-link #shop-cart-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:0;
  background:rgba(255,255,255,0.22);
  color:#fff;
  font-size:13px;
  font-weight:900;
  line-height:1
}
.shop-cart-link:hover #shop-cart-count{
  background:rgba(229,57,53,0.12);
  color:#e53935
}
.shop-product-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:16px;
  align-items:start
}
.shop-gallery-card{
  background:#fff;
  border:1px solid #b5b5b5;
  border-radius:0;
  overflow:hidden;
  box-shadow:0px 0px 2px #b5b5b5
}
.shop-gallery-inner{
  display:flex;
  gap:12px;
  padding:12px
}
.shop-thumbs-rail{
  width:92px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px
}
.shop-thumb-scroll{
  width:42px;
  height:34px;
  border-radius:0;
  border:1px solid #b5b5b5;
  background:#fff;
  color:#3d82a7;
  cursor:pointer;
  font-size:14px;
  transition:transform .2s,background .2s
}
.shop-thumb-scroll:hover{
  transform:translateY(-1px)
}
.shop-thumbs{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:8px;
  overflow:auto;
  max-height:460px;
  padding:4px;
  scrollbar-width:thin
}
.shop-thumb-btn{
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  border-radius:0
}
.shop-thumb-btn:hover .shop-thumb{
  transform:scale(1.03);
  opacity:1
}
.shop-thumb-btn.active .shop-thumb,.shop-thumb.active{
  border-color:#3d82a7;
  opacity:1;
  box-shadow:0 0 0 3px rgba(44,62,79,0.18)
}
.shop-stage{
  flex:1;
  position:relative;
  min-height:460px;
  outline:none
}
.shop-stage-media{
  height:100%;
  width:100%;
  border-radius:0;
  border:1px solid #b5b5b5;
  background:#f0f0f0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  position:relative
}
.shop-main-img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  transition:opacity .25s ease,transform .25s ease;
  opacity:1;
  will-change:opacity,transform
}
.shop-stage-media:hover .shop-main-img{
  transform:scale(1.03)
}
.shop-nav-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border-radius:0;
  border:1px solid #b5b5b5;
  background:rgba(255,255,255,0.88);
  color:#3d82a7;
  cursor:pointer;
  font-size:30px;
  line-height:40px;
  box-shadow:0px 0px 2px #b5b5b5;
  transition:transform .2s,background .2s,opacity .2s;
  opacity:.95;
  z-index:2
}
.shop-nav-btn:hover{
  transform:translateY(-50%) scale(1.04)
}
.shop-nav-btn.prev{
  inset-inline-start:12px
}
.shop-nav-btn.next{
  inset-inline-end:12px
}
.shop-info{
  background:#fff;
  border:1px solid #b5b5b5;
  border-radius:0;
  padding:14px;
  box-shadow:0px 0px 2px #b5b5b5
}
.shop-title-product{
  border:0;
  background:transparent;
  padding:0;
  box-shadow:none;
  font-size:22px;
  line-height:1.35;
  margin:0 0 8px 0;
  color:#3d82a7
}
.shop-product-wrap .shop-opt{
  margin:12px 0;
  border:1px solid #f0f0f0;
  padding:10px;
  border-radius:0;
  background:#fafafa
}
.shop-product-wrap .shop-opt-title{
  color:#3d82a7;
  font-weight:800;
  margin:0 0 8px 0
}
.shop-product-wrap .shop-chip{
  border:1px solid #b5b5b5;
  background:#fff;
  color:#3d82a7;
  border-radius:0;
  padding:8px 12px;
  cursor:pointer;
  font-weight:800;
  transition:transform 0.2s,background 0.2s,border-color 0.2s,box-shadow 0.2s
}
.shop-product-wrap .shop-chip:hover{
  transform:translateY(-1px);
  background:#e53935;
  border-color:#e53935;
  color:#ffffff;
  box-shadow:0 0 0 3px rgba(229,57,53,0.18)
}
.shop-product-wrap .shop-chip.active{
  background:#e53935;
  border-color:#e53935;
  color:#ffffff;
  box-shadow:0 0 0 3px rgba(229,57,53,0.22)
}
.shop-qty-row{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid #b5b5b5;
  border-radius:0;
  background:#fafafa;
  padding:6px 10px
}
.shop-qty-btn{
  width:44px;
  height:40px;
  border-radius:0;
  border:1px solid #b5b5b5;
  background:#fff;
  color:#3d82a7;
  cursor:pointer;
  font-size:22px;
  font-weight:900;
  transition:transform .2s,background .2s
}
.shop-qty-btn:hover{
  transform:translateY(-1px)
}
.shop-qty-val{
  min-width:34px;
  text-align:center;
  font-size:18px;
  font-weight:800;
  color:#3d82a7
}
.shop-actions{
  margin-top:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap
}
.shop-addtocart{
  flex:1 1 180px;
  width:100%;
  padding:12px 14px;
  border-radius:0;
  border:1px solid #28a745;
  background:#28a745;
  color:#ffffff;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
  transition:transform .2s,background .2s,opacity .2s
}
.shop-addtocart:hover{
  transform:translateY(-1px);
  background:#218838
}
.shop-addtocart:disabled{
  opacity:.7;
  cursor:not-allowed
}
.shop-cart-note{
  margin-top:10px;
  min-height:22px;
  color:#333;
  opacity:.9
}
@media (max-width:920px){
  .shop-product-grid{
    grid-template-columns:1fr
  }
  .shop-gallery-inner{
    flex-direction:column
  }
  .shop-thumbs-rail{
    width:100%;
    flex-direction:row;
    justify-content:center
  }
  .shop-thumbs{
    flex-direction:row;
    max-height:none;
    overflow:auto;
    width:100%
  }
  .shop-stage{
    min-height:320px
  }
  .shop-thumb-scroll{
    width:38px;
    height:38px
  }

}
.shop-card-variants{
  margin-top:10px;
  display:flex;
  flex-direction:column;
  gap:6px
}
.shop-card-colors,.shop-card-sizes{
  display:flex;
  flex-wrap:wrap;
  gap:10px
}
.shop-size-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:auto;
  min-height:24px;
  padding:3px 10px;
  border:1px solid #b5b5b5;
  border-radius:0;
  background:#fff;
  color:#3d82a7;
  font-size:12px;
  font-weight:800;
  line-height:1.2
}
.shop-color-chip{
  width:22px;
  height:22px;
  border:1px solid #b5b5b5;
  border-radius:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff
}
.shop-color-chip.shop-color-text{
  width:auto;
  min-width:44px;
  padding:3px 10px;
  height:auto;
  min-height:22px;
  line-height:1.2;
  white-space:normal;
  word-break:break-word;
  text-align:center;
  max-width:100%;
  box-sizing:border-box;
  font-size:11px;
  font-weight:800;
  color:#3d82a7
}
.shop-cat-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px 0
}
.shop-cat-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border:1px solid #b5b5b5;
  border-radius:0;
  background:#fff;
  color:#3d82a7;
  text-decoration:none;
  font-weight:800;
  font-size:14px
}
.shop-cat-link.level-1,.shop-cat-link.level-2,.shop-cat-link.level-3{
  padding:7px 10px;
  font-size:13px;
  opacity:.95
}
.shop-cat-link.active{
  background:#3d82a7;
  border-color:#3d82a7;
  color:#ffffff
}
.shop-product-wrap .shop-color-chips .shop-color-chip,.shop-product-wrap .shop-size-chips .shop-size-chip{
  width:auto;
  height:auto;
  min-width:0;
  max-width:100%;
  white-space:normal;
  word-break:break-word;
  line-height:1.2;
  text-align:center
}
.shop-content .shop-color-chip,.shop-content .shop-size-chip{
  border-radius:0
}
.shop-content .shop-color-chip:hover,.shop-content .shop-size-chip:hover,.shop-product-wrap .shop-color-chip:hover,.shop-product-wrap .shop-size-chip:hover{
  background:#e53935;
  border-color:#e53935;
  color:#ffffff;
  box-shadow:0 0 0 3px rgba(229,57,53,0.18)
}
.shop-content .shop-color-chip.active,.shop-content .shop-size-chip.active,.shop-product-wrap .shop-color-chip.active,.shop-product-wrap .shop-size-chip.active{
  background:#e53935;
  border-color:#e53935;
  color:#ffffff;
  box-shadow:0 0 0 3px rgba(229,57,53,0.22)
}
.page-content blockquote{
  background-color:#f0f0f0;
  padding:1%;
  margin:2%;
  color:#3d82a7;
  border-right:8px solid #c0392b
}
.shop-brief-content.dlcms-shop-card{
  /* make the card a bit taller+move content inward */ min-height:360px;
  padding:14px 14px 14px 14px;
  /* extra bottom padding so size chips don't touch the edge */ box-sizing:border-box;
  display:flex;
  flex-direction:column
}
.shop-brief-content.dlcms-shop-card .shop-card-info{
  padding:10px 6px 14px 6px;
  display:flex;
  flex-direction:column;
  flex:1 1 auto
}
.shop-brief-content.dlcms-shop-card .shop-card-variants{
  margin-top:auto;
  /* push variants to bottom nicely */ padding-top:10px;
  padding-bottom:6px
}
.shop-brief-content.dlcms-shop-card .shop-card-sizes{
  margin-top:6px
}
@media (max-width:768px){
  .shop-brief-content.dlcms-shop-card{
    min-height:unset;
    padding:12px 10px 20px 10px
  }
  .shop-brief-content.dlcms-shop-card .shop-card-info{
    padding:8px 4px 12px 4px
  }

}
body.dlcms-shop-scope{
  --mart-ivory:#f6f1e4;
  /* سكري/عاجي */ --mart-footer:#f6f6f6
}
body.dlcms-shop-scope .header-wrapper-background{
  padding-top:10px;
  padding-bottom:10px
}
body.dlcms-shop-scope .mart-header-shell{
  max-width:1180px;
  margin:10px auto;
  background:var(--mart-ivory);
  border-radius:0px;
  box-shadow:0 2px 26px rgba(0,0,0,.18);
  overflow:hidden
}
body.dlcms-shop-scope .mart-header-shell .header,body.dlcms-shop-scope .mart-header-shell .header-logo,body.dlcms-shop-scope .mart-header-shell .site-menu{
  background:transparent
}
body.dlcms-shop-scope .mart-header-shell .header-logo-lc-mc{
  margin-bottom:2;
  /* cancel the old overlap */
}
body.dlcms-shop-scope .mart-header-shell .site-menu ul li a{
  color:#3d82a7;
  border-left:solid 1px rgba(44,62,79,.15)
}
body.dlcms-shop-scope .mart-header-shell .site-menu ul li:hover{
  background:#3d82a7
}
body.dlcms-shop-scope .mart-header-shell .site-menu ul li:hover a{
  color:#ffffff;
  box-shadow:none
}
body.dlcms-shop-scope .mart-header-shell .site-menu ul ul{
  background:var(--mart-ivory);
  border:1px solid rgba(44,62,79,.18)
}
body.dlcms-shop-scope .mart-header-shell .site-menu ul ul li a{
  color:#3d82a7
}
body.dlcms-shop-scope .mart-header-shell .site-menu ul ul li a:hover{
  background:#3d82a7;
  color:#ffffff
}
body.dlcms-shop-scope .mart-header-shell .site-menu .nav-home-link{
  color:#ffffff
}
body.dlcms-shop-scope .mart-header-shell .toolbar-option-wrapper{
  max-width:100%;
  margin:0;
  padding:0 10px 10px 10px
}
body.dlcms-shop-scope .mart-header-shell .toolbar-option{
  background:transparent;
  box-shadow:none;
  padding:8px 0
}
body.dlcms-shop-scope .mart-header-shell .search-form{
  background:#ffffff;
  border:1px solid rgba(44,62,79,.25)
}
body.dlcms-shop-scope .mart-header-shell .search-form:focus{
  border:1px solid rgba(44,62,79,.55);
  box-shadow:0 0 0 3px rgba(44,62,79,.10)
}
body.dlcms-shop-scope .footer-wrapper{
  background:var(--mart-footer)
}
body.dlcms-shop-scope footer{
  background:var(--mart-footer);
  color:#3d82a7
}
body.dlcms-shop-scope footer a{
  color:#c0392b
}
body.dlcms-shop-scope footer a:hover{
  color:#c0392b;
  opacity:.85
}
.owl-carousel .owl-wrapper:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0
}
.owl-carousel,.owl-carousel .owl-wrapper{
  display:none;
  position:relative
}
.owl-carousel{
  width:100%;
  -ms-touch-action:pan-y
}
.owl-carousel .owl-wrapper-outer{
  overflow:hidden;
  position:relative;
  width:100%
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition:height .5s ease-in-out;
  -moz-transition:height .5s ease-in-out;
  -ms-transition:height .5s ease-in-out;
  -o-transition:height .5s ease-in-out;
  transition:height .5s ease-in-out
}
.owl-carousel .owl-item{
  float:left
}
.owl-controls .owl-buttons div,.owl-controls .owl-page{
  cursor:pointer
}
.owl-controls{
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:transparent
}
.grabbing{
  cursor:url("../app/slides/theme/owl-slides/grabbing.png") 8 8,move
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0)
}
.owl-theme .owl-controls{
  margin-top:10px;
  text-align:center
}
.owl-theme .owl-controls .owl-buttons div{
  color:#FFF;
  display:inline-block;
  zoom:1;
  margin:5px;
  padding:3px 10px;
  font-size:12px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
  background:#869791;
  filter:Alpha(Opacity=50);
  opacity:.5
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
  filter:Alpha(Opacity=100);
  opacity:1;
  text-decoration:none
}
.owl-theme .owl-controls .owl-page{
  display:inline-block;
  zoom:1
}
.owl-theme .owl-controls .owl-page span{
  display:block;
  width:12px;
  height:12px;
  margin:5px 7px;
  filter:Alpha(Opacity=50);
  opacity:.5;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  background:#869791
}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{
  filter:Alpha(Opacity=100);
  opacity:1
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
  height:auto;
  width:auto;
  color:#FFF;
  padding:2px 10px;
  font-size:12px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px
}
.owl-item.loading{
  min-height:150px;
  background:url("../app/slides/theme/owl-slides/AjaxLoader.gif") center center no-repeat
}
.support-wrap{
  max-width:1000px;
  margin:0 auto;
  padding:10px
}
.support-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  padding:12px;
  margin:10px 0
}
.support-title{
  font-size:18px;
  font-weight:700;
  margin:0 0 8px
}
.support-muted{
  opacity:.75;
  font-size:13px
}
.support-chat-wrap{
  position:relative
}
.support-chat{
  height:420px;
  overflow:auto;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  padding:10px;
  background:rgba(0,0,0,.02)
}
.support-center-upload{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  padding:14px 16px;
  border-radius:14px;
  background:#fff;
  border:1px dashed rgba(0,0,0,.25);
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  cursor:pointer;
  user-select:none;
  max-width:90%;
  text-align:center
}
.support-center-upload.is-hidden{
  display:none
}
.support-msg{
  margin:8px 0;
  display:flex;
  gap:10px;
  align-items:flex-start
}
.support-bubble{
  padding:8px 10px;
  border-radius:12px;
  max-width:78%;
  background:#fff;
  border:1px solid rgba(0,0,0,.08)
}
.support-me .support-bubble{
  margin-left:auto
}
.support-who{
  font-size:12px;
  opacity:.7;
  margin-bottom:3px
}
.support-form{
  display:flex;
  gap:8px;
  margin-top:10px;
  align-items:flex-end
}
.support-form .support-textarea{
  flex:1;
  padding:10px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.15);
  min-height:90px;
  resize:vertical
}
.support-form input[type="file"]{
  max-width:260px
}
.support-file-hidden{
  display:none !important
}
.support-form button{
  padding:10px 14px;
  border-radius:10px;
  border:0;
  cursor:pointer
}
.support-pill{
  display:inline-block;
  padding:2px 8px;
  border-radius:999px;
  font-size:12px;
  border:1px solid rgba(0,0,0,.15)
}


/* POS quick access bar (transactions) */
.pos-quicknav{
  
  position:fixed;
  
  left:0;
  
  right:0;
  
  bottom:0;
  
  z-index:1600;
  
  background:#fff;
  
  border-top:1px solid rgba(0,0,0,.10);
  
  padding:10px 12px;
  
  display:flex;
  
  gap:10px;
  
  justify-content:center;
  
  align-items:center;
  
  overflow-x:auto;
  
  -webkit-overflow-scrolling:touch;
  
}

.pos-quicknav a{
  
  display:inline-flex;
  
  align-items:center;
  
  justify-content:center;
  
  padding:8px 14px;
  
  border-radius:999px;
  
  background:#2c3e4f;
  
  color:#fff;
  
  text-decoration:none;
  
  font-weight:800;
  
  white-space:nowrap;
  
  line-height:1;
  
}

.pos-quicknav a:hover{
  opacity:.92
}

.pos-quicknav a.is-active{
  background:#8e1b7e
}

body.has-pos-quicknav{
  
  padding-bottom:calc(74px + env(safe-area-inset-bottom));
  
}

body.has-pos-quicknav .support-dock{
  
  bottom:calc(74px + var(--support-fab-gap) + env(safe-area-inset-bottom));
  
}

body.has-pos-quicknav a.back-to-top{
  
  bottom:calc(74px + 12px);
  
}

@media only screen and (max-width:479px){
  
  .pos-quicknav{
    padding:9px 10px;
     gap:8px;
     justify-content:flex-start
  }
  
  .pos-quicknav a{
    padding:7px 12px;
     font-weight:800
  }
  
}



/* ===== Merged from hotfix.css ===== */

/* Hotfix: social share row + shop thumbs on mobile (2026-02-21) */

/* ---- Social share: force horizontal row everywhere ---- */
.dl-social-share{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  flex-wrap:wrap !important;
  margin-top:10px;
}
.dl-social-share a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:0 !important;
}
.dl-social-share .socialicon{
  display:inline-block !important;
  margin:0 2px !important;
}

/* If share icons are inside dropdowns, keep them horizontal too */
.store-brief-social-share .dropdown-content,
.shop-brief-social-share .dropdown-content,
.article-brief-social-share .dropdown-content,
.file-brief-social-share .dropdown-content{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  flex-wrap:wrap !important;
  padding:8px !important;
}

/* Prevent vertical stacking caused by block links in some templates */
.store-brief-social-share .dropdown-content a,
.shop-brief-social-share .dropdown-content a,
.article-brief-social-share .dropdown-content a,
.file-brief-social-share .dropdown-content a{
  display:inline-flex !important;
}

/* ---- Shop product thumbs: make them small icons on mobile ---- */
@media (max-width:920px){
  .shop-thumbs-rail{
    width:100% !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    order:2 !important;
  }
  .shop-thumb-scroll{
    display:none !important; /* swipe scroll is enough on mobile */
  }
  .shop-thumbs{
    flex-direction:row !important;
    width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    max-height:none !important;
    gap:8px !important;
    padding:4px 2px !important;
    -webkit-overflow-scrolling:touch;
  }
  .shop-thumb{
    width:52px !important;
    height:52px !important;
    border-width:1px !important;
    opacity:1 !important;
  }
}

/* ---- Shop slider: square (1:1) crop + tap to full view modal ---- */
/* Make the main stage a true square and crop the image to fill it */
.shop-stage{min-height:0 !important;}
.shop-stage-media{
  aspect-ratio: 1 / 1;
  height:auto !important;
}
.shop-main-img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  cursor:zoom-in;
}

/* Full view modal */
html.dl-modal-open,
html.dl-modal-open body{overflow:hidden !important;}

.dl-img-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.88);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:999999;
  padding:18px;
}
.dl-img-modal.open{display:flex;}

.dl-img-modal-img{
  max-width:96vw;
  max-height:90vh;
  width:auto;
  height:auto;
  object-fit:contain;
  background:transparent;
  border-radius:0;
}

.dl-img-modal-close{
  position:absolute;
  inset-inline-end:14px;
  top:14px;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(0,0,0,.35);
  color:#fff;
  font-size:30px;
  line-height:40px;
  cursor:pointer;
  border-radius:0;
}
.dl-img-modal-close:hover{background:rgba(0,0,0,.55);}


/* Floating Support Buttons (WhatsApp / Messenger)
   Controlled from Support settings:
   - WhatsApp: support.wa_enabled / support.wa_phone / support.wa_message / support.wa_off_mode
   - Messenger: support.ms_enabled / support.ms_page / support.ms_ref / support.ms_off_mode
*/

:root{
  --support-fab-size: 56px;
  --support-fab-gap: 18px;
  --support-fab-gap-mobile: 10px;
  --support-fab-size-mobile: 46px;
  --support-fab-size-mobile-xs: 42px;
  --support-fab-mobile-lift: 56px; /* رفع الأزرار فوق عناصر أسفل الشاشة مثل back-to-top */
  --support-fab-z: 2147483647;
  --support-fab-shadow: 0 10px 25px rgba(0,0,0,.22);
  --support-fab-shadow-hover: 0 12px 28px rgba(0,0,0,.26);
  --support-fab-radius: 999px;
  --support-dock-gap: 10px;
}

/* Dock (container) */
.support-dock{
  position: fixed !important;
  top: auto !important;
  left: auto !important;

  /* Fallback first */
  right: var(--support-fab-gap) !important;
  bottom: var(--support-fab-gap) !important;

  /* Safe area aware (iOS / mobile browsers) */
  right: calc(var(--support-fab-gap) + env(safe-area-inset-right)) !important;
  bottom: calc(var(--support-fab-gap) + env(safe-area-inset-bottom)) !important;

  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--support-dock-gap);

  z-index: var(--support-fab-z) !important;

  /* Allow clicks only on buttons */
  pointer-events: none;

  /* Keeps layer stable on some mobile browsers */
  transform: translateZ(0);
  will-change: transform;
}

/* Buttons */
.support-fab{
  position: relative;
  width: var(--support-fab-size);
  height: var(--support-fab-size);
  border-radius: var(--support-fab-radius);
  border: 0;
  cursor: pointer;
  background: transparent;
  color: #fff;
  box-shadow: var(--support-fab-shadow);
  display: none; /* JS decides show/hide */
  align-items: center;
  justify-content: center;
  padding: 0;
  overflow: hidden;
  z-index: 1;
  line-height: 1;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .18s ease, transform .12s ease, box-shadow .18s ease;
}

.support-fab:hover{
  opacity: .94;
  box-shadow: var(--support-fab-shadow-hover);
}

.support-fab:active{
  transform: translateY(1px) scale(.99);
}

.support-fab:focus{
  outline: none;
}

.support-fab:focus-visible{
  box-shadow:
    0 0 0 3px rgba(255,255,255,.88),
    0 0 0 6px rgba(0,0,0,.28),
    var(--support-fab-shadow);
}

/* Channels */
.support-fab--wa{ background: #25D366; }
.support-fab--ms{ background: #0084ff; }

/* Icon wrappers */
.support-fab-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1;
}

.support-fab-img{
  width: 100%;
  height: 100%;
  display: block;
  border-radius: var(--support-fab-radius);
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}

/* Disabled/off state */
.support-fab.is-off{
  display: flex;
  background: #9aa4ad;
  opacity: .85;
  cursor: default;
}

.support-fab.is-off .support-fab-img{
  filter: grayscale(1) brightness(.92);
  opacity: .95;
}

.support-fab.is-off:hover{
  opacity: .85;
  box-shadow: var(--support-fab-shadow);
}

.support-fab.is-off:active{
  transform: none;
}

.support-fab.is-off::after{
  content: "";
  position: absolute;
  width: 22px;
  height: 2px;
  background: rgba(255,255,255,.95);
  transform: rotate(-40deg);
  border-radius: 2px;
  pointer-events: none;
}

/* Tablet adjustments (optional but useful) */
@media only screen and (min-width: 480px) and (max-width: 767px){
  :root{
    --support-fab-size: 50px;
    --support-fab-gap: 12px;
    --support-dock-gap: 9px;
  }

  .support-dock{
    right: var(--support-fab-gap) !important;
    bottom: var(--support-fab-gap) !important;
    right: calc(var(--support-fab-gap) + env(safe-area-inset-right)) !important;
    bottom: calc(var(--support-fab-gap) + env(safe-area-inset-bottom)) !important;
  }
}

/* Mobile */
@media only screen and (max-width: 479px){
  :root{
    --support-fab-size: var(--support-fab-size-mobile);
    --support-fab-gap: var(--support-fab-gap-mobile);
    --support-dock-gap: 8px;
  }

  /* On small screens:
     - smaller buttons
     - side-by-side layout
     - lifted above bottom UI and "back to top" */
  .support-dock{
    flex-direction: row;
    align-items: center;

    right: var(--support-fab-gap) !important;
    bottom: calc(var(--support-fab-gap) + var(--support-fab-mobile-lift)) !important;

    right: calc(var(--support-fab-gap) + env(safe-area-inset-right)) !important;
    bottom: calc(var(--support-fab-gap) + var(--support-fab-mobile-lift) + env(safe-area-inset-bottom)) !important;
  }

  .support-fab.is-off::after{
    width: 18px;
  }
}

/* Extra small phones */
@media only screen and (max-width: 360px){
  :root{
    --support-fab-size: var(--support-fab-size-mobile-xs);
    --support-dock-gap: 6px;
  }
}

/* If POS quick nav is visible, lift the support dock more on mobile */
@media only screen and (max-width: 479px){
  body.has-pos-quicknav .support-dock{
    bottom: calc(var(--support-fab-gap) + 104px) !important;
    bottom: calc(var(--support-fab-gap) + 104px + env(safe-area-inset-bottom)) !important;
  }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .support-fab{
    transition: none;
  }
}