/* ITDA V28 – mobile two-row horizontal collections and unified Pretendard typography.
   Scoped to mobile; desktop collections and admin settings are unchanged. */
@media(max-width:767px){
  html.itda-v26-detail #ft.itda-v27-footer .ft_cs,
  html.itda-v26-detail #ft.itda-v27-footer .ft_address,
  html.itda-v26-detail #ft.itda-v27-footer .ft_crt{
    display:none!important
  }
  html.itda-v26-detail #ft.itda-v27-footer{
    display:block!important;
    padding:0 11px 4px!important;
    font-family:"Pretendard Variable","Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important
  }
  html.itda-v26-detail #ft.itda-v27-footer .ft_menu{
    margin:0 -11px!important;
    font-family:inherit!important
  }
  html.itda-v26-detail #ft.itda-v27-footer .ft_menu *,
  #ft.itda-v27-footer, #ft.itda-v27-footer *{
    font-family:"Pretendard Variable","Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important
  }

  /* Minimal white headings instead of pastel green/pink/sky panels. */
  body:has(.itda-v11-home) .itda-v11-showcases{
    gap:18px!important;margin-top:16px!important;
    font-family:"Pretendard Variable","Pretendard",sans-serif!important
  }
  body:has(.itda-v11-home) .itda-v11-showcase{
    background:#fff!important;border:0!important;border-top:1px solid #e9edf3!important;
    border-radius:0!important;overflow:visible!important;
    box-shadow:none!important
  }
  body:has(.itda-v11-home) .itda-v11-showcase-head,
  body:has(.itda-v11-home) .itda-v11-showcase-curated .itda-v11-showcase-head,
  body:has(.itda-v11-home) .itda-v11-showcase-expiry .itda-v11-showcase-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    background:#fff!important;border:0!important;border-radius:0!important;
    padding:14px 2px 10px!important;min-height:48px!important;gap:8px!important
  }
  body:has(.itda-v11-home) .itda-v28-heading{
    display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;
    gap:5px 8px!important;min-width:0!important
  }
  body:has(.itda-v11-home) .itda-v11-showcase-head h2,
  body:has(.itda-v11-home) .itda-v11-showcase-curated .itda-v11-showcase-head h2,
  body:has(.itda-v11-home) .itda-v11-showcase-expiry .itda-v11-showcase-head h2{
    background:transparent!important;color:#1c3859!important;
    font-size:20px!important;font-weight:850!important;line-height:1.28!important;
    letter-spacing:-.045em!important;margin:0!important;white-space:normal!important
  }
  body:has(.itda-v11-home) .itda-v28-heading small{
    font-size:9px!important;font-weight:730!important;line-height:1.25!important;
    color:#8b9db3!important;letter-spacing:.04em!important;
    text-transform:uppercase!important;white-space:nowrap!important
  }
  body:has(.itda-v11-home) .itda-v11-showcase-head>a{
    flex:none!important;font-size:12px!important;font-weight:680!important;
    white-space:nowrap!important;color:#607993!important
  }
  /* Exactly two rows, horizontally scrollable columns (2 visible + a hint). */
  body:has(.itda-v11-home) .itda-v11-showcase-grid{
    display:grid!important;grid-auto-flow:column!important;
    grid-template-columns:none!important;grid-template-rows:repeat(2,minmax(0,auto))!important;
    grid-auto-columns:46%!important;align-content:start!important;
    column-gap:10px!important;row-gap:14px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;scrollbar-width:none!important;
    padding:2px 2px 15px!important;width:100%!important;max-width:100%!important;
    margin:0!important;box-sizing:border-box!important
  }
  body:has(.itda-v11-home) .itda-v11-showcase-grid::-webkit-scrollbar{display:none!important}
  body:has(.itda-v11-home) .itda-v11-showcase-grid>.itda-v11-card{
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    min-width:0!important;flex:none!important;scroll-snap-align:start!important;
    overflow:visible!important;align-self:start!important
  }
  body:has(.itda-v11-home) .itda-v11-card-img{border-radius:9px!important}
  body:has(.itda-v11-home) .itda-v11-card-name{
    height:auto!important;max-height:none!important;overflow:visible!important;
    font-size:14px!important;line-height:1.4!important;font-weight:740!important;
    word-break:keep-all!important;overflow-wrap:anywhere!important
  }
  body:has(.itda-v11-home) .itda-v11-retail{
    display:block!important;height:auto!important;max-width:100%!important;
    white-space:normal!important;overflow:visible!important;
    overflow-wrap:anywhere!important;word-break:normal!important;
    font-size:12px!important;line-height:1.35!important
  }
  body:has(.itda-v11-home) .itda-v11-sale{
    height:auto!important;max-width:100%!important;flex-wrap:wrap!important
  }
  body:has(.itda-v11-home) .itda-v11-sale strong{
    font-size:17px!important;line-height:1.25!important;overflow-wrap:anywhere!important;
    white-space:normal!important
  }

  /* The lower full collection also has two rows and horizontal continuation. */
  body:has(.itda-v11-home) .cont_wrap.itda-v8-collections{
    padding:18px 12px 2px!important
  }
  body:has(.itda-v11-home) .itda-v8-intro{
    margin-bottom:10px!important
  }
  body:has(.itda-v11-home) .itda-v8-intro h2{
    font-size:19px!important;font-weight:820!important
  }
  body:has(.itda-v11-home) .itda-v8-jump{
    display:flex!important;gap:15px!important;align-items:center!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    border-bottom:1px solid #e9edf2!important;
    padding:0 2px 12px!important;margin:0 0 14px!important;
    background:#fff!important;scrollbar-width:none!important
  }
  body:has(.itda-v11-home) .itda-v8-jump::-webkit-scrollbar{display:none}
  body:has(.itda-v11-home) .itda-v8-jump a,
  body:has(.itda-v11-home) .itda-v8-jump a.itda-v8-jump-curated,
  body:has(.itda-v11-home) .itda-v8-jump a.itda-v8-jump-expiry{
    box-sizing:border-box!important;display:inline-flex!important;flex:0 0 auto!important;
    background:transparent!important;border:0!important;border-radius:0!important;
    padding:4px 0!important;font-size:13px!important;line-height:1.35!important;
    font-weight:760!important;color:#314968!important;
    box-shadow:none!important;transform:none!important;white-space:nowrap!important
  }
  body:has(.itda-v11-home) .itda-v8-jump a span{
    font-size:11px!important;margin-left:3px!important;color:#95a4b7!important
  }
  body:has(.itda-v11-home) .itda-v8-section{
    width:100%!important;min-width:0!important;margin:0 0 24px!important
  }
  body:has(.itda-v11-home) .itda-v8-section-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:5px 0 10px!important;margin:0 0 10px!important;gap:8px!important
  }
  body:has(.itda-v11-home) .itda-v28-titleline{
    display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;
    gap:5px 9px!important;min-width:0!important;margin-bottom:2px!important
  }
  body:has(.itda-v11-home) .itda-v8-section-head h2{
    font-size:20px!important;font-weight:850!important;letter-spacing:-.045em!important;
    color:#193657!important;line-height:1.32!important;margin:0!important
  }
  body:has(.itda-v11-home) .itda-v8-section-kicker{
    display:inline!important;font-size:9px!important;line-height:1.25!important;
    color:#8799af!important;margin:0!important;letter-spacing:.04em!important;
    font-weight:730!important
  }
  body:has(.itda-v11-home) .itda-v8-section-head p{
    font-size:11px!important;line-height:1.4!important;color:#8391a3!important;
    margin:0!important
  }
  body:has(.itda-v11-home) .itda-v8-count{
    border:0!important;background:transparent!important;border-radius:0!important;
    font-size:10px!important;color:#8996a8!important;font-weight:670!important;
    padding:2px 0!important;white-space:nowrap!important
  }
  body:has(.itda-v11-home) .itda-v8-grid{
    box-sizing:border-box!important;display:grid!important;
    width:100%!important;max-width:100%!important;
    grid-template-columns:none!important;grid-template-rows:repeat(2,minmax(0,auto))!important;
    grid-auto-flow:column!important;grid-auto-columns:46%!important;
    gap:12px 10px!important;align-content:start!important;
    overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
    overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;padding:2px 2px 13px!important
  }
  body:has(.itda-v11-home) .itda-v8-grid::-webkit-scrollbar{display:none!important}
  body:has(.itda-v11-home) .itda-v8-item{
    width:100%!important;max-width:100%!important;min-width:0!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    scroll-snap-align:start!important;align-self:start!important;overflow:visible!important
  }
  body:has(.itda-v11-home) .itda-v8-photo{
    border-radius:9px!important;overflow:hidden!important;background:#f6f8fb!important
  }
  body:has(.itda-v11-home) .itda-v8-info{
    padding:8px 2px 9px!important;min-width:0!important
  }
  body:has(.itda-v11-home) .itda-v8-badges{min-height:0!important;margin-bottom:6px!important}
  body:has(.itda-v11-home) .itda-v8-name{
    font-size:14px!important;line-height:1.4!important;margin-bottom:8px!important;
    overflow-wrap:anywhere!important
  }
  body:has(.itda-v11-home) .itda-v8-price-row{
    flex-wrap:wrap!important;justify-content:flex-start!important;
    column-gap:8px!important;row-gap:2px!important;
    min-width:0!important
  }
  body:has(.itda-v11-home) .itda-v8-price-row>strong{
    white-space:normal!important;overflow-wrap:anywhere!important
  }
  body:has(.itda-v11-home) .itda-v8-member>strong{
    white-space:normal!important;font-size:18px!important
  }
  body:has(.itda-v11-home) .itda-v9-more{display:none!important}

  /* BEST and all subsequent legacy mobile product blocks: one modern font.
     Do not alter what is priced or shown to different member levels. */
  body:has(.itda-v11-home) .bscate,
  body:has(.itda-v11-home) .bscate *,
  body:has(.itda-v11-home) .bscate_li,
  body:has(.itda-v11-home) .bscate_li *,
  body:has(.itda-v11-home) .pr_desc,
  body:has(.itda-v11-home) .pr_desc *,
  body:has(.itda-v11-home) .mart30,
  body:has(.itda-v11-home) .mart30 *,
  body:has(.itda-v11-home) .mtit,
  body:has(.itda-v11-home) .mtit *{
    font-family:"Pretendard Variable","Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important
  }
  body:has(.itda-v11-home) .bscate_li li .price,
  body:has(.itda-v11-home) .pr_desc li .price{
    box-sizing:border-box!important;height:auto!important;max-height:none!important;
    min-height:42px!important;overflow:visible!important;
    white-space:normal!important;word-break:keep-all!important;overflow-wrap:anywhere!important;
    line-height:1.5!important;padding:3px 3px 5px!important
  }
  body:has(.itda-v11-home) .bscate_li li .price .spr,
  body:has(.itda-v11-home) .pr_desc li .price .spr,
  body:has(.itda-v11-home) .pr_desc li .price .mpr,
  body:has(.itda-v11-home) .bscate_li li .price .mpr{
    display:inline-block!important;box-sizing:border-box!important;
    max-width:100%!important;height:auto!important;max-height:none!important;
    overflow:visible!important;white-space:normal!important;word-break:keep-all!important;
    overflow-wrap:anywhere!important;line-height:1.4!important;vertical-align:baseline!important
  }
  body:has(.itda-v11-home) .bscate_li li .price .spr,
  body:has(.itda-v11-home) .pr_desc li .price .spr{
    font-size:12px!important;color:#96a1ad!important;margin:0 4px 2px!important
  }
  body:has(.itda-v11-home) .bscate_li li .price .mpr,
  body:has(.itda-v11-home) .pr_desc li .price .mpr{
    font-size:18px!important;font-weight:850!important;letter-spacing:-.04em!important
  }
  body:has(.itda-v11-home) .bscate_li li .pname,
  body:has(.itda-v11-home) .pr_desc li .pname{
    box-sizing:border-box!important;height:auto!important;max-height:none!important;
    min-height:38px!important;overflow:visible!important;line-height:1.45!important;
    font-size:14px!important;font-weight:730!important;word-break:keep-all!important;
    overflow-wrap:anywhere!important
  }
}
@media(max-width:359px){
  body:has(.itda-v11-home) .itda-v11-showcase-grid,
  body:has(.itda-v11-home) .itda-v8-grid{column-gap:8px!important;grid-auto-columns:47%!important}
  body:has(.itda-v11-home) .itda-v8-name,
  body:has(.itda-v11-home) .itda-v11-card-name{font-size:13px!important}
  body:has(.itda-v11-home) .itda-v8-section-head h2{font-size:18px!important}
}

/* Kicker to the RIGHT of each title; preserve the user's collection typography. */
@media(max-width:767px){
 body:has(.itda-v11-home) .itda-v11-showcase-head h2{
   display:inline-flex!important;align-items:baseline!important;gap:7px!important;flex-wrap:wrap!important
 }
 body:has(.itda-v11-home) .itda-v11-showcase-head h2::after{
   display:inline-block!important;white-space:nowrap!important;font-size:9px!important;
   color:#8397ad!important;letter-spacing:.06em!important;
   font-weight:730!important;line-height:1.3!important
 }
 body:has(.itda-v11-home) .itda-v11-showcase-limited .itda-v11-showcase-head h2::after{content:"ITDA COLLECTION / 01"}
 body:has(.itda-v11-home) .itda-v11-showcase-curated .itda-v11-showcase-head h2::after{content:"ITDA COLLECTION / 02"}
 body:has(.itda-v11-home) .itda-v11-showcase-expiry .itda-v11-showcase-head h2::after{content:"ITDA COLLECTION / 03"}
 body:has(.itda-v11-home) .itda-v8-section-head>div:first-child{
   display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;
   align-items:baseline!important;column-gap:8px!important;row-gap:2px!important;min-width:0!important
 }
 body:has(.itda-v11-home) .itda-v8-section-head h2{
   grid-column:1!important;grid-row:1!important;white-space:normal!important
 }
 body:has(.itda-v11-home) .itda-v8-section-kicker{
   grid-column:2!important;grid-row:1!important;white-space:nowrap!important
 }
 body:has(.itda-v11-home) .itda-v8-section-head p{
   grid-column:1/-1!important;grid-row:2!important
 }
}