/* Desktop homepage helper follows the existing mobile artwork and budget control. */
@media (min-width: 1200px) {
  .main-helper {
    position: relative;
    width: calc(100% - 96px);
    max-width: 1200px;
    min-height: 0;
    margin: 42px auto 56px;
    padding: 34px 50px 36px;
    overflow: hidden;
    border: 0;
    border-radius: 32px;
    background:
      radial-gradient(circle at 8% 18%, rgba(230, 184, 78, 0.18) 0 2px, transparent 2.5px),
      radial-gradient(circle at 62% 8%, rgba(230, 184, 78, 0.16) 0 2px, transparent 2.5px),
      linear-gradient(145deg, #fffefb 0%, #fff8e9 100%);
    box-shadow:
      inset 0 0 18px rgba(255, 241, 196, 0.3),
      0 0 24px 5px rgba(224, 178, 67, 0.16),
      0 10px 26px rgba(12, 41, 77, 0.07);
  }

  .main-helper::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 18px;
    width: clamp(480px, 43vw, 560px);
    aspect-ratio: 1340 / 1188;
    transform: translateY(-50%);
    background: url("../img/mobile-helper-gift-v1.webp") center / contain no-repeat;
    pointer-events: none;
  }

  .main-helper::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 510'%3E%3Cg fill='%23D7A441' opacity='.78'%3E%3Cpath d='M0-13 3-3 13 0 3 3 0 13-3 3-13 0-3-3Z' transform='translate(35 165)'/%3E%3Cpath d='M0-9 2-2 9 0 2 2 0 9-2 2-9 0-2-2Z' transform='translate(489 74)'/%3E%3Cpath d='M0-11 2.5-2.5 11 0 2.5 2.5 0 11-2.5 2.5-11 0-2.5-2.5Z' transform='translate(596 204)'/%3E%3Cpath d='M0-8 2-2 8 0 2 2 0 8-2 2-8 0-2-2Z' transform='translate(535 438)'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;
    pointer-events: none;
  }

  .main-helper > .wrap-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  .main-helper .main-helper__desktop-copy {
    display: none;
  }

  .main-helper .main-helper__mobile-copy[hidden] {
    display: inline !important;
  }

  .main-helper h2 {
    width: 360px;
    max-width: 44%;
    margin: 0 0 12px;
    line-height: 1;
    text-align: left;
  }

  .main-helper h2::after {
    content: none;
    display: none;
  }

  .main-helper__title-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: left center;
  }

  .main-helper__subtitle {
    display: block;
    width: 420px;
    margin: 0;
    color: #263848;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    text-transform: none;
  }

  .main-helper__inputs {
    display: block;
    width: 420px;
    max-width: 44%;
    margin-top: 22px;
  }

  .main-helper__inputs-wrap {
    display: block;
    width: 100%;
  }

  .main-helper__inputs-inner {
    display: none;
  }

  .main-helper__quick,
  .main-helper__quick[hidden] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    margin-bottom: 16px;
  }

  .main-helper__inputs-wrap .main-helper__quick-option {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 0;
    height: 56px;
    margin: 0;
    padding: 8px;
    border: 1.5px solid #e2bb65;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 3px 8px rgba(89, 64, 18, 0.08);
    color: #087f4d;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.15;
    text-transform: none;
  }

  .main-helper__inputs-wrap .main-helper__quick-option.is-active,
  .main-helper__inputs-wrap .main-helper__quick-option[aria-pressed="true"] {
    border-color: #079b57;
    background: linear-gradient(135deg, #08ad61 0%, #078f4d 100%);
    box-shadow: 0 5px 12px rgba(0, 128, 73, 0.24);
    color: #fff;
  }

  .main-helper__inputs-wrap .main-helper__quick-option:focus-visible,
  .main-helper__inputs-wrap > button[type="submit"]:focus-visible {
    outline: 3px solid #087f4d;
    outline-offset: 4px;
  }

  .main-helper__inputs-wrap > button[type="submit"] {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 64px;
    margin: 0;
    padding: 0 22px 0 65px;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(180deg, #f42a2f 0%, #df1016 100%);
    box-shadow: 0 8px 16px rgba(221, 16, 22, 0.24);
    color: #fff;
    font-size: 29px;
    font-weight: 900;
    line-height: 1;
    text-transform: none;
  }

  .main-helper__inputs-wrap > button[type="submit"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 26px;
    width: 29px;
    height: 29px;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M2 7h20v5H2zM12 7v14M12 7H7.5a2.5 2.5 0 1 1 2.2-3.7L12 7Zm0 0h4.5a2.5 2.5 0 1 0-2.2-3.7L12 7Z'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  .main-helper__gift-tag[hidden] {
    position: absolute;
    z-index: 3;
    top: calc(50% - 3px);
    right: calc(18px + clamp(118px, 10.58vw, 138px) - 38px);
    display: block !important;
    width: 76px;
    transform: rotate(9deg);
    color: #ae7a26;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    font-style: italic;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    pointer-events: none;
  }
}