/* BEAUTY PROFI — display-only collection set price */
.wk-set-pricing { margin: 20px 0 26px; padding: 20px 22px; border: 1px solid #e7e7e7; border-radius: 10px; background: #fff; }
.wk-set-pricing-row { display:flex; align-items:baseline; justify-content:space-between; gap:14px; padding:8px 0; font-size:14px; }
.wk-set-pricing-row > :last-child { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.wk-set-pricing-regular { color:#777; }
.wk-set-pricing.has-discount .wk-set-regular-price { text-decoration:line-through; }
.wk-set-pricing-saving { color:#188047; font-weight:600; }
.wk-set-pricing-final { border-top:1px solid #ececec; margin-top:8px; padding-top:16px; color:#222; }
.wk-set-pricing-final .wk-set-final-price { font-size:27px; line-height:1.2; }
@media(max-width:575px) { .wk-set-pricing { padding:16px; } .wk-set-pricing-row { font-size:13px; } .wk-set-pricing-final .wk-set-final-price { font-size:24px; } }

/* STAGING ONLY — compact Webkul collection product rows.
   Append to views/css/front/set-pricing.css; do not replace that file. */
@media (min-width: 768px) {
  .wk-front-collection-selected-product .wk-collection-look-product > .row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #eeeeee;
  }
  .wk-front-collection-selected-product .wk-collection-look-product > .row > .col-xs-3:first-child {
    flex: 0 0 86px;
    width: 86px;
    max-width: 86px;
    padding: 0 12px 0 0 !important;
  }
  .wk-front-collection-selected-product .wk-collection-look-product > .row > .col-xs-3:first-child img {
    display: block;
    width: 72px;
    height: 82px;
    max-width: 100%;
    object-fit: contain;
  }
  .wk-front-collection-selected-product .wk-collection-look-product > .row > .col-xs-6 {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    min-width: 0;
    padding: 0 12px 0 0;
  }
  .wk-front-collection-selected-product .wk-collection-look-product > .row > .action-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex: 0 0 148px;
    width: 148px;
    max-width: 148px;
    padding: 0 !important;
  }
  .wk-front-collection-selected-product .wk-collection-look-product > .row > .action-buttons .current-price {
    float: none !important;
    padding: 0 !important;
    white-space: nowrap;
  }
  .wk-front-collection-selected-product .wk-collection-look-product > .row > .action-buttons .wk-add-to-cart {
    float: none !important;
    margin: 0;
  }
}