.elementor-406 .elementor-element.elementor-element-b47cb88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}#elementor-popup-modal-406{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-406 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-406 .dialog-close-button{display:flex;}#elementor-popup-modal-406 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-406 .elementor-element.elementor-element-b47cb88{--content-width:500px;}.elementor-406 .elementor-element.elementor-element-9681757{width:initial;max-width:initial;}}/* Start custom CSS for text-editor, class: .elementor-element-9681757 *//* ===== UPAK | Size Guide Table Stylish & Responsive ===== */
.wd-sizeguide-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
  text-align: center;
}

/* عنوان سطر اول */
.wd-sizeguide-table tr:first-child td {
  background: #820000;             /* رنگ اصلی برند */
  color: #fff;
  font-weight: 700;
  padding: 14px 10px;
}

/* سلول‌های معمولی */
.wd-sizeguide-table td {
  padding: 12px 10px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.wd-sizeguide-table tr:nth-child(even) td {
  background: rgba(130,0,0,.05);  /* Zebra effect */
}

/* Hover effect */
.wd-sizeguide-table tr:hover td {
  background: rgba(175,155,95,.12);
  transition: .25s;
}

/* ===== Responsive ===== */

@media (max-width: 768px) {

  .wd-sizeguide-table,
  .wd-sizeguide-table tbody,
  .wd-sizeguide-table tr,
  .wd-sizeguide-table td {
    display: block;
    width: 100%;
  }

  .wd-sizeguide-table tr {
    margin-bottom: 10px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    overflow: hidden;
  }

  /* مخفی کردن اولین سطر (هدر) برای موبایل */
  .wd-sizeguide-table tr:first-child {
    display: none;
  }

  /* نمایش عنوان هر ستون کنار مقدار */
  .wd-sizeguide-table td {
    text-align: center;
    position: relative;
    padding: 10px 40px;
  }

  .wd-sizeguide-table td::before {
    content: attr(data-label);
    position: absolute;
    right: 10px;
    font-weight: bold;
    opacity: .7;
  }
}

/* ===== UPAK | Mobile 4-column fix (keep header, 25% each) ===== */
@media (max-width: 768px){

  /* اسکرول افقی امن، اگر خیلی تنگ شد */
  .responsive-table{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* برگردوندن رفتار جدول به حالت عادی (نه کارت/بلوک) */
  .wd-sizeguide-table,
  .wd-sizeguide-table tbody,
  .wd-sizeguide-table tr,
  .wd-sizeguide-table td{
    display: table !important;
    width: auto !important;
  }
  .wd-sizeguide-table tr{ display: table-row !important; margin: 0 !important; border: 0 !important; }
  .wd-sizeguide-table td{ display: table-cell !important; padding: 10px !important; }
  .wd-sizeguide-table td::before{ content: none !important; }

  /* هدر را دوباره نمایش بده */
  .wd-sizeguide-table tr:first-child{ display: table-row !important; }

  /* جدول فیکس و چهار ستون برابر */
  .wd-sizeguide-table{
    table-layout: fixed !important;
    min-width: 480px; /* اگر خیلی تنگ بود، اسکرول افقی فعال می‌شود */
  }
  .wd-sizeguide-table tr:first-child td,
  .wd-sizeguide-table td{
    width: 25% !important;         /* هر ستون 25% */
    word-break: keep-all;
    overflow-wrap: anywhere;       /* اعداد/کلمات طولانی نشکنند */
    text-align: center;
  }
}/* End custom CSS */