/* HIMART 01.2 — research-backed general appliance ecommerce purchase flow.
   This is a reference journey, not a Himart measured funnel.
   Core path = white dotted line / consideration pause = yellow /
   channel shift = blue / abandonment risk = red. */

html body.himart-commerce-page #brand .himart-appliance-flow{
  --flow-white:#fff;
  --flow-blue:var(--hm-blue,#00A6ED);
  --flow-yellow:var(--hm-yellow,#F3EB01);
  --flow-red:var(--hm-red,#FA481B);
  width:100%;
  min-width:0;
  margin:112px 0 0;
  padding:32px 0 0;
  border-top:1px solid var(--hm-line-content-divider,var(--hm-line-weak));
}
html body.himart-commerce-page #brand .himart-appliance-flow__eyebrow{
  display:block;
  margin:0;
  color:var(--flow-blue);
  font:400 12px/1.2 var(--hm-font-en);
  letter-spacing:var(--hm-track-note);
}
html body.himart-commerce-page #brand .himart-appliance-flow__title{
  margin:18px 0 0;
  max-width:28ch;
  color:var(--hm-text-primary,#fff);
  font-family:var(--hm-font-ko);
  font-size:32px;
  font-weight:100;
  font-variation-settings:"wght" 100;
  line-height:1.22;
  letter-spacing:var(--hm-track-group);
  word-break:keep-all;
}
html body.himart-commerce-page #brand .himart-appliance-flow__title-line{
  white-space:nowrap;
}
html body.himart-commerce-page #brand .himart-appliance-flow__lead{
  margin:16px 0 0;
  max-width:70ch;
  color:var(--hm-description-color,rgba(255,255,255,.5));
  font:300 16px/1.62 var(--hm-font-ko);
  letter-spacing:var(--hm-track-body);
  word-break:keep-all;
}
html body.himart-commerce-page #brand .himart-appliance-flow__lead>span{
  display:block;
  white-space:nowrap;
  word-break:keep-all;
  overflow-wrap:normal;
}
html body.himart-commerce-page #brand .himart-appliance-flow__legend{
  display:flex;
  flex-wrap:wrap;
  gap:16px 24px;
  margin:32px 0 0;
  padding-top:20px;
  border-top:1px solid var(--hm-line-content-divider,var(--hm-line-weak));
}
html body.himart-commerce-page #brand .himart-appliance-flow__legend span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.46);
  font:300 12px/1.2 var(--hm-font-ko);
}
html body.himart-commerce-page #brand .himart-appliance-flow__legend i{
  display:block;
  width:18px;
  height:1px;
  border-top:1px dashed rgba(255,255,255,.56);
}
html body.himart-commerce-page #brand .himart-appliance-flow__legend .is-pause i{border-color:var(--flow-yellow)}
html body.himart-commerce-page #brand .himart-appliance-flow__legend .is-shift i{border-color:var(--flow-blue)}
html body.himart-commerce-page #brand .himart-appliance-flow__legend .is-risk i{border-color:var(--flow-red)}

html body.himart-commerce-page #brand .himart-appliance-flow__viewport{
  position:relative;
  width:100%;
  margin:56px 0 0;
  padding:0 0 360px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
html body.himart-commerce-page #brand .himart-appliance-flow__viewport::-webkit-scrollbar{display:none}
html body.himart-commerce-page #brand .himart-appliance-flow__path{
  display:flex;
  align-items:center;
  width:100%;
  min-width:1080px;
}
html body.himart-commerce-page #brand .himart-appliance-flow__stage{
  position:relative;
  z-index:2;
  flex:1 1 0;
  min-width:112px;
  min-height:126px;
  padding:18px 16px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.28);
  background:#000;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .42s ease,transform .55s cubic-bezier(.22,1,.36,1),border-color .35s ease;
}
html body.himart-commerce-page #brand .himart-appliance-flow.is-active .himart-appliance-flow__stage{
  opacity:1;
  transform:none;
  transition-delay:calc(var(--flow-i,0) * 80ms);
}
html body.himart-commerce-page #brand .himart-appliance-flow__stage:hover{
  border-color:rgba(255,255,255,.62);
}
html body.himart-commerce-page #brand .himart-appliance-flow__stage-no{
  display:block;
  color:var(--flow-blue);
  font:400 12px/1 var(--hm-font-en);
  letter-spacing:var(--hm-track-note);
}
html body.himart-commerce-page #brand .himart-appliance-flow__stage h5{
  margin:34px 0 0;
  color:#fff;
  font:100 18px/1.32 var(--hm-font-ko);
  font-variation-settings:"wght" 100;
  letter-spacing:var(--hm-track-group);
  word-break:keep-all;
}
html body.himart-commerce-page #brand .himart-appliance-flow__stage p{
  margin:8px 0 0;
  color:rgba(255,255,255,.42);
  font:300 12px/1.45 var(--hm-font-ko);
  letter-spacing:var(--hm-track-body);
  word-break:keep-all;
}

html body.himart-commerce-page #brand .himart-appliance-flow__connector{
  position:relative;
  z-index:1;
  flex:0 0 44px;
  height:1px;
}
html body.himart-commerce-page #brand .himart-appliance-flow__connector::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:1px;
  border-top:1px dashed rgba(255,255,255,.52);
  transition:width .52s cubic-bezier(.22,1,.36,1);
}
html body.himart-commerce-page #brand .himart-appliance-flow.is-active .himart-appliance-flow__connector::before{
  width:100%;
  transition-delay:calc((var(--flow-i,0) * 80ms) + 110ms);
}
html body.himart-commerce-page #brand .himart-appliance-flow__connector::after{
  content:"";
  position:absolute;
  top:-2px;
  right:-1px;
  width:5px;
  height:5px;
  border-top:1px solid rgba(255,255,255,.72);
  border-right:1px solid rgba(255,255,255,.72);
  transform:rotate(45deg);
  opacity:0;
  transition:opacity .25s ease;
}
html body.himart-commerce-page #brand .himart-appliance-flow.is-active .himart-appliance-flow__connector::after{
  opacity:1;
  transition-delay:calc((var(--flow-i,0) * 80ms) + 420ms);
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk-dot{
  position:absolute;
  z-index:3;
  top:50%;
  left:50%;
  width:8px;
  height:8px;
  border:2px solid #000;
  border-radius:50%;
  background:var(--risk-color,var(--flow-red));
  opacity:0;
  transform:translate(-50%,-50%) scale(.3);
  transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1);
}
html body.himart-commerce-page #brand .himart-appliance-flow.is-active .himart-appliance-flow__risk-dot{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
  transition-delay:calc((var(--flow-i,0) * 80ms) + 260ms);
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk{
  --risk-color:var(--flow-red);
  position:absolute;
  z-index:4;
  top:32px;
  left:50%;
  width:230px;
  padding:18px 18px 20px;
  box-sizing:border-box;
  border-top:1px solid var(--risk-color);
  background:rgba(0,0,0,.96);
  opacity:0;
  transform:translate(-50%,10px);
  transition:opacity .4s ease,transform .55s cubic-bezier(.22,1,.36,1);
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:100%;
  height:32px;
  border-left:1px dashed var(--risk-color);
}
html body.himart-commerce-page #brand .himart-appliance-flow.is-active .himart-appliance-flow__risk{
  opacity:1;
  transform:translate(-50%,0);
  transition-delay:calc((var(--flow-i,0) * 80ms) + 340ms);
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-level-2{top:194px}
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-level-2::before{height:194px}
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-pause{--risk-color:var(--flow-yellow)}
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-shift{--risk-color:var(--flow-blue)}
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-risk{--risk-color:var(--flow-red)}
html body.himart-commerce-page #brand .himart-appliance-flow__risk b{
  display:block;
  margin:0;
  color:var(--risk-color);
  font:400 11px/1.2 var(--hm-font-ko);
  letter-spacing:var(--hm-track-note);
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk h6{
  margin:12px 0 0;
  color:#fff;
  font:300 16px/1.38 var(--hm-font-ko);
  letter-spacing:var(--hm-track-body);
  word-break:keep-all;
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk p{
  margin:8px 0 0;
  color:rgba(255,255,255,.48);
  font:300 13px/1.5 var(--hm-font-ko);
  letter-spacing:var(--hm-track-body);
  word-break:keep-all;
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk strong{
  color:#fff;
  font-weight:400;
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk small{
  display:block;
  margin:12px 0 0;
  color:rgba(255,255,255,.28);
  font:300 10px/1.4 var(--hm-font-ko);
}

html body.himart-commerce-page #brand .himart-appliance-flow__note{
  margin:0;
  padding:18px 0 0;
  border-top:1px solid var(--hm-line-content-divider,var(--hm-line-weak));
  color:rgba(255,255,255,.34);
  font:300 11px/1.55 var(--hm-font-ko);
  letter-spacing:var(--hm-track-body);
  word-break:keep-all;
}
html body.himart-commerce-page #brand .himart-appliance-flow__note strong{
  color:rgba(255,255,255,.60);
  font-weight:400;
}
html body.himart-commerce-page #brand .himart-appliance-flow__source{
  display:block;
  margin-top:10px;
  color:rgba(255,255,255,.24);
  font:300 10px/1.5 var(--hm-font-ko);
}

@media(max-width:780px){
  html body.himart-commerce-page #brand .himart-appliance-flow{margin-top:80px}
  html body.himart-commerce-page #brand .himart-appliance-flow__title{font-size:28px}
  html body.himart-commerce-page #brand .himart-appliance-flow__viewport{padding-bottom:330px}
  html body.himart-commerce-page #brand .himart-appliance-flow__path{min-width:980px}
}

@media(prefers-reduced-motion:reduce){
  html body.himart-commerce-page #brand .himart-appliance-flow__stage,
  html body.himart-commerce-page #brand .himart-appliance-flow__risk,
  html body.himart-commerce-page #brand .himart-appliance-flow__risk-dot{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  html body.himart-commerce-page #brand .himart-appliance-flow__risk-dot{transform:translate(-50%,-50%)!important}
  html body.himart-commerce-page #brand .himart-appliance-flow__connector::before{width:100%!important;transition:none!important}
  html body.himart-commerce-page #brand .himart-appliance-flow__connector::after{opacity:1!important;transition:none!important}
}


/* 01.3 purchase journey — 8 stages / snake flow / evidence lanes.
   01→02→03→04, then down to 05, then 06→07→08 moving left.
   Arrow glyph is copied from the portfolio gallery control: 17px, 1px chevron. */
html body.himart-commerce-page #brand .himart-appliance-flow__viewport{
  overflow:visible!important;
  padding:0!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__path{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__annotation-lane,
html body.himart-commerce-page #brand .himart-appliance-flow__row,
html body.himart-commerce-page #brand .himart-appliance-flow__turn{
  width:100%!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__annotation-lane,
html body.himart-commerce-page #brand .himart-appliance-flow__row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:44px!important;
  position:relative!important;
}

/* Evidence lanes follow the reference composition: notes above the first row,
   then notes below the return row. Each connector uses the note's own accent. */
html body.himart-commerce-page #brand .himart-appliance-flow__annotation-lane.is-top{
  min-height:208px!important;
  align-items:end!important;
  margin-bottom:40px!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__annotation-lane.is-bottom{
  min-height:208px!important;
  align-items:start!important;
  margin-top:40px!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  width:90%!important;
  min-height:132px!important;
  justify-self:start!important;
  margin:0!important;
  padding:16px 16px 18px!important;
  box-sizing:border-box!important;
  border-top:1px solid var(--risk-color)!important;
  background:color-mix(in srgb,var(--risk-color) 5%,transparent)!important;
  text-align:left!important;
  transform:translateY(10px)!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow.is-active .himart-appliance-flow__risk{
  transform:translateY(0)!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-pause{--risk-color:var(--flow-yellow)!important}
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-shift{--risk-color:var(--hm-green,#00ED72)!important}
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-relation{--risk-color:#B8B8B8!important}
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-risk{--risk-color:var(--flow-red)!important}
html body.himart-commerce-page #brand .himart-appliance-flow__legend .is-shift i{
  border-color:var(--hm-green,#00ED72)!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__annotation-lane.is-top .himart-appliance-flow__risk::before{
  display:none!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__annotation-lane.is-top .himart-appliance-flow__risk::after{
  content:""!important;
  position:absolute!important;
  top:100%!important;
  left:50%!important;
  width:0!important;
  height:40px!important;
  border-left:1px dashed color-mix(in srgb,var(--risk-color) 50%,transparent)!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__annotation-lane.is-bottom .himart-appliance-flow__risk::before{
  content:""!important;
  position:absolute!important;
  top:-40px!important;
  bottom:auto!important;
  left:50%!important;
  width:0!important;
  height:40px!important;
  border-left:1px dashed color-mix(in srgb,var(--risk-color) 50%,transparent)!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__annotation-lane.is-bottom .himart-appliance-flow__risk::after{
  display:none!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk--a{grid-column:2!important}
html body.himart-commerce-page #brand .himart-appliance-flow__risk--b{grid-column:3!important}
html body.himart-commerce-page #brand .himart-appliance-flow__risk--c{grid-column:4!important}
html body.himart-commerce-page #brand .himart-appliance-flow__risk--f{grid-column:2!important}
html body.himart-commerce-page #brand .himart-appliance-flow__risk--e{grid-column:3!important}
html body.himart-commerce-page #brand .himart-appliance-flow__risk--d{grid-column:4!important}
html body.himart-commerce-page #brand .himart-appliance-flow__risk p{
  font-size:12px!important;
  line-height:1.48!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk small{
  display:none!important;
}

/* Stage boxes: 5% breathing room on both sides, blue top/bottom rails,
   subtle 5% blue fill, 22px regular title. */
html body.himart-commerce-page #brand .himart-appliance-flow__row{
  row-gap:0!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__stage{
  width:90%!important;
  min-width:0!important;
  min-height:156px!important;
  justify-self:center!important;
  padding:18px 18px 18px!important;
  box-sizing:border-box!important;
  border-top:1px solid var(--flow-blue)!important;
  border-right:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--flow-blue) 20%,transparent)!important;
  border-left:0!important;
  background:transparent!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__stage h5{
  margin-top:30px!important;
  color:var(--flow-blue)!important;
  font-family:var(--hm-font-ko)!important;
  font-size:24px!important;
  font-weight:400!important;
  font-variation-settings:"wght" 400!important;
  line-height:1.3!important;
  letter-spacing:var(--hm-track-group)!important;
}

/* Gallery chevron copied 1:1: 17px square with 1px top/right stroke.
   Only orientation changes per journey direction; opacity is fixed at 40%. */
html body.himart-commerce-page #brand .himart-appliance-flow__connector{
  position:absolute!important;
  z-index:3!important;
  top:50%!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  opacity:.70!important;
  background:transparent!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:none!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__connector::before{
  content:""!important;
  display:block!important;
  width:17px!important;
  height:17px!important;
  box-sizing:border-box!important;
  border-top:1px solid currentColor!important;
  border-right:1px solid currentColor!important;
  border-bottom:0!important;
  border-left:0!important;
  transform-origin:center!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__connector::after{
  display:none!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__connector--1{left:calc(25% - 11px)!important}
html body.himart-commerce-page #brand .himart-appliance-flow__connector--2{left:50%!important}
html body.himart-commerce-page #brand .himart-appliance-flow__connector--3{left:calc(75% + 11px)!important}
html body.himart-commerce-page #brand .himart-appliance-flow__row.is-forward .himart-appliance-flow__connector::before{
  transform:translateX(-2px) rotate(45deg)!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__row.is-reverse .himart-appliance-flow__connector::before{
  transform:translateX(2px) rotate(-135deg)!important;
}

/* 04 drops vertically to 05 on the rightmost column. */
html body.himart-commerce-page #brand .himart-appliance-flow__turn{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:44px!important;
  position:relative!important;
  height:76px!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__turn .himart-appliance-flow__connector--down{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  grid-column:4!important;
  justify-self:center!important;
  align-self:center!important;
  transform:none!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__turn .himart-appliance-flow__connector--down::before{
  transform:rotate(135deg)!important;
}

/* Overall source remains once at the bottom; per-evidence-card source labels are intentionally removed. */
html body.himart-commerce-page #brand .himart-appliance-flow__note{
  margin-top:28px!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__note .himart-appliance-flow__source{
  margin-top:0!important;
}

@media(max-width:900px){
  html body.himart-commerce-page #brand .himart-appliance-flow__title-line,
  html body.himart-commerce-page #brand .himart-appliance-flow__lead>span{
    white-space:normal;
  }
  html body.himart-commerce-page #brand .himart-appliance-flow__viewport{
    overflow-x:auto!important;
    padding-bottom:20px!important;
  }
  html body.himart-commerce-page #brand .himart-appliance-flow__path{
    min-width:1040px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html body.himart-commerce-page #brand .himart-appliance-flow__stage,
  html body.himart-commerce-page #brand .himart-appliance-flow__risk{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* HIMART 01.3 evidence color simplification — 2026-09-21 */
/* All issue/evidence cards use the same red problem grammar for consistent reading. */
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-pause,
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-relation,
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-risk{
  --risk-color:var(--flow-red)!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-shift{
  --risk-color:var(--flow-red)!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-shift h6{
  font-size:16px!important;
  line-height:1.38!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-shift p{
  color:rgba(255,255,255,.48)!important;
  font-size:13px!important;
  line-height:1.5!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__legend{
  display:none!important;
}


/* HIMART 01.3 final page-owned typography and evidence colors — 2026-09-21 */
/* This journey is a page-specific linear card system, not the shared circular-card type. */
html body.himart-commerce-page #brand .himart-appliance-flow__stage h5{
  font-size:24px!important;
  font-weight:400!important;
  font-variation-settings:"wght" 400!important;
  line-height:1.3!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__stage p{
  color:rgba(255,255,255,.70)!important;
  font-size:14px!important;
  line-height:1.5!important;
}

/* The shortened 01.3 lead is a single editorial line on desktop. */
html body.himart-commerce-page #brand .himart-appliance-flow__lead{
  white-space:nowrap!important;
}

/* Channel-shift evidence uses the same red evidence grammar as the other issue cards. */
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-shift{
  --risk-color:var(--flow-red)!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-shift h6{
  margin-top:12px!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:300!important;
  line-height:1.38!important;
}
html body.himart-commerce-page #brand .himart-appliance-flow__risk.is-shift p{
  color:rgba(255,255,255,.48)!important;
  font-size:13px!important;
  font-weight:300!important;
  line-height:1.5!important;
}

@media(max-width:780px){
  html body.himart-commerce-page #brand .himart-appliance-flow__lead{
    white-space:normal!important;
  }
}