/* ===========================
   pdp.css — PWC PDP (design only, refactored)
   Uses tokens + shared components from main.css
   =========================== */

.pwc-pdp {
  padding: 18px 0 18px;
}

/* Breadcrumbs */
.pwc-breadcrumbs {
  font-size: 14px;
  opacity: .75;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0 0 14px;
}

.pwc-breadcrumbs .sep {
  opacity: .6;
}

/* Top layout */
.pwc-pdp-top {
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr;
  align-items: start;
}

@media (min-width: 980px) {
  .pwc-pdp-top {
    grid-template-columns: 1fr 1fr;
  }
}

/* Gallery */
.pwc-pdp-gallery {
  /*border: 1px solid var(--pwc-border);*/
  border-radius: var(--pwc-r-lg);
  overflow: hidden;
}

.pwc-pdp-main {
  background: var(--pwc-soft-2);
  position: relative;
}

.pwc-pdp-mainimg {
  width: 100%;
  border-radius: var(--pwc-r-lg);
  /*height: 520px;*/
  /*object-fit: contain;*/
  display: block;
  /*padding: 14px;*/
}



.pwc-pdp-thumbs {
  display: flex;
  gap: 10px;
  padding: 12px 0;
  overflow-x: auto;
  /*border-top: 1px solid var(--pwc-border);
  background: var(--pwc-surface);*/
}

.pwc-thumb {
  border: 1px solid var(--pwc-border);
  background: var(--pwc-surface);
  border-radius: var(--pwc-r-sm);
  padding: 1px;
  cursor: pointer;
  flex: 0 0 auto;
}

.pwc-thumb img {
  width: 96px;
  height: 72px;
  object-fit: contain;
  display: block;
  border-radius: var(--pwc-r-sm);
}

.pwc-thumb.is-active {
  border-color: var(--pwc-accent);
}

/* Gallery arrows */
.pwc-gbtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: var(--pwc-r-pill);
  border: 1px solid var(--pwc-border);
  background: rgba(255, 255, 255, 0.92);
  cursor: pointer;
  font-size: 24px;
  font-weight: 1000;
  display: grid;
  place-items: center;
}

.pwc-swprev,
.pwc-swnext {
  width: 42px;
  height: 42px;
  border-radius: var(--pwc-r-pill);
  border: 1px solid var(--pwc-border);
  background: var(--pwc-surface);
  cursor: pointer;
  display: grid;
  place-items: center;
  line-height: 0;
  padding: 0;
}

.pwc-swprev:hover,
.pwc-swnext:hover {
  background: var(--pwc-soft);
}

.pwc-gbtn:hover {
  background: #fff;
}

.pwc-gbtn:disabled {
  opacity: .35;
  cursor: not-allowed !important;
}

.pwc-gbtn--prev {
  left: 12px;
}

.pwc-gbtn--next {
  right: 12px;
}

.pwc-lightbox {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, .72);
  display: grid;
  grid-template-columns: 64px 1fr 64px;
  align-items: center;
  justify-items: center;
  padding: 16px;
}

@media (max-width: 900px) {
  .pwc-lightbox {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .pwc-lb-nav {
    display: none;
  }
}


.pwc-lightbox[hidden] {
  display: none !important;
}

.pwc-lb-img {
  width: 100%;
  max-width: min(1100px, 92vw);
  max-height: 86vh;
  object-fit: contain;
  margin: 0 auto;
  border-radius: 18px;
}

.pwc-lb-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 0;
  background: #fff;
  font-size: 28px;
  cursor: pointer;
}

.pwc-lb-nav {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 0;
  background: #fff;
  font-size: 28px;
  cursor: pointer;
}

.pwc-pdp-mainimg {
  cursor: grab;
}

.pwc-pdp-mainimg:active {
  cursor: grabbing;
}

/* Right column */
.pwc-rating {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pwc-stars {
  display: inline-flex;
  gap: 4px;
}

.pwc-star {
  font-size: 16px;
  line-height: 1;
}

.pwc-star.is-on {
  color: #f4b400;
  /* yellow */
}

.pwc-star.is-off {
  color: #e5e5e5;
}

/* 4/5 */
.pwc-rating-value {
  font-weight: 700;
  font-size: 14px;
  opacity: .85;
}

/* "10 hodnocení" */
.pwc-reviews-link {
  font-weight: 700;
  text-decoration: underline;
  color: inherit;
}

.pwc-reviews-link:hover {
  opacity: .85;
}


.pwc-pdp-right {
  display: grid;
  gap: 12px;
}

.pwc-pdp-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.pwc-stock {
  display: flex;
  gap: 6px;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
}

.pwc-stock .dot {
  width: 8px;
  height: 8px;
  border-radius: var(--pwc-r-pill);
  background: var(--pwc-success);
}

.pwc-pdp-title {
  margin: 0;
  font-size: 26px;
  line-height: 1.15;
  font-weight: 700;
}

.pwc-pdp-sub {
  opacity: .85;
  line-height: 1.45;
  max-width: 70ch;
}


/* Boxes */
.pwc-box {
  /* border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-lg);*/
  background: var(--pwc-surface);
  /* padding: 14x;*/
  display: grid;
  gap: 10px;
}

.pwc-box-title {
  font-weight: 700;
}


/* Variants */
.pwc-variants {
  display: grid;
  gap: 10px;
}

.pwc-variant {
  border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-md);
  padding: 12px;
  background: var(--pwc-surface);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
}

.pwc-variant.is-active {
  border-color: var(--pwc-accent);
}

.pwc-variant .v-name {
  font-weight: 700;
}

.pwc-variant .v-sub {
  font-size: 12.5px;
  opacity: .7;
  margin-top: 2px;
}

.pwc-variant .v-right {
  font-weight: 700;
}

.pwc-reset {
  border: none;
  background: none;
  text-decoration: underline;
  color: gray;
  font-size: 10px;
  cursor: pointer;
  margin-bottom: 12px;
}

.pwc-reset:hover {
  text-decoration: none;
}


/* harmless if ignored */
.pwc-cta {
  height: var(--pwc-h-btn);
  border-radius: var(--pwc-r-pill);
  border: 1px solid var(--pwc-border-2);
  background: var(--pwc-surface);
  font-weight: 1000;
  cursor: pointer;
  width: 100%;
}

.pwc-cta:hover {
  background: var(--pwc-soft);
}

.pwc-cta--alt {
  border-color: var(--pwc-accent);
  background: var(--pwc-accent);
  color: #fff;
}

.pwc-cta--alt:hover {
  opacity: .92;
}

.pwc-trustline {
  font-size: 12.5px;
  opacity: .75;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.pwc-trustline .sep {
  opacity: .6;
}

/* Tabs */
.pwc-tabs {
  margin-top: 22px;
}


.pwc-tabbar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.pwc-tab {
  height: 38px;
  padding: 0 14px;
  border-radius: var(--pwc-r-pill);
  border: 1px solid var(--pwc-border);
  background: var(--pwc-surface);
  cursor: pointer;
  font-weight: 900;
  opacity: .85;
}

.pwc-tab.is-active {
  border-color: var(--pwc-accent);
  opacity: 1;
}

.pwc-pane {
  border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-lg);
  background: var(--pwc-surface);
  padding: 14px;
  display: none;
}

.pwc-pane.is-active {
  display: block;
}

.pwc-content-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr;
  align-items: start;
}

@media (min-width: 980px) {
  .pwc-content-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.pwc-content-text h2 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 1000;
}

.pwc-content-text p {
  margin: 0 0 10px;
  opacity: .9;
  line-height: 1.6;
}

.pwc-content-text ul {
  margin: 0;
  padding-left: 18px;
  opacity: .9;
}

.pwc-media-box {
  border: 1px dashed #ddd;
  border-radius: var(--pwc-r-lg);
  height: 260px;
  display: grid;
  place-items: center;
  opacity: .75;
  background: var(--pwc-soft-2);
}

/* Wide banner */

.pwc-wide-banner-version {
  margin-top: 12px;
  margin-bottom: 12px;
}

.pwc-wide-banner-inner-version {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr;
  text-align: left;

}

.left .pwc-content,
.right .pwc-content {
  justify-content: center;
}

.pwc-wide-banner-version img {
  border-radius: var(--pwc-r-lg);
  max-height: 400px;
}

@media (min-width: 900px) {
  .pwc-wide-banner-inner-version {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
}

.pwc-wide-banner-version .pwc-content {
  margin-top: 8px;
  line-height: 1.55;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.pwc-wide-banner-version .pwc-content p {
  max-width: 400px;
  margin: auto;
  margin-bottom: 16px;
}


/* Wide banner */
/*.pwc-wide-banner {
  margin-top: 12px;
  margin-bottom: 12px;
}

.pwc-wide-banner-inner {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr;
  text-align: left;
}

.pwc-content-media img {
  border-radius: var(--pwc-r-lg);
  max-height: 400px;
}

@media (min-width: 900px) {
  .pwc-wide-banner-inner {
    grid-template-columns: 1fr auto;
    align-items: center;
  }
}

.pwc-wide-banner .kicker {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .75;
}

.pwc-wide-banner .headline {
  font-weight: 1000;
  font-size: 18px;
  margin-top: 6px;
}

.pwc-wide-banner .text {
  opacity: .85;
  margin-top: 8px;
  line-height: 1.55;
}*/

/* Accordion */
.pwc-accordion {
  margin-top: 14px;
  display: grid;
  gap: 10px;
  /*max-width: 720px;*/
  margin: auto;
}

.pwc-acc-head {
  width: 100%;
  border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-md);
  background: var(--pwc-surface);
  padding: 12px 14px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-weight: 1000;
}

.pwc-acc-body {
  border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-md);
  background: var(--pwc-surface);
  padding: 12px 14px;
  line-height: 1.55;
  color: var(--pwc-text);
}

.pwc-acc-body .pwc-params {
  color: var(--pwc-text);
}

.pwc-params-table th {
  text-align: left;
}



/* Reviews placeholder */
.pwc-reviewbox .title {
  font-weight: 1000;
  margin-bottom: 10px;
}

.pwc-reviewbox .row {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

.pwc-reviewbox .big {
  font-size: 34px;
  font-weight: 1000;
}

.pwc-reviewbox .muted {
  opacity: .7;
  font-size: 13px;
}

/* =========================
   REVIEWS (Woo) — PWC design
   ========================= */

.pwc-reviewwrap {
  display: grid;
  gap: 14px;
}

/* Summary card */
.pwc-reviewsummary {
  border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-lg);
  background: var(--pwc-surface);
  padding: 14px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 14px;
}

@media (max-width: 720px) {
  .pwc-reviewsummary {
    grid-template-columns: 1fr;
  }
}

.pwc-reviewsummary-score {
  font-size: 34px;
  font-weight: 1000;
  line-height: 1;
}

.pwc-reviewsummary-outof {
  font-size: 14px;
  opacity: .65;
  font-weight: 900;
  margin-left: 4px;
}

.pwc-reviewsummary-stars {
  margin-top: 6px;
}

.pwc-reviewsummary-meta {
  margin-top: 6px;
  font-size: 13px;
  opacity: .75;
}

.pwc-reviewsummary-btn {
  height: 44px;
  padding: 0 16px;
  border-radius: var(--pwc-r-pill);
  border: 1px solid var(--pwc-border);
  background: var(--pwc-surface);
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.pwc-reviewsummary-btn:hover {
  background: var(--pwc-soft);
}

/* Woo wrapper */
.pwc-reviewwrap #reviews,
.pwc-reviewwrap .woocommerce-Reviews {
  border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-lg);
  background: var(--pwc-surface);
  padding: 14px;
}

/* Hide Woo default heading spacing conflicts */
.pwc-reviewwrap .woocommerce-Reviews-title {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 1000;
}

/* Star rating (display) */
.pwc-reviewwrap .star-rating {
  font-size: 14px;
  letter-spacing: 2px;
}

.pwc-reviewwrap .star-rating::before {
  color: #e5e5e5;
}

.pwc-reviewwrap .star-rating span::before {
  color: #f4b400;
}

/* Comments list */
.pwc-reviewwrap .commentlist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.pwc-reviewwrap .commentlist li {
  border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-lg);
  padding: 12px;
  background: var(--pwc-bg-soft);
}

/* Woo structure */
.pwc-reviewwrap .comment_container {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 12px;
  align-items: start;
}

.pwc-reviewwrap img.avatar {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  margin: 0 !important;
  float: none !important;
}

.pwc-reviewwrap .comment-text {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.pwc-reviewwrap .comment-text .meta {
  margin: 0 0 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  font-size: 13px;
  opacity: .85;
}

.pwc-reviewwrap .comment-text .woocommerce-review__author {
  font-weight: 1000;
}

.pwc-reviewwrap .comment-text .woocommerce-review__published-date {
  opacity: .65;
}

.pwc-reviewwrap .comment-text .description {
  margin-top: 8px;
  line-height: 1.55;
  opacity: .9;
}

/* “There are no reviews yet.” */
.pwc-reviewwrap .woocommerce-noreviews {
  opacity: .75;
  margin: 0;
}

/* Review form layout */
.pwc-reviewwrap #review_form_wrapper {
  margin-top: 14px;
  border-top: 1px solid var(--pwc-border);
  padding-top: 14px;
}

.pwc-reviewwrap .comment-reply-title {
  font-size: 16px;
  font-weight: 1000;
  margin: 0 0 10px;
}

.pwc-reviewwrap .comment-form {
  display: grid;
  gap: 10px;
}

.pwc-reviewwrap .comment-form label {
  font-size: 13px;
  font-weight: 900;
  opacity: .85;
  display: inline-block;
  margin-bottom: 6px;
}

.pwc-reviewwrap .comment-form input[type="text"],
.pwc-reviewwrap .comment-form input[type="email"],
.pwc-reviewwrap .comment-form textarea {
  width: 100%;
  border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-md);
  background: #fff;
  padding: 12px;
  outline: none;
}

.pwc-reviewwrap .comment-form textarea {
  min-height: 140px;
  resize: vertical;
}

.pwc-reviewwrap .comment-form input:focus,
.pwc-reviewwrap .comment-form textarea:focus {
  border-color: var(--pwc-accent);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .06);
}

/* Rating input (Woo: p.stars a) -> hezké hvězdy */
.pwc-reviewwrap p.stars {
  margin: 0;
}

.pwc-reviewwrap p.stars a {
  text-indent: -9999px;
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 4px;
  border-radius: 999px;
}

.pwc-reviewwrap p.stars a::before {
  content: "★";
  text-indent: 0;
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 18px;
  color: #e5e5e5;
}

.pwc-reviewwrap p.stars a:hover::before,
.pwc-reviewwrap p.stars a:focus::before,
.pwc-reviewwrap p.stars.selected a::before {
  color: #f4b400;
}

/* Submit button (Woo) */
.pwc-reviewwrap #respond .form-submit input#submit {
  height: 52px;
  padding: 0 18px;
  border-radius: var(--pwc-r-pill);
  border: 0;
  background: var(--pwc-accent);
  color: #fff;
  font-weight: 1000;
  cursor: pointer;
}

.pwc-reviewwrap #respond .form-submit input#submit:hover {
  opacity: .92;
}

/* Woo notices inside reviews */
.pwc-reviewwrap .woocommerce-error,
.pwc-reviewwrap .woocommerce-message,
.pwc-reviewwrap .woocommerce-info {
  border-radius: var(--pwc-r-lg);
}


/* Slider sections */
.pwc-slidersec {
  margin-top: 22px;
}

.pwc-h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.pwc-sec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.pwc-nav {
  display: flex;
  gap: 8px;
}



/* Mini card */
.pwc-mini-card {
  border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-lg);
  background: var(--pwc-surface);
  padding: 12px;
  display: grid;
  gap: 10px;
  height: auto;
}

.pwc-mini-card .img img {
  border-radius: var(--pwc-r-md);
}

.pwc-mini-card .name {
  font-weight: 900;
}

.pwc-mini-card .price {
  font-weight: 1000;
}

.pwc-mini-card .btn {
  height: 40px;
  border-radius: var(--pwc-r-pill);
  border: 1px solid var(--pwc-border-2);
  background: var(--pwc-surface);
  font-weight: 1000;
  cursor: pointer;
}

.pwc-mini-card .btn:hover {
  background: var(--pwc-soft);
}

.pwc-stock.is-instock .dot {
  background: #19a15f;
}

.pwc-stock.is-backorder .dot {
  background: #f0a300;
}

.pwc-stock.is-outofstock .dot {
  background: #d83a3a;
}

.pwc-main-text {
  text-align: left;
  /*max-width: 720px;*/
}

/* =========================
   BENEFITS — "Proč si ji zamiluješ"
   ========================= */
.pwc-benefits {
  gap: 12px;
}

.pwc-benefits-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
  margin-bottom: 16px;
  ;
}

@media (min-width: 900px) {
  .pwc-benefits-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
  }
}

.pwc-benefit {
  border: 1px solid rgba(0, 0, 0, .06);
  background: var(--pwc-white);
  border-radius: var(--pwc-r-md);
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 10px;
  align-items: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
  border: 1px solid rgba(0, 0, 0, .06);
  transition: transform .18s ease, box-shadow .18s ease;
}

.pwc-benefit-txt {
  line-height: 1.45;
  opacity: .92;
}


.pwc-benefit:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .10);
}


/* VŮNĚ */
/* Popular "vůně" (pa_vune) section */
.pwc-vune-sec {
  margin: 18px 0 14px;
}

.pwc-vune-head {
  display: flex;
  align-items: start;
  justify-content: start;
}

.pwc-vune-title {
  text-align: center;
  margin-top: 32px;
}


.pwc-vune-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  /* grid-template-columns: repeat(auto-fit, minmax(160px, 120px));*/
  justify-content: start;
  /* klíčové */
  gap: 24px;
  margin-bottom: 24px;
}

.pwc-vune-card {
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
  border: 1px solid rgba(0, 0, 0, .06);
  transition: transform .18s ease, box-shadow .18s ease;
}

.pwc-vune-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .10);
}

.pwc-vune-card-inner {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pwc-vune-name {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.pwc-vune-text {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}

.pwc-vune-media {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  background: #f6f6f6;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pwc-vune-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* podobně jako u screenshotu */
  display: block;
}

.pwc-vune-ph {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  opacity: .7;
}

/* --- SWATCHES v2 --- */
.pwc-swatchrow {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pwc-swatch {
  border: 1px solid var(--pwc-border);
  background: var(--pwc-surface);
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, opacity .12s ease;
  user-select: none;
}

.pwc-swatch:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .08);
}

.pwc-swatch.is-active {
  border-color: var(--pwc-accent);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .06);
}

.pwc-swatch.is-disabled {
  opacity: .35;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* TEXT pills */
.pwc-swatch--text {
  padding: 10px 14px;
}

.pwc-swatch--text .pwc-swatch-txt {
  font-size: 14px;
  font-weight: 400;
}

/* COLOR circles */
.pwc-swatch--color {
  padding: 8px;
  width: 44px;
  height: 44px;
  justify-content: center;
}

.pwc-swatch--color .pwc-swatch-dot {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: var(--pwc-swatch, #ddd);
  border: 1px solid rgba(0, 0, 0, .12);
}

/* IMAGE swatches */
.pwc-swatch--image {
  padding: 6px 10px 6px 6px;
}

.pwc-swatch--image .pwc-swatch-img {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  overflow: hidden;
  background: #f3f3f3;
  border: 1px solid rgba(0, 0, 0, .08);
}

.pwc-swatch--image .pwc-swatch-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pwc-swatch-sr {
  font-size: 14px;
  font-weight: 400;
}


/* =========================
   BUY BAR
   ========================= */



/* Buy bar */
.pwc-buybar {
  border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-lg);
  background: var(--pwc-bg-soft);
  padding: 14px;
  display: grid;
  gap: 10px;
}

.pwc-buybar-price .big {
  font-weight: 700;
  font-size: 24px;
}

.pwc-buybar-price .big bdi {
  font-weight: 700;
  font-size: 24px;
}

.pwc-buybar-price .big .amount {
  font-weight: 700;
  font-size: 24px;
}

.pwc-buybar-price .small {
  font-size: 12.5px;
  opacity: .7;
  margin-top: 2px;
}

.pwc-buybar-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pwc-buybar-right {
  position: absolute;
  top: 16px;
  right: 18px;
}

.pwc-deliverylink {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  opacity: .75;
  font-weight: 700;
  text-decoration: underline;
}

.pwc-deliverylink:hover {
  opacity: .95;
}

.pwc-deliveryicon {
  display: inline-flex;
  width: 20px;
  height: 20px;
}

/* main row */
.pwc-buybar-main {
  display: grid;
  gap: 14px;
  align-items: center;
  grid-template-columns: 1fr auto 1fr;
}

@media (max-width: 720px) {
  .pwc-buybar-main {
    grid-template-columns: 1fr;
  }

  .pwc-buybar-right {
    position: static;
    justify-self: end;
    margin-top: -6px;
  }
}

/* price */
.pwc-buybar-price .big {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

.pwc-buybar-price .unit {
  margin-top: 6px;
  font-weight: 700;
  opacity: .8;
}

/* qty pill - style Woo quantity */
.pwc-buybar-qty .quantity {
  display: inline-flex;
  align-items: center;
  gap: 0;
  background: #fff;
  border-radius: 999px;
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, .10);
}

.pwc-buybar-qty .quantity input.qty {
  width: 46px;
  text-align: center;
  border: 0 !important;
  background: transparent !important;
  font-weight: 700;
  outline: none;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Woo default buttons are .minus / .plus in many themes
   If your theme doesn't output them, add via JS later.
*/
.pwc-buybar-qty .quantity .minus,
.pwc-buybar-qty .quantity .plus {
  width: 36px;
  height: 24px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  display: grid;
  place-items: center;
  opacity: .9;
}

.pwc-buybar-qty .quantity .minus:hover,
.pwc-buybar-qty .quantity .plus:hover {
  background: rgba(0, 0, 0, .05);
}

/* CTA button */
.pwc-atcbtn {
  width: 100%;
  height: 56px;
  border-radius: 999px;
  border: 0;
  color: #fff;
  font-weight: 700 !important;
  font-size: 18px;
  cursor: pointer;
}

.pwc-atcbtn:hover {
  opacity: .92;
}

.pwc-atcbtn:disabled {
  opacity: .45;
  cursor: not-allowed !important;
}


/* Hide native number spinners */
.pwc-buybar input.qty[type="number"]::-webkit-outer-spin-button,
.pwc-buybar input.qty[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pwc-buybar input.qty[type="number"] {
  -moz-appearance: textfield;
}

/* Qty pill wrapper (the new design) */
.pwc-buybar .pwc-qtypill {
  display: inline-flex;
  align-items: center;
  gap: 0;
  background: #fff;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, .10);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .06);
}

/* buttons - / + */
.pwc-buybar .pwc-qtybtn {
  width: 44px;
  height: 40px;
  border: 0;
  background: transparent;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  display: grid;
  place-items: center;
  opacity: .9;
}

.pwc-buybar .pwc-qtybtn:hover {
  background: rgba(0, 0, 0, .05);
}

.pwc-buybar .pwc-qtybtn:disabled {
  opacity: .35;
  cursor: not-allowed !important;
  background: transparent;
}

/* the number */
.pwc-buybar .pwc-qtypill input.qty {
  width: 46px;
  text-align: center;
  border: 0 !important;
  background: transparent !important;
  font-weight: 400;
  font-size: 16px;
  outline: none;
  padding: 0 !important;
  box-shadow: none !important;
}


@media (max-width: 980px) {
  .pwc-pdp-mainimg {
    max-height: 360px;
    width: auto;
    margin: auto;
    object-fit: contain;
  }

  .pwc-pdp-top {
    gap: 18px;
  }

  /* CENTER ITEMS */
  /*
  .pwc-pdp-right {
    justify-content: center;
    text-align: center;
  }

  .pwc-pdp-meta {
    justify-content: center;
  }

  .pwc-swatchrow {
    justify-content: center;
  }

  .pwc-pdp-thumbs {
    justify-content: center;
  }

  .pwc-buybar-left {
    justify-content: center;
  }

  .pwc-buybar-right {
    justify-content: center;
  }

  .pwc-buybar {
    justify-content: center;
    text-align: center;
  }

  .pwc-trustline {
    justify-content: center;
    text-align: center;
  }

  .pwc-tabbar {
    justify-content: center;
    text-align: center;
  }

  .pwc-pdp-meta {
    justify-content: center;
  }*/
}


@media (max-width: 800px) {
  .pwc-vune-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}


/* ===========================
  Product Card
   =========================== */
.swiper-slide {
  height: auto;
}

.pwc-pcard {
  /*border: 1px solid var(--pwc-border);*/
  background: var(--pwc-surface);
  border-radius: var(--pwc-r-lg);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.pwc-pcard-link {
  display: block;
  text-decoration: none;
  color: inherit;
  flex: 1 1 auto;
}

.pwc-pimg {
  width: 100%;
}

.pwc-pimg img {
  object-fit: contain;
  display: block;
  border-radius: var(--pwc-r-sm);
}

.pwc-pbody {
  padding: 0;
  display: grid;
  justify-items: center;
  text-align: center;
}

.pwc-ptitle {
  text-align: center;
  text-decoration: none;
  color: inherit;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
  min-height: 36px;
  padding-bottom: 10px;

}

.pwc-ptitle:hover {
  text-decoration: underline;
}

.pwc-price {
  text-align: center;
  font-weight: 700;
}

/* -- stock pill design
.pwc-stock span{
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
}

.pwc-stock--instock{
  background: #e8f5e9;
  color: #2e7d32;
}

.pwc-stock--backorder{
  background: #fff3e0;
  color: #ed6c02;
}

.pwc-stock--outofstock{
  background: #fdecea;
  color: #c62828;
}*/

.pwc-stock {
  font-size: 13px;
  font-weight: 600;
  margin-top: 0;
  text-align: center;
  justify-content: center;
}

.pwc-pactions {
  margin: auto;
}

.pwc-btn.pwc-btn--cart {
  width: 100%;
  border-color: var(--pwc-accent) !important;
  color: var(--pwc-black) !important;
  background: var(--pwc-accent) !important;
  font-weight: 500 !important;
  margin-top: 12px;
}



.pwc-stock--instock {
  color: var(--pwc-success);
}

.pwc-stock--backorder {
  color: var(--pwc-warning);
}

.pwc-stock--outofstock {
  color: var(--pwc-error);
}