.pdcf-wrap {
  max-width: 1300px;
  padding-top: 0;
}

.pdcf-shell {
  display: grid;
  gap: 28px;
}

.pdcf-layout {
  display: grid;
  gap: 24px;
  align-items: start;
}

.pdcf-layout--variant,
.pdcf-layout--configurator {
  grid-template-columns: minmax(0, 1fr);
}

.pdcf-purchase-form {
  margin: 0;
}

.pdcf-gallery-col,
.pdcf-primary,
.pdcf-buybox-col,
.pdcf-buybox-shell,
.pdcf-buybox-card {
  min-width: 0;
}

.pdcf-gallery-frame {
  position: sticky;
  top: var(--pd-sticky-top);
}

.pdcf-gallery-stage {
  position: relative;
  min-width: 0;
}

.pdcf-primary {
  display: grid;
  gap: 20px;
  align-content: center;
}

.pdcf-primary-frame {
  display: grid;
  gap: 20px;
  align-content: center;
  min-width: 0;
  width: min(100%, 760px);
  max-width: 100%;
  margin-inline: auto;
  justify-items: stretch;
  text-align: left;
}

.pdcf-unavailable[hidden] {
  display: none;
}

.pdcf-unavailable {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  padding: 24px;
  text-align: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(246, 248, 250, 0.98));
}

.pdcf-unavailable__title,
.pdcf-unavailable__text {
  margin: 0;
  max-width: 34ch;
}

.pdcf-unavailable__title {
  font-size: clamp(1rem, 0.92rem + 0.32vw, 1.2rem);
  line-height: 1.3;
  color: var(--pd-text);
}

.pdcf-unavailable__text {
  color: var(--pd-muted);
  line-height: 1.6;
}

.pdcf-header {
  margin: 0;
  gap: 12px;
}

.pdcf-header-main {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.pdcf-eyebrow,
.pdcf-section-kicker {
  margin: 0;
  color: var(--pd-muted);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pdcf-shortdesc {
  max-width: 68ch;
  margin: 0;
  color: var(--pd-muted);
}

.pdcf-price-label {
  color: var(--pd-muted-2);
  font-size: 0.76rem;
  font-weight: 750;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: uppercase;
}

.pdcf-action-rail {
  width: 100%;
}

.pdcf-gallery-actions {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  width: auto;
  max-width: calc(100% - 24px);
}

.pdcf-gallery-actions .pd-header-actions {
  justify-content: flex-end;
}

.pdcf-gallery-actions .pd-fav-status,
.pdcf-gallery-actions .pd-share-status {
  margin: 6px 0 0;
  text-align: right;
}

.pdcf-config-section {
  display: grid;
  gap: 16px;
}

.pdcf-section-head {
  display: grid;
  gap: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--pd-border);
}

.pdcf-section-head .pd-variants-title {
  margin: 0;
}

.pdcf-variant-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.pdcf-variant-form .pd-variant-fieldset {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.pdcf-field-row,
.pdcf-primary .pd-variant-row {
  grid-column: 1 / -1;
  margin-bottom: 0;
  gap: 8px;
}

.pdcf-primary .pd-variant-label {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--pd-text);
}

.pdcf-primary .pd-variant-select,
.pdcf-buybox-card .pd-qty-input,
.pdcf-buybox-shell .pd-qty-input {
  border-color: var(--pd-border);
  border-radius: 10px;
  padding: 10px 12px;
}

.pdcf-buybox-col {
  align-self: start;
}

.pdcf-buybox-shell,
.pdcf-buybox-card {
  position: sticky;
  top: var(--pd-sticky-top);
}

.pdcf-buybox-card,
.pdcf-buybox-shell .pd-buybox {
  display: grid;
  gap: 16px;
  padding: 16px;
  border: 1px solid var(--pd-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
}

.pdcf-buybox-card .pd-price-block,
.pdcf-buybox-shell .pd-price-block {
  gap: 8px;
}

.pdcf-buybox-card .pdcf-price-note,
.pdcf-buybox-shell .pdcf-price-note {
  display: block;
}

.pdcf-buybox-card .pd-sale-row,
.pdcf-buybox-card .pd-uvp-row,
.pdcf-buybox-shell .pd-sale-row,
.pdcf-buybox-shell .pd-uvp-row {
  flex-wrap: wrap;
  gap: 6px;
}

.pdcf-buybox-card .pdcf-price-label,
.pdcf-buybox-shell .pdcf-price-label {
  flex: 0 0 100%;
}

.pdcf-buybox-card .pd-sale-price,
.pdcf-buybox-shell .pd-sale-price {
  font-size: clamp(1.45rem, 1.22rem + 0.7vw, 1.9rem);
}

.pdcf-buybox-card #pd-stock-delivery,
.pdcf-buybox-shell #pd-stock-delivery {
  padding-top: 8px;
  border-top: 1px solid var(--pd-border);
}

.pdcf-buybox-card .pdcf-delivery-time-value,
.pdcf-buybox-shell .pdcf-delivery-time-value {
  white-space: nowrap;
}

.pdcf-buybox-card #pd-stock-delivery .pd-delivery,
.pdcf-buybox-shell #pd-stock-delivery .pd-delivery {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 0.35ch;
  min-width: 0;
}

.pdcf-buybox-card .pdcf-delivery-label,
.pdcf-buybox-shell .pdcf-delivery-label {
  min-width: 0;
}

.pdcf-buybox-title {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 700;
}

.pdcf-buybox-section {
  display: grid;
  gap: 12px;
}

.pdcf-cart-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: stretch;
}

.pdcf-buybox-card .pd-qty-line,
.pdcf-buybox-shell .pd-qty-line {
  display: grid;
  gap: 6px;
}

.pdcf-buybox-card .pdcf-qty-select-shell,
.pdcf-buybox-shell .pdcf-qty-select-shell {
  position: relative;
  width: 100%;
  min-height: 46px;
}

.pdcf-buybox-card .pd-qty-label,
.pdcf-buybox-shell .pd-qty-label {
  display: block;
  margin: 0;
  color: var(--pd-text);
  font-weight: 600;
}

.pdcf-buybox-card .pd-qty-input,
.pdcf-buybox-shell .pd-qty-input {
  width: 100%;
  min-height: 46px;
}

.pdcf-buybox-card .pd-qty-select,
.pdcf-buybox-shell .pd-qty-select {
  position: absolute;
  inset: 0;
  z-index: 2;
  appearance: auto;
  -webkit-appearance: menulist;
  cursor: pointer;
  opacity: 0;
}

.pdcf-buybox-card .pdcf-qty-select-shell:focus-within,
.pdcf-buybox-shell .pdcf-qty-select-shell:focus-within {
  border-radius: var(--pd-radius-sm);
  outline: var(--pd-focus-outline);
  outline-offset: 3px;
  box-shadow: var(--pd-focus-shadow);
}

.pdcf-buybox-card .pdcf-qty-select-display,
.pdcf-buybox-shell .pdcf-qty-select-display {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 9px 44px 9px 11px;
  box-sizing: border-box;
  border: 1px solid var(--pd-border);
  border-radius: var(--pd-radius-sm);
  background: #fff;
  color: var(--pd-text);
  font-weight: 600;
  line-height: 1.2;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pdcf-buybox-card .pdcf-qty-select-shell::after,
.pdcf-buybox-shell .pdcf-qty-select-shell::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
  color: var(--pd-text);
}

@media (forced-colors: active) {
  .pdcf-buybox-card .pdcf-qty-select-shell,
  .pdcf-buybox-shell .pdcf-qty-select-shell {
    min-height: auto;
  }

  .pdcf-buybox-card .pd-qty-select,
  .pdcf-buybox-shell .pd-qty-select {
    appearance: auto;
    -webkit-appearance: auto;
    position: static;
    inset: auto;
    z-index: auto;
    opacity: 1;
    padding-right: 14px;
  }

  .pdcf-buybox-card .pdcf-qty-select-display,
  .pdcf-buybox-shell .pdcf-qty-select-display,
  .pdcf-buybox-card .pdcf-qty-select-shell::after,
  .pdcf-buybox-shell .pdcf-qty-select-shell::after {
    display: none;
  }
}

.pdcf-buybox-card .pd-cart-btn,
.pdcf-buybox-shell .pd-cart-btn {
  width: 100%;
  min-height: 44px;
  border-radius: 10px;
}

.pdcf-buybox-card .pd-identifiers,
.pdcf-buybox-shell .pd-identifiers {
  gap: 8px;
  padding-top: 6px;
  border-top: 1px solid var(--pd-border);
}

.pdcf-buybox-card .pd-identifiers > div,
.pdcf-buybox-shell .pd-identifiers > div {
  display: grid;
  gap: 2px;
}

.pdcf-buybox-card .pd-identifiers dt,
.pdcf-buybox-shell .pd-identifiers dt {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--pd-muted-2);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.pdcf-wrap .visually-hidden,
.pdcf-wrap .pd-sr-updates {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.pdcf-primary .pd-configurator {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
  max-width: 100%;
}

.pdcf-primary .pd-configurator > .pd-help,
.pdcf-primary .pd-configurator > .pd-cart-errors,
.pdcf-primary .pd-configurator > .pd-configurator-status {
  grid-column: 1 / -1;
  margin: 0;
}

.pdcf-primary .pd-configurator > .pd-variant-row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--pd-border);
  min-width: 0;
  max-width: 100%;
}

.pdcf-primary .pd-configurator > .pd-variant-row:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}

.pd-config-choice-ui {
  display: grid;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.pd-config-choice-ui[data-control-mode="switch"] {
  justify-items: stretch;
}

.pdcf-primary {
  --pd-choice-gap: 10px;
  --pd-choice-track-min-desktop: 72px;
  --pd-choice-track-min-tablet: 132px;
  --pd-choice-card-min-height: 48px;
  --pd-choice-card-padding-inline: 12px;
  --pd-choice-card-padding-block: 10px;
  --pd-choice-card-radius: 12px;
  --pd-choice-card-border: #d9e0e5;
  --pd-choice-card-bg: #fff;
  --pd-choice-card-text: var(--pd-text);
  --pd-choice-card-hover-border: #9aa9b5;
  --pd-choice-card-hover-bg: #fafbfc;
  --pd-choice-card-active-border: #5f788b;
  --pd-choice-card-active-bg: #eef4f7;
  --pd-choice-card-active-shadow: inset 0 0 0 1px rgba(95, 120, 139, 0.12);
  --pd-choice-card-disabled-border: #dfe5ea;
  --pd-choice-card-disabled-bg: #f5f7f9;
  --pd-choice-card-disabled-text: #7b8792;
}

.pdcf-primary .pd-config-choice-list,
.pdcf-primary .pd-config-choice-radio-list {
  display: grid;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  inline-size: 100%;
  max-inline-size: 100%;
  gap: var(--pd-choice-gap);
  align-items: stretch;
  justify-content: center;
  justify-items: stretch;
  overflow-wrap: anywhere;
}

.pdcf-primary .pd-config-choice-list[data-visible-count="1"],
.pdcf-primary .pd-config-choice-radio-list[data-visible-count="1"] {
  grid-template-columns: minmax(0, max-content);
}

.pd-config-choice-btn,
.pd-config-choice-radio {
  width: 100%;
  min-width: 0;
  min-height: var(--pd-choice-card-min-height);
  max-width: none;
  border: 1px solid var(--pd-choice-card-border);
  border-radius: var(--pd-choice-card-radius);
  background: var(--pd-choice-card-bg);
  color: var(--pd-choice-card-text);
  font: inherit;
  font-size: 0.93rem;
  font-weight: 600;
  line-height: 1.25;
  cursor: pointer;
  text-align: center;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, color 0.16s ease, opacity 0.16s ease;
}

.pd-config-choice-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 var(--pd-choice-card-padding-inline);
  appearance: none;
}

.pd-config-choice-radio {
  display: grid;
  grid-auto-flow: row;
  align-content: start;
  justify-items: center;
  gap: 10px;
  padding: var(--pd-choice-card-padding-block) var(--pd-choice-card-padding-inline);
}

.pd-config-choice-btn--media,
.pd-config-choice-btn--swatch,
.pd-config-choice-radio--media,
.pd-config-choice-radio--swatch {
  white-space: normal;
}

.pd-config-choice-btn--media,
.pd-config-choice-btn--swatch {
  gap: 10px;
  padding-block: var(--pd-choice-card-padding-block);
}

.pd-config-choice-radio--media {
  align-content: start;
}

.pd-config-choice-text,
.pd-config-choice-radio-text {
  display: block;
  width: auto;
  max-width: 100%;
  justify-self: center;
  margin-inline: auto;
  text-align: center;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: manual;
}

.pd-config-choice-btn[data-choice-single-word="true"]:not(.pd-config-choice-btn--media):not(.pd-config-choice-btn--swatch),
.pd-config-choice-radio[data-choice-single-word="true"]:not(.pd-config-choice-radio--media):not(.pd-config-choice-radio--swatch),
.pd-config-choice-btn[data-choice-single-word="true"]:not(.pd-config-choice-btn--media):not(.pd-config-choice-btn--swatch) .pd-config-choice-text,
.pd-config-choice-radio[data-choice-single-word="true"]:not(.pd-config-choice-radio--media):not(.pd-config-choice-radio--swatch) .pd-config-choice-radio-text {
  white-space: nowrap;
}

.pd-config-choice-list[data-visible-count="1"] .pd-config-choice-btn,
.pd-config-choice-radio-list[data-visible-count="1"] .pd-config-choice-radio {
  width: auto;
  min-width: min(100%, 160px);
}

.pd-config-choice-list[data-visible-count="1"] .pd-config-choice-btn:not(.pd-config-choice-btn--media):not(.pd-config-choice-btn--swatch),
.pd-config-choice-radio-list[data-visible-count="1"] .pd-config-choice-radio:not(.pd-config-choice-radio--media):not(.pd-config-choice-radio--swatch) {
  max-width: max-content;
}

.pd-config-choice-list[data-visible-count="1"] .pd-config-choice-btn:not(.pd-config-choice-btn--media):not(.pd-config-choice-btn--swatch) .pd-config-choice-text,
.pd-config-choice-radio-list[data-visible-count="1"] .pd-config-choice-radio:not(.pd-config-choice-radio--media):not(.pd-config-choice-radio--swatch) .pd-config-choice-radio-text {
  white-space: nowrap;
}

.pd-config-choice-thumb-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 50px);
  height: 50px;
  flex: 0 0 50px;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  background: linear-gradient(180deg, #f7f9fb 0%, #eef3f6 100%);
  overflow: hidden;
}

.pd-config-choice-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pd-config-choice-label,
.pd-config-choice-radio-text {
  display: block;
  width: auto;
  max-width: 100%;
  justify-self: center;
  margin-inline: auto;
  text-align: center;
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.3;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: manual;
}

.pd-config-choice-title {
  display: block;
}

.pd-config-choice-price-note {
  display: block;
  margin-top: 2px;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--pd-muted);
  white-space: normal;
}

.pd-config-choice-swatch-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.pd-config-choice-swatch {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

.pd-config-choice-btn:hover,
.pd-config-choice-btn:focus-visible,
.pd-config-choice-radio:hover,
.pd-config-choice-radio:focus-within {
  border-color: var(--pd-choice-card-hover-border);
  background: var(--pd-choice-card-hover-bg);
  outline: 0;
}

.pd-config-choice-btn.is-active,
.pd-config-choice-radio.is-active {
  border-color: var(--pd-choice-card-active-border);
  background: var(--pd-choice-card-active-bg);
  box-shadow: var(--pd-choice-card-active-shadow);
}

.pd-config-choice-btn:focus-visible,
.pd-config-choice-radio:focus-within {
  box-shadow: 0 0 0 3px rgba(95, 120, 139, 0.18);
}

.pd-config-choice-btn[disabled],
.pd-config-choice-btn.is-unavailable,
.pd-config-choice-radio[hidden],
.pd-config-choice-radio.is-unavailable {
  cursor: not-allowed;
}

.pd-config-choice-btn[disabled],
.pd-config-choice-btn.is-unavailable,
.pd-config-choice-radio.is-unavailable {
  border-color: var(--pd-choice-card-disabled-border);
  background: var(--pd-choice-card-disabled-bg);
  color: var(--pd-choice-card-disabled-text);
  box-shadow: none;
  opacity: 0.6;
}

.pdcf-primary .pd-variant-row-buttons,
.pdcf-primary .pd-variant-row-buttons [data-config-choice-ui] {
  grid-template-columns: 1fr;
}

.pdcf-primary .pd-variant-row-switch {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  justify-items: center;
  align-items: center;
}

.pdcf-primary .pd-variant-row-radio,
.pdcf-primary .pd-variant-row-select {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.pdcf-primary .pd-configurator > .pd-variant-row.pd-variant-row-switch {
  grid-column: span 1;
}

.pdcf-primary .pd-variant-row-switch [data-config-choice-ui] {
  width: 100%;
}

.pdcf-primary .pd-variant-row-switch .pd-config-choice-ui[data-control-mode="switch"] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  justify-items: center;
}

.pdcf-primary .pd-variant-row-switch .pd-variant-label {
  width: auto;
  justify-self: center;
  text-align: left;
}

.pdcf-primary .pd-variant-row-switch .pd-config-switch {
  justify-self: center;
}

.pd-config-choice-radio-input {
  margin: 0;
  accent-color: #5f788b;
}

.pd-config-switch {
  position: relative;
  display: grid;
  gap: 4px;
  justify-items: center;
  width: auto;
  min-width: 70px;
  min-height: 34px;
  cursor: pointer;
}

.pd-config-switch-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.pd-config-switch-slider {
  position: relative;
  display: block;
  width: 100%;
  height: 34px;
  background: #d1d5db;
  border-radius: 17px;
  transition: background-color 0.18s ease;
}

.pd-config-switch-slider::after {
  content: attr(data-label);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 5px;
  font-family: inherit;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #fff;
}

.pd-config-switch-price {
  display: block;
  min-height: 1.2em;
  max-width: 100%;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--pd-muted);
  white-space: nowrap;
}

.pd-config-switch-slider::before {
  content: "";
  position: absolute;
  left: 4px;
  bottom: 4px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.18s ease;
}

.pd-config-switch-input:checked + .pd-config-switch-slider {
  background: #2e4f20;
}

.pd-config-switch-input:not(:checked) + .pd-config-switch-slider {
  background: #b91c1c;
}

.pd-config-switch-input:checked + .pd-config-switch-slider::before {
  transform: translateX(30px);
}

.pd-config-switch-input:checked + .pd-config-switch-slider::after {
  justify-content: flex-start;
  padding-left: 5px;
  padding-right: 0;
}

.js .pdcf-primary .pd-config-select-native {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}

.js .pdcf-variant-form[data-configurator-pending="1"] {
  opacity: 0;
  pointer-events: none;
}

.js .pdcf-variant-form[data-configurator-pending="1"] .pd-config-choice-ui {
  display: none;
}

.js .pdcf-primary .pd-configurator[data-configurator-pending="1"] {
  visibility: hidden;
}

.js .pdcf-primary .pd-configurator[data-configurator-pending="1"] .pd-config-choice-ui {
  display: none;
}

.pdcf-wrap .pd-thumbs {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.pdcf-wrap .pd-thumbs-track {
  min-width: 0;
  max-width: 100%;
}

.pdcf-wrap .pd-main-img {
  overflow: hidden;
}

.pdcf-wrap .pd-main-btn > img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #fff;
}

@media (min-width: 981px) {
  .pdcf-gallery-col,
  .pdcf-primary,
  .pdcf-buybox-col {
    align-self: start;
    position: sticky;
    top: var(--pd-sticky-top);
  }

  .pdcf-primary .pd-configurator {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .pdcf-variant-form .pd-variant-fieldset {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .pdcf-variant-form .pdcf-field-row.pd-variant-row-switch {
    grid-column: span 1;
  }

  .pdcf-primary .pd-config-choice-list,
  .pdcf-primary .pd-config-choice-radio-list {
    max-width: 100%;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .pdcf-primary .pd-config-choice-list[data-visible-count="2"],
  .pdcf-primary .pd-config-choice-radio-list[data-visible-count="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pdcf-primary .pd-config-choice-list[data-visible-count="3"],
  .pdcf-primary .pd-config-choice-radio-list[data-visible-count="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pdcf-primary .pd-config-choice-list[data-visible-count="4"],
  .pdcf-primary .pd-config-choice-radio-list[data-visible-count="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .pdcf-layout--variant,
  .pdcf-layout--configurator {
    grid-template-columns: minmax(0, 35fr) minmax(0, 45fr) minmax(0, 20fr);
    gap: 24px;
  }

  .pdcf-gallery-frame,
  .pdcf-primary-frame,
  .pdcf-buybox-shell,
  .pdcf-buybox-card {
    position: static;
    top: auto;
    max-block-size: none;
    overflow: visible;
    overscroll-behavior: auto;
    scrollbar-gutter: auto;
  }
}

@media (max-width: 980px) {
  .pdcf-layout--variant,
  .pdcf-layout--configurator {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .pdcf-gallery-frame,
  .pdcf-primary-frame,
  .pdcf-buybox-shell,
  .pdcf-buybox-card {
    position: static;
    top: auto;
  }

  .pdcf-primary .pd-configurator {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pdcf-variant-form .pd-variant-fieldset {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pdcf-variant-form .pdcf-field-row.pd-variant-row-switch {
    grid-column: span 1;
  }

  .pdcf-primary .pd-config-choice-list,
  .pdcf-primary .pd-config-choice-radio-list {
    max-width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pdcf-primary .pd-config-choice-list[data-visible-count="2"],
  .pdcf-primary .pd-config-choice-radio-list[data-visible-count="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pdcf-primary .pd-config-choice-list[data-visible-count="3"],
  .pdcf-primary .pd-config-choice-radio-list[data-visible-count="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pdcf-primary .pd-config-choice-list[data-visible-count="4"],
  .pdcf-primary .pd-config-choice-radio-list[data-visible-count="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .pdcf-primary .pd-config-choice-list[data-choice-presentation="media"],
  .pdcf-primary .pd-config-choice-list[data-choice-presentation="swatch"],
  .pdcf-primary .pd-config-choice-radio-list[data-choice-presentation="media"],
  .pdcf-primary .pd-config-choice-radio-list[data-choice-presentation="swatch"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pdcf-primary .pd-config-choice-list[data-visible-count="1"][data-choice-presentation="media"],
  .pdcf-primary .pd-config-choice-list[data-visible-count="1"][data-choice-presentation="swatch"],
  .pdcf-primary .pd-config-choice-radio-list[data-visible-count="1"][data-choice-presentation="media"],
  .pdcf-primary .pd-config-choice-radio-list[data-visible-count="1"][data-choice-presentation="swatch"] {
    grid-template-columns: minmax(0, max-content);
  }
}

@media (max-width: 767px) {
  .pdcf-wrap {
    padding-inline: 10px;
  }

  .pdcf-shell {
    gap: 24px;
  }

  .pdcf-layout {
    gap: 16px;
  }

  .pdcf-buybox-card,
  .pdcf-buybox-shell .pd-buybox {
    padding: 14px;
  }

  .pdcf-gallery-actions {
    top: 10px;
    right: 10px;
    max-width: calc(100% - 20px);
  }

  .pdcf-buybox-card .pd-cart-btn,
  .pdcf-buybox-shell .pd-cart-btn,
  .pdcf-buybox-card .pd-qty-input,
  .pdcf-buybox-shell .pd-qty-input,
  .pdcf-buybox-card .pd-qty-select,
  .pdcf-buybox-shell .pd-qty-select {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .pdcf-primary .pd-config-choice-list,
  .pdcf-primary .pd-config-choice-radio-list {
    max-width: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pdcf-primary .pd-config-choice-list[data-visible-count="1"],
  .pdcf-primary .pd-config-choice-radio-list[data-visible-count="1"] {
    grid-template-columns: minmax(0, max-content);
  }

  .pd-config-choice-btn,
  .pd-config-choice-radio {
    max-width: none;
  }

  .pdcf-primary .pd-variant-row-switch .pd-config-choice-ui[data-control-mode="switch"] {
    grid-template-columns: 1fr;
  }
}