article.order-footer {
  .footer-wrap {
    /*border-top:1px solid #ddd;*/
    /*padding-top: 12px;*/
    margin-top: 18px;
  }

  .footer-head-box {
    padding-bottom: 16px;

    .main-box {
      font-weight: 800;
      font-size: 20px;
      line-height: 1.35;
      letter-spacing: -0.5px;
      color: #2b2340;
    }

    /* 핵심 단어만 브랜드 컬러로 — 푸터 CTA(.wd-foot-cta)와 톤을 맞춘다 */
    .main-box .fh-accent {
      color: #5b46c9;
    }

    .sub-box {
      margin-top: 6px;

      .sub-txt {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: -0.2px;
        color: #8b8598;
      }

      .ic {
        display: inline-flex;
        align-items: center;
        aspect-ratio: 512 / 400;
        position: relative;
        top: 4px;
        width: 20px;
        margin-left: 2px;
        margin-right: 2px;

        &.ic-heart {
          background: url("/app/common/img/ssada/ic_like.png") no-repeat
            center / cover;
        }
      }
    }
  }

  .footer-body-box {
    .swiper-group-box {
      margin: 0 -10px;

      .swiper {
        padding: 0 8px;
        background-color: #fff;
        border-bottom: 0;
        height: auto;

        .swiper-wrapper {
          .swiper-slide {
            height: auto;
            padding: 0;
            margin-left: 0;
            border-radius: 0;
            font-size: inherit;
          }
        }
      }

      .item-wrap {
        display: block;

        .link-wrap {
          display: block;

          .img-box {
            border-radius: 8px;
            overflow: hidden;
            aspect-ratio: 1/1;
            display: inline-flex;

            img {
              max-width: 100%;
              width: 100%;
            }
          }

          .info-box {
            padding-top: 8px;

            .subject-box {
              font-size: 14px;
              line-height: 20px;
              letter-spacing: -0.02em;
            }
          }
        }

        .like-toggle-btn {
          margin-top: 4px;
          padding: 4px 0;
          display: flex;
          align-items: center;

          &.active {
            .ic {
              &.ic-heart {
                background: url("/app/common/img/ssada/ic_like_active.png")
                  no-repeat center / cover;
              }
            }
          }

          .ic {
            aspect-ratio: 512 / 400;
            width: 18px;
            flex-shrink: 0;
            margin-right: 4px;

            &.ic-heart {
              background: url("/app/common/img/ssada/ic_like.png") no-repeat
                center / cover;
            }
          }

          .txt {
            font-size: 11px;
            line-height: 14px;
            color: red;
            letter-spacing: -0.02em;
          }
        }
      }
    }
  }

  .footer-foot-box {
    margin: 0 -10px;

    .foot-guide-box {
      /* 배경이미지(마켓 워터마크) 제거 — 이미지 배경색과 같은 단색으로 채운다 */
      background: #f2f2f2;
      padding: 16px 16px;

      .guide-head-box {
        color: #6c589d;
        font-weight: 700;
        font-size: 18px;
        text-align: center;
        padding-bottom: 12px;
      }

      .guide-body-box {
        .guide-item {
          color: #666;
          font-size: 10px;
          line-height: 18px;

          & + .guide-item {
            margin-top: 0px;
          }
        }
      }
    }

    .guide-foot-box {
      .guide-link-list {
        margin-top: 12px;
        height: 32px;
        display: flex;
        gap: 8px;

        .guide-link-item {
          width: 100%;
          display: inline-flex;

          .guide-link-btn {
            display: inline-flex;
            align-items: center;

            &.type-1,
            &.type-2 {
              border-radius: 4px;
              width: 100%;
              justify-content: center;
              font-size: 14px;
              font-family: "Cafe24Ohsquare";
            }

            &.type-1 {
              background-color: #665b94;
              color: #fff;
            }

            &.type-2 {
              background-color: #cb75c7;
              color: #fff;
            }

            img {
              width: 100%;
            }
          }
        }
      }
    }
  }
}