/** SOCKAKI — canonical product detail presentation around Woodmart native PDP. */
.sk-pdp .product-image-summary-wrap { gap: var(--sk-space-10); }
.sk-pdp .product-images .woocommerce-product-gallery__image { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--sk-radius-md); background: var(--sk-aqua-xlight); }
.sk-pdp .product-images .woocommerce-product-gallery__image > a { display: block; width: 100%; height: 100%; }
.sk-pdp .product-images .woocommerce-product-gallery__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.sk-pdp .summary-inner { padding-block: var(--sk-space-3); }
.sk-pdp .summary .product_title { margin: 0 0 var(--sk-space-3); color: var(--sk-text); font-size: var(--sk-fs-h2); line-height: var(--sk-lh-tight); }
.sk-pdp .summary .price { margin: 0 0 var(--sk-space-4); color: var(--sk-text); font-size: var(--sk-fs-h3); font-weight: var(--sk-fw-bold); }
.sk-pdp .summary .price del { color: var(--sk-text-subtle); font-size: var(--sk-fs-base); font-weight: var(--sk-fw-regular); }
.sk-pdp .summary .woocommerce-product-details__short-description { margin-block: 0 var(--sk-space-5); color: var(--sk-text-muted); }
.sk-pdp .summary .variations label { color: var(--sk-text); font-weight: var(--sk-fw-semibold); }
.sk-pdp .summary .variations select { min-height: 44px; border-color: var(--sk-border-strong); }
.sk-pdp .summary .single_add_to_cart_button { min-height: 48px; padding-inline: var(--sk-space-6); border: var(--sk-border-width-md) solid var(--sk-text); border-radius: var(--sk-radius-sm); background: var(--sk-brand-aqua); color: var(--sk-text); box-shadow: 3px 3px 0 var(--sk-text); font-weight: var(--sk-fw-bold); transition: transform var(--sk-transition-fast), background-color var(--sk-transition-fast); }
.sk-pdp .summary .single_add_to_cart_button:hover { background: var(--sk-brand-white); box-shadow: 1px 1px 0 var(--sk-text); transform: translate(2px, 2px); }
.sk-pdp .summary .quantity input { min-height: 44px; }
.sk-pdp .sk-pdp-trust { margin-top: var(--sk-space-6); padding: var(--sk-space-4); border: var(--sk-border-default); border-radius: var(--sk-radius-md); background: var(--sk-surface-alt); display: flex; flex-direction: column; gap: var(--sk-space-1); }
.sk-pdp .sk-pdp-trust__row { display: flex; align-items: flex-start; gap: var(--sk-space-3); padding-block: var(--sk-space-2); }
.sk-pdp .sk-pdp-trust__row + .sk-pdp-trust__row { border-top: var(--sk-border-width) solid var(--sk-border); }
.sk-pdp .sk-pdp-trust__icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--sk-aqua-xlight); color: var(--sk-aqua-interactive); }
.sk-pdp .sk-pdp-trust__icon svg { width: 20px; height: 20px; }
.sk-pdp .sk-pdp-trust p { margin: 0; color: var(--sk-text-muted); }
.sk-pdp .sk-pdp-trust strong { color: var(--sk-text); }
.sk-pdp .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; background: var(--sk-aqua-xlight); border: var(--sk-border-width-md) solid transparent; border-radius: var(--sk-radius-sm); }
.sk-pdp .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.wd-thumb-active img { border-color: var(--sk-brand-aqua); }
.sk-pdp .summary .variations { margin-bottom: var(--sk-space-4); }
.sk-pdp .summary .variations td.label { padding-bottom: var(--sk-space-1); }

/* Category eyebrow */
.sk-pdp-eyebrow { display: inline-block; margin-bottom: var(--sk-space-3); padding: var(--sk-space-1) var(--sk-space-3); border: var(--sk-border-width) solid var(--sk-text); border-radius: var(--sk-radius-sm); background: var(--sk-paper); color: var(--sk-text); font-size: var(--sk-fs-xs); font-weight: var(--sk-fw-bold); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; transition: background-color var(--sk-transition-fast); }
.sk-pdp-eyebrow:hover { background: var(--sk-brand-aqua); color: var(--sk-text); }

/* Native Woodmart text swatches for the canonical sock-size attribute. */
.sk-pdp .summary .variations .wd-swatches-product[data-id="pa_sock_size"] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sk-space-2);
  width: 100%;
}
.sk-pdp .summary .variations .wd-swatches-product[data-id="pa_sock_size"] .wd-swatch {
  min-width: 0;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: var(--sk-space-2) var(--sk-space-3);
  border: var(--sk-border-width-md) solid var(--sk-text);
  border-radius: 3px;
  background: var(--sk-paper);
  color: var(--sk-text);
  font-family: var(--sk-font-body);
  font-size: var(--sk-fs-sm);
  font-weight: var(--sk-fw-semibold);
  line-height: 1;
  box-shadow: none;
}
.sk-pdp .summary .variations .wd-swatches-product[data-id="pa_sock_size"] .wd-swatch:hover {
  background: var(--sk-aqua-xlight);
}
.sk-pdp .summary .variations .wd-swatches-product[data-id="pa_sock_size"] .wd-swatch.wd-active,
.sk-pdp .summary .variations .wd-swatches-product[data-id="pa_sock_size"] .wd-swatch[aria-checked="true"] {
  background: var(--sk-brand-aqua);
  border-color: var(--sk-text);
  color: var(--sk-text);
  box-shadow: 2px 2px 0 var(--sk-text);
  transform: translate(-1px, -1px);
}
.sk-pdp .summary .variations .wd-swatches-product[data-id="pa_sock_size"] .wd-swatch:focus-visible {
  outline: 3px solid var(--sk-extended-purple);
  outline-offset: 3px;
}
.sk-pdp .summary .variations .wd-swatches-product[data-id="pa_sock_size"] .wd-swatch.wd-disabled {
  opacity: .42;
  background: var(--sk-surface-alt);
  color: var(--sk-text-subtle);
  text-decoration: line-through;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

/* Product information — desktop cards + mobile accordions */
.sk-pdp .sk-product-info {
  width: min(100%, 1220px);
  margin: var(--sk-space-10) auto 0;
  padding-inline: var(--sk-space-4);
}
.sk-pdp .sk-product-info__title {
  margin: 0 0 var(--sk-space-4);
  color: var(--sk-text);
  font-size: var(--sk-fs-h3);
}

/* Desktop cards: description full-width, then three-column row */
.sk-product-info__desktop { display: block; }
.sk-product-info__cards {
  display: grid;
  gap: var(--sk-space-4);
}
.sk-product-info__cards--description {
  grid-template-columns: minmax(0, 1fr);
  margin-bottom: var(--sk-space-4);
}
.sk-product-info__cards--tertiary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sk-product-info__card {
  padding: var(--sk-space-5);
  border: var(--sk-border-width) solid var(--sk-text);
  border-radius: var(--sk-radius-md);
  background: var(--sk-paper);
  box-shadow: 3px 3px 0 var(--sk-border-strong);
}
.sk-product-info__card-title {
  margin: 0 0 var(--sk-space-4);
  padding-bottom: var(--sk-space-3);
  border-bottom: var(--sk-border-width) solid var(--sk-text);
  color: var(--sk-text);
  font-size: var(--sk-fs-base);
  font-weight: var(--sk-fw-bold);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.sk-product-info__card-body { color: var(--sk-text-muted); }
.sk-product-info__card-body dl { margin: 0; }
.sk-product-info__card-body dt {
  color: var(--sk-text);
  font-weight: var(--sk-fw-semibold);
  font-size: var(--sk-fs-sm);
}
.sk-product-info__card-body dd { margin: 0; }
.sk-product-info__card-body--rich p { margin: 0 0 var(--sk-space-3); }
.sk-product-info__card-body--rich p:last-child { margin-bottom: 0; }
.sk-product-info__chip-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sk-space-2);
  padding-block: var(--sk-space-2);
  border-top: var(--sk-border-width) solid color-mix(in srgb, var(--sk-text) 14%, transparent);
}
.sk-product-info__chip-row:first-child { border-top: none; }
.sk-product-info__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 4px 10px;
  border: var(--sk-border-width) solid var(--sk-border-strong);
  border-radius: 3px;
  background: var(--sk-surface-alt);
  color: var(--sk-text-muted);
  font-size: var(--sk-fs-xs);
  font-weight: var(--sk-fw-medium);
  line-height: 1;
  text-decoration: none;
  transition: background-color var(--sk-transition-fast), border-color var(--sk-transition-fast), color var(--sk-transition-fast);
}
.sk-product-info__chip:hover {
  background: var(--sk-brand-white);
  border-color: var(--sk-text);
  color: var(--sk-text);
}
.sk-product-info__chip:focus-visible {
  outline: 2px solid var(--sk-extended-purple);
  outline-offset: 2px;
}
.sk-product-info__row {
  display: grid;
  grid-template-columns: minmax(100px, .35fr) minmax(0, 1fr);
  gap: var(--sk-space-4);
  padding-block: var(--sk-space-2);
  border-top: var(--sk-border-width) solid color-mix(in srgb, var(--sk-text) 14%, transparent);
}
.sk-product-info__row:first-child { border-top: none; }

/* Mobile accordions */
.sk-product-info__mobile { display: none; }
.sk-pdp .sk-product-info__group {
  border-top: var(--sk-border-width) solid var(--sk-text);
  background: var(--sk-paper);
}
.sk-pdp .sk-product-info__group:last-child {
  border-bottom: var(--sk-border-width) solid var(--sk-text);
}
.sk-pdp .sk-product-info__group summary {
  position: relative;
  min-height: 54px;
  display: flex;
  align-items: center;
  padding: var(--sk-space-3) 48px var(--sk-space-3) var(--sk-space-4);
  color: var(--sk-text);
  font-family: var(--sk-font-body);
  font-weight: var(--sk-fw-semibold);
  cursor: pointer;
  list-style: none;
}
.sk-pdp .sk-product-info__group summary::-webkit-details-marker { display: none; }
.sk-pdp .sk-product-info__group summary::after {
  content: "+";
  position: absolute;
  inset-inline-end: var(--sk-space-4);
  top: 50%;
  translate: 0 -50%;
  font-size: 24px;
  font-weight: var(--sk-fw-regular);
}
.sk-pdp .sk-product-info__group[open] summary::after { content: "−"; }
.sk-pdp .sk-product-info__group summary:focus-visible {
  outline: 3px solid var(--sk-extended-purple);
  outline-offset: -3px;
}
.sk-pdp .sk-product-info__group dl,
.sk-pdp .sk-product-info__copy {
  margin: 0;
  padding: 0 0 var(--sk-space-5);
}
.sk-pdp .sk-product-info__group dl > div {
  display: grid;
  grid-template-columns: minmax(120px, .35fr) minmax(0, 1fr);
  gap: var(--sk-space-4);
  padding-block: var(--sk-space-2);
  border-top: var(--sk-border-width) solid color-mix(in srgb, var(--sk-text) 14%, transparent);
}
.sk-pdp .sk-product-info__group dt { color: var(--sk-text); font-weight: var(--sk-fw-semibold); }
.sk-pdp .sk-product-info__group dd,
.sk-pdp .sk-product-info__copy p { margin: 0; color: var(--sk-text-muted); }
.sk-pdp .sk-product-info__copy--rich p { margin: 0 0 var(--sk-space-3); }
.sk-pdp .sk-product-info__copy--rich p:last-child { margin-bottom: 0; }

/* Variation reset message — shown until an explicit selection is made. */
.sk-pdp .summary .woocommerce-variation.woocommerce-variation-add-to-cart-disabled {
  opacity: .55;
  pointer-events: none;
}

/* Variation selects — cleaner bordered treatment in line with design system. */
.sk-pdp .summary .variations td.value select,
.sk-pdp .summary .variations td.value .select2-selection {
  min-height: 44px;
  padding-inline: var(--sk-space-3);
  border: var(--sk-border-width-md) solid var(--sk-border-strong);
  border-radius: var(--sk-radius);
  background: var(--sk-surface);
  color: var(--sk-text);
  font-family: var(--sk-font-body);
  font-weight: var(--sk-fw-medium);
}
.sk-pdp .summary .variations td.value select:focus,
.sk-pdp .summary .variations td.value .select2-selection:focus-within {
  border-color: var(--sk-aqua-interactive);
  outline: 2px solid var(--sk-extended-purple);
  outline-offset: 2px;
}

/* Reset variation reset link — keep it accessible but restrained. */
.sk-pdp .summary .reset_variations {
  color: var(--sk-aqua-interactive);
  font-size: var(--sk-fs-sm);
  font-weight: var(--sk-fw-medium);
}
/* Wishlist — restrained Sockaki secondary action below the primary CTA. */
.sk-pdp .summary .wd-wishlist-btn {
  display: flex;
  margin: var(--sk-space-3) 0 0;
}
.sk-pdp .summary .wd-wishlist-btn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sk-space-2);
  width: auto;
  min-height: 44px;
  padding: var(--sk-space-2) var(--sk-space-4);
  border: var(--sk-border-width) solid var(--sk-text);
  border-radius: var(--sk-radius);
  background: var(--sk-surface);
  text-decoration: none;
  line-height: 1;
  transition: background-color var(--sk-transition-fast), border-color var(--sk-transition-fast);
}
.sk-pdp .summary .wd-wishlist-btn a .wd-action-icon,
.sk-pdp .summary .wd-wishlist-btn a .wd-action-icon:before {
  color: var(--sk-text);
}
.sk-pdp .summary .wd-wishlist-btn a .wd-action-text {
  color: var(--sk-text);
  font-family: var(--sk-font-body);
  font-weight: var(--sk-fw-semibold);
}
.sk-pdp .summary .wd-wishlist-btn a:hover {
  background: var(--sk-aqua-xlight);
  border-color: var(--sk-aqua-interactive);
}
.sk-pdp .summary .wd-wishlist-btn a:hover .wd-action-icon:before {
  color: var(--sk-aqua-interactive);
}
.sk-pdp .summary .wd-wishlist-btn a:focus-visible {
  outline: 2px solid var(--sk-extended-purple);
  outline-offset: 2px;
}
.sk-pdp .summary .wd-wishlist-btn a.added {
  background: var(--sk-pink-xlight);
  border-color: var(--sk-brand-pink);
}
.sk-pdp .summary .wd-wishlist-btn a .wd-check-icon {
  background: transparent;
}
.sk-pdp .summary .wd-wishlist-btn a .wd-check-icon:before {
  color: var(--sk-text);
}
.sk-pdp .product-tabs-wrapper { margin-top: var(--sk-space-10); }
.sk-pdp .product-labels .onsale { background: var(--sk-extended-yellow); color: var(--sk-text); border: var(--sk-border-width) solid var(--sk-text); border-radius: var(--sk-radius-sm); transform: rotate(-3deg); }
.sk-pdp .product-labels .out-of-stock { background: var(--sk-text); color: var(--sk-text-inverse); border-radius: var(--sk-radius-sm); }
.sk-pdp-category-socks .summary .product_title { text-decoration: underline; text-decoration-color: var(--sk-brand-pink); text-decoration-thickness: 3px; text-underline-offset: 6px; }
.sk-pdp-category-women .product-images .woocommerce-product-gallery__image { background: var(--sk-paper); }
.sk-pdp-category-accessories .summary .product_title { border-inline-start: 3px solid var(--sk-brand-aqua); padding-inline-start: var(--sk-space-3); }

@media (max-width: 1024px) {
  .sk-product-info__cards--tertiary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .sk-pdp .product-image-summary-wrap { gap: var(--sk-space-5); }
  .sk-pdp .summary .product_title { font-size: var(--sk-fs-h3); }
  .sk-pdp .summary form.cart:not(.variations_form),
  .sk-pdp .summary .woocommerce-variation-add-to-cart {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--sk-space-2);
    align-items: center;
  }
  .sk-pdp .summary .single_add_to_cart_button { width: 100%; }
  .sk-pdp .summary div.quantity { --wd-form-height: 48px; }
  .sk-pdp .summary .wd-wishlist-btn a { width: 100%; }

  /* Stack the variation label above the options on mobile. */
  .sk-pdp .summary table.variations tbody,
  .sk-pdp .summary table.variations tr {
    display: block;
  }
  .sk-pdp .summary table.variations .cell {
    display: block;
    width: 100%;
    padding-inline: 0;
    text-align: start;
  }
  .sk-pdp .summary table.variations .label {
    padding: 0;
    margin-bottom: var(--sk-space-2);
  }
  .sk-pdp .summary table.variations label {
    white-space: normal;
  }
  .sk-pdp .sk-pdp-trust { margin-top: var(--sk-space-4); }
  .sk-pdp .summary .variations .wd-swatches-product[data-id="pa_sock_size"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* Woodmart's content wrapper already owns the 15px mobile gutter. */
  .sk-pdp .sk-product-info { margin-top: var(--sk-space-7); padding-inline: 0; }
  .sk-pdp .sk-product-info__title { font-size: clamp(1.4rem, 6vw, 1.8rem); line-height: var(--sk-lh-tight); }

  /* Mobile: hide desktop cards, show accordions */
  .sk-product-info__desktop { display: none; }
  .sk-product-info__mobile { display: block; }

  .sk-pdp .sk-product-info__group summary { min-height: 54px; padding: 14px 48px 14px var(--sk-space-4); font-size: clamp(1.05rem, 4.6vw, 1.2rem); }
  .sk-pdp .sk-product-info__group dl,
  .sk-pdp .sk-product-info__copy { padding: 0 16px 16px; }
  .sk-pdp .sk-product-info__group dl > div { grid-template-columns: 1fr; gap: 2px; }
  .sk-pdp .sk-product-info__group dl > .sk-product-info__chip-row { display: flex; grid-template-columns: none; align-items: center; }
  .sk-pdp .sk-product-info__chip-row { gap: 8px; padding-block: 10px; }
  .sk-pdp .sk-product-info__chip { min-height: 36px; padding: 8px 10px; }
}
