/* Size layout: rows */
.product-variant-option-slot {
  display: flex;
  flex-direction: column;
  width: 100%;

  > .product-variant-options {
    order: 0;
  }

  > .product-variant-options-size {
    margin-top: 0;
  }
}

.product-variant-pill-subscribe-accordion:not(.size-options-blocks),
.product-variant-pill-onetime:not(.size-options-blocks) {

  .product-variant-option-slot {
     margin-bottom: 20px;
    > .product-variant-options,
    > .product-variant-options::before {
      transition: none;
    }

    > .product-subscription__body {
      order: 1;
      width: auto;
      margin: 0 14px 14px;
    }
  }

  .purchase-choice-radio:checked + .product-variant-option-slot,
  .product-variant-option-slot:has(> .product-variant-options.is-active) {
    position: relative;
    background: #faf7ff;
    border-radius: 8px;

    &::before {
      content: "";
      position: absolute;
      inset: 0;
      border: 1px solid #9F5BFF;
      border-radius: 8px;
      pointer-events: none;
    }

    > .product-variant-options {
      border-color: transparent;
      background: transparent;

      &::before {
        opacity: 0;
      }
    }
  }
}

@media screen and (max-width: 450px) {
  .product-variant-pill-subscribe-accordion:not(.size-options-blocks),
  .product-variant-pill-onetime:not(.size-options-blocks) {
    .product-variant-option-slot > .product-subscription__body {
      margin-right: 8px;
      margin-left: 8px;
    }
  }
}

.product-variant__size__pills-wrapper:not([data-size-layout="blocks"]) .product-variant-option-card,
.product-variant__size__pills-wrapper[data-size-layout="blocks"] .product-variant-pill-onetime .product-variant-option-card {
  display: contents;
}