@font-face {
  font-family: 'arkbam';
  src: url('../fonts/arkbam.woff2') format('woff2'),
       url('../fonts/arkbam.woff') format('woff'),
       url('../fonts/arkbam.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {font-family: arkbam, tahoma; direction: rtl; background: #5C1C1D; ; padding: 0px;margin: 0px auto;}
body {background: #5C1C1D;
  background: linear-gradient(0deg,rgb(37, 12, 12) 0%, rgb(129, 29, 29) 50%, rgb(66, 20, 20) 100%);
}


#top-logo img {  width: 100%;  margin: 0px;  padding: 0px;}
#top-logo {  font-size: 0;}
#body-main{
  background-image2: url("../img/body.jpg"); /* آدرس تصویر */
  background-repeat: no-repeat;            /* تکرار نشود */
  background-position: center center;      /* وسط چین شود */
  background-attachment: fixed;            /* ثابت بماند با اسکرول */
  background-size: cover;                  /* کل صفحه را پر کند */
}


.main-class.class-custom {  position: relative;  z-index: 1;  padding: 0px;  color: white;}
.main-class.class-custom {  margin: 0 auto;  font-family: arkbam;min-height: 100vh;padding: 0px;max-width: 720px;}
#body-main-menu {  max-width: 720px;  margin: 0 auto;  font-family: arkbam;min-height: 100vh;padding: 0px 6%;}

#logo { display: none;text-align: center;width: 80px;background: #0000002B;padding: 8px 30px 0px 30px; margin: 20px auto 5px auto;border-radius: 0px 0px 15px 15px;}
.mb-3 {  text-align: center;margin: 0px auto;}
.mb-3 a {  color: #FFF;  font-family: arkbam;font-size: 10px;  font-weight: 300;padding: 0px 3px;text-decoration: none;}
.muted { color: #777; }
#text-info1{ text-align:center;margin:10px 0 12px;font-weight:600;color:#E4DEC7;text-shadow:0 1px 0 rgba(0,0,0,.6);font-size: 13px; direction: ltr;   }
h4 {  margin: 12px auto 10px;  text-align: center;  font-size: 18px; font-weight: 800;  color: #FFE789;  letter-spacing: .3px;  position: relative;}
h5 {  text-align: center;  padding: 0px;  margin: 0px;  font-size: 17px;  color: #FFB37B;}
.sub-dec { text-align: center; direction: ltr;}
h8 {  text-align: center;  padding: 0px;  margin: 0px;  font-size: 12px;  color: #FFB37B;direction: ltr;}

h6 {  display: none;}  
.level1-1 h4, .level1-141 h4, .level1-12 h4, .level1-14 h4 {display: none;}
  .level1-1, .level1-12, .level1-16 {  border-bottom: 1px solid #dddddd26;}
  .tabs-parent-141, .tabs-parent-144 {  margin-bottom: 10px;}
  /* تب‌ها */
.tabs { margin-bottom: 10px; }
  .tabs-parent-141, .tabs-parent-144 {  margin-bottom: 10px;}
.tab-buttons { display: flex; }
.tab-btn {  width: 98%;  margin: 0px 1%;}
.tab-btn{      display:flex; align-items:center; justify-content:center; min-height:auto; padding:6px 12px;border-radius:12px;  color:#FFF;background: #30111129;border:1px solid rgba(255, 255, 254, 0.27);
      backdrop-filter: blur(2px);    -webkit-backdrop-filter: blur(2px);
      transition:transform .12s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
      font-weight:400;  font-size:16px;text-decoration:none;  text-align:center;cursor:pointer; font-family: arkbam;  }
    .tab-btn:hover{
      background:linear-gradient(180deg, rgba(33,33,33,.55), rgba(15,15,15,.35));
      border-color: var(--gold);
      box-shadow: 0 6px 16px rgba(0,0,0,.35), inset 0 0 14px rgba(212,175,55,.12);
      transform: translateY(-1px);
    }
    .tab-btn:active{ transform:translateY(0) scale(.99) }
.tab-content { display: none; padding: 15px; background: #fff; }
.tab-content.active { display: block; }
.accordion-header { padding:6px 12px; border-radius:12px;  color:#FFF;  background: #1E235245;  border:1px solid rgba(255, 255, 254, 0.27);
  cursor: pointer; color: #FFF;text-align: center;font-size: 16px;}
/* آکاردیون */
.accordion {  overflow: hidden; }
.accordion-item { width: 98%;  margin: 0px 1% 10px 1%; }
.accordion-body { display: none; padding: 12px; background: #fff; }
.accordion-body.active { display: block; }
#text-copyright { margin-top: 28px;text-align: center;font-size: 11px; color: #cccccc99;}

@media (max-width: 560px) {
  .tab-btn {min-height: 20px;padding: 4px 4px; }
  h4 { font-size: 13px;margin: 12px auto 8px;  }
  .accordion-header { padding:6px 12px; border-radius:12px; background: #1E235245;  border:1px solid rgba(255, 255, 254, 0.27);
  cursor: pointer; color: #FFF;text-align: center;}
    .tab-btn, .accordion-header{ font-size: 12px; font-weight: 300;font-family:arkbam;}

}

    /* تب‌ها */
    .tab-content {display:none;background:#4D171587;border-radius:10px;padding:15px;margin-bottom:15px;position:relative;}
.tab-content.active {  display: block;  width: 94%;  margin: 10px auto;  padding: 2%;}
.close-tab {  position: absolute;  top: 0px;  left: 0px;  background: #ff4d4d;  border: none;  border-radius: 50%;  width: 18px;  height: 18px;  cursor: pointer;  color: #fff;  font-size: 12px;}
/* تب فعال */
.tab-btn.active {
  background: #ff6c00;   /* رنگ پس‌زمینه تب فعال (مثلاً قرمز تیره) */
  color: #fff;           /* رنگ متن تب فعال */
  font-weight: bold;     /* متن بولد شود */
}
    /* آیتم‌ها */
    .item-list {list-style:none;margin:0;padding:0;}
    .item {display:flex;flex-direction:row;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #dddddd4d;}
    .item-left {flex:0 0 80px;margin-right:10px;}
    .item-img {width:80px;height:80px;object-fit:cover;border-radius:6px;}
    .item-right {flex:1;}
    .item-top {display:flex;justify-content:space-between;align-items:center;font-weight:bold;margin-bottom:5px;}
.item-name { font-size: 13px;  color: #FF9B51;  font-weight: 400;}
.price {font-size: 18px;  color: #FFD1BD;padding-left: 1px;font-family:tahoma;float:left;}
.item-desc {  font-size: 12px;  color: #ffd6d6;  margin-top: 4px;  font-family: tahoma;float:right;}
.toman {  font-size: 11px;  color: #D1C7A7;  float: right;  line-height: 21px;  padding: 0px 7px;}
.item-top { display: block;}
.item-name { float: left;}
.price-box {  display: block;  float: right;}