/* line 1, gift.scss */
.gift {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(35px, 4vw, 55px);
  max-width: 738px;
  margin-inline: auto;
  padding-inline: 16px;
  margin-top: clamp(45px, 4vw, 55px);
  margin-bottom: clamp(30px, 4vw, 69px); }
  /* line 14, gift.scss */
  .gift-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(20px, 4vw, 35px);
    width: 100%; }
    /* line 22, gift.scss */
    .gift-section .tg {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #E4E4E4;
      width: clamp(61px, 4vw, 93px);
      height: clamp(61px, 4vw, 93px); }
      /* line 31, gift.scss */
      .gift-section .tg svg {
        width: clamp(53px, 4vw, 75px);
        height: clamp(44px, 4vw, 62px); }
    /* line 37, gift.scss */
    .gift-section.row {
      flex-direction: row;
      gap: clamp(16px, 4vw, 45px);
      justify-content: center; }
      /* line 42, gift.scss */
      .gift-section.row input:checked ~ label, .gift-section.row input:checked ~ label::after, .gift-section.row input:checked ~ p {
        opacity: 1; }
      /* line 48, gift.scss */
      .gift-section.row label {
        display: flex;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: clamp(22px, 4vw, 48px);
        height: clamp(22px, 4vw, 48px);
        border: 1px solid #505050;
        opacity: .55;
        transition: .2s ease; }
        /* line 61, gift.scss */
        .gift-section.row label::after {
          content: '';
          width: clamp(22px, 4vw, 48px);
          height: clamp(22px, 4vw, 48px);
          background-image: url("https://static.insales-cdn.com/files/1/5481/90142057/original/checkbox-checked.svg");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          opacity: 0;
          transition: .2s ease; }
      /* line 76, gift.scss */
      .gift-section.row p {
        color: #505050;
        text-align: left;
        opacity: .55;
        transition: .2s ease; }
        /* line 83, gift.scss */
        .gift-section.row p a {
          color: #505050;
          text-decoration: underline; }
  /* line 91, gift.scss */
  .gift-imgs {
    display: flex;
    gap: clamp(5px, 4vw, 30px); }
  /* line 96, gift.scss */
  .gift-btn {
    background-color: #9D1827;
    width: 100%;
    padding-block: 8px;
    padding-inline: 29px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: clamp(15px, 4vw, 25px);
    font-weight: 500;
    text-transform: uppercase;
    transition: .2s ease; }
    @media screen and (max-width: 560px) {
      /* line 96, gift.scss */
      .gift-btn {
        width: max-content; } }
    /* line 117, gift.scss */
    .gift-btn:disabled {
      background-color: #CE8C93;
      pointer-events: none; }
  /* line 123, gift.scss */
  .gift input {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #505050;
    font-size: 20px;
    text-align: center; }
  /* line 132, gift.scss */
  .gift h1, .gift h2, .gift p, .gift label {
    font-size: clamp(15px, 4vw, 30px);
    font-weight: 500;
    text-align: center; }