/* ITDA V30: condensed mobile storefront, editorial story banners and 2-column BEST. */
@media(max-width:767px){
  :root{--itda-v30-font:"Pretendard Variable","Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
  body:has(.itda-v11-home){font-family:var(--itda-v30-font)!important}
  body:has(.itda-v11-home) .itda-v11-showcases{display:none!important}

  /* All product names, including collection rails, have at most two visible lines. */
  body:has(.itda-v11-home) .itda-v8-name,
  body:has(.itda-v11-home) .itda-v11-card-name,
  body:has(.itda-v11-home) .itda-v29-card .itda-v29-name,
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) li .pname{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    height:2.88em!important;max-height:2.88em!important;min-height:2.88em!important;
    line-height:1.44!important;overflow:hidden!important;text-overflow:ellipsis!important;
    word-break:keep-all!important;overflow-wrap:anywhere!important;
    white-space:normal!important
  }

  /* Show just the old/current retail amount, without the label "소비자가". */
  body:has(.itda-v11-home) .itda-v8-price-row:not(.itda-v8-member){
    display:flex!important;align-items:baseline!important;
    justify-content:flex-start!important;flex-wrap:wrap!important;
    min-height:0!important;height:auto!important;gap:4px!important;
    margin:2px 0 3px!important
  }
  body:has(.itda-v11-home) .itda-v8-price-row:not(.itda-v8-member)>span{display:none!important}
  body:has(.itda-v11-home) .itda-v8-price-row:not(.itda-v8-member)>strong{
    display:inline!important;color:#9aa5b3!important;
    text-decoration:line-through!important;
    font-size:12px!important;font-weight:540!important;
    line-height:1.35!important;white-space:normal!important;
    overflow-wrap:anywhere!important;text-align:left!important
  }
  body:has(.itda-v11-home) .itda-v8-price-row.itda-v8-member{justify-content:flex-start!important}

  /* Middle "베스트" and English "BEST" each show every product in a vertical
     two-column grid; swipe rails remain in the curated / limited sections. */
  body:has(.itda-v11-home) .itda-v29-section{
    margin:17px 12px 19px!important;padding:0!important;
    width:calc(100% - 24px)!important;border-top:1px solid #e8edf3!important
  }
  body:has(.itda-v11-home) .itda-v29-head{
    padding:12px 2px 13px!important;margin:0!important
  }
  body:has(.itda-v11-home) .itda-v29-rail{
    box-sizing:border-box!important;display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;grid-auto-flow:row!important;
    grid-auto-rows:auto!important;grid-auto-columns:auto!important;
    gap:17px 11px!important;
    overflow:visible!important;scroll-snap-type:none!important;
    padding:0 1px 5px!important;max-width:100%!important
  }
  body:has(.itda-v11-home) .itda-v29-card{
    display:flex!important;flex-direction:column!important;align-self:stretch!important;
    scroll-snap-align:none!important;max-width:100%!important;min-width:0!important
  }
  body:has(.itda-v11-home) .itda-v29-card-body{padding:8px 2px 0!important}
  body:has(.itda-v11-home) .itda-v29-retail{
    margin-top:2px!important;line-height:1.38!important;
    font-size:12px!important;min-height:17px!important
  }
  body:has(.itda-v11-home) .itda-v29-sale{align-items:baseline!important;margin-top:4px!important}
  body:has(.itda-v11-home) .itda-v29-sale strong{
    font-size:18px!important;line-height:1.25!important;
    word-break:normal!important;overflow-wrap:anywhere!important
  }

  /* Legacy featured sections: period offers, themed goods, recommendations. */
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc){
    box-sizing:border-box!important;width:calc(100% - 24px)!important;
    max-width:100%!important;margin:17px 12px 19px!important;
    padding:0!important;border-top:1px solid #e8edf3!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc)>.mtit{
    margin:0!important;padding:12px 2px 13px!important;
    line-height:1.35!important;font-size:21px!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc)>ul.pr_desc{
    box-sizing:border-box!important;display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;grid-auto-rows:auto!important;
    grid-auto-flow:row!important;grid-auto-columns:auto!important;
    gap:17px 11px!important;align-items:stretch!important;
    overflow:visible!important;scroll-snap-type:none!important;
    width:100%!important;margin:0!important;padding:0 1px 6px!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){
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    min-width:0!important;float:none!important;margin:0!important;
    padding:0!important;clear:none!important;scroll-snap-align:none!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) li dl{
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    margin:0!important;padding:0!important;min-width:0!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) li dt{width:100%!important}
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) li .pname{
    margin:7px 0 3px!important;text-align:left!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) li .price{
    min-height:0!important;height:auto!important;max-height:none!important;
    margin:3px 0 0!important;padding:0!important;
    text-align:left!important;line-height:1.5!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) li .price .spr{
    font-size:12px!important;color:#9aa5b3!important;
    text-decoration:line-through!important;display:inline-block!important;
    margin:0 5px 3px 0!important
  }
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) li .price .mpr{
    font-size:18px!important;font-weight:840!important
  }

  /* Uniform section rhythm: curated rails -> stories -> vertical grids. */
  body:has(.itda-v11-home) .cont_wrap.itda-v8-collections{
    box-sizing:border-box!important;padding:16px 12px 0!important;
    margin:0 auto!important;max-width:100%!important
  }
  body:has(.itda-v11-home) .itda-v8-intro{margin:0 0 13px!important;padding:0 1px!important}
  body:has(.itda-v11-home) .itda-v8-intro h2{margin:0 0 4px!important}
  body:has(.itda-v11-home) .itda-v8-intro p{margin:0!important}
  body:has(.itda-v11-home) .itda-v8-jump{margin:0 0 15px!important}
  body:has(.itda-v11-home) .itda-v8-section{margin:0 0 17px!important}
  body:has(.itda-v11-home) .itda-v8-section-head{
    margin:0 0 7px!important;padding:4px 0 7px!important
  }
  body:has(.itda-v11-home) .itda-v8-grid{padding-bottom:10px!important}
  body:has(.itda-v11-home) .itda-v25-banner{margin:14px auto!important}
  body:has(.itda-v11-home) .ad.mart30{display:none!important}

  /* Editorial banner cards. Existing V25 admin image banners take precedence. */
  body:has(.itda-v11-home) .itda-v30-story{
    --v30-bg:linear-gradient(118deg,#132846,#254a73);
    --v30-title:#fff;--v30-body:#d9e4f2;--v30-accent:#f7bf80;
    --v30-chip:rgba(255,255,255,.12);--v30-line:rgba(255,255,255,.19);
    box-sizing:border-box!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 86px!important;
    align-items:center!important;gap:9px!important;
    width:calc(100% - 24px)!important;max-width:100%!important;
    min-height:0!important;margin:15px 12px 17px!important;
    padding:19px 16px 18px 18px!important;
    background:var(--v30-bg)!important;
    border:1px solid var(--v30-line)!important;border-radius:17px!important;
    box-shadow:0 5px 14px rgba(19,43,74,.055)!important;
    overflow:hidden!important;clear:both!important;
    color:var(--v30-title)!important;
    font-family:var(--itda-v30-font)!important
  }
  body:has(.itda-v11-home) .itda-v30-story *,
  body:has(.itda-v11-home) .itda-v30-story *:before{
    box-sizing:border-box!important;font-family:var(--itda-v30-font)!important
  }
  body:has(.itda-v11-home) .itda-v30-story-sky{
    --v30-bg:linear-gradient(120deg,#ebf6ff,#f4fbff);
    --v30-title:#193b5b;--v30-body:#56718c;--v30-accent:#2c80bd;
    --v30-chip:rgba(50,126,185,.09);--v30-line:#d9e9f7
  }
  body:has(.itda-v11-home) .itda-v30-story-peach{
    --v30-bg:linear-gradient(115deg,#fff1e6,#fff8f2);
    --v30-title:#523422;--v30-body:#846551;--v30-accent:#d78b47;
    --v30-chip:rgba(210,130,75,.1);--v30-line:#f5e2d4
  }
  body:has(.itda-v11-home) .itda-v30-story-copy{min-width:0!important;z-index:1!important}
  body:has(.itda-v11-home) .itda-v30-story-eyebrow{
    display:block!important;color:var(--v30-accent)!important;
    font-size:10px!important;line-height:1.25!important;
    font-weight:840!important;letter-spacing:.10em!important;
    margin-bottom:8px!important
  }
  body:has(.itda-v11-home) .itda-v30-story h2{
    margin:0 0 8px!important;font-size:21px!important;line-height:1.33!important;
    letter-spacing:-.045em!important;font-weight:860!important;
    word-break:keep-all!important;overflow-wrap:anywhere!important;
    color:var(--v30-title)!important
  }
  body:has(.itda-v11-home) .itda-v30-story p{
    margin:0!important;font-size:12px!important;line-height:1.55!important;
    letter-spacing:-.02em!important;color:var(--v30-body)!important;
    word-break:keep-all!important;overflow-wrap:anywhere!important
  }
  body:has(.itda-v11-home) .itda-v30-story-chips{
    display:flex!important;align-items:center!important;flex-wrap:wrap!important;
    gap:5px!important;margin:12px 0 13px!important
  }
  body:has(.itda-v11-home) .itda-v30-story-chips span{
    display:inline-flex!important;align-items:center!important;gap:4px!important;
    background:var(--v30-chip)!important;border:1px solid var(--v30-line)!important;
    border-radius:999px!important;padding:5px 7px!important;
    white-space:nowrap!important;font-size:10px!important;line-height:1.3!important;
    font-weight:680!important;color:var(--v30-title)!important
  }
  body:has(.itda-v11-home) .itda-v30-story-chips b{
    font-size:9px!important;font-weight:820!important;color:var(--v30-accent)!important
  }
  body:has(.itda-v11-home) .itda-v30-story-cta{
    display:inline-flex!important;align-items:center!important;gap:7px!important;
    border:1px solid var(--v30-line)!important;border-radius:9px!important;
    padding:9px 12px!important;background:var(--v30-chip)!important;
    font-size:12px!important;font-weight:800!important;
    color:var(--v30-title)!important;text-decoration:none!important
  }
  body:has(.itda-v11-home) .itda-v30-story-cta span{font-size:15px!important}
  body:has(.itda-v11-home) .itda-v30-story-art{
    position:relative!important;display:flex!important;
    width:84px!important;height:100px!important;align-items:center!important;
    justify-content:center!important;align-self:center!important
  }
  body:has(.itda-v11-home) .itda-v30-story-orbit{
    position:absolute!important;border-radius:50%!important;
    width:91px!important;height:91px!important;
    background:var(--v30-chip)!important;border:1px solid var(--v30-line)!important;
    transform:rotate(-20deg)!important
  }
  body:has(.itda-v11-home) .itda-v30-story-glyph{
    position:relative!important;z-index:1!important;width:65px!important;height:65px!important;
    border-radius:20px!important;padding:12px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    background:var(--v30-chip)!important;
    color:var(--v30-accent)!important;
    filter:drop-shadow(0 7px 7px rgba(11,33,58,.06))!important
  }
  body:has(.itda-v11-home) .itda-v30-story-glyph svg{
    display:block!important;width:100%!important;height:100%!important
  }
  body:has(.itda-v11-home) .itda-v30-story-spark{
    position:absolute!important;z-index:2!important;right:0!important;top:6px!important;
    color:var(--v30-accent)!important;font-size:24px!important
  }
}
@media(max-width:359px){
  body:has(.itda-v11-home) .itda-v30-story{
    grid-template-columns:minmax(0,1fr) 63px!important;
    padding:16px 12px 16px 14px!important;gap:6px!important
  }
  body:has(.itda-v11-home) .itda-v30-story h2{font-size:19px!important}
  body:has(.itda-v11-home) .itda-v30-story-art{width:61px!important}
  body:has(.itda-v11-home) .itda-v30-story-orbit{width:70px!important;height:70px!important}
  body:has(.itda-v11-home) .itda-v30-story-glyph{width:52px!important;height:52px!important}
  body:has(.itda-v11-home) .itda-v29-sale strong{font-size:16px!important}
  body:has(.itda-v11-home) .mart30:has(>ul.pr_desc) li .price .mpr{font-size:16px!important}
}

/* Explicitly supersede V29 horizontal rules even if an older stylesheet finishes late. */
@media(max-width:767px){
  html body:has(.itda-v11-home) section.itda-v29-section div.itda-v29-rail{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    grid-auto-columns:auto!important;
    overflow-x:visible!important;overflow-y:visible!important;
    scroll-snap-type:none!important;
    width:100%!important;max-width:100%!important;
    gap:17px 11px!important;
  }
  html body:has(.itda-v11-home) div.mart30:has(>ul.pr_desc)>ul.pr_desc{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    grid-auto-columns:auto!important;
    overflow-x:visible!important;overflow-y:visible!important;
    scroll-snap-type:none!important;
    width:100%!important;max-width:100%!important;
    gap:17px 11px!important;
  }
  html body:has(.itda-v11-home) .itda-v29-card .itda-v29-name,
  html body:has(.itda-v11-home) .itda-v8-name,
  html body:has(.itda-v11-home) div.mart30:has(>ul.pr_desc) .pname{
    display:-webkit-box!important;-webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;line-clamp:2!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
    max-height:2.88em!important;height:2.88em!important;
    white-space:normal!important
  }
}