:root {--pmc:#857b77;--mc:#652e16;--sc:#c59e8d;--mtc:#652e16;--lc:#857b77;--bhc:#f1ecea;--scc:#652e16;--ptc:#652e16;--pbc:#3b3c3d;--ssc:#857b77;--bfc:#ffffff;--sbg:#f1ecea;--htc:#857b77;--wtc1:#857b77;--sbbc:#ffffff;--fc:#ebebeb;--h:FIRST;--mn:RIVAS;--shs:20px;--btf:15px;--sfs:16px;--sf:shabnam-fd;--shf:bentezar;}header.Masai-header.default .col-lg-8,
header.Masai-header.default .col-md-5,
header.Masai-header.default .col-sm-8,
header.Masai-header.default .col-7,
header.Masai-header.default .col-md-2,
header.Masai-header.default .col-sm-12 {
 padding-top: 25px !important;
}

header.Masai-header.default .logo-area {
 max-width: 100px !important;
}
@media (max-width: 480px) {
 .logo-nav-mobile {
 position: fixed !important;
 top: 0px !important;
 left: 50% !important;
 transform: translateX(-50%) !important; 
 display: flex !important;
 justify-content: center !important;
 align-items: center !important;
 width: 100px !important; 
 z-index: 9999 !important; 
 }

 .logo-nav-mobile img {
 max-height: 65px !important;
 width: auto !important; 
 display: block !important;
 }
}
@media (max-width: 1077px) {
 nav.header-responsive a {
 border-radius: 60px;
 }
}
@media (max-width: 1077px) {
 .nav-open .sidebar-collapse .navbar-collapse {
 
 z-index: 9999999;
 }
}
@media (max-width: 1077px) {
 .logo-nav-res {
 
 padding: 0px 92px;
 }
}


.product_title{
 padding-top: 25px;
}
@media (max-width: 480px) {
 .product-thumbnails {
 gap: 0px !important;
 }
}
.tab-pane p{
 text-align: justify;
}

.product-thumbnails {

 gap: 0px !important;

}







#testimonial .thumbnail {

 padding: 3px !important;
}

.logo-nav-mobile {
 flex: 1;
}

.logo-nav-mobile img {
 max-height: 40px;
 width: auto;
}

.navbar-translate .d-flex {
 display: flex !important;
 align-items: center !important;
 width: 100%;
}

.navbar-toggler {
 order: 1;
}

.logo-nav-mobile {
 order: 2;
}

.search-nav {
 order: 3;
}


@media (max-width: 480px) {
 .logo-nav-mobile img {
 max-height: 30px;
 }


}



 /* ----- دکمه شناور (فقط CSS) ----- */
 .floating-check {
 position: fixed;
 bottom: 40px;
 right: 40px;
 z-index: 100;
 }

 .floating-check input {
 display: none;
 }

 .floating-btn {
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 gap: 2px;
 width: 80px;
 height: 80px;
 border-radius: 50%;
 background: #652e16;
 border: none;
 color: white;
 cursor: pointer;
 box-shadow: #652e16;
 transition: all 0.3s ease;
 padding: 10px;
 text-align: center;
 user-select: none;
 }

 .floating-btn:hover {
 transform: scale(1.05);
 box-shadow: #652e16;
 }

 .floating-btn .icon {
 font-size: 24px;
 }

 .floating-btn .title {
 font-size: 11px;
 font-weight: 700;
 letter-spacing: 0.3px;
 }

 .floating-btn .sub {
 font-size: 7px;
 opacity: 0.7;
 }

 /* تغییر حالت دکمه وقتی چک‌باکس فعال است */
 .floating-check input:checked ~ .floating-btn {
 background: linear-gradient(135deg, #ae774a 0%, #b4753d 100%);
 transform: rotate(180deg);
 }

 /* ----- منوی شبکه‌ها (فقط CSS) ----- */
 .social-menu {
 position: fixed;
 bottom: 140px;
 right: 40px;
 display: flex;
 flex-direction: column;
 gap: 14px;
 z-index: 99;
 pointer-events: none; /* کلیک غیرفعال تا زمانی که باز شوند */
 }

 /* آیتم‌های منو */
 .social-menu a {
 width: 60px;
 height: 60px;
 border-radius: 50%;
 background: white;
 display: flex;
 align-items: center;
 justify-content: center;
 text-decoration: none;
 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
 border: 3px solid rgba(255, 255, 255, 0.2);
 backdrop-filter: blur(4px);
 position: relative;
 transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
 transform: scale(0) translateY(20px);
 opacity: 0;
 pointer-events: none; /* کلیک غیرفعال وقتی بسته است */
 }

 /* وقتی چک‌باکس تیک خورد، همه آیتم‌ها نمایش داده شوند */
 .floating-check input:checked ~ .social-menu a {
 transform: scale(1) translateY(0);
 opacity: 1;
 pointer-events: auto; /* کلیک فعال */
 }

 /* تاخیر هر آیتم */
 .social-menu a:nth-child(1) {
 transition-delay: 0.05s;
 }

 .social-menu a:nth-child(2) {
 transition-delay: 0.10s;
 }

 .social-menu a:nth-child(3) {
 transition-delay: 0.15s;
 }

 .social-menu a:nth-child(4) {
 transition-delay: 0.20s;
 }

 .social-menu a:hover {
 transform: scale(1.12) !important;
 box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
 border-color: #667eea;
 }

 .social-menu a .avatar {
 width: 38px;
 height: 38px;
 border-radius: 50%;
 object-fit: cover;
 border: 2px solid rgba(255, 255, 255, 0.8);
 }

 /* لیبل اسم شبکه */
 .social-menu a .label {
 position: absolute;
 right: 70px;
 top: 50%;
 transform: translateY(-50%);
 background: rgba(0, 0, 0, 0.8);
 color: white;
 font-size: 10px;
 padding: 3px 12px;
 border-radius: 12px;
 white-space: nowrap;
 backdrop-filter: blur(4px);
 opacity: 0;
 transition: all 0.3s ease;
 pointer-events: none;
 }

 .social-menu a:hover .label {
 opacity: 1;
 right: 80px;
 }

 /* ----- ریسپانسیو ----- */
 @media (max-width: 480px) {
 .floating-btn {
 bottom: 24px;
 right: 24px;
 width: 66px;
 height: 66px;
 padding: 8px;
 }

 .floating-btn .icon {
  font-size: 20px;
 }

 .floating-btn .title {
  font-size: 9px;
 }

 .floating-btn .sub {
  display: none;
 }

 .social-menu {
 bottom: 115px;
 right: 24px;
 gap: 12px;
 }

 .social-menu a {
  width: 50px;
  height: 50px;
 }

  .social-menu a .avatar {
  width: 30px;
  height: 30px;
  }

  .social-menu a .label {
  font-size: 8px;
  padding: 2px 10px;
  right: 60px;
  }

  .social-menu a:hover .label {
  right: 68px;
  }
 }

 @media (max-width: 400px) {
 .floating-btn {
 bottom: 18px;
 right: 18px;
 width: 56px;
 height: 56px;
 padding: 6px;
 }

 .floating-btn .icon {
  font-size: 16px;
 }

 .floating-btn .title {
  font-size: 7px;
 }

 .social-menu {
 bottom: 98px;
 right: 18px;
 gap: 10px;
 }

 .social-menu a {
  width: 42px;
  height: 42px;
 }

  .social-menu a .avatar {
  width: 24px;
  height: 24px;
  }

  .social-menu a .label {
  display: none;
  }
 }

 .warning-box {
margin-top: 20px;
 text-align: center;
 background-color: red;
 padding: 10px 5px;
 color: #ffffff;
}
}