/* Batch 3 six — unique heroes + headers. Load after families/primitives. */

body.sg-mini-store .b2h-hero {
  position: relative;
  overflow: hidden;
  min-height: 86vh;
  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: 4;
  max-width: none;
  width: 100%;
  padding: 0;
  min-height: 86vh;
}
body.sg-mini-store .b2h-hero .ml-home-hero-grid {
  display: block !important;
  position: relative;
  min-height: 86vh;
  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: 1; pointer-events: none; overflow: hidden;
}
body.sg-mini-store .b2h-hero .ml-home-hero-copy {
  position: absolute; z-index: 5; width: min(42rem, 92vw); box-sizing: border-box;
}
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;
}
body.sg-mini-store .b2h-hero .ml-home-hero-media-frame { position: absolute !important; }
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-ctas {
  display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px;
}

/* ── Linen Press: magazine masthead + textile spread ── */
body[data-mini-skin="mini_linen_press"] .sg-shell-glass-nav__wrap { padding: 10px 4vw 0 !important; }
body[data-mini-skin="mini_linen_press"] .sg-shell-glass-nav__capsule {
  position: relative;
  background: #fffaf3 !important;
  border: 0 !important;
  border-bottom: 1px solid #c4b49a !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 92px;
  flex-wrap: wrap;
  padding: 28px 4px 10px !important;
}
body[data-mini-skin="mini_linen_press"] .sg-shell-glass-nav__capsule::before {
  content: "The Linen Press";
  position: absolute;
  left: 50%;
  top: 6px;
  transform: translateX(-50%);
  font-family: "Libre Baskerville", Georgia, serif;
  font-weight: 400;
  font-size: clamp(1.4rem, 3vw, 2.1rem);
  letter-spacing: 0.08em;
  color: #3a342c;
  pointer-events: none;
}
body[data-mini-skin="mini_linen_press"] .sg-shell-glass-nav__name {
  font-family: "Libre Baskerville", Georgia, serif;
  font-weight: 400;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  font-size: 11px;
  color: #3a342c !important;
  width: 100%;
  text-align: left;
}
body[data-mini-skin="mini_linen_press"] .sg-shell-glass-nav__name::after {
  content: "Vol. 06  ·  Soft issue";
  display: block;
  font-size: 9px;
  letter-spacing: 0.18em;
  margin-top: 4px;
  opacity: 0.55;
}
body[data-mini-skin="mini_linen_press"] .b2h-hero--linen { background: #f4efe6; }
body[data-mini-skin="mini_linen_press"] .b2h-linen-sun {
  position: absolute; right: 8%; top: 6%; width: 38%; height: 42%;
  background: radial-gradient(circle, rgba(255,250,243,.9), transparent 70%);
}
body[data-mini-skin="mini_linen_press"] .b2h-linen-word {
  position: absolute; left: 4%; top: 18%;
  font-family: "Libre Baskerville", Georgia, serif;
  font-size: clamp(5rem, 16vw, 12rem);
  letter-spacing: -0.06em; color: rgba(58,52,44,.16); z-index: 1;
}
body[data-mini-skin="mini_linen_press"] .b2h-linen-fold {
  position: absolute; z-index: 2;
  background: linear-gradient(135deg, #fffaf3, #e8dcc8 40%, #c4b49a);
  box-shadow: 0 18px 30px rgba(58,52,44,.12);
  background-image:
    linear-gradient(135deg, #fffaf3, #e8dcc8 40%, #c4b49a),
    repeating-linear-gradient(90deg, rgba(140,116,88,.08) 0 1px, transparent 1px 5px);
}
body[data-mini-skin="mini_linen_press"] .b2h-linen-fold--a {
  left: -8%; bottom: 4%; width: 78%; height: 34%; transform: rotate(-8deg);
  border-radius: 4px 80px 4px 12px;
}
body[data-mini-skin="mini_linen_press"] .b2h-linen-fold--b {
  left: 18%; bottom: 10%; width: 62%; height: 22%; transform: rotate(4deg);
  background: linear-gradient(180deg, #f7f1e8, #d9c8b0);
}
body[data-mini-skin="mini_linen_press"] .b2h-linen-fold--c {
  right: -6%; bottom: 0; width: 48%; height: 28%; transform: rotate(11deg);
}
body.is-ready[data-mini-skin="mini_linen_press"] .b2h-linen-fold--a { animation: b3-linen-a 0.7s ease both; }
body.is-ready[data-mini-skin="mini_linen_press"] .b2h-linen-fold--b { animation: b3-linen-b 0.7s ease 0.05s both; }
body.is-ready[data-mini-skin="mini_linen_press"] .b2h-linen-fold--c { animation: b3-linen-c 0.7s ease 0.1s both; }
body[data-mini-skin="mini_linen_press"] .b2h-linen-stitch {
  position: absolute; left: 10%; bottom: 22%; width: 40%; height: 1px; z-index: 3;
  background: repeating-linear-gradient(90deg, #8c7458 0 8px, transparent 8px 14px);
}
body[data-mini-skin="mini_linen_press"] .b2h-linen-pillow {
  position: absolute; z-index: 3; border-radius: 18px;
  background: linear-gradient(160deg, #fffaf3, #dcc9b0);
  box-shadow: 8px 12px 0 rgba(140,116,88,.18);
}
body[data-mini-skin="mini_linen_press"] .b2h-linen-pillow--a { right: 16%; bottom: 18%; width: 18%; height: 14%; }
body[data-mini-skin="mini_linen_press"] .b2h-linen-pillow--b { right: 28%; bottom: 12%; width: 14%; height: 11%; }
body[data-mini-skin="mini_linen_press"] .b2h-linen-index {
  position: absolute; left: 3%; top: 38%; z-index: 4;
  font-size: 10px; letter-spacing: 0.18em; line-height: 1.8; color: #8c7458;
}
body[data-mini-skin="mini_linen_press"] .b2h-hero--linen .ml-home-hero-media {
  left: 22%; bottom: 16%; top: auto; width: min(48vw, 560px); height: 28%;
  z-index: 4; transform: rotate(-3deg);
}
body.is-ready[data-mini-skin="mini_linen_press"] .b2h-hero--linen .ml-home-hero-media {
  animation: b3-settle 0.55s ease 0.08s both;
}
body[data-mini-skin="mini_linen_press"] .b2h-hero--linen .ml-home-hero-media-frame {
  inset: 0; overflow: hidden; border-radius: 2px !important;
  background:
    linear-gradient(90deg, rgba(140,116,88,.12) 1px, transparent 1px),
    linear-gradient(180deg, rgba(140,116,88,.1) 1px, transparent 1px),
    linear-gradient(160deg, #fffaf3, #dcc9b0 55%, #c4b49a) !important;
  background-size: 8px 8px, 8px 8px, auto !important;
  box-shadow: 0 10px 0 #d9cbb6 !important;
}
body[data-mini-skin="mini_linen_press"] .b2h-hero--linen .ml-home-hero-media-frame::before {
  content: ""; position: absolute; left: 8%; top: 18%; width: 38%; height: 52%;
  border-radius: 18px; background: linear-gradient(160deg, #fffaf3, #c4b49a);
  box-shadow: 10px 8px 0 rgba(140,116,88,.18);
}
body[data-mini-skin="mini_linen_press"] .b2h-hero--linen .ml-home-hero-media-frame::after {
  content: "FLAX  ·  240TC"; position: absolute; right: 10%; bottom: 12%;
  font-size: 10px; letter-spacing: 0.2em; color: rgba(58,52,44,.55);
}
body[data-mini-skin="mini_linen_press"] .b2h-hero--linen .ml-home-hero-copy {
  left: 6%; top: 22%; width: min(30rem, 46vw);
}
body[data-mini-skin="mini_linen_press"] .b2h-hero--linen .ml-home-hero-title {
  font-family: "Libre Baskerville", Georgia, serif; font-weight: 400;
  color: #3a342c !important;
}

/* ── Clay Yard ── */
body[data-mini-skin="mini_clay_yard"] .sg-shell-glass-nav__wrap { padding: 0 !important; }
body[data-mini-skin="mini_clay_yard"] .sg-shell-glass-nav__capsule {
  position: relative;
  background: #fff6ec !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  border-bottom: 2px solid #a45a38 !important;
  min-height: 52px;
  padding-left: 42px !important;
}
body[data-mini-skin="mini_clay_yard"] .sg-shell-glass-nav__capsule::before {
  content: ""; position: absolute; left: 16px; top: 50%; width: 12px; height: 12px;
  transform: translateY(-50%); background: #a45a38;
}
body[data-mini-skin="mini_clay_yard"] .sg-shell-glass-nav__name {
  font-family: Fraunces, Georgia, serif; color: #3a2a22 !important; margin-right: auto;
}
body[data-mini-skin="mini_clay_yard"] .sg-shell-glass-nav__capsule::after {
  content: "STUDIO"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%);
  font-size: 10px; letter-spacing: 0.2em; color: #a45a38;
}
body[data-mini-skin="mini_clay_yard"] .b2h-hero--clay { background: #f3e6d8; }
body[data-mini-skin="mini_clay_yard"] .b2h-clay-sun {
  position: absolute; left: 50%; top: 10%; width: min(36vw, 380px); height: min(36vw, 380px);
  transform: translateX(-50%); border-radius: 50%;
  background: radial-gradient(circle, #f6d2b0, rgba(217,160,122,.15) 62%, transparent 70%);
}
body.is-ready[data-mini-skin="mini_clay_yard"] .b2h-clay-sun { animation: b3-fade 0.8s ease both; }
body[data-mini-skin="mini_clay_yard"] .b2h-clay-table {
  position: absolute; left: 6%; right: 6%; bottom: 8%; height: 18%;
  background: linear-gradient(180deg, #d9a07a, #8a4a32);
  box-shadow: 0 16px 28px rgba(58,42,34,.2);
  border-radius: 2px;
}
body[data-mini-skin="mini_clay_yard"] .b2h-clay-vessel {
  position: absolute; bottom: 22%; z-index: 3;
  background: linear-gradient(180deg, #e8b48a, #a45a38 70%, #3a2a22);
}
body[data-mini-skin="mini_clay_yard"] .b2h-clay-vessel--a { left: 14%; width: 7%; height: 18%; border-radius: 40% 40% 8px 8px; }
body[data-mini-skin="mini_clay_yard"] .b2h-clay-vessel--b { left: 26%; width: 10%; height: 26%; border-radius: 50% 50% 12px 12px; }
body[data-mini-skin="mini_clay_yard"] .b2h-clay-vessel--c { left: 46%; width: 8%; height: 14%; border-radius: 8px; }
body[data-mini-skin="mini_clay_yard"] .b2h-clay-vessel--d { right: 28%; width: 11%; height: 22%; border-radius: 60% 60% 10px 10px; }
body[data-mini-skin="mini_clay_yard"] .b2h-clay-vessel--e { right: 16%; width: 6%; height: 16%; border-radius: 20px 20px 4px 4px; }
body.is-ready[data-mini-skin="mini_clay_yard"] .b2h-clay-vessel--a { animation: b3-rise 0.5s ease both; }
body.is-ready[data-mini-skin="mini_clay_yard"] .b2h-clay-vessel--b { animation: b3-rise 0.5s ease 0.06s both; }
body.is-ready[data-mini-skin="mini_clay_yard"] .b2h-clay-vessel--c { animation: b3-rise 0.5s ease 0.12s both; }
body.is-ready[data-mini-skin="mini_clay_yard"] .b2h-clay-vessel--d { animation: b3-rise 0.5s ease 0.18s both; }
body.is-ready[data-mini-skin="mini_clay_yard"] .b2h-clay-vessel--e { animation: b3-rise 0.5s ease 0.24s both; }
body[data-mini-skin="mini_clay_yard"] .b2h-clay-lab {
  position: absolute; z-index: 5; font-size: 9px; letter-spacing: 0.16em; color: #3a2a22;
}
body[data-mini-skin="mini_clay_yard"] .b2h-clay-lab--a { left: 13%; bottom: 42%; }
body[data-mini-skin="mini_clay_yard"] .b2h-clay-lab--b { left: 44%; top: 18%; }
body[data-mini-skin="mini_clay_yard"] .b2h-clay-lab--c { right: 12%; bottom: 44%; }
body.is-ready[data-mini-skin="mini_clay_yard"] .b2h-clay-lab--a { animation: b3-fade 0.4s ease 0.2s both; }
body.is-ready[data-mini-skin="mini_clay_yard"] .b2h-clay-lab--b { animation: b3-fade 0.4s ease 0.32s both; }
body.is-ready[data-mini-skin="mini_clay_yard"] .b2h-clay-lab--c { animation: b3-fade 0.4s ease 0.44s both; }
body[data-mini-skin="mini_clay_yard"] .b2h-hero--clay .ml-home-hero-media {
  left: 38%; top: auto; bottom: 18%; width: min(20vw, 220px); height: 22%;
  transform: none; z-index: 6;
}
body.is-ready[data-mini-skin="mini_clay_yard"] .b2h-hero--clay .ml-home-hero-media {
  animation: b3-rise 0.55s ease both;
}
body[data-mini-skin="mini_clay_yard"] .b2h-hero--clay .ml-home-hero-media-frame {
  inset: 0; overflow: hidden;
  border: 10px solid #efe0d0 !important;
  box-shadow: 0 18px 28px rgba(58,42,34,.16) !important;
  background:
    radial-gradient(circle at 50% 42%, #f6d2b0 0 18%, transparent 19%),
    radial-gradient(circle at 50% 58%, #a45a38 0 28%, transparent 29%),
    linear-gradient(180deg, #f3e6d8, #d9a07a) !important;
}
body[data-mini-skin="mini_clay_yard"] .b2h-hero--clay .ml-home-hero-media-frame::after {
  content: "KILN"; position: absolute; left: 50%; bottom: 12%; transform: translateX(-50%);
  font-size: 10px; letter-spacing: 0.28em; color: #3a2a22;
}
body[data-mini-skin="mini_clay_yard"] .b2h-hero--clay .ml-home-hero-copy {
  left: 6%; top: 16%; width: min(28rem, 40vw);
}
body[data-mini-skin="mini_clay_yard"] .b2h-hero--clay .ml-home-hero-title {
  font-family: Fraunces, Georgia, serif; color: #3a2a22 !important;
}

/* ── Green Window ── */
body[data-mini-skin="mini_green_window"] .sg-shell-glass-nav__wrap { padding: 8px 10px 0 !important; }
body[data-mini-skin="mini_green_window"] .sg-shell-glass-nav__capsule {
  position: relative;
  background: rgba(242,246,238,.72) !important;
  border: 1px solid rgba(47,93,58,.22) !important;
  border-radius: 0 !important;
  backdrop-filter: blur(10px);
  box-shadow: none !important;
  min-height: 52px;
}
body[data-mini-skin="mini_green_window"] .sg-shell-glass-nav__name {
  font-family: Fraunces, Georgia, serif; color: #243328 !important; margin-right: auto;
}
body[data-mini-skin="mini_green_window"] .sg-shell-glass-nav__capsule::after {
  content: "OPEN TODAY"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  font-size: 10px; letter-spacing: 0.16em; color: #2f5d3a;
}
body[data-mini-skin="mini_green_window"] .sg-shell-glass-nav__capsule::before {
  content: ""; position: absolute; left: 50%; bottom: -1px; width: 100%; height: 2px;
  transform: translateX(-50%); background: #2f5d3a;
}
body[data-mini-skin="mini_green_window"] .b2h-hero--green { background: #e8f0e4; }
body[data-mini-skin="mini_green_window"] .b2h-green-light {
  position: absolute; right: 10%; top: 0; width: 40%; height: 70%;
  background: linear-gradient(180deg, rgba(255,244,210,.55), transparent);
}
body.is-ready[data-mini-skin="mini_green_window"] .b2h-green-light { animation: b3-glass 1.1s ease both; }
body[data-mini-skin="mini_green_window"] .b2h-green-word {
  position: absolute; left: 8%; top: 8%; writing-mode: vertical-rl; transform: rotate(180deg);
  font-family: Fraunces, Georgia, serif; font-size: clamp(4.4rem, 12vw, 9rem);
  color: rgba(47,93,58,.18); letter-spacing: 0.08em;
}
body[data-mini-skin="mini_green_window"] .b2h-green-sash {
  position: absolute; left: 18%; top: 8%; right: 8%; bottom: 10%;
  border: 10px solid #3a4f38; box-shadow: inset 0 0 0 6px #dce6d6;
}
body[data-mini-skin="mini_green_window"] .b2h-green-pane {
  position: absolute; top: 10%; bottom: 12%; background: rgba(255,255,255,.18);
  border-right: 6px solid #3a4f38;
}
body[data-mini-skin="mini_green_window"] .b2h-green-pane--a { left: 20%; width: 16%; }
body[data-mini-skin="mini_green_window"] .b2h-green-pane--b { left: 36%; width: 22%; }
body[data-mini-skin="mini_green_window"] .b2h-green-pane--c { left: 58%; width: 28%; border-right: 0; }
body.is-ready[data-mini-skin="mini_green_window"] .b2h-green-pane--a { animation: b3-fade 0.4s ease both; }
body.is-ready[data-mini-skin="mini_green_window"] .b2h-green-pane--b { animation: b3-fade 0.4s ease 0.08s both; }
body.is-ready[data-mini-skin="mini_green_window"] .b2h-green-pane--c { animation: b3-fade 0.4s ease 0.16s both; }
body[data-mini-skin="mini_green_window"] .b2h-green-leaf {
  position: absolute; z-index: 3;
  background: radial-gradient(ellipse at 30% 30%, #8fbf6a, #2f5d3a 70%);
  clip-path: ellipse(42% 58% at 50% 50%);
}
body[data-mini-skin="mini_green_window"] .b2h-green-leaf--a { left: 28%; top: 22%; width: 90px; height: 140px; transform: rotate(-18deg); }
body[data-mini-skin="mini_green_window"] .b2h-green-leaf--b { right: 16%; bottom: 18%; width: 120px; height: 160px; transform: rotate(14deg); }
body[data-mini-skin="mini_green_window"] .b2h-green-leaf--c { left: 52%; top: 16%; width: 70px; height: 110px; transform: rotate(8deg); }
body.is-ready[data-mini-skin="mini_green_window"] .b2h-green-leaf--a { animation: b3-sway-a 1.2s ease both; }
body.is-ready[data-mini-skin="mini_green_window"] .b2h-green-leaf--b { animation: b3-sway-b 1.2s ease 0.08s both; }
body.is-ready[data-mini-skin="mini_green_window"] .b2h-green-leaf--c { animation: b3-sway-c 1.2s ease 0.16s both; }
body[data-mini-skin="mini_green_window"] .b2h-green-vine {
  position: absolute; left: 22%; top: 8%; width: 8px; height: 36%;
  background: linear-gradient(#2f5d3a, #8fbf6a); border-radius: 8px; opacity: 0.7;
}
body[data-mini-skin="mini_green_window"] .b2h-hero--green .ml-home-hero-media {
  left: 38%; top: 14%; width: 20%; height: 62%; z-index: 2;
}
body[data-mini-skin="mini_green_window"] .b2h-hero--green .ml-home-hero-media-frame {
  inset: 0; overflow: hidden;
  background:
    radial-gradient(ellipse at 40% 70%, #2f5d3a 0 22%, transparent 23%),
    radial-gradient(ellipse at 70% 30%, #8fbf6a 0 18%, transparent 19%),
    linear-gradient(180deg, #d5e6c8, #2f5d3a) !important;
}
body[data-mini-skin="mini_green_window"] .b2h-hero--green .ml-home-hero-media-frame::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, rgba(255,255,255,.28), transparent 46%);
}
body[data-mini-skin="mini_green_window"] .b2h-hero--green .ml-home-hero-media-frame::after {
  content: ""; position: absolute; left: 18%; bottom: -8%; width: 70%; height: 58%;
  background: radial-gradient(ellipse at 50% 0, #8fbf6a, #243328 70%);
  clip-path: polygon(50% 0, 100% 88%, 0 88%);
  opacity: .85;
}
body[data-mini-skin="mini_green_window"] .b2h-hero--green .ml-home-hero-copy {
  left: 6%; bottom: 8%; top: auto; width: min(28rem, 42vw);
  background: rgba(242,246,238,.86); padding: 1rem 1.1rem;
}
body[data-mini-skin="mini_green_window"] .b2h-hero--green .ml-home-hero-title {
  font-family: Fraunces, Georgia, serif; color: #243328 !important;
}

/* ── Oven Paper ── */
body[data-mini-skin="mini_oven_paper"] .sg-shell-glass-nav__wrap { padding: 0 !important; }
body[data-mini-skin="mini_oven_paper"] .sg-shell-glass-nav__capsule {
  position: relative;
  background: #f6ebd8 !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  min-height: 54px;
  background-image: repeating-linear-gradient(0deg, transparent 0 13px, rgba(139,74,42,.12) 13px 14px) !important;
}
body[data-mini-skin="mini_oven_paper"] .sg-shell-glass-nav__name {
  font-family: Fraunces, Georgia, serif; font-style: italic; color: #3a2a1c !important;
}
body[data-mini-skin="mini_oven_paper"] .sg-shell-glass-nav__capsule::after {
  content: "OPEN / FRESH"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  font-size: 10px; letter-spacing: 0.16em; color: #8b4a2a;
}
body[data-mini-skin="mini_oven_paper"] .b2h-hero--oven { background: #f8f0e2; }
body[data-mini-skin="mini_oven_paper"] .b2h-oven-sheet {
  position: absolute; background: #fff8ec; box-shadow: 10px 14px 0 rgba(58,42,28,.08);
}
body[data-mini-skin="mini_oven_paper"] .b2h-oven-sheet--a {
  left: 8%; top: 12%; width: 42%; height: 58%; transform: rotate(-6deg);
}
body[data-mini-skin="mini_oven_paper"] .b2h-oven-sheet--b {
  right: 10%; top: 18%; width: 36%; height: 48%; transform: rotate(5deg); background: #f3e0c4;
}
body.is-ready[data-mini-skin="mini_oven_paper"] .b2h-oven-sheet--a { animation: b3-paper-a 0.5s ease both; }
body.is-ready[data-mini-skin="mini_oven_paper"] .b2h-oven-sheet--b { animation: b3-paper-b 0.5s ease 0.06s both; }
body[data-mini-skin="mini_oven_paper"] .b2h-oven-word {
  position: absolute; left: 10%; top: 16%; z-index: 3;
  font-family: Fraunces, Georgia, serif; font-size: clamp(4.8rem, 14vw, 10rem);
  color: #8b4a2a; transform: rotate(-6deg);
}
body[data-mini-skin="mini_oven_paper"] .b2h-oven-stamp {
  position: absolute; right: 14%; top: 14%; z-index: 4;
  font-size: 10px; letter-spacing: 0.2em; color: #c45a3a;
  border: 2px solid #c45a3a; padding: 6px 8px; transform: rotate(8deg);
}
body[data-mini-skin="mini_oven_paper"] .b2h-oven-mark {
  position: absolute; z-index: 4; font-size: 10px; letter-spacing: 0.16em; color: #3a2a1c;
}
body[data-mini-skin="mini_oven_paper"] .b2h-oven-mark--a { left: 12%; bottom: 22%; }
body[data-mini-skin="mini_oven_paper"] .b2h-oven-mark--b { right: 16%; bottom: 28%; }
body[data-mini-skin="mini_oven_paper"] .b2h-oven-mark--c { left: 34%; top: 12%; transform: rotate(-6deg); }
body[data-mini-skin="mini_oven_paper"] .b2h-oven-tape {
  position: absolute; z-index: 5; width: 48px; height: 16px; background: rgba(226,181,106,.75);
}
body[data-mini-skin="mini_oven_paper"] .b2h-oven-tape--a { left: 22%; top: 10%; transform: rotate(-12deg); }
body[data-mini-skin="mini_oven_paper"] .b2h-oven-tape--b { right: 18%; top: 16%; transform: rotate(18deg); }
body.is-ready[data-mini-skin="mini_oven_paper"] .b2h-oven-tape { animation: b3-settle 0.4s ease 0.12s both; }
body[data-mini-skin="mini_oven_paper"] .b2h-oven-loaf {
  position: absolute; right: 18%; bottom: 16%; width: 90px; height: 46px; z-index: 3;
  background: radial-gradient(ellipse at 40% 40%, #e2b56a, #8b4a2a);
  border-radius: 40% 40% 30% 30%;
}
body[data-mini-skin="mini_oven_paper"] .b2h-hero--oven .ml-home-hero-media {
  left: 28%; top: 28%; width: min(34vw, 380px); height: 36%; z-index: 3; transform: rotate(-4deg);
}
body.is-ready[data-mini-skin="mini_oven_paper"] .b2h-hero--oven .ml-home-hero-media {
  animation: b3-paper-img 0.5s ease 0.1s both;
}
body[data-mini-skin="mini_oven_paper"] .b2h-hero--oven .ml-home-hero-media-frame {
  inset: 0; overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 68%, #8b4a2a 0 16%, transparent 17%),
    radial-gradient(ellipse at 38% 62%, #e2b56a 0 12%, transparent 13%),
    repeating-linear-gradient(0deg, transparent 0 18px, rgba(139,74,42,.08) 18px 19px),
    #efe0c8 !important;
  box-shadow: inset 0 0 0 10px #fff8ec !important;
}
body[data-mini-skin="mini_oven_paper"] .b2h-hero--oven .ml-home-hero-media-frame::after {
  content: "CROISSANT  ·  TODAY"; position: absolute; left: 12%; top: 12%;
  font-size: 10px; letter-spacing: 0.16em; color: #8b4a2a;
}
body[data-mini-skin="mini_oven_paper"] .b2h-hero--oven .ml-home-hero-copy {
  left: auto; right: 6%; bottom: 8%; top: auto; width: min(28rem, 42vw);
  background: #fff8ec; padding: 1rem 1.1rem; box-shadow: 8px 10px 0 #e2b56a;
}
body[data-mini-skin="mini_oven_paper"] .b2h-hero--oven .ml-home-hero-title {
  font-family: Fraunces, Georgia, serif; color: #3a2a1c !important;
}

/* ── Cup Counter ── */
body[data-mini-skin="mini_cup_counter"] .sg-shell-glass-nav__wrap { padding: 0 !important; }
body[data-mini-skin="mini_cup_counter"] .sg-shell-glass-nav__capsule {
  position: relative;
  background: #1a1410 !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  border-bottom: 3px solid #3d8b74 !important;
  min-height: 48px;
}
body[data-mini-skin="mini_cup_counter"] .sg-shell-glass-nav__name,
body[data-mini-skin="mini_cup_counter"] .sg-shell-glass-nav__menu,
body[data-mini-skin="mini_cup_counter"] .sg-shell-glass-nav__search,
body[data-mini-skin="mini_cup_counter"] .sg-shell-glass-nav__cart { color: #f4efe6 !important; }
body[data-mini-skin="mini_cup_counter"] .sg-shell-glass-nav__name {
  font-family: Outfit, Inter, sans-serif; letter-spacing: 0.14em; text-transform: uppercase; font-size: 12px;
}
body[data-mini-skin="mini_cup_counter"] .sg-shell-glass-nav__capsule::before {
  content: ""; position: absolute; right: 72px; top: 50%; width: 8px; height: 8px; border-radius: 50%;
  transform: translateY(-50%); background: #3d8b74; box-shadow: 0 0 8px #3d8b74;
}
body[data-mini-skin="mini_cup_counter"] .sg-shell-glass-nav__capsule::after {
  content: "OPEN"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  font-size: 10px; letter-spacing: 0.18em; color: #3d8b74;
}
body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup { background: #241c16; }
body[data-mini-skin="mini_cup_counter"] .b2h-cup-tile {
  position: absolute; inset: 0 0 28% 0;
  background-image:
    linear-gradient(rgba(244,239,230,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,239,230,.06) 1px, transparent 1px);
  background-size: 42px 42px;
}
body[data-mini-skin="mini_cup_counter"] .b2h-cup-stain {
  position: absolute; left: 8%; top: 18%; width: 220px; height: 220px; border-radius: 50%;
  background: radial-gradient(circle, rgba(61,139,116,.22), transparent 68%);
}
body[data-mini-skin="mini_cup_counter"] .b2h-cup-counter {
  position: absolute; left: 0; right: 0; bottom: 0; height: 28%;
  background: linear-gradient(180deg, #3a2a22, #1a1410);
  border-top: 8px solid #c4a484;
}
body[data-mini-skin="mini_cup_counter"] .b2h-cup-machine {
  position: absolute; right: 10%; bottom: 26%; width: 120px; height: 28%; z-index: 3;
  background: linear-gradient(#8a8f92, #3a3f42);
  clip-path: polygon(10% 20%, 90% 20%, 90% 100%, 10% 100%, 10% 55%, 0 55%, 0 42%, 10% 42%);
}
body[data-mini-skin="mini_cup_counter"] .b2h-cup-mug {
  position: absolute; bottom: 22%; z-index: 4;
  width: 42px; height: 36px; background: #f4efe6; border-radius: 4px 4px 10px 10px;
}
body[data-mini-skin="mini_cup_counter"] .b2h-cup-mug--a { left: 18%; }
body[data-mini-skin="mini_cup_counter"] .b2h-cup-mug--b { left: 24%; background: #3d8b74; }
body.is-ready[data-mini-skin="mini_cup_counter"] .b2h-cup-mug { animation: b3-rise 0.45s ease both; }
body[data-mini-skin="mini_cup_counter"] .b2h-cup-steam {
  position: absolute; left: 19%; bottom: 34%; width: 10px; height: 40px; z-index: 5;
  background: linear-gradient(transparent, rgba(244,239,230,.55));
  border-radius: 8px;
}
body.is-ready[data-mini-skin="mini_cup_counter"] .b2h-cup-steam { animation: b3-steam 0.9s ease both; }
body[data-mini-skin="mini_cup_counter"] .b2h-cup-rail {
  position: absolute; left: 8%; right: 8%; bottom: 27%; height: 6px; background: #8a8f92; z-index: 2;
}
body[data-mini-skin="mini_cup_counter"] .b2h-cup-ticket {
  position: absolute; left: 32%; bottom: 30%; z-index: 5;
  font-size: 10px; letter-spacing: 0.14em; background: #f4efe6; color: #1a1410; padding: 4px 8px;
}
body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-home-hero-media {
  left: auto; right: 7%; top: auto; bottom: 30%; width: min(28vw, 320px); height: 34%;
  transform: none; z-index: 4;
}
body.is-ready[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-home-hero-media {
  animation: b3-rise 0.5s ease both;
}
body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-home-hero-media-frame {
  inset: 0; overflow: hidden;
  border: 8px solid #2a221c !important;
  background:
    repeating-linear-gradient(0deg, transparent 0 22px, rgba(244,239,230,.08) 22px 23px),
    linear-gradient(180deg, #2a221c, #1a1410) !important;
}
body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-home-hero-media-frame::before {
  content: "MENU"; position: absolute; left: 14%; top: 12%;
  font-size: 11px; letter-spacing: 0.28em; color: #3d8b74;
}
body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-home-hero-media-frame::after {
  content: "ESPRESSO\A POUR OVER\A OAT LATTE";
  white-space: pre; position: absolute; left: 14%; top: 28%;
  font-size: 11px; letter-spacing: 0.12em; line-height: 1.7; color: #f4efe6;
}
body.sg-mini-store .b2h-hero .ml-home-hero-media-frame:has(.ml-home-hero-media-img[src]:not([src=""]):not(.is-empty))::before,
body.sg-mini-store .b2h-hero .ml-home-hero-media-frame:has(.ml-home-hero-media-img[src]:not([src=""]):not(.is-empty))::after {
  display: none !important;
}
body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-home-hero-copy {
  left: 6%; top: 16%; width: min(28rem, 40vw);
}
body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-home-hero-title,
body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-home-hero-subtitle,
body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-home-hero-label {
  color: #f4efe6 !important;
}
body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-home-hero-title {
  font-family: Outfit, Inter, sans-serif;
}
body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-btn--primary {
  background: #3d8b74 !important; color: #f4efe6 !important;
}
body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-btn--secondary {
  color: #f4efe6 !important; border-color: rgba(244,239,230,.35) !important;
}

/* ── Pocket Signal ── */
body[data-mini-skin="mini_pocket_signal"] .sg-shell-glass-nav__wrap { padding: 0 !important; }
body[data-mini-skin="mini_pocket_signal"] .sg-shell-glass-nav__capsule {
  position: relative;
  background: #16191e !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  min-height: 48px;
}
body[data-mini-skin="mini_pocket_signal"] .sg-shell-glass-nav__capsule::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: linear-gradient(90deg, #3b82f6, transparent 70%);
}
body[data-mini-skin="mini_pocket_signal"] .sg-shell-glass-nav__name,
body[data-mini-skin="mini_pocket_signal"] .sg-shell-glass-nav__menu,
body[data-mini-skin="mini_pocket_signal"] .sg-shell-glass-nav__search,
body[data-mini-skin="mini_pocket_signal"] .sg-shell-glass-nav__cart { color: #e8edf5 !important; }
body[data-mini-skin="mini_pocket_signal"] .sg-shell-glass-nav__name {
  font-family: "IBM Plex Sans", Inter, sans-serif; letter-spacing: 0.16em; text-transform: uppercase; font-size: 11px;
}
body[data-mini-skin="mini_pocket_signal"] .sg-shell-glass-nav__capsule::before {
  content: "CONNECTED"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%);
  font-size: 9px; letter-spacing: 0.2em; color: #60a5fa;
}
body[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal { background: #12151a; }
body[data-mini-skin="mini_pocket_signal"] .b2h-sig-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(59,130,246,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(59,130,246,.12) 1px, transparent 1px);
  background-size: 36px 36px;
}
body[data-mini-skin="mini_pocket_signal"] .b2h-sig-word {
  position: absolute; left: 4%; top: 12%;
  font-family: "IBM Plex Sans", Inter, sans-serif; font-weight: 600;
  font-size: clamp(4rem, 14vw, 9rem); letter-spacing: -0.06em;
  color: rgba(232,237,245,.1);
}
body[data-mini-skin="mini_pocket_signal"] .b2h-sig-ring {
  position: absolute; left: 50%; top: 42%; border: 1px solid rgba(96,165,250,.45); border-radius: 50%;
  transform: translate(-50%, -50%);
}
body[data-mini-skin="mini_pocket_signal"] .b2h-sig-ring--a { width: 28vmin; height: 28vmin; }
body[data-mini-skin="mini_pocket_signal"] .b2h-sig-ring--b { width: 44vmin; height: 44vmin; }
body.is-ready[data-mini-skin="mini_pocket_signal"] .b2h-sig-ring { animation: b3-draw 0.45s ease both; }
body[data-mini-skin="mini_pocket_signal"] .b2h-sig-node {
  position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #60a5fa;
}
body[data-mini-skin="mini_pocket_signal"] .b2h-sig-node--a { left: 22%; top: 28%; }
body[data-mini-skin="mini_pocket_signal"] .b2h-sig-node--b { right: 18%; top: 36%; }
body[data-mini-skin="mini_pocket_signal"] .b2h-sig-node--c { left: 30%; bottom: 22%; }
body[data-mini-skin="mini_pocket_signal"] .b2h-sig-cable {
  position: absolute; left: 50%; bottom: 12%; width: 2px; height: 18%;
  background: linear-gradient(#60a5fa, transparent); transform: translateX(-50%);
}
body[data-mini-skin="mini_pocket_signal"] .b2h-sig-bud {
  position: absolute; right: 22%; bottom: 18%; width: 28px; height: 18px;
  background: #c5cdd8; border-radius: 10px;
}
body[data-mini-skin="mini_pocket_signal"] .b2h-sig-lab {
  position: absolute; font-family: "IBM Plex Sans", monospace; font-size: 10px; letter-spacing: 0.12em; color: #60a5fa;
}
body[data-mini-skin="mini_pocket_signal"] .b2h-sig-lab--a { left: 12%; top: 30%; }
body[data-mini-skin="mini_pocket_signal"] .b2h-sig-lab--b { right: 10%; bottom: 30%; }
body.is-ready[data-mini-skin="mini_pocket_signal"] .b2h-sig-lab--a { animation: b3-fade 0.35s ease 0.12s both; }
body.is-ready[data-mini-skin="mini_pocket_signal"] .b2h-sig-lab--b { animation: b3-fade 0.35s ease 0.22s both; }
body[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-home-hero-media {
  left: 50%; top: 22%; width: min(18vw, 210px); height: 52%;
  transform: translateX(-50%); z-index: 4;
}
body.is-ready[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-home-hero-media {
  animation: b3-device 0.42s ease both;
}
body[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-home-hero-media-frame {
  inset: 0; overflow: hidden; border-radius: 22px !important;
  border: 8px solid #2a2f38 !important;
  background:
    radial-gradient(circle at 50% 18%, #c5cdd8 0 6px, transparent 7px),
    radial-gradient(circle at 50% 18%, rgba(96,165,250,.5) 0 18px, transparent 19px),
    linear-gradient(180deg, #1c1f24 0 22%, #2563eb 100%) !important;
  box-shadow: 0 0 32px rgba(59,130,246,.28) !important;
}
body[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-home-hero-media-frame::after {
  content: "5G"; position: absolute; left: 50%; top: 48%; transform: translate(-50%, -50%);
  font-family: "IBM Plex Sans", Inter, sans-serif; font-size: 22px; letter-spacing: 0.2em; color: rgba(232,237,245,.85);
}
body.is-ready[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-home-hero-media-frame {
  animation: b3-glow 0.7s ease both;
}
body[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-home-hero-copy {
  left: 6%; bottom: 10%; top: auto; width: min(28rem, 40vw);
}
body[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-home-hero-title,
body[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-home-hero-subtitle,
body[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-home-hero-label {
  color: #e8edf5 !important;
}
body[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-home-hero-title {
  font-family: "IBM Plex Sans", Inter, sans-serif;
}
body[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-btn--primary {
  background: #3b82f6 !important; color: #fff !important;
}
body[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-btn--secondary {
  color: #e8edf5 !important; border-color: rgba(232,237,245,.35) !important;
}

@keyframes b3-linen-a { from { transform: rotate(-8deg) translateY(12px); opacity: .6; } to { transform: rotate(-8deg) translateY(0); opacity: 1; } }
@keyframes b3-linen-b { from { transform: rotate(4deg) translateY(10px); opacity: .6; } to { transform: rotate(4deg) translateY(0); opacity: 1; } }
@keyframes b3-linen-c { from { transform: rotate(11deg) translateY(12px); opacity: .6; } to { transform: rotate(11deg) translateY(0); opacity: 1; } }
@keyframes b3-settle { from { transform: scale(0.99); } to { transform: scale(1); } }
@keyframes b3-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes b3-rise { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes b3-panel { from { transform: translateX(-50%) translateY(10px); opacity: .5; } to { transform: translateX(-50%) translateY(0); opacity: 1; } }
@keyframes b3-glass { from { opacity: .2; } to { opacity: 1; } }
@keyframes b3-sway-a { from { transform: rotate(-18deg) translateY(3px); } to { transform: rotate(-18deg) translateY(0); } }
@keyframes b3-sway-b { from { transform: rotate(14deg) translateY(3px); } to { transform: rotate(14deg) translateY(0); } }
@keyframes b3-sway-c { from { transform: rotate(8deg) translateY(2px); } to { transform: rotate(8deg) translateY(0); } }
@keyframes b3-paper-a { from { transform: rotate(-6deg) translateX(-14px); opacity: 0; } to { transform: rotate(-6deg) translateX(0); opacity: 1; } }
@keyframes b3-paper-b { from { transform: rotate(5deg) translateX(14px); opacity: 0; } to { transform: rotate(5deg) translateX(0); opacity: 1; } }
@keyframes b3-paper-img { from { transform: rotate(-4deg) translateY(12px); opacity: 0; } to { transform: rotate(-4deg) translateY(0); opacity: 1; } }
@keyframes b3-steam { from { opacity: 0; transform: translateY(6px); } to { opacity: .8; transform: translateY(-4px); } }
@keyframes b3-board { from { transform: translateX(-50%) translateY(8px); } to { transform: translateX(-50%) translateY(0); } }
@keyframes b3-draw { from { opacity: 0; } to { opacity: 1; } }
@keyframes b3-device { from { transform: translateX(-50%) translateY(10px); } to { transform: translateX(-50%) translateY(0); } }
@keyframes b3-glow { from { box-shadow: 0 0 0 rgba(59,130,246,0); } to { box-shadow: 0 0 32px rgba(59,130,246,.28); } }

@media (prefers-reduced-motion: reduce) {
  body.sg-mini-store .b2h-hero * { 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: 82vh; }
  body[data-mini-skin="mini_linen_press"] .b2h-hero--linen .ml-home-hero-copy,
  body[data-mini-skin="mini_clay_yard"] .b2h-hero--clay .ml-home-hero-copy,
  body[data-mini-skin="mini_green_window"] .b2h-hero--green .ml-home-hero-copy,
  body[data-mini-skin="mini_oven_paper"] .b2h-hero--oven .ml-home-hero-copy,
  body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-home-hero-copy,
  body[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-home-hero-copy {
    left: 5%; right: 5%; width: auto; top: auto; bottom: 4%;
    background: color-mix(in srgb, var(--store-surface, #fff) 88%, transparent);
    padding: 0.85rem 0.9rem;
    z-index: 8;
  }
  body[data-mini-skin="mini_linen_press"] .sg-shell-glass-nav__wrap { padding: 0 !important; }
  body[data-mini-skin="mini_linen_press"] .sg-shell-glass-nav__capsule::before { display: none; }
  body[data-mini-skin="mini_linen_press"] .b2h-hero--linen .ml-home-hero-media {
    left: 8%; width: 84%; height: 20%; bottom: 38%; transform: none;
  }
  body[data-mini-skin="mini_cup_counter"] .b2h-cup-machine { display: none; }
  body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-home-hero-copy {
    background: rgba(26,20,16,.82);
  }
  body[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-home-hero-copy {
    background: rgba(18,21,26,.78);
  }
  body[data-mini-skin="mini_clay_yard"] .b2h-hero--clay .ml-home-hero-media {
    left: 28%; width: 44vw; height: 18%; top: auto; bottom: 32%;
  }
  body[data-mini-skin="mini_green_window"] .b2h-hero--green .ml-home-hero-media {
    left: 28%; width: 44%; height: 38%; top: 12%;
  }
  body[data-mini-skin="mini_green_window"] .b2h-green-word { font-size: 4rem; }
  body[data-mini-skin="mini_oven_paper"] .b2h-hero--oven .ml-home-hero-media {
    left: 12%; width: 70%; height: 26%; top: 22%; transform: rotate(-2deg);
  }
  body[data-mini-skin="mini_oven_paper"] .b2h-oven-word { font-size: 4.2rem; }
  body[data-mini-skin="mini_cup_counter"] .b2h-hero--cup .ml-home-hero-media {
    right: 6%; left: auto; width: 52vw; height: 22%; top: auto; bottom: 34%;
  }
  body[data-mini-skin="mini_pocket_signal"] .b2h-hero--signal .ml-home-hero-media {
    width: 34vw; height: 34vh; top: 14%;
  }
  body[data-mini-skin="mini_pocket_signal"] .b2h-sig-word { font-size: 3.4rem; }
}