/* exact selectors matching actual frontend markup */
.pvk-configurator .pvk-field input,
.pvk-configurator .pvk-field select,
.pvk-configurator .pvk-inline-select,
.pvk-configurator .pvk-module-toolbar input,
.pvk-configurator .pvk-module-toolbar select,
.pvk-configurator .pvk-package-toolbar input,
.pvk-configurator .pvk-package-toolbar select {
  background: #fff4b8 !important;
  background-color: #fff4b8 !important;
  border-color: #dec86b !important;
  color: #4d3f0e !important;
}

.pvk-configurator .pvk-field input::placeholder,
.pvk-configurator .pvk-module-toolbar input::placeholder,
.pvk-configurator .pvk-package-toolbar input::placeholder {
  color: #7a6a2a !important;
}

.pvk-configurator .pvk-field input:focus,
.pvk-configurator .pvk-field select:focus,
.pvk-configurator .pvk-inline-select:focus,
.pvk-configurator .pvk-module-toolbar input:focus,
.pvk-configurator .pvk-module-toolbar select:focus,
.pvk-configurator .pvk-package-toolbar input:focus,
.pvk-configurator .pvk-package-toolbar select:focus {
  background: #fff1a3 !important;
  background-color: #fff1a3 !important;
  border-color: #c9b256 !important;
  box-shadow: 0 0 0 3px rgba(201,178,86,.22) !important;
  outline: none !important;
}

.pvk-configurator .pvk-segmented,
.pvk-configurator #pvk-package-filter-group {
  background: #fff0a8 !important;
  border-color: #dec86b !important;
  box-shadow: inset 0 0 0 1px rgba(160,130,40,.20) !important;
}

.pvk-configurator .pvk-segmented-button {
  color: #6c5a1a !important;
}

.pvk-configurator .pvk-segmented-button.is-active {
  background: #fff7cf !important;
  color: #4d3f0e !important;
  box-shadow: 0 6px 16px rgba(177,148,51,.18) !important;
}


/* image sizing adjustments 1.23.38 */
.pvk-frontend .pvk-list-card .pvk-thumb{
  width: 128px !important;
  height: 128px !important;
  flex: 0 0 128px !important;
  padding: 2px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pvk-frontend .pvk-package-grid .pvk-thumb,
.pvk-frontend .pvk-wallbox-grid .pvk-thumb{
  width: 152px !important;
  height: 152px !important;
  flex: 0 0 152px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pvk-frontend .pvk-list-card .pvk-image-button,
.pvk-frontend .pvk-list-card .pvk-image-button img{
  width: 100% !important;
  height: 100% !important;
}

.pvk-frontend .pvk-detail-thumb{
  padding: 4px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pvk-frontend .pvk-package-detail .pvk-detail-thumb,
.pvk-frontend .pvk-wallbox-detail .pvk-detail-thumb{
  width: 232px !important;
  height: 232px !important;
  min-width: 232px !important;
  min-height: 232px !important;
  max-width: 232px !important;
  max-height: 232px !important;
  padding: 2px !important;
}

@media (max-width: 782px){
  .pvk-frontend .pvk-list-card .pvk-thumb{
    width: 96px !important;
    height: 96px !important;
    flex-basis: 96px !important;
  }

  .pvk-frontend .pvk-package-grid .pvk-thumb,
  .pvk-frontend .pvk-wallbox-grid .pvk-thumb{
    width: 118px !important;
    height: 118px !important;
    flex-basis: 118px !important;
  }

  .pvk-frontend .pvk-package-detail .pvk-detail-thumb,
  .pvk-frontend .pvk-wallbox-detail .pvk-detail-thumb{
    width: 100% !important;
    height: 240px !important;
    min-width: 0 !important;
    min-height: 240px !important;
    max-width: none !important;
    max-height: 240px !important;
  }
}