/* ITDA V29 — 2.4 visible products × two rows; mobile-only visual system.
   Existing administrator choices, auth pricing, promotions, and desktop untouched. */
@media(max-width:767px){
  /* V28 rails now show about 2.4 columns, with right-edge peek. */
  body:has(.itda-v11-home) .itda-v11-showcase-grid,
  body:has(.itda-v11-home) .itda-v8-grid{
    grid-auto-columns:40%!important;
    column-gap:10px!important;
    grid-template-rows:repeat(2,minmax(0,auto))!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-inline:0!important;
  }
  /* New unified best modules. White headings, small captions beside title. */
  body:has(.itda-v11-home) .itda-v29-section{
    box-sizing:border-box!important;
    width:calc(100% - 24px)!important;max-width:100%!important;
    margin:20px 12px 24px!important;padding:0!important;
    border:0!important;border-top:1px solid #e9edf3!important;
    color:#193757!important;background:#fff!important;
    font-family:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif!important
  }
  body:has(.itda-v11-home) .itda-v29-section *,
  body:has(.itda-v11-home) .itda-v29-section *:before,
  body:has(.itda-v11-home) .itda-v29-section *:after{
    box-sizing:border-box!important;
    font-family:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif!important
  }
  body:has(.itda-v11-home) .itda-v29-head{
    display:flex!important;justify-content:space-between!important;
    align-items:baseline!important;gap:8px!important;
    padding:14px 2px 12px!important;background:#fff!important;
  }
  body:has(.itda-v11-home) .itda-v29-headline{
    display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;
    gap:7px!important;min-width:0!important
  }
  body:has(.itda-v11-home) .itda-v29-head h2{
    display:inline-block!important;margin:0!important;padding:0!important;
    font-size:21px!important;line-height:1.3!important;font-weight:860!important;
    letter-spacing:-.04em!important;color:#193757!important
  }
  body:has(.itda-v11-home) .itda-v29-head small{
    color:#899bb0!important;font-size:9px!important;line-height:1.3!important;
    font-weight:740!important;letter-spacing:.04em!important;white-space:nowrap!important
  }
  body:has(.itda-v11-home) .itda-v29-count{
    font-size:10px!important;color:#7c8da3!important;
    line-height:1.3!important;white-space:nowrap!important
  }
  body:has(.itda-v11-home) .itda-v29-rail{
    display:grid!important;box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;
    grid-auto-flow:column!important;
    grid-template-columns:none!important;
    grid-template-rows:repeat(2,minmax(0,auto))!important;
    grid-auto-columns:40%!important;
    align-content:start!important;align-items:stretch!important;
    gap:13px 10px!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 14px!important;margin:0!important;background:#fff!important
  }
  body:has(.itda-v11-home) .itda-v29-rail::-webkit-scrollbar{display:none!important}
  body:has(.itda-v11-home) .itda-v29-card{
    display:flex!important;flex-direction:column!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    overflow:visible!important;background:#fff!important;
    scroll-snap-align:start!important
  }
  body:has(.itda-v11-home) .itda-v29-photo{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;aspect-ratio:1/1!important;
    border-radius:9px!important;overflow:hidden!important;background:#f6f8fb!important;
    text-decoration:none!important
  }
  body:has(.itda-v11-home) .itda-v29-photo img{
    display:block!important;width:100%!important;height:100%!important;
    max-width:100%!important;max-height:none!important;
    object-fit:contain!important
  }
  body:has(.itda-v11-home) .itda-v29-card-body{
    display:flex!important;flex-direction:column!important;min-width:0!important;
    flex:1!important;padding:7px 2px 1px!important
  }
  body:has(.itda-v11-home) .itda-v29-name{
    display:block!important;color:#253a55!important;
    font-size:14px!important;font-weight:750!important;line-height:1.44!important;
    letter-spacing:-.02em!important;text-decoration:none!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    overflow:visible!important;word-break:keep-all!important;overflow-wrap:anywhere!important;
    margin-bottom:5px!important
  }
  body:has(.itda-v11-home) .itda-v29-retail{
    display:block!important;color:#98a4b3!important;
    font-size:12px!important;line-height:1.35!important;
    text-decoration:line-through!important;
    max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;
    margin-top:auto!important
  }
  body:has(.itda-v11-home) .itda-v29-sale{
    display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;
    gap:5px!important;margin-top:4px!important;min-width:0!important
  }
  body:has(.itda-v11-home) .itda-v29-sale strong{
    font-size:18px!important;line-height:1.25!important;
    color:#e73560!important;font-weight:850!important;
    white-space:normal!important;overflow-wrap:anywhere!important
  }
  body:has(.itda-v11-home) .itda-v29-sale em{
    display:inline-block!important;flex:0 0 auto!important;
    padding:3px 5px!important;border-radius:5px!important;
    font-size:10px!important;line-height:1.3!important;
    background:#fff0f4!important;border:1px solid #ffe2ec!important;
    color:#d53f67!important;font-style:normal!important;font-weight:820!important
  }
  body:has(.itda-v11-home) .itda-v29-sale a{
    font-size:12px!important;font-weight:760!important;color:#d9436b!important;
    text-decoration:none!important
  }
  /* The other native mobile product lists keep their actual configured SKUs
     but use the same 2×horizontal grid and card hierarchy. */
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc){
    box-sizing:border-box!important;margin:20px 12px 24px!important;
    width:calc(100% - 24px)!important;max-width:100%!important;
    padding:0!important;border-top:1px solid #e9edf3!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc)>.mtit{
    padding:14px 2px 10px!important;margin:0!important;text-align:left!important;
    font-size:21px!important;font-weight:860!important;letter-spacing:-.04em!important;
    color:#193757!important;background:#fff!important;border:0!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc)>ul.pr_desc{
    display:grid!important;box-sizing:border-box!important;
    grid-auto-flow:column!important;grid-template-columns:none!important;
    grid-template-rows:repeat(2,minmax(0,auto))!important;
    grid-auto-columns:40%!important;gap:14px 10px!important;
    width:100%!important;max-width:100%!important;
    margin:0!important;padding:1px 2px 14px!important;
    float:none!important;overflow-x:auto!important;overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;scroll-snap-type:x proximity!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc)>ul.pr_desc::-webkit-scrollbar{display:none!important}
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc)>ul.pr_desc>li,
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc)>ul.pr_desc>li:nth-child(2n+1){
    display:block!important;float:none!important;clear:none!important;
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    min-width:0!important;margin:0!important;padding:0!important;
    scroll-snap-align:start!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) .pr_desc li dt{
    aspect-ratio:1!important;overflow:hidden!important;border:0!important;border-radius:9px!important;
    background:#f6f8fb!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) .pr_desc li dt img{
    height:100%!important;width:100%!important;object-fit:contain!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) .pr_desc li .pname{
    font-size:14px!important;line-height:1.44!important;
    min-height:0!important;height:auto!important;max-height:none!important;
    overflow:visible!important;word-break:keep-all!important;overflow-wrap:anywhere!important;
    text-align:left!important;margin:8px 0 2px!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) .pr_desc li .price{
    text-align:left!important;font-size:13px!important;line-height:1.45!important;
    min-height:0!important;height:auto!important;overflow:visible!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) .pr_desc li .zzim{
    position:relative!important;display:none!important
  }
  /* Product detail: reserved scrollable floor below both fixed purchase/cart
     and the persistent six-tab bar, including Android/iOS safe-area. */
  html.itda-v26-detail #ft.itda-v27-footer{
    margin-bottom:calc(165px + env(safe-area-inset-bottom))!important;
    scroll-margin-bottom:165px!important;
  }
  html.itda-v26-detail #ft.itda-v27-footer .ft_menu{
    position:relative!important;z-index:1!important
  }
}
@media(max-width:359px){
  body:has(.itda-v11-home) .itda-v11-showcase-grid,
  body:has(.itda-v11-home) .itda-v8-grid,
  body:has(.itda-v11-home) .itda-v29-rail,
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc)>ul.pr_desc{
    grid-auto-columns:40%!important;column-gap:8px!important
  }
  body:has(.itda-v11-home) .itda-v29-name{font-size:13px!important}
  body:has(.itda-v11-home) .itda-v29-sale strong{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){
  .itda-v29-rail{scroll-behavior:auto!important}
}