/* Compact auxiliary pages reuse the native forms and data inside the 640px column.
   These rules deliberately apply at every viewport width: a wide browser still has
   a narrow storefront. Load after the original service/member/contract styles. */
/* Page bodies already supply their own ending space. Do not add a white shell
   band between a member/service background and the common footer. */
.compact-site #ft.compact-footer { margin-top:0; }
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-member,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift,.mall-legacy-today,.mall-legacy-content,.mall-legacy-policy,.mall-legacy-provision,.mall-partner-contract,.mall-legacy-partner-reg-result) {
  width:100%; max-width:100%; min-width:0; margin:0; padding:28px 20px 44px;
  color:var(--compact-ink,#202125); font-size:13px; line-height:1.7; overflow-wrap:anywhere;
}
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-member,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift,.mall-partner-contract) {
  display:block; grid-template-columns:minmax(0,1fr); gap:0;
}
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-member,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift,.mall-partner-contract) #con_lf {
  display:block; float:none; width:100%; min-width:0; max-width:100%; margin:0; padding:0;
}
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift,.mall-legacy-content,.mall-legacy-policy,.mall-legacy-provision,.mall-legacy-partner-reg-result) .pg_tit {
  display:block; position:static; height:auto; margin:0 0 24px; padding:0; border:0; text-align:left;
}
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift,.mall-legacy-content,.mall-legacy-policy,.mall-legacy-provision,.mall-legacy-partner-reg-result) .pg_tit > span {
  display:block; margin:0; padding:0; color:#202125; font-size:24px; font-weight:700; line-height:1.5; letter-spacing:-.8px; text-align:left;
}
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift,.mall-legacy-content,.mall-legacy-policy,.mall-legacy-provision) .pg_nav {
  display:block; position:static; margin:9px 0 0; color:#89858a; font-size:10px; line-height:1.7; white-space:normal;
}
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift) .anc_tit {
  margin:26px 0 14px; padding:0; color:#353037; font-size:15px; font-weight:700; line-height:1.7; overflow-wrap:anywhere;
}
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift) .anc_tit::after { content:none; }

/* Native desktop side menus become a complete, wrapping navigation above the body. */
.compact-site .mall-native.mall-legacy :is(.mall-native-aside_my,.mall-native-aside_cs) {
  display:block; float:none; width:100%; max-width:100%; min-width:0; margin:0 0 26px; padding:0;
}
.compact-site .mall-native.mall-legacy :is(.mall-native-aside_my,.mall-native-aside_cs) #aside {
  float:none; width:100%; max-width:100%; min-width:0; margin:0; padding:0;
}
.compact-site .mall-native.mall-legacy #aside .aside_hd { display:none; }
.compact-site .mall-native.mall-legacy #aside .aside_name { margin:0; padding:0 0 8px; border:0; font-size:13px; }
.compact-site .mall-native.mall-legacy #aside .aside_bx { margin:0 0 10px; padding:0; border:0; background:none; list-style:none; }
.compact-site .mall-native.mall-legacy #aside .aside_bx li { display:flex; justify-content:space-between; gap:10px; color:#6f6570; font-size:11px; }
.compact-site .mall-native.mall-legacy #aside :is(.aside_cs,.aside_my) {
  display:flex; flex-wrap:wrap; gap:4px 16px; width:100%; margin:0; padding:10px 0; border:0; border-top:1px solid #e6e0e3; border-bottom:1px solid #e6e0e3; background:none;
}
.compact-site .mall-native.mall-legacy #aside .aside_cs :is(dt,dd),
.compact-site .mall-native.mall-legacy #aside .aside_my dd {
  float:none; flex:0 1 auto; width:auto; height:auto; min-width:0; margin:0; padding:0; border:0; background:none;
}
.compact-site .mall-native.mall-legacy #aside .aside_my dt { flex-basis:100%; width:100%; margin:6px 0 0; padding:0; border:0; color:#91828b; font-size:10px; }
.compact-site .mall-native.mall-legacy #aside .aside_cs dd { flex-basis:100%; }
.compact-site .mall-native.mall-legacy #aside .aside_cs dd ul { display:flex; flex-wrap:wrap; gap:2px 16px; width:100%; margin:0; padding:0; list-style:none; }
.compact-site .mall-native.mall-legacy #aside .aside_cs dd li { display:block; flex:0 1 auto; min-width:0; margin:0; padding:0; }
.compact-site .mall-native.mall-legacy #aside :is(.aside_cs,.aside_my) a.mall-menu-row,
.compact-site .mall-native.mall-legacy #aside .aside_cs dd a.mall-menu-row {
  display:flex!important; align-items:center; gap:6px; width:auto; min-height:44px; margin:0; padding:9px 0!important; border:0; background:none; color:#6f6570; font-size:12px; line-height:1.6; white-space:normal;
}
.compact-site .mall-native.mall-legacy #aside .mall-menu-row__icon { display:block; flex:0 0 15px; width:15px; height:15px; }
.compact-site .mall-native.mall-legacy #aside .mall-menu-row__caret { display:none; }
.compact-site .mall-native.mall-legacy #aside .mall-menu-row__label { min-width:0; white-space:normal; overflow-wrap:anywhere; }
.compact-site .mall-native.mall-legacy #aside a.mall-menu-row[aria-current=page] { color:var(--compact-accent,#7a263a); font-weight:700; }

/* Native record fields become vertical cards at every physical viewport width.
   The compact presenter supplies labels from the original table headers. */
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift) .tbl_wrap {
  width:100%; max-width:100%; min-width:0; margin:0; overflow-x:visible; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch;
}
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift) :is(.tbl_head01,.tbl_head02) > table {
  width:100%; min-width:0; max-width:100%; border-collapse:collapse; border-top:1px solid #353037;
}
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift) :is(.tbl_head01,.tbl_head02) :is(th,td) {
  height:auto; padding:14px 10px; border:0; border-bottom:1px solid #e9e4e7; background:#fff; color:#5f5660; font-size:12px; line-height:1.7; overflow-wrap:anywhere;
}
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift) :is(.tbl_head01,.tbl_head02) th { color:#81757e; font-weight:500; }
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift) :is(.tbl_head01,.tbl_head02) :is(.empty_list,.empty_table) { height:150px; text-align:center; }
.compact-site .mall-native.mall-legacy:is(.mall-legacy-mypage,.mall-legacy-orderinquiry) .ini_wrap table { width:100%; min-width:0; border:0; }
.compact-site .mall-native.mall-legacy:is(.mall-legacy-mypage,.mall-legacy-orderinquiry) .ini_wrap td { padding:0 7px 0 0; border:0; }
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift) .btn_confirm {
  display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin:24px 0 0; padding:0;
}
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift) :is(.btn_small,.btn_lsmall,.btn_medium,.btn_large) {
  display:inline-flex; align-items:center; justify-content:center; min-height:44px; height:auto; padding:9px 14px; border:1px solid #d9d0d6; border-radius:0; font-size:12px; line-height:1.6; text-align:center; white-space:normal;
}
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift) :is(.btn_confirm,.page_wrap) .wset { border-color:var(--compact-accent,#7a263a); background:var(--compact-accent,#7a263a); color:#fff!important; }
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-coupon) #tab_cate { width:100%; height:auto; margin:0 0 22px!important; padding:0; border:0; }
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-coupon) #tab_cate_ul { display:flex; flex-wrap:wrap; gap:8px; height:auto; margin:0; padding:0; border:0; }
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-coupon) #tab_cate_ul li { float:none; flex:0 1 auto; width:auto; margin:0; padding:0; border:0; }
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-coupon) #tab_cate_ul a { display:block; height:auto; min-height:44px; padding:12px; border:0; background:#f5f2f4; color:#736671; font-size:12px; line-height:1.6; }
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-coupon) #tab_cate_ul .active a { background:var(--compact-accent,#7a263a); color:#fff; }
.compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-coupon) #tab_cate_ul a::after { content:none; }

/* Service articles, FAQ, native writing/reply/attachment and CAPTCHA controls. */
.compact-site .mall-service.mall-native.mall-legacy .mall-native { min-width:0; max-width:100%; }
.compact-site .mall-service.mall-native.mall-legacy .mall-service.mall-native.mall-legacy { margin:0; padding:0; }
.compact-site .mall-service.mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02,.tbl03) { overflow-x:visible; }
.compact-site .mall-service.mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02,.tbl03) :is(table,tbody,tr,th,td) {
  display:block; width:100%; min-width:0; max-width:100%; height:auto; border:0; background:transparent; text-align:left;
}
.compact-site .mall-service.mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02,.tbl03) colgroup { display:none; }
.compact-site .mall-service.mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02,.tbl03) tr { padding:12px 0; border-bottom:1px solid #e9e4e7; }
.compact-site .mall-service.mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02,.tbl03) th { padding:0 0 8px; color:#736671; font-size:12px; line-height:1.7; }
.compact-site .mall-service.mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02,.tbl03) td { padding:0; font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.compact-site .mall-service.mall-native.mall-legacy :is(input[type=text],input[type=password],input[type=email],input[type=tel],input[type=file],select,textarea) { min-width:0; max-width:100%; }
.compact-site .mall-service.mall-native.mall-legacy :is(.frm_input,select) { height:44px; }
.compact-site .mall-service.mall-native.mall-legacy :is(.wfull,.frm_textbox) { width:100%; }
.compact-site .mall-service.mall-native.mall-legacy :is(textarea,.wr_txt,.faq_a,.qna_reply) { overflow-wrap:anywhere; }
.compact-site .mall-service.mall-native.mall-legacy .faq_q { min-height:64px; padding:19px 32px 19px 44px; font-size:13px; line-height:1.8; }
.compact-site .mall-service.mall-native.mall-legacy .faq_a { padding:20px 14px 20px 44px; font-size:13px; }
.compact-site .mall-service.mall-native.mall-legacy .faq_li :is(.faq_q,.faq_a)::before { left:14px; width:18px; }
.compact-site .mall-service.mall-native.mall-legacy .faq_li .faq_q::before { top:19px; }
.compact-site .mall-service.mall-native.mall-legacy .faq_li .faq_a::before { top:20px; }
.compact-site .mall-service.mall-native.mall-legacy .bottom_sch { gap:8px; margin:24px 0; }
.compact-site .mall-service.mall-native.mall-legacy .bottom_sch .frm_input { flex:1 1 100px; width:100px; min-width:0; }
.compact-site .mall-service.mall-native.mall-legacy .bottom_sch select { flex:0 1 120px; max-width:100%; }
.compact-site .mall-service.mall-native.mall-legacy .page_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; height:auto; margin:22px 0; }
.compact-site .mall-service.mall-native.mall-legacy .page_wrap :is(.lbt_box,.rbt_box) { position:static; display:flex; flex-wrap:wrap; gap:6px; }
.compact-site .mall-service.mall-native.mall-legacy :is(.del_box,table[width="400"]) { width:100%; max-width:100%; margin-inline:auto; }
.compact-site .mall-service.mall-native.mall-legacy :is(iframe,video,embed,object) { max-width:100%; }
.compact-site .mall-service.mall-native.mall-legacy :is(pre,blockquote) { max-width:100%; white-space:pre-wrap; overflow-wrap:anywhere; }
.compact-site .mall-service.mall-native.mall-legacy #captcha { display:flex; flex-wrap:wrap; align-items:center; gap:8px; width:100%; min-width:0; max-width:100%; margin:0; white-space:normal; }
.compact-site .mall-service.mall-native.mall-legacy #captcha :is(#captcha_img,audio) { max-width:100%; }
.compact-site .mall-service.mall-native.mall-legacy #captcha #captcha_key { width:110px; max-width:100%; min-height:44px; }
.compact-site .mall-service.mall-native.mall-legacy #captcha :is(#captcha_info,#captcha_desc) { flex-basis:100%; width:100%; white-space:normal; overflow-wrap:anywhere; }
.compact-site .mall-gallery,
.compact-site .mall-service.mall-native.mall-legacy .mall-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 14px; margin:18px 0 24px; }
.compact-site .mall-service.mall-native.mall-legacy .mall-gallery__title { margin-top:11px; font-size:14px; }
.compact-site .mall-service.mall-native.mall-legacy .mall-gallery__excerpt { font-size:12px; }

/* Login has only mall-member; the other native membership pages also carry the
   legacy classes. Both keep the selected 380px form on desktop viewports. */
.compact-site .mall-member,
.compact-site .mall-member.mall-native.mall-legacy { min-height:620px; padding:38px 20px 48px; background:#f5f4f5; }
.compact-site .mall-member { width:100%; max-width:100%; min-width:0; margin:0; }
.compact-site .mall-member.mall-native.mall-legacy > :not(script):not(style),
.compact-site .mall-member.mall-native.mall-legacy .mall-member__panel { width:100%; max-width:380px; margin-left:auto; margin-right:auto; }
.compact-site .mall-member.mall-native.mall-legacy #con_lf { max-width:380px; margin-inline:auto; }
.compact-site .mall-member.mall-native.mall-legacy .mall-member__title { margin-bottom:28px; }
.compact-site .mall-member.mall-native.mall-legacy :is(.mall-member__title h1,.pg_tit > span,#mb_confirm h1) { font-size:27px; line-height:1.5; }
.compact-site .mall-member .mall-member__tabs button { min-height:44px; height:auto; }
.compact-site .mall-member.mall-native.mall-legacy :is(#fregisterform,#fleaveform) :is(th,td,label,.frm_info,.agree_txt) { white-space:normal; overflow-wrap:anywhere; }
.compact-site .mall-member.mall-native.mall-legacy :is(#fregisterform,#fleaveform) :is(.frm_input,select),
.compact-site .mall-member .mall-member__fields input { min-height:44px; }
.compact-site .mall-member.mall-native.mall-legacy #aside { width:100%; }
.compact-site .mall-member.mall-native.mall-legacy .mall-member__links { flex-wrap:wrap; align-items:flex-start; gap:8px 14px; font-size:11px; }
.compact-site .mall-member.mall-native.mall-legacy .mall-member__links a { display:inline-flex; align-items:center; min-height:36px; }
.compact-site .mall-member.mall-native.mall-legacy .cd-card { width:100%; min-width:0; max-width:100%; }
.compact-site .mall-member.mall-native.mall-legacy :is(.sns-wrap a.social_link,.sns-wrap-reg a.social_link) { white-space:normal; overflow-wrap:anywhere; }
.compact-site .mall-member.mall-native.mall-legacy #member_cert_refresh_private > div { padding:0; background:none; }
.compact-site .mall-member.mall-native.mall-legacy #member_cert_refresh_private table { width:100%; min-width:0; table-layout:fixed; border-collapse:collapse; }
.compact-site .mall-member.mall-native.mall-legacy #member_cert_refresh_private :is(th,td) { display:table-cell; width:33.33%; padding:10px 7px; border:1px solid #ded8de; font-size:11px; line-height:1.8; overflow-wrap:anywhere; }
.compact-site .mall-member.mall-native.mall-legacy .member_cert_refresh_agree { display:flex; align-items:flex-start; gap:8px; position:static; margin:14px 0 24px; padding:0; border:0; }
.compact-site .mall-member.mall-native.mall-legacy .member_cert_refresh_agree input[type=checkbox] { position:static; inset:auto; flex:0 0 16px; width:16px; height:16px; margin:3px 0 0; opacity:1; z-index:auto; overflow:visible; appearance:auto; }
.compact-site .mall-member.mall-native.mall-legacy .member_cert_refresh_agree label { display:block; min-width:0; color:#625360; font-size:12px; line-height:1.8; }
.compact-site .mall-member.mall-native.mall-legacy .member_cert_refresh_agree label > span { display:none; }
.compact-site .mall-member.mall-native.mall-legacy .member_cert_refresh_agree label .sound_only { position:static!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; overflow:visible!important; clip:auto!important; font-size:inherit!important; line-height:inherit!important; white-space:normal!important; }

/* Recent products stay two columns, including in the wide browser's centre. */
.compact-site .mall-native.mall-legacy.mall-legacy-today { padding:0; }
.compact-site .mall-native.mall-legacy #sod_ws.mall-recent { width:100%; min-width:0; padding:28px 20px 40px; min-height:420px; }
.compact-site .mall-recent .mall-recent__heading { display:block; margin-bottom:28px; }
.compact-site .mall-recent .mall-recent__heading h1 { font-size:24px; }
.compact-site .mall-recent .mall-recent__breadcrumb { margin-top:10px; white-space:normal; }
.compact-site .mall-recent .mall-recent__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 14px; }
.compact-site .mall-recent .mall-recent__info { padding-top:12px; }
.compact-site .mall-recent .mall-recent__card h2 { font-size:14px; }
.compact-site .mall-recent .mall-recent__summary { font-size:11px; }
.compact-site .mall-recent .mall-recent__clear { min-height:44px; }

/* Account overview values stay readable; rowspanned order tables above remain intact. */
.compact-site .mall-legacy-mypage.mall-native.mall-legacy #smb_my_act ul { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; float:none; }
.compact-site .mall-legacy-mypage.mall-native.mall-legacy #smb_my_act li { float:none; margin:0; }
.compact-site .mall-legacy-mypage.mall-native.mall-legacy #smb_my_tbl { display:block; width:100%; border-top:1px solid #dfd7dd; }
.compact-site .mall-legacy-mypage.mall-native.mall-legacy #smb_my_tbl tbody { display:block; width:100%; }
.compact-site .mall-legacy-mypage.mall-native.mall-legacy #smb_my_tbl tr { display:grid; grid-template-columns:90px minmax(0,1fr); width:100%; }
.compact-site .mall-legacy-mypage.mall-native.mall-legacy #smb_my_tbl :is(th,td) { display:block; width:auto; min-width:0; padding:11px 10px; border-bottom:1px solid #e9e4e7; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.compact-site .mall-legacy-mypage.mall-native.mall-legacy #smb_my_tbl th { background:#f6f3f5; color:#81717d; font-weight:400; }
.compact-site .mall-legacy-mypage.mall-native.mall-legacy #smb_my { margin:0; }
.compact-site .mall-legacy-mypage.mall-native.mall-legacy #smb_my_ov dl { display:grid; grid-template-columns:90px minmax(0,1fr); border-color:#e9e4e7; }
.compact-site .mall-legacy-mypage.mall-native.mall-legacy #smb_my_ov :is(dt,dd) { float:none; width:auto; min-width:0; height:auto; min-height:40px; margin:0; padding:10px; border-color:#e9e4e7; font-size:12px; line-height:1.8; text-indent:0; overflow-wrap:anywhere; }
.compact-site .mall-legacy-mypage.mall-native.mall-legacy #sod_inquiry li .inquiry_inv { position:static; padding:0 10px 12px; text-align:left; color:var(--compact-accent,#7a263a); }
.compact-site .mall-legacy-mypage.mall-native.mall-legacy #smb_my_wish .wish_info { height:auto; min-height:36px; line-height:1.7; overflow-wrap:anywhere; }
.compact-site .mall-legacy-wish.mall-native.mall-legacy #sod_ws { padding:0; }
.compact-site .mall-legacy-wish.mall-native.mall-legacy #sod_ws .ws_wrap td.wish_info { padding-bottom:58px; }
.compact-site .mall-legacy-wish.mall-native.mall-legacy #sod_ws .wish_gname { line-height:1.8; overflow-wrap:anywhere; }
.compact-site .mall-legacy-gift.mall-native.mall-legacy .cp_txt_bx { max-width:100%; height:auto; padding:16px 10px; line-height:1.9; overflow-wrap:anywhere; }
.compact-site .mall-legacy-gift.mall-native.mall-legacy .cp_txt_bx:has(.frm_cp) { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px 3px; }
.compact-site .mall-legacy-gift.mall-native.mall-legacy .frm_cp { width:calc((100% - 42px)/4); max-width:88px; min-width:0; min-height:44px; padding-inline:3px; font-size:13px; }
.compact-site .mall-legacy-gift.mall-native.mall-legacy .top_sch form { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; }
.compact-site .mall-legacy-gift.mall-native.mall-legacy .top_sch :is(.fl,.fr) { float:none; max-width:100%; }

/* The contract keeps complete terms, both parties, native signature and payment fields. */
.compact-site .mall-native.mall-legacy.mall-partner-contract { padding:20px 14px 36px; background:#f4f3f1; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform { width:100%; max-width:100%; margin:0; padding:26px 20px; box-shadow:none; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__header { flex-wrap:wrap; gap:12px; padding-bottom:22px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__header h2 { font-size:25px; line-height:1.5; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__meta { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:6px 12px; width:100%; margin:0; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__status { margin:0; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__jumps { gap:8px 16px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__jumps a { display:inline-flex; align-items:center; min-height:36px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__summary { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:28px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__summary > div { padding:13px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__summary > div:nth-child(3) { border-left:0; border-top:1px solid var(--contract-line); }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__summary > div:nth-child(4) { border-top:1px solid var(--contract-line); }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__section { margin-top:28px; scroll-margin-top:130px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__section-heading { flex-wrap:wrap; gap:9px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__section-heading h3 { font-size:16px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform :is(.mall-contract__terms,.mall-contract__parties,.mall-contract__bank-fields,.mall-contract__payment) { grid-template-columns:minmax(0,1fr); gap:16px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__terms textarea { height:210px; padding:14px; font-size:12px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .fpartnerform_agree { min-height:0; padding:13px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .fpartnerform_agree label { min-width:0; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__party dl > div { grid-template-columns:76px minmax(0,1fr); gap:8px; font-size:12px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__party dt { font-size:11px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform :is(.mall-contract__signature,.mall-contract__company-sign,.mall-contract__mobile-confirm) { margin-right:17px; margin-left:17px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__company-sign { min-height:118px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform #clear { min-height:44px; padding:8px 0 8px 8px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform #sign { width:100%; height:120px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform #sign canvas { display:block; max-width:100%; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__detail-row { gap:12px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__detail-row > span { width:65px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__detail-row label { white-space:normal; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__sms :is(input,button) { min-height:44px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__captcha { padding:14px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform #captcha { display:flex; flex-wrap:wrap; align-items:center; gap:8px; width:100%; min-width:0; white-space:normal; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform #captcha :is(#captcha_img,audio) { max-width:100%; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform #captcha #captcha_key { min-height:44px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform #captcha :is(#captcha_info,#captcha_desc) { flex-basis:100%; width:100%; white-space:normal; overflow-wrap:anywhere; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .btn_confirm { display:flex; flex-wrap:wrap; gap:8px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .btn_confirm :is(a,input) { min-width:0; padding-inline:18px; }
.compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .btn_confirm #btn_submit { flex:1 1 180px; min-width:0; }

/* Controller popups have no storefront shell. Keep their native opener/return
   contracts, forms and close links, using the popup's own available width. */
.compact-site.compact-popup { width:100%; min-width:0; max-width:640px; min-height:100vh; margin:0 auto; background:#fff; }
.compact-site.compact-popup > .mall-native.mall-legacy { display:block; width:100%; max-width:100%; min-width:0; margin:0; padding:24px 20px 32px; }
.compact-site.compact-popup .mall-native.mall-legacy .new_win { width:100%; max-width:100%; min-width:0; margin:0; padding:0; }
.compact-site.compact-popup .mall-native.mall-legacy #win_title { margin:0 0 22px; padding:0 0 18px; border:0; border-bottom:1px solid #e4dce1; background:none; color:#272229; font-size:22px; line-height:1.5; overflow-wrap:anywhere; }
.compact-site.compact-popup .mall-native.mall-legacy .pop_title { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin:0 0 22px; padding:0 0 18px; border-bottom:1px solid #e4dce1; line-height:1.6; }
.compact-site.compact-popup .mall-native.mall-legacy .pop_title .btn_small { position:static; }
.compact-site.compact-popup .mall-native.mall-legacy #sit_review { width:100%; min-width:0; margin:0; padding:0; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.win_desc,.tbl_wrap) { width:100%; max-width:100%; min-width:0; margin:0 0 20px; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) { overflow-x:auto; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table { width:100%; min-width:420px; max-width:none; border-collapse:collapse; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) :is(th,td) { height:auto; padding:12px 8px; border:0; border-bottom:1px solid #e9e4e7; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02) { overflow:visible; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02) :is(table,tbody,tr,th,td) { display:block; width:100%; min-width:0; max-width:100%; height:auto; border:0; background:none; text-align:left; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02) colgroup { display:none; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02) tr { padding:12px 0; border-bottom:1px solid #e9e4e7; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02) th { padding:0 0 8px; color:#81717d; font-size:12px; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02) td { padding:0; font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.frm_input,select,textarea,input[type=file]) { width:100%; min-width:0; max-width:100%; border-radius:0; font:inherit; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.frm_input,select) { min-height:44px; padding:8px 10px; border:1px solid #d9d0d6; background:#fff; color:#403641; }
.compact-site.compact-popup .mall-native.mall-legacy textarea { min-height:180px; padding:12px; border:1px solid #d9d0d6; line-height:1.8; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.win_btn,.btn_confirm) { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin:24px 0 0; padding:0; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.btn_small,.btn_lsmall,.btn_medium,.btn_large) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; height:auto; margin:0; padding:9px 14px; border:1px solid #d9d0d6; border-radius:0; font-size:12px; line-height:1.6; white-space:normal; }
.compact-site.compact-popup .mall-native.mall-legacy .apply_cmd { max-width:calc(100vw - 24px); max-height:calc(100vh - 24px); padding:10px; overflow:auto; border:1px solid #d9d0d6; box-shadow:0 6px 24px #2722291a; }
.compact-site.compact-popup .mall-native.mall-legacy .apply_cmd table { max-width:100%; min-width:0; }
.compact-site.compact-popup .mall-native.mall-legacy .apply_cmd > table { width:306px; max-width:none; }
.compact-site.compact-popup .mall-native.mall-legacy .apply_cmd img[usemap] { width:306px; max-width:none; }
.compact-site.compact-popup .mall-native.mall-legacy .apply_cmd .tbl_head02 { overflow-x:auto; }
.compact-site.compact-popup .mall-native.mall-legacy .apply_cmd .tbl_head02 > table { min-width:260px; }
.compact-site.compact-popup .mall-legacy-coupon-goods .win_desc:has(> table) { overflow-x:auto; }
.compact-site.compact-popup .mall-legacy-coupon-goods .win_desc > table { min-width:720px; }

@media(max-width:380px) {
  .compact-site .mall-native.mall-legacy:is(.mall-service,.mall-legacy-mypage,.mall-legacy-wish,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview,.mall-legacy-point,.mall-legacy-coupon,.mall-legacy-gift) { padding-right:16px; padding-left:16px; }
  .compact-site .mall-native.mall-legacy #sod_ws.mall-recent { padding-right:16px; padding-left:16px; }
  .compact-site .mall-recent .mall-recent__grid { gap:26px 11px; }
  .compact-site .mall-recent .mall-recent__card h2 { font-size:12px; }
  .compact-site .mall-recent .mall-recent__price strong { font-size:15px; }
  .compact-site .mall-native.mall-legacy.mall-partner-contract { padding-right:10px; padding-left:10px; }
  .compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform { padding:22px 14px; }
  .compact-site .mall-native.mall-legacy.mall-partner-contract #fpartnerform .mall-contract__party dl > div { grid-template-columns:62px minmax(0,1fr); }
}

/* One mobile presentation for records. No viewport query enables a desktop
   table, and no native input, action, form or row is moved by the presenter. */
.compact-site .compact-page-nav { display:block; width:100%; max-width:100%; margin:0 0 24px; padding:0; border-bottom:1px solid #e6e0e3; }
.compact-site .compact-page-nav > summary { display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:10px 0; color:#443842; font-size:13px; font-weight:650; cursor:pointer; list-style:none; }
.compact-site .compact-page-nav > summary::after { content:"＋"; font-size:20px; font-weight:400; }
.compact-site .compact-page-nav[open] > summary::after { content:"−"; }
.compact-site .compact-page-nav > summary::-webkit-details-marker { display:none; }
.compact-site .compact-page-nav > summary:focus { outline:none; }
.compact-site .compact-page-nav > summary:focus-visible { box-shadow:inset 0 -2px #716970; }
.compact-site .compact-page-nav .mall-native { width:100%; max-width:100%; margin:0; padding:0; }
.compact-site .compact-page-nav #aside { width:100%; max-width:100%; float:none; }
.compact-site .compact-page-nav .mall-native-aside_cs,
.compact-site .compact-page-nav .mall-native-aside_my { margin:0 0 16px; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02):has(> .compact-records) { overflow:visible; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records { display:block; width:100%; min-width:0; max-width:100%; margin:0; border:0; table-layout:auto; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > colgroup { display:none; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > thead { display:block; position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > thead:has(.compact-records__head-control) { display:block; position:static; width:100%; height:auto; margin:0 0 12px; overflow:visible; clip:auto; white-space:normal; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > thead:has(.compact-records__head-control) > tr { display:block; padding:0; border:0; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > thead:has(.compact-records__head-control) th { display:none; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > thead:has(.compact-records__head-control) th.compact-records__head-control { display:flex; align-items:center; gap:8px; width:100%; min-height:44px; padding:0; border:0; background:none; font-size:13px; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > thead .compact-records__head-control .sound_only { position:static!important; width:auto!important; height:auto!important; overflow:visible!important; clip:auto!important; font-size:inherit!important; line-height:inherit!important; white-space:normal!important; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody,
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tfoot { display:block; width:100%; }
.compact-site .mall-native.mall-legacy-wish :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody { padding-top:12px; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > :is(tbody,tfoot) > tr { display:grid; grid-template-columns:minmax(0,1fr); gap:8px 12px; width:100%; margin:0 0 16px; padding:18px 16px; border:1px solid #e6e0e3; border-radius:8px; background:#fff; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > :is(tbody,tfoot) > tr > :is(th,td) { display:block; grid-column:auto; grid-row:auto; width:auto; min-width:0; height:auto; margin:0; padding:0; border:0; background:none; color:#4b414a; font-size:13px; line-height:1.8; text-align:left!important; white-space:normal; overflow-wrap:anywhere; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > :is(tbody,tfoot) > tr > [data-compact-label]::before { content:attr(data-compact-label) "  "; display:inline; margin-right:8px; color:#8b7e87; font-size:12px; font-weight:400; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody > tr > :is(.compact-field--title,.compact-field--wide) { grid-column:1/-1; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody > tr > .compact-field--title { order:-1; color:#282329; font-size:14px; font-weight:600; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody > tr > :is(.compact-field--image,.compact-field--title,.compact-field--select)::before { content:none; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody > tr:has(> .compact-field--image) { grid-template-columns:80px minmax(0,1fr); align-items:start; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody > tr:has(> .compact-field--image) > td { grid-column:2; grid-row:auto; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody > tr:has(> .compact-field--image) > .compact-field--image { grid-column:1; grid-row:1/4; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody > tr:has(> .compact-field--select) { grid-template-columns:24px 72px minmax(0,1fr); }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody > tr:has(> .compact-field--select) > td { grid-column:2/-1; grid-row:auto; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody > tr:has(> .compact-field--select) > .compact-field--select { grid-column:1; grid-row:1; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody > tr:has(> .compact-field--select) > .compact-field--image { grid-column:2; grid-row:1/3; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody > tr:has(> .compact-field--select) > .compact-field--title { grid-column:3; grid-row:1/3; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody > tr > .compact-field--image img { display:block; width:100%; max-width:80px; height:auto; aspect-ratio:1; object-fit:cover; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody > tr > :is(.empty_list,.empty_table) { grid-column:1/-1; padding:28px 0; text-align:center; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records > tbody > tr.compact-records__group { margin-bottom:0; padding:14px 16px; border-bottom:0; border-radius:8px 8px 0 0; background:#f8f5f7; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records .ini_wrap :is(table,tbody,tr) { display:block; width:100%!important; min-width:0; border:0; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records .ini_wrap tr { display:grid; grid-template-columns:64px minmax(0,1fr); gap:12px; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records .ini_wrap td { display:block; width:auto; min-width:0; margin:0; padding:0; border:0; font-size:13px; line-height:1.8; text-align:left!important; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records .ini_wrap img { width:64px; max-width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.compact-site .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table.compact-records :is(.btn_small,.btn_ssmall,.btn_lsmall) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 12px; line-height:1.6; white-space:normal; }

/* PC order receipt and cart summaries become full-width mobile sections. */
.compact-site .mall-native.mall-legacy-orderinquiryview :is(.tbl_frm01,.tbl_frm02) { overflow:visible; }
.compact-site .mall-native.mall-legacy-orderinquiryview :is(.tbl_frm01,.tbl_frm02) :is(table,tbody,tr,th,td) { display:block; width:100%; min-width:0; height:auto; border:0; background:none; text-align:left; }
.compact-site .mall-native.mall-legacy-orderinquiryview :is(.tbl_frm01,.tbl_frm02) colgroup { display:none; }
.compact-site .mall-native.mall-legacy-orderinquiryview :is(.tbl_frm01,.tbl_frm02) tr { padding:12px 0; border-bottom:1px solid #e9e4e7; }
.compact-site .mall-native.mall-legacy-orderinquiryview :is(.tbl_frm01,.tbl_frm02) th { padding:0 0 7px; color:#8b7e87; font-size:12px; }
.compact-site .mall-native.mall-legacy-orderinquiryview :is(.tbl_frm01,.tbl_frm02) td { padding:0; font-size:14px; line-height:1.8; overflow-wrap:anywhere; }
.compact-site .mall-native.mall-legacy-orderinquiryview :is(#sod_ws_tot,#sod_bsk_tot) { display:grid; grid-template-columns:minmax(0,1fr) auto; width:100%; margin:24px 0; padding:12px 16px; border:1px solid #e6e0e3; border-radius:8px; }
.compact-site .mall-native.mall-legacy-orderinquiryview :is(#sod_ws_tot,#sod_bsk_tot) :is(dt,dd) { float:none; width:auto; min-width:0; margin:0; padding:10px 0; border:0; font-size:13px; line-height:1.8; }
.compact-site .mall-native.mall-legacy-orderinquiryview :is(#sod_ws_tot .ws_price,#sod_bsk_tot .sod_bsk_cnt) { background:none; color:var(--compact-accent,#902d3e); font-weight:700; }
.compact-site .mall-native.mall-legacy-cart #sod_bsk_tot > table,
.compact-site .mall-native.mall-legacy-cart #sod_bsk_tot > table > tbody,
.compact-site .mall-native.mall-legacy-cart #sod_bsk_tot > table > tbody > tr,
.compact-site .mall-native.mall-legacy-cart #sod_bsk_tot > table > tbody > tr > td { display:block; width:100%; min-width:0; padding:0; }
.compact-site .mall-native.mall-legacy-cart #sod_bsk_tot .tbl_frm01 > table { display:block; width:100%; min-width:0; }
.compact-site .mall-native.mall-legacy-cart #sod_bsk_tot .tbl_frm01 colgroup { display:none; }
.compact-site .mall-native.mall-legacy-cart #sod_bsk_tot .tbl_frm01 :is(tbody,tr) { display:block; width:100%; }
.compact-site .mall-native.mall-legacy-cart #sod_bsk_tot .tbl_frm01 tr { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 10px; padding:10px 0; border-bottom:1px solid #e9e4e7; }
.compact-site .mall-native.mall-legacy-cart #sod_bsk_tot .tbl_frm01 :is(th,td) { display:block; width:auto; min-width:0; margin:0; padding:0; border:0; background:none; font-size:13px; line-height:1.8; text-align:left; }
.compact-site .mall-native.mall-legacy-cart #sod_bsk_tot .tbl_frm01 tr > :last-child { margin-left:auto; text-align:right; }
.compact-site .mall-native.mall-legacy-cart #sod_bsk_btn { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; height:auto; }
.compact-site .mall-native.mall-legacy-cart #sod_bsk_btn :is(.palt,.part) { position:static; }
.compact-site .mall-native.mall-legacy-cart #sod_bsk_btn button { min-height:44px; padding:10px 12px; }
.compact-site .mall-native.mall-legacy-cart #mod_option_frm { position:relative; inset:auto; width:100%; max-width:100%; min-width:0; margin:12px 0 0; }
.compact-site .mall-native.mall-legacy-cart .btn_confirm { flex-direction:column; align-items:stretch; }
.compact-site .mall-native.mall-legacy-cart .btn_confirm :is(a,button) { width:100%; }
.compact-site .mall-legacy-point #point_ul { margin:0; padding:0; list-style:none; }
.compact-site .mall-legacy-point #point_ul > li { margin:0 0 16px; padding:16px; border:1px solid #e6e0e3; border-radius:8px; }
.compact-site .mall-legacy-point :is(.point_wrap01,.point_wrap02) { display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; width:100%; }
.compact-site .mall-legacy-point .point_log { flex-basis:100%; font-size:14px; line-height:1.8; }
.compact-site .mall-legacy-point :is(.point_date,.point_expdate) { color:#8b7e87; font-size:12px; }
.compact-site .mall-legacy-point #point_sum { display:block; padding:14px 16px; background:#f8f5f7; }
.compact-site .mall-legacy-point #point_sum .sum_row { display:flex; justify-content:space-between; gap:12px; padding:8px 0; }
.compact-site .mall-legacy-coupon .my_list .my_box,
.compact-site .mall-legacy-coupon .my_list .my_box > tbody { display:block; width:100%; min-width:0; }
.compact-site .mall-legacy-coupon .my_list .my_box colgroup { display:none; }
.compact-site .mall-legacy-coupon .my_list .my_box > tbody > tr { display:flex; flex-wrap:wrap; width:100%; }
.compact-site .mall-legacy-coupon .my_list .my_box > tbody > tr > td { display:block; width:100%; max-width:100%; }
.compact-site.compact-popup .mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) > table:not(.compact-records) { min-width:0; max-width:100%; }
.compact-site.compact-popup .mall-legacy-coupon-goods .win_desc:has(> table) { overflow:visible; }
.compact-site.compact-popup .mall-legacy-coupon-goods .win_desc > table { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; width:100%; min-width:0; }
.compact-site.compact-popup .mall-legacy-coupon-goods .win_desc > table > tbody,
.compact-site.compact-popup .mall-legacy-coupon-goods .win_desc > table > tbody > tr { display:contents; }
.compact-site.compact-popup .mall-legacy-coupon-goods .win_desc > table > tbody > tr > td { display:block; width:100%; min-width:0; padding:0; }
.compact-site.compact-popup .mall-legacy-coupon-goods .win_desc > table > tbody > tr > td[height="1"] { display:none; }
.compact-site.compact-popup .mall-legacy-coupon-goods table.w140 { width:100%; max-width:100%; }
.compact-site.compact-popup .mall-legacy-coupon-goods table.w140 img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }

/* Inquiry cards use three visual groups instead of one line per old column. */
.compact-site .mall-native.mall-legacy.mall-legacy-qna-list table.compact-records > tbody > tr:not(.sod_qa_con) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 12px; padding:14px 16px; margin-bottom:12px; }
.compact-site .mall-native.mall-legacy.mall-legacy-qna-list table.compact-records > tbody > tr:not(.sod_qa_con) > td { grid-column:auto; grid-row:auto; font-size:12px; line-height:1.7; }
.compact-site .mall-native.mall-legacy.mall-legacy-qna-list table.compact-records > tbody > tr:not(.sod_qa_con) > td:nth-child(3) { grid-column:1/-1; grid-row:1; margin-bottom:4px; font-size:14px; line-height:1.6; }
.compact-site .mall-native.mall-legacy.mall-legacy-qna-list table.compact-records > tbody > tr:not(.sod_qa_con) > td:nth-child(4) { grid-column:1; grid-row:2; }
.compact-site .mall-native.mall-legacy.mall-legacy-qna-list table.compact-records > tbody > tr:not(.sod_qa_con) > td:nth-child(5) { grid-column:2; grid-row:2; }
.compact-site .mall-native.mall-legacy.mall-legacy-qna-list table.compact-records > tbody > tr:not(.sod_qa_con) > td:nth-child(1) { grid-column:1; grid-row:3; }
.compact-site .mall-native.mall-legacy.mall-legacy-qna-list table.compact-records > tbody > tr:not(.sod_qa_con) > td:nth-child(2) { grid-column:2; grid-row:3; }
.compact-site .mall-native.mall-legacy.mall-legacy-qna-list table.compact-records > tbody > tr:not(.sod_qa_con) > td:nth-child(6) { display:flex; align-items:center; flex-wrap:wrap; gap:8px; grid-column:1/-1; grid-row:4; min-height:44px; margin-top:4px; }
.compact-site .mall-native.mall-legacy.mall-legacy-qna-list table.compact-records > tbody > tr:not(.sod_qa_con) > td:nth-child(6) > a { display:inline-flex; align-items:center; min-height:44px; }

/* The cart keeps a short image/title row, nearby quantity/subtotal, and a
   three-column fee summary. The native option button remains 44px high. */
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records > tbody > tr { grid-template-columns:24px 72px minmax(0,1fr); gap:8px 12px; padding:16px 14px; }
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records > tbody > tr > td { grid-column:auto; grid-row:auto; align-self:start; line-height:1.6; }
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records > tbody > tr > td:nth-child(1) { grid-column:1; grid-row:1; }
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records > tbody > tr > td:nth-child(2) { grid-column:2; grid-row:1/3; }
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records > tbody > tr > td:nth-child(3) { grid-column:3; grid-row:1/3; }
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records > tbody > tr > td:nth-child(4) { grid-column:2; grid-row:3; font-size:13px; }
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records > tbody > tr > td:nth-child(6) { grid-column:3; grid-row:3; color:var(--compact-accent,#7a263a); font-size:16px; font-weight:700; }
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records > tbody > tr > :is(td:nth-child(5),td:nth-child(7),td:nth-child(8)) { grid-column:2/-1; grid-row:4; width:calc((100% - 16px)/3); padding-top:10px; border-top:1px solid #eee7eb; font-size:12px; }
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records > tbody > tr > td:nth-child(5) { justify-self:start; }
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records > tbody > tr > td:nth-child(7) { justify-self:center; }
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records > tbody > tr > td:nth-child(8) { justify-self:end; }
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records > tbody > tr > :is(td:nth-child(5),td:nth-child(7),td:nth-child(8))::before { display:block; margin:0 0 2px; font-size:11px; }
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records .sod_opt { margin:3px 0 0; font-size:12px; line-height:1.6; }
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records .sod_option_btn { margin:7px 0 0; }
.compact-site .mall-native.mall-legacy.mall-legacy-cart table.compact-records .sod_option_btn button { min-height:44px; }

/* An order date and its print/detail action share one compact group header. */
.compact-site .mall-native.mall-legacy:is(.mall-legacy-mypage,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview) table.compact-records > tbody > tr.compact-records__group { padding:8px 14px; }
.compact-site .mall-native.mall-legacy:is(.mall-legacy-mypage,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview) table.compact-records > tbody > tr.compact-records__group > td { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:8px 12px; min-height:44px; }
.compact-site .mall-native.mall-legacy:is(.mall-legacy-mypage,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview) table.compact-records > tbody > tr.compact-records__group > td > p { margin:0; padding:0!important; }
.compact-site .mall-native.mall-legacy:is(.mall-legacy-mypage,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview) table.compact-records > tbody > tr.compact-records__group > td > p:last-child { margin-left:auto; }
.compact-site .mall-native.mall-legacy:is(.mall-legacy-mypage,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview) table.compact-records > tbody > tr.rows { gap:6px 12px; padding:14px; }
.compact-site .mall-native.mall-legacy:is(.mall-legacy-mypage,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview) table.compact-records > tbody > tr.rows > td:nth-child(3) { display:flex; align-items:center; flex-wrap:wrap; gap:4px 12px; }
.compact-site .mall-native.mall-legacy:is(.mall-legacy-mypage,.mall-legacy-orderinquiry,.mall-legacy-orderinquiryview) table.compact-records > tbody > tr.rows > td:nth-child(3) > p { display:inline-block; margin:0; padding:0!important; font-size:12px; line-height:1.5; }