.elementor-5231 .elementor-element.elementor-element-dfd56f9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5231 .elementor-element.elementor-element-dfd56f9{--width:100%;}}/* Start custom CSS *//* =========================
   Dry Fit Hero Base
========================= */

.su-hero-dry-fit {
  position: relative;
  overflow: hidden;
}

.su-hero-inner {
  position: relative;
}

.su-hero-model-img,
.su-hero-model-img .elementor-widget-container {
  line-height: 0;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.su-hero-model-img img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}


/* =========================
   Desktop: 放大人物並貼 Section 底部
========================= */

@media (min-width: 1025px) {
  .su-hero-inner {
    min-height: 620px;
    display: flex;
    align-items: stretch;
  }

  .su-hero-visual {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    overflow: visible;
  }

  .su-hero-model-img {
    width: 118% !important;
    max-width: none !important;
    margin-right: -70px !important;
    margin-bottom: 0 !important;
    align-self: flex-end;
  }
}


/* =========================
   Tablet: 正常上下排版，不再爆出 Hero
========================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .su-hero-dry-fit {
    min-height: 760px;
    overflow: hidden;
  }

  .su-hero-inner {
    min-height: 760px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .su-hero-copy {
    width: 100% !important;
  }

  .su-hero-visual {
    width: 100% !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
    margin-top: auto;
  }

  .su-hero-model-img {
    width: 620px !important;
    max-width: 92vw !important;
    margin: 0 auto !important;
  }
}


/* =========================
   Mobile: 不硬貼底，避免爆版
========================= */

@media (max-width: 767px) {
  .su-hero-dry-fit {
    min-height: auto;
    overflow: hidden;
  }

  .su-hero-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    min-height: auto;
  }

  .su-hero-copy {
    width: 100% !important;
  }

  .su-hero-visual {
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-top: 24px;
  }

  .su-hero-model-img {
    width: 108% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
  }
}/* End custom CSS */