
/* HS Hot Tub Configurator v3.3
   Restore previous v3/v3.1 option layout, only improve image rendering.
   Desktop only.
*/
@media (min-width: 992px) {

  /* Restore previous v3 visual-option proportions */
  body.hs-ht-v3 .hs-v3-visual .radio label,
  body.hs-ht-v3 .hs-v3-visual .checkbox label {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 9px 9px 11px !important;
    border: 1px solid #e3ded5 !important;
    border-radius: 12px !important;
    background: #fff !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
    overflow: hidden !important;
  }

  body.hs-ht-v3 .hs-v3-visual .radio label img,
  body.hs-ht-v3 .hs-v3-visual .checkbox label img,
  body.hs-ht-v3 .hs-v3-visual .hs-option-image,
  body.hs-ht-v3 .hs-v3-visual .hs-option-thumb {
    display: block !important;
    width: 100% !important;
    height: 118px !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 9px !important;
    background: #f5f2ec !important;
    image-rendering: auto !important;
    filter: none !important;
  }

  /* Undo v3.2 generic image-container rules */
  body.hs-ht-v3 .hs-v3-options .image_option_type .image,
  body.hs-ht-v3 .hs-v3-options .radio .image,
  body.hs-ht-v3 .hs-v3-options .checkbox .image,
  body.hs-ht-v3 .hs-v3-options .option-image,
  body.hs-ht-v3 .hs-v3-options .img-thumbnail {
    display: initial !important;
    width: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  /* Keep text-only extras exactly as v3 */
  body.hs-ht-v3 .hs-v3-compact .radio label,
  body.hs-ht-v3 .hs-v3-compact .checkbox label {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 9px 11px 9px 34px !important;
    border: 1px solid #e3ded5 !important;
    border-radius: 10px !important;
    background: #fff !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  /* Facebook CTA */
  body.hs-ht-v3 .hs-v3-facebook {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 22px 0 0 !important;
    padding: 19px 20px !important;
    border-radius: 14px !important;
    background: #112b22 !important;
    color: #fff !important;
  }

  body.hs-ht-v3 .hs-v3-facebook a {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
