/* ITDA V21 mobile commerce typography and 2.5-card rail — 2026-11-04.
   Scoped to mobile; no price/discount/order or referral business logic changes. */
:root{--itda-v21-type:"Pretendard Variable","Pretendard","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif}
.itda-v21-pc-brand{display:flex;align-items:center;min-width:0}
.itda-v21-pc-brand>a{display:flex;align-items:center}
.itda-v21-pc-brand img{display:block;object-fit:contain;object-position:left center;width:auto;max-width:190px;max-height:64px}
.itda-v21-brand{display:flex;min-width:0;align-items:center}
.itda-v21-brand a{display:flex;align-items:center;max-width:100%}
.itda-v21-brand img{display:block;object-fit:contain;object-position:left center;width:auto;max-width:120px;max-height:45px}
@media(max-width:767px){
  /* One readable Korean font family, consistent across home/header/catalog. */
  body,button,input,select,textarea,#container,
  .itda-v11-mobile-header,.itda-v11-mobile-header *,
  .itda-v11-home,.itda-v11-home *,
  .itda-v8-collections,.itda-v8-collections *,
  .pr_desc,.pr_desc *,.itda-v21-pc-brand,.itda-v21-brand{
    font-family:var(--itda-v21-type)!important
  }
  .itda-v11-mobile-header{padding:10px 13px 11px!important}
  .itda-v11-mobile-top{min-height:45px!important;gap:7px}
  .itda-v11-mobile-top>a{font-size:30px!important}
  .itda-v11-mobile-top>div{gap:8px!important;flex-wrap:nowrap;min-width:0}
  .itda-v11-mobile-top>div a{font-size:12px!important;font-weight:750!important;white-space:nowrap}
  .itda-v11-mobile-header form{height:48px!important;border-radius:24px!important;margin:8px 0 10px!important}
  .itda-v11-mobile-header form input{font-size:15px!important;line-height:1.4!important;padding:0 16px!important}
  .itda-v11-mobile-header form button{width:45px!important;height:45px!important}
  .itda-v11-mobile-cats{gap:17px!important;padding-bottom:3px}
  .itda-v11-mobile-cats a{font-size:14px!important;line-height:1.35!important;font-weight:760!important;padding:7px 0!important;white-space:nowrap}
  .itda-v11-showcases{gap:16px!important}
  .itda-v11-showcase{overflow:hidden!important;border-radius:14px!important}
  .itda-v11-showcase-head{min-height:49px!important;padding:11px 14px!important}
  .itda-v11-showcase-head h2{font-size:20px!important;line-height:1.25!important;font-weight:850!important}
  .itda-v11-showcase-head a{font-size:13px!important;font-weight:750!important}
  /* 2 full cards and a glimpse of the third; horizontal swipe/scroll. */
  .itda-v11-showcase-grid{
    display:flex!important;grid-template-columns:none!important;align-items:stretch!important;
    gap:12px!important;padding:12px 13px 17px!important;margin:0!important;
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none
  }
  .itda-v11-showcase-grid::-webkit-scrollbar{display:none}
  .itda-v11-showcase-grid>.itda-v11-card{
    flex:0 0 calc(100% / 2.5)!important;width:calc(100% / 2.5)!important;
    min-width:0!important;max-width:none!important;scroll-snap-align:start;
    overflow:visible!important;box-sizing:border-box!important
  }
  .itda-v11-card-img{border-radius:11px!important}
  .itda-v11-card-name{
    font-size:15px!important;line-height:1.4!important;font-weight:750!important;
    margin:9px 0 4px!important;min-height:40px!important;
    letter-spacing:-.025em!important;word-break:keep-all;overflow-wrap:anywhere
  }
  .itda-v11-retail{font-size:12px!important;margin:3px 0!important;line-height:1.3!important}
  .itda-v11-sale{display:flex!important;flex-wrap:wrap!important;gap:5px!important;align-items:center!important;margin-top:3px!important}
  .itda-v11-sale strong{font-size:18px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:-.04em!important}
  .itda-v11-sale em{font-size:11px!important;padding:3px 5px!important;line-height:1.25!important}
  .itda-v11-sale>a{font-size:13px!important;font-weight:740!important}
  /* Keep conventional 2-column category/product listings; improve readability. */
  .pr_desc li .pname,.pr_desc.wli2 li .pname,.pr_desc.wli3 li .pname{
    font-size:15px!important;line-height:1.45!important;font-weight:710!important;
    min-height:42px!important;word-break:keep-all;overflow-wrap:break-word
  }
  .pr_desc li .price .mpr,.pr_desc.wli2 li .price .mpr,.pr_desc.wli3 li .price .mpr{
    font-size:19px!important;font-weight:850!important;letter-spacing:-.035em!important
  }
  .pr_desc li .price .spr{font-size:12px!important}
  .pr_desc li .price .mpr span{font-size:13px!important}
  .itda-v8-collections .itda-v8-section-head h2{font-size:20px!important}
  .itda-v8-collections .itda-v8-name{font-size:15px!important;line-height:1.45!important;font-weight:750!important}
  .itda-v8-collections .itda-v8-price-row{font-size:12px!important}
  .itda-v8-collections .itda-v8-price-row>strong{font-size:13px!important}
  .itda-v8-collections .itda-v8-member>strong{font-size:19px!important}
  .itda-v8-collections .itda-v8-member>em{font-size:11px!important}
  .itda-v8-collections .itda-v8-detail{font-size:12px!important}
  .itda-v11-hero-copy h1{font-size:25px!important}
  .itda-v11-hero-copy p{font-size:12px!important;line-height:1.55!important}
  .itda-v11-hero-copy>a{font-size:12px!important}
  .itda-v11-mobile-bottom a{font-size:11px!important}
  /* Existing CMS banner slots remain intact; images adapt to viewport. */
  .ad.mart30 img,.mbm_bn01 img,.mmd_bn img{display:block;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain}
}
@media(max-width:359px){
  .itda-v11-showcase-grid{gap:9px!important;padding:10px 10px 14px!important}
  .itda-v11-showcase-grid>.itda-v11-card{flex-basis:calc(100% / 2.5)!important;width:calc(100% / 2.5)!important}
  .itda-v11-card-name{font-size:13px!important}
  .itda-v11-sale strong{font-size:16px!important}
  .itda-v11-mobile-top>div{gap:5px!important}
  .itda-v11-mobile-top>div a{font-size:10px!important}
  .itda-v21-brand img{max-width:93px}
}
@media(prefers-reduced-motion:reduce){.itda-v11-showcase-grid{scroll-behavior:auto!important}}

/* V21.1 specificity guard against legacy mobile overrides. */
@media(max-width:767px){
 body .itda-v11-home .itda-v11-showcase-head h2{font-size:21px!important;line-height:1.3!important}
 body .itda-v11-home .itda-v11-card-name{font-size:15px!important;font-family:var(--itda-v21-type)!important}
 body .itda-v11-home .itda-v11-sale strong{font-size:18px!important;font-family:var(--itda-v21-type)!important}
 body .itda-v11-home .itda-v11-retail{font-size:12px!important}
 body .itda-v11-home .itda-v11-sale em{font-size:11px!important}
}


/* V22: show the entire title on small 2.5-card home rail as well. */
@media(max-width:767px){
 .itda-v11-showcase-grid .itda-v11-card-name{
   display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;
   max-height:none!important;min-height:0!important;height:auto!important;
   overflow:visible!important;white-space:normal!important;
   word-break:keep-all!important;overflow-wrap:anywhere!important;
   line-height:1.45!important
 }
}