.nwc-wrap{margin-top:12px}
.nwc-page .button{border-radius:10px !important;}
.nwc-wrap .button{border-radius:10px !important;}

.nwc-page{direction:rtl}
.nwc-topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:10px 0 14px}
.nwc-title{margin:0;font-size:20px}
.nwc-actions{display:flex;gap:10px;flex-wrap:wrap}
.nwc-skel{padding:14px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:rgba(0,0,0,.02)}

.nwc-root{position:relative}

.nwc-scroll{
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
}

/* Table */
.nwc-table{
  width:100%;
  min-width:920px;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
}
.nwc-table th,.nwc-table td{
  border-bottom:1px solid rgba(0,0,0,.06);
  padding:10px;
  vertical-align:top;
}
.nwc-th{width:25% !important;min-width:25% !important;max-width:25% !important;}

/* کم کردن فاصله بین عکس و متا */
.nwc-table thead tr:first-child th{padding-bottom:0 !important;}
.nwc-table thead tr.nwc-meta-row th{padding-top:0 !important;}

.nwc-table thead th:nth-child(2n+1),
.nwc-table tbody td:nth-child(2n+1){background:rgba(0,0,0,.012)}
.nwc-table thead th:nth-child(2n),
.nwc-table tbody td:nth-child(2n){background:rgba(0,0,0,.03)}

.nwc-empty-card{
  height:260px;
  display:flex;align-items:center;justify-content:center;
  border:1px dashed rgba(0,0,0,.12);
  border-radius:14px;
  opacity:.6;
}

/* Header */
.nwc-head{position:relative;padding:0;margin:0}
.nwc-img{display:block;width:100%}
.nwc-img img{
  width:100% !important;
  height:190px !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  border-radius:20px !important;
  background:transparent !important;
}

.nwc-x{
  position:absolute !important;
  right:12px !important;
  top:12px !important;
  left:auto !important;
  width:28px;height:28px;
  padding:0 !important;
  line-height:26px !important;
  border-radius:10px !important;
  min-height:28px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  z-index:30;
}

.nwc-meta{
  position: relative;
  z-index: 6;
  margin:0;
  padding:8px 10px 8px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background: rgba(235,235,235,.96);
  box-shadow:0 6px 14px rgba(0,0,0,.08);
}
.nwc-meta-placeholder{height:0}
.nwc-meta.is-fixed{position:fixed !important; z-index:9999 !important;}
.nwc-meta.is-locked{position:absolute !important; z-index:50 !important;}

.nwc-name{display:block;text-align:center;font-weight:950;margin:6px 0 8px;line-height:1.35}
.nwc-price{
  font-weight:900;
  width:100%;
  text-align:center;
}
.nwc-rating{display:none !important}
.nwc-rating .star-rating{float:none}
.nwc-row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  text-align:center;
}
.nwc-price{
  width:100%;
  text-align:center;
}

.nwc-attr{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.nwc-attr-label{font-weight:900;color:#111;background:transparent;padding:0;border-radius:0;opacity:.9;}
.nwc-attr-val{font-weight:700;opacity:.9}

/* Modal */
.nwc-modal{position:fixed;inset:0;background:rgba(0,0,0,.35);display:none;z-index:9999;padding:18px}
.nwc-modal.is-open{display:flex;align-items:center;justify-content:center}
.nwc-modal__box{
  width:min(760px,96vw);
  background:#fff;border-radius:14px;padding:14px;
  border:1px solid rgba(0,0,0,.08);
}
.nwc-modal__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.nwc-modal__title{font-weight:950;color:#111}

.nwc-close{
  width:34px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  font-size:26px !important;
  line-height:1 !important;
}

.nwc-searchwrap{
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  padding:8px;
  background:rgba(0,0,0,.02);
}
.nwc-search{
  width:100%;
  border:0 !important;
  background:transparent !important;
  padding:6px 6px;
  outline:none;
  color:#111;
}

.nwc-suggest-label{margin:10px 0 8px;font-weight:900;color:#111}
.nwc-list{height:230px; overflow:auto; display:grid; gap:8px; padding-right:4px;}

.nwc-item{
  width:100%;
  text-align:right;
  display:grid;
  grid-template-columns:56px 1fr;
  gap:10px;
  align-items:center;
  padding:10px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  cursor:pointer;
}
.nwc-item:hover{background:rgba(0,0,0,.02)}
.nwc-list .nwc-item img{
  width:56px !important;
  height:56px !important;
  object-fit:cover !important;
  border-radius:10px !important;
  display:block !important;
}
.nwc-item-name{font-weight:950;color:#111;line-height:1.35}
.nwc-item-price{color:#111;opacity:1;font-weight:800;}

/* ✅ چسبیدن عکس و باکس متا (کم کردن فاصله زیاد) */

/* ردیف عکس: پدینگ رو کامل حذف کن تا اضافه ارتفاع نده */
.nwc-table thead tr:first-child th{
  padding:0 !important;
}

/* خودِ باکس عکس را دقیقاً هم‌قدِ عکس کن تا فضای سفید اضافی نماند */
.nwc-head,
.nwc-img{
  height:260px !important;      /* همون height عکس */
  padding: 5px !important;
}
.nwc-head{ overflow:hidden; }

/* عکس داخلش کل ارتفاع را پر کند */
.nwc-img img{
  height:100% !important;
}

/* ردیف متا: پدینگ بالا صفر (قبلاً داری) */
.nwc-table thead tr.nwc-meta-row th{
  padding-top:10px !important;
  padding-bottom:10px !important;
}

/* متا را فقط در حالت عادی کمی بکش بالا (بدون خراب کردن sticky gap) */
.nwc-meta:not(.is-fixed):not(.is-locked){
  transform: translateY(0);   /* اگر هنوز فاصله زیاده -16 کن */
}

/* ==================================================
   NWC Compare - Mobile: show at least 2 products clearly
   ================================================== */

@media (max-width: 768px){

  .nwc-page{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .nwc-scroll{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .nwc-table{
    width:auto !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }

  .nwc-table th,
  .nwc-table td{
    width:46vw !important;
    min-width:46vw !important;
    max-width:46vw !important;
    box-sizing:border-box !important;
    padding:6px !important;
  }
  
  .nwc-th{
    width:46vw !important;
    min-width:46vw !important;
    max-width:46vw !important;
  }

  .nwc-head,
  .nwc-img{
    height:170px !important;
    padding:3px !important;
  }

  .nwc-img img{
    height:100% !important;
    border-radius:16px !important;
  }

  .nwc-meta{
    padding:7px 8px !important;
    border-radius:12px !important;
  }

  .nwc-name{
    font-size:13px !important;
    line-height:1.55 !important;
    margin:4px 0 6px !important;

    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .nwc-row{
    display:block !important;
    text-align:center !important;
  }

  .nwc-price{
    font-size:13px !important;
    line-height:1.6 !important;
    text-align:center !important;
  }

  .nwc-rating{
    display:none !important;
  }

  .nwc-attr{
    display:block !important;
    font-size:12px !important;
    line-height:1.8 !important;
  }

  .nwc-attr-label,
  .nwc-attr-val{
    display:block !important;
  }

  .nwc-x{
    width:26px !important;
    height:26px !important;
    min-height:26px !important;
    right:10px !important;
    top:10px !important;
    border-radius:9px !important;
  }
}


/* ===============================
   NWC Compare - Clean UI Final
   =============================== */

.nwc-wrap {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  margin-inline-start: auto !important;
}

.single-product form.cart {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.single-product form.cart .quantity {
  margin: 0 !important;
}

.single-product form.cart .single_add_to_cart_button {
  margin: 0 !important;
}

.nwc-wrap .nwc-compare-btn {
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 10px 16px !important;
  background: linear-gradient(135deg, #16a34a, #22c55e) !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 22px rgba(34,197,94,.18) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.nwc-wrap .nwc-compare-btn:hover {
  background: linear-gradient(135deg, #15803d, #16a34a) !important;
  color: #fff !important;
}

.nwc-page {
  direction: rtl !important;
}

.nwc-root {
  width: 100% !important;
}

.nwc-scroll {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch !important;
  border: 1px solid rgba(172,160,160,.28) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.94),
      rgba(245,240,241,.94)
    ) !important;
  box-shadow: 0 18px 45px rgba(52,43,45,.08) !important;
  padding: 14px !important;
}

.nwc-table {
  border-collapse: separate !important;
  border-spacing: 10px 10px !important;
  table-layout: fixed !important;
  min-width: 0 !important;
}

.nwc-table th,
.nwc-table td {
  border: 0 !important;
  padding: 0 !important;
  vertical-align: top !important;
  background: transparent !important;
}

.nwc-th {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
}

.nwc-table.has-feature-col .nwc-feature-head,
.nwc-table.has-feature-col .nwc-feature-meta,
.nwc-table.has-feature-col .nwc-feature-cell {
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
}

.nwc-feature-head-box,
.nwc-feature-cell {
  height: 100% !important;
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  padding: 12px !important;
  background:
    linear-gradient(
      135deg,
      rgba(172,160,160,.78),
      rgba(196,184,186,.78)
    ) !important;
  color: #24191b !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
}

.nwc-head {
  height: 230px !important;
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.68) !important;
  border: 1px solid rgba(172,160,160,.20) !important;
  box-shadow: 0 10px 24px rgba(52,43,45,.06) !important;
  padding: 8px !important;
}

.nwc-img {
  display: block !important;
  height: 100% !important;
  line-height: 0 !important;
}

.nwc-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 16px !important;
  background: #fff !important;
}

.nwc-empty-card {
  width: 100% !important;
  height: 230px !important;
  border: 2px dashed rgba(33,133,213,.28) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.58) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  cursor: pointer !important;
  transition: all .18s ease !important;
}

.nwc-empty-card:hover {
  background: rgba(33,133,213,.08) !important;
  border-color: rgba(33,133,213,.45) !important;
  transform: translateY(-1px) !important;
}

.nwc-plus-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #2185D5, #2ea2cc) !important;
  color: #fff !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 12px 24px rgba(33,133,213,.20) !important;
  font-family: Arial, sans-serif !important;
}

.nwc-meta {
  margin: 0 !important;
  padding: 10px 11px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(172,160,160,.20) !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 10px 24px rgba(52,43,45,.06) !important;
}

.nwc-name {
  color: #24191b !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.7 !important;
  margin: 0 0 8px !important;
}

.nwc-price {
  color: #2185D5 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.7 !important;
}

.nwc-table tbody td {
  padding: 11px 12px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.68) !important;
  border: 1px solid rgba(172,160,160,.16) !important;
  box-shadow: 0 8px 18px rgba(52,43,45,.04) !important;
  vertical-align: middle !important;
}

.nwc-attr {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-height: 34px !important;
}

.nwc-attr-label {
  display: none !important;
}

.nwc-attr-val {
  color: #342b2d !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.8 !important;
}

.nwc-empty-value {
  color: rgba(52,43,45,.35) !important;
  text-align: center !important;
}

.nwc-x {
  width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: rgba(214,54,56,.10) !important;
  color: #d63638 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-family: Arial, sans-serif !important;
}

.nwc-x:hover {
  background: #d63638 !important;
  color: #fff !important;
}

/* Modal clean style */
.nwc-modal {
  background: rgba(0,0,0,.42) !important;
  z-index: 9999999 !important;
  padding: 18px !important;
}

.nwc-modal__box {
  width: min(720px, calc(100% - 28px)) !important;
  max-height: calc(100vh - 40px) !important;
  overflow: hidden !important;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.97),
      rgba(245,240,241,.97)
    ) !important;
  border: 1px solid rgba(172,160,160,.28) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.22) !important;
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
}

.nwc-modal__head {
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(172,160,160,.20) !important;
}

.nwc-modal__title {
  color: #24191b !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.8 !important;
}

.nwc-close {
  width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: rgba(214,54,56,.10) !important;
  color: #d63638 !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-family: Arial, sans-serif !important;
}

.nwc-close:hover {
  background: #d63638 !important;
  color: #fff !important;
}

.nwc-searchwrap {
  border: 1px solid rgba(172,160,160,.22) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.72) !important;
  padding: 10px !important;
}

.nwc-search {
  font-size: 14px !important;
  font-weight: 700 !important;
}

.nwc-suggest-label {
  margin: 12px 0 8px !important;
  color: #24191b !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.nwc-list {
  height: min(330px, 46vh) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: grid !important;
  gap: 9px !important;
  padding: 2px 0 2px 4px !important;
}

.nwc-item {
  border: 1px solid rgba(172,160,160,.20) !important;
  background: rgba(255,255,255,.72) !important;
  border-radius: 16px !important;
  padding: 10px !important;
  transition: all .18s ease !important;
}

.nwc-item:hover {
  background: rgba(33,133,213,.08) !important;
  border-color: rgba(33,133,213,.25) !important;
}

.nwc-list .nwc-item img {
  border-radius: 13px !important;
  background: #fff !important;
}

.nwc-item-name {
  color: #24191b !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.nwc-item-price {
  color: #2185D5 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

@media (max-width: 768px) {
  .single-product form.cart {
    align-items: stretch !important;
  }

  .single-product form.cart .nwc-wrap {
    width: 100% !important;
    margin-inline-start: 0 !important;
  }

  .single-product form.cart .nwc-compare-btn {
    width: 100% !important;
  }

  .nwc-scroll {
    padding: 10px !important;
    border-radius: 18px !important;
  }

  .nwc-table {
    width: auto !important;
    border-spacing: 8px 8px !important;
  }

  .nwc-th,
  .nwc-table th,
  .nwc-table td {
    width: 46vw !important;
    min-width: 46vw !important;
    max-width: 46vw !important;
  }

  .nwc-table.has-feature-col .nwc-feature-head,
  .nwc-table.has-feature-col .nwc-feature-meta,
  .nwc-table.has-feature-col .nwc-feature-cell {
    width: 34vw !important;
    min-width: 34vw !important;
    max-width: 34vw !important;
  }

  .nwc-head,
  .nwc-empty-card {
    height: 170px !important;
  }

  .nwc-plus-icon {
    width: 48px !important;
    height: 48px !important;
    font-size: 30px !important;
  }

  .nwc-meta {
    padding: 8px !important;
  }

  .nwc-name {
    font-size: 12px !important;
    line-height: 1.6 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .nwc-price,
  .nwc-attr-val,
  .nwc-feature-cell {
    font-size: 12px !important;
  }
}

/* جداکننده‌های جدول مشخصات مقایسه */
.nwc-table tbody tr:not(:last-child) .nwc-feature-cell,
.nwc-table tbody tr:not(:last-child) td {
  border-bottom: 1px solid rgba(172,160,160,.22) !important;
}

.nwc-table tbody tr .nwc-feature-cell {
  background:
    linear-gradient(
      135deg,
      rgba(172,160,160,.78),
      rgba(196,184,186,.78)
    ) !important;
  color: #24191b !important;
  box-shadow: none !important;
}


/* جایگاه جدید کادر مشخصات در ردیف نام محصول */
.nwc-feature-head {
  background: transparent !important;
}

.nwc-feature-meta {
  vertical-align: top !important;
}

.nwc-feature-meta .nwc-feature-head-box {
  min-height: 100% !important;
  height: auto !important;
  padding: 14px 12px !important;
  border-radius: 16px !important;
}

/* خط جداکننده واضح بین نام مشخصه و مقدار محصولات */
.nwc-table.has-feature-col tbody .nwc-feature-cell {
  position: relative !important;
  border-inline-start: 1px solid rgba(52,43,45,.18) !important;
}


/* جداکننده ملایم بین مقدار هر محصول */
.nwc-table.has-feature-col tbody td:not(.nwc-feature-cell) {
  position: relative !important;
}


/* جداکننده افقی بین ردیف‌های مشخصات */
.nwc-table.has-feature-col tbody tr:not(:last-child) .nwc-feature-cell,
.nwc-table.has-feature-col tbody tr:not(:last-child) td {
  border-bottom: 1px solid rgba(172,160,160,.22) !important;
}

/* خط افقی بین ردیف‌های مشخصات، داخل همه کارت‌ها */
.nwc-table.has-feature-col tbody tr:not(:last-child) td {
  box-shadow:
    inset 0 -1px 0 rgba(172,160,160,.28),
    0 8px 18px rgba(52,43,45,.04) !important;
}

/* خط افقی داخل ستون اسم مشخصات کمی واضح‌تر باشد */
.nwc-table.has-feature-col tbody tr:not(:last-child) .nwc-feature-cell {
  box-shadow:
    inset 0 -1px 0 rgba(52,43,45,.26),
    0 8px 18px rgba(52,43,45,.04) !important;
}

/* خود سلول‌های مشخصات هم از لحاظ ارتفاع و چینش مرتب بمانند */
.nwc-table.has-feature-col tbody td,
.nwc-table.has-feature-col tbody .nwc-feature-cell {
  min-height: 54px !important;
  display: table-cell !important;
  vertical-align: middle !important;
}

/* حالت عادی باکس نام و قیمت */
.nwc-meta {
  background:
    linear-gradient(
      135deg,
      rgba(245,240,241,.94),
      rgba(255,255,255,.94)
    ) !important;
  border: 1px solid rgba(172,160,160,.34) !important;
  box-shadow: 0 12px 28px rgba(52,43,45,.10) !important;
}

/* حالت چسبان: مات‌تر، واضح‌تر، خواناتر */
.nwc-meta.is-fixed {
  background:
    linear-gradient(
      135deg,
      rgba(230,222,224,.98),
      rgba(248,245,246,.98)
    ) !important;
  border: 1px solid rgba(172,160,160,.46) !important;
  box-shadow: 0 16px 36px rgba(52,43,45,.18) !important;
  backdrop-filter: blur(14px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(120%) !important;
}

/* متن داخل باکس چسبان خواناتر شود */
.nwc-meta.is-fixed .nwc-name {
  color: #24191b !important;
}

.nwc-meta.is-fixed .nwc-price {
  color: #1b73bd !important;
}

/* ===============================
   NWC Compare - Mobile stacked attributes
   موبایل: حذف ستون مشخصات و نمایش اسم ویژگی داخل هر سلول
================================ */

@media (max-width: 768px) {

  /* ستون مشخصات در موبایل حذف شود */
  .nwc-table.has-feature-col .nwc-feature-head,
  .nwc-table.has-feature-col .nwc-feature-meta,
  .nwc-table.has-feature-col tbody .nwc-feature-cell {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* عرض ستون‌های محصولات بیشتر شود چون ستون مشخصات حذف شده */
  .nwc-table.has-feature-col .nwc-th,
  .nwc-table.has-feature-col th:not(.nwc-feature-head):not(.nwc-feature-meta),
  .nwc-table.has-feature-col td:not(.nwc-feature-cell) {
    width: 52vw !important;
    min-width: 52vw !important;
    max-width: 52vw !important;
  }

  /* سلول مقدار در موبایل شبیه کارت داخلی شود */
  .nwc-table.has-feature-col tbody td:not(.nwc-feature-cell) {
    padding: 8px !important;
    border-radius: 15px !important;

    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(172,160,160,.18) !important;

    box-shadow:
      inset 0 -1px 0 rgba(172,160,160,.18),
      0 7px 16px rgba(52,43,45,.04) !important;

    vertical-align: top !important;
  }

  /* چیدمان اسم ویژگی و مقدار */
  .nwc-table.has-feature-col tbody td:not(.nwc-feature-cell) .nwc-attr {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 6px !important;

    min-height: 74px !important;
    text-align: right !important;
  }

  /* اسم ویژگی با همان طیف رنگی */
  .nwc-table.has-feature-col tbody td:not(.nwc-feature-cell) .nwc-attr-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    box-sizing: border-box !important;

    padding: 5px 7px !important;
    border-radius: 10px !important;

    background:
      linear-gradient(
        135deg,
        rgba(172,160,160,.78),
        rgba(196,184,186,.78)
      ) !important;

    color: #24191b !important;

    font-size: 10.5px !important;
    font-weight: 900 !important;
    line-height: 1.7 !important;

    text-align: center !important;
  }

  /* مقدار ویژگی */
  .nwc-table.has-feature-col tbody td:not(.nwc-feature-cell) .nwc-attr-val {
    display: block !important;

    color: #342b2d !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.85 !important;

    text-align: center !important;
  }

  /* خانه خالی + هم اندازه ستون محصولات بماند */
  .nwc-table.has-feature-col .nwc-empty,
  .nwc-table.has-feature-col .nwc-empty-value {
    width: 52vw !important;
    min-width: 52vw !important;
    max-width: 52vw !important;
  }
}