/* HIMART AX v6 — 03.1 flush list rail, 02.3 SELECT mini-patterns, 03.4 live maker embed. */

/* 03.1 — lower rule text begins exactly at the left edge of the top rule. */
html body.himart-ax-page #journey .ax-maker-step ul{
  width:calc(100% + 24px)!important;
  margin:34px 0 0!important;
  padding:0!important;
  transform:translateX(-24px)!important;
  justify-items:start!important;
  text-align:left!important;
  list-style:none!important;
}
html body.himart-ax-page #journey .ax-maker-step li{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
html body.himart-ax-page #journey .ax-maker-step li::before{
  content:none!important;
  display:none!important;
}

/* 02.3 / SELECT — scaled-down version of the five 02.1 pattern models. */
html body.himart-ax-page #data .ax-select-visual{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  padding:16px!important;
}
html body.himart-ax-page #data .ax-select-mini{
  display:flex!important;
  min-width:0!important;
  height:100%!important;
  flex-direction:column!important;
  gap:3px!important;
  margin:0!important;
  padding:0!important;
}
html body.himart-ax-page #data .ax-select-mini>b{
  display:block!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.40)!important;
  background:transparent!important;
}
html body.himart-ax-page #data .ax-select-mini>b.is-blue{
  border-color:var(--hm-blue)!important;
}
html body.himart-ax-page #data .ax-select-mini>b.is-title{flex:0 0 15%!important}
html body.himart-ax-page #data .ax-select-mini>b.is-content{flex:0 0 22%!important}
html body.himart-ax-page #data .ax-select-mini>b.is-product{flex:1 1 auto!important}
html body.himart-ax-page #data .ax-select-mini>b.is-recommend{flex:0 0 13%!important}
html body.himart-ax-page #data .ax-select-mini>b.is-divider{flex:0 0 20%!important}
html body.himart-ax-page #data .ax-select-mini.is-display>b.is-title{flex-basis:28%!important}
html body.himart-ax-page #data .ax-select-mini.is-display>b.is-divider{flex:1 1 auto!important}
html body.himart-ax-page #data .ax-select-mini.is-category>b.is-title{flex-basis:18%!important}
html body.himart-ax-page #data .ax-select-mini.is-category>b.is-product{flex-basis:38%!important}
html body.himart-ax-page #data .ax-select-mini.is-category>b.is-recommend{flex-basis:16%!important}
html body.himart-ax-page #data .ax-select-mini.is-category>b.is-divider{flex:1 1 auto!important}

/* 03.4 — live Banner Maker frame. */
html body.himart-ax-page #journey .ax-live-tool{
  width:100%!important;
}
html body.himart-ax-page #journey .ax-live-tool-frame{
  position:relative!important;
  width:100%!important;
  height:min(78vh,900px)!important;
  min-height:720px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.30)!important;
  background:#fff!important;
}
html body.himart-ax-page #journey .ax-live-tool-frame iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#fff!important;
}
html body.himart-ax-page #journey .ax-live-tool-credit{
  margin-top:12px!important;
  color:var(--hm-text-tertiary)!important;
}

@media(max-width:780px){
  html body.himart-ax-page #journey .ax-maker-step ul{
    width:calc(100% + 24px)!important;
    transform:translateX(-24px)!important;
  }
  html body.himart-ax-page #data .ax-select-visual{
    gap:5px!important;
    padding:10px!important;
  }
  html body.himart-ax-page #journey .ax-live-tool-frame{
    height:72vh!important;
    min-height:560px!important;
  }
}