.simple-live-header {
  font-family: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}

.simple-live-header .quick-links .is-logout::after {
  content: "로그아웃";
}

.simple-live-main {
  display: block;
}

.simple-live-main .new-section + .new-section {
  border-top: 1px solid var(--line);
}

#contentArea.kookis-v31 {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 460px;
  margin: 0 !important;
  padding: 0 0 80px;
  background: #fff;
}

#contentArea.kookis-v31 #contentWrap,
#contentArea.kookis-v31 #contentWrap > form,
#contentArea.kookis-v31 .prodBodyWrap,
#contentArea.kookis-v31 .prodViewBodyWrap,
#contentArea.kookis-v31 .orderFormWrap,
#contentArea.kookis-v31 .loginFormWrap,
#contentArea.kookis-v31 .memberContentWrap,
#contentArea.kookis-v31 .boardBodyWrap,
#contentArea.kookis-v31 .mypageWrap,
#contentArea.kookis-v31 .mypageContentsWrap {
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  box-sizing: border-box;
}

#contentArea.kookis-v31 #contentWrap > form,
#contentArea.kookis-v31 .prodBodyWrap,
#contentArea.kookis-v31 .prodViewBodyWrap,
#contentArea.kookis-v31 .orderFormWrap,
#contentArea.kookis-v31 .boardBodyWrap {
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

#contentArea.kookis-v31 input,
#contentArea.kookis-v31 select,
#contentArea.kookis-v31 textarea,
#contentArea.kookis-v31 button {
  max-width: 100%;
  box-sizing: border-box;
}

#contentArea.kookis-v31 textarea {
  resize: vertical;
}

#contentArea.kookis-v31 img.simple-image-unavailable {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  background: #f4f4f5 !important;
}

#contentArea.kookis-v31 .v31PlainPage,
#contentArea.kookis-v31 .v31CommunityBody {
  padding-bottom: 24px;
}

#contentArea.kookis-v31 .v31PlainPage > form,
#contentArea.kookis-v31 .v31CommunityBody > form,
#contentArea.kookis-v31 .v31PageContent > form {
  display: block;
  width: 100%;
  min-width: 0;
}

#contentArea.kookis-v31 .locationMapWrap {
  min-height: 0 !important;
  height: auto !important;
  line-height: 1.5 !important;
}

#contentArea.kookis-v31 .boardSubNaviWrap,
#contentArea.kookis-v31 .mypageSubNaviWrap,
#contentArea.kookis-v31 .subNaviWrap {
  max-width: 100% !important;
  height: auto !important;
}

#contentArea.kookis-v31 .boardBodyWrap table,
#contentArea.kookis-v31 .mypageContentsWrap table,
#contentArea.kookis-v31 .orderFormWrap table,
#contentArea.kookis-v31 .memberContentWrap table {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

#contentArea.kookis-v31 .btnWrap,
#contentArea.kookis-v31 .buttonWrap,
#contentArea.kookis-v31 .orderBtnWrap {
  max-width: 100% !important;
  height: auto !important;
}

.simple-product-heading {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 58px 0 18px;
  border-bottom: 2px solid #98001b;
}

.simple-product-heading p {
  margin: 0 0 6px;
  color: #98001b;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .14em;
}

.simple-product-heading h1 {
  margin: 0;
  color: #1f2023;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: -.055em;
}

#contentArea.kookis-v31 .simple-catalog-layout,
#contentArea.kookis-v31 .simple-product-view-layout {
  display: block;
}

#contentArea.kookis-v31 .simple-catalog-layout .v31CatalogContent,
#contentArea.kookis-v31 .simple-product-view-layout .v31CatalogContent {
  width: 100%;
  min-width: 0;
}

#contentArea.kookis-v31 .simple-catalog-layout {
  padding-top: 24px;
}

#contentArea.kookis-v31 .sub_top_wrap,
#contentArea.kookis-v31 .locationMapWrap {
  max-width: 100%;
}

#contentArea.kookis-v31 .quickMenu,
#contentArea.kookis-v31 .quickMenuWrap,
.simple-live-header ~ .quickMenu,
.simple-live-header ~ .quickMenuWrap {
  display: none !important;
}

.simple-login-page {
  min-height: 100vh;
  display: grid;
  padding: 40px 20px;
  place-items: center;
  background: #f7f7f5;
  color: #1f2023;
  font-family: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}

.simple-login-card {
  width: min(100%, 430px);
  padding: 42px;
  border: 1px solid #e6e7eb;
  background: #fff;
  box-shadow: 0 18px 60px rgba(31, 32, 35, .08);
}

.simple-login-logo {
  display: block;
  width: 154px;
  margin-bottom: 34px;
}

.simple-login-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.simple-login-card h1 {
  margin: 0;
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: -.055em;
}

.simple-login-card > p {
  margin: 10px 0 30px;
  color: #6e7178;
  font-size: 14px;
}

.simple-login-card > label:not(.simple-login-save) {
  display: block;
  margin: 16px 0 7px;
  font-size: 13px;
  font-weight: 750;
}

.simple-login-card > input[type="text"],
.simple-login-card > input[type="password"] {
  width: 100%;
  height: 48px;
  padding: 0 14px;
  border: 1px solid #cfd1d6;
  border-radius: 0;
  outline: 0;
  background: #fff;
}

.simple-login-card > input:focus {
  border-color: #98001b;
  box-shadow: 0 0 0 2px #f9eef1;
}

.simple-login-save {
  display: flex;
  margin: 14px 0 22px;
  align-items: center;
  gap: 7px;
  color: #555861;
  font-size: 13px;
}

.simple-login-card > button {
  width: 100%;
  height: 50px;
  border: 0;
  background: #98001b;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.simple-login-card > button:hover {
  background: #760016;
}

.simple-login-help {
  margin-top: 24px;
  padding: 18px;
  background: #f7f7f5;
}

.simple-login-help strong {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
}

.simple-login-help p {
  margin: 0;
  color: #6e7178;
  font-size: 12px;
  line-height: 1.7;
}

@media (max-width: 720px) {
  .simple-product-heading {
    width: calc(100% - 32px);
    padding: 36px 0 14px;
  }

  #contentArea.kookis-v31 #contentWrap,
  #contentArea.kookis-v31 .v31PageShell {
    width: 100%;
    min-width: 0;
  }

  #contentArea.kookis-v31 {
    min-height: 360px;
    padding-bottom: 52px;
  }

  #contentArea.kookis-v31 .simple-catalog-layout,
  #contentArea.kookis-v31 .simple-product-view-layout,
  #contentArea.kookis-v31 .v31PlainPage,
  #contentArea.kookis-v31 .v31CommunityBody {
    padding-right: 16px;
    padding-left: 16px;
  }

  #contentArea.kookis-v31 table {
    max-width: 100%;
  }

  #contentArea.kookis-v31 .cartListWrapBig,
  #contentArea.kookis-v31 .orderFormWrap,
  #contentArea.kookis-v31 .boardBodyWrap,
  #contentArea.kookis-v31 .mypageContentsWrap,
  #contentArea.kookis-v31 .memberContentWrap {
    width: 100% !important;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }

  #contentArea.kookis-v31 .mypageWrap {
    display: block !important;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap,
  #contentArea.kookis-v31 .boardSubNaviWrap {
    width: 100% !important;
    margin: 0 0 24px !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap ul,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap ul,
  #contentArea.kookis-v31 .boardSubNaviWrap ul {
    min-width: max-content;
  }

  #contentArea.kookis-v31 input[type="text"],
  #contentArea.kookis-v31 input[type="password"],
  #contentArea.kookis-v31 input[type="email"],
  #contentArea.kookis-v31 input[type="tel"],
  #contentArea.kookis-v31 select,
  #contentArea.kookis-v31 textarea {
    font-size: 16px !important;
  }

  .simple-login-card {
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 52px 24px 40px;
    border: 0;
    box-shadow: none;
  }

  .simple-login-page {
    display: block;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 0;
    background: #fff;
  }

  .simple-login-logo {
    width: 132px;
    margin-bottom: 40px;
  }

  .simple-login-card h1 {
    font-size: 28px;
  }

  .simple-login-card > p {
    margin-bottom: 28px;
  }

  .simple-login-card > input[type="text"],
  .simple-login-card > input[type="password"] {
    height: 52px;
    font-size: 16px;
  }

  .simple-login-card > button {
    height: 54px;
  }
}

/* PPT feedback: category pages keep only a compact category name. */
#contentArea.kookis-v31 .simple-product-heading {
  min-height: 112px;
  padding: 34px 0 16px;
}

.simple-login-help a {
  color: #98001b;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 720px) {
  #contentArea.kookis-v31 .simple-product-heading {
    min-height: 0;
    padding: 26px 0 13px;
  }
}

/* 2026-08-01 full-page QA: cart, mypage and option-product normalization. */
#contentArea.kookis-v31 .v31ProductInfoCell > table,
#contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table {
  min-width: 0 !important;
}

#contentArea.kookis-v31 .v31ProductInfoCell > table th.titleWrap,
#contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table th.titleWrap,
#contentArea.kookis-v31 .v31ProductInfoCell > table td,
#contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table td {
  min-width: 0 !important;
  overflow-wrap: anywhere;
  word-break: keep-all;
}

#contentArea.kookis-v31 .v31ProductInfoCell select,
#contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo select {
  min-width: 0 !important;
}

#contentArea.kookis-v31 .mypageWrap {
  display: grid !important;
  width: 100% !important;
}

#contentArea.kookis-v31 .mypageSubNaviWrap,
#contentArea.kookis-v31 .mypageContentsWrap {
  float: none !important;
  min-width: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

#contentArea.kookis-v31 .mypageContentsWrap {
  width: 100% !important;
}

#contentArea.kookis-v31 .tableProdList td.simple-quantity-cell dl {
  display: inline-grid !important;
  width: auto !important;
  margin: 0 6px 0 0 !important;
  grid-template-columns: 46px 28px;
  grid-template-rows: repeat(2, 21px);
  vertical-align: middle;
}

#contentArea.kookis-v31 .tableProdList td.simple-quantity-cell dl dd {
  display: block !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}

#contentArea.kookis-v31 .tableProdList td.simple-quantity-cell dl dd:first-child {
  grid-column: 1;
  grid-row: 1 / 3;
}

#contentArea.kookis-v31 .tableProdList td.simple-quantity-cell dl dd:first-child input {
  width: 46px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 6px !important;
  text-align: center !important;
}

#contentArea.kookis-v31 .tableProdList td.simple-quantity-cell dl dd:last-child {
  display: grid !important;
  grid-column: 2;
  grid-row: 1 / 3;
  grid-template-rows: repeat(2, 21px);
}

#contentArea.kookis-v31 .tableProdList td.simple-quantity-cell dl dd:last-child a {
  position: relative;
  display: grid !important;
  width: 28px !important;
  height: 21px !important;
  place-items: center;
  border: 1px solid #cfd1d6 !important;
  background: #fff !important;
  color: #303238 !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

#contentArea.kookis-v31 .tableProdList td.simple-quantity-cell dl dd:last-child a + a {
  border-top: 0 !important;
}

#contentArea.kookis-v31 .tableProdList td.simple-quantity-cell dl dd:last-child a::before {
  content: "+";
  font-size: 14px;
  font-weight: 850;
}

#contentArea.kookis-v31 .tableProdList td.simple-quantity-cell dl dd:last-child a:last-child::before {
  content: "\2212";
}

#contentArea.kookis-v31 .tableProdList td.simple-quantity-cell dl dd:last-child img {
  display: none !important;
}

#contentArea.kookis-v31 .tableProdList .cartCntModify {
  display: inline-flex !important;
  width: auto !important;
  min-width: 52px !important;
  min-height: 42px !important;
  padding: 7px 10px !important;
  align-items: center;
  justify-content: center;
  border: 1px solid #cfd1d6 !important;
  background: #fff !important;
  color: #303238 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-indent: 0 !important;
  vertical-align: middle;
}

#contentArea.kookis-v31 .tableProdList .cartCntModify span {
  background: none !important;
}

#contentArea.kookis-v31 .cartTabWrap {
  display: flex !important;
  min-height: 0 !important;
  align-items: flex-end;
  gap: 16px;
  border-bottom: 2px solid #202126 !important;
}

#contentArea.kookis-v31 .cartTabWrap .tabBtn1 {
  flex: 0 0 auto;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #202126 !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1.4 !important;
  text-indent: 0 !important;
}

#contentArea.kookis-v31 .cartTabWrap .txtInfo {
  min-width: 0;
  padding-bottom: 7px !important;
  line-height: 1.45 !important;
}

@media (max-width: 720px) {
  #contentArea.kookis-v31 .v31ProductInfoCell,
  #contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo,
  #contentArea.kookis-v31 .v31ProductInfoCell > table,
  #contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #contentArea.kookis-v31 .v31ProductInfoCell > table tr:not(:first-child) th,
  #contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table tr:not(:first-child) th {
    width: 88px !important;
    min-width: 0 !important;
  }

  #contentArea.kookis-v31 .v31ProductInfoCell > table tr:not(:first-child) td,
  #contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table tr:not(:first-child) td {
    width: auto !important;
    max-width: 0;
  }

  #contentArea.kookis-v31 .mypageWrap {
    display: block !important;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap {
    width: 100% !important;
    overflow: visible !important;
  }

  #contentArea.kookis-v31 .mypageWrap .subNaviWrap {
    padding-top: 0 !important;
  }

  #contentArea.kookis-v31 .mypageWrap .my_nav_tit {
    margin: 0 0 8px;
    color: #98001b;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .14em;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap ul,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap ul {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap li,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap li {
    width: auto !important;
    min-width: 0 !important;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap li.subNaviTitle,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap li.subNaviTitle {
    grid-column: 1 / -1;
    padding: 13px 4px 7px !important;
    color: #202126 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap a,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap a {
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
    overflow-wrap: anywhere;
  }

  #contentArea.kookis-v31 .mypageWrap .nb_line {
    display: none !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table .simple-table-head-row {
    display: none !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table td.prodInfo.simple-prod-info--text-only {
    grid-template-columns: 86px minmax(0, 1fr) !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table td.prodInfo.simple-prod-info--text-only > ul {
    min-width: 0;
    grid-column: 2 !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table td.prodInfo.simple-prod-info--text-only a {
    overflow-wrap: anywhere;
    word-break: keep-all;
  }

  #contentArea.kookis-v31 .tableProdList td.simple-quantity-cell {
    grid-template-columns: 86px minmax(0, 1fr) !important;
  }

  #contentArea.kookis-v31 .tableProdList td.simple-quantity-cell dl {
    margin-right: 5px !important;
  }

  #contentArea.kookis-v31 .cartTabWrap {
    display: block !important;
    padding-bottom: 10px !important;
  }

  #contentArea.kookis-v31 .cartTabWrap .tabBtn1,
  #contentArea.kookis-v31 .cartTabWrap .txtInfo {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
  }

  #contentArea.kookis-v31 .cartTabWrap .txtInfo {
    margin-top: 6px;
    white-space: normal !important;
  }
}

/* Simple skin polish layer: keeps legacy functions while unifying page detail. */
.simple-live-body:not(.simple-live-body--login) {
  background: #fff;
  color: #202126;
}

#contentArea.kookis-v31 {
  color: #303238;
  font-size: 14px;
  line-height: 1.6;
}

#contentArea.kookis-v31 #contentWrap {
  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;
}

#contentArea.kookis-v31 .v31PageShell {
  margin-top: 26px !important;
}

.simple-page-heading {
  display: flex;
  min-height: 162px;
  padding: 50px 0 22px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 36px;
  border-bottom: 2px solid #202126;
}

.simple-page-heading > div {
  min-width: 0;
}

.simple-page-heading p {
  margin: 0 0 7px;
  color: #98001b;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .16em;
  line-height: 1.3;
}

.simple-page-heading h1 {
  margin: 0;
  color: #202126;
  font-size: clamp(32px, 4vw, 46px);
  font-weight: 850;
  letter-spacing: -.06em;
  line-height: 1.12;
}

.simple-page-heading > span {
  max-width: 410px;
  padding-bottom: 4px;
  color: #747780;
  font-size: 14px;
  line-height: 1.65;
  text-align: right;
}

#contentArea.kookis-v31 .simple-product-heading {
  width: min(1180px, calc(100% - 40px));
  min-height: 162px;
  padding: 50px 0 22px;
  border-color: #202126;
}

#contentArea.kookis-v31 .simple-product-heading h1 {
  font-size: clamp(32px, 4vw, 46px);
}

/* Remove duplicated breadcrumbs and titles already represented by the simple page heading. */
#contentArea.kookis-v31 .v31MyPage .myp_tit,
#contentArea.kookis-v31 .v31MyPage .mypageContentsWrap > h3:first-child,
#contentArea.kookis-v31 .v31OrderPage > form > .locationMapWrap,
#contentArea.kookis-v31 .v31MemberPage > form > .locationMapWrap,
#contentArea.kookis-v31 .v31SubPage > form > .locationMapWrap,
#contentArea.kookis-v31 .v31BrandPage > .locationMapWrap {
  display: none !important;
}

/* Section titles */
#contentArea.kookis-v31 h3,
#contentArea.kookis-v31 h4 {
  height: auto !important;
  background: none !important;
  text-indent: 0 !important;
}

#contentArea.kookis-v31 .mypageContentsWrap h3,
#contentArea.kookis-v31 .mypageContentsWrap h4,
#contentArea.kookis-v31 .orderFormWrap h3,
#contentArea.kookis-v31 .orderFormWrap h4,
#contentArea.kookis-v31 .boardBodyWrap h3,
#contentArea.kookis-v31 .memberContentWrap h3 {
  margin: 36px 0 14px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid #dedfe3 !important;
  color: #202126 !important;
  font-size: 19px !important;
  font-weight: 850 !important;
  letter-spacing: -.035em !important;
  line-height: 1.4 !important;
}

#contentArea.kookis-v31 .mypageContentsWrap h4:first-child,
#contentArea.kookis-v31 .orderFormWrap h4:first-child {
  margin-top: 0 !important;
}

/* My page navigation and summary */
#contentArea.kookis-v31 .mypageWrap {
  grid-template-columns: 210px minmax(0, 1fr) !important;
  gap: 54px !important;
  align-items: start;
}

#contentArea.kookis-v31 .mypageSubNaviWrap,
#contentArea.kookis-v31 .mypageWrap .subNaviWrap {
  padding: 8px 0 0 !important;
  border-top: 2px solid #202126 !important;
  background: #fff !important;
}

#contentArea.kookis-v31 .mypageSubNaviWrap ul,
#contentArea.kookis-v31 .mypageWrap .subNaviWrap ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#contentArea.kookis-v31 .mypageSubNaviWrap li,
#contentArea.kookis-v31 .mypageWrap .subNaviWrap li {
  float: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}

#contentArea.kookis-v31 .mypageSubNaviWrap a,
#contentArea.kookis-v31 .mypageWrap .subNaviWrap a {
  display: flex !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 10px 4px !important;
  align-items: center;
  border-bottom: 1px solid #ececef !important;
  background: none !important;
  color: #5c5f66 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.4 !important;
  text-indent: 0 !important;
}

#contentArea.kookis-v31 .mypageSubNaviWrap a:hover,
#contentArea.kookis-v31 .mypageSubNaviWrap .on a,
#contentArea.kookis-v31 .mypageSubNaviWrap .active a,
#contentArea.kookis-v31 .mypageWrap .subNaviWrap a:hover {
  color: #98001b !important;
}

#contentArea.kookis-v31 .orderStateWrap {
  display: grid !important;
  grid-template-columns: 140px minmax(0, 1fr);
  min-height: 112px !important;
  margin: 0 0 42px !important;
  border: 1px solid #e2e3e6 !important;
  background: #fff !important;
}

#contentArea.kookis-v31 .orderStateWrap .totalCntWrap {
  display: grid !important;
  width: auto !important;
  min-height: 110px !important;
  padding: 18px !important;
  align-content: center;
  justify-items: center;
  border-right: 1px solid #e2e3e6 !important;
  background: #f7f7f5 !important;
  color: #6e7178 !important;
  text-transform: uppercase;
}

#contentArea.kookis-v31 .orderStateWrap .totalCntWrap .txtCnt {
  display: block;
  margin-top: 2px;
  color: #98001b !important;
  font-size: 25px !important;
  font-weight: 900 !important;
}

#contentArea.kookis-v31 .orderStateWrap .stateIconWrap {
  width: auto !important;
  min-width: 0 !important;
}

#contentArea.kookis-v31 .orderStateWrap .stateIconWrap ul {
  display: grid !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none !important;
}

#contentArea.kookis-v31 .orderStateWrap .stateIconWrap li {
  display: grid !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 16px 10px !important;
  place-items: center;
  border: 0 !important;
  border-right: 1px solid #ececef !important;
  background: #fff !important;
  text-align: center;
}

#contentArea.kookis-v31 .orderStateWrap .stateIconWrap li:last-child {
  border-right: 0 !important;
}

#contentArea.kookis-v31 .orderStateWrap .stateIconWrap li > div {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  background: none !important;
  color: #555861 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  text-indent: 0 !important;
}

#contentArea.kookis-v31 .orderStateWrap .stateIconWrap strong {
  display: block;
  margin-top: 5px;
  color: #202126 !important;
  font-size: 18px !important;
}

/* Tables */
#contentArea.kookis-v31 .tableProdList,
#contentArea.kookis-v31 .myOrderListWrap,
#contentArea.kookis-v31 .cartListWrapBig,
#contentArea.kookis-v31 .mypageContentsWrap,
#contentArea.kookis-v31 .boardBodyWrap,
#contentArea.kookis-v31 .memberContentWrap {
  scrollbar-color: #bfc1c6 #f3f3f4;
  scrollbar-width: thin;
}

#contentArea.kookis-v31 .tableProdList table,
#contentArea.kookis-v31 .myOrderListWrap table,
#contentArea.kookis-v31 .cartListWrapBig table,
#contentArea.kookis-v31 .mypageContentsWrap table,
#contentArea.kookis-v31 .boardBodyWrap table,
#contentArea.kookis-v31 .memberContentWrap table {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-top: 2px solid #202126 !important;
  border-collapse: collapse !important;
  background: #fff !important;
}

#contentArea.kookis-v31 .tableProdList thead th,
#contentArea.kookis-v31 .myOrderListWrap thead th,
#contentArea.kookis-v31 .cartListWrapBig thead th,
#contentArea.kookis-v31 .mypageContentsWrap thead th,
#contentArea.kookis-v31 .boardBodyWrap thead th,
#contentArea.kookis-v31 .memberContentWrap thead th {
  height: 48px !important;
  padding: 12px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #dedfe3 !important;
  background: #f7f7f5 !important;
  color: #555861 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

#contentArea.kookis-v31 .tableProdList tbody td,
#contentArea.kookis-v31 .myOrderListWrap tbody td,
#contentArea.kookis-v31 .cartListWrapBig tbody td,
#contentArea.kookis-v31 .mypageContentsWrap tbody td,
#contentArea.kookis-v31 .boardBodyWrap tbody td,
#contentArea.kookis-v31 .memberContentWrap tbody td {
  height: auto !important;
  padding: 16px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #ececef !important;
  background: #fff !important;
  color: #4d5057 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

#contentArea.kookis-v31 td.dataNoList,
#contentArea.kookis-v31 td[colspan] {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
  color: #858890 !important;
  text-align: center !important;
}

#contentArea.kookis-v31 td.prodInfo {
  text-align: left !important;
}

#contentArea.kookis-v31 td.prodInfo > a:first-child {
  display: block;
  float: left !important;
  width: 78px;
  margin-right: 14px;
}

#contentArea.kookis-v31 td.prodInfo > a:first-child img {
  display: block;
  width: 78px !important;
  height: 78px !important;
  padding: 7px;
  object-fit: contain;
  background: #f6f6f5;
}

#contentArea.kookis-v31 td.prodInfo ul {
  min-width: 0;
  margin: 0 !important;
  padding: 4px 0 0 !important;
  list-style: none !important;
}

#contentArea.kookis-v31 td.prodInfo li {
  margin: 0 0 5px !important;
  color: #747780 !important;
  font-size: 12px !important;
}

#contentArea.kookis-v31 td.prodInfo li:first-child,
#contentArea.kookis-v31 td.prodInfo li:first-child a {
  color: #202126 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

#contentArea.kookis-v31 .priceOrange,
#contentArea.kookis-v31 .t_orange,
#contentArea.kookis-v31 .t_red,
#contentArea.kookis-v31 .t_red_price {
  color: #98001b !important;
  font-weight: 850 !important;
}

/* Forms */
#contentArea.kookis-v31 input[type="text"],
#contentArea.kookis-v31 input[type="password"],
#contentArea.kookis-v31 input[type="email"],
#contentArea.kookis-v31 input[type="tel"],
#contentArea.kookis-v31 input[type="number"],
#contentArea.kookis-v31 select,
#contentArea.kookis-v31 textarea {
  min-height: 42px !important;
  padding: 8px 11px !important;
  border: 1px solid #cfd1d6 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: #fff !important;
  color: #303238 !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
}

#contentArea.kookis-v31 textarea {
  min-height: 130px !important;
}

#contentArea.kookis-v31 input:focus,
#contentArea.kookis-v31 select:focus,
#contentArea.kookis-v31 textarea:focus {
  border-color: #98001b !important;
  box-shadow: 0 0 0 2px #f9eef1 !important;
}

#contentArea.kookis-v31 input[type="checkbox"],
#contentArea.kookis-v31 input[type="radio"] {
  width: 17px !important;
  height: 17px !important;
  min-height: 0 !important;
  padding: 0 !important;
  accent-color: #98001b;
}

/* Cart and order actions */
#contentArea.kookis-v31 .cartTitWrap {
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}

#contentArea.kookis-v31 .cartTitWrap span {
  display: block !important;
  height: auto !important;
  padding: 0 !important;
  background: none !important;
  color: #202126 !important;
  font-size: 21px !important;
  font-weight: 850 !important;
  line-height: 1.4 !important;
  text-indent: 0 !important;
}

#contentArea.kookis-v31 .totalPriceWrap {
  margin: 24px 0 0 !important;
  padding: 24px !important;
  border: 0 !important;
  border-top: 2px solid #202126 !important;
  background: #f7f7f5 !important;
  color: #555861 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  text-align: right !important;
}

#contentArea.kookis-v31 .totalPriceWrap .priceOrange {
  margin-left: 6px;
  font-size: 20px !important;
}

#contentArea.kookis-v31 .btnCenter:not(#display_setup_message):not(#display_pay_button),
#contentArea.kookis-v31 .btnRight,
#contentArea.kookis-v31 .btnLeft,
#contentArea.kookis-v31 .btnWrap,
#contentArea.kookis-v31 .buttonWrap,
#contentArea.kookis-v31 .orderBtnWrap {
  display: flex !important;
  height: auto !important;
  margin: 26px 0 0 !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  text-align: center !important;
}

#contentArea.kookis-v31 .btnCenter a,
#contentArea.kookis-v31 .btnRight a,
#contentArea.kookis-v31 .btnLeft a,
#contentArea.kookis-v31 .btnWrap a,
#contentArea.kookis-v31 .buttonWrap a,
#contentArea.kookis-v31 .btnCenter button,
#contentArea.kookis-v31 .btnRight button,
#contentArea.kookis-v31 .btnLeft button,
#contentArea.kookis-v31 .btnWrap button,
#contentArea.kookis-v31 .buttonWrap button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 126px !important;
  min-height: 46px !important;
  padding: 10px 18px !important;
  align-items: center;
  justify-content: center;
  border: 1px solid #cfd1d6 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #303238 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-indent: 0 !important;
}

#contentArea.kookis-v31 .btnCenter a:first-child,
#contentArea.kookis-v31 .btnRight a:first-child,
#contentArea.kookis-v31 .btnWrap a:first-child,
#contentArea.kookis-v31 .buttonWrap a:first-child {
  border-color: #98001b !important;
  background: #98001b !important;
  color: #fff !important;
}

#contentArea.kookis-v31 .btnCenter a span,
#contentArea.kookis-v31 .btnRight a span,
#contentArea.kookis-v31 .btnLeft a span,
#contentArea.kookis-v31 .btnWrap a span,
#contentArea.kookis-v31 .buttonWrap a span {
  position: static !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  text-indent: 0 !important;
}

/* Catalog and product detail refinement */
#contentArea.kookis-v31 .simple-catalog-layout {
  padding-top: 28px;
}

#contentArea.kookis-v31 .v31CatalogLayout .prodListWrap tr,
#contentArea.kookis-v31 .v31CatalogLayout .prodNewListWrapA tr,
#contentArea.kookis-v31 .v31CatalogLayout .mdTable tr {
  gap: 34px 18px !important;
}

#contentArea.kookis-v31 .v31CatalogLayout .productInfoWrap,
#contentArea.kookis-v31 .v31CatalogLayout .mdInfo {
  transition: transform .18s ease;
}

#contentArea.kookis-v31 .v31CatalogLayout .productInfoWrap:hover,
#contentArea.kookis-v31 .v31CatalogLayout .mdInfo:hover {
  transform: translateY(-3px);
}

#contentArea.kookis-v31 .v31CatalogLayout .productInfoWrap img.listProdImg,
#contentArea.kookis-v31 .v31CatalogLayout .mdInfo img.imgList {
  margin-bottom: 13px !important;
  padding: 16px !important;
  background: #f5f5f4 !important;
}

#contentArea.kookis-v31 .v31ProductViewLayout {
  margin-top: 34px !important;
}

#contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 {
  display: block !important;
  width: 100% !important;
}

#contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl,
#contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 dl.v31ProductDetailInnerGrid {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr) !important;
  gap: 54px !important;
}

#contentArea.kookis-v31 .v31ProductViewLayout .prodDetailWrap .multyImageSelect,
#contentArea.kookis-v31 .v31ProductViewLayout .prodDetailWrap .prodImgView,
#contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl > dt,
#contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl > dd:first-of-type:not(.detailInfo),
#contentArea.kookis-v31 .v31ProductViewLayout .v31ProductVisualCell {
  min-height: 480px !important;
  padding: 32px !important;
  background: #f6f6f5 !important;
}

#contentArea.kookis-v31 .v31ProductViewLayout .detailInfo h1,
#contentArea.kookis-v31 .v31ProductViewLayout .detailInfo h2,
#contentArea.kookis-v31 .v31ProductViewLayout .prodInfoTitle,
#contentArea.kookis-v31 .v31ProductViewLayout td.prodInfoTitle,
#contentArea.kookis-v31 .v31ProductViewLayout th.titleWrap {
  font-size: 30px !important;
  letter-spacing: -.045em !important;
}

#contentArea.kookis-v31 .v31ProductViewLayout .orderBtnWrap {
  display: grid !important;
}

/* Community */
#contentArea.kookis-v31 .v31CommunityBody .myp_tit {
  display: none !important;
}

#contentArea.kookis-v31 .v31CommunityBody .subNav_bbs {
  border-top-color: #202126 !important;
}

#contentArea.kookis-v31 .v31CommunityBody .subNav_bbs li a {
  min-height: 40px;
  padding: 9px 2px !important;
}

#contentArea.kookis-v31 #pagenate {
  margin: 30px 0 0 !important;
  color: #858890 !important;
  text-align: center !important;
}

#contentArea.kookis-v31 #pagenate a,
#contentArea.kookis-v31 #pagenate strong {
  display: inline-grid !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 4px !important;
  place-items: center;
  color: #555861 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#contentArea.kookis-v31 #pagenate strong {
  background: #202126 !important;
  color: #fff !important;
}

@media (max-width: 1020px) {
  #contentArea.kookis-v31 .mypageWrap {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap {
    overflow-x: auto;
    scrollbar-width: none;
    border-top: 0 !important;
    border-bottom: 1px solid #dedfe3 !important;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap::-webkit-scrollbar,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap::-webkit-scrollbar {
    display: none;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap > ul,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap > ul {
    display: flex !important;
    min-width: max-content;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap > ul > li,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap > ul > li {
    width: auto !important;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap > ul > li > a,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap > ul > li > a {
    width: auto !important;
    min-width: max-content !important;
    padding: 10px 14px !important;
    border-bottom: 2px solid transparent !important;
  }

  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetailWrap .multyImageSelect,
  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetailWrap .prodImgView,
  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl > dt,
  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl > dd:first-of-type:not(.detailInfo),
  #contentArea.kookis-v31 .v31ProductViewLayout .v31ProductVisualCell {
    min-height: 0 !important;
  }

  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl,
  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 dl.v31ProductDetailInnerGrid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
}

@media (max-width: 720px) {
  #contentArea.kookis-v31 {
    padding-bottom: 60px;
  }

  #contentArea.kookis-v31 #contentWrap {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
  }

  .simple-page-heading {
    display: block;
    min-height: 0;
    padding: 34px 0 17px;
  }

  .simple-page-heading h1 {
    font-size: 31px;
  }

  .simple-page-heading > span {
    display: block;
    max-width: none;
    margin-top: 10px;
    padding: 0;
    font-size: 13px;
    text-align: left;
  }

  #contentArea.kookis-v31 .simple-product-heading {
    width: calc(100% - 32px);
    min-height: 0;
    padding: 34px 0 17px;
  }

  #contentArea.kookis-v31 .simple-product-heading h1 {
    font-size: 31px;
  }

  #contentArea.kookis-v31 .v31PageShell {
    margin-top: 20px !important;
  }

  #contentArea.kookis-v31 .simple-catalog-layout,
  #contentArea.kookis-v31 .simple-product-view-layout,
  #contentArea.kookis-v31 .v31PlainPage,
  #contentArea.kookis-v31 .v31CommunityBody {
    padding-right: 0;
    padding-left: 0;
  }

  #contentArea.kookis-v31 .orderStateWrap {
    grid-template-columns: 1fr;
    margin-bottom: 32px !important;
  }

  #contentArea.kookis-v31 .orderStateWrap .totalCntWrap {
    min-height: 78px !important;
    grid-auto-flow: column;
    justify-content: center;
    gap: 8px;
    border-right: 0 !important;
    border-bottom: 1px solid #e2e3e6 !important;
  }

  #contentArea.kookis-v31 .orderStateWrap .totalCntWrap .txtCnt {
    margin: 0;
  }

  #contentArea.kookis-v31 .orderStateWrap .stateIconWrap ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #contentArea.kookis-v31 .orderStateWrap .stateIconWrap li {
    min-height: 82px !important;
  }

  #contentArea.kookis-v31 .orderStateWrap .stateIconWrap li:nth-child(2) {
    border-right: 0 !important;
  }

  #contentArea.kookis-v31 .orderStateWrap .stateIconWrap li:nth-child(-n+2) {
    border-bottom: 1px solid #ececef !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table,
  #contentArea.kookis-v31 .simple-responsive-table tbody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table colgroup,
  #contentArea.kookis-v31 .simple-responsive-table thead {
    display: none !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table tbody tr {
    display: block !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 8px 15px !important;
    border: 1px solid #dedfe3 !important;
    border-top: 2px solid #202126 !important;
    background: #fff !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table tbody td {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 11px 0 !important;
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border: 0 !important;
    border-bottom: 1px solid #ececef !important;
    text-align: left !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table tbody td:last-child {
    border-bottom: 0 !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table tbody td::before {
    content: attr(data-label);
    color: #858890;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
  }

  #contentArea.kookis-v31 .simple-responsive-table tbody td[colspan] {
    display: block !important;
    padding: 46px 8px !important;
    text-align: center !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table tbody td[colspan]::before {
    display: none;
  }

  #contentArea.kookis-v31 .simple-responsive-table td.prodInfo > a:first-child {
    float: none !important;
    width: 66px;
    margin: 0 12px 0 0;
  }

  #contentArea.kookis-v31 .simple-responsive-table td.prodInfo {
    grid-template-columns: 86px 66px minmax(0, 1fr);
  }

  #contentArea.kookis-v31 .simple-responsive-table td.prodInfo::before {
    grid-column: 1;
  }

  #contentArea.kookis-v31 .simple-responsive-table td.prodInfo > a:first-child {
    grid-column: 2;
  }

  #contentArea.kookis-v31 .simple-responsive-table td.prodInfo > ul {
    grid-column: 3;
  }

  #contentArea.kookis-v31 .totalPriceWrap {
    padding: 19px 16px !important;
    font-size: 13px !important;
    text-align: left !important;
  }

  #contentArea.kookis-v31 .totalPriceWrap span,
  #contentArea.kookis-v31 .totalPriceWrap strong {
    display: inline;
  }

  #contentArea.kookis-v31 .btnCenter:not(#display_setup_message):not(#display_pay_button),
  #contentArea.kookis-v31 .btnRight,
  #contentArea.kookis-v31 .btnLeft,
  #contentArea.kookis-v31 .btnWrap,
  #contentArea.kookis-v31 .buttonWrap {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }

  #contentArea.kookis-v31 .btnCenter a,
  #contentArea.kookis-v31 .btnRight a,
  #contentArea.kookis-v31 .btnLeft a,
  #contentArea.kookis-v31 .btnWrap a,
  #contentArea.kookis-v31 .buttonWrap a,
  #contentArea.kookis-v31 .btnCenter button,
  #contentArea.kookis-v31 .btnRight button,
  #contentArea.kookis-v31 .btnLeft button,
  #contentArea.kookis-v31 .btnWrap button,
  #contentArea.kookis-v31 .buttonWrap button {
    min-width: 0 !important;
    width: 100% !important;
  }

  #contentArea.kookis-v31 .v31CommunityBody .subNav_bbs {
    display: flex !important;
    width: 100% !important;
    margin: 0 0 22px !important;
    overflow-x: auto;
    scrollbar-width: none;
    border-top: 0 !important;
    border-bottom: 1px solid #dedfe3 !important;
  }

  #contentArea.kookis-v31 .v31CommunityBody .subNav_bbs::-webkit-scrollbar {
    display: none;
  }

  #contentArea.kookis-v31 .v31CommunityBody .subNav_bbs ul {
    display: flex !important;
    min-width: max-content;
  }

  #contentArea.kookis-v31 .v31CommunityBody .subNav_bbs li,
  #contentArea.kookis-v31 .v31CommunityBody .subNav_bbs li a {
    min-width: max-content !important;
  }

  #contentArea.kookis-v31 .v31CommunityBody .subNav_bbs li a {
    padding: 10px 14px !important;
  }

  #contentArea.kookis-v31 .v31CommunityBody .bbs_content {
    overflow-x: auto !important;
  }

  #contentArea.kookis-v31 .v31CommunityBody .bbs_content table {
    min-width: 620px !important;
  }

  #contentArea.kookis-v31 .v31ProductViewLayout {
    margin-top: 22px !important;
  }

  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetailWrap .multyImageSelect,
  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetailWrap .prodImgView,
  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl > dt,
  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl > dd:first-of-type:not(.detailInfo),
  #contentArea.kookis-v31 .v31ProductViewLayout .v31ProductVisualCell {
    padding: 20px !important;
  }

  #contentArea.kookis-v31 .v31ProductViewLayout .detailInfo h1,
  #contentArea.kookis-v31 .v31ProductViewLayout .detailInfo h2,
  #contentArea.kookis-v31 .v31ProductViewLayout .prodInfoTitle,
  #contentArea.kookis-v31 .v31ProductViewLayout td.prodInfoTitle,
  #contentArea.kookis-v31 .v31ProductViewLayout th.titleWrap {
    font-size: 25px !important;
  }
}

/* Product detail final normalization for the live PI0002 legacy structure. */
#contentArea.kookis-v31 .v31ProductViewLayout.simple-product-view-layout {
  display: block !important;
  grid-template-columns: none !important;
}

#contentArea.kookis-v31 .simple-product-context {
  display: flex;
  min-height: 58px;
  padding: 24px 0 12px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e6e7eb;
}

#contentArea.kookis-v31 .simple-product-context p {
  margin: 0;
  color: #98001b;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .16em;
}

#contentArea.kookis-v31 .simple-product-context a {
  color: #747780;
  font-size: 12px;
  font-weight: 750;
}

#contentArea.kookis-v31 .mainProdView,
#contentArea.kookis-v31 .mainProdView .prodDetailWrap,
#contentArea.kookis-v31 .mainProdView .prodDetail2,
#contentArea.kookis-v31 .mainProdView .prodDetail2 > dl {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

#contentArea.kookis-v31 .mainProdView > .s_cate_wrap,
#contentArea.kookis-v31 .v31ProductAuxCell,
#contentArea.kookis-v31 .prodDetail2 > dl > .multyImg,
#contentArea.kookis-v31 .zoomIconWrap,
#contentArea.kookis-v31 .zoomContainer {
  display: none !important;
}

#contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl > .v31ProductVisualCell,
#contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl > .detailImg {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl > .v31ProductInfoCell,
#contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl > .detailInfo {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#contentArea.kookis-v31 .v31ProductVisualCell .multyImageSelect,
#contentArea.kookis-v31 .detailImg .multyImageSelect {
  display: flex !important;
  width: 100% !important;
  min-height: 480px !important;
  padding: 32px !important;
  align-items: center;
  justify-content: center;
  background: #f6f6f5 !important;
}

#contentArea.kookis-v31 .v31ProductVisualCell .selectImage,
#contentArea.kookis-v31 .detailImg .selectImage {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 430px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

#contentArea.kookis-v31 .v31ProductInfoCell,
#contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo {
  padding-top: 0 !important;
}

#contentArea.kookis-v31 .v31ProductInfoCell > table,
#contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table {
  width: 100% !important;
  border: 0 !important;
  border-top: 2px solid #202126 !important;
  border-bottom: 1px solid #dedfe3 !important;
  border-collapse: collapse !important;
}

#contentArea.kookis-v31 .v31ProductInfoCell > table th.titleWrap,
#contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table th.titleWrap,
#contentArea.kookis-v31 .v31ProductViewLayout .prodDetailWrap .prodDetail2 dl dd.detailInfo > table th.titleWrap {
  width: auto !important;
  min-width: 0 !important;
  padding: 22px 0 24px !important;
  border: 0 !important;
  border-bottom: 1px solid #dedfe3 !important;
  color: #202126 !important;
  font-size: 30px !important;
  font-weight: 850 !important;
  letter-spacing: -.045em !important;
  line-height: 1.28 !important;
  text-align: left !important;
  white-space: normal !important;
}

#contentArea.kookis-v31 .v31ProductViewLayout .prodDetailWrap .prodDetail2 dl dd.detailInfo > table th.titleWrap .t_red {
  color: #98001b !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

#contentArea.kookis-v31 .v31ProductInfoCell > table th.titleWrap p,
#contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table th.titleWrap p {
  margin: 9px 0 0 !important;
  color: #747780 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

#contentArea.kookis-v31 .v31ProductInfoCell > table tr:not(:first-child) th,
#contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table tr:not(:first-child) th {
  width: 112px !important;
  min-width: 112px !important;
  padding: 13px 14px 13px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #ececef !important;
  background: #fff !important;
  color: #858890 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

#contentArea.kookis-v31 .v31ProductInfoCell > table tr:not(:first-child) td,
#contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table tr:not(:first-child) td {
  min-width: 0 !important;
  padding: 13px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #ececef !important;
  background: #fff !important;
  color: #4d5057 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

#contentArea.kookis-v31 .v31ProductInfoCell .priceText,
#contentArea.kookis-v31 .v31ProductInfoCell .priceOrange,
#contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo .priceText,
#contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo .priceOrange {
  color: #98001b !important;
  font-size: 21px !important;
  font-weight: 900 !important;
}

#contentArea.kookis-v31 .v31ProductInfoCell select,
#contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo select {
  width: 100% !important;
  max-width: 100% !important;
}

#contentArea.kookis-v31 .optionValueWrap {
  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #fff !important;
}

#contentArea.kookis-v31 .optionValueWrap .optionWrap {
  margin: 0 0 8px !important;
  padding: 14px 16px !important;
  border: 1px solid #e2e3e6 !important;
  background: #f7f7f5 !important;
}

#contentArea.kookis-v31 .optionValueWrap table {
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
}

#contentArea.kookis-v31 .optionValueWrap td {
  padding: 4px !important;
  border: 0 !important;
  background: transparent !important;
}

#contentArea.kookis-v31 .optionValueWrap .optTit {
  color: #6e7178 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#contentArea.kookis-v31 .optionValueWrap .cntInputWrap {
  gap: 0 !important;
}

#contentArea.kookis-v31 .optionValueWrap input.cntInputForm {
  width: 52px !important;
  height: 48px !important;
  border-radius: 3px 0 0 3px !important;
  font-size: 15px !important;
  line-height: 46px !important;
}

#contentArea.kookis-v31 .optionValueWrap .btnCntUpDown {
  width: 32px !important;
  height: 48px !important;
  gap: 0 !important;
}

#contentArea.kookis-v31 .optionValueWrap .btnCntUpDown a {
  display: grid !important;
  width: 32px !important;
  height: 24px !important;
  border: 1px solid #cfd1d6 !important;
  border-left: 0 !important;
  background: #fff !important;
  color: #303238 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  place-items: center;
  overflow: visible !important;
}

#contentArea.kookis-v31 .optionValueWrap .btnCntUpDown a:first-child {
  border-bottom: 0 !important;
  border-radius: 0 3px 0 0 !important;
}

#contentArea.kookis-v31 .optionValueWrap .btnCntUpDown a:last-child {
  border-radius: 0 0 3px 0 !important;
}

#contentArea.kookis-v31 .optionValueWrap .btnCntUpDown a:first-child::before {
  content: "+";
}

#contentArea.kookis-v31 .optionValueWrap .btnCntUpDown a:last-child::before {
  content: "−";
}

#contentArea.kookis-v31 .optionValueWrap .btnCntUpDown a:hover {
  border-color: #98001b !important;
  background: #fff7f8 !important;
  color: #98001b !important;
}

#contentArea.kookis-v31 .optionValueWrap .btnCntUpDown a:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid #98001b !important;
  outline-offset: 1px;
}

#contentArea.kookis-v31 .optionValueWrap .btnCntUpDown img {
  display: none !important;
}

#contentArea.kookis-v31 .optionValueWrap td.mngProd {
  width: 44px !important;
  min-width: 44px !important;
  padding-left: 8px !important;
  vertical-align: middle !important;
  text-align: right !important;
}

#contentArea.kookis-v31 .optionValueWrap #btnProdCartOptDel {
  display: grid !important;
  width: 40px !important;
  height: 40px !important;
  border: 1px solid #cfd1d6 !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: #303238 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  place-items: center;
  cursor: pointer;
}

#contentArea.kookis-v31 .optionValueWrap #btnProdCartOptDel::before {
  content: "×";
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}

#contentArea.kookis-v31 .optionValueWrap #btnProdCartOptDel:hover {
  border-color: #98001b !important;
  background: #fff7f8 !important;
  color: #98001b !important;
}

#contentArea.kookis-v31 .optionValueWrap #btnProdCartOptDel:focus-visible {
  outline: 2px solid #98001b !important;
  outline-offset: 2px;
}

#contentArea.kookis-v31 .optionValueWrap #btnProdCartOptDel img {
  display: none !important;
}

#contentArea.kookis-v31 .prodDetail2 .totalPriceWrap {
  margin-top: 18px !important;
  padding: 20px !important;
  border-top: 2px solid #202126 !important;
  background: #f7f7f5 !important;
}

#contentArea.kookis-v31 .prodDetail2 .totalPriceWrap .totalPrice {
  color: #98001b !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

#contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 .optionValueWrap td.optPrice,
#contentArea.kookis-v31 .prodDetail2 .totalPriceWrap .totalPriceTxt {
  color: #98001b !important;
}

#contentArea.kookis-v31 .v31ProductViewLayout .orderBtnWrap {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 18px !important;
}

#contentArea.kookis-v31 .v31ProductViewLayout .orderBtnWrap a {
  min-height: 54px !important;
  border: 1px solid #cfd1d6 !important;
  background: #fff !important;
  color: #303238 !important;
}

#contentArea.kookis-v31 .v31ProductViewLayout .orderBtnWrap a.btnProdBuy {
  border-color: #98001b !important;
  background: #98001b !important;
  color: #fff !important;
}

#contentArea.kookis-v31 .v31ProductViewLayout .orderBtnWrap a:nth-child(odd):last-child {
  grid-column: auto !important;
}

#contentArea.kookis-v31 .prodviewBanner {
  width: 100% !important;
  margin-top: 18px !important;
  overflow: hidden;
}

#contentArea.kookis-v31 .prodviewBanner img {
  width: 100% !important;
  height: auto !important;
}

#contentArea.kookis-v31 .mainProdView .detailInfoTabWrap {
  display: none !important;
}

#contentArea.kookis-v31 .mainProdView .prodDetailExp,
#contentArea.kookis-v31 .mainProdView .prodDetailDelivery {
  width: 100% !important;
  margin: 72px 0 0 !important;
  padding: 0 !important;
}

#contentArea.kookis-v31 .mainProdView .prodDetailExp::before,
#contentArea.kookis-v31 .mainProdView .prodDetailDelivery::before {
  display: block;
  margin: 0 0 28px;
  padding: 0 0 14px;
  border-bottom: 2px solid #202126;
  color: #202126;
  font-size: 21px;
  font-weight: 850;
  letter-spacing: -.035em;
  line-height: 1.4;
}

#contentArea.kookis-v31 .mainProdView .prodDetailExp::before {
  content: "상품 상세정보";
}

#contentArea.kookis-v31 .mainProdView .prodDetailDelivery::before {
  content: "상품 문의 및 안내";
}

#contentArea.kookis-v31 .mainProdView .prodDetailExp img,
#contentArea.kookis-v31 .mainProdView .prodDetailDelivery img,
#contentArea.kookis-v31 .mainProdView .relationListArea img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

#contentArea.kookis-v31 .mainProdView .prodDetailDelivery:not(:has(.relationListArea > *)) {
  display: none !important;
}

@media (max-width: 1020px) {
  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl > .v31ProductVisualCell,
  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl > .detailImg,
  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl > .v31ProductInfoCell,
  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetail2 > dl > .detailInfo {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  #contentArea.kookis-v31 .v31ProductVisualCell .multyImageSelect,
  #contentArea.kookis-v31 .detailImg .multyImageSelect {
    min-height: 0 !important;
  }
}

@media (max-width: 720px) {
  #contentArea.kookis-v31 .simple-product-context {
    min-height: 48px;
    padding: 18px 0 10px;
  }

  #contentArea.kookis-v31 .v31ProductVisualCell .multyImageSelect,
  #contentArea.kookis-v31 .detailImg .multyImageSelect {
    min-height: 310px !important;
    padding: 20px !important;
  }

  #contentArea.kookis-v31 .v31ProductVisualCell .selectImage,
  #contentArea.kookis-v31 .detailImg .selectImage {
    max-height: 280px !important;
  }

  #contentArea.kookis-v31 .v31ProductInfoCell > table th.titleWrap,
  #contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table th.titleWrap,
  #contentArea.kookis-v31 .v31ProductViewLayout .prodDetailWrap .prodDetail2 dl dd.detailInfo > table th.titleWrap {
    padding: 20px 0 !important;
    font-size: 25px !important;
  }

  #contentArea.kookis-v31 .v31ProductInfoCell > table tr:not(:first-child) th,
  #contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table tr:not(:first-child) th {
    width: 88px !important;
    min-width: 88px !important;
    padding-right: 10px !important;
    white-space: normal !important;
  }

  #contentArea.kookis-v31 .v31ProductViewLayout .orderBtnWrap {
    grid-template-columns: 1fr !important;
  }

  #contentArea.kookis-v31 .optionValueWrap .optionWrap {
    padding: 14px !important;
  }

  #contentArea.kookis-v31 .optionValueWrap table,
  #contentArea.kookis-v31 .optionValueWrap tbody {
    display: block !important;
  }

  #contentArea.kookis-v31 .optionValueWrap tr {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) 44px;
    gap: 10px;
    align-items: center;
  }

  #contentArea.kookis-v31 .optionValueWrap .optTit {
    grid-column: 1 / -1;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #e2e3e6 !important;
    font-size: 13px !important;
  }

  #contentArea.kookis-v31 .optionValueWrap .optCnt {
    grid-column: 1;
  }

  #contentArea.kookis-v31 .optionValueWrap .optPrice {
    grid-column: 2;
    min-width: 0 !important;
    text-align: right !important;
  }

  #contentArea.kookis-v31 .optionValueWrap td.mngProd {
    grid-column: 3;
    width: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
  }

  #contentArea.kookis-v31 .optionValueWrap #btnProdCartOptDel {
    width: 44px !important;
    height: 44px !important;
  }

  #contentArea.kookis-v31 .mainProdView .prodDetailExp,
  #contentArea.kookis-v31 .mainProdView .prodDetailDelivery {
    margin-top: 52px !important;
  }
}

/* Final category-intro override after the legacy polish layers. */
#contentArea.kookis-v31 .simple-product-heading {
  min-height: 112px;
  padding: 34px 0 16px;
}

@media (max-width: 720px) {
  #contentArea.kookis-v31 .simple-product-heading {
    min-height: 0;
    padding: 26px 0 13px;
  }
}

/* Final full-page QA cascade guard. */
@media (max-width: 720px) {
  #contentArea.kookis-v31 .v31MyPage .regWrap,
  #contentArea.kookis-v31 .v31MyPage .regWrap table {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #contentArea.kookis-v31 .v31MyPage .regWrap table {
    table-layout: fixed !important;
  }

  #contentArea.kookis-v31 .v31MyPage .regWrap col:first-child {
    width: 86px !important;
  }

  #contentArea.kookis-v31 .v31MyPage .regWrap th {
    width: 86px !important;
    min-width: 0 !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
    overflow-wrap: anywhere;
    word-break: keep-all;
  }

  #contentArea.kookis-v31 .v31MyPage .regWrap td {
    width: auto !important;
    min-width: 0 !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
    overflow-wrap: anywhere;
  }

  #contentArea.kookis-v31 .v31MyPage .regWrap input._w300,
  #contentArea.kookis-v31 .v31MyPage .regWrap textarea._w300 {
    width: 100% !important;
  }

  #contentArea.kookis-v31 .v31ProductInfoCell > table,
  #contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table,
  #contentArea.kookis-v31 .v31ProductInfoCell > table > tbody,
  #contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table > tbody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
  }

  #contentArea.kookis-v31 .v31ProductInfoCell > table tr,
  #contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table tr {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: 88px minmax(0, 1fr);
  }

  #contentArea.kookis-v31 .v31ProductInfoCell > table tr:first-child,
  #contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table tr:first-child {
    display: block !important;
  }

  #contentArea.kookis-v31 .v31ProductInfoCell > table th.titleWrap,
  #contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table th.titleWrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #contentArea.kookis-v31 .v31ProductInfoCell > table tr:not(:first-child) th,
  #contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table tr:not(:first-child) th,
  #contentArea.kookis-v31 .v31ProductInfoCell > table tr:not(:first-child) td,
  #contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table tr:not(:first-child) td {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  #contentArea.kookis-v31 .v31ProductInfoCell > table td[colspan],
  #contentArea.kookis-v31 .prodDetail2 > dl > .detailInfo > table td[colspan] {
    grid-column: 1 / -1;
  }

  #contentArea.kookis-v31 .tableProdList td.simple-quantity-cell {
    grid-template-columns: 86px 74px minmax(52px, 1fr) !important;
    gap: 8px !important;
  }

  #contentArea.kookis-v31 .tableProdList td.simple-quantity-cell::before {
    grid-column: 1;
  }

  #contentArea.kookis-v31 .tableProdList td.simple-quantity-cell dl {
    width: 74px !important;
    margin: 0 !important;
    grid-column: 2;
  }

  #contentArea.kookis-v31 .tableProdList td.simple-quantity-cell .cartCntModify {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    grid-column: 3;
  }

  #contentArea.kookis-v31 .cartTabWrap {
    display: block !important;
    height: auto !important;
    padding-bottom: 10px !important;
  }

  #contentArea.kookis-v31 .cartTabWrap .tabBtn1,
  #contentArea.kookis-v31 .cartTabWrap .txtInfo {
    position: static !important;
    display: block !important;
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
  }

  #contentArea.kookis-v31 .cartTabWrap .txtInfo {
    margin-top: 6px !important;
    white-space: normal !important;
  }

  #contentArea.kookis-v31 .cartTabWrap + .tableProdList table,
  #contentArea.kookis-v31 .cartTabWrap + .tableProdList tbody tr {
    border-top: 0 !important;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap {
    width: 100% !important;
    overflow: visible !important;
    border-top: 0 !important;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap ul,
  #contentArea.kookis-v31 .mypageSubNaviWrap > ul,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap ul,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap > ul {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap li,
  #contentArea.kookis-v31 .mypageSubNaviWrap > ul > li,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap li,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap > ul > li {
    width: auto !important;
    min-width: 0 !important;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap li.subNaviTitle,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap li.subNaviTitle {
    grid-column: 1 / -1;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap a,
  #contentArea.kookis-v31 .mypageSubNaviWrap > ul > li > a,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap a,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap > ul > li > a {
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 8px !important;
    white-space: normal !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table tbody tr.simple-table-head-row {
    display: none !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table td.prodInfo.simple-prod-info--text-only {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table td.prodInfo.simple-prod-info--text-only > ul {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    grid-column: 1 !important;
  }

  #contentArea.kookis-v31 .simple-responsive-table td.prodInfo.simple-prod-info--text-only::before {
    grid-column: 1 !important;
  }
}

/* Stable mypage navigation: override accumulated legacy sidebar rules. */
#contentArea.kookis-v31 .mypageWrap {
  grid-template-columns: 240px minmax(0, 1fr) !important;
  gap: 48px !important;
}

#contentArea.kookis-v31 .mypageSubNaviWrap {
  width: 240px !important;
}

#contentArea.kookis-v31 .mypageWrap .subNaviWrap {
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dedfe3 !important;
  border-top: 3px solid #98001b !important;
  background: #fff !important;
}

#contentArea.kookis-v31 .mypageWrap .my_nav_tit {
  margin: 0 !important;
  padding: 18px !important;
  border-bottom: 1px solid #ececef !important;
  color: #202126 !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  letter-spacing: -.035em !important;
  line-height: 1.35 !important;
}

#contentArea.kookis-v31 .mypageWrap .subNaviWrap ul {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 14px 10px !important;
}

#contentArea.kookis-v31 .mypageWrap .subNaviWrap li {
  display: block !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}

#contentArea.kookis-v31 .mypageWrap .subNaviWrap li.subNaviTitle {
  padding: 14px 4px 7px !important;
  color: #98001b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
  line-height: 1.4 !important;
}

#contentArea.kookis-v31 .mypageWrap .subNaviWrap a {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  align-items: center !important;
  border: 0 !important;
  border-left: 3px solid transparent !important;
  background: transparent !important;
  color: #555861 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-indent: 0 !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

#contentArea.kookis-v31 .mypageWrap .subNaviWrap a:hover,
#contentArea.kookis-v31 .mypageWrap .subNaviWrap li.is-current a,
#contentArea.kookis-v31 .mypageWrap .subNaviWrap a[aria-current="page"] {
  border-left-color: #98001b !important;
  background: #f9eef1 !important;
  color: #98001b !important;
  font-weight: 850 !important;
}

#contentArea.kookis-v31 .mypageWrap .nb_line {
  display: block !important;
  width: calc(100% - 28px) !important;
  height: 1px !important;
  margin: 4px 14px !important;
  background: #dedfe3 !important;
}

@media (max-width: 1020px) {
  #contentArea.kookis-v31 .mypageWrap {
    display: block !important;
  }

  #contentArea.kookis-v31 .mypageSubNaviWrap {
    width: 100% !important;
    margin: 0 0 28px !important;
  }

  #contentArea.kookis-v31 .mypageWrap .subNaviWrap {
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  #contentArea.kookis-v31 .mypageWrap .my_nav_tit {
    padding: 0 0 12px !important;
    border-bottom: 2px solid #202126 !important;
    font-size: 18px !important;
  }

  #contentArea.kookis-v31 .mypageWrap .subNaviWrap ul {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px 0 2px !important;
    align-items: center !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  #contentArea.kookis-v31 .mypageWrap .subNaviWrap ul::-webkit-scrollbar {
    display: none;
  }

  #contentArea.kookis-v31 .mypageWrap .subNaviWrap li,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap li.subNaviTitle {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  #contentArea.kookis-v31 .mypageWrap .subNaviWrap li.subNaviTitle {
    padding: 0 10px 0 0 !important;
    border-right: 1px solid #dedfe3 !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  #contentArea.kookis-v31 .mypageWrap .subNaviWrap a {
    width: auto !important;
    min-width: max-content !important;
    min-height: 40px !important;
    padding: 9px 14px !important;
    border: 1px solid #dedfe3 !important;
    border-radius: 999px !important;
    background: #fff !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  #contentArea.kookis-v31 .mypageWrap .subNaviWrap a:hover,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap li.is-current a,
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap a[aria-current="page"] {
    border-color: #98001b !important;
    background: #98001b !important;
    color: #fff !important;
  }

  #contentArea.kookis-v31 .mypageWrap .nb_line {
    display: none !important;
  }
}

/* Search results and cart presentation: final live simple-skin overrides. */
#contentArea.kookis-v31 .simple-search-results {
  display: block !important;
  width: 100% !important;
  padding-top: 28px !important;
}

#contentArea.kookis-v31 .simple-search-results .v31CatalogContent,
#contentArea.kookis-v31 .simple-search-results .prodNewListWrapA,
#contentArea.kookis-v31 .simple-search-results .prodNewListWrapA > table,
#contentArea.kookis-v31 .simple-search-results .prodNewListWrapA > table > tbody {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-column: 1 / -1 !important;
}

#contentArea.kookis-v31 .simple-search-results .prodNewListWrapA {
  margin-top: 26px !important;
}

#contentArea.kookis-v31 .simple-search-results .prodNewListWrapA tr {
  display: grid !important;
  width: 100% !important;
  margin: 0 0 44px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

#contentArea.kookis-v31 .simple-search-results .prodNewListWrapA td {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

#contentArea.kookis-v31 .simple-search-results .productInfoWrap {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  transform: none;
}

#contentArea.kookis-v31 .simple-search-results .productInfoWrap > a:first-child {
  display: block;
  overflow: hidden;
  background: #f6f6f5;
}

#contentArea.kookis-v31 .simple-search-results .productInfoWrap img.listProdImg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 22px !important;
  aspect-ratio: 1 / 1;
  object-fit: contain !important;
  transition: transform .22s ease;
}

#contentArea.kookis-v31 .simple-search-results .productInfoWrap:hover img.listProdImg {
  transform: scale(1.025);
}

#contentArea.kookis-v31 .simple-search-results .productInfoWrap ul {
  min-width: 0 !important;
  margin: 15px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#contentArea.kookis-v31 .simple-search-results .productInfoWrap li {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#contentArea.kookis-v31 .simple-search-results .productInfoWrap .brandTit:empty,
#contentArea.kookis-v31 .simple-search-results .productInfoWrap .comment:empty {
  display: none !important;
}

#contentArea.kookis-v31 .simple-search-results .productInfoWrap .title {
  min-height: 44px !important;
}

#contentArea.kookis-v31 .simple-search-results .productInfoWrap .title a {
  display: -webkit-box;
  overflow: hidden;
  color: #303238 !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.55 !important;
  word-break: keep-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#contentArea.kookis-v31 .simple-search-results .productInfoWrap .priceSale {
  margin-top: 9px !important;
  color: #98001b !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

#contentArea.kookis-v31 .simple-search-results .productInfoWrap .txtSoldout {
  display: inline-flex !important;
  margin-left: 6px !important;
  vertical-align: middle;
}

#contentArea.kookis-v31 .simple-search-results .productInfoWrap .txtSoldout img {
  width: auto !important;
  height: 17px !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto;
  transform: none !important;
}

#contentArea.kookis-v31 .simple-search-results .next_page_wrap {
  display: none !important;
}

#contentArea.kookis-v31 .simple-search-results #pagenate {
  display: flex !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 4px 0 0 !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: transparent !important;
}

#contentArea.kookis-v31 .simple-search-results #pagenate.simple-pagination-empty {
  display: none !important;
}

#contentArea.kookis-v31 .simple-search-results #pagenate a,
#contentArea.kookis-v31 .simple-search-results #pagenate strong {
  display: inline-grid !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  place-items: center;
  border: 1px solid #dedfe3 !important;
  background: #fff !important;
  color: #555861 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

#contentArea.kookis-v31 .simple-search-results #pagenate strong {
  border-color: #202126 !important;
  background: #202126 !important;
  color: #fff !important;
}

#contentArea.kookis-v31 .simple-search-results #pagenate .simple-pagination-nav {
  font-size: 22px !important;
  font-weight: 500 !important;
}

#contentArea.kookis-v31.simple-cart-page .cartListWrapBig {
  overflow: visible !important;
}

#contentArea.kookis-v31.simple-cart-page .simple-cart-primary {
  padding: 28px !important;
  border: 1px solid #e2e3e6;
  background: #fff;
}

#contentArea.kookis-v31.simple-cart-page .cartTitWrap {
  margin-bottom: 18px !important;
}

#contentArea.kookis-v31.simple-cart-page .tableProdList tbody tr:not(.simple-table-head-row) {
  min-height: 138px;
}

#contentArea.kookis-v31.simple-cart-page td.prodInfo > a:first-child {
  width: 104px !important;
  margin-right: 20px !important;
}

#contentArea.kookis-v31.simple-cart-page td.prodInfo > a:first-child img {
  width: 104px !important;
  height: 104px !important;
  padding: 10px !important;
}

#contentArea.kookis-v31.simple-cart-page td.prodInfo ul {
  padding-top: 9px !important;
}

#contentArea.kookis-v31.simple-cart-page td.prodInfo li:first-child,
#contentArea.kookis-v31.simple-cart-page td.prodInfo li:first-child a {
  display: block !important;
  width: 100%;
  font-size: 15px !important;
  line-height: 1.5 !important;
  text-align: left !important;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

#contentArea.kookis-v31.simple-cart-page td.prodInfo > ul {
  min-width: 0;
  text-align: left !important;
}

#contentArea.kookis-v31.simple-cart-page td.prodInfo.is-cart-sold-out > a.simple-cart-sold-out-thumb {
  position: relative;
  display: block !important;
  overflow: hidden;
  border-radius: 9px;
  background: #f4f4f5;
}

#contentArea.kookis-v31.simple-cart-page td.prodInfo.is-cart-sold-out > a.simple-cart-sold-out-thumb::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: rgba(235, 235, 237, 0.44);
  content: "";
  pointer-events: none;
}

#contentArea.kookis-v31.simple-cart-page td.prodInfo.is-cart-sold-out > a.simple-cart-sold-out-thumb > img {
  float: none !important;
  filter: grayscale(0.72) saturate(0.56);
  opacity: 0.76;
}

#contentArea.kookis-v31.simple-cart-page td.prodInfo.is-cart-sold-out .prodRed {
  display: none !important;
}

#contentArea.kookis-v31.simple-cart-page .simple-cart-sold-out-badge {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: inline-flex;
  min-width: 48px;
  height: 28px;
  padding: 0 10px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(32, 33, 38, 0.86);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

#contentArea.kookis-v31 .cartMovWishBtn,
#contentArea.kookis-v31 .cartListDelBtn {
  display: inline-flex !important;
  min-height: 32px !important;
  margin: 5px 5px 0 0 !important;
  padding: 6px 10px !important;
  align-items: center;
  justify-content: center;
  border: 1px solid #d7d9dd !important;
  background: #fff !important;
  color: #666a72 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}

#contentArea.kookis-v31 .cartListDelBtn {
  color: #98001b !important;
}

#contentArea.kookis-v31 .cartMovWishBtn span,
#contentArea.kookis-v31 .cartListDelBtn span {
  position: static !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  text-indent: 0 !important;
}

#contentArea.kookis-v31.simple-cart-page .cartCntModify {
  min-width: 78px !important;
  border-color: #303238 !important;
  color: #202126 !important;
}

#contentArea.kookis-v31.simple-cart-page .totalPriceWrap {
  margin-top: 0 !important;
  padding: 27px 24px !important;
  border: 0 !important;
  border-top: 1px solid #dedfe3 !important;
  background: #f7f7f5 !important;
}

#contentArea.kookis-v31.simple-cart-page .totalPriceWrap .priceOrange {
  font-size: 24px !important;
}

#contentArea.kookis-v31.simple-cart-page .simple-cart-primary > .btnCenter {
  margin-top: 22px !important;
  justify-content: flex-end;
}

#contentArea.kookis-v31.simple-cart-page .simple-cart-primary > .btnCenter a {
  min-width: 136px !important;
}

#contentArea.kookis-v31.simple-cart-page .simple-cart-primary > .btnCenter .chkOrderBigBtn {
  order: 4;
  min-width: 170px !important;
}

#contentArea.kookis-v31 a[href*="goWish"],
#contentArea.kookis-v31 a[href*="mode=wishMyList"] {
  display: none !important;
}

#contentArea.kookis-v31.simple-cart-page .simple-cart-saved {
  margin-top: 72px !important;
  padding: 28px !important;
  border: 1px solid #e2e3e6;
}

#contentArea.kookis-v31.simple-cart-page .simple-cart-saved .cartTabWrap + .tableProdList table {
  border-top: 0 !important;
}

#contentArea.kookis-v31 .simple-table-head-row th {
  height: 48px !important;
  padding: 12px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #dedfe3 !important;
  background: #f7f7f5 !important;
  color: #555861 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

#contentArea.kookis-v31 tr.simple-empty-row {
  min-height: 0 !important;
}

#contentArea.kookis-v31 .tableProdList td.simple-empty-cell,
#contentArea.kookis-v31 .myOrderListWrap td.simple-empty-cell {
  height: 142px !important;
  padding: 56px 16px !important;
  color: #858890 !important;
  font-size: 14px !important;
  text-align: center !important;
}

#contentArea.kookis-v31.simple-saved-items-page .mypageContentsWrap > .txtInfo {
  display: block;
  margin-top: 8px;
  color: #747780;
  font-size: 12px;
}

@media (max-width: 1020px) {
  #contentArea.kookis-v31 .simple-search-results .prodNewListWrapA tr {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  #contentArea.kookis-v31 .simple-search-results {
    padding-top: 24px !important;
  }

  #contentArea.kookis-v31 .simple-search-results .prodNewListWrapA {
    margin-top: 22px !important;
  }

  #contentArea.kookis-v31 .simple-search-results .prodNewListWrapA tr {
    margin-bottom: 28px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px 12px !important;
  }

  #contentArea.kookis-v31 .simple-search-results .productInfoWrap img.listProdImg {
    padding: 12px !important;
  }

  #contentArea.kookis-v31 .simple-search-results .productInfoWrap ul {
    margin-top: 10px !important;
  }

  #contentArea.kookis-v31 .simple-search-results .productInfoWrap .title {
    min-height: 38px !important;
  }

  #contentArea.kookis-v31 .simple-search-results .productInfoWrap .title a {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  #contentArea.kookis-v31 .simple-search-results .productInfoWrap .priceSale {
    margin-top: 6px !important;
    font-size: 13px !important;
  }

  #contentArea.kookis-v31 .simple-search-results #pagenate {
    margin-top: 8px !important;
    gap: 5px;
  }

  #contentArea.kookis-v31 .simple-search-results #pagenate a,
  #contentArea.kookis-v31 .simple-search-results #pagenate strong {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .simple-cart-primary,
  #contentArea.kookis-v31.simple-cart-page .simple-cart-saved {
    padding: 0 !important;
    border: 0;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList tbody tr:not(.simple-table-head-row) {
    min-height: 0;
    padding: 8px 15px 4px !important;
    border-top-color: #202126 !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.prodInfo {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.prodInfo::before {
    display: none !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.prodInfo > a:first-child {
    width: 88px !important;
    margin: 0 !important;
    grid-column: 1 !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.prodInfo > a:first-child img {
    width: 88px !important;
    height: 88px !important;
    padding: 8px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.prodInfo > ul {
    padding: 1px 0 0 !important;
    grid-column: 2 !important;
  }

  #contentArea.kookis-v31.simple-cart-page td.prodInfo li:first-child,
  #contentArea.kookis-v31.simple-cart-page td.prodInfo li:first-child a {
    font-size: 14px !important;
  }

  #contentArea.kookis-v31 .cartMovWishBtn,
  #contentArea.kookis-v31 .cartListDelBtn {
    min-height: 30px !important;
    margin-top: 7px !important;
    padding: 6px 8px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell {
    grid-template-columns: 74px 74px minmax(96px, 1fr) !important;
  }

  #contentArea.kookis-v31.simple-cart-page .cartCntModify {
    min-width: 0 !important;
  }

  #contentArea.kookis-v31.simple-cart-page .totalPriceWrap {
    margin-top: 16px !important;
    padding: 21px 16px !important;
    border-top: 2px solid #202126 !important;
  }

  #contentArea.kookis-v31.simple-cart-page .totalPriceWrap .priceOrange {
    display: block;
    margin: 7px 0 0 !important;
    font-size: 22px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .simple-cart-primary > .btnCenter:not(#display_setup_message):not(#display_pay_button) {
    display: grid !important;
    margin-top: 18px !important;
    grid-template-columns: 1fr 1fr !important;
  }

  #contentArea.kookis-v31.simple-cart-page .simple-cart-primary > .btnCenter a {
    min-width: 0 !important;
  }

  #contentArea.kookis-v31.simple-cart-page .simple-cart-primary > .btnCenter .chkOrderBigBtn {
    order: -1;
    min-width: 0 !important;
    grid-column: 1 / -1;
  }

  #contentArea.kookis-v31.simple-cart-page .simple-cart-primary > .btnCenter .shoppingBigBtn {
    grid-column: 1 / -1;
  }

  #contentArea.kookis-v31.simple-cart-page .simple-cart-saved {
    margin-top: 64px !important;
  }

  #contentArea.kookis-v31 .simple-table-head-row {
    display: none !important;
  }

  #contentArea.kookis-v31 .tableProdList td.simple-empty-cell,
  #contentArea.kookis-v31 .myOrderListWrap td.simple-empty-cell {
    height: auto !important;
    padding: 50px 14px !important;
  }
}

/* Modern sold-out state: keep the product recognizable and move status onto the thumbnail. */
#contentArea.kookis-v31 .productInfoWrap.is-sold-out .simple-sold-out-thumb,
#contentArea.kookis-v31 .mdInfo.is-sold-out .simple-sold-out-thumb {
  position: relative !important;
  display: block;
  overflow: hidden;
}

#contentArea.kookis-v31 .productInfoWrap.is-sold-out .simple-sold-out-thumb::after,
#contentArea.kookis-v31 .mdInfo.is-sold-out .simple-sold-out-thumb::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: rgba(32, 33, 38, .06);
  content: "";
  pointer-events: none;
}

#contentArea.kookis-v31 .productInfoWrap.is-sold-out img.listProdImg,
#contentArea.kookis-v31 .mdInfo.is-sold-out img.imgList {
  filter: grayscale(.58) saturate(.64) !important;
  opacity: .8 !important;
}

#contentArea.kookis-v31 .productInfoWrap.is-sold-out:hover img.listProdImg,
#contentArea.kookis-v31 .mdInfo.is-sold-out:hover img.imgList {
  transform: none !important;
}

#contentArea.kookis-v31 .simple-sold-out-badge {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: inline-flex;
  min-width: 62px;
  min-height: 36px;
  padding: 8px 16px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  background: rgba(24, 25, 28, .82);
  color: #fff;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .01em;
  line-height: 1;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

#contentArea.kookis-v31 .productInfoWrap.is-sold-out .txtSoldout,
#contentArea.kookis-v31 .mdInfo.is-sold-out .txtSoldout {
  display: none !important;
}

@media (max-width: 720px) {
  #contentArea.kookis-v31 .simple-sold-out-badge {
    min-width: 54px;
    min-height: 32px;
    padding: 7px 13px;
    font-size: 12px;
  }
}

/* 2026-08-02 simple commerce system: modern checkout and shared legacy cleanup. */
#contentArea.kookis-v31 {
  --simple-accent: #98001b;
  --simple-accent-dark: #760015;
  --simple-ink: #202126;
  --simple-text: #4f525a;
  --simple-muted: #777a82;
  --simple-line: #e2e3e7;
  --simple-soft: #f7f7f8;
  --simple-card-radius: 10px;
  --simple-control-radius: 7px;
}

#contentArea.kookis-v31 h1,
#contentArea.kookis-v31 h2,
#contentArea.kookis-v31 h3,
#contentArea.kookis-v31 h4 {
  text-wrap: balance;
}

#contentArea.kookis-v31 input[type="text"],
#contentArea.kookis-v31 input[type="password"],
#contentArea.kookis-v31 input[type="email"],
#contentArea.kookis-v31 input[type="tel"],
#contentArea.kookis-v31 input[type="number"],
#contentArea.kookis-v31 input[type="input"],
#contentArea.kookis-v31 select,
#contentArea.kookis-v31 textarea {
  min-height: 44px !important;
  border-color: #c9cbd1 !important;
  border-radius: var(--simple-control-radius) !important;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

#contentArea.kookis-v31 input[readonly],
#contentArea.kookis-v31 textarea[readonly] {
  background: #f5f5f6 !important;
  color: #666971 !important;
}

#contentArea.kookis-v31 input:focus-visible,
#contentArea.kookis-v31 select:focus-visible,
#contentArea.kookis-v31 textarea:focus-visible,
#contentArea.kookis-v31 a:focus-visible,
#contentArea.kookis-v31 button:focus-visible {
  outline: 2px solid rgba(152, 0, 27, .28) !important;
  outline-offset: 2px;
}

#contentArea.kookis-v31 .btnCenter a,
#contentArea.kookis-v31 .btnRight a,
#contentArea.kookis-v31 .btnLeft a,
#contentArea.kookis-v31 .btnWrap a,
#contentArea.kookis-v31 .buttonWrap a,
#contentArea.kookis-v31 .btnCenter button,
#contentArea.kookis-v31 .btnRight button,
#contentArea.kookis-v31 .btnLeft button,
#contentArea.kookis-v31 .btnWrap button,
#contentArea.kookis-v31 .buttonWrap button,
#contentArea.kookis-v31 .cartMovWishBtn,
#contentArea.kookis-v31 .cartListDelBtn {
  border-radius: var(--simple-control-radius) !important;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
}

#contentArea.kookis-v31 .btnCenter a:hover,
#contentArea.kookis-v31 .btnRight a:hover,
#contentArea.kookis-v31 .btnLeft a:hover,
#contentArea.kookis-v31 .btnWrap a:hover,
#contentArea.kookis-v31 .buttonWrap a:hover {
  border-color: #aeb1b8 !important;
  background: #f7f7f8 !important;
}

#contentArea.kookis-v31 .btnCenter a:first-child:hover,
#contentArea.kookis-v31 .btnRight a:first-child:hover,
#contentArea.kookis-v31 .btnWrap a:first-child:hover,
#contentArea.kookis-v31 .buttonWrap a:first-child:hover {
  border-color: var(--simple-accent-dark) !important;
  background: var(--simple-accent-dark) !important;
  color: #fff !important;
}

#contentArea.kookis-v31 .btnCenter a:active,
#contentArea.kookis-v31 .btnRight a:active,
#contentArea.kookis-v31 .btnLeft a:active,
#contentArea.kookis-v31 .btnWrap a:active,
#contentArea.kookis-v31 .buttonWrap a:active {
  transform: translateY(1px);
}

/* Shared subpage panels */
#contentArea.kookis-v31 .orderStateWrap,
#contentArea.kookis-v31 .mypageWrap .subNaviWrap,
#contentArea.kookis-v31.simple-cart-page .simple-cart-primary,
#contentArea.kookis-v31.simple-cart-page .simple-cart-saved {
  overflow: hidden !important;
  border: 1px solid var(--simple-line) !important;
  border-radius: var(--simple-card-radius) !important;
  box-shadow: 0 8px 24px rgba(24, 25, 28, .035);
}

#contentArea.kookis-v31 .mypageWrap .subNaviWrap {
  border-top: 1px solid var(--simple-line) !important;
}

#contentArea.kookis-v31 .mypageWrap .subNaviWrap a {
  border-left-width: 2px !important;
  border-radius: 5px !important;
}

#contentArea.kookis-v31 .mypageWrap .subNaviWrap a:hover,
#contentArea.kookis-v31 .mypageWrap .subNaviWrap li.is-current a,
#contentArea.kookis-v31 .mypageWrap .subNaviWrap a[aria-current="page"] {
  background: #fbf2f4 !important;
}

#contentArea.kookis-v31 .mypageContentsWrap table,
#contentArea.kookis-v31 .myOrderListWrap table,
#contentArea.kookis-v31 .boardBodyWrap table,
#contentArea.kookis-v31 .memberContentWrap table {
  overflow: hidden;
  border: 1px solid var(--simple-line) !important;
  border-top: 1px solid var(--simple-line) !important;
  border-radius: var(--simple-card-radius);
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

#contentArea.kookis-v31 .mypageContentsWrap thead th,
#contentArea.kookis-v31 .myOrderListWrap thead th,
#contentArea.kookis-v31 .boardBodyWrap thead th,
#contentArea.kookis-v31 .memberContentWrap thead th,
#contentArea.kookis-v31 .simple-table-head-row th {
  background: #f6f6f7 !important;
  color: #61646c !important;
}

#contentArea.kookis-v31 .checkOrderBtn a,
#contentArea.kookis-v31 .checkOrderBtn span,
#contentArea.kookis-v31 .checkOrderBtn strong {
  position: static !important;
  display: inline-flex !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  align-items: center;
  justify-content: center;
  background: none !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  text-indent: 0 !important;
}

#contentArea.kookis-v31 .checkOrderBtn a {
  min-height: 30px !important;
  padding: 6px 10px !important;
  border: 1px solid #d1d3d8 !important;
  border-radius: 6px !important;
  background: #f7f7f8 !important;
  color: #62656d !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  white-space: nowrap;
}

#contentArea.kookis-v31 .checkOrderBtn a:has(.iconDeliveryIng) {
  border-color: #cbddeb !important;
  background: #f2f8fc !important;
  color: #246487 !important;
}

#contentArea.kookis-v31 .checkOrderBtn a:has(.iconPayOk) {
  border-color: #cde2d1 !important;
  background: #f1f8f2 !important;
  color: #347343 !important;
}

#contentArea.kookis-v31 #pagenate a,
#contentArea.kookis-v31 #pagenate strong {
  border-radius: 6px !important;
}

/* Checkout shell */
#contentArea.kookis-v31.simple-checkout-page .v31PageShell {
  margin-top: 34px !important;
}

#contentArea.kookis-v31.simple-checkout-page .orderFormWrap,
#contentArea.kookis-v31.simple-checkout-page .simple-cart-primary {
  width: 100% !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-products,
#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section {
  overflow: hidden;
  margin: 0 0 22px !important;
  border: 1px solid var(--simple-line);
  border-radius: var(--simple-card-radius);
  background: #fff;
  box-shadow: 0 8px 24px rgba(24, 25, 28, .035);
}

#contentArea.kookis-v31.simple-checkout-page .cartTabWrap {
  display: flex !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 24px !important;
  align-items: center;
  border: 0 !important;
  border-bottom: 1px solid var(--simple-line) !important;
  background: #fff !important;
}

#contentArea.kookis-v31.simple-checkout-page .cartTabWrap .tabBtn1 {
  display: block !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: var(--simple-ink) !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1.4 !important;
  text-indent: 0 !important;
}

#contentArea.kookis-v31.simple-checkout-page .tableProdList {
  margin: 0 !important;
  padding: 0 24px !important;
}

#contentArea.kookis-v31.simple-checkout-page .tableProdList table {
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

#contentArea.kookis-v31.simple-checkout-page .tableProdList thead th {
  height: 48px !important;
  border-bottom: 1px solid var(--simple-line) !important;
  background: #f7f7f8 !important;
}

#contentArea.kookis-v31.simple-checkout-page .tableProdList tbody td {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

#contentArea.kookis-v31.simple-checkout-page .tableProdList td.prodInfo img {
  width: 78px !important;
  height: 78px !important;
  padding: 8px !important;
  border-radius: 8px;
  background: #f6f6f7;
  object-fit: contain;
}

#contentArea.kookis-v31.simple-checkout-page .tableProdList td.prodInfo {
  display: flex;
  align-items: center;
  gap: 14px;
}

#contentArea.kookis-v31.simple-checkout-page .tableProdList td.prodInfo ul {
  padding-top: 0 !important;
}

#contentArea.kookis-v31.simple-checkout-page .totalPriceWrap {
  display: flex !important;
  min-height: 82px;
  margin: 0 !important;
  padding: 20px 24px !important;
  align-items: baseline;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 4px;
  border: 0 !important;
  border-top: 1px solid var(--simple-line) !important;
  background: var(--simple-soft) !important;
  color: #5f626a !important;
}

#contentArea.kookis-v31.simple-checkout-page .totalPriceWrap .priceOrange {
  margin-left: 8px !important;
  color: var(--simple-accent) !important;
  font-size: 26px !important;
  font-variant-numeric: tabular-nums;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section > h4 {
  display: flex !important;
  min-height: 64px;
  margin: 0 !important;
  padding: 19px 24px !important;
  align-items: center;
  border: 0 !important;
  border-bottom: 1px solid var(--simple-line) !important;
  color: var(--simple-ink) !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  letter-spacing: -.025em !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section > table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section tr {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  min-height: 68px;
  border-bottom: 1px solid #ececef;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section tr:last-child {
  border-bottom: 0;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section th,
#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section td {
  display: flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 12px 18px !important;
  align-items: center;
  border: 0 !important;
  background: #fff !important;
  color: var(--simple-text) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section th {
  padding-left: 24px !important;
  background: #fafafa !important;
  color: #666971 !important;
  font-weight: 750 !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section td {
  flex-wrap: wrap;
  gap: 6px;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section .btnAddr {
  display: inline-flex !important;
  min-height: 38px !important;
  padding: 8px 13px !important;
  align-items: center;
  justify-content: center;
  border: 1px solid #777a82 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #454850 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section .btnAddr span {
  position: static !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  color: inherit !important;
  font: inherit !important;
  text-indent: 0 !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-choice-field > span,
#contentArea.kookis-v31.simple-checkout-page .simple-field--delivery-preset td > span {
  display: flex;
  max-width: 100%;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 5px;
}

#contentArea.kookis-v31.simple-checkout-page .simple-choice-field input[type="radio"],
#contentArea.kookis-v31.simple-checkout-page .simple-choice-field input[type="checkbox"] {
  flex: 0 0 auto;
  margin: 0 2px 0 0 !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-field--address td dl,
#contentArea.kookis-v31.simple-checkout-page .simple-field--address td dd {
  width: 100%;
  margin: 0 !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-field--address td dd {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

#contentArea.kookis-v31.simple-checkout-page .simple-field--address td dd + dd {
  margin-top: 7px !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-field--memo td > div:first-child {
  float: none !important;
  width: min(100%, 620px);
}

#contentArea.kookis-v31.simple-checkout-page .simple-field--memo textarea {
  width: 100% !important;
  min-height: 112px !important;
  resize: vertical;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-payment td {
  gap: 8px;
  font-weight: 700;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-payment tr {
  grid-template-columns: 1fr;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-payment th {
  display: none !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-payment td {
  padding: 17px 24px !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary {
  border-color: #d6d8dd;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .priceInfo {
  display: grid;
  width: min(100%, 420px);
  margin: 0 !important;
  padding: 0 !important;
  gap: 7px;
  list-style: none;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .priceInfo li {
  display: flex;
  align-items: baseline;
  color: #62656d;
  font-variant-numeric: tabular-nums;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .priceInfo li > span {
  flex: 0 0 92px;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .priceInfo strong,
#contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .point_wrap > strong {
  margin: 0 2px 0 8px;
  color: var(--simple-ink);
  font-size: 16px;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .pointInfo {
  color: var(--simple-muted);
  font-size: 12px;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-actions {
  display: flex !important;
  margin: 30px 0 0 !important;
  justify-content: flex-end;
  gap: 8px;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-actions a {
  min-width: 132px !important;
  min-height: 52px !important;
  border-radius: var(--simple-control-radius) !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-actions .payBigBtn {
  order: 2;
  min-width: 210px !important;
  border-color: var(--simple-accent) !important;
  background: var(--simple-accent) !important;
  color: #fff !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-actions .cancelBigBtn {
  order: 1;
  border-color: #cfd1d6 !important;
  background: #fff !important;
  color: #4f525a !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-setup-message {
  margin: 24px 0 0 !important;
  padding: 18px !important;
  border: 1px solid #ead5da;
  border-radius: var(--simple-control-radius);
  background: #fff7f8;
  color: #5d3038;
  line-height: 1.7;
}

#contentArea.kookis-v31.simple-checkout-page #order_addr_layer {
  max-width: calc(100vw - 32px);
  border-color: var(--simple-ink) !important;
  border-radius: 8px;
  box-shadow: 0 24px 60px rgba(24, 25, 28, .2);
}

@media (max-width: 1023px) {
  #contentArea.kookis-v31.simple-checkout-page .tableProdList table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
  }

  #contentArea.kookis-v31.simple-checkout-page .tableProdList th:first-child,
  #contentArea.kookis-v31.simple-checkout-page .tableProdList td:first-child {
    width: 48% !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .tableProdList th:nth-child(2),
  #contentArea.kookis-v31.simple-checkout-page .tableProdList td:nth-child(2) {
    width: 15% !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .tableProdList th:nth-child(3),
  #contentArea.kookis-v31.simple-checkout-page .tableProdList td:nth-child(3) {
    width: 10% !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .tableProdList th:nth-child(4),
  #contentArea.kookis-v31.simple-checkout-page .tableProdList td:nth-child(4) {
    width: 15% !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .tableProdList th:nth-child(5),
  #contentArea.kookis-v31.simple-checkout-page .tableProdList td:nth-child(5) {
    width: 12% !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .tableProdList td.prodInfo {
    display: table-cell !important;
    vertical-align: middle;
  }

  #contentArea.kookis-v31.simple-checkout-page .tableProdList td.prodInfo > img {
    float: left;
    margin-right: 12px;
  }

  #contentArea.kookis-v31.simple-checkout-page .tableProdList td.prodInfo > ul {
    overflow: hidden;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section tr {
    grid-template-columns: 142px minmax(0, 1fr);
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section th {
    padding-left: 18px !important;
  }
}

@media (max-width: 767px) {
  #contentArea.kookis-v31 .simple-page-heading {
    padding-top: 28px;
    border-bottom-width: 1px;
  }

  #contentArea.kookis-v31 .simple-page-heading p {
    margin-bottom: 5px;
    font-size: 10px;
  }

  #contentArea.kookis-v31 .simple-page-heading h1 {
    font-size: clamp(28px, 8.5vw, 34px);
  }

  #contentArea.kookis-v31.simple-checkout-page .v31PageShell {
    margin-top: 24px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-products,
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section {
    margin-bottom: 16px !important;
    border-radius: 8px;
    box-shadow: none;
  }

  #contentArea.kookis-v31.simple-checkout-page .cartTabWrap {
    min-height: 56px !important;
    padding: 0 16px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .cartTabWrap .tabBtn1 {
    font-size: 16px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .tableProdList {
    padding: 0 14px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-responsive-table tbody tr {
    margin: 0 !important;
    padding: 8px 0 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-responsive-table tbody td {
    min-height: 44px !important;
    padding: 11px 2px !important;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 10px;
  }

  #contentArea.kookis-v31.simple-checkout-page .tableProdList .simple-responsive-table td.prodInfo {
    display: grid !important;
    padding: 14px 2px !important;
    grid-template-columns: 74px minmax(0, 1fr) !important;
    align-items: center;
    gap: 12px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-responsive-table td.prodInfo::before {
    display: none !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-responsive-table td.prodInfo > img,
  #contentArea.kookis-v31.simple-checkout-page .simple-responsive-table td.prodInfo > a:first-child {
    display: block;
    width: 74px !important;
    margin: 0 !important;
    float: none !important;
    grid-column: 1;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-responsive-table td.prodInfo > img {
    height: 74px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-responsive-table td.prodInfo > ul {
    grid-column: 2;
  }

  /*
   * The 768–1023px checkout table keeps legacy fixed column widths.
   * Reset every inherited column constraint before the mobile card layout
   * so product copy has a real content column instead of collapsing to 0px.
   */
  #contentArea.kookis-v31.simple-checkout-page .tableProdList .simple-responsive-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .tableProdList .simple-responsive-table tbody tr {
    width: 100% !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .tableProdList .simple-responsive-table tbody td:nth-child(n) {
    width: 100% !important;
    max-width: none !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .tableProdList .simple-responsive-table tbody td.prodInfo {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 74px minmax(0, 1fr) !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .tableProdList .simple-responsive-table tbody td.prodInfo > ul {
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .totalPriceWrap {
    display: block !important;
    min-height: 0;
    padding: 18px 16px !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
    text-align: right !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .totalPriceWrap .priceOrange {
    display: inline-block;
    margin: 0 0 0 7px !important;
    font-size: 24px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section > h4 {
    min-height: 56px;
    padding: 16px !important;
    font-size: 17px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section > table,
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section > table > tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section > table > colgroup {
    display: none !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section tr {
    display: block;
    width: 100% !important;
    min-height: 0;
    padding: 14px 16px;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section th,
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section td {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section th {
    margin-bottom: 8px;
    color: #676a72 !important;
    font-size: 12px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section td {
    overflow: hidden;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px 5px;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-payment th {
    display: none !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-payment td {
    padding: 0 !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section input[type="text"],
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section input[type="input"],
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section input[type="email"],
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section input[type="tel"],
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section select,
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section textarea {
    max-width: 100% !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-field--phone select,
  #contentArea.kookis-v31.simple-checkout-page .simple-field--phone input {
    width: 100% !important;
    min-width: 0 !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-field--phone td {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 5px;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-field--email input,
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-customer tr:first-child input,
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-shipping tr:nth-child(2) input {
    width: 100% !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-field--delivery-preset td > span {
    gap: 10px 4px;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-field--delivery-preset .btnAddr {
    flex: 0 0 auto;
    margin-left: 2px;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-field--address input#bzip1 {
    width: 88px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-field--address input#baddr1,
  #contentArea.kookis-v31.simple-checkout-page .simple-field--address input#baddr2 {
    width: 100% !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .priceInfo {
    width: 100%;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .priceInfo li {
    display: flex;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .priceInfo li > span {
    flex-basis: 78px;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .point_wrap {
    display: grid;
    width: 100%;
    gap: 4px;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-actions {
    position: sticky;
    z-index: 5;
    bottom: 0;
    display: grid !important;
    margin: 22px -1px 0 !important;
    padding: 10px 0 calc(10px + env(safe-area-inset-bottom));
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    gap: 8px;
    border-top: 1px solid var(--simple-line);
    background: rgba(255, 255, 255, .96);
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-actions a,
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-actions .payBigBtn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-actions .payBigBtn {
    order: 2;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-actions .cancelBigBtn {
    order: 1;
  }

  #contentArea.kookis-v31 .mypageWrap .subNaviWrap {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
  }

  #contentArea.kookis-v31 .mypageContentsWrap .simple-responsive-table {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  #contentArea.kookis-v31 .mypageContentsWrap .simple-responsive-table tbody tr {
    overflow: hidden;
    margin-bottom: 12px !important;
    border: 1px solid var(--simple-line) !important;
    border-top: 1px solid var(--simple-line) !important;
    border-radius: 8px !important;
  }

  #contentArea.kookis-v31 .mypageContentsWrap .simple-responsive-table tbody tr:last-child {
    margin-bottom: 0 !important;
  }

  #contentArea.kookis-v31 .mypageContentsWrap .checkOrderBtn a {
    justify-self: start;
  }

  #contentArea.kookis-v31 .simple-search-results #pagenate {
    height: auto !important;
    padding: 0 6px !important;
    flex-wrap: wrap !important;
    row-gap: 6px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .simple-cart-primary,
  #contentArea.kookis-v31.simple-cart-page .simple-cart-saved {
    border-radius: 8px !important;
    box-shadow: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #contentArea.kookis-v31 *,
  #contentArea.kookis-v31 *::before,
  #contentArea.kookis-v31 *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (max-width: 767px) {
  #contentArea.kookis-v31 .listTop_Wrap .cate_tit {
    display: none !important;
  }
}

#contentArea.kookis-v31 .mypageSubNaviWrap,
#contentArea.kookis-v31 .mypageWrap .subNaviWrap {
  border-top: 0 !important;
}

/* 2026-08-02 cart-to-checkout detail polish.
 * Presentation only: quantity, price, order and payment behavior stay on the
 * existing legacy handlers.
 */
#contentArea.kookis-v31.simple-cart-page .tableProdList input[type="checkbox"],
#contentArea.kookis-v31.simple-checkout-page input[type="radio"],
#contentArea.kookis-v31.simple-checkout-page input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  accent-color: var(--simple-accent);
  cursor: pointer;
}

#contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell dl dd:last-child a:hover {
  border-color: #aeb1b8 !important;
  background: #f7f7f8 !important;
}

#contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell dl dd:last-child a:active,
#contentArea.kookis-v31.simple-cart-page .cartCntModify:active {
  background: #efeff1 !important;
}

#contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell input {
  color: var(--simple-ink) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  font-variant-numeric: tabular-nums;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section input[type="text"],
#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section input[type="input"],
#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section input[type="email"],
#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section input[type="tel"],
#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section select,
#contentArea.kookis-v31.simple-checkout-page .simple-checkout-section textarea {
  color: var(--simple-ink) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-choice-field {
  min-height: 52px;
  column-gap: 8px !important;
  row-gap: 10px !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-choice-field input[type="radio"],
#contentArea.kookis-v31.simple-checkout-page .simple-choice-field input[type="checkbox"],
#contentArea.kookis-v31.simple-checkout-page .simple-field--delivery-preset input[type="radio"],
#contentArea.kookis-v31.simple-checkout-page .simple-field--delivery-preset input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  margin: 0 1px 0 0 !important;
}

#contentArea.kookis-v31.simple-checkout-page .simple-field--delivery-preset td > span {
  min-height: 40px;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .priceInfo li {
  min-height: 30px;
  padding: 4px 0;
  justify-content: flex-end;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .priceInfo li > span {
  margin-right: auto;
  color: #656870;
  font-weight: 700;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .point_wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
}

#contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .point_wrap > strong {
  margin-left: 0;
}

@media (max-width: 767px) {
  #contentArea.kookis-v31.simple-cart-page .tableProdList tbody tr:not(.simple-table-head-row) {
    padding: 6px 14px 4px !important;
    border-top-width: 1px !important;
    border-radius: 8px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .simple-responsive-table tbody td:first-child {
    min-height: 48px !important;
    grid-template-columns: 68px minmax(0, 1fr) !important;
    align-items: center;
  }

  #contentArea.kookis-v31.simple-cart-page .simple-responsive-table tbody td:first-child::before {
    color: #6f727a;
    font-size: 12px;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    grid-template-rows: 44px 40px;
    align-items: center;
    gap: 7px 8px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell::before {
    grid-column: 1;
    grid-row: 1 / 3;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell dl {
    width: 124px !important;
    height: 44px;
    margin: 0 !important;
    grid-column: 2;
    grid-row: 1;
    grid-template-columns: 44px 80px !important;
    grid-template-rows: 44px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell dl dd:first-child {
    grid-row: 1;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell dl dd:first-child input {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 7px 0 0 7px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell dl dd:last-child {
    grid-row: 1;
    grid-template-columns: repeat(2, 40px) !important;
    grid-template-rows: 44px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell dl dd:last-child a {
    width: 40px !important;
    height: 44px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell dl dd:last-child a + a {
    border-top: 1px solid #c9cbd1 !important;
    border-left: 0 !important;
    border-radius: 0 7px 7px 0 !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell dl dd:last-child a::before {
    font-size: 16px;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell .cartCntModify {
    width: 124px !important;
    min-height: 40px !important;
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    font-size: 12px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .totalPriceWrap,
  #contentArea.kookis-v31.simple-checkout-page .totalPriceWrap {
    display: flex !important;
    min-height: 72px;
    padding: 18px 16px !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 14px;
    font-size: 0 !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  #contentArea.kookis-v31.simple-cart-page .totalPriceWrap::before,
  #contentArea.kookis-v31.simple-checkout-page .totalPriceWrap::before {
    content: "결제 예정 금액";
    flex: 0 0 auto;
    color: #62656d;
    font-size: 13px;
    font-weight: 750;
  }

  #contentArea.kookis-v31.simple-cart-page .totalPriceWrap > span,
  #contentArea.kookis-v31.simple-cart-page .totalPriceWrap > strong:not(.priceOrange),
  #contentArea.kookis-v31.simple-checkout-page .totalPriceWrap > span,
  #contentArea.kookis-v31.simple-checkout-page .totalPriceWrap > strong:not(.priceOrange) {
    display: none !important;
  }

  #contentArea.kookis-v31.simple-cart-page .totalPriceWrap .priceOrange,
  #contentArea.kookis-v31.simple-checkout-page .totalPriceWrap .priceOrange {
    display: inline-flex !important;
    min-width: 0;
    margin: 0 !important;
    align-items: baseline;
    justify-content: flex-end;
    color: var(--simple-accent) !important;
    font-size: clamp(22px, 6.4vw, 26px) !important;
    font-variant-numeric: tabular-nums;
    line-height: 1.15 !important;
    white-space: nowrap;
  }

  #contentArea.kookis-v31.simple-checkout-page .totalPriceWrap #cartTotalPrice::after {
    margin-left: 2px;
    content: "원";
    font-size: .72em;
    font-weight: 800;
  }

  #contentArea.kookis-v31.simple-cart-page .simple-cart-primary > .btnCenter:not(#display_setup_message):not(#display_pay_button) {
    gap: 8px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .simple-cart-primary > .btnCenter a {
    min-height: 48px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section input[type="text"],
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section input[type="input"],
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section input[type="email"],
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section input[type="tel"],
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section select,
  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section textarea {
    font-size: 16px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section tr {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-section th {
    margin-bottom: 9px;
    font-size: 13px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-choice-field {
    min-height: 44px;
    overflow: visible !important;
    column-gap: 8px !important;
    row-gap: 12px !important;
    font-size: 14px !important;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-payment td {
    min-height: 44px;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .priceInfo {
    gap: 2px;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .priceInfo li {
    min-height: 36px;
    padding: 6px 0;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .priceInfo strong {
    font-size: 17px;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-summary .pointInfo {
    display: block;
    width: 100%;
    margin-top: 2px;
    line-height: 1.55;
  }

  #contentArea.kookis-v31.simple-checkout-page .simple-checkout-actions {
    box-shadow: 0 -8px 22px rgba(24, 25, 28, .05);
  }
}

/* Keep the mobile quantity actions on one visual axis.
 * Narrow 320px screens retain the stacked layout with matching button sizes.
 */
@media (max-width: 767px) {
  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell {
    grid-template-rows: 44px 44px;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell .cartCntModify {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
  }
}

@media (min-width: 375px) and (max-width: 767px) {
  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell {
    grid-template-columns: 60px 116px minmax(0, 1fr) !important;
    grid-template-rows: 44px;
    gap: 6px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell::before {
    grid-column: 1;
    grid-row: 1;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell dl {
    width: 116px !important;
    grid-column: 2;
    grid-row: 1;
    grid-template-columns: 44px 72px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell dl dd:last-child {
    grid-template-columns: repeat(2, 36px) !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell dl dd:last-child a {
    width: 36px !important;
  }

  #contentArea.kookis-v31.simple-cart-page .tableProdList td.simple-quantity-cell .cartCntModify {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: 3;
    grid-row: 1;
    justify-self: stretch;
  }
}

/* Mobile page scrolling belongs to the root document.
 * The legacy body overflow-x rule otherwise promotes body to a second scroll
 * container and reserves an extra scrollbar gutter on long commerce pages.
 * Exclude the open drawer state so its existing background scroll lock remains.
 */
@media (max-width: 767px) {
  body.simple-live-body:not(.menu-open) {
    overflow: visible !important;
  }

  #contentArea.kookis-v31.simple-cart-page .simple-cart-primary > .btnCenter .prodDelBigBtn,
  #contentArea.kookis-v31.simple-cart-page .simple-cart-primary > .btnCenter .shoppingBigBtn {
    width: 100% !important;
    min-height: 48px !important;
    grid-column: auto !important;
  }
}

/* Mobile mypage navigation: grouped account actions replace the accumulated
 * desktop-tab and horizontal-chip rules from the legacy skin.
 */
@media (max-width: 1020px) {
  #contentArea.kookis-v31 .mypageSubNaviWrap {
    width: 100% !important;
    margin: 0 0 22px !important;
    overflow: visible !important;
  }

  #contentArea.kookis-v31 .mypageWrap .subNaviWrap {
    display: grid !important;
    width: 100% !important;
    padding: 0 !important;
    gap: 8px;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  #contentArea.kookis-v31 .mypageWrap .my_nav_tit,
  #contentArea.kookis-v31 .mypageWrap .nb_line {
    display: none !important;
  }

  #contentArea.kookis-v31 .mypageWrap > .mypageSubNaviWrap > .subNaviWrap > ul.myNav_1,
  #contentArea.kookis-v31 .mypageWrap > .mypageSubNaviWrap > .subNaviWrap > ul.myNav_3 {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px 8px !important;
    overflow: visible !important;
    border: 1px solid var(--simple-line) !important;
    border-radius: var(--simple-card-radius) !important;
    background: var(--simple-soft) !important;
    list-style: none !important;
  }

  #contentArea.kookis-v31 .mypageWrap > .mypageSubNaviWrap > .subNaviWrap > ul.myNav_1 > li,
  #contentArea.kookis-v31 .mypageWrap > .mypageSubNaviWrap > .subNaviWrap > ul.myNav_3 > li {
    display: block !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    flex: initial !important;
  }

  #contentArea.kookis-v31 .mypageWrap > .mypageSubNaviWrap > .subNaviWrap > ul > li.subNaviTitle {
    grid-column: 1 / -1 !important;
    padding: 0 2px 2px !important;
    border: 0 !important;
    color: var(--simple-ink) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    letter-spacing: -.02em !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  #contentArea.kookis-v31 .mypageWrap > .mypageSubNaviWrap > .subNaviWrap > ul > li > a {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 9px 11px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border: 1px solid #dfe0e4 !important;
    border-radius: var(--simple-control-radius) !important;
    background: #fff !important;
    color: #4f525a !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    text-indent: 0 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere;
    box-shadow: none !important;
  }

  #contentArea.kookis-v31 .mypageWrap .subNaviWrap a:hover,
  #contentArea.kookis-v31 .mypageWrap > .mypageSubNaviWrap > .subNaviWrap > ul > li.is-current > a,
  #contentArea.kookis-v31 .mypageWrap > .mypageSubNaviWrap > .subNaviWrap > ul > li > a[aria-current="page"] {
    border-color: rgba(152, 0, 27, .34) !important;
    background: #f9eef1 !important;
    color: var(--simple-accent) !important;
    font-weight: 850 !important;
  }
}

@media (min-width: 375px) and (max-width: 639px) {
  #contentArea.kookis-v31 .mypageWrap > .mypageSubNaviWrap > .subNaviWrap > ul.myNav_3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 640px) and (max-width: 1020px) {
  #contentArea.kookis-v31 .mypageWrap .subNaviWrap {
    grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) !important;
    align-items: stretch;
    gap: 10px;
  }

  #contentArea.kookis-v31 .mypageWrap > .mypageSubNaviWrap > .subNaviWrap > ul.myNav_1 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #contentArea.kookis-v31 .mypageWrap > .mypageSubNaviWrap > .subNaviWrap > ul.myNav_3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}