.footer {
  background-color: #ffffff;
  --color-text: var(--color-footer-text);
  color: #000000;
}

/* Footer Main Menu Section */
.footer__mainmenu-section {
  background-color: #ffffff;
  padding: 80px 0;
  border-top: 1px solid #e4e7ec;
}

.footer__mainmenu-content {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

@media screen and (min-width: 960px) {
  .footer__mainmenu-content {
    padding: 0 40px;
  }
}

.footer__social-icons {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  flex-shrink: 0;
}

.footer__social-icon {
  display: inline-block;
  text-decoration: none;
}

.footer__social-icon-circle {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
  padding: 18px;
  box-sizing: border-box;
}

@media screen and (min-width: 960px) {
  .footer__social-icon-circle {
    width: 96px;
    height: 96px;
    padding: 24px;
  }
}

.footer__social-icon-circle:hover {
  opacity: 0.8;
}

.footer__social-icon-img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  display: block;
}

@media screen and (min-width: 960px) {
  .footer__social-icon-img {
    width: 48px;
    height: 48px;
  }
}

.footer__social-icon-circle svg {
  width: 24px;
  height: 24px;
  fill: #ffffff;
  color: #ffffff;
}

.footer__description {
  max-width: 600px;
  flex: 1;
  color: #000000;
  font-family: "Nudista Light", sans-serif;
  font-size: 18px;
}

.footer__main-menu {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}

.footer__main-menu-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer__main-menu-item {
  margin: 0;
}

.footer__main-menu-link {
  text-decoration: none;
  color: #000000 !important;
  font-family: "TT Hoves Pro Expanded", sans-serif;
  font-size: 18px;
  transition: opacity 0.3s ease;
  width: 90px;
  word-break: break-word;
  white-space: normal;
  line-height: 1.4;
}

.footer__main-menu-link:hover {
  opacity: 0.7;
  color: #000000 !important;
}

.footer__main-menu-dropdown {
  position: relative;
  margin-bottom: 40px;
}

@media screen and (min-width: 960px) {
  .footer__main-menu-dropdown {
    margin-bottom: 0;
  }

  .footer__main-menu-dropdown .footer__main-menu-list {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 40px;
    padding-top: 0;
    background-color: #ffffff;
    z-index: 10;
    width: 90px;
    box-sizing: border-box;
  }

  .footer__main-menu-dropdown .footer__main-menu-list .footer__main-menu-link {
    width: 90px;
  }

  .footer__main-menu {
    position: relative;
    overflow: visible;
  }
}

.footer__main-menu-summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0;
  margin: 0;
}

.footer__main-menu-summary::-webkit-details-marker {
  display: none;
}

.footer__main-menu-summary::marker {
  display: none;
}

.footer__main-menu-chevron {
  flex-shrink: 0;
  transition: transform 0.3s ease;
  margin-left: auto;
  display: block;
}

.footer__main-menu-dropdown[open] .footer__main-menu-chevron {
  transform: rotate(180deg);
}

.footer__main-menu-link--first {
  display: block;
  width: 90px;
  flex-shrink: 0;
}

.footer__main-menu-dropdown .footer__main-menu-list {
  margin-top: 40px;
  padding-top: 0;
}

/* Footer Logo Section */
.footer__logo-section {
  background: linear-gradient(to top, #020de9 0%, #ffffff 100%);
  position: relative;
  width: 100%;
  left: 0;
  transform: none;
  padding: 80px 0 24px 0;
  box-sizing: border-box;
}

.footer__logo-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 40px;
}

.footer__logo-img {
  width: 100%;
  height: auto;
  display: block;
}

.footer__copyright-menu-content {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
}

@media screen and (min-width: 960px) {
  .footer__copyright-menu-content {
    padding: 0 40px;
  }
}

/* Footer Copyright Section */
.footer__copyright-section {
  background: linear-gradient(to top, #020de9 0%, #ffffff 100%);
  position: relative;
  width: 100%;
  left: 0;
  transform: none;
  padding: 0;
  box-sizing: border-box;
}

.footer__copyright-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
}

/* Footer Copyright and Menu Section */
.footer__copyright-menu-section {
  background: linear-gradient(to top, #020de9 0%, #ffffff 100%);
  position: relative;
  width: 100%;
  left: 0;
  transform: none;
  padding: 80px 0;
  box-sizing: border-box;
}

.footer__copyright {
  flex-shrink: 0;
}

.copyright__content {
  color: #ffffff !important;
  font-family: "Nudista", sans-serif;
  font-size: 12px;
}

.copyright__content a {
  color: #ffffff !important;
}

.footer__footer-menu {
  flex-shrink: 0;
}

.footer__footer-menu-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer__footer-menu-item--company .miok-footer-legal {
    width: auto !important;
    text-align: left !important;
    display: inline-block !important;
    
}

.footer__footer-menu-item--company summary.miok-footer-legal__summary {
    margin: 0 !important;
    padding: 0 !important;
    
}

.footer__footer-menu-item {
  margin: 0;
}

.footer__footer-menu-link {
  text-decoration: none;
  color: #7e8c8d !important;
  font-family: "TT Hoves Pro Expanded", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.02em;
  transition: opacity 0.3s ease;
   }

.footer__footer-menu-link:hover {
  opacity: 0.7;
  color: #7e8c8d !important;
}

/* Mobile Main Menu Section (흰색 배경) */
.footer__mobile-mainmenu-section {
  background-color: #ffffff;
  padding: 24px 0;
  border-top: 1px solid #e4e7ec;
}

.footer__mobile-mainmenu-content {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.footer__mobile-mainmenu-content .footer__main-menu-list {
  gap: 24px;
}

@media screen and (max-width: 959px) {
  .footer__main-menu-dropdown {
    margin-bottom: 24px;
  }

  .footer__main-menu-dropdown .footer__main-menu-list {
    margin-top: 24px;
  }

  .footer__main-menu-list {
    gap: 24px;
  }
}

/* Mobile Gradient Section (그라데이션 부분) */
.footer__mobile-gradient-section {
  background: linear-gradient(to top, #020de9 0%, #ffffff 100%);
  width: 100%;
  position: relative;
  left: 0;
  transform: none;
  padding: 0 0 24px 0;
}

.footer__mobile-gradient-content {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.footer__mobile-gradient-content .footer__social-icons {
  justify-content: flex-start;
  padding: 0;
  gap: 24px;
}

.footer__mobile-gradient-content .footer__social-icon-circle {
  width: 48px;
  height: 48px;
  padding: 12px;
}

.footer__mobile-gradient-content .footer__social-icon-img {
  width: 24px;
  height: 24px;
}

.footer__mobile-gradient-content .footer__logo-wrapper {
  width: 100%;
  margin: 16px 0 0 0;
  padding: 0;
}

.footer__mobile-gradient-content .footer__logo-img {
  width: 100%;
  height: auto;
  display: block;
}

.footer__mobile-gradient-content .footer__footer-menu {
  padding: 0;
}

.footer__mobile-gradient-content .footer__copyright {
  padding: 0;
}

.footer__mobile-gradient-content .footer__footer-menu-list {
  justify-content: flex-start;
  gap: 16px;
}

.footer__mobile-gradient-content .footer__footer-menu-link {
  font-family: "Nudista Light", sans-serif;
}

.footer__mobile-gradient-content .copyright__content {
  font-family: "Nudista Light", sans-serif;
}
.section-footer-padding {
  margin-top: var(--section-vertical-gap);
  padding-top: calc(var(--padding-top) / 2);
  padding-bottom: 0;
}
@media (min-width: 960px) {
  .section-footer-padding {
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
  }
}
.footer-block:empty {
  display: none;
}
@media (min-width: 960px) {
  .footer-block .footer-block--subscribe .footer-letter-form {
    width: 100% !important;
    max-width: 590px;
  }
  .footer-block .footer-block--subscribe .footer-block__heading {
    margin-top: 15px;
  }
}
@media (max-width: 959px) {
  .footer-block .footer-block--subscribe .field {
    margin-bottom: 0;
  }
}
.footer-block__heading {
  font-weight: 500;
}
.footer-block--full {
  margin-top: 40px;
  margin-bottom: 20px;
}
@media (max-width: 959px) {
  .footer-block--full {
    margin-top: 20px;
  }
}
.footer-block--full {
  width: 100%;
}
.footer-block--full .footer-block-image img {
  width: 100%;
  height: auto;
  display: block;
}
.footer-block__details-content.rte,
.footer-block__details-content > li {
  margin-top: 15px;
}
.footer-block__details-content a {
  opacity: 0.7;
}
footer-menu {
  display: flex;
  flex-direction: column;
}
.footer__blocks-wrapper .footer__list-social {
  margin-top: 15px;
  grid-column-gap: 8px;
}
@media (min-width: 960px) {
  .footer__blocks-wrapper .footer__list-social {
    grid-column-gap: var(--block-media-icon-padding);
  }
}
.footer__blocks-wrapper .footer__list-social {
  grid-row-gap: 15px;
}
.footer__blocks-wrapper .footer__list-social a svg,
.footer__blocks-wrapper .footer__list-social img {
  width: 28px;
  height: 28px;
}
@media (min-width: 960px) {
  .footer__blocks-wrapper .footer__list-social a svg,
  .footer__blocks-wrapper .footer__list-social img {
    width: var(--block-media-icon-width);
    height: var(--block-media-icon-width);
  }
}
.footer__blocks-wrapper .footer-block--subscribe {
  width: 100% !important;
}
@media (min-width: 960px) {
  .footer__blocks-wrapper .footer-letter-form {
    display: flex;
  }
  .footer__blocks-wrapper .footer-letter-form .field {
    max-width: 590px;
  }
}
@media (min-width: 960px) {
  .footer-block {
    min-width: 200px;
  }
  .footer-block--list .footer-block__heading svg {
    display: none;
  }
  .footer_content_center .footer__blocks-wrapper .footer-block__heading,
  .footer_content_center .footer__blocks-wrapper .footer-block__details-content,
  .footer_content_center
    .footer__blocks-wrapper
    .footer-block__details-content
    li {
    text-align: center;
  }
  .footer_content_center .footer__blocks-wrapper .footer-letter-form {
    justify-content: center;
  }
  .footer_content_center .footer__blocks-wrapper .footer__conact-block,
  .footer_content_center .footer__blocks-wrapper .footer__list-social {
    justify-content: center;
  }
  .footer_content_right .footer__blocks-wrapper .footer-block__heading,
  .footer_content_right .footer__blocks-wrapper .footer-block__details-content,
  .footer_content_right
    .footer__blocks-wrapper
    .footer-block__details-content
    li {
    text-align: right;
  }
  .footer_content_right .footer__blocks-wrapper .footer-letter-form {
    justify-content: flex-end;
  }
  .footer_content_right .footer__blocks-wrapper .footer__conact-block,
  .footer_content_right .footer__blocks-wrapper .footer__list-social {
    justify-content: flex-end;
  }
}
.footer_content_right .content_vertical {
  align-items: flex-end;
}
.footer_content_right .footer__copyright {
  text-align: right;
}
.footer_content_right .copyright-menu-box {
  justify-content: flex-end;
}
@media (max-width: 959px) {
  .footer_content_right .footer__content-bottom-wrapper {
    align-items: flex-end;
    flex-direction: column-reverse;
    display: flex;
    row-gap: 20px;
  }
  .footer_content_right .footer__payment {
    justify-content: flex-end;
  }
}
.footer_content_left .content_vertical {
  align-items: flex-start;
}
.footer_content_left .copyright-menu-box {
  justify-content: flex-start;
}
.footer_content_left .footer__copyright {
  text-align: left;
}
@media (max-width: 959px) {
  .footer_content_left .footer__content-bottom-wrapper {
    align-items: flex-start;
  }
  .footer_content_left .footer__payment {
    justify-content: flex-start;
  }
}
@media (max-width: 959px) {
  .footer-block {
    position: relative;
    padding-bottom: var(--grid-vertical-space);
  }
  .footer-block::after {
    position: absolute;
    content: " ";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(var(--color-text), 0.1);
  }
  footer-menu {
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
  }

  footer-menu .footer-block__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  footer-menu .footer-block__details-content {
    height: 0;
    opacity: 0;
  }

  footer-menu .icon-arrow {
    display: inline-block;
  }

  footer-menu .icon-minus {
    display: none;
  }
  footer-menu[open] .footer-block__details-content {
    opacity: 1;
    height: auto;
  }

  footer-menu[open] .icon-arrow {
    display: none;
  }

  footer-menu[open] .icon-minus {
    display: inline-block;
  }
}
.footer-block__details-content .list-menu__item--active,
.footer-block__details-content .list-menu__item--link:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
  color: rgba(var(--color-text));
  opacity: 1;
}
.footer-block-image > img {
  height: auto;
  object-fit: cover;
  object-fit: center center;
}
@media (max-width: 959px) {
  .footer-block-image {
    text-align: left !important;
  }
}
.footer__copyright {
  text-align: center;
  margin-top: 10px;
}
/* PC에서 footer menu 링크와 Company Info 높이 정확히 맞추기 */
@media (min-width: 960px) {

    .footer__copyright-menu-content .footer__footer-menu,
    .footer__copyright-menu-content .footer__copyright {
        align-self: flex-start;
    }
    .footer__copyright-menu-content .footer__copyright {
        margin-top: 0 !important;
        
    }
.footer__copyright summary.miok-footer-legal__summary {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.4 !important;
        
    }
}
.footer-block--newsletter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 960px) {
  .footer-block--newsletter {
    justify-content: space-between;
  }
  .footer-block--newsletter .field {
    margin-bottom: 0;
  }
  .footer-block--newsletter.content-align-row {
    flex-direction: column;
    justify-content: center;
  }
  .footer-block--newsletter.content-align-row .footer__list-social {
    margin-top: 20px;
  }
  .footer-block--newsletter.content-align-col {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .footer-block--newsletter.content-align-col .footer-block--subscribe {
    max-width: 100%;
    width: 65%;
    margin-right: 40px;
  }
  .footer-block--newsletter.content-align-col .footer__list-social {
    min-width: 300px;
  }
}
.footer-letter-media-up {
  margin-top: 0 !important;
}
@media (min-width: 960px) {
  .footer-block--newsletter {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .content-align-row .footer-block--subscribe {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .content-align-row .footer-block--subscribe .footer-block__heading {
    text-align: center;
  }
  .footer-block--subscribe .footer-letter-form {
    width: 396px;
  }
  .footer-block--subscribe {
    flex-shrink: 0;
  }
  .footer-block--subscribe.letter-size--middle .footer-block__heading {
    margin-bottom: 20px;
  }
  .footer-block--subscribe.letter-size--middle .footer-letter-form {
    width: 490px;
  }
  .footer-block--subscribe.letter-size--large .footer-block__heading {
    margin-bottom: 24px;
  }
  .footer-block--subscribe.letter-size--large .footer-letter-form {
    width: 590px;
  }
}
@media (max-width: 959px) {
  .footer-block--newsletter {
    margin-top: 20px;
  }

  .footer-block--subscribe {
    width: 100%;
  }

  .footer-block--newsletter .field {
    width: 100%;
  }

  .footer__list-social {
    margin-bottom: 20px;
  }
}
.footer-block--subscribe .footer-block__heading {
  margin-bottom: 15px;
}
.footer-block--subscribe .field {
  background-color: transparent;
}
.footer__list-social {
  display: flex;
  grid-column-gap: 8px;
}
@media (min-width: 960px) {
  .footer__list-social {
    grid-column-gap: var(--media-icon-padding);
  }
}
.footer__list-social {
  row-gap: 15px;
  flex-wrap: wrap;
}
.footer__list-social a svg,
.footer__list-social a img {
  transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 28px;
  height: 28px;
}
@media (min-width: 960px) {
  .footer__list-social a svg,
  .footer__list-social a img {
    width: var(--media-icon-width);
    height: var(--media-icon-width);
  }
}
.footer__list-social a:hover svg,
.footer__list-social a:hover img {
  transform: scale(1.1);
}
/* .footer__content-bottom {
  border-top: 1px solid rgba(var(--color-footer-border));
  padding-top: 40px;
} */
.copyright-menu-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.copyright-menu-box .line {
  padding: 0 10px;
}
.copyright-menu-box .footer-menu--item {
  flex-shrink: 0;
  flex-wrap: wrap;
}
.copyright-menu-box .footer-menu--item:hover a {
  text-decoration: underline;
  text-underline-offset: 6px;
}
@media (min-width: 960px) {
  .footer__content-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .content_vertical {
    flex-direction: column;
  }
  .corner-content__left {
    flex-direction: row-reverse;
    display: flex;
  }
  .corner-content__left .copyright-menu-box {
    margin-left: 10px;
  }
}
@media (max-width: 959px) {
  .footer__content-bottom {
    flex-direction: column-reverse;
    display: flex;
    row-gap: 20px;
  }
  .copyright__content {
    margin-top: 8px;
  }
}
.footer__content-bottom-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.footer__column--info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
/* @media (--pc) {
  .footer__column--info {
    max-width: 30%;
  }
} */
@media (max-width: 959px) {
}
@keyframes animateLocalization {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  100% {
    opacity: 1;
    transform: translateY(-10px);
  }
}
.footer__localization form {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
.footer__localization .dropdown-menu__list-wrapper {
  opacity: 1;
  animation: animateLocalization 200ms ease;
  transform: translateY(-10px);
  background-color: rgb(var(--color-footer-background));
}
.footer__payment {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.footer__payment > svg {
  height: 22px;
  width: 35px;
}
@media (max-width: 959px) {
  .footer__content-bottom-wrapper {
    flex-direction: column;
  }

  .footer__column--info {
    align-items: center;
  }

  .footer__copyright {
    margin-top: 0px;
  }

  .footer__payment {
    justify-content: center;
  }
  .footer__localization form {
    gap: 6px;
  }
  .footer__localization dropdown-menu:last-child .dropdown-menu__list-wrapper {
    right: 0;
  }
}
.footer__conact-block {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.footer__conact-block svg {
  color: rgb(var(--color-text));
  width: 20px;
  height: 20px;
}
.footer__conact-block .footer__conact-text {
  margin-left: 20px;
}
.footer__conact-block .footer__conact-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.footer__conact-block .footer__conact-icon .logo-list-icon {
  width: 20px;
  height: 20px;
  object-fit: cover;
}
@media (max-width: 959px) {
  .footer__list-social {
    flex-wrap: wrap;
    gap: 14px;
  }

  .footer__list-social a svg {
    width: 36px;
    height: 36px;
  }
}
/* The ipad end responds to the mobile end in vertical screen */
/* @custom-media --tablet (max-width: 959px); */
/* @custom-media --gt-mobile (min-width: 751px); */
/* detectingScreen need to consider the configuration of the tablet */
/* =========================================================
   MIOK footer: collapsible company info (ONE CLEAN BLOCK)
   - Right aligned (match SeaWith, Inc. line)
   - TT Hoves font
   - Product-like caret arrow (not black triangle)
   ========================================================= */

/* details wrapper */
.footer__copyright .miok-footer-legal {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    /* ✅ 오른쪽 라인(SeaWith, Inc.)에 맞추기 */
    display: block !important;
    width: 100% !important;
    text-align: right !important;
    color: #7e8c8d !important;
}

/* summary (trigger) */
.footer__copyright summary.miok-footer-legal__summary {
    list-style: none !important;
    cursor: pointer !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;

    user-select: none !important;
    outline: none !important;

    /* ✅ 폰트/크기 */
    font-family: "TT Hoves Pro Expanded", "tt-hoves", "TT Hoves Pro", "TT Hoves",
        system-ui, -apple-system, Arial, sans-serif !important;
    font-size: 14px !important;
      line-height: 1.4 !important;
      font-weight: 300 !important;
      letter-spacing: 0.02em !important;
      color: #7e8c8d !important;
}

/* 기본 summary 마커 제거 */
.footer__copyright summary.miok-footer-legal__summary::-webkit-details-marker {
    display: none !important;
}

/* ✅ Product 느낌 caret 화살표 (삼각형 span 필요없음) */
.footer__copyright summary.miok-footer-legal__summary::after {
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    display: inline-block !important;

    border-right: 1.6px solid currentColor !important;
    border-bottom: 1.6px solid currentColor !important;

    /* 아래를 향한 caret */
    transform: rotate(45deg) translateY(-1px) !important;
    transition: transform .15s ease !important;
    opacity: .95 !important;
}

/* open 상태면 위를 향한 caret */
.footer__copyright details.miok-footer-legal[open] summary.miok-footer-legal__summary::after {
    transform: rotate(-135deg) translateY(1px) !important;
}

/* 펼친 본문 */
.footer__copyright .miok-footer-legal__body {
    margin-top: 10px !important;

    /* ✅ 펼친 본문도 오른쪽 정렬 유지 */
    display: block !important;
    width: 100% !important;
    text-align: right !important;
}

/* ✅ 혹시 예전 삼각형 span이 남아있으면 숨김 처리(안전빵) */
.footer__copyright .miok-footer-legal__chev {
    display: none !important;
}
/* =========================================================
   MIOK footer (MOBILE ONLY) - Company Info collapsible
   - LEFT aligned label + chevron with proper gap
   - NO horizontal shift on open/close
   - Works under flex parent (footer__mobile-gradient-content)
   ========================================================= */
@media (max-width: 959px) {

    /* ===== 1) 부모 flex 영향 제거: 폭을 100%로 고정 ===== */
    .footer__mobile-gradient-content .footer__copyright {
        width: 100% !important;
        align-self: stretch !important;
        display: block !important;
    }

    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal {
        width: 100% !important;
        display: block !important;
    }

    /* ===== 2) summary 기본 marker 제거 (iOS Safari 포함) ===== */
    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal>summary.miok-footer-legal__summary {
        list-style: none !important;
        -webkit-appearance: none !important;
    }

    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal>summary.miok-footer-legal__summary::-webkit-details-marker {
        display: none !important;
    }

    /* ===== 3) LEFT 정렬 + gap + 고정 레이아웃 (안 흔들림 핵심) ===== */
    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal>summary.miok-footer-legal__summary {
        /* layout */
        width: 100% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        /* ✅ LEFT */
        gap: 10px !important;
        /* ✅ Company Info ↔ chevron 간격 */
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;

        /* type */
        font-family:
            "TT Hoves Pro Expanded",
            "TT Hoves Pro Expanded Fallback",
            "TT Hoves",
            "TT Hoves Fallback",
            "TT Hoves Pro",
            system-ui, -apple-system, Arial, sans-serif !important;
        font-weight: 600 !important;

        /* behavior */
        cursor: pointer !important;
        user-select: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    /* ===== 4) chevron: 폭 고정 + 회전만 (문자 교체 금지) ===== */
    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal>summary .miok-footer-legal__chev {
        display: inline-block !important;
        width: 18px !important;
        /* ✅ 폭 고정 => 흔들림 방지 */
        line-height: 1 !important;
        text-align: center !important;
        pointer-events: none !important;

        transform-origin: 50% 50% !important;
        transition: transform .16s ease-out !important;
    }

    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal[open]>summary .miok-footer-legal__chev {
        transform: rotate(180deg) !important;
    }

    /* ===== 5) 본문: 기존 small(copyright__content) 그대로 사용 ===== */
    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal .miok-footer-legal__body {
        width: 100% !important;
        display: block !important;
        margin-top: 10px !important;
    }

    /* small이 기존 inline 스타일로 흔들리면 여기서 고정 */
    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal .miok-footer-legal__body small.copyright__content {
        display: block !important;
        text-align: left !important;
        /* ✅ 회사정보도 LEFT */
    }
}
/* KO ONLY: footer Company Info "body text" -> Pretendard (summary/title은 건드리지 않음) */
html[lang^="ko"] #shopline-section-footer details.miok-footer-legal .miok-footer-legal__body,
html[lang^="ko"] #shopline-section-footer details.miok-footer-legal .miok-footer-legal__body *,

/* 화면 기준으로 실제 적용되는 클래스도 같이 안전빵 */
html[lang^="ko"] #shopline-section-footer details.miok-footer-legal small.copyright__content,
html[lang^="ko"] #shopline-section-footer details.miok-footer-legal small.copyright__content * {
    font-family: "Pretendard Variable", "Pretendard",
        -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
        system-ui, sans-serif !important;
    font-weight: 300 !important;
    /* 원하면 300~400 사이로 조절 */
    font-synthesis: none !important;
}
@media (min-width: 960px) {
    .footer__copyright-menu-content {
        align-items: flex-start;
    }

    .footer__copyright-menu-content .footer__copyright {
        margin-top: 0 !important;
        padding-top: 0 !important;
        
    }

    .footer__copyright .miok-footer-legal,
    .footer__copyright summary.miok-footer-legal__summary {
        margin-top: 0 !important;
        padding-top: 0 !important;
        
    }
}
/* Footer legal links: lock weight consistently across locales */
.footer__footer-menu-link,
.footer__mobile-gradient-content .footer__footer-menu-link {
    font-weight: 300 !important;
    font-synthesis: none !important;
    
}
/* KO page: prevent heavier fallback rendering */
html[lang^="ko"] #shopline-section-footer .footer__footer-menu-link,
html[lang^="ko"] #shopline-section-footer .footer__footer-menu-link * {
    font-family: "TT Hoves Pro Expanded", "TT Hoves", "TT Hoves Pro", sans-serif !important;
    font-weight: 300 !important;
    font-synthesis: none !important;
    
}