@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Oswald:wght@500;600;700&family=Source+Serif+4:wght@500;600&family=Syne:wght@600;700;800&display=swap");

/* Batch 5 — six premium campaign worlds. Static-complete. Motion is optional. */

body.sg-mini-store .b2h-hero {
  position: relative;
  overflow: hidden;
  min-height: 92vh !important;
  isolation: isolate;
}
body.sg-mini-store .b2h-hero .ml-home-hero-bg { opacity: 0 !important; }
body.sg-mini-store .b2h-hero .ml-home-container {
  position: relative;
  z-index: 8;
  max-width: none;
  width: 100%;
  padding: 0;
  min-height: 92vh;
}
body.sg-mini-store .b2h-hero .ml-home-hero-grid {
  display: block !important;
  position: relative;
  min-height: 92vh;
  max-width: none;
  gap: 0;
}
body.sg-mini-store .b2h-hero .ml-home-hero-logo-row,
body.sg-mini-store .b2h-hero .ml-home-hero-meta,
body.sg-mini-store .b2h-hero .ml-home-hero-dots,
body.sg-mini-store .b2h-hero .ml-home-hero-avatar { display: none !important; }
body.sg-mini-store .b2h-hero .b2h-art {
  position: absolute; inset: 0; z-index: 5; pointer-events: none; overflow: hidden;
}
body.sg-mini-store .b2h-hero .ml-home-hero-copy {
  position: absolute;
  z-index: 20;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  box-sizing: border-box;
  max-width: min(32rem, calc(100% - 40px));
}
body.sg-mini-store .b2h-hero .ml-home-hero-title,
body.sg-mini-store .b2h-hero .ml-home-hero-subtitle,
body.sg-mini-store .b2h-hero .ml-home-hero-label,
body.sg-mini-store .b2h-hero .ml-btn {
  pointer-events: auto;
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: 100%;
  margin: 0;
}
body.sg-mini-store .b2h-hero .ml-home-hero-ctas {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin: 4px 0 0;
  pointer-events: auto;
}
body.sg-mini-store .b2h-hero .ml-home-hero-media,
body.sg-mini-store .b2h-hero .ml-home-hero-media-frame {
  position: absolute !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  pointer-events: none;
}
body.sg-mini-store .b2h-hero .ml-home-hero-media-img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
body.sg-mini-store .b2h-hero .ml-home-hero-media-img.is-empty:not([src]),
body.sg-mini-store .b2h-hero .ml-home-hero-media-img.is-empty[src=""],
body.sg-mini-store .b2h-hero .ml-home-hero-media-img:not([src]) { display: none !important; }
body.store-editor-on.sg-mini-store .b2h-hero .ml-home-hero-media-frame.se-img-wrap {
  outline: 1px dashed color-mix(in srgb, currentColor 35%, transparent);
}
body.store-editor-on.sg-mini-store .b2h-hero .se-img-overlay {
  inset: auto !important; top: auto !important; right: 8px !important; bottom: 8px !important;
  left: auto !important; width: auto; height: auto; display: flex !important; background: none !important; z-index: 12;
}
body.store-editor-on.sg-mini-store .b2h-hero .se-img-overlay .se-img-hint { display: none; }
body.sg-mini-store .b2h-hero .ml-home-hero-media-frame::before,
body.sg-mini-store .b2h-hero .ml-home-hero-media-frame::after {
  display: none !important;
}

/* Copy stays a real card (Atelier Quiet method) so publish + visual edit keep working. */

/* Side-profile campaign sneaker — used until a seller photo is set */
body.sg-mini-store .b2h-shoe {
  position: absolute; z-index: 6; width: min(42vw, 520px); height: min(22vw, 260px);
  pointer-events: none; filter: drop-shadow(0 28px 24px rgba(0,0,0,.35));
}
body.sg-mini-store .b2h-shoe__body {
  position: absolute; left: 10%; top: 22%; width: 72%; height: 46%;
  background: linear-gradient(165deg, #f2eee6 0 18%, #c8c2b6 42%, #3a3834 78%);
  border-radius: 55% 70% 28% 42% / 80% 90% 28% 45%;
}
body.sg-mini-store .b2h-shoe__sole {
  position: absolute; left: 8%; bottom: 16%; width: 78%; height: 22%;
  background: linear-gradient(180deg, #2a2a28, #0c0c0c);
  border-radius: 40% 50% 18% 22% / 40% 50% 40% 50%;
}
body.sg-mini-store .b2h-shoe__heel {
  position: absolute; left: 8%; top: 28%; width: 16%; height: 38%;
  background: linear-gradient(180deg, #d8d4cc, #5a564e);
  border-radius: 40% 10% 20% 40%;
}
body.sg-mini-store .b2h-shoe__lace {
  position: absolute; left: 38%; top: 18%; width: 28%; height: 22%;
  background: repeating-linear-gradient(180deg, transparent 0 5px, rgba(255,255,255,.55) 5px 6px);
  clip-path: polygon(10% 100%, 50% 0, 90% 100%);
  opacity: .7;
}
body.sg-mini-store .b2h-hero:has(.ml-home-hero-media-img[src]:not([src=""]):not(.is-empty)) .b2h-shoe {
  display: none;
}
body[data-mini-skin="mini_ridge_pair"] .b2h-shoe { left: 10%; top: 28%; transform: rotate(-18deg); }
body[data-mini-skin="mini_lane_kick"] .b2h-shoe { left: 29%; top: 32%; filter: drop-shadow(0 22px 16px rgba(26,28,30,.2)); }
body[data-mini-skin="mini_lane_kick"] .b2h-shoe__body { background: linear-gradient(165deg, #fff, #9aa3ad 55%, #2a2e32); }
body[data-mini-skin="mini_court_lace"] .b2h-shoe { left: 28%; top: 28%; }
body[data-mini-skin="mini_court_lace"] .b2h-shoe__body { background: linear-gradient(165deg, #f3eee4, #9b1c2c 48%, #111); }
body[data-mini-skin="mini_block_pair"] .b2h-shoe { left: 22%; top: 24%; width: min(28vw, 340px); height: min(16vw, 190px); }
body[data-mini-skin="mini_harbor_sole"] .b2h-shoe { left: 50%; top: 24%; }
body[data-mini-skin="mini_harbor_sole"] .b2h-shoe__body { background: linear-gradient(165deg, #e8eef4, #8aa0b4 50%, #152536); }
body[data-mini-skin="mini_metro_lace"] .b2h-shoe { left: 32%; top: 38%; }
body[data-mini-skin="mini_metro_lace"] .b2h-shoe__body { background: linear-gradient(165deg, #f5f5f5, #ff3b1f 42%, #1a1a1c); }

body[data-mini-skin="mini_ridge_pair"] .sg-shell-glass-nav__logo-mark,
body[data-mini-skin="mini_lane_kick"] .sg-shell-glass-nav__logo-mark,
body[data-mini-skin="mini_court_lace"] .sg-shell-glass-nav__logo-mark,
body[data-mini-skin="mini_block_pair"] .sg-shell-glass-nav__logo-mark,
body[data-mini-skin="mini_harbor_sole"] .sg-shell-glass-nav__logo-mark,
body[data-mini-skin="mini_metro_lace"] .sg-shell-glass-nav__logo-mark {
  width: 18px !important; height: 18px !important; border-radius: 0 !important;
  background: none !important; border: 1px solid currentColor !important; font-size: 9px;
}
body[data-mini-skin="mini_ridge_pair"] .sg-shell-glass-nav__verified,
body[data-mini-skin="mini_harbor_sole"] .sg-shell-glass-nav__verified,
body[data-mini-skin="mini_metro_lace"] .sg-shell-glass-nav__verified { display: none; }

@keyframes b5-fade { from { opacity: 0 } to { opacity: 1 } }
@keyframes b5-rise12 { from { transform: translateY(12px) scale(.985); opacity: 0 } to { transform: none; opacity: 1 } }
@keyframes b5-rise8 { from { transform: translateY(8px); opacity: 0 } to { transform: none; opacity: 1 } }
@keyframes b5-rise6 { from { transform: translateY(6px); opacity: 0 } to { transform: none; opacity: 1 } }
@keyframes b5-type { from { clip-path: inset(0 0 100% 0); opacity: .2 } to { clip-path: inset(0); opacity: 1 } }
@keyframes b5-type-h { from { clip-path: inset(0 100% 0 0); opacity: .2 } to { clip-path: inset(0); opacity: 1 } }
@keyframes b5-scale04 { from { transform: scale(.98) } to { transform: scale(1) } }
@keyframes b5-draw-x { from { transform: scaleX(0) } to { transform: scaleX(1) } }
@keyframes b5-draw-y { from { transform: scaleY(0) } to { transform: scaleY(1) } }
@keyframes b5-sweep { from { transform: translateX(-120%) } to { transform: translateX(220%) } }
@keyframes b5-poster { from { transform: translateY(8px) } to { transform: none } }
@keyframes b5-fog { 0%,100% { opacity: .38 } 50% { opacity: .52 } }
@keyframes b5-water { 0%,100% { opacity: .55; transform: translateY(0) } 50% { opacity: .7; transform: translateY(1px) } }
@keyframes b5-lamp { from { opacity: 0 } to { opacity: 1 } }
@keyframes b5-idle { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-1px) } }

/* ── Ridge Pair: luxury fashion campaign ── */
body[data-mini-skin="mini_ridge_pair"] .sg-shell-glass-nav__wrap { padding: 0 !important; }
body[data-mini-skin="mini_ridge_pair"] .sg-shell-glass-nav__capsule {
  position: relative;
  background: #0b0b0d !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  min-height: 42px; padding: 0 22px !important;
  border-bottom: 1px solid rgba(244,244,240,.12) !important;
}
body[data-mini-skin="mini_ridge_pair"] .sg-shell-glass-nav__name,
body[data-mini-skin="mini_ridge_pair"] .sg-shell-glass-nav__menu,
body[data-mini-skin="mini_ridge_pair"] .sg-shell-glass-nav__search,
body[data-mini-skin="mini_ridge_pair"] .sg-shell-glass-nav__cart { color: #f4f4f0 !important; }
body[data-mini-skin="mini_ridge_pair"] .sg-shell-glass-nav__name {
  font-family: Syne, Inter, sans-serif; letter-spacing: 0.22em; text-transform: uppercase; font-size: 11px; font-weight: 700;
}
body[data-mini-skin="mini_ridge_pair"] .sg-shell-glass-nav__capsule::after {
  content: "05";
  position: absolute; right: 96px; top: 50%; transform: translateY(-50%);
  font-size: 9px; letter-spacing: 0.28em; color: rgba(244,244,240,.45);
}
body[data-mini-skin="mini_ridge_pair"] .b2h-hero--ridge { background: #070708; }
body[data-mini-skin="mini_ridge_pair"] .b2h-ridge-grain {
  position: absolute; inset: 0; z-index: 0;
  background:
    radial-gradient(120% 80% at 70% 40%, rgba(80,80,78,.35), transparent 55%),
    linear-gradient(180deg, #0c0c0e, #050506);
}
body[data-mini-skin="mini_ridge_pair"] .b2h-ridge-word {
  position: absolute; left: -4%; bottom: 8%; z-index: 2;
  font-family: Syne, Inter, sans-serif; font-weight: 800;
  font-size: clamp(7rem, 22vw, 18rem); letter-spacing: -0.08em; line-height: .8;
  color: rgba(244,244,240,.07); white-space: nowrap;
}
body[data-mini-skin="mini_ridge_pair"] .b2h-ridge-slash {
  position: absolute; left: 8%; top: 18%; width: 72%; height: 1px; z-index: 4;
  background: linear-gradient(90deg, transparent, rgba(244,244,240,.35), transparent);
  transform: rotate(-18deg);
}
body[data-mini-skin="mini_ridge_pair"] .b2h-ridge-meta {
  position: absolute; z-index: 6;
  font-family: Inter, sans-serif; font-size: 9px; letter-spacing: 0.28em; color: rgba(244,244,240,.55);
}
body[data-mini-skin="mini_ridge_pair"] .b2h-ridge-meta--a { left: 4%; top: 14%; }
body[data-mini-skin="mini_ridge_pair"] .b2h-ridge-meta--b { right: 5%; top: 38%; writing-mode: vertical-rl; }
body[data-mini-skin="mini_ridge_pair"] .b2h-ridge-meta--c { left: 6%; bottom: 10%; }
body[data-mini-skin="mini_ridge_pair"] .b2h-hero--ridge .ml-home-hero-media {
  left: -6%; top: 6%; width: 78%; height: 92%; z-index: 3;
  transform: rotate(-11deg);
}
body[data-mini-skin="mini_ridge_pair"] .b2h-hero--ridge .ml-home-hero-media-frame {
  inset: 0; overflow: hidden;
  background: transparent !important;
  mask-image: none;
}
body[data-mini-skin="mini_ridge_pair"] .b2h-hero--ridge .ml-home-hero-media:has(.ml-home-hero-media-img[src]:not([src=""]):not(.is-empty)) .ml-home-hero-media-frame {
  background:
    radial-gradient(ellipse at 40% 55%, #2a2a28 0 18%, transparent 42%),
    linear-gradient(135deg, #1a1a18 20%, #0a0a0c 70%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
}
body[data-mini-skin="mini_ridge_pair"] .b2h-hero--ridge .ml-home-hero-media-frame::before {
  content: "";
  position: absolute; left: 8%; top: 22%; width: 86%; height: 56%;
  background: linear-gradient(160deg, #c8c4bc, #3a3834 45%, #111);
  clip-path: polygon(8% 62%, 18% 48%, 42% 40%, 70% 36%, 88% 44%, 96% 58%, 78% 72%, 52% 78%, 22% 74%);
  filter: drop-shadow(0 28px 24px rgba(0,0,0,.45));
}
body[data-mini-skin="mini_ridge_pair"] .b2h-hero--ridge .ml-home-hero-media-img {
  object-fit: cover; transform: scale(1.08) rotate(11deg);
}
body[data-mini-skin="mini_ridge_pair"] .b2h-hero--ridge .ml-home-hero-copy {
  left: 5%; bottom: 8%; padding: 22px 24px;
  background: rgba(11,11,13,.78);
  box-shadow: 0 18px 40px rgba(0,0,0,.28);
}
body[data-mini-skin="mini_ridge_pair"] .b2h-hero--ridge .ml-home-hero-label {
  font-family: Syne, Inter, sans-serif; font-size: 10px; letter-spacing: 0.28em;
  color: rgba(244,244,240,.55) !important;
}
body[data-mini-skin="mini_ridge_pair"] .b2h-hero--ridge .ml-home-hero-title {
  font-family: Syne, Inter, sans-serif; font-weight: 700;
  font-size: clamp(1.6rem, 3.4vw, 3.1rem); line-height: .95; letter-spacing: -0.04em;
  color: #f4f4f0 !important;
}
body[data-mini-skin="mini_ridge_pair"] .b2h-hero--ridge .ml-home-hero-subtitle {
  font-size: 13px; color: rgba(244,244,240,.62) !important; letter-spacing: 0.02em;
}
body[data-mini-program="1"][data-mini-skin="mini_ridge_pair"] .b2h-hero .ml-btn--primary {
  min-height: 0 !important; padding: 10px 18px !important;
  background: #f4f4f0 !important; color: #0b0b0d !important;
  border: 0 !important; border-radius: 0 !important;
  font-family: Syne, Inter, sans-serif; font-size: 11px; letter-spacing: 0.2em; font-weight: 700;
}
body[data-mini-program="1"][data-mini-skin="mini_ridge_pair"] .b2h-hero .ml-btn--primary::after { content: " →"; }
body[data-mini-program="1"][data-mini-skin="mini_ridge_pair"] .b2h-hero .ml-btn--secondary {
  min-height: 0 !important; padding: 0 !important;
  background: none !important; border: 0 !important; color: rgba(244,244,240,.7) !important;
  font-size: 11px; letter-spacing: 0.22em; text-decoration: none !important;
  border-bottom: 1px solid rgba(244,244,240,.35) !important; border-radius: 0 !important;
}
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_ridge_pair"] .b2h-ridge-grain { animation: b5-fade .7s ease both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_ridge_pair"] .b2h-hero--ridge .ml-home-hero-media { animation: b5-rise12 .8s cubic-bezier(.2,.7,.2,1) both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_ridge_pair"] .b2h-ridge-word { animation: b5-type .85s ease .12s both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_ridge_pair"] .b2h-ridge-meta { animation: b5-fade .5s ease .4s both; }

/* ── Lane Kick: glass product laboratory ── */
body[data-mini-skin="mini_lane_kick"] .sg-shell-glass-nav__wrap { padding: 8px 0 0 !important; }
body[data-mini-skin="mini_lane_kick"] .sg-shell-glass-nav__capsule {
  background: rgba(255,255,255,.62) !important;
  border: 1px solid rgba(197,204,212,.55) !important;
  border-radius: 0 !important; box-shadow: none !important;
  min-height: 46px; backdrop-filter: blur(10px);
}
body[data-mini-skin="mini_lane_kick"] .sg-shell-glass-nav__name {
  font-family: "IBM Plex Sans", Inter, sans-serif; letter-spacing: 0.18em; text-transform: uppercase; font-size: 11px; color: #1a1c1e !important;
}
body[data-mini-skin="mini_lane_kick"] .b2h-hero--lane { background: #eef1f4; }
body[data-mini-skin="mini_lane_kick"] .b2h-lane-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(26,28,30,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26,28,30,.05) 1px, transparent 1px);
  background-size: 56px 56px;
}
body[data-mini-skin="mini_lane_kick"] .b2h-lane-glass {
  position: absolute; z-index: 2;
  background: linear-gradient(135deg, rgba(255,255,255,.55), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.7);
  box-shadow: 0 30px 60px rgba(26,28,30,.08);
}
body[data-mini-skin="mini_lane_kick"] .b2h-lane-glass--a { left: 10%; top: 18%; width: 38%; height: 62%; transform: skewY(-4deg); }
body[data-mini-skin="mini_lane_kick"] .b2h-lane-glass--b { right: 12%; top: 24%; width: 28%; height: 48%; transform: skewY(6deg); opacity: .7; }
body[data-mini-skin="mini_lane_kick"] .b2h-lane-sweep {
  position: absolute; left: 0; top: 0; bottom: 0; width: 18%; z-index: 5; pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  opacity: 0;
}
body[data-mini-skin="mini_lane_kick"] .b2h-lane-plinth {
  position: absolute; left: 28%; bottom: 12%; width: 44%; height: 10%; z-index: 4;
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(197,204,212,.55));
  border: 1px solid rgba(255,255,255,.8);
  box-shadow: 0 18px 40px rgba(26,28,30,.16);
  clip-path: polygon(6% 0, 94% 0, 100% 100%, 0 100%);
}
body[data-mini-skin="mini_lane_kick"] .b2h-lane-shadow {
  position: absolute; left: 32%; bottom: 8%; width: 36%; height: 18px; z-index: 3;
  background: radial-gradient(ellipse at center, rgba(26,28,30,.28), transparent 70%);
}
body[data-mini-skin="mini_lane_kick"] .b2h-lane-rule {
  position: absolute; z-index: 6; background: #1a1c1e; opacity: .28;
}
body[data-mini-skin="mini_lane_kick"] .b2h-lane-rule--a { left: 22%; top: 58%; width: 56%; height: 1px; }
body[data-mini-skin="mini_lane_kick"] .b2h-lane-rule--b { left: 50%; top: 22%; width: 1px; height: 58%; }
body[data-mini-skin="mini_lane_kick"] .b2h-hero--lane .ml-home-hero-media {
  left: 32%; top: 28%; width: 36%; height: 48%; z-index: 6;
}
body[data-mini-skin="mini_lane_kick"] .b2h-hero--lane .ml-home-hero-media-frame {
  inset: -8% -6% 0; overflow: visible;
  background: transparent !important;
}
body[data-mini-skin="mini_lane_kick"] .b2h-hero--lane .ml-home-hero-media-frame::before {
  content: "";
  position: absolute; left: 8%; top: 18%; width: 84%; height: 70%;
  background: linear-gradient(160deg, #dfe4ea, #9aa3ad 40%, #2a2e32);
  clip-path: polygon(12% 64%, 20% 48%, 48% 38%, 78% 42%, 92% 58%, 74% 74%, 40% 80%, 18% 74%);
  filter: drop-shadow(0 22px 18px rgba(26,28,30,.2));
}
body[data-mini-skin="mini_lane_kick"] .b2h-hero--lane .ml-home-hero-media-img {
  object-fit: contain; object-position: bottom center; filter: drop-shadow(0 18px 16px rgba(26,28,30,.18));
}
body[data-mini-skin="mini_lane_kick"] .b2h-hero--lane .ml-home-hero-copy {
  left: 50%; top: 9%; transform: translateX(-50%);
  align-items: center; text-align: center;
  padding: 20px 28px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(197,204,212,.7);
  backdrop-filter: blur(10px);
  max-width: min(36rem, 86vw);
}
body[data-mini-skin="mini_lane_kick"] .b2h-hero--lane .ml-home-hero-label {
  font-family: "IBM Plex Sans", Inter, sans-serif; font-size: 10px; letter-spacing: 0.28em; color: #6b737c;
}
body[data-mini-skin="mini_lane_kick"] .b2h-hero--lane .ml-home-hero-title {
  font-family: "IBM Plex Sans", Inter, sans-serif; font-weight: 500;
  font-size: clamp(1.5rem, 3vw, 2.6rem); letter-spacing: -0.04em; color: #1a1c1e !important;
  text-align: center;
}
body[data-mini-skin="mini_lane_kick"] .b2h-hero--lane .ml-home-hero-subtitle {
  font-size: 13px; color: #5c646c !important; text-align: center;
}
body[data-mini-skin="mini_lane_kick"] .b2h-hero--lane .ml-home-hero-ctas { justify-content: center; }
body[data-mini-program="1"][data-mini-skin="mini_lane_kick"] .b2h-hero .ml-btn--primary {
  min-height: 0 !important; padding: 11px 22px !important;
  background: #111 !important; color: #fff !important; border: 0 !important; border-radius: 0 !important;
  font-family: "IBM Plex Sans", Inter, sans-serif; letter-spacing: 0.18em; font-size: 11px;
}
body[data-mini-program="1"][data-mini-skin="mini_lane_kick"] .b2h-hero .ml-btn--primary::after { content: " →"; }
body[data-mini-program="1"][data-mini-skin="mini_lane_kick"] .b2h-hero .ml-btn--secondary {
  min-height: 0 !important; padding: 0 !important;
  background: none !important; border: 0 !important; color: #1a1c1e !important;
  font-size: 11px; letter-spacing: 0.18em; text-decoration: underline !important; text-underline-offset: 4px;
}
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_lane_kick"] .b2h-hero--lane .ml-home-hero-media { animation: b5-rise8 .75s ease both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_lane_kick"] .b2h-lane-sweep { opacity: 1; animation: b5-sweep .9s ease both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_lane_kick"] .b2h-lane-shadow { animation: b5-fade .8s ease both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_lane_kick"] .b2h-hero--lane .ml-home-hero-media:hover {
  transform: translateY(-2px);
}

/* ── Court Lace: editorial sports poster ── */
body[data-mini-skin="mini_court_lace"] .sg-shell-glass-nav__wrap { padding: 0 !important; }
body[data-mini-skin="mini_court_lace"] .sg-shell-glass-nav__capsule {
  position: relative;
  background: #f3eee4 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  min-height: 46px; border-bottom: 4px solid #9b1c2c !important;
}
body[data-mini-skin="mini_court_lace"] .sg-shell-glass-nav__name {
  font-family: Oswald, Inter, sans-serif; letter-spacing: 0.16em; text-transform: uppercase; font-size: 15px; color: #111 !important;
}
body[data-mini-skin="mini_court_lace"] .sg-shell-glass-nav__capsule::before {
  content: "FORM  /  COURT  /  01";
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  font-family: Oswald, sans-serif; font-size: 11px; letter-spacing: 0.22em; color: #9b1c2c;
}
body[data-mini-skin="mini_court_lace"] .b2h-hero--lace { background: #f3eee4; }
body[data-mini-skin="mini_court_lace"] .b2h-lace-word {
  position: absolute; left: 2%; top: 8%; z-index: 1;
  font-family: Oswald, sans-serif; font-weight: 700;
  font-size: clamp(6rem, 18vw, 14rem); letter-spacing: -0.04em;
  writing-mode: vertical-rl; transform: rotate(180deg);
  color: rgba(17,17,17,.08);
}
body[data-mini-skin="mini_court_lace"] .b2h-lace-poster {
  position: absolute; left: 22%; top: 6%; width: 42%; height: 86%; z-index: 2;
  background: #111;
  box-shadow: 18px 22px 0 #9b1c2c;
}
body[data-mini-skin="mini_court_lace"] .b2h-lace-line {
  position: absolute; z-index: 3; background: #2563eb; transform-origin: left center;
}
body[data-mini-skin="mini_court_lace"] .b2h-lace-line--a { left: 24%; top: 18%; width: 38%; height: 3px; }
body[data-mini-skin="mini_court_lace"] .b2h-lace-line--b { left: 24%; top: 52%; width: 38%; height: 2px; }
body[data-mini-skin="mini_court_lace"] .b2h-lace-line--c { left: 42%; top: 10%; width: 3px; height: 78%; transform-origin: top; }
body[data-mini-skin="mini_court_lace"] .b2h-lace-num {
  position: absolute; right: 8%; top: 10%; z-index: 5;
  font-family: Oswald, sans-serif; font-weight: 700; font-size: clamp(5rem, 14vw, 11rem);
  color: #9b1c2c; line-height: .8;
}
body[data-mini-skin="mini_court_lace"] .b2h-lace-cap {
  position: absolute; z-index: 5; font-family: Oswald, sans-serif; letter-spacing: 0.2em; font-size: 11px;
}
body[data-mini-skin="mini_court_lace"] .b2h-lace-cap--a { right: 10%; top: 38%; color: #111; }
body[data-mini-skin="mini_court_lace"] .b2h-lace-cap--b { right: 10%; top: 42%; color: #2563eb; }
body[data-mini-skin="mini_court_lace"] .b2h-hero--lace .ml-home-hero-media {
  left: 26%; top: 16%; width: 46%; height: 58%; z-index: 4;
}
body[data-mini-skin="mini_court_lace"] .b2h-hero--lace .ml-home-hero-media-frame {
  inset: -10% -18% -8% 0; overflow: hidden;
  background: transparent !important;
}
body[data-mini-skin="mini_court_lace"] .b2h-hero--lace .ml-home-hero-media:has(.ml-home-hero-media-img[src]:not([src=""]):not(.is-empty)) .ml-home-hero-media-frame {
  background: radial-gradient(circle at 30% 70%, #3a3a3a, #111 62%) !important;
}
body[data-mini-skin="mini_court_lace"] .b2h-hero--lace .ml-home-hero-media-frame::before {
  content: "";
  position: absolute; left: 6%; top: 22%; width: 92%; height: 68%;
  background: linear-gradient(150deg, #f3eee4, #9b1c2c 40%, #111);
  clip-path: polygon(10% 66%, 18% 50%, 46% 40%, 78% 44%, 94% 60%, 72% 78%, 36% 82%, 14% 74%);
}
body[data-mini-skin="mini_court_lace"] .b2h-hero--lace .ml-home-hero-copy {
  right: 6%; bottom: 10%; padding: 22px 22px 18px;
  background: #f3eee4;
  border-left: 8px solid #9b1c2c;
  box-shadow: 12px 12px 0 #111;
  max-width: min(22rem, 42vw);
}
body[data-mini-skin="mini_court_lace"] .b2h-hero--lace .ml-home-hero-label {
  font-family: Oswald, sans-serif; font-size: 11px; letter-spacing: 0.2em; color: #9b1c2c;
}
body[data-mini-skin="mini_court_lace"] .b2h-hero--lace .ml-home-hero-title {
  font-family: Oswald, sans-serif; font-size: clamp(1.8rem, 3.4vw, 3rem); text-transform: uppercase;
  line-height: .9; color: #111 !important;
}
body[data-mini-skin="mini_court_lace"] .b2h-hero--lace .ml-home-hero-subtitle {
  font-size: 13px; color: #3a3a3a !important;
}
body[data-mini-program="1"][data-mini-skin="mini_court_lace"] .b2h-hero .ml-btn--primary {
  min-height: 0 !important; padding: 10px 16px !important;
  background: #9b1c2c !important; color: #f3eee4 !important;
  border: 0 !important; border-radius: 0 !important;
  font-family: Oswald, sans-serif; letter-spacing: 0.16em; font-size: 13px;
}
body[data-mini-program="1"][data-mini-skin="mini_court_lace"] .b2h-hero .ml-btn--secondary {
  min-height: 0 !important; padding: 0 !important;
  background: none !important; border: 0 !important; color: #111 !important;
  font-family: Oswald, sans-serif; letter-spacing: 0.18em; font-size: 12px;
  border-bottom: 2px solid #2563eb !important; border-radius: 0 !important;
}
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_court_lace"] .b2h-lace-poster { animation: b5-poster .7s ease both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_court_lace"] .b2h-lace-line--a,
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_court_lace"] .b2h-lace-line--b { animation: b5-draw-x .7s ease both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_court_lace"] .b2h-lace-line--c { animation: b5-draw-y .7s ease both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_court_lace"] .b2h-lace-word { animation: b5-type .8s ease both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_court_lace"] .b2h-hero--lace .ml-home-hero-media { animation: b5-rise8 .75s ease both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_court_lace"] .b2h-lace-num { animation: b5-scale04 .6s ease both; }

/* ── Block Pair: brutalist gallery ── */
body[data-mini-skin="mini_block_pair"] .sg-shell-glass-nav__wrap { padding: 0 !important; }
body[data-mini-skin="mini_block_pair"] .sg-shell-glass-nav__capsule {
  position: relative;
  background: #d4d0c8 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  min-height: 52px; border-bottom: 1px solid #1a1a18 !important;
}
body[data-mini-skin="mini_block_pair"] .sg-shell-glass-nav__name {
  font-family: Syne, Inter, sans-serif; letter-spacing: 0.2em; text-transform: uppercase; font-size: 12px; color: #1a1a18 !important;
}
body[data-mini-skin="mini_block_pair"] .sg-shell-glass-nav__capsule::before {
  content: "COLLECTION   OBJECTS   ABOUT";
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  font-size: 10px; letter-spacing: 0.28em; color: #1a1a18;
}
body[data-mini-skin="mini_block_pair"] .b2h-hero--blockp { background: #b8b4ac; }
body[data-mini-skin="mini_block_pair"] .b2h-block-sun {
  position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(118deg, #e8e4dc 0 28%, #c8c4bc 48%, #9e9a92 100%);
}
body[data-mini-skin="mini_block_pair"] .b2h-block-word {
  position: absolute; left: -2%; top: 18%; z-index: 1;
  font-family: Syne, Inter, sans-serif; font-weight: 800;
  font-size: clamp(8rem, 24vw, 20rem); letter-spacing: -0.08em; line-height: .75;
  color: rgba(26,26,24,.12); white-space: nowrap;
}
body[data-mini-skin="mini_block_pair"] .b2h-block-wall {
  position: absolute; left: 10%; top: 10%; width: 62%; height: 62%; z-index: 2;
  background: #cfcbc3;
  box-shadow: inset 0 0 0 1px rgba(26,26,24,.12);
}
body[data-mini-skin="mini_block_pair"] .b2h-block-floor {
  position: absolute; left: 0; right: 0; bottom: 0; height: 28%; z-index: 2;
  background: linear-gradient(180deg, #a8a49c, #8e8a82);
}
body[data-mini-skin="mini_block_pair"] .b2h-block-shadow {
  position: absolute; left: 28%; bottom: 22%; width: 36%; height: 10%; z-index: 3;
  background: rgba(26,26,24,.22);
  transform: skewX(-38deg);
}
body[data-mini-skin="mini_block_pair"] .b2h-block-frame {
  position: absolute; left: 22%; top: 18%; width: 34%; height: 44%; z-index: 4;
  border: 10px solid #e8e4dc;
  box-shadow: 0 28px 0 rgba(26,26,24,.12);
}
body[data-mini-skin="mini_block_pair"] .b2h-hero--blockp .ml-home-hero-media {
  left: 23.4%; top: 20%; width: 31.2%; height: 40%; z-index: 5;
}
body[data-mini-skin="mini_block_pair"] .b2h-hero--blockp .ml-home-hero-media-frame {
  inset: 0; overflow: hidden;
  background: transparent !important;
}
body[data-mini-skin="mini_block_pair"] .b2h-hero--blockp .ml-home-hero-media:has(.ml-home-hero-media-img[src]:not([src=""]):not(.is-empty)) .ml-home-hero-media-frame {
  background: linear-gradient(160deg, #d8d4cc, #6a6660) !important;
}
body[data-mini-skin="mini_block_pair"] .b2h-hero--blockp .ml-home-hero-media-frame::before {
  content: "";
  position: absolute; left: 10%; top: 22%; width: 80%; height: 62%;
  background: linear-gradient(150deg, #eeeae2, #4a4844);
  clip-path: polygon(14% 62%, 24% 46%, 52% 38%, 80% 46%, 90% 62%, 70% 76%, 36% 80%, 16% 72%);
  filter: drop-shadow(0 16px 10px rgba(26,26,24,.25));
}
body[data-mini-skin="mini_block_pair"] .b2h-hero--blockp .ml-home-hero-copy {
  right: 6%; top: 16%; padding: 20px 22px 16px;
  background: #efece4;
  border: 1px solid #1a1a18;
  max-width: min(22rem, 38vw);
}
body[data-mini-skin="mini_block_pair"] .b2h-hero--blockp .ml-home-hero-label {
  font-size: 10px; letter-spacing: 0.24em; color: #1a1a18;
}
body[data-mini-skin="mini_block_pair"] .b2h-hero--blockp .ml-home-hero-title {
  font-family: Syne, Inter, sans-serif; font-size: clamp(1.3rem, 2.4vw, 2rem); letter-spacing: -0.04em;
  color: #1a1a18 !important;
}
body[data-mini-skin="mini_block_pair"] .b2h-hero--blockp .ml-home-hero-subtitle {
  font-size: 13px; color: #4a4844 !important;
}
body[data-mini-program="1"][data-mini-skin="mini_block_pair"] .b2h-hero .ml-btn--primary {
  min-height: 0 !important; padding: 4px 0 !important;
  background: none !important; color: #1a1a18 !important;
  border: 0 !important; border-bottom: 1px solid #1a1a18 !important; border-radius: 0 !important;
  font-size: 11px; letter-spacing: 0.2em;
}
body[data-mini-program="1"][data-mini-skin="mini_block_pair"] .b2h-hero .ml-btn--secondary {
  min-height: 0 !important; padding: 4px 0 !important;
  background: none !important; color: #1a1a18 !important;
  border: 0 !important; border-radius: 0 !important;
  font-size: 11px; letter-spacing: 0.2em; opacity: .55;
}
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_block_pair"] .b2h-hero--blockp .ml-home-hero-media { animation: b5-rise6 .8s ease both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_block_pair"] .b2h-block-shadow { animation: b5-fade .9s ease both; }

/* ── Harbor Sole: cinematic coastal ── */
body[data-mini-skin="mini_harbor_sole"] .sg-shell-glass-nav__wrap { padding: 0 !important; }
body[data-mini-skin="mini_harbor_sole"] .sg-shell-glass-nav__capsule {
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  min-height: 46px; border-bottom: 1px solid rgba(232,238,244,.18) !important;
}
body[data-mini-skin="mini_harbor_sole"] .sg-shell-glass-nav__name,
body[data-mini-skin="mini_harbor_sole"] .sg-shell-glass-nav__menu,
body[data-mini-skin="mini_harbor_sole"] .sg-shell-glass-nav__search,
body[data-mini-skin="mini_harbor_sole"] .sg-shell-glass-nav__cart { color: #e8eef4 !important; }
body[data-mini-skin="mini_harbor_sole"] .sg-shell-glass-nav__name {
  font-family: "Source Serif 4", Georgia, serif; font-style: italic; letter-spacing: 0.08em; font-size: 16px;
}
body[data-mini-skin="mini_harbor_sole"] .sg-shell-glass-nav__capsule::after {
  content: "SIGNAL";
  position: absolute; right: 90px; top: 50%; transform: translateY(-50%);
  font-size: 9px; letter-spacing: 0.28em; color: #e85d04;
}
body[data-mini-skin="mini_harbor_sole"] .b2h-hero--harbor { background: #0e1a28; }
body[data-mini-skin="mini_harbor_sole"] .b2h-harb-sky {
  position: absolute; inset: 0 0 42% 0; z-index: 0;
  background: linear-gradient(180deg, #1a2c40, #0e1a28);
}
body[data-mini-skin="mini_harbor_sole"] .b2h-harb-fog {
  position: absolute; left: 0; right: 0; top: 28%; height: 36%; z-index: 2;
  background: linear-gradient(180deg, transparent, rgba(170,184,196,.28), transparent);
}
body[data-mini-skin="mini_harbor_sole"] .b2h-harb-word {
  position: absolute; left: -4%; top: 30%; z-index: 1;
  font-family: "Source Serif 4", Georgia, serif; font-weight: 600;
  font-size: clamp(6rem, 20vw, 16rem); letter-spacing: -0.06em; line-height: .7;
  color: rgba(232,238,244,.06); white-space: nowrap;
}
body[data-mini-skin="mini_harbor_sole"] .b2h-harb-horizon {
  position: absolute; left: 0; right: 0; top: 56%; height: 1px; z-index: 3;
  background: linear-gradient(90deg, transparent, rgba(232,238,244,.55), #e85d04 72%, transparent);
}
body[data-mini-skin="mini_harbor_sole"] .b2h-harb-water {
  position: absolute; left: 0; right: 0; bottom: 0; height: 44%; z-index: 2;
  background:
    linear-gradient(180deg, rgba(21,37,54,.2), #0a1420),
    repeating-linear-gradient(180deg, transparent 0 18px, rgba(232,238,244,.05) 18px 19px);
}
body[data-mini-skin="mini_harbor_sole"] .b2h-harb-pier {
  position: absolute; left: 8%; bottom: 18%; width: 54%; height: 2px; z-index: 4;
  background: repeating-linear-gradient(90deg, #8aa0b4 0 18px, transparent 18px 28px);
}
body[data-mini-skin="mini_harbor_sole"] .b2h-harb-mark {
  position: absolute; z-index: 6; font-size: 10px; letter-spacing: 0.22em; color: #8aa0b4;
}
body[data-mini-skin="mini_harbor_sole"] .b2h-harb-mark--a { left: 8%; top: 50%; }
body[data-mini-skin="mini_harbor_sole"] .b2h-harb-mark--b { right: 8%; top: 50%; color: #e85d04; }
body[data-mini-skin="mini_harbor_sole"] .b2h-hero--harbor .ml-home-hero-media {
  left: 48%; top: 22%; width: 38%; height: 42%; z-index: 5;
}
body[data-mini-skin="mini_harbor_sole"] .b2h-hero--harbor .ml-home-hero-media-frame {
  inset: 0; overflow: visible; background: transparent !important;
}
body[data-mini-skin="mini_harbor_sole"] .b2h-hero--harbor .ml-home-hero-media-frame::before {
  content: "";
  position: absolute; left: 10%; top: 12%; width: 80%; height: 78%;
  background: linear-gradient(150deg, #d8dee6, #2a3848);
  clip-path: polygon(12% 64%, 22% 48%, 50% 38%, 80% 44%, 92% 60%, 70% 76%, 34% 80%, 14% 72%);
  filter: drop-shadow(0 24px 18px rgba(0,0,0,.4));
}
body[data-mini-skin="mini_harbor_sole"] .b2h-hero--harbor .ml-home-hero-media-img {
  object-fit: contain; object-position: bottom; filter: drop-shadow(0 22px 18px rgba(0,0,0,.35));
}
body[data-mini-skin="mini_harbor_sole"] .b2h-hero--harbor .ml-home-hero-copy {
  left: 6%; top: 16%; padding: 22px 24px;
  background: rgba(12, 22, 34, .72);
  border-top: 2px solid #e85d04;
  max-width: min(24rem, 42vw);
}
body[data-mini-skin="mini_harbor_sole"] .b2h-hero--harbor .ml-home-hero-label {
  font-size: 10px; letter-spacing: 0.24em; color: #e85d04;
}
body[data-mini-skin="mini_harbor_sole"] .b2h-hero--harbor .ml-home-hero-title {
  font-family: "Source Serif 4", Georgia, serif; font-style: italic;
  font-size: clamp(1.8rem, 3.2vw, 2.8rem); color: #e8eef4 !important;
}
body[data-mini-skin="mini_harbor_sole"] .b2h-hero--harbor .ml-home-hero-subtitle {
  font-size: 13px; color: rgba(232,238,244,.62) !important;
}
body[data-mini-program="1"][data-mini-skin="mini_harbor_sole"] .b2h-hero .ml-btn--primary {
  min-height: 0 !important; padding: 8px 0 !important;
  background: none !important; color: #e85d04 !important;
  border: 0 !important; border-bottom: 1px solid #e85d04 !important; border-radius: 0 !important;
  font-size: 12px; letter-spacing: 0.2em;
}
body[data-mini-program="1"][data-mini-skin="mini_harbor_sole"] .b2h-hero .ml-btn--secondary {
  min-height: 0 !important; padding: 0 !important;
  background: none !important; border: 0 !important; color: #8aa0b4 !important;
  font-size: 11px; letter-spacing: 0.18em;
}
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_harbor_sole"] .b2h-hero--harbor .ml-home-hero-media { animation: b5-rise6 .8s ease both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_harbor_sole"] .b2h-harb-fog { animation: b5-fog 12s ease-in-out infinite; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_harbor_sole"] .b2h-harb-water { animation: b5-water 10s ease-in-out infinite; }

/* ── Metro Lace: night city ── */
body[data-mini-skin="mini_metro_lace"] .sg-shell-glass-nav__wrap { padding: 0 !important; }
body[data-mini-skin="mini_metro_lace"] .sg-shell-glass-nav__capsule {
  background: #0a0a0c !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  min-height: 48px; border-bottom: 2px solid #ff3b1f !important;
}
body[data-mini-skin="mini_metro_lace"] .sg-shell-glass-nav__name,
body[data-mini-skin="mini_metro_lace"] .sg-shell-glass-nav__menu,
body[data-mini-skin="mini_metro_lace"] .sg-shell-glass-nav__search,
body[data-mini-skin="mini_metro_lace"] .sg-shell-glass-nav__cart { color: #f5f5f5 !important; }
body[data-mini-skin="mini_metro_lace"] .sg-shell-glass-nav__name {
  font-family: Syne, Inter, sans-serif; letter-spacing: 0.2em; text-transform: uppercase; font-size: 12px;
}
body[data-mini-skin="mini_metro_lace"] .b2h-hero--metro { background: #070708; }
body[data-mini-skin="mini_metro_lace"] .b2h-metro-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,59,31,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245,245,245,.05) 1px, transparent 1px);
  background-size: 80px 80px;
}
body[data-mini-skin="mini_metro_lace"] .b2h-metro-word {
  position: absolute; left: 4%; top: 28%; z-index: 1;
  font-family: Syne, Inter, sans-serif; font-weight: 800;
  font-size: clamp(6rem, 20vw, 16rem); letter-spacing: -0.08em; line-height: .75;
  color: rgba(245,245,245,.07); white-space: nowrap;
}
body[data-mini-skin="mini_metro_lace"] .b2h-metro-build {
  position: absolute; bottom: 28%; z-index: 2; background: #111216;
  box-shadow: inset 0 0 0 1px rgba(245,245,245,.06);
}
body[data-mini-skin="mini_metro_lace"] .b2h-metro-build--a { left: 6%; width: 16%; height: 38%; }
body[data-mini-skin="mini_metro_lace"] .b2h-metro-build--b { left: 24%; width: 12%; height: 52%; }
body[data-mini-skin="mini_metro_lace"] .b2h-metro-build--c { right: 8%; width: 22%; height: 44%; }
body[data-mini-skin="mini_metro_lace"] .b2h-metro-street {
  position: absolute; left: 0; right: 0; bottom: 0; height: 28%; z-index: 3;
  background: linear-gradient(180deg, #1a1a1c, #0a0a0c);
  border-top: 2px solid rgba(245,245,245,.2);
}
body[data-mini-skin="mini_metro_lace"] .b2h-metro-cross {
  position: absolute; left: 30%; bottom: 10%; width: 40%; height: 10%; z-index: 4;
  background: repeating-linear-gradient(90deg, #f5f5f5 0 18px, transparent 18px 32px);
  opacity: .35;
}
body[data-mini-skin="mini_metro_lace"] .b2h-metro-lamp {
  position: absolute; bottom: 28%; width: 3px; height: 18%; z-index: 5;
  background: linear-gradient(180deg, #ff3b1f, transparent);
}
body[data-mini-skin="mini_metro_lace"] .b2h-metro-lamp--a { left: 14%; }
body[data-mini-skin="mini_metro_lace"] .b2h-metro-lamp--b { left: 48%; }
body[data-mini-skin="mini_metro_lace"] .b2h-metro-lamp--c { right: 18%; }
body[data-mini-skin="mini_metro_lace"] .b2h-metro-reflect {
  position: absolute; left: 34%; bottom: 4%; width: 32%; height: 16%; z-index: 4;
  background: linear-gradient(180deg, rgba(245,245,245,.12), transparent);
  filter: blur(6px); opacity: .55;
}
body[data-mini-skin="mini_metro_lace"] .b2h-hero--metro .ml-home-hero-media {
  left: 30%; bottom: 16%; width: 40%; height: 58%; top: auto; z-index: 6;
}
body[data-mini-skin="mini_metro_lace"] .b2h-hero--metro .ml-home-hero-media-frame {
  inset: 0; overflow: visible; background: transparent !important;
}
body[data-mini-skin="mini_metro_lace"] .b2h-hero--metro .ml-home-hero-media-frame::before {
  content: "";
  position: absolute; left: 8%; top: 8%; width: 84%; height: 86%;
  background: linear-gradient(160deg, #f5f5f5, #ff3b1f 38%, #111);
  clip-path: polygon(10% 68%, 18% 50%, 48% 38%, 80% 44%, 94% 62%, 72% 80%, 36% 84%, 12% 76%);
  filter: drop-shadow(0 18px 12px rgba(0,0,0,.55));
}
body[data-mini-skin="mini_metro_lace"] .b2h-hero--metro .ml-home-hero-media-img {
  object-fit: contain; object-position: bottom; filter: drop-shadow(0 16px 14px rgba(0,0,0,.5));
}
body[data-mini-skin="mini_metro_lace"] .b2h-hero--metro .ml-home-hero-copy {
  left: 5%; top: 12%; padding: 18px 20px 16px;
  background: #0a0a0c;
  border: 1px solid #ff3b1f;
  box-shadow: 8px 8px 0 #ff3b1f;
  max-width: min(24rem, 44vw);
}
body[data-mini-skin="mini_metro_lace"] .b2h-hero--metro .ml-home-hero-label {
  font-size: 10px; letter-spacing: 0.28em; color: #ff3b1f;
}
body[data-mini-skin="mini_metro_lace"] .b2h-hero--metro .ml-home-hero-title {
  font-family: Syne, Inter, sans-serif; font-size: clamp(1.5rem, 3vw, 2.5rem); letter-spacing: -0.04em;
  color: #f5f5f5 !important;
}
body[data-mini-skin="mini_metro_lace"] .b2h-hero--metro .ml-home-hero-subtitle {
  font-size: 13px; color: rgba(245,245,245,.7) !important;
}
body[data-mini-program="1"][data-mini-skin="mini_metro_lace"] .b2h-hero .ml-btn--primary {
  min-height: 0 !important; padding: 8px 12px !important;
  background: #ff3b1f !important; color: #0a0a0c !important;
  border: 0 !important; border-radius: 0 !important;
  font-family: Syne, Inter, sans-serif; letter-spacing: 0.14em; font-size: 11px; font-weight: 700;
  box-shadow: 6px 6px 0 #f5f5f5;
}
body[data-mini-program="1"][data-mini-skin="mini_metro_lace"] .b2h-hero .ml-btn--primary::after { content: " →"; }
body[data-mini-program="1"][data-mini-skin="mini_metro_lace"] .b2h-hero .ml-btn--secondary {
  min-height: 0 !important; padding: 0 !important;
  background: none !important; border: 0 !important; color: #f5f5f5 !important;
  font-size: 11px; letter-spacing: 0.18em;
}
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_metro_lace"] .b2h-metro-lamp--a { animation: b5-lamp .4s ease .1s both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_metro_lace"] .b2h-metro-lamp--b { animation: b5-lamp .4s ease .28s both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_metro_lace"] .b2h-metro-lamp--c { animation: b5-lamp .4s ease .46s both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_metro_lace"] .b2h-hero--metro .ml-home-hero-media { animation: b5-rise8 .75s ease both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_metro_lace"] .b2h-metro-word { animation: b5-type-h .8s ease both; }
body.is-ready[data-mini-motion-layer="1"][data-mini-skin="mini_metro_lace"] .b2h-metro-reflect { animation: b5-fade .8s ease .2s both; }

@media (prefers-reduced-motion: reduce) {
  body.sg-mini-store .b2h-hero *,
  body.sg-mini-store .b2h-hero .ml-home-hero-media { animation: none !important; }
}

@media (max-width: 860px) {
  body.sg-mini-store .b2h-hero,
  body.sg-mini-store .b2h-hero .ml-home-container,
  body.sg-mini-store .b2h-hero .ml-home-hero-grid { min-height: 94vh; }
  body.sg-mini-store .b2h-hero .ml-home-hero-copy {
    left: 16px !important;
    right: 16px !important;
    top: auto !important;
    bottom: 16px !important;
    transform: none !important;
    max-width: none;
    width: auto;
  }
  body[data-mini-skin="mini_court_lace"] .sg-shell-glass-nav__capsule::before,
  body[data-mini-skin="mini_block_pair"] .sg-shell-glass-nav__capsule::before { display: none; }

  body[data-mini-skin="mini_ridge_pair"] .b2h-hero--ridge .ml-home-hero-media {
    left: -18%; top: 8%; width: 130%; height: 58%; transform: rotate(-8deg);
  }

  body[data-mini-skin="mini_lane_kick"] .b2h-lane-glass--a,
  body[data-mini-skin="mini_lane_kick"] .b2h-lane-glass--b { display: none; }
  body[data-mini-skin="mini_lane_kick"] .b2h-hero--lane .ml-home-hero-media {
    left: 12%; width: 76%; top: 18%; height: 46%;
  }
  body[data-mini-skin="mini_lane_kick"] .b2h-lane-plinth { left: 12%; width: 76%; }

  body[data-mini-skin="mini_court_lace"] .b2h-lace-poster { left: 10%; width: 80%; height: 58%; }
  body[data-mini-skin="mini_court_lace"] .b2h-lace-word { font-size: 5rem; }
  body[data-mini-skin="mini_court_lace"] .b2h-hero--lace .ml-home-hero-media {
    left: 14%; width: 72%; top: 12%; height: 42%;
  }
  body[data-mini-skin="mini_court_lace"] .b2h-lace-num { right: 8%; top: 62%; font-size: 4.5rem; }

  body[data-mini-skin="mini_block_pair"] .b2h-block-wall { left: 8%; width: 84%; height: 48%; }
  body[data-mini-skin="mini_block_pair"] .b2h-block-frame { left: 18%; width: 64%; height: 34%; top: 16%; }
  body[data-mini-skin="mini_block_pair"] .b2h-hero--blockp .ml-home-hero-media {
    left: 20.5%; width: 59%; top: 18%; height: 30%;
  }

  body[data-mini-skin="mini_harbor_sole"] .b2h-hero--harbor .ml-home-hero-media {
    left: 12%; width: 76%; top: 18%; height: 28%;
  }

  body[data-mini-skin="mini_metro_lace"] .b2h-hero--metro .ml-home-hero-media {
    left: 10%; width: 80%; height: 48%; bottom: 28%;
  }
}

body.sg-mini-store .b2h-hero .ml-home-hero-media { z-index: 4 !important; }
body.sg-mini-store .b2h-hero .ml-home-hero-copy { z-index: 20 !important; }
body.sg-mini-store .b2h-hero .ml-home-hero-media:has(.ml-home-hero-media-img.is-empty),
body.sg-mini-store .b2h-hero .ml-home-hero-media:has(.ml-home-hero-media-img:not([src])),
body.sg-mini-store .b2h-hero .ml-home-hero-media:has(.ml-home-hero-media-img[src=""]) {
  pointer-events: none !important;
  z-index: 3 !important;
}

body.store-editor-on.sg-mini-store .b2h-hero .ml-home-hero-copy [data-key],
body.store-editor-on.sg-mini-store .b2h-hero .ml-btn [data-key] {
  cursor: text;
  user-select: text;
  -webkit-user-select: text;
}
body.store-editor-on.sg-mini-store .b2h-hero .ml-home-hero-media,
body.store-editor-on.sg-mini-store .b2h-hero .ml-home-hero-media-frame {
  pointer-events: auto !important;
}
body.store-editor-on.sg-mini-store .b2h-hero .se-img-overlay,
body.store-editor-on.sg-mini-store .b2h-hero .se-img-overlay * {
  pointer-events: auto !important;
  z-index: 90 !important;
}