/* business.html — 쇼핑몰 탭(#shopping-mall) 전용. 첨부 프로토타입 계열 + FLASYSTEM 비즈 토큰 */

#shopping-mall.biz-sm-suite{
  --sm-deep:#001A40;
  --sm-blue:#2181FF;
  --sm-blue3:#60a5fa;
  --sm-cyan:#22d3ee;
  --sm-violet:#7C5CFF;
  --sm-l-bg:#f2f6fd;
  --sm-l-bg2:#fff;
  --sm-l-bg3:#ebf3ff;
  --sm-l-text:#0a1628;
  --sm-l-text2:#4a5e7a;
  --sm-l-text3:#8a9ab8;
  --sm-l-border:#d8e4f4;
  padding:0;
  background:#fff;
}

/* common.css의 animate-on-scroll은 opacity:0에서 시작 → 탭 전환 직후 글이 안 보이고 배경만 보여 ‘어둡다’고 느껴질 수 있음 */
#shopping-mall .animate-on-scroll{
  opacity:1;
  transform:none;
  transition:none;
}
#shopping-mall .animate-on-scroll.is-visible,
#shopping-mall .animate-on-scroll.visible{
  opacity:1;
  transform:none;
}

/* 플래그십 좌측: 라벨·타이틀·로고·CTA 등장 (쇼핑몰 탭 내 전용, 탭 전체 animate 무효와 별도) */
@keyframes biz-sm-flagship-reveal-in{
  from{
    opacity:0;
    transform:translateY(22px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}
#shopping-mall .biz-sm-flagship-reveal .biz-sm-flagship-reveal-el{
  opacity:0;
  transform:translateY(22px);
}
#shopping-mall .biz-sm-flagship-reveal.is-visible .biz-sm-flagship-reveal-el,
#shopping-mall .biz-sm-flagship-reveal.visible .biz-sm-flagship-reveal-el{
  animation:biz-sm-flagship-reveal-in .36s cubic-bezier(.16,1,.3,1) forwards;
}
#shopping-mall .biz-sm-flagship-reveal.is-visible .biz-sm-flagship-reveal-el--1,
#shopping-mall .biz-sm-flagship-reveal.visible .biz-sm-flagship-reveal-el--1{animation-delay:.05s}
#shopping-mall .biz-sm-flagship-reveal.is-visible .biz-sm-flagship-reveal-el--2,
#shopping-mall .biz-sm-flagship-reveal.visible .biz-sm-flagship-reveal-el--2{animation-delay:.12s}
#shopping-mall .biz-sm-flagship-reveal.is-visible .biz-sm-flagship-reveal-el--3,
#shopping-mall .biz-sm-flagship-reveal.visible .biz-sm-flagship-reveal-el--3{animation-delay:.19s}
#shopping-mall .biz-sm-flagship-reveal.is-visible .biz-sm-flagship-reveal-el--4,
#shopping-mall .biz-sm-flagship-reveal.visible .biz-sm-flagship-reveal-el--4{animation-delay:.26s}
@media (prefers-reduced-motion: reduce){
  #shopping-mall .biz-sm-flagship-reveal .biz-sm-flagship-reveal-el{
    opacity:1;
    transform:none;
    animation:none !important;
  }
}

/* 상단 히어로·선언 블록: 중개시스템과 동일 패턴 — .biz-bx-hero.biz-bx-hero--mall, .biz-bx-statement--mall (business.css) */

/* ── Flagship 블록 — 한 화면(뷰포트)에 맞춤: GNB + 비즈 탭 제외 높이 */
#shopping-mall .biz-sm-flagship{
  --sm-flagship-vh:var(--biz-hero-vh, calc(100svh - var(--gnb-h, 80px) - 56px));
  position:relative;
  overflow:hidden;
  background:var(--sm-l-bg2);
  min-height:var(--sm-flagship-vh);
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-sizing:border-box;
  padding:clamp(20px,4vh,48px) 0;
  scroll-margin-top:calc(var(--gnb-h, 80px) + 54px + 10px);
}
#shopping-mall .biz-sm-flagship > .wrap{
  width:100%;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:0;
}
#shopping-mall .biz-sm-flagship-bgword{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:min(28vw,240px);
  font-weight:900;
  letter-spacing:-.05em;
  color:transparent;
  -webkit-text-stroke:1px rgba(33,129,255,.06);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
}
#shopping-mall .biz-sm-flagship-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:clamp(36px,5vw,56px);
  align-items:stretch;
}
#shopping-mall .biz-sm-flagship .biz-sm-brands-label{
  margin:0 0 10px;
}
#shopping-mall .biz-sm-flagship-title{
  margin:0 0 clamp(18px,2.4vw,24px);
  max-width:none;
  width:100%;
  font-weight:900;
  letter-spacing:-.03em;
  color:var(--sm-l-text);
}
#shopping-mall .biz-sm-flagship-title em{
  font-style:normal;
  font-weight:900;
  background:linear-gradient(135deg,var(--sm-blue3),var(--sm-cyan));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
#shopping-mall .biz-sm-logo-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(14px,2.5vw,24px);
  margin-bottom:22px;
  flex-wrap:wrap;
  width:100%;
}
#shopping-mall .biz-sm-logo-row__left{
  display:flex;
  align-items:center;
  gap:clamp(14px,2.2vw,22px);
  flex:1;
  min-width:0;
}
#shopping-mall .biz-sm-logo-row__cta{
  flex-shrink:0;
  white-space:nowrap;
  align-self:center;
}

/* 꽃파는총각 공식몰 CTA — 플래그십 행 전용 */
#shopping-mall .biz-sm-flagship-shop-cta{
  position:relative;
  overflow:hidden;
  padding:15px 22px 15px 24px;
  font-size:14px;
  font-weight:800;
  letter-spacing:-.03em;
  gap:10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.42);
  color:#fff;
  background:linear-gradient(125deg,#0452c4 0%,#2181FF 38%,#5b4dff 72%,#22d3ee 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.35) inset,
    0 14px 36px rgba(33,129,255,.42),
    0 0 0 1px rgba(12,86,190,.35),
    0 0 48px rgba(124,92,255,.28);
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
  animation:bizSmFlagshipCtaPulse 2.6s ease-in-out infinite;
}
#shopping-mall .biz-sm-flagship-shop-cta .biz-sm-flagship-shop-cta__shine{
  position:absolute;
  inset:0;
  background:linear-gradient(
    105deg,
    transparent 0%,
    transparent 40%,
    rgba(255,255,255,.22) 50%,
    transparent 60%,
    transparent 100%
  );
  transform:translateX(-100%);
  animation:bizSmFlagshipCtaShine 3.2s ease-in-out infinite;
  pointer-events:none;
}
@keyframes bizSmFlagshipCtaShine{
  0%,
  28%{transform:translateX(-100%)}
  48%{transform:translateX(100%)}
  100%{transform:translateX(100%)}
}
@keyframes bizSmFlagshipCtaPulse{
  0%,
  100%{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 14px 36px rgba(33,129,255,.42),0 0 0 1px rgba(12,86,190,.35),0 0 48px rgba(124,92,255,.28)}
  50%{box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 18px 44px rgba(33,129,255,.52),0 0 0 1px rgba(12,86,190,.4),0 0 56px rgba(34,211,238,.35)}
}
#shopping-mall .biz-sm-flagship-shop-cta .biz-sm-flagship-shop-cta__text{
  position:relative;
  z-index:1;
}
#shopping-mall .biz-sm-flagship-shop-cta .biz-sm-flagship-shop-cta__arrow{
  position:relative;
  z-index:1;
  width:18px;
  height:18px;
  flex-shrink:0;
  opacity:.95;
  transition:transform .22s ease;
}
#shopping-mall .biz-sm-flagship-shop-cta:hover{
  filter:brightness(1.08);
  transform:translateY(-2px) scale(1.02);
  animation:none;
  box-shadow:
    0 1px 0 rgba(255,255,255,.5) inset,
    0 20px 48px rgba(33,129,255,.5),
    0 0 0 1px rgba(255,255,255,.2),
    0 0 64px rgba(34,211,238,.38);
}
#shopping-mall .biz-sm-flagship-shop-cta:hover .biz-sm-flagship-shop-cta__arrow{
  transform:translate(3px,-3px);
}
#shopping-mall .biz-sm-flagship-shop-cta:focus-visible{
  outline:3px solid var(--sm-cyan);
  outline-offset:3px;
}
@media (prefers-reduced-motion: reduce){
  #shopping-mall .biz-sm-flagship-shop-cta,
  #shopping-mall .biz-sm-flagship-shop-cta .biz-sm-flagship-shop-cta__shine{
    animation:none !important;
  }
  #shopping-mall .biz-sm-flagship-shop-cta .biz-sm-flagship-shop-cta__shine{opacity:0}
}
@media (max-width:640px){
  #shopping-mall .biz-sm-logo-row__cta.biz-sm-flagship-shop-cta{
    white-space:normal;
    text-align:center;
    justify-content:center;
    max-width:100%;
    padding:14px 20px;
    font-size:13px;
  }
}
#shopping-mall .biz-sm-logo-slot{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-shrink:0;
  width:auto;
  max-width:min(280px,78vw);
  padding:0;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
}
#shopping-mall .biz-sm-logo-slot img{
  display:block;
  width:clamp(180px,28vw,280px);
  max-width:100%;
  height:auto;
  object-fit:contain;
}
#shopping-mall .biz-sm-logo-deco{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding-left:clamp(14px,2vw,18px);
  border-left:1px dashed var(--sm-l-border);
  min-height:64px;
  justify-content:center;
}
#shopping-mall .biz-sm-logo-deco-tag{
  font-size:11px;
  font-weight:800;
  letter-spacing:.2em;
  color:var(--sm-blue);
  text-transform:uppercase;
}
#shopping-mall .biz-sm-logo-deco-url{
  font-size:15px;
  font-weight:700;
  color:var(--sm-l-text2);
  letter-spacing:-.01em;
  text-decoration:none;
  transition:color .2s;
}
#shopping-mall .biz-sm-logo-deco-url:hover{
  color:var(--sm-blue);
  text-decoration:underline;
  text-underline-offset:3px;
}
#shopping-mall .biz-sm-logo-deco-url:focus-visible{
  outline:2px solid var(--sm-blue);
  outline-offset:3px;
  border-radius:4px;
}
#shopping-mall .biz-sm-logo-deco-phone{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  margin-top:2px;
  font-size:16px;
  font-weight:900;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(135deg,var(--sm-blue),#0b63d6);
  border:1px solid rgba(33,129,255,.6);
  border-radius:999px;
  padding:6px 14px;
  letter-spacing:.02em;
  box-shadow:0 8px 18px rgba(33,129,255,.25);
  transition:transform .2s,box-shadow .2s,filter .2s;
}
#shopping-mall .biz-sm-logo-deco-phone:hover{
  filter:brightness(1.06);
  box-shadow:0 10px 22px rgba(33,129,255,.32);
}
#shopping-mall .biz-sm-logo-deco-phone:focus-visible{
  outline:2px solid var(--sm-blue);
  outline-offset:3px;
}
#shopping-mall .biz-sm-sub{
  font-size:16px;
  color:var(--sm-l-text2);
  max-width:40rem;
  line-height:1.7;
  margin:0 0 26px;
}
#shopping-mall .biz-sm-flagship-stats{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;
  gap:0;
  margin-top:8px;
  padding:15px clamp(16px,2.4vw,24px);
  border-radius:16px;
  text-align:center;
  background:
    linear-gradient(145deg,var(--sm-l-bg2) 0%,var(--sm-l-bg3) 42%,rgba(255,255,255,.96) 100%);
  border:1px solid var(--sm-l-border);
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 14px 44px rgba(0,26,64,.07);
  position:relative;
  overflow:hidden;
}
#shopping-mall .biz-sm-flagship-stats::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,var(--sm-blue) 0%,var(--sm-violet) 55%,var(--sm-cyan) 100%);
  opacity:.92;
  pointer-events:none;
}
#shopping-mall .biz-sm-flagship-stats .biz-sm-stat{
  position:relative;
  flex:1 1 0;
  min-width:min(100%,140px);
  gap:8px;
  padding:clamp(10px,1.4vw,14px) clamp(14px,2vw,20px);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(216,228,244,.85);
  margin:clamp(6px,1vw,10px);
  box-shadow:0 6px 20px rgba(0,26,64,.04);
  transition:border-color .25s,box-shadow .25s,transform .25s;
  align-items:center;
  text-align:center;
}
#shopping-mall .biz-sm-flagship-stats .biz-sm-stat:hover{
  border-color:rgba(33,129,255,.35);
  box-shadow:0 10px 28px rgba(33,129,255,.12);
  transform:translateY(-2px);
}
#shopping-mall .biz-sm-flagship-stats .biz-sm-stat::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:linear-gradient(90deg,rgba(33,129,255,.25),rgba(124,92,255,.35));
  opacity:.55;
  pointer-events:none;
}
#shopping-mall .biz-sm-flagship-stats .biz-sm-stat-val{
  font-size:clamp(34px,4.8vw,52px);
  line-height:1.05;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:baseline;
  gap:0.08em;
}
#shopping-mall .biz-sm-flagship-stats .biz-sm-stat-val span{
  font-size:clamp(20px,2.6vw,28px);
  font-weight:800;
}
#shopping-mall .biz-sm-flagship-stats .biz-sm-stat-lbl{
  font-size:clamp(11px,1.15vw,13px);
  font-weight:600;
  letter-spacing:.03em;
  color:var(--sm-l-text2);
  line-height:1.35;
  max-width:12em;
  margin-inline:auto;
}
#shopping-mall .biz-sm-stats{
  display:flex;
  gap:clamp(16px,3vw,24px);
}
#shopping-mall .biz-sm-stat{display:flex;flex-direction:column;gap:2px}
#shopping-mall .biz-sm-stat-val{font-size:21px;font-weight:900;color:var(--sm-blue);letter-spacing:-.03em;line-height:1}
#shopping-mall .biz-sm-stat-val span{font-size:13px}
#shopping-mall .biz-sm-stat-lbl{font-size:11px;color:var(--sm-l-text3);font-weight:600;letter-spacing:.04em}
#shopping-mall .biz-sm-stats.biz-sm-flagship-stats{
  gap:clamp(6px,1vw,10px);
}

/* Mock 브라우저 쇼케이스 */
#shopping-mall .biz-sm-showcase{
  position:relative;
  background:var(--sm-deep);
  border-radius:20px;
  padding:clamp(20px,2.8vw,28px);
  overflow:visible;
  align-self:stretch;
  justify-self:stretch;
  width:100%;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-height:0;
}
#shopping-mall .biz-sm-showcase-stack{
  position:relative;
  width:100%;
  max-width:min(100%,640px);
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
#shopping-mall .biz-sm-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 50% 40% at 30% 20%,rgba(33,129,255,.22),transparent 60%),
    radial-gradient(ellipse 40% 50% at 80% 80%,rgba(124,92,255,.16),transparent 60%);
  pointer-events:none;
}
#shopping-mall .biz-sm-showcase::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:radial-gradient(ellipse 100% 100% at 50% 50%,black 40%,transparent 90%);
}
#shopping-mall .biz-sm-device{
  position:relative;
  z-index:2;
  background:#fff;
  border-radius:14px;
  box-shadow:0 30px 80px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.1);
  overflow:hidden;
  transform:perspective(1200px) rotateY(-6deg) rotateX(2deg);
  transition:transform .55s cubic-bezier(.16,1,.3,1);
}
#shopping-mall .biz-sm-showcase:hover .biz-sm-device{
  transform:perspective(1200px) rotateY(-3deg) rotateX(1deg);
}
#shopping-mall .biz-sm-devbar{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  background:#f2f6fd;
  border-bottom:1px solid var(--sm-l-border);
}
#shopping-mall .biz-sm-devdot{width:9px;height:9px;border-radius:50%;background:#d8e4f4}
#shopping-mall .biz-sm-devdot.r{background:#ff5f57}
#shopping-mall .biz-sm-devdot.y{background:#febc2e}
#shopping-mall .biz-sm-devdot.g{background:#28c840}
#shopping-mall .biz-sm-devurl{
  flex:1;
  background:#fff;
  border:1px solid var(--sm-l-border);
  border-radius:6px;
  padding:4px 10px;
  font-size:10px;
  color:var(--sm-l-text3);
}
#shopping-mall .biz-sm-devurl strong{color:var(--sm-blue)}
#shopping-mall .biz-sm-devscreen{padding:18px;background:#fff}
#shopping-mall .biz-sm-devscreen--live{
  padding:0;
  background:#e8edf5;
}
#shopping-mall .biz-sm-screenshot-wrap{
  overflow:hidden;
  line-height:0;
  background:#fff;
  border-radius:0 0 10px 10px;
  aspect-ratio:1024 / 493;
}
#shopping-mall .biz-sm-screenshot-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:top center;
}

/* 스크린샷 아래 → AI 주문 오브 (회전 링·글로우) */
#shopping-mall .biz-sm-ai-flow{
  position:relative;
  z-index:2;
  margin-top:clamp(10px,1.8vw,18px);
  padding:4px 6px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
}
#shopping-mall .biz-sm-ai-connector{
  width:2px;
  height:22px;
  margin-bottom:4px;
  border-radius:99px;
  background:linear-gradient(180deg, rgba(33,129,255,0), rgba(147,197,253,.75) 40%, rgba(167,139,250,.65));
  box-shadow:0 0 12px rgba(33,129,255,.35);
  opacity:.85;
}
#shopping-mall .biz-sm-ai-orbit{
  position:relative;
  width:132px;
  height:132px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#shopping-mall .biz-sm-ai-orbit-flare{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(8px);
  opacity:.55;
  animation:bizSmAiFlare 3.2s ease-in-out infinite;
}
#shopping-mall .biz-sm-ai-orbit-flare--1{
  width:22px;
  height:22px;
  top:8px;
  right:10px;
  background:radial-gradient(circle, rgba(125,211,252,.95), transparent 70%);
}
#shopping-mall .biz-sm-ai-orbit-flare--2{
  width:18px;
  height:18px;
  bottom:18px;
  left:6px;
  background:radial-gradient(circle, rgba(216,180,254,.95), transparent 70%);
  animation-delay:-1.4s;
}
@keyframes bizSmAiFlare{
  0%,
  100%{opacity:.35;transform:scale(0.9)}
  50%{opacity:.75;transform:scale(1.15)}
}
#shopping-mall .biz-sm-ai-orbit-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:2px solid transparent;
  border-top-color:rgba(56,189,248,.75);
  border-right-color:rgba(167,139,250,.45);
  border-bottom-color:rgba(56,189,248,.2);
  border-left-color:rgba(192,132,252,.35);
  animation:bizSmOrbitSpin 9s linear infinite;
  box-shadow:0 0 14px rgba(33,129,255,.15);
}
#shopping-mall .biz-sm-ai-orbit-ring--slow{
  inset:-6px;
  border-width:1.5px;
  border-top-color:rgba(147,197,253,.5);
  border-right-color:rgba(99,102,241,.35);
  animation-duration:14s;
  opacity:.75;
}
#shopping-mall .biz-sm-ai-orbit-ring--ccw{
  inset:-14px;
  border-width:1.5px;
  border-top-color:rgba(192,132,252,.4);
  border-right-color:rgba(56,189,248,.25);
  animation:bizSmOrbitSpin 11s linear infinite reverse;
  opacity:.55;
}
@keyframes bizSmOrbitSpin{
  to{transform:rotate(360deg)}
}
#shopping-mall .biz-sm-ai-orbit-sphere{
  position:relative;
  width:86px;
  height:86px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(ellipse 80% 55% at 50% 18%, rgba(255,255,255,.22), transparent 52%),
    radial-gradient(ellipse 70% 60% at 50% 100%, rgba(168,85,247,.42), transparent 58%),
    radial-gradient(circle at 32% 28%, rgba(56,189,248,.35), transparent 42%),
    linear-gradient(155deg, #0c1f42 0%, #151838 42%, #0b2f58 100%);
  box-shadow:
    0 0 0 1px rgba(147,197,253,.22) inset,
    0 0 28px rgba(99,102,241,.4),
    0 0 48px rgba(33,129,255,.22),
    0 12px 28px rgba(0,0,0,.35);
  animation:bizSmOrbPulse 2.8s ease-in-out infinite;
}
#shopping-mall .biz-sm-ai-orbit-dots{
  position:absolute;
  inset:-2px;
  border-radius:50%;
  background-image:radial-gradient(circle, rgba(147,197,253,.55) 1px, transparent 1.6px);
  background-size:5px 6px;
  opacity:.45;
  mask-image:radial-gradient(circle closest-side, #000 68%, transparent 100%);
  -webkit-mask-image:radial-gradient(circle closest-side, #000 68%, transparent 100%);
  animation:bizSmDotsDrift 18s linear infinite;
}
@keyframes bizSmDotsDrift{
  to{transform:rotate(-360deg)}
}
#shopping-mall .biz-sm-ai-orbit-shade{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:linear-gradient(180deg, transparent 40%, rgba(0,0,0,.28) 100%);
  pointer-events:none;
}
#shopping-mall .biz-sm-ai-orbit-label{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  text-align:center;
  line-height:1;
}
#shopping-mall .biz-sm-ai-orbit-ai{
  font-size:clamp(26px,4vw,30px);
  font-weight:900;
  letter-spacing:-0.04em;
  color:#f8fafc;
  text-shadow:
    0 0 20px rgba(56,189,248,.6),
    0 0 36px rgba(129,140,248,.45),
    0 2px 4px rgba(0,0,0,.45);
}
#shopping-mall .biz-sm-ai-orbit-ju{
  font-size:11px;
  font-weight:700;
  letter-spacing:0.28em;
  color:rgba(226,237,255,.88);
  text-indent:0.28em;
  margin-top:2px;
}
@keyframes bizSmOrbPulse{
  0%,
  100%{transform:scale(1);box-shadow:0 0 0 1px rgba(147,197,253,.22) inset,0 0 28px rgba(99,102,241,.38),0 0 44px rgba(33,129,255,.18),0 12px 28px rgba(0,0,0,.35)}
  50%{transform:scale(1.035);box-shadow:0 0 0 1px rgba(167,139,250,.28) inset,0 0 36px rgba(168,85,247,.48),0 0 56px rgba(33,129,255,.28),0 14px 32px rgba(0,0,0,.38)}
}
@media (prefers-reduced-motion: reduce){
  #shopping-mall .biz-sm-ai-orbit-ring,
  #shopping-mall .biz-sm-ai-orbit-dots,
  #shopping-mall .biz-sm-ai-orbit-sphere,
  #shopping-mall .biz-sm-ai-orbit-flare{
    animation:none !important;
  }
  #shopping-mall .biz-sm-ai-orbit-sphere{transform:none}
  #shopping-mall .biz-sm-ai-orbit-flare{opacity:.5}
}

#shopping-mall .biz-sm-devhero{
  border-radius:10px;
  padding:18px;
  margin-bottom:12px;
  background:linear-gradient(135deg,#ffe4ec,#ffd3df 50%,#ffe9f1);
  position:relative;
  overflow:hidden;
}
#shopping-mall .biz-sm-devhero::before{
  content:"";
  position:absolute;
  top:-30px;
  right:-30px;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(236,72,153,.28),transparent 70%);
}
#shopping-mall .biz-sm-dhm-e{font-size:8px;font-weight:800;letter-spacing:.18em;color:#be185d;text-transform:uppercase;margin-bottom:6px}
#shopping-mall .biz-sm-dhm-t{font-size:17px;font-weight:900;color:#831843;letter-spacing:-.02em;line-height:1.15;margin-bottom:6px}
#shopping-mall .biz-sm-dhm-s{font-size:10px;color:rgba(131,24,67,.72);line-height:1.5;margin-bottom:10px}
#shopping-mall .biz-sm-dhm-b{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:#be185d;
  color:#fff;
  font-size:9px;
  font-weight:700;
  padding:6px 10px;
  border-radius:6px;
}
#shopping-mall .biz-sm-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
#shopping-mall .biz-sm-prod{border-radius:7px;overflow:hidden;background:var(--sm-l-bg)}
#shopping-mall .biz-sm-prod-img{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:22px}
#shopping-mall .biz-sm-prod-img.p1{background:linear-gradient(135deg,#ffe4ec,#fca5a5)}
#shopping-mall .biz-sm-prod-img.p2{background:linear-gradient(135deg,#fef3c7,#fcd34d)}
#shopping-mall .biz-sm-prod-img.p3{background:linear-gradient(135deg,#dbeafe,#93c5fd)}
#shopping-mall .biz-sm-prod-img.p4{background:linear-gradient(135deg,#e9d5ff,#c084fc)}
#shopping-mall .biz-sm-prod-img.p5{background:linear-gradient(135deg,#d1fae5,#6ee7b7)}
#shopping-mall .biz-sm-prod-img.p6{background:linear-gradient(135deg,#fed7aa,#fb923c)}
#shopping-mall .biz-sm-prod-info{padding:6px 8px}
#shopping-mall .biz-sm-prod-name{font-size:9px;font-weight:700;color:var(--sm-l-text);margin-bottom:2px;letter-spacing:-.01em}
#shopping-mall .biz-sm-prod-price{font-size:9px;font-weight:900;color:var(--sm-l-text);letter-spacing:-.02em}

#shopping-mall .biz-sm-chip{
  position:absolute;
  z-index:3;
  background:#fff;
  border-radius:12px;
  padding:10px 14px;
  box-shadow:0 12px 32px rgba(0,0,0,.22),0 0 0 1px rgba(33,129,255,.1);
  display:flex;
  align-items:center;
  gap:10px;
}
#shopping-mall .biz-sm-chip.c1{top:28px;right:-10px}
#shopping-mall .biz-sm-chip.c2{
  bottom:clamp(204px,42%,400px);
  left:-10px;
  right:auto;
  z-index:4;
}
#shopping-mall .biz-sm-chip-ico{
  width:28px;
  height:28px;
  border-radius:7px;
  background:var(--sm-l-bg3);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
#shopping-mall .biz-sm-chip-ico svg{width:14px;height:14px;stroke:var(--sm-blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#shopping-mall .biz-sm-chip-val{font-size:12px;font-weight:900;color:var(--sm-l-text);letter-spacing:-.02em;line-height:1}
#shopping-mall .biz-sm-chip-lbl{font-size:9px;color:var(--sm-l-text3);margin-top:2px}

/* 플래그십 ↔ 서브브랜드 사이 가치 블록 */
#shopping-mall .biz-sm-valueband{
  position:relative;
  z-index:1;
  padding:clamp(52px,7vw,80px) 0;
  background:linear-gradient(180deg,var(--sm-l-bg3) 0%,#fff 48%,var(--sm-l-bg) 100%);
  border-top:1px solid var(--sm-l-border);
  border-bottom:1px solid var(--sm-l-border);
}
#shopping-mall .biz-sm-valueband-title{
  margin:0 0 12px;
  text-align:center;
  font-size:clamp(20px,2.4vw,28px);
  font-weight:900;
  letter-spacing:-.03em;
  color:var(--sm-l-text);
  line-height:1.25;
}
#shopping-mall .biz-sm-valueband-title strong{
  color:var(--sm-blue);
  font-weight:900;
}

@media (max-width:768px){
  #shopping-mall .biz-sm-valueband-title{
    font-size:clamp(16px,4vw,24px);
    line-height:1.28;
  }
  #shopping-mall .biz-bx-hero__kicker{
    letter-spacing:.1em;
  }
}
@media (max-width:400px){
  #shopping-mall .biz-sm-valueband-title{
    font-size:clamp(15px,3.8vw,22px);
  }
}
#shopping-mall .biz-sm-valueband-lead{
  margin:0 auto 32px;
  max-width:40rem;
  text-align:center;
  font-size:15px;
  line-height:1.8;
  color:var(--sm-l-text2);
}
#shopping-mall .biz-sm-valuegrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(16px,2.5vw,22px);
  max-width:1100px;
  margin:0 auto;
}
#shopping-mall .biz-sm-valuecard{
  margin:0;
  padding:22px 20px 24px;
  border-radius:16px;
  background:var(--sm-l-bg2);
  border:1px solid var(--sm-l-border);
  box-shadow:0 10px 32px rgba(0,26,64,.05);
}
#shopping-mall .biz-sm-valuecard-ico{
  display:block;
  font-size:26px;
  line-height:1;
  margin-bottom:12px;
}
#shopping-mall .biz-sm-valuecard h4{
  margin:0 0 10px;
  font-size:17px;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--sm-l-text);
}
#shopping-mall .biz-sm-valuecard p{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--sm-l-text2);
}

/* ── 서브 브랜드 ── */
#shopping-mall .biz-sm-brands,
#shopping-mall #shopping-mall-brands{
  scroll-margin-top:calc(var(--gnb-h, 80px) + 54px + 12px);
}
#shopping-mall .biz-sm-card[id]{
  scroll-margin-top:calc(var(--gnb-h, 80px) + 54px + 16px);
}
/* 서브 브랜드 — 플래그십과 동일: GNB + 비즈 탭 제외 1화면 */
#shopping-mall .biz-sm-brands{
  --sm-brands-vh:var(--sm-flagship-vh, var(--biz-hero-vh, calc(100svh - var(--gnb-h, 80px) - 56px)));
  position:relative;
  overflow:hidden;
  background:var(--sm-deep);
  min-height:var(--sm-brands-vh);
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-sizing:border-box;
  padding:clamp(20px,4vh,48px) 0;
}
#shopping-mall .biz-sm-brands > .wrap{
  width:100%;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:0;
}
#shopping-mall .biz-sm-brands::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 50% 40% at 80% 10%,rgba(33,129,255,.18),transparent 60%),
    radial-gradient(ellipse 40% 50% at 10% 90%,rgba(168,85,247,.14),transparent 60%);
  pointer-events:none;
}
#shopping-mall .biz-sm-brands::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(33,129,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(33,129,255,.04) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 30%,transparent 90%);
}
#shopping-mall .biz-sm-brands-head{
  margin-bottom:clamp(14px,2.5vh,28px);
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:28px;
  flex-wrap:wrap;
  flex-shrink:0;
}
#shopping-mall .biz-sm-brands-intro{
  position:relative;
  z-index:2;
  margin:0 0 clamp(14px,2.5vh,24px);
  font-size:clamp(14px,1.6vw,15px);
  line-height:1.75;
  color:rgba(255,255,255,.62);
  flex-shrink:0;
}
@media (min-width:981px){
  #shopping-mall .biz-sm-brands-intro{
    width:100%;
    max-width:none;
  }
}
#shopping-mall .biz-sm-brands-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--sm-blue3);
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
#shopping-mall .biz-sm-brands-label::before{
  content:"";
  width:24px;
  height:1px;
  background:var(--sm-blue3);
}
#shopping-mall .biz-sm-brands-title{
  margin:0;
  font-size:clamp(24px,3.2vw,38px);
  font-weight:900;
  color:#fff;
  letter-spacing:-.03em;
  line-height:1.15;
}
#shopping-mall .biz-sm-brands-title em{
  font-style:normal;
  background:linear-gradient(135deg,var(--sm-blue3),var(--sm-cyan));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
#shopping-mall .biz-sm-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:clamp(10px,1.4vw,14px);
  position:relative;
  z-index:2;
  flex:0 0 auto;
  align-items:start;
}
#shopping-mall .biz-sm-brands .biz-sm-card{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  padding:16px 16px 14px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  flex-direction:column;
  gap:10px;
  transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .35s,background .35s;
  backdrop-filter:blur(10px);
  height:auto;
  min-height:clamp(235px,26vh,268px);
  max-height:296px;
  text-decoration:none;
  color:inherit;
}
#shopping-mall .biz-sm-card-bignum{
  position:absolute;
  bottom:-28px;
  right:-10px;
  font-size:120px;
  font-weight:900;
  letter-spacing:-.05em;
  color:transparent;
  -webkit-text-stroke:1px var(--c-border);
  opacity:.45;
  line-height:.8;
  pointer-events:none;
  transition:opacity .35s,transform .45s;
}
#shopping-mall .biz-sm-card:hover .biz-sm-card-bignum{opacity:.8;transform:translateY(-4px)}
#shopping-mall .biz-sm-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--c),transparent);
  opacity:0;
  transition:opacity .35s;
}
#shopping-mall .biz-sm-card::after{
  content:"";
  position:absolute;
  top:-80px;
  right:-80px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,var(--c-glow),transparent 70%);
  opacity:.18;
  transition:opacity .45s,transform .45s;
  pointer-events:none;
}
#shopping-mall .biz-sm-card:hover{
  transform:translateY(-6px);
  border-color:var(--c-border);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
}
#shopping-mall .biz-sm-card:hover::before{opacity:1}
#shopping-mall .biz-sm-card:hover::after{opacity:.45;transform:scale(1.15)}
#shopping-mall .biz-sm-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:relative;
  z-index:2;
}
#shopping-mall .biz-sm-card-mark{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--c);
}
#shopping-mall .biz-sm-card-mark .dot{width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
#shopping-mall .biz-sm-card-num{font-size:10px;font-weight:900;color:rgba(255,255,255,.25);letter-spacing:.16em}
#shopping-mall .biz-sm-brands .biz-sm-card-logo{
  position:relative;
  z-index:2;
  width:100%;
  height:66px;
  max-height:66px;
  flex-shrink:0;
  border-radius:10px;
  background:#f8fafc;
  border:1px solid rgba(255,255,255,.22);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:border-color .35s,background .35s;
}
#shopping-mall .biz-sm-card:hover .biz-sm-card-logo{
  border-color:var(--c-border);
  background:#f8fafc;
}
#shopping-mall .biz-sm-brands .biz-sm-card-logo img{
  max-width:92%;
  max-height:54px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:none;
}
#shopping-mall .biz-sm-card-logo-ph{
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  color:rgba(255,255,255,.38);
  text-transform:uppercase;
}
#shopping-mall .biz-sm-card-corner{
  position:absolute;
  top:8px;
  right:10px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
  color:var(--c);
  opacity:.75;
  z-index:3;
  pointer-events:none;
}
#shopping-mall .biz-sm-brands .biz-sm-card-body{
  flex:0 1 auto;
  position:relative;
  z-index:2;
  min-height:0;
}
#shopping-mall .biz-sm-brands .biz-sm-card-name{
  font-size:clamp(17px,1.5vw,20px);
  font-weight:900;
  color:#fff;
  letter-spacing:-.03em;
  line-height:1.12;
  margin-bottom:4px;
}
#shopping-mall .biz-sm-brands .biz-sm-card-tag{
  font-size:12px;
  color:rgba(255,255,255,.52);
  line-height:1.45;
  margin:0;
}
#shopping-mall .biz-sm-brands .biz-sm-card-sub{
  display:block;
  margin-top:4px;
  font-size:11px;
  line-height:1.45;
  color:rgba(255,255,255,.42);
  font-weight:500;
}
#shopping-mall .biz-sm-brands .biz-sm-card-go{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  font-size:11px;
  font-weight:700;
  color:#fff;
  padding:8px 12px;
  border-radius:8px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  transition:background .25s,border-color .25s;
  margin-top:auto;
  flex-shrink:0;
}
#shopping-mall .biz-sm-card:hover .biz-sm-card-go{background:var(--c-bg);border-color:var(--c-border)}
#shopping-mall .biz-sm-card-go svg{width:12px;height:12px;flex-shrink:0;transition:transform .25s}
#shopping-mall .biz-sm-card:hover .biz-sm-card-go svg{transform:translateX(3px)}

@media (max-width:1080px){
  #shopping-mall .biz-sm-flagship-inner{grid-template-columns:1fr}
  #shopping-mall .biz-sm-showcase-stack{max-width:min(100%,560px)}
  #shopping-mall .biz-sm-grid{grid-template-columns:repeat(2,1fr)}
  #shopping-mall .biz-sm-valuegrid{grid-template-columns:1fr}
}
@media (max-width:640px){
  #shopping-mall .biz-sm-brands{
    min-height:auto;
    padding:clamp(48px,8vw,72px) 0;
  }
  #shopping-mall .biz-sm-brands > .wrap{
    flex:none;
    justify-content:flex-start;
  }
  #shopping-mall .biz-sm-brands-head{margin-bottom:28px}
  #shopping-mall .biz-sm-brands-intro{margin-bottom:24px;font-size:15px}
  #shopping-mall .biz-sm-logo-row{flex-direction:column;align-items:stretch}
  #shopping-mall .biz-sm-logo-row__left{flex-wrap:wrap}
  #shopping-mall .biz-sm-logo-row__cta{align-self:flex-end;margin-top:4px}
  #shopping-mall .biz-sm-stats{flex-wrap:wrap}
  #shopping-mall .biz-sm-grid{
    grid-template-columns:1fr;
    flex:none;
  }
  #shopping-mall .biz-sm-brands .biz-sm-card{
    min-height:260px;
    max-height:none;
  }
  #shopping-mall .biz-sm-chip{display:none}
  #shopping-mall .biz-sm-chip.c2{display:flex}
}
@media (max-width:480px){
  #shopping-mall .biz-sm-prod-name,
  #shopping-mall .biz-sm-prod-price{font-size:12px}
  #shopping-mall .biz-sm-chip-lbl,
  #shopping-mall .biz-sm-dhm-s{font-size:12px}
  #shopping-mall .biz-sm-dhm-e{font-size:11px}
  #shopping-mall .biz-sm-stat-lbl{font-size:12px}
  #shopping-mall .biz-sm-card-corner{font-size:11px}
}