@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --primary:       #c0392b;
  --primary-2:     #e74c3c;
  --primary-pink:  #e91e8c;
  --primary-light: #ff6b6b;
  --primary-glow:  rgba(192, 57, 43, 0.4);
  --pink-glow:     rgba(233, 30, 140, 0.3);
  --grad:          linear-gradient(135deg, #c0392b 0%, #e91e8c 100%);
  --grad-hover:    linear-gradient(135deg, #e74c3c 0%, #ff6b6b 100%);

  --bg:       #05050a;
  --bg-2:     #0b0b14;
  --surface:  #0f0f1c;
  --surface-2:#16162a;
  --border:   rgba(255, 255, 255, 0.06);

  --text:     #ffffff;
  --muted:    rgba(200, 200, 215, 0.65);
  --sub:      rgba(200, 200, 215, 0.4);

  --font: 'Outfit', sans-serif;
  --r-sm: 10px; --r-md: 18px; --r-lg: 28px; --r-xl: 44px;
  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-b: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden; /* Strictly prevent horizontal viewport scroll */
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
}

/* ─── Styled Scrollbar ─── */
::-webkit-scrollbar {
  width: 8px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--bg);
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--primary) 0%, var(--primary-pink) 100%);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--primary-light);
}

img { display: block; max-width: 100%; }
button { font-family: var(--font); cursor: pointer; border: none; outline: none; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }

/* Lenis */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }

/* Keyframes */
@keyframes float    { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes floatB   { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-8px) rotate(1deg); } }
@keyframes fadeUp   { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeIn   { from { opacity: 0; } to { opacity: 1; } }
@keyframes shimmer  { 0% { background-position: -200% center; } 100% { background-position: 200% center; } }
@keyframes pulse    { 0%, 100% { opacity: 0.4; transform: scale(1); } 50% { opacity: 0.15; transform: scale(1.4); } }
@keyframes marquee  { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes logoGlow { 0%, 100% { filter: drop-shadow(0 0 15px rgba(192, 57, 43, 0.2)); } 50% { filter: drop-shadow(0 0 35px rgba(233, 30, 140, 0.45)); } }

/* ─── Topbar ─── */
.topbar {
  background: var(--grad);
  padding: 0.5rem 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.76rem;
  font-weight: 500;
  position: relative;
  z-index: 1000;
}
.topbar a { color: #fff; opacity: 0.9; transition: opacity 0.2s; }
.topbar a:hover { opacity: 1; }

/* ─── Navbar ─── */
.navbar {
  position: sticky;
  top: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 1.1rem 4rem;
  background: rgba(5, 5, 10, 0.94);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border);
  transition: all 0.3s var(--ease);
}
.navbar-logo img { height: 46px; object-fit: contain; }
.navbar-links { display: flex; gap: 2rem; align-items: center; }
.navbar-links a {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--muted);
  transition: all 0.25s var(--ease);
  position: relative;
  padding: 0.25rem 0;
}
.navbar-links a::after {
  content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px;
  background: var(--grad); transition: width 0.3s var(--ease);
}
.navbar-links a:hover { color: #fff; }
.navbar-links a:hover::after { width: 100%; }

/* Header search */
.search-wrap { position: relative; flex: 1; max-width: 320px; margin-left: auto; }
.search-wrap input {
  width: 100%; padding: 0.6rem 1rem 0.6rem 2.5rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1.5px solid var(--border); border-radius: 50px;
  color: var(--text); font-family: var(--font); font-size: 0.84rem;
  outline: none; transition: all 0.3s var(--ease);
}
.search-wrap input:focus {
  border-color: var(--primary);
  background: rgba(192, 57, 43, 0.07);
  box-shadow: 0 0 15px rgba(192, 57, 43, 0.15);
}
.search-wrap input::placeholder { color: var(--sub); }
.search-icon { position: absolute; left: 0.95rem; top: 50%; transform: translateY(-50%); pointer-events: none; }
.search-icon svg { width: 14px; height: 14px; fill: var(--sub); transition: fill 0.3s; }
.search-wrap input:focus + .search-icon svg { fill: var(--primary-light); }

.navbar-cta {
  padding: 0.65rem 1.6rem;
  background: var(--grad);
  border-radius: 50px;
  font-weight: 700;
  font-size: 0.84rem;
  color: #fff;
  box-shadow: 0 4px 15px var(--primary-glow);
  transition: all 0.3s var(--ease);
  border: 1px solid transparent;
}
.navbar-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px var(--primary-glow);
  background: var(--grad-hover);
}

/* ─── Hero ─── */
.hero {
  position: relative;
  min-height: 90vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.hero-bg {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 25% 45%, #220b12 0%, var(--bg) 65%);
}

/* Hand Watermark Outline Overlay in background */
.hero-watermark-overlay {
  position: absolute;
  right: -5%;
  top: 5%;
  width: 55%;
  height: 90%;
  opacity: 0.04;
  pointer-events: none;
  z-index: 1;
  background-image: url('../img/logo.webp');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  filter: brightness(10) contrast(1.2);
}

.hero-content {
  position: relative; z-index: 2;
  max-width: 1400px; width: 100%; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1.1fr;
  gap: 4rem; align-items: center; padding: 5rem 4rem;
}
.hero-badge {
  display: inline-flex; align-items: center; gap: 0.5rem;
  padding: 0.4rem 1rem; border-radius: 50px;
  background: rgba(192, 57, 43, 0.12); border: 1px solid rgba(192, 57, 43, 0.28);
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.15em;
  text-transform: uppercase; color: var(--primary-light);
  margin-bottom: 1.5rem;
}
.hero-title {
  font-size: clamp(2.6rem, 4.8vw, 5rem);
  font-weight: 900;
  line-height: 1.0;
  letter-spacing: -0.02em;
  margin-bottom: 1.5rem;
}
.hero-title span {
  background: var(--grad);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero-desc { font-size: 1rem; color: var(--muted); line-height: 1.7; max-width: 460px; margin-bottom: 2.5rem; }
.hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; }

.btn-primary, .btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2.2rem;
  border-radius: 50px;
  font-size: 1.05rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s var(--ease);
  text-decoration: none;
  letter-spacing: 0.02em;
}
.btn-primary {
  background: var(--grad);
  color: white;
  border: none;
  box-shadow: 0 8px 24px rgba(192, 57, 43, 0.4);
}
.btn-primary:hover {
  background: var(--primary-pink);
  box-shadow: 0 15px 30px rgba(233, 30, 140, 0.5);
  transform: translateY(-5px) scale(1.05);
}
.btn-outline {
  background: rgba(255,255,255,0.03);
  color: white;
  border: 1.5px solid rgba(255,255,255,0.15);
  backdrop-filter: blur(10px);
}
.btn-outline:hover {
  background: var(--primary-light);
  color: #fff;
  border-color: var(--primary-light);
  box-shadow: 0 15px 30px rgba(192, 57, 43, 0.4);
  transform: translateY(-5px) scale(1.05);
}

/* Hero Slider */
.hero-slider {
  position: relative; height: 480px; width: 100%;
  display: flex; align-items: center; justify-content: center;
}
.hero-slide {
  position: absolute; inset: 0; display: flex;
  align-items: center; justify-content: center;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.hero-slide.active { opacity: 1; transform: scale(1) translateY(0); z-index: 2; }
.hero-slide.inactive { opacity: 0; transform: scale(0.92) translateY(10px); z-index: 1; }

.hero-slide-img {
  position: relative; width: 400px; height: 400px;
  display: flex; align-items: center; justify-content: center;
}
.hero-slide-glow {
  position: absolute; width: 340px; height: 340px; border-radius: 50%;
  background: radial-gradient(circle, rgba(192, 57, 43, 0.32) 0%, rgba(233, 30, 140, 0.15) 50%, transparent 70%);
  filter: blur(35px);
}
.hero-slide-ring {
  position: absolute; border-radius: 50%;
  border: 1px solid rgba(192, 57, 43, 0.15);
}
.hero-slide img {
  position: relative; z-index: 2;
  max-height: 340px; max-width: 100%; object-fit: contain;
  filter: drop-shadow(0 20px 48px rgba(192, 57, 43, 0.45));
  animation: float 5.5s ease-in-out infinite;
}

/* Watermark Overlay */
.img-with-mark { position: relative; overflow: hidden; }
.img-with-mark::after {
  content: ''; position: absolute; bottom: 8px; right: 8px;
  width: 44px; height: 16px;
  background: url('../img/logo.webp') no-repeat center/contain;
  opacity: 0.18; pointer-events: none; z-index: 5;
}

.hero-dots {
  position: absolute; bottom: 1rem; left: 50%;
  transform: translateX(-50%); display: flex; gap: 0.5rem; z-index: 10;
}
.hero-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.2); border: none;
  cursor: pointer; transition: all 0.3s var(--ease);
}
.hero-dot.active { background: var(--primary); width: 22px; border-radius: 4px; }

/* Arrows */
.slider-arrow {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 38px; height: 38px; border-radius: 50%;
  background: rgba(192, 57, 43, 0.12); border: 1px solid rgba(192, 57, 43, 0.25);
  color: #fff; font-size: 1rem; display: flex; align-items: center; justify-content: center;
  z-index: 10; cursor: pointer; transition: all 0.3s var(--ease);
}
.slider-arrow:hover { background: rgba(192, 57, 43, 0.4); border-color: var(--primary); }
.slider-arrow.prev { left: 0.5rem; }
.slider-arrow.next { right: 0.5rem; }

/* ─── Stats Marquee ─── */
.stats-marquee {
  background: var(--surface);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 1.1rem 0;
  overflow: hidden;
}
.marquee-track { display: flex; width: max-content; animation: marquee 25s linear infinite; }
.marquee-item {
  display: flex; align-items: center; gap: 0.8rem;
  padding: 0 4rem; border-right: 1px solid var(--border);
  white-space: nowrap;
}
.marquee-number {
  font-size: 1.35rem; font-weight: 900;
  background: var(--grad); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; background-clip: text;
}
.marquee-label {
  font-size: 0.76rem; color: var(--muted);
  text-transform: uppercase; letter-spacing: 0.1em;
}

/* ─── Smart Filter Banner ─── */
.smart-filter { padding: 2rem 4rem; background: var(--bg-2); }
.smart-filter-card {
  max-width: 1400px; margin: 0 auto;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--r-xl); padding: 1.75rem 2.25rem;
  display: grid; grid-template-columns: 1fr 1fr 1fr auto;
  gap: 1.5rem; align-items: end;
}
.filter-field label {
  display: flex; align-items: center; gap: 0.4rem;
  font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--primary-light); margin-bottom: 0.5rem;
}
.filter-field label svg { width: 12px; height: 12px; fill: var(--primary-light); }
.filter-field select {
  width: 100%; padding: 0.7rem 1.1rem;
  background: rgba(255, 255, 255, 0.03); border: 1.5px solid var(--border);
  border-radius: var(--r-md); color: var(--text); font-family: var(--font); font-size: 0.88rem;
  outline: none; cursor: pointer; transition: all 0.3s var(--ease);
}
.filter-field select:focus {
  border-color: var(--primary);
  background: rgba(192, 57, 43, 0.06);
  box-shadow: 0 0 10px rgba(192, 57, 43, 0.1);
}
.filter-field select option { background: var(--surface-2); color: var(--text); }
.smart-search-btn {
  padding: 0.72rem 2rem; background: var(--grad);
  border-radius: var(--r-md); font-weight: 800; font-size: 0.88rem;
  color: #fff; box-shadow: 0 4px 15px var(--primary-glow);
  transition: all 0.3s var(--ease);
}
.smart-search-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px var(--primary-glow);
  background: var(--grad-hover);
}

/* ─── Categories ─── */
.categories-section { padding: 5rem 4rem; background: var(--bg-2); }
.categories-grid {
  display: flex; gap: 1.75rem; flex-wrap: wrap;
  justify-content: center; margin-top: 3rem;
}
.cat-card {
  display: flex; flex-direction: column; align-items: center;
  gap: 0.8rem; cursor: pointer; transition: transform 0.3s var(--ease);
}
.cat-card:hover { transform: translateY(-6px); }
.cat-img-wrap {
  width: 140px; height: 140px; border-radius: 50%;
  overflow: hidden; border: 2px solid var(--border);
  transition: all 0.35s var(--ease); background: var(--surface-2);
}
.cat-card:hover .cat-img-wrap {
  border-color: var(--primary);
  box-shadow: 0 0 0 4px rgba(192, 57, 43, 0.15), 0 12px 30px rgba(192, 57, 43, 0.25);
}
.cat-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--ease); }
.cat-card:hover .cat-img-wrap img { transform: scale(1.1); }
.cat-name {
  font-size: 0.84rem; font-weight: 700; text-align: center;
  max-width: 120px; line-height: 1.3; color: var(--muted);
  transition: color 0.25s;
}
.cat-card:hover .cat-name { color: var(--primary-light); }
.cat-count { font-size: 0.68rem; color: var(--sub); text-align: center; margin-top: 0.1rem; }

/* ─── Showcase Section ─── */
.showcase-section { padding: 5rem 4rem; background: var(--bg); }
.filter-tabs-row { display: flex; gap: 0.6rem; flex-wrap: wrap; margin: 2.5rem 0 2rem; }
.filter-tab {
  padding: 0.5rem 1.25rem; border-radius: 50px;
  background: rgba(255, 255, 255, 0.03); border: 1.5px solid var(--border);
  color: var(--muted); font-size: 0.8rem; font-weight: 600;
  transition: all 0.3s var(--ease); cursor: pointer;
}
.filter-tab:hover, .filter-tab.active {
  background: rgba(192, 57, 43, 0.12);
  border-color: var(--primary);
  color: var(--primary-light);
  box-shadow: 0 0 15px rgba(192, 57, 43, 0.2);
}

.showcase-main {
  display: grid; grid-template-columns: 1fr 1fr;
  border-radius: var(--r-xl); overflow: hidden;
  background: var(--surface); border: 1px solid var(--border);
  min-height: 480px; margin-bottom: 2rem;
  transition: all 0.4s var(--ease);
}
.showcase-main:hover {
  box-shadow: 0 0 0 1.5px rgba(192, 57, 43, 0.22), 0 24px 60px rgba(192, 57, 43, 0.12);
}

.showcase-img-side {
  background: linear-gradient(135deg, var(--surface-2) 0%, var(--bg-2) 100%);
  display: flex; align-items: center; justify-content: center;
  padding: 2.5rem; position: relative; overflow: hidden; min-height: 440px;
}
.showcase-img-side::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(circle at 50% 60%, rgba(192, 57, 43, 0.15) 0%, transparent 60%);
}
.showcase-img-side .img-watermark {
  position: relative; z-index: 2;
  max-height: 340px; max-width: 90%; object-fit: contain;
  filter: drop-shadow(0 20px 48px rgba(192, 57, 43, 0.45));
  transition: transform 0.5s var(--ease);
  animation: float 6s ease-in-out infinite;
}
.showcase-main:hover .showcase-img-side .img-watermark { transform: scale(1.04) translateY(-4px); }

.showcase-wm-logo {
  position: absolute; bottom: 1rem; right: 1.25rem; z-index: 5;
  opacity: 0.18; pointer-events: none;
}
.showcase-wm-logo img { height: 24px; object-fit: contain; filter: brightness(10); }

.showcase-info-side { padding: 3rem; display: flex; flex-direction: column; justify-content: center; }
.showcase-badge {
  display: inline-flex; padding: 0.25rem 0.8rem; border-radius: 50px;
  font-size: 0.65rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.1em; background: var(--grad); color: #fff;
  margin-bottom: 1rem; width: fit-content;
}
.showcase-cat {
  font-size: 0.68rem; font-weight: 700; letter-spacing: 0.15em;
  text-transform: uppercase; color: var(--primary-light); margin-bottom: 0.4rem;
}
.showcase-title { font-size: clamp(1.5rem, 2.2vw, 2.4rem); font-weight: 900; line-height: 1.1; margin-bottom: 1rem; }
.showcase-desc { font-size: 0.88rem; color: var(--muted); line-height: 1.7; margin-bottom: 1.5rem; }

.showcase-meta { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1.75rem; }
.showcase-meta-item { display: flex; align-items: center; gap: 0.5rem; font-size: 0.84rem; color: var(--muted); }
.showcase-meta-item svg { width: 14px; height: 14px; fill: var(--primary-light); transition: transform 0.3s; }
.showcase-meta-item:hover svg { transform: scale(1.18); }

.showcase-price {
  font-size: 2.5rem; font-weight: 900;
  background: var(--grad); -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; background-clip: text;
  margin-bottom: 1.75rem;
}
.showcase-actions { display: flex; gap: 1rem; }
.btn-add {
  padding: 0.8rem 2rem; background: var(--grad); border-radius: 50px;
  font-weight: 800; font-size: 0.88rem; color: #fff;
  box-shadow: 0 4px 15px var(--primary-glow); transition: all 0.3s var(--ease);
}
.btn-add:hover { transform: translateY(-2px); box-shadow: 0 8px 24px var(--primary-glow); background: var(--grad-hover); }

.btn-wish {
  width: 42px; height: 42px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.04); border: 1.5px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  transition: all 0.3s var(--ease); color: var(--muted);
}
.btn-wish:hover { background: rgba(192, 57, 43, 0.12); border-color: var(--primary); color: var(--primary-light); }
.btn-wish svg { width: 16px; height: 16px; fill: currentColor; }

.showcase-nav { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; }
.showcase-nav-arrows { display: flex; gap: 0.6rem; }
.nav-arrow {
  width: 40px; height: 40px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border);
  color: var(--text); font-size: 0.9rem; display: flex;
  align-items: center; justify-content: center; transition: all 0.3s;
}
.nav-arrow:hover { background: rgba(192, 57, 43, 0.15); border-color: var(--primary); color: var(--primary-light); }

/* Filmstrip Container */
.filmstrip-container {
  width: 100%;
  overflow: hidden; /* Hide extra horizontal layout leakages */
  padding-bottom: 0.5rem;
}
.filmstrip {
  display: flex; gap: 0.85rem; overflow-x: auto;
  scrollbar-width: none; /* Hide default scrollbar */
}
.filmstrip::-webkit-scrollbar { display: none; } /* Hide for chrome */

.filmstrip-thumb {
  flex-shrink: 0; width: 100px; cursor: pointer;
  border-radius: var(--r-md); overflow: hidden;
  background: var(--surface); border: 2px solid var(--border);
  transition: all 0.3s var(--ease);
}
.filmstrip-thumb.active { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.2); }
.filmstrip-thumb:hover { border-color: rgba(192, 57, 43, 0.4); transform: translateY(-3px); }
.filmstrip-thumb-img {
  height: 72px; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--surface-2), var(--bg-2));
  padding: 0.6rem; position: relative;
}
.filmstrip-thumb-img img { max-height: 52px; object-fit: contain; filter: drop-shadow(0 3px 6px rgba(0,0,0,0.3)); }
.filmstrip-thumb-label { padding: 0.35rem 0.5rem; font-size: 0.65rem; font-weight: 600; color: var(--muted); text-align: center; }

/* ─── Why Choose MBI ─── */
.why-section { padding: 6rem 4rem; background: var(--surface); border-top: 1px solid var(--border); }
.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; max-width: 1400px; margin: 0 auto; }
.feature-list { display: flex; flex-direction: column; gap: 1.5rem; margin-top: 2.5rem; }
.feature-item { display: flex; gap: 1rem; align-items: flex-start; }
.feature-icon {
  width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: rgba(192, 57, 43, 0.1); border: 1px solid rgba(192, 57, 43, 0.25);
  transition: all 0.3s var(--ease);
}
.feature-item:hover .feature-icon {
  transform: translateY(-2px) scale(1.05);
  background: rgba(192, 57, 43, 0.18);
  border-color: var(--primary);
}
.feature-icon svg { width: 20px; height: 20px; fill: var(--primary-light); }
.feature-text h4 { font-size: 0.95rem; font-weight: 700; margin-bottom: 0.2rem; }
.feature-text p { font-size: 0.84rem; color: var(--muted); line-height: 1.6; }

.why-img-col { position: relative; display: flex; justify-content: center; align-items: center; height: 440px; }
.why-img-col img { max-width: 85%; max-height: 380px; object-fit: contain; filter: drop-shadow(0 20px 48px rgba(192, 57, 43, 0.35)); position: relative; z-index: 2; animation: floatB 6.5s ease-in-out infinite; }
.why-glow { position: absolute; width: 380px; height: 380px; border-radius: 50%; background: radial-gradient(circle, rgba(192, 57, 43, 0.2) 0%, rgba(233, 30, 140, 0.08) 50%, transparent 70%); filter: blur(45px); }

/* ─── Testimonials ─── */
.testimonials-section { padding: 5rem 4rem; background: var(--bg-2); }
.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; max-width: 1200px; margin: 2.5rem auto 0; }
.testimonial-card {
  background: var(--surface); border-radius: var(--r-md);
  padding: 1.75rem; border: 1px solid var(--border);
  transition: all 0.3s var(--ease);
}
.testimonial-card:hover { border-color: rgba(192, 57, 43, 0.3); transform: translateY(-4px); }
.stars { display: flex; gap: 2px; margin-bottom: 0.8rem; }
.stars svg { width: 14px; height: 14px; fill: var(--primary); }
.testimonial-text { font-size: 0.84rem; color: var(--muted); line-height: 1.65; margin-bottom: 1.25rem; font-style: italic; }
.testimonial-author { display: flex; align-items: center; gap: 0.7rem; }
.author-avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--grad); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 0.8rem; flex-shrink: 0; }
.author-name { font-weight: 700; font-size: 0.84rem; }
.author-role { font-size: 0.72rem; color: var(--sub); }

/* ─── CTA ─── */
.cta-section { padding: 4.5rem 4rem; background: var(--grad); text-align: center; position: relative; overflow: hidden; }
.cta-section h2 { font-size: 2.6rem; font-weight: 900; margin-bottom: 0.8rem; position: relative; z-index: 2; }
.cta-section p { font-size: 1rem; opacity: 0.85; margin-bottom: 2rem; position: relative; z-index: 2; }
.btn-white { padding: 0.9rem 2.5rem; background: #fff; border-radius: 50px; color: var(--primary); font-weight: 800; font-size: 0.95rem; box-shadow: 0 6px 24px rgba(0,0,0,0.22); transition: all 0.3s; display: inline-block; position: relative; z-index: 2; }
.btn-white:hover { transform: translateY(-3px); box-shadow: 0 10px 32px rgba(0,0,0,0.3); }

/* ─── Footer ─── */
.footer { background: var(--surface); border-top: 1px solid var(--border); padding: 4rem 4rem 1.5rem; }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 2.5rem; max-width: 1400px; margin: 0 auto; padding-bottom: 2.5rem; border-bottom: 1px solid var(--border); }
.footer-brand img { height: 42px; object-fit: contain; margin-bottom: 0.8rem; }
.footer-brand p { font-size: 0.8rem; color: var(--muted); line-height: 1.65; }
.footer-col h4 { font-size: 0.76rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--primary-light); margin-bottom: 1.1rem; }
.footer h4 { color: var(--text); font-size: 1.2rem; margin-bottom: 1.5rem; font-weight: 600; }
.footer-links { list-style: none; padding: 0; }
.footer-links li { margin-bottom: 0.8rem; }
.footer-links a { color: var(--sub); text-decoration: none; transition: color 0.3s; }
.footer-links a:hover { color: var(--primary-light); }

/* Wholesale Form */
.wholesale-form { display: flex; flex-direction: column; gap: 1.5rem; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.form-group { display: flex; flex-direction: column; gap: 0.5rem; text-align: left; margin-bottom: 1.5rem; }
.form-group label { color: var(--text); font-weight: 500; font-size: 0.95rem; margin-left: 0.5rem; }
.form-group input, .form-group select, .form-group textarea {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1rem 1.2rem;
  border-radius: var(--r-md);
  color: var(--text);
  font-size: 1rem;
  outline: none;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.form-group input:hover, .form-group select:hover, .form-group textarea:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
  border-color: var(--primary-pink);
  box-shadow: 0 0 15px rgba(233, 30, 140, 0.4);
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}
.form-group select { appearance: none; cursor: pointer; }
.form-group select option { background: #111; color: #fff; padding: 10px; }
.form-group textarea { resize: vertical; min-height: 120px; }
@media (max-width: 768px) { .form-row { grid-template-columns: 1fr; } }

.footer-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 1.5rem; max-width: 1400px; margin: 0 auto; }
.footer-bottom p { font-size: 0.74rem; color: var(--sub); }
.social-links { display: flex; gap: 0.8rem; }
.social-link { width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 0.76rem; transition: all 0.3s; }
.social-link:hover { background: rgba(192, 57, 43, 0.18); border-color: var(--primary); }

/* ─── Responsive ─── */
@media (max-width: 1024px) {
  .hero-content, .why-grid { grid-template-columns: 1fr; }
  .hero-slider { height: 300px; order: -1; }
  .showcase-main { grid-template-columns: 1fr; }
  .showcase-img-side { min-height: 280px; }
  .testimonials-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .smart-filter-card { grid-template-columns: 1fr 1fr; gap: 1rem; }
  .smart-filter-card .smart-search-btn { grid-column: span 2; }
  .topbar, .navbar, .hero-content, .smart-filter, .categories-section, .showcase-section, .why-section, .testimonials-section, .cta-section, .footer { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (max-width: 680px) {
  .navbar { flex-wrap: wrap; gap: 1rem; padding: 0.8rem 1.5rem; }
  .navbar-links { display: none; }
  .search-wrap { max-width: 100%; width: 100%; order: 3; margin: 0; }
  .hero-title { font-size: 2.2rem; }
  .footer-grid { grid-template-columns: 1fr; }
  .smart-filter-card { grid-template-columns: 1fr; }
}

/* ─── Shop Page Styles ─── */
.shop-page { min-height: 100vh; background: var(--bg); }
.shop-hero { position: relative; height: 35vh; min-height: 300px; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,0.05); }
.shop-hero-bg { position: absolute; inset: 0; background: radial-gradient(circle at center 20%, rgba(192, 57, 43, 0.15) 0%, transparent 60%); }
.shop-hero-content { position: relative; z-index: 10; max-width: 800px; padding: 0 2rem; }
.shop-hero-content h1 { font-size: 3rem; font-weight: 800; letter-spacing: -1px; margin-bottom: 1rem; text-shadow: 0 4px 24px rgba(0,0,0,0.5); }
.shop-hero-content p { font-size: 1.1rem; color: var(--muted); }

.shop-top-bar { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 4rem; background: var(--surface); border-bottom: 1px solid var(--border); }
.shop-top-left span { color: var(--sub); font-size: 0.9rem; }
.shop-top-left strong { color: var(--text); }
.shop-top-filters { display: flex; gap: 1.5rem; align-items: center; }
.shop-top-filters label { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: var(--muted); letter-spacing: 1px; }
.shop-top-filters select { 
  background: var(--bg-2); border: 1px solid var(--border); color: var(--text); 
  padding: 0.5rem 2rem 0.5rem 1rem; border-radius: 8px; font-size: 0.85rem; 
  appearance: none; outline: none; cursor: pointer; transition: all 0.2s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l-4-4h8l-4 4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 0.8rem center;
}
.shop-top-filters select:hover, .shop-top-filters select:focus { border-color: rgba(192, 57, 43, 0.4); box-shadow: 0 0 0 2px rgba(192, 57, 43, 0.1); }

.shop-layout { display: grid; grid-template-columns: 260px 1fr; gap: 3rem; padding: 3rem 4rem; max-width: 1600px; margin: 0 auto; align-items: start; }

.shop-sidebar h3 { font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--text); margin-bottom: 1.2rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(255,255,255,0.05); }
.sidebar-pills { display: flex; flex-direction: column; gap: 0.5rem; }
.sidebar-pill { 
  text-align: left; padding: 0.6rem 1rem; background: transparent; border: 1px solid transparent; 
  color: var(--sub); border-radius: 8px; font-size: 0.9rem; cursor: pointer; transition: all 0.2s; 
}
.sidebar-pill:hover { background: rgba(255,255,255,0.03); color: var(--text); }
.sidebar-pill.active { background: rgba(192, 57, 43, 0.1); border-color: rgba(192, 57, 43, 0.3); color: var(--primary-light); font-weight: 500; }

.shop-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2rem; }
.shop-card { 
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-md); 
  padding: 1.5rem; display: flex; flex-direction: column; 
  transition: all 0.3s var(--ease); cursor: pointer; position: relative;
}
.shop-card:hover { border-color: rgba(192, 57, 43, 0.3); z-index: 2; box-shadow: 0 20px 40px rgba(0,0,0,0.4); }
.shop-card-img-wrap { position: relative; height: 220px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; }
.shop-card-img-wrap img { max-width: 90%; max-height: 100%; object-fit: contain; position: relative; z-index: 2; filter: drop-shadow(0 10px 15px rgba(0,0,0,0.5)); transition: transform 0.3s; }
.shop-card:hover .shop-card-img-wrap img { transform: scale(1.05); }
.shop-card-glow { position: absolute; inset: 10%; background: radial-gradient(circle, rgba(192, 57, 43, 0.15) 0%, transparent 70%); filter: blur(20px); border-radius: 50%; opacity: 0; transition: opacity 0.3s; }
.shop-card:hover .shop-card-glow { opacity: 1; }

.shop-card-info { display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-end; }
.shop-card-sku { font-size: 0.7rem; color: var(--primary); letter-spacing: 1px; margin-bottom: 0.5rem; text-transform: uppercase; font-weight: 700; }
.shop-card h4 { font-size: 1rem; font-weight: 600; line-height: 1.4; margin-bottom: 1rem; color: var(--text); }
.shop-card-bottom { display: flex; flex-direction: column; gap: 1rem; align-items: flex-start; margin-top: auto; width: 100%; }
.shop-card-price { font-size: 1.45rem; font-weight: 800; color: var(--text); letter-spacing: -0.5px; }

@media (max-width: 1024px) {
  .shop-layout { grid-template-columns: 1fr; }
  .shop-sidebar { display: none; }
  .shop-top-filters { flex-wrap: wrap; }
}

/* ─── Single Product Page Styles ─── */
.product-detail-page { min-height: 100vh; background: var(--bg); position: relative; }
.product-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; max-width: 1400px; margin: 0 auto; padding: 4rem; align-items: start; }

/* Sticky Left Gallery */
.product-gallery { position: sticky; top: 120px; }
.product-main-image-wrap { 
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-xl); 
  height: 550px; display: flex; align-items: center; justify-content: center; 
  position: relative; overflow: hidden; cursor: crosshair; 
}
.product-main-image-wrap img { 
  max-width: 90%; max-height: 90%; object-fit: contain; position: relative; z-index: 2; 
  filter: drop-shadow(0 20px 40px rgba(0,0,0,0.4)); pointer-events: none;
}
.product-glow { position: absolute; inset: 20%; background: radial-gradient(circle, rgba(192, 57, 43, 0.25) 0%, transparent 60%); filter: blur(40px); border-radius: 50%; z-index: 1; opacity: 0; transition: opacity 0.5s; }
.product-main-image-wrap:hover .product-glow { opacity: 1; }

.product-thumbnails { display: flex; gap: 1rem; margin-top: 1.5rem; }
.thumb { width: 80px; height: 80px; background: var(--surface); border: 2px solid transparent; border-radius: 12px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; }
.thumb img { max-width: 80%; max-height: 80%; object-fit: contain; }
.thumb.active { border-color: var(--primary); background: rgba(192, 57, 43, 0.1); }
.thumb-placeholder { font-size: 0.6rem; color: var(--sub); text-transform: uppercase; font-weight: 700; text-align: center; }

/* Right Info */
.product-info { padding-top: 2rem; }
.product-sku { font-size: 0.8rem; font-weight: 700; color: var(--primary); letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 1rem; display: inline-block; }
.product-title { font-size: 3.2rem; font-weight: 800; line-height: 1.1; margin-bottom: 1rem; letter-spacing: -1px; }
.product-rating { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 2rem; }
.product-rating span { font-size: 0.9rem; color: var(--sub); text-decoration: underline; cursor: pointer; }
.product-price-large { font-size: 2.8rem; font-weight: 700; color: var(--text); margin-bottom: 1.5rem; }
.product-desc-large { font-size: 1.15rem; color: var(--muted); line-height: 1.7; margin-bottom: 2.5rem; }

.product-attributes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-bottom: 3rem; padding: 1.5rem; background: rgba(255,255,255,0.02); border-radius: 12px; border: 1px solid var(--border); }
.attr { display: flex; flex-direction: column; gap: 0.3rem; }
.attr-label { font-size: 0.75rem; color: var(--sub); text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }
.attr-val { font-size: 1rem; color: var(--text); font-weight: 600; }

.product-actions { display: flex; gap: 1.5rem; margin-bottom: 2.5rem; align-items: stretch; }
.qty-selector { display: flex; align-items: center; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
.qty-selector button { width: 48px; height: 54px; background: transparent; border: none; color: var(--text); font-size: 1.2rem; cursor: pointer; transition: background 0.2s; }
.qty-selector button:hover { background: rgba(255,255,255,0.05); }
.qty-selector span { width: 40px; text-align: center; font-weight: 700; font-size: 1.1rem; }
.add-to-quote-btn { flex-grow: 1; font-size: 1.1rem; padding: 0 2rem; }

.product-guarantees { display: flex; gap: 2rem; margin-bottom: 4rem; padding-bottom: 3rem; border-bottom: 1px solid var(--border); }
.guarantee-item { display: flex; align-items: center; gap: 0.8rem; font-size: 0.95rem; font-weight: 600; color: var(--text); }

/* Tabs */
.product-tabs { margin-top: 2rem; }
.tabs-header { display: flex; gap: 2rem; border-bottom: 1px solid var(--border); margin-bottom: 2rem; }
.tabs-header button { background: none; border: none; font-size: 1.1rem; font-weight: 600; color: var(--muted); padding-bottom: 1rem; position: relative; cursor: pointer; transition: color 0.3s; }
.tabs-header button:hover { color: var(--text); }
.tabs-header button.active { color: var(--primary-light); }
.tabs-header button.active::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: var(--primary); box-shadow: 0 0 10px var(--primary); }

.tab-specs ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 1.2rem; }
.tab-specs li { font-size: 1.05rem; color: var(--muted); }
.tab-specs li strong { color: var(--text); font-weight: 600; display: inline-block; width: 180px; }

.reviews-summary { display: flex; align-items: center; gap: 2rem; margin-bottom: 3rem; padding: 2rem; background: var(--surface); border-radius: 12px; border: 1px solid var(--border); }
.reviews-summary .score { font-size: 4rem; font-weight: 800; line-height: 1; color: var(--text); letter-spacing: -2px; }
.reviews-summary span { display: block; margin-top: 0.5rem; font-size: 0.9rem; color: var(--sub); }

.reviews-list { display: flex; flex-direction: column; gap: 2rem; }
.review-card { padding-bottom: 2rem; border-bottom: 1px solid var(--border); }
.review-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem; }
.review-author { display: flex; flex-direction: column; }
.review-author strong { font-size: 1.1rem; color: var(--text); font-weight: 600; }
.review-author span { font-size: 0.85rem; color: var(--primary); margin-top: 0.2rem; }
.review-date { font-size: 0.85rem; color: var(--sub); }
.review-card p { font-size: 1.05rem; color: var(--muted); line-height: 1.6; }

/* Sticky CTA */
.sticky-cta-bar { position: fixed; top: 0; left: 0; width: 100%; background: rgba(10, 7, 9, 0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255,255,255,0.05); z-index: 999; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.sticky-cta-content { max-width: 1400px; margin: 0 auto; padding: 1rem 4rem; display: flex; justify-content: space-between; align-items: center; }

@media (max-width: 1024px) {
  .product-layout { grid-template-columns: 1fr; }
  .product-gallery { position: relative; top: 0; }
  .product-attributes { grid-template-columns: 1fr; }
  .product-guarantees { flex-direction: column; gap: 1rem; }
}

/* ─── About Us Page Styles ─── */
.about-page { background: var(--bg); overflow-x: hidden; }

/* Hero */
.about-hero { position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; padding: 0 2rem; }
.about-hero-content { position: relative; z-index: 10; max-width: 900px; }
.hero-metal-glow { position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(192, 57, 43, 0.15), transparent 70%), url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E"); }

/* Particles */
.particles-container { position: absolute; inset: 0; overflow: hidden; z-index: 1; pointer-events: none; }
.particle { position: absolute; width: 4px; height: 4px; background: #ffaa00; border-radius: 50%; box-shadow: 0 0 15px 3px #ff3300; animation: floatParticle linear infinite; opacity: 0; }
@keyframes floatParticle {
  0% { transform: translateY(100vh) translateX(0) scale(1); opacity: 0; background: #fff; }
  10% { opacity: 1; background: #ffea00; }
  50% { background: #ffaa00; box-shadow: 0 0 20px 5px #ff3300; }
  90% { opacity: 1; background: #ff3300; }
  100% { transform: translateY(-20vh) translateX(100px) scale(0.2); opacity: 0; background: #550000; }
}

/* Values */
.about-values { padding: 8rem 4rem; max-width: 1400px; margin: 0 auto; }
.values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; }
.value-card { background: var(--surface); border: 1px solid var(--border); padding: 3rem 2rem; border-radius: var(--r-xl); text-align: center; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.value-card:hover { transform: translateY(-15px) scale(1.03); box-shadow: 0 25px 50px rgba(0,0,0,0.6); border-color: rgba(192, 57, 43, 0.5); }
.value-icon { font-size: 3rem; margin-bottom: 1.5rem; filter: drop-shadow(0 0 10px rgba(192, 57, 43, 0.5)); display: flex; justify-content: center; }
.value-icon svg { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); color: var(--text); }
.value-card:hover .value-icon svg { transform: scale(1.4) translateY(-8px); filter: drop-shadow(0 0 20px rgba(255, 60, 0, 0.8)); color: #ffaa00; }
.value-card h3 { font-size: 1.4rem; font-weight: 700; color: var(--text); margin-bottom: 1rem; }
.value-card p { font-size: 1rem; color: var(--muted); line-height: 1.6; }

/* Craftsmanship Story */
.about-craftsmanship { position: relative; background: #050405; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 6rem 4rem; max-width: 1600px; margin: 0 auto; }
.craft-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 4rem; }
.craft-content { display: flex; flex-direction: column; justify-content: center; }
.craft-steps { display: flex; flex-direction: column; gap: 3rem; }
.craft-step { display: flex; gap: 2rem; align-items: flex-start; }
.step-num { font-size: 3rem; font-weight: 800; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,0.1); line-height: 1; }
.craft-step:hover .step-num { -webkit-text-stroke: 1px var(--primary); color: rgba(192, 57, 43, 0.1); }
.craft-step h4 { font-size: 1.5rem; font-weight: 700; color: var(--text); margin-bottom: 0.5rem; }
.craft-step p { font-size: 1.1rem; color: var(--muted); line-height: 1.6; }

.craft-visual { position: relative; height: 100%; min-height: 500px; width: 100%; border-radius: var(--r-2xl); overflow: hidden; background: linear-gradient(135deg, #111, #000); border: 1px solid rgba(255,255,255,0.05); }
.abstract-steel-visual { position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(192, 57, 43, 0.1) 0%, transparent 70%); }
.steel-plate { position: absolute; width: 200%; height: 200%; top: -50%; left: -50%; background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.02) 10px, rgba(255,255,255,0.02) 20px); animation: slideBg 60s linear infinite; }
.steel-sparkle { position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; background: #fff; border-radius: 50%; box-shadow: 0 0 20px 5px rgba(192, 57, 43, 0.8); animation: pulse 3s infinite; }
@keyframes slideBg { 0% { transform: translateY(0); } 100% { transform: translateY(100px); } }
@keyframes pulse { 0%, 100% { opacity: 0; transform: scale(0.5); } 50% { opacity: 1; transform: scale(1.5); } }

/* Trusted Logos */
.about-trusted { padding: 6rem 4rem; background: var(--surface); border-bottom: 1px solid var(--border); }
.trusted-logos { display: flex; justify-content: center; gap: 3rem; flex-wrap: wrap; }
.trusted-logo-placeholder { font-size: 1.2rem; font-weight: 700; color: var(--sub); text-transform: uppercase; letter-spacing: 2px; padding: 1.5rem 3rem; border: 1px solid rgba(255,255,255,0.05); border-radius: 8px; background: rgba(0,0,0,0.2); }

@media (max-width: 1024px) {
  .craft-grid { grid-template-columns: 1fr; }
  .craft-visual { height: 300px; min-height: 300px; margin-top: 2rem; }
}

/* Mega Menu */
.mega-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  background: rgba(15, 10, 15, 0.45);
  backdrop-filter: blur(40px) saturate(150%);
  -webkit-backdrop-filter: blur(40px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--r-xl);
  padding: 2.5rem;
  box-shadow: 0 30px 60px rgba(0,0,0,0.8), inset 0 0 0 1px rgba(255,255,255,0.05);
  z-index: 9999;
  cursor: default;
}
.mega-menu-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  gap: 2.5rem;
}
.mega-title {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--primary-light);
  margin-bottom: 1.5rem;
  font-weight: 700;
}
.mega-links {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mega-links a {
  color: var(--sub);
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
  display: inline-block;
}
.mega-links a:hover {
  color: #fff;
  transform: translateX(5px);
}
.mega-featured {
  background: rgba(255,255,255,0.02);
  border-radius: var(--r-lg);
  padding: 1.5rem;
  text-align: center;
  border: 1px solid rgba(255,255,255,0.03);
}
.mega-featured-card h4 {
  margin-top: 1rem;
  font-size: 1.1rem;
  color: var(--text);
}
.mega-featured-card p {
  font-size: 0.85rem;
  color: var(--muted);
  margin-bottom: 1rem;
}
.mega-btn {
  display: inline-block;
  background: rgba(255,255,255,0.1);
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 50px;
  text-decoration: none;
  font-size: 0.85rem;
  transition: all 0.3s;
}
.mega-btn:hover {
  background: var(--primary-pink);
  box-shadow: 0 0 15px rgba(233, 30, 140, 0.4);
}



/* ─── WordPress Full Conversion Additions ─── */
:root{--r-2xl:56px;--container:1400px} body{min-height:100vh} body.admin-bar .navbar{top:32px}.site-shell{background:var(--bg);min-height:100vh}.navbar{justify-content:space-between}.navbar .navbar-links{position:absolute;left:50%;transform:translateX(-50%)}.nav-right{display:flex;align-items:center;gap:1.5rem}.mobile-menu-toggle{display:none;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid var(--border);color:#fff;font-size:1.4rem}.mobile-panel{display:none;position:fixed;top:0;right:0;width:min(86vw,360px);height:100vh;background:rgba(7,7,14,.98);backdrop-filter:blur(24px);z-index:100000;padding:5rem 1.5rem 2rem;transform:translateX(105%);transition:transform .35s var(--ease);box-shadow:-30px 0 80px rgba(0,0,0,.55)}.mobile-panel.active{transform:translateX(0)}.mobile-panel a{display:block;padding:1rem;border-bottom:1px solid rgba(255,255,255,.06);font-weight:800;color:#fff}.mobile-close{position:absolute;top:1rem;right:1rem;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff}.nav-item-shop:hover .mega-menu{display:block;opacity:1;visibility:visible}.mega-menu{display:none}.topbar{min-height:36px}.wp-page-content{background:var(--bg)}.mbi-custom-cursor{position:fixed;left:0;top:0;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-pink) 100%);border:2px solid var(--primary-light);transform:translate(-50%,-50%);pointer-events:none;z-index:999999;transition:width .22s ease-out,height .22s ease-out,background-color .22s,border .22s,box-shadow .22s;box-shadow:0 0 15px rgba(233,30,140,.6),0 0 30px rgba(192,57,43,.4)}.mbi-custom-cursor.is-hover{width:46px;height:46px;background:transparent;border:2.5px solid var(--primary-pink);box-shadow:none}.hero-particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-glow-ring{position:absolute;border-radius:50%;border:1px solid rgba(192,57,43,.07);top:50%;right:14%;transform:translate(50%,-50%);pointer-events:none;z-index:1}.hero-glow-ring.small{border-color:rgba(233,30,140,.1)}.hero-slide{display:none}.hero-slide.active{display:flex}.img-with-mark{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .5s cubic-bezier(.25,1,.5,1);cursor:grab;transform-style:preserve-3d;will-change:transform;overflow:visible}.img-with-mark img{pointer-events:none}.section-header{max-width:1400px;margin:0 auto}.smart-filter-card select,.shop-top-filters select,.filter-field select{background-color:var(--bg-2);color:var(--text)}.showcase-img-side{position:relative}.showcase-img-side .img-watermark{display:none}.showcase-img-side .img-watermark.active{display:block}.showcase-info-panel{display:none}.showcase-info-panel.active{display:block;animation:fadeUp .35s var(--ease)}.showcase-nav-arrows{display:flex;gap:.5rem}.filter-tab,.sidebar-pill,.filmstrip-thumb,.cat-card{touch-action:manipulation}.product-tab-panel{display:none}.product-tab-panel.active{display:block;animation:fadeIn .25s ease}.contact-grid,.wholesale-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem}.contact-card-panel,.form-panel,.wholesale-form-panel{background:rgba(255,255,255,.02);padding:4rem 3rem;border-radius:var(--r-2xl);border:1px solid rgba(255,255,255,.05);height:fit-content}.contact-row{display:flex;gap:1.5rem;align-items:flex-start}.contact-icon{color:var(--primary-pink);background:rgba(255,42,122,.1);padding:1rem;border-radius:50%;display:flex}.dark-map{border-radius:var(--r-xl);overflow:hidden;border:1px solid rgba(255,255,255,.1);height:350px;position:relative}.dark-map iframe{width:100%;height:100%;border:0;filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)}.success-message{display:none;background:rgba(46,204,113,.1);border:1px solid rgba(46,204,113,.3);padding:3rem 2rem;border-radius:var(--r-xl);text-align:center}.success-message.active{display:block}.wholesale-form.hidden{display:none}.wholesale-hero,.contact-hero{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image-bg{position:absolute;inset:0;z-index:0}.hero-image-bg img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-image-bg:before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(5,4,5,.75) 0%,rgba(5,4,5,.4) 50%,rgba(5,4,5,1) 100%);z-index:1}.hero-image-bg:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(5,4,5,.8) 100%);z-index:2}.parallax-hero-content{position:relative;z-index:10;text-align:center;padding:0 2rem}.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.benefit-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);padding:2.5rem;transition:all .35s var(--ease);overflow:hidden;position:relative}.benefit-card:hover{transform:translateY(-12px);border-color:rgba(233,30,140,.4);box-shadow:0 25px 60px rgba(0,0,0,.35)}.benefit-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:22px;background:rgba(233,30,140,.1);color:var(--primary-pink);margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.wholesale-form .form-group{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.2rem}.wholesale-form label{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.wholesale-form input,.wholesale-form select,.wholesale-form textarea{width:100%;padding:1rem 1.1rem;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.09);border-radius:16px;color:#fff;font-family:var(--font);outline:none}.wholesale-form input:focus,.wholesale-form select:focus,.wholesale-form textarea:focus{border-color:var(--primary-pink);box-shadow:0 0 0 3px rgba(233,30,140,.13)}.footer{padding:5rem 4rem 2rem;background:#05050a;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:3rem;max-width:1400px;margin:0 auto 2.5rem}.footer-brand p,.footer-col a{color:var(--muted);line-height:1.7}.footer-col{display:flex;flex-direction:column;gap:.7rem}.footer-col h4{font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin-bottom:.8rem}.footer-col a:hover{color:var(--primary-light)}.related-products{padding:4rem 0 6rem}.scroll-indicator-dot{width:6px;height:6px;background:var(--primary-light);border-radius:50%;animation:scrollDot 1.5s ease-in-out infinite}@keyframes scrollDot{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(20px);opacity:.05}}.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.particles-container .particle:nth-child(3n){animation-duration:16s}.particles-container .particle:nth-child(4n){animation-delay:2s}.particles-container .particle:nth-child(5n){animation-duration:22s;animation-delay:4s}.status-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem 1rem;border-radius:50px;background:rgba(192,57,43,.12);border:1px solid rgba(192,57,43,.28);font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--primary-light)}.no-js-message{padding:1rem;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:16px;color:var(--muted)}.shop-grid a{display:block}.shop-card{height:100%}.shop-card-bottom .btn-primary{padding:.5rem 1rem;font-size:.8rem;width:100%}.btn-white{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#111;border-radius:50px;padding:1rem 2rem;font-weight:900;transition:all .3s var(--ease)}.btn-white:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(255,255,255,.15)}.cart-drawer-toggle{position:relative;background:rgba(255,255,255,.05);border:1px solid var(--border);color:#fff;border-radius:50px;padding:.65rem 1rem;font-weight:800}.cart-count{display:inline-flex;margin-left:.4rem;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-pink);font-size:.72rem}.cart-drawer{position:fixed;right:0;top:0;width:min(420px,90vw);height:100vh;background:rgba(7,7,14,.98);border-left:1px solid var(--border);z-index:100001;transform:translateX(105%);transition:transform .35s var(--ease);padding:2rem;box-shadow:-30px 0 80px rgba(0,0,0,.6)}.cart-drawer.active{transform:translateX(0)}.cart-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.cart-close{width:42px;height:42px;border-radius:50%;color:#fff;background:rgba(255,255,255,.08)}.cart-placeholder{display:grid;place-items:center;text-align:center;min-height:60vh;color:var(--muted)}
@media (max-width:1100px){.navbar{padding:1rem 1.5rem!important}.navbar .navbar-links,.nav-right .search-wrap,.nav-right .navbar-cta{display:none!important}.mobile-menu-toggle{display:grid;place-items:center}.mobile-panel{display:block}.topbar{padding:.55rem 1rem;justify-content:center;text-align:center}.topbar span:last-child{display:none!important}.contact-grid,.wholesale-grid{grid-template-columns:1fr;gap:2rem}.footer-grid{grid-template-columns:1fr 1fr}.product-layout{padding:2rem 1rem}.sticky-cta-content{padding:.8rem 1rem}}
@media (max-width:767px){html,body{overflow-x:hidden}.mbi-custom-cursor{display:none}.hero{min-height:auto;padding-top:2rem}.hero-content{grid-template-columns:1fr!important;padding:4rem 1rem 3rem!important;text-align:center;gap:2rem}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;flex-direction:column;align-items:center}.btn-primary,.btn-outline,.btn-white{width:100%;max-width:320px}.hero-slider{height:300px!important;order:-1}.hero-slide-ring{display:none}.slider-arrow{width:38px!important;height:38px!important}.stats-marquee{padding:.75rem 0}.smart-filter,.categories-section,.showcase-section,.why-section,.testimonials-section,.cta-section,.about-values,.about-craftsmanship,.about-trusted{padding:4rem 1rem!important}.smart-filter-card{grid-template-columns:1fr!important;border-radius:28px!important}.smart-filter-card .smart-search-btn{grid-column:auto!important}.categories-grid{grid-template-columns:1fr 1fr!important;gap:1rem}.cat-card{padding:1rem!important;border-radius:24px!important;text-align:center}.cat-img-wrap{height:120px!important}.section-title{font-size:2.1rem!important;text-align:center}.filter-tabs-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.75rem}.filter-tab{white-space:nowrap}.showcase-main{grid-template-columns:1fr!important;border-radius:28px!important;overflow:hidden}.showcase-img-side{min-height:270px!important}.showcase-info-side{padding:1.5rem!important;text-align:center}.showcase-actions{flex-direction:column}.filmstrip{overflow-x:auto;padding-bottom:.6rem}.filmstrip-thumb{min-width:220px}.why-grid{grid-template-columns:1fr!important}.feature-item{text-align:left}.testimonials-grid{grid-template-columns:1fr!important}.cta-section{text-align:center}.shop-hero{height:auto;min-height:360px;padding-top:7rem}.shop-top-bar{padding:1rem;flex-direction:column;gap:1rem;text-align:center}.shop-top-filters{display:grid;grid-template-columns:1fr;width:100%;gap:.7rem}.shop-layout{padding:1.5rem 1rem!important;grid-template-columns:1fr!important}.shop-sidebar{display:none!important}.shop-grid{grid-template-columns:1fr!important}.shop-card{max-width:420px;margin:0 auto;width:100%;border-radius:28px}.product-layout{grid-template-columns:1fr!important;gap:2rem;padding:6.5rem 1rem 2rem!important}.product-main-image-wrap{height:340px!important;border-radius:28px}.product-title{font-size:2.1rem!important}.product-actions{flex-direction:column}.product-guarantees{flex-direction:column}.product-thumbnails{overflow-x:auto}.tabs-header{gap:1rem;overflow-x:auto}.tab-specs li strong{display:block;width:auto;margin-bottom:.3rem}.related-products .section-header,.related-products .shop-grid{padding:0 1rem!important}.about-hero{height:auto;min-height:760px;padding-top:7rem}.values-grid{grid-template-columns:1fr}.craft-grid{grid-template-columns:1fr}.craft-step{gap:1rem}.trusted-logos{gap:1rem}.trusted-logo-placeholder{width:100%;text-align:center;padding:1rem}.wholesale-hero{height:auto!important;min-height:760px!important;padding-top:7rem}.contact-hero{height:auto!important;min-height:560px!important;padding-top:7rem}.contact-grid,.wholesale-grid{display:block}.contact-card-panel,.form-panel,.wholesale-form-panel{padding:2rem 1.1rem;border-radius:28px;margin-top:1.5rem}.contact-row{gap:1rem}.form-row{grid-template-columns:1fr}.dark-map{height:280px}.footer{padding:4rem 1rem 2rem}.footer-grid{grid-template-columns:1fr!important;text-align:center}.footer-brand img{margin:0 auto}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.topbar{font-size:.68rem}.hero-title{font-size:clamp(2.3rem,13vw,3.4rem)!important}.hero-subtitle{font-size:1rem!important}.navbar-logo img{height:42px}.scroll-indicator{justify-content:center}.benefit-grid{grid-template-columns:1fr}.sticky-cta-bar{display:none!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-particle-canvas{display:none!important}}

/* === Functional patch: opaque blurred mega menu, quote checkout, Woo image support and smoother page motion === */
html{scroll-behavior:smooth;}
.navbar .nav-item-shop .mega-menu{
  display:block!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,14px) scale(.98)!important;
  background:linear-gradient(135deg,rgba(13,8,14,.96),rgba(25,10,22,.94))!important;
  backdrop-filter:blur(34px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(170%)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 36px 90px rgba(0,0,0,.86), inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden;
  transition:opacity .24s ease,visibility .24s ease,transform .24s ease!important;
}
.navbar .nav-item-shop .mega-menu:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(233,30,140,.18),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.06),transparent);pointer-events:none;z-index:0;}
.navbar .nav-item-shop .mega-menu-content{position:relative;z-index:1;}
.navbar .nav-item-shop:hover .mega-menu,.navbar .nav-item-shop:focus-within .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)!important;}

.about-hero{isolation:isolate;}
.about-hero-content{will-change:transform,opacity;}
.about-hero .scroll-indicator{animation:aboutFloat 1.55s ease-in-out infinite;}
@keyframes aboutFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(12px)}}
.particles-container .particle{box-shadow:0 0 16px rgba(233,30,140,.55);}

.cart-drawer{display:flex;flex-direction:column;gap:1rem;}
.quote-drawer-sub{font-size:.84rem;color:var(--muted);margin-top:.35rem;}
.quote-empty{display:grid;place-items:center;text-align:center;min-height:280px;color:var(--muted);gap:1rem;}
.quote-empty.is-hidden{display:none;}
.quote-items{display:flex;flex-direction:column;gap:1rem;overflow:auto;padding-right:.25rem;max-height:calc(100vh - 260px);}
.quote-item{display:grid;grid-template-columns:70px 1fr auto;gap:1rem;align-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:.9rem;}
.quote-item img{width:70px;height:70px;object-fit:contain;background:rgba(0,0,0,.22);border-radius:16px;padding:.35rem;}
.quote-item-title{font-weight:900;line-height:1.25;color:#fff;font-size:.92rem;}
.quote-item-meta{color:var(--muted);font-size:.78rem;margin-top:.28rem;}
.quote-item-controls{display:flex;align-items:center;gap:.45rem;margin-top:.65rem;}
.quote-item-controls button,.quote-remove{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.08);font-weight:900;}
.quote-remove{color:#ff7aa7;}
.quote-drawer-actions{display:none;margin-top:auto;gap:.75rem;flex-direction:column;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);}
.cart-drawer.has-items .quote-drawer-actions{display:flex;}
.cart-drawer.has-items .quote-empty{display:none;}
.quote-checkout-link{width:100%;}
.quote-clear{width:100%;background:rgba(255,255,255,.05)!important;}

.quote-checkout-page{background:var(--bg);min-height:100vh;overflow-x:hidden;}
.quote-checkout-hero{position:relative;height:56vh;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.quote-checkout-hero .hero-title{font-size:clamp(3rem,6vw,5.5rem);letter-spacing:-2px;text-shadow:0 10px 30px rgba(0,0,0,.75);}
.quote-checkout-hero .hero-title span{color:var(--primary-light);}
.quote-checkout-hero .hero-subtitle{font-size:1.15rem;max-width:700px;margin:1.5rem auto 0;color:#ddd;line-height:1.7;}
.quote-checkout-wrap{padding:6rem 4rem;max-width:1400px;margin:0 auto;}
.quote-checkout-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:3rem;align-items:start;}
.quote-summary-panel,.quote-form-panel,.quote-success-panel{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-2xl);padding:3rem;box-shadow:0 30px 80px rgba(0,0,0,.22);}
.quote-checkout-summary{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0;}
.quote-summary-product{display:grid;grid-template-columns:64px 1fr;gap:1rem;align-items:center;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:.85rem;}
.quote-summary-product img{width:64px;height:64px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.04);}
.quote-note{font-size:.9rem;color:var(--muted);line-height:1.7;margin-bottom:1rem;}
.quote-request-form .form-group{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.2rem;}
.quote-request-form label{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);}
.quote-request-form input,.quote-request-form select,.quote-request-form textarea{width:100%;padding:1rem 1.1rem;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.09);border-radius:16px;color:#fff;font-family:var(--font);outline:none;}
.quote-request-form input:focus,.quote-request-form select:focus,.quote-request-form textarea:focus{border-color:var(--primary-pink);box-shadow:0 0 0 3px rgba(233,30,140,.13);}
.quote-submit-btn{width:100%;padding:1.15rem 2rem;font-size:1rem;}
.quote-success-panel{text-align:center;max-width:760px;margin:0 auto;}
.quote-success-panel h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:1rem;color:#fff;}
.quote-success-panel p{color:var(--muted);line-height:1.8;margin-bottom:2rem;}

.woocommerce ul.products li.product img{display:block!important;width:100%!important;height:220px!important;object-fit:contain!important;background:#fff;border-radius:14px;padding:18px;}
.woocommerce table.wp-list-table .column-thumb img{object-fit:contain!important;background:#fff!important;}

@media (max-width:1024px){
  .quote-checkout-wrap{padding:4rem 1.5rem;}
  .quote-checkout-grid{grid-template-columns:1fr;}
  .navbar .nav-item-shop .mega-menu{width:min(92vw,760px);}
}
@media (max-width:767px){
  .mega-menu{display:none!important;}
  .quote-item{grid-template-columns:58px 1fr auto;padding:.75rem;border-radius:16px;}
  .quote-item img{width:58px;height:58px;}
  .quote-checkout-hero{height:46vh;min-height:420px;}
  .quote-summary-panel,.quote-form-panel,.quote-success-panel{padding:1.35rem;border-radius:28px;}
  .quote-request-form .form-row{grid-template-columns:1fr;gap:0;}
}


/* === MBI v4 functional repair: product/shop routing visuals, no Woo sidebar, compact about hero === */
body.woocommerce, body.single-product, body.post-type-archive-product { background: var(--bg) !important; }
body.woocommerce .site-main, body.single-product .site-main { background: var(--bg) !important; }
body.woocommerce #secondary, body.single-product #secondary,
body.woocommerce .widget-area, body.single-product .widget-area,
body.woocommerce .woocommerce-breadcrumb,
body.woocommerce div.product .woocommerce-tabs,
body.woocommerce .related.products,
body.woocommerce .up-sells,
body.woocommerce .products > .product .button { display: none !important; }
body.single-product .product-detail-page { padding-top: 0; }
body.post-type-archive-product .shop-page, body.woocommerce-shop .shop-page { display:block !important; }

.about-hero { height: 72vh !important; min-height: 560px !important; max-height: 760px !important; padding-top: 3rem !important; }
.about-hero-content { max-width: 820px !important; margin: 0 auto !important; }
.about-hero .hero-title { font-size: clamp(2.8rem, 6.4vw, 5.8rem) !important; line-height: .95 !important; }
.about-hero .hero-subtitle { max-width: 650px !important; margin-left:auto !important; margin-right:auto !important; }
.about-hero .scroll-indicator { bottom: 2rem !important; }

.mega-menu { background: rgba(12, 8, 14, .96) !important; backdrop-filter: blur(30px) saturate(160%) !important; -webkit-backdrop-filter: blur(30px) saturate(160%) !important; }

.product-detail-page { background: var(--bg); min-height: 100vh; }
.product-detail-page .product-layout { padding-top: 5rem; }
.product-main-image-wrap img, .shop-card-img-wrap img, .filmstrip-thumb-img img, .quote-item img, .quote-summary-product img { object-fit: contain; }
.product-actions .btn-primary, .shop-card-bottom .btn-primary { cursor: pointer; }
.shop-card-bottom { gap: .85rem; }

@media (max-width: 767px){
  .about-hero { height: auto !important; min-height: 560px !important; padding-top: 5.5rem !important; padding-bottom: 4rem !important; }
  .about-hero .hero-title { font-size: clamp(2.25rem, 12vw, 3.4rem) !important; }
  .product-detail-page .product-layout { padding-top: 2rem !important; }
  .product-gallery-inner { position: relative !important; top: auto !important; }
}

/* === MBI v6 UI/configurability polish: quote checkout, mega menu, mobile app layout === */
.topbar-actions{display:flex;gap:1.25rem;align-items:center}.nav-item-shop{padding:1rem 0;position:relative}.search-wrap{position:relative;width:200px}.search-icon-right{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);display:flex}.footer-brand img{height:44px;object-fit:contain}.footer-brand p{margin-top:1rem}.btn-primary,.navbar-cta,.mega-btn,.quote-submit-btn{background:var(--grad)!important;color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.18)}.btn-primary:hover,.navbar-cta:hover,.mega-btn:hover,.quote-submit-btn:hover{background:var(--grad-hover)!important;box-shadow:0 18px 42px rgba(255,42,143,.24),0 8px 22px rgba(192,57,43,.24)!important}.filter-tab.active,.sidebar-pill.active,.tabs-header button.active,.hero-dot.active{background:var(--grad)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:0 12px 34px rgba(255,42,143,.22)!important}.navbar-links a:hover,.navbar-links a:focus-visible,.mega-links a:hover,.mega-links a:focus-visible{color:#fff!important}.navbar-links a:after{background:var(--grad)!important}

.navbar .nav-item-shop .mega-menu{top:calc(100% + 12px)!important;left:50%!important;width:min(980px,calc(100vw - 48px))!important;min-height:0!important;padding:0!important;border-radius:36px!important;background:linear-gradient(135deg,rgba(14,9,16,.992),rgba(31,13,28,.985))!important;backdrop-filter:blur(34px) saturate(180%)!important;-webkit-backdrop-filter:blur(34px) saturate(180%)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 42px 120px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.10)!important}.navbar .nav-item-shop .mega-menu:before{background:radial-gradient(circle at 8% 8%,rgba(255,42,143,.24),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.08),transparent)!important}.mega-menu-content{display:grid!important;grid-template-columns:1fr 1fr 280px!important;gap:2rem!important;padding:2.3rem!important;align-items:start!important}.mega-title{color:#ff7474!important;letter-spacing:.18em!important;font-size:.86rem!important;margin-bottom:1.15rem!important}.mega-links{gap:.55rem!important}.mega-links a{padding:.55rem .7rem!important;border-radius:14px!important;color:rgba(255,255,255,.72)!important;font-size:.98rem!important}.mega-links a:hover{background:rgba(255,255,255,.07)!important;transform:translateX(4px)!important}.mega-featured-card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:28px!important;padding:1.25rem!important;text-align:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}.mega-featured-card img{height:132px!important;width:100%!important;max-width:160px!important;margin:0 auto 1rem!important;object-fit:contain!important;border-radius:14px!important;background:rgba(0,0,0,.18)!important;padding:.35rem!important}.mega-featured-card h4{font-size:1.04rem!important;line-height:1.22!important;color:#fff!important;margin:.35rem 0!important}.mega-featured-card p{font-size:.84rem!important;color:rgba(255,255,255,.66)!important;margin-bottom:.9rem!important}.mega-btn{display:inline-flex!important;min-height:42px!important;align-items:center!important;justify-content:center!important;padding:.7rem 1.05rem!important;border-radius:999px!important;font-weight:900!important;font-size:.82rem!important;line-height:1!important}

.quote-checkout-hero{height:auto!important;min-height:470px!important;padding:8rem 1.25rem 5rem!important}.quote-checkout-hero .hero-image-bg:before{background:linear-gradient(to bottom,rgba(5,4,5,.80),rgba(5,4,5,.46) 50%,rgba(5,4,5,1))!important}.quote-hero-content{width:100%!important;max-width:min(980px,calc(100vw - 40px))!important;margin:0 auto!important;padding:0 1rem!important;text-align:center!important}.quote-checkout-hero .section-tag{margin:0 auto 1rem!important;color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.65)!important}.quote-checkout-hero .hero-title{font-size:clamp(2.75rem,7vw,5.4rem)!important;line-height:.95!important;letter-spacing:-.055em!important;white-space:normal!important;max-width:100%!important;overflow-wrap:normal!important;text-align:center!important}.quote-checkout-hero .hero-title span:not(.quote-title-base){background:var(--grad)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none!important}.quote-checkout-hero .hero-subtitle{font-size:clamp(1rem,1.7vw,1.22rem)!important;max-width:780px!important;margin:1.35rem auto 0!important;line-height:1.65!important;color:rgba(255,255,255,.88)!important;text-shadow:0 2px 14px rgba(0,0,0,.55)!important}.quote-checkout-wrap{padding:4.5rem 1.25rem 7rem!important;max-width:1220px!important}.quote-checkout-grid{grid-template-columns:minmax(310px,.88fr) minmax(0,1.22fr)!important;gap:2rem!important}.quote-summary-panel,.quote-form-panel,.quote-success-panel{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:38px!important;padding:2.55rem!important}.quote-form-panel h2,.quote-summary-panel h2{font-size:1.8rem!important;line-height:1.15!important;margin:0 0 1.35rem!important}.quote-request-form{display:block!important}.quote-request-form .form-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.45rem!important;margin:0 0 1.35rem!important}.quote-request-form .form-group{gap:.65rem!important;margin:0!important}.quote-request-form .form-row + .form-row{margin-top:.35rem!important}.quote-request-form label{font-size:.78rem!important;color:rgba(255,255,255,.72)!important;letter-spacing:.11em!important;margin:0 0 .1rem .35rem!important}.quote-request-form input,.quote-request-form select,.quote-request-form textarea{min-height:58px!important;padding:1.04rem 1.18rem!important;background:rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:18px!important;color:#fff!important;font-size:1rem!important;line-height:1.35!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}.quote-request-form textarea{min-height:150px!important;padding-top:1.15rem!important}.quote-request-form input:hover,.quote-request-form select:hover,.quote-request-form textarea:hover{border-color:rgba(255,42,143,.45)!important;background:rgba(0,0,0,.42)!important}.quote-request-form input:focus,.quote-request-form select:focus,.quote-request-form textarea:focus{border-color:#ff2a8f!important;box-shadow:0 0 0 4px rgba(255,42,143,.18),0 0 26px rgba(255,42,143,.16)!important}.quote-request-form select option{background:#101018!important;color:#fff!important}.quote-submit-btn{height:64px!important;border-radius:20px!important;margin-top:1.35rem!important;font-size:1.05rem!important;letter-spacing:.01em!important;width:100%!important;transform:none!important}.quote-submit-btn:hover{transform:translateY(-2px)!important}.quote-summary-product{border-color:rgba(255,255,255,.1)!important;background:rgba(0,0,0,.30)!important}.quote-note{color:rgba(255,255,255,.68)!important}.quote-checkout-summary:empty:before{content:'Products added to quote will appear here.';display:block;color:var(--muted);font-size:.95rem;line-height:1.6;background:rgba(255,255,255,.035);border:1px dashed rgba(255,255,255,.14);border-radius:18px;padding:1rem}

.mobile-panel{left:auto!important;right:0!important;text-align:center!important;overflow-y:auto!important}.mobile-panel-brand{display:grid;justify-items:center;gap:.75rem;margin:-2.2rem 0 1rem}.mobile-panel-brand img{height:48px;object-fit:contain}.mobile-panel-brand p{font-size:.9rem;color:var(--muted);line-height:1.5;max-width:260px}.mobile-panel a{text-align:center;border-radius:18px;border:1px solid transparent!important;margin:.35rem 0;background:rgba(255,255,255,.035);font-size:1rem}.mobile-panel a:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)!important}.mobile-shop-box{margin:1.1rem 0;padding:1rem;border-radius:24px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);display:grid;gap:.35rem}.mobile-shop-box strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#ff7474;margin-bottom:.3rem}.mobile-shop-box a{background:transparent!important;margin:0!important;padding:.65rem!important}.mobile-primary-cta{background:var(--grad)!important;color:#fff!important;font-weight:900!important;box-shadow:0 18px 42px rgba(255,42,143,.2)!important}.mobile-menu-toggle{box-shadow:0 10px 28px rgba(0,0,0,.28)}

@media (max-width:1100px){.navbar{padding:.95rem 1.25rem!important}.navbar-logo img{height:42px}.cart-drawer-toggle{display:inline-flex!important}.nav-right{gap:.75rem}.nav-right .cart-drawer-toggle{padding:.65rem .9rem}.mega-menu-content{grid-template-columns:1fr 1fr!important}.mega-featured{grid-column:1/-1}.mega-featured-card{max-width:440px;margin:0 auto}.quote-checkout-grid{grid-template-columns:1fr!important}.quote-summary-panel{order:2}.quote-form-panel{order:1}}
@media (max-width:767px){body{background:var(--bg)!important}.topbar{display:none!important}.navbar{position:sticky!important;top:0!important;padding:.8rem .9rem!important;border-bottom-color:rgba(255,255,255,.08)!important}.navbar-logo img{height:38px!important}.mobile-menu-toggle{width:42px!important;height:42px!important;display:grid!important;place-items:center!important}.nav-right{margin-left:auto}.nav-right .cart-drawer-toggle{display:inline-flex!important;font-size:.8rem!important;padding:.58rem .78rem!important}.quote-checkout-hero{min-height:430px!important;padding:6.2rem 1rem 3.4rem!important}.quote-hero-content{max-width:100%!important;padding:0!important}.quote-checkout-hero .hero-title{font-size:clamp(2.35rem,14vw,3.8rem)!important;line-height:.98!important;letter-spacing:-.045em!important}.quote-checkout-hero .hero-subtitle{font-size:1rem!important;line-height:1.55!important;margin-top:1rem!important;max-width:330px!important}.quote-checkout-wrap{padding:2.5rem 1rem 5rem!important}.quote-summary-panel,.quote-form-panel,.quote-success-panel{padding:1.2rem!important;border-radius:28px!important}.quote-form-panel h2,.quote-summary-panel h2{text-align:center!important;font-size:1.55rem!important;margin-bottom:1.2rem!important}.quote-request-form .form-row{grid-template-columns:1fr!important;gap:1rem!important;margin-bottom:1rem!important}.quote-request-form label{text-align:center!important;margin-left:0!important}.quote-request-form input,.quote-request-form select,.quote-request-form textarea{text-align:center!important;border-radius:18px!important;min-height:58px!important}.quote-request-form textarea{text-align:left!important;min-height:150px!important}.quote-submit-btn{height:60px!important;border-radius:20px!important;max-width:none!important}.cart-drawer{width:100vw!important;padding:1.2rem!important}.quote-item{grid-template-columns:56px 1fr auto!important;text-align:left}.footer{padding:3.5rem 1.1rem 2rem!important}.footer-grid{text-align:center!important;gap:2rem!important}.footer-col{align-items:center!important}.footer-brand img{margin:0 auto}.search-wrap{width:100%!important}.mobile-panel{width:100vw!important;padding:5.25rem 1.1rem 2rem!important}.mobile-close{right:1.1rem!important}.btn-primary,.btn-outline,.btn-white{max-width:100%!important}.shop-card,.cat-card,.testimonial-card,.benefit-card,.quote-form-panel,.quote-summary-panel{box-shadow:0 18px 44px rgba(0,0,0,.25)!important}.section-tag{text-align:center!important}.hero-badge{justify-content:center}.mega-menu{display:none!important}}


/* === MBI v7 fixes: Elementor editor compatibility, quote checkout hero, related products, mobile polish === */
.mbi-elementor-content-area{
  min-height:220px;
  width:100%;
  background:var(--bg);
}
.elementor-editor-active .mbi-elementor-content-area,
.elementor-page .mbi-elementor-content-area{
  display:block;
}

.quote-checkout-page{
  overflow-x:hidden!important;
}
.quote-checkout-hero{
  min-height:420px!important;
  padding:6.5rem 1.25rem 4.5rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  isolation:isolate!important;
}
.quote-checkout-hero .hero-image-bg:before{
  background:linear-gradient(90deg,rgba(5,4,5,.64),rgba(5,4,5,.38) 48%,rgba(5,4,5,.68)),linear-gradient(to bottom,rgba(5,4,5,.68),rgba(5,4,5,.36) 46%,rgba(5,4,5,.94))!important;
}
.quote-checkout-hero .hero-image-bg:after{
  background:radial-gradient(circle at center,rgba(5,4,5,.08) 0%,rgba(5,4,5,.42) 78%,rgba(5,4,5,.80) 100%)!important;
}
.quote-hero-content{
  position:relative!important;
  z-index:12!important;
  width:min(920px,calc(100vw - 42px))!important;
  max-width:min(920px,calc(100vw - 42px))!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  text-align:center!important;
  overflow:visible!important;
}
.quote-checkout-hero .section-tag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  margin:0 auto .9rem!important;
  padding:.38rem .95rem!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.26)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  text-shadow:none!important;
}
.quote-checkout-hero .hero-title,
.quote-checkout-hero .quote-checkout-title{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-align:center!important;
  font-size:clamp(2.55rem,5.8vw,4.65rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
.quote-checkout-hero .quote-title-base{
  display:inline!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
}
.quote-checkout-hero .hero-title span:not(.quote-title-base){
  display:inline!important;
  background:linear-gradient(135deg,#ff4d4d 0%,#ff2a8f 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  text-shadow:none!important;
}
.quote-checkout-hero .hero-subtitle{
  max-width:690px!important;
  margin:1.15rem auto 0!important;
  color:rgba(255,255,255,.94)!important;
  text-shadow:0 2px 12px rgba(0,0,0,.34)!important;
  font-size:clamp(.98rem,1.35vw,1.15rem)!important;
  line-height:1.65!important;
}

.quote-request-form label,
.wholesale-form label{
  color:rgba(255,255,255,.82)!important;
}
.quote-request-form input:focus,
.quote-request-form select:focus,
.quote-request-form textarea:focus,
.wholesale-form input:focus,
.wholesale-form select:focus,
.wholesale-form textarea:focus{
  border-color:#ff4aa2!important;
  box-shadow:0 0 0 4px rgba(255,74,162,.18),0 0 28px rgba(255,74,162,.15)!important;
}
.quote-submit-btn,
.quote-request-form .quote-submit-btn{
  min-height:62px!important;
  border-radius:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}

.mbi-related-products{
  padding:4.5rem 1.25rem 6rem!important;
  max-width:1480px!important;
  margin:0 auto!important;
}
.related-section-header{
  padding:0!important;
  margin:0 auto 2.25rem!important;
  text-align:center!important;
  max-width:760px!important;
}
.related-section-header .section-tag{
  justify-content:center!important;
  margin:0 auto .75rem!important;
}
.related-section-header h2{
  font-size:clamp(2rem,4vw,3.25rem)!important;
  line-height:1.05!important;
  margin:0!important;
}
.related-shop-grid{
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1.75rem!important;
  max-width:1320px!important;
  margin:0 auto!important;
  justify-content:center!important;
}
.related-shop-grid .shop-card{
  border-radius:26px!important;
  min-height:360px!important;
  text-align:left!important;
}
.related-shop-grid .shop-card-img-wrap{
  height:180px!important;
}
.related-shop-grid .shop-card-info{
  text-align:left!important;
}

.navbar .nav-item-shop .mega-menu{
  overflow:hidden!important;
}
.navbar .nav-item-shop .mega-menu::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 48%);
  pointer-events:none;
  z-index:0;
}
.navbar .nav-item-shop .mega-menu .mega-menu-content{
  position:relative;
  z-index:1;
}

@media (max-width:1100px){
  .related-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:760px!important;}
  .quote-checkout-hero{min-height:390px!important;padding:5.6rem 1rem 3.8rem!important;}
  .quote-checkout-grid{grid-template-columns:1fr!important;}
}
@media (max-width:767px){
  .quote-checkout-hero{min-height:360px!important;padding:4.5rem 1rem 3rem!important;border-radius:0!important;}
  .quote-hero-content{width:100%!important;max-width:360px!important;}
  .quote-checkout-hero .hero-title,
  .quote-checkout-hero .quote-checkout-title{font-size:clamp(2.2rem,12vw,3.2rem)!important;line-height:1.04!important;letter-spacing:-.03em!important;}
  .quote-checkout-hero .quote-title-base,
  .quote-checkout-hero .hero-title span:not(.quote-title-base){display:block!important;}
  .quote-checkout-hero .hero-subtitle{max-width:330px!important;font-size:.98rem!important;line-height:1.55!important;}
  .quote-checkout-wrap{padding:2rem .9rem 4.5rem!important;}
  .quote-request-form .form-row{grid-template-columns:1fr!important;gap:1rem!important;}
  .quote-request-form input,.quote-request-form select{min-height:56px!important;text-align:center!important;}
  .quote-request-form textarea{text-align:left!important;}
  .related-shop-grid{grid-template-columns:1fr!important;max-width:390px!important;gap:1rem!important;}
  .related-shop-grid .shop-card{min-height:auto!important;text-align:center!important;padding:1.15rem!important;}
  .related-shop-grid .shop-card-info{text-align:center!important;align-items:center!important;}
  .related-shop-grid .shop-card-img-wrap{height:170px!important;margin-bottom:1rem!important;}
  .related-section-header h2{font-size:2rem!important;}
  .mbi-related-products{padding:3rem 1rem 4.5rem!important;}
}

/* === MBI v9 fixes: real Elementor widgets, mega menu delay, quote hero, product related layout === */
.navbar .nav-item-shop.is-mega-open .mega-menu,
.navbar .nav-item-shop:hover .mega-menu{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.navbar .nav-item-shop .mega-menu{
  transition:opacity .18s ease, visibility .18s ease, transform .18s ease!important;
}

.quote-checkout-page .quote-checkout-hero{
  min-height:430px!important;
  height:auto!important;
  padding:7rem 1.25rem 4rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.quote-checkout-page .quote-checkout-hero .hero-image-bg:before{
  background:linear-gradient(to bottom,rgba(5,4,5,.58),rgba(5,4,5,.32) 52%,rgba(5,4,5,.92))!important;
}
.quote-checkout-page .quote-checkout-hero .hero-image-bg:after{
  background:radial-gradient(circle at center,rgba(5,4,5,.04),rgba(5,4,5,.55) 100%)!important;
}
.quote-checkout-page .quote-hero-content{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:780px!important;
  margin:0 auto!important;
  padding:0 1rem!important;
  text-align:center!important;
  z-index:5!important;
}
.quote-checkout-page .quote-checkout-title,
.quote-checkout-page .quote-checkout-hero .hero-title{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:0!important;
  white-space:normal!important;
  text-align:center!important;
  overflow:visible!important;
  font-size:clamp(2.7rem,5.8vw,4.8rem)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}
.quote-checkout-page .quote-checkout-title .quote-title-base,
.quote-checkout-page .quote-checkout-title span:not(.quote-title-base){
  display:block!important;
}
.quote-checkout-page .quote-checkout-title .quote-title-base{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
}
.quote-checkout-page .quote-checkout-title span:not(.quote-title-base){
  background:linear-gradient(135deg,#ff4848 0%,#ff2a8f 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}
.quote-checkout-page .quote-checkout-hero .hero-subtitle{
  max-width:620px!important;
  margin:1.05rem auto 0!important;
  color:rgba(255,255,255,.94)!important;
  line-height:1.58!important;
  text-shadow:0 2px 12px rgba(0,0,0,.32)!important;
}
.quote-checkout-page .section-tag{
  background:rgba(0,0,0,.28)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
}

.product-detail-page .product-tabs{
  margin:2.2rem auto 0!important;
  max-width:760px!important;
}
.product-detail-page .tabs-header{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:.4rem!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.product-detail-page .tabs-header button{
  min-height:52px!important;
  padding:.9rem 1.25rem!important;
  border-radius:16px 16px 0 0!important;
  color:rgba(255,255,255,.72)!important;
}
.product-detail-page .tabs-header button.active{
  color:#fff!important;
  background:linear-gradient(135deg,#e03832,#ff2a8f)!important;
  box-shadow:0 14px 30px rgba(255,42,143,.18)!important;
}
.product-detail-page .tabs-content{
  padding:1.8rem 0 0!important;
}
.product-detail-page .tab-specs ul{
  max-width:720px!important;
  margin:0 auto!important;
}
.product-detail-page .tab-specs li{
  display:grid!important;
  grid-template-columns:210px 1fr!important;
  gap:1rem!important;
  align-items:start!important;
  padding:.65rem 0!important;
}
.product-detail-page .tab-specs li strong{
  width:auto!important;
  color:#fff!important;
}
.mbi-related-products{
  text-align:center!important;
}
.related-shop-grid .shop-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
.related-shop-grid .shop-card-info{
  width:100%!important;
}

.elementor-editor-active .mbi-elementor-widget-wrap,
.elementor-editor-preview .mbi-elementor-widget-wrap{
  width:100%!important;
  max-width:none!important;
  min-height:60px!important;
}
.elementor-editor-active .mbi-elementor-widget-wrap .about-page,
.elementor-editor-preview .mbi-elementor-widget-wrap .about-page,
.elementor-editor-active .mbi-elementor-widget-wrap .home-page,
.elementor-editor-preview .mbi-elementor-widget-wrap .home-page{
  width:100%!important;
}

@media (max-width:767px){
  .quote-checkout-page .quote-checkout-hero{min-height:340px!important;padding:5.4rem 1rem 3rem!important;}
  .quote-checkout-page .quote-hero-content{max-width:360px!important;padding:0!important;}
  .quote-checkout-page .quote-checkout-title{font-size:clamp(2.15rem,11.5vw,3.1rem)!important;line-height:1.05!important;}
  .quote-checkout-page .quote-checkout-hero .hero-subtitle{font-size:.98rem!important;max-width:330px!important;}
  .product-detail-page .product-tabs{max-width:100%!important;text-align:center!important;}
  .product-detail-page .tabs-header{overflow-x:auto!important;justify-content:flex-start!important;padding:0 .25rem!important;}
  .product-detail-page .tabs-header button{white-space:nowrap!important;min-width:max-content!important;}
  .product-detail-page .tab-specs li{display:block!important;text-align:center!important;padding:.85rem 0!important;}
  .product-detail-page .tab-specs li strong{display:block!important;margin-bottom:.35rem!important;}
}


/* === MBI v12 Elementor layout restore ===
   Keeps the premium theme styling when pages are built from individual Elementor widgets. */
body.elementor-page .mbi-wp-content,
body.elementor-page .elementor,
body.elementor-page .elementor-section,
body.elementor-page .elementor-container,
body.elementor-page .elementor-column,
body.elementor-page .elementor-widget-wrap,
body.elementor-page .elementor-widget,
body.elementor-page .elementor-widget-container{
  background: transparent;
}
body.elementor-page .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-page .elementor-section > .elementor-container{
  max-width: none !important;
  width: 100% !important;
}
body.elementor-page .elementor-column,
body.elementor-page .elementor-widget-wrap,
body.elementor-page .elementor-widget-container{
  width: 100%;
}
body.elementor-page .elementor-widget-container > .mbi-editable-section{
  width: 100%;
}
/* Support older widget markup if it remains in cached Elementor data. */
.stats-marquee .stats-track{
  display:flex;
  width:max-content;
  animation:marquee 25s linear infinite;
}
.stats-marquee .stat-item{
  display:flex;
  align-items:center;
  gap:.8rem;
  padding:0 4rem;
  border-right:1px solid var(--border);
  white-space:nowrap;
}
.stats-marquee .stat-item span{
  font-size:1.35rem;
  font-weight:900;
  background:var(--grad);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.stats-marquee .stat-item small{
  font-size:.76rem;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.1em;
}
@media(max-width:767px){
  .stats-marquee .stat-item{padding:0 2rem;}
  body.elementor-page .elementor-widget-container > .mbi-editable-section{overflow:hidden;}
}

/* === MBI v13 responsive layout correction: keep premium look, fix laptop/tablet/mobile spacing === */
:root{--mbi-container:1420px;--mbi-gutter:clamp(1rem,4vw,4rem);} 
body{background:var(--bg)!important;}
.site-shell,.wp-page-content,.mbi-home-page,.shop-page,.product-detail-page,.about-page,.wholesale-page,.contact-page,.quote-checkout-page{width:100%;overflow-x:hidden;background:var(--bg);} 
.elementor-widget-container>.mbi-editable-section{width:100%;max-width:100vw;overflow:hidden;}
.elementor-section.elementor-section-boxed>.elementor-container,.elementor-section.elementor-section-full_width>.elementor-container{max-width:none!important;width:100%!important;}
.mbi-editable-section .section-header,
.smart-filter .section-header,
.products-section .section-header,
.showcase-section>.section-header,
.categories-section>.section-header,
.testimonials-section>.section-header{max-width:var(--mbi-container);margin-left:auto!important;margin-right:auto!important;padding-left:0;padding-right:0;}
.hero-content,.smart-filter-card,.categories-grid,.showcase-section>div:not(.section-header),.showcase-main,.why-grid,.testimonials-grid,.footer-grid,.footer-bottom,.benefit-grid,.wholesale-grid,.contact-grid,.shop-layout,.shop-top-bar,.product-layout,.related-shop-grid{max-width:var(--mbi-container);margin-left:auto!important;margin-right:auto!important;}
.smart-filter,.categories-section,.showcase-section,.products-section,.why-section,.testimonials-section,.cta-section,.wholesale-benefits,.wholesale-form-section,.contact-section,.about-values,.about-craftsmanship,.about-trusted{padding-left:var(--mbi-gutter)!important;padding-right:var(--mbi-gutter)!important;}
.products-section{padding-top:5rem;padding-bottom:5rem;background:var(--bg);} 
.products-section .shop-grid,.shop-grid{width:100%;}

/* Header: remove absolute center overlap and scale cleanly from large desktop to laptop. */
.topbar{padding-left:var(--mbi-gutter)!important;padding-right:var(--mbi-gutter)!important;min-height:34px;gap:1rem;}
.navbar{display:grid!important;grid-template-columns:auto minmax(340px,1fr) auto auto;align-items:center;column-gap:clamp(.75rem,1.6vw,2rem);padding:clamp(.8rem,1.25vw,1.1rem) var(--mbi-gutter)!important;}
.navbar-logo{min-width:max-content;}
.navbar-logo img{height:clamp(38px,3.3vw,52px)!important;width:auto;}
.navbar .navbar-links{position:static!important;left:auto!important;transform:none!important;justify-self:center;display:flex;gap:clamp(.75rem,1.5vw,2rem);white-space:nowrap;}
.navbar-links a{font-size:clamp(.78rem,.85vw,.9rem)!important;}
.nav-right{justify-self:end;display:flex;align-items:center;gap:clamp(.55rem,1vw,1.35rem)!important;min-width:0;}
.search-wrap{flex:0 1 clamp(170px,16vw,280px)!important;width:clamp(170px,16vw,280px)!important;max-width:280px!important;margin-left:0!important;}
.search-wrap input{height:44px;padding-left:1rem!important;padding-right:2.3rem!important;text-overflow:ellipsis;}
.search-icon-right{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);display:flex;color:var(--muted);}
.navbar-cta{white-space:nowrap;padding:.72rem clamp(1rem,1.4vw,1.6rem)!important;font-size:clamp(.76rem,.82vw,.86rem)!important;}
.cart-drawer-toggle{white-space:nowrap;min-height:44px;}
.mobile-menu-toggle{justify-self:end;}

/* Normal premium mega menu, with responsive width and no awkward overlap. */
.nav-item-shop{position:relative;}
.navbar .nav-item-shop .mega-menu{left:50%!important;right:auto!important;top:calc(100% + 1.05rem)!important;width:min(980px,calc(100vw - 2 * var(--mbi-gutter)))!important;max-width:980px!important;border-radius:34px!important;background:linear-gradient(135deg,rgba(36,17,29,.96),rgba(22,14,22,.96))!important;backdrop-filter:blur(22px) saturate(140%)!important;-webkit-backdrop-filter:blur(22px) saturate(140%)!important;box-shadow:0 26px 70px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.06)!important;transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important;}
.navbar .nav-item-shop .mega-menu-content{display:grid!important;grid-template-columns:1fr 1fr minmax(240px,.9fr)!important;gap:clamp(2rem,4vw,4rem)!important;padding:clamp(2rem,3vw,3rem)!important;align-items:start;}
.mega-links{gap:.95rem!important;}
.mega-featured-card{padding:1.6rem!important;border-radius:28px!important;}
.mega-featured-card img{height:150px!important;max-width:100%;object-fit:contain;margin:0 auto 1rem!important;background:rgba(255,255,255,.04);border-radius:18px;padding:.6rem;}

/* Home product matcher goes to shop; keep it premium and centered. */
.smart-filter .section-header{margin-bottom:1.25rem!important;}
.smart-filter-card{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr) auto!important;width:100%;}
.smart-search-btn{min-height:50px;white-space:nowrap;}

/* Showcase carousel: center on large screens, keep all thumbnails usable. */
.showcase-section .section-header{text-align:left;}
.showcase-main{width:100%;min-height:clamp(420px,34vw,520px)!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
.showcase-img-side{min-height:clamp(360px,32vw,500px)!important;}
.showcase-img-side .img-watermark{max-height:clamp(220px,26vw,350px)!important;}
.showcase-info-side{min-width:0;}
.showcase-nav,.filmstrip-container{max-width:var(--mbi-container);margin-left:auto!important;margin-right:auto!important;}
.filmstrip-container{overflow:hidden;}
.filmstrip{overflow-x:auto!important;scroll-snap-type:x mandatory;padding:.25rem .1rem .8rem;}
.filmstrip-thumb{scroll-snap-align:start;border:none;appearance:none;color:inherit;text-align:center;min-width:105px;width:105px;}
.filmstrip-thumb.active{transform:translateY(-2px);}

/* Wholesale/contact sections should not stretch weirdly on Elementor pages. */
.wholesale-benefits,.wholesale-form-section,.contact-section{padding-top:clamp(4rem,6vw,7rem)!important;padding-bottom:clamp(4rem,6vw,7rem)!important;}
.wholesale-benefits .section-header,.wholesale-form-section .section-header,.contact-section .section-header{text-align:center;max-width:780px;margin:0 auto 2.5rem!important;}
.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);}
.wholesale-grid,.contact-grid{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:clamp(2rem,4vw,5rem);align-items:center;}
.wholesale-form-panel,.form-panel,.contact-card-panel{width:100%;}

/* Large desktop: keep content centered instead of stretching edge to edge. */
@media (min-width:1600px){
  :root{--mbi-container:1460px;--mbi-gutter:5vw;}
  .hero-content{padding-left:0!important;padding-right:0!important;}
}

/* Laptop and smaller desktop. */
@media (max-width:1320px){
  :root{--mbi-gutter:clamp(1rem,2.4vw,2rem);} 
  .navbar{grid-template-columns:auto 1fr auto auto;column-gap:1rem;}
  .navbar .navbar-links{gap:1rem;}
  .search-wrap{width:190px!important;flex-basis:190px!important;}
  .navbar-cta{padding:.65rem 1rem!important;}
  .cart-drawer-toggle{padding:.62rem .85rem!important;}
  .navbar .nav-item-shop .mega-menu{width:min(900px,calc(100vw - 2rem))!important;}
  .navbar .nav-item-shop .mega-menu-content{gap:2rem!important;padding:2rem!important;}
}
@media (max-width:1180px){
  .navbar{grid-template-columns:auto 1fr auto;}
  .search-wrap{display:none!important;}
  .navbar .navbar-links{justify-content:center;}
  .nav-right{gap:.75rem!important;}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:1024px){
  .topbar{justify-content:center;text-align:center;}
  .topbar-actions{display:none!important;}
  .navbar{display:flex!important;justify-content:space-between!important;gap:1rem!important;}
  .navbar .navbar-links,.nav-right .navbar-cta,.nav-right .search-wrap{display:none!important;}
  .nav-right{margin-left:auto;}
  .mobile-menu-toggle{display:grid!important;place-items:center!important;}
  .mobile-panel{display:block!important;}
  .navbar .nav-item-shop .mega-menu{display:none!important;}
  .hero-content{grid-template-columns:1fr!important;text-align:center;padding-left:var(--mbi-gutter)!important;padding-right:var(--mbi-gutter)!important;}
  .hero-desc{margin-left:auto;margin-right:auto;}
  .hero-actions{justify-content:center;}
  .smart-filter-card{grid-template-columns:1fr 1fr!important;}
  .smart-search-btn{grid-column:1/-1;width:100%;}
  .showcase-main{grid-template-columns:1fr!important;max-width:820px;}
  .showcase-info-side{text-align:center;align-items:center;}
  .showcase-badge,.showcase-actions{margin-left:auto;margin-right:auto;justify-content:center;}
  .wholesale-grid,.contact-grid{grid-template-columns:1fr!important;max-width:860px;}
  .wholesale-grid>div:first-child,.contact-grid>div:first-child{text-align:center;}
}
@media (max-width:767px){
  :root{--mbi-gutter:1rem;}
  .topbar{font-size:.68rem!important;line-height:1.4;padding:.5rem 1rem!important;}
  .navbar{padding:.85rem 1rem!important;}
  .navbar-logo img{height:40px!important;}
  .cart-drawer-toggle{padding:.55rem .75rem!important;font-size:.82rem;}
  .hero-content{padding:3.5rem 1rem 2.5rem!important;gap:1.5rem!important;}
  .hero-title{font-size:clamp(2.45rem,14vw,3.8rem)!important;}
  .smart-filter,.categories-section,.showcase-section,.products-section,.why-section,.testimonials-section,.cta-section,.wholesale-benefits,.wholesale-form-section,.contact-section{padding-left:1rem!important;padding-right:1rem!important;}
  .smart-filter-card{grid-template-columns:1fr!important;border-radius:28px!important;padding:1.2rem!important;}
  .section-header,.smart-filter .section-header{text-align:center!important;}
  .showcase-main{border-radius:28px!important;min-height:auto!important;}
  .showcase-img-side{min-height:260px!important;padding:1.25rem!important;}
  .showcase-info-side{padding:1.35rem!important;}
  .showcase-actions{flex-direction:column;width:100%;}
  .showcase-actions .btn-primary,.showcase-actions .btn-outline{width:100%;max-width:320px;}
  .filmstrip-thumb{min-width:92px;width:92px;}
  .filmstrip-thumb-img{height:64px;}
  .benefit-grid{grid-template-columns:1fr!important;}
  .wholesale-form-panel,.form-panel,.contact-card-panel{padding:1.35rem!important;border-radius:28px!important;}
  .form-row{grid-template-columns:1fr!important;gap:0!important;}
  .footer-grid{grid-template-columns:1fr!important;text-align:center!important;}
  .footer-brand img{margin:0 auto 1rem!important;}
  .footer-bottom{flex-direction:column;text-align:center;gap:1rem;}
}

/* === MBI v15 final responsive/functionality polish === */
:root{--mbi-page-gutter:clamp(1rem,4vw,4rem);--mbi-container:1440px;}
.site-shell{overflow-x:hidden;}
.topbar{padding-left:var(--mbi-page-gutter)!important;padding-right:var(--mbi-page-gutter)!important;}
.navbar{
  display:grid!important;
  grid-template-columns:auto minmax(280px,1fr) auto!important;
  gap:clamp(.8rem,2vw,2rem)!important;
  align-items:center!important;
  padding:clamp(.85rem,1.2vw,1.1rem) var(--mbi-page-gutter)!important;
}
.navbar .navbar-links{
  position:static!important;
  left:auto!important;
  transform:none!important;
  display:flex!important;
  justify-content:center!important;
  min-width:0!important;
  gap:clamp(.75rem,1.8vw,2rem)!important;
}
.navbar-links a{white-space:nowrap!important;}
.navbar-logo{min-width:0!important;}
.navbar-logo img{max-width:150px!important;height:auto!important;max-height:48px!important;}
.nav-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(.55rem,1.2vw,1.15rem)!important;min-width:0!important;}
.nav-right .search-wrap{flex:0 1 clamp(190px,22vw,320px)!important;width:clamp(190px,22vw,320px)!important;margin:0!important;}
.search-wrap{position:relative!important;}
.search-wrap input{padding-left:2.5rem!important;padding-right:2.65rem!important;min-height:46px!important;}
.search-icon{position:absolute!important;left:1rem!important;top:50%!important;transform:translateY(-50%)!important;color:var(--sub)!important;pointer-events:none!important;z-index:2!important;}
.search-submit{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--muted);border:0;padding:0;z-index:3;cursor:pointer;}
.search-submit:hover{color:#fff;background:rgba(255,255,255,.07);}
.navbar-cta{white-space:nowrap!important;padding:.72rem clamp(1rem,1.7vw,1.6rem)!important;}
.cart-drawer-toggle{white-space:nowrap!important;}

/* Search suggestions */
.mbi-search-suggestions{position:absolute;left:0;right:0;top:calc(100% + .55rem);z-index:10050;background:rgba(10,8,13,.96);border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(20px);overflow:hidden;padding:.45rem;display:none;}
.mbi-search-suggestions[aria-hidden="false"]{display:block;}
.mbi-suggestion-item{display:grid;grid-template-columns:48px 1fr;gap:.75rem;align-items:center;padding:.65rem;border-radius:16px;color:#fff!important;text-decoration:none!important;}
.mbi-suggestion-item:hover{background:rgba(255,255,255,.07);}
.mbi-suggestion-item img{width:48px;height:42px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.05);}
.mbi-suggestion-item strong{display:block;font-size:.88rem;line-height:1.25;}
.mbi-suggestion-item small{display:block;color:var(--muted);font-size:.75rem;margin-top:.1rem;}
.mbi-suggestion-all,.mbi-suggestion-empty{display:block;padding:.85rem 1rem;color:#fff!important;border-top:1px solid rgba(255,255,255,.07);font-size:.86rem;text-align:center;}
.mbi-suggestion-all{font-weight:800;color:var(--primary-light)!important;}
.mbi-suggestion-empty{color:var(--muted)!important;}

/* Mega menu viewport-safe premium panel */
.nav-item-shop{position:static!important;}
.navbar .nav-item-shop .mega-menu,
.mega-menu{
  left:50%!important;
  right:auto!important;
  top:calc(100% + .6rem)!important;
  transform:translateX(-50%) translateY(8px)!important;
  width:min(1040px,calc(100vw - 48px))!important;
  max-width:calc(100vw - 48px)!important;
  max-height:min(72vh,620px)!important;
  overflow:auto!important;
  padding:clamp(1.15rem,2.2vw,2.4rem)!important;
  background:linear-gradient(135deg,rgba(42,24,36,.96),rgba(18,14,20,.94))!important;
  backdrop-filter:blur(24px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  display:block!important;
}
.navbar .nav-item-shop:hover .mega-menu,
.navbar .nav-item-shop.is-mega-open .mega-menu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}
.mega-menu-content{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(260px,1.15fr)!important;gap:clamp(1rem,2.5vw,2.5rem)!important;align-items:start!important;}
.mega-featured-card img{height:clamp(104px,14vw,148px)!important;}

/* Containers/gutters */
.hero-content,.smart-filter,.categories-section,.showcase-section,.why-section,.testimonials-section,.cta-section,.shop-layout,.shop-top-bar,.footer-grid,.quote-checkout-wrap,.wholesale-benefits,#apply > div,.contact-page section > div{max-width:var(--mbi-container)!important;margin-left:auto!important;margin-right:auto!important;}
.smart-filter,.categories-section,.showcase-section,.why-section,.testimonials-section,.cta-section,.shop-layout,.footer,.wholesale-benefits,#apply{padding-left:var(--mbi-page-gutter)!important;padding-right:var(--mbi-page-gutter)!important;}

/* Shop/search page polish */
.shop-hero-content{width:100%!important;max-width:860px!important;margin:0 auto!important;text-align:center!important;}
.shop-search-form{width:min(100%,560px)!important;max-width:560px!important;margin:2rem auto 0!important;display:block!important;}
.shop-search-form input{width:100%!important;min-height:58px!important;font-size:1rem!important;background:rgba(255,255,255,.055)!important;}
.shop-top-bar{padding:1.35rem var(--mbi-page-gutter)!important;gap:1.5rem!important;}
.shop-top-filters{justify-content:flex-end!important;flex-wrap:wrap!important;}
.shop-layout{padding-top:3rem!important;padding-bottom:5rem!important;grid-template-columns:minmax(220px,260px) minmax(0,1fr)!important;}
.shop-grid{min-width:0!important;}
.sidebar-pill{width:100%!important;text-align:left!important;}

/* Home matcher should look like a form but stay premium */
.smart-filter-card{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;align-items:end!important;}
.smart-search-btn{min-height:58px!important;align-self:end!important;white-space:nowrap!important;}

/* Showcase carousel fixed for Elementor and frontend */
.showcase-section{overflow:hidden!important;}
.showcase-main{max-width:var(--mbi-container)!important;margin-left:auto!important;margin-right:auto!important;}
.filmstrip{display:flex!important;gap:1rem!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;padding-bottom:.75rem!important;}
.filmstrip-thumb{flex:0 0 clamp(92px,10vw,128px)!important;scroll-snap-align:start!important;cursor:pointer!important;}
.showcase-img-side .img-watermark{max-width:min(72%,520px)!important;max-height:520px!important;margin:auto!important;object-fit:contain!important;}

/* Quote checkout: sticky summary and selected products */
.quote-checkout-grid{align-items:start!important;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;}
.quote-summary-panel{position:sticky!important;top:calc(90px + 1rem)!important;align-self:start!important;}
.quote-checkout-summary,.quote-checkout-items{display:grid!important;gap:.85rem!important;margin:1rem 0!important;}
.quote-summary-product{display:grid!important;grid-template-columns:72px 1fr!important;gap:.85rem!important;align-items:center!important;border:1px solid rgba(255,255,255,.11)!important;background:rgba(0,0,0,.26)!important;border-radius:18px!important;padding:.8rem!important;text-align:left!important;}
.quote-summary-product img{width:72px!important;height:62px!important;object-fit:contain!important;background:rgba(255,255,255,.045)!important;border-radius:14px!important;}
.quote-summary-product strong{font-size:.95rem!important;line-height:1.25!important;color:#fff!important;}
.quote-empty-note{color:var(--muted)!important;line-height:1.6!important;}
.quote-form-panel{min-width:0!important;}

/* Wholesale: make intro small column feel intentional */
.wholesale-form-section{padding:5.5rem var(--mbi-page-gutter)!important;}
.wholesale-form-section .wholesale-grid{max-width:1180px!important;margin:0 auto!important;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;gap:2rem!important;align-items:start!important;}
.wholesale-form-section .wholesale-grid > div:first-child{position:sticky;top:110px;align-self:start;padding:2rem;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.09);}
.wholesale-form-section .section-title{font-size:clamp(1.8rem,3vw,2.75rem)!important;line-height:1.08!important;}
.wholesale-form-panel{width:100%!important;}

@media (max-width:1220px){
  .navbar{grid-template-columns:auto minmax(240px,1fr) auto!important;gap:.9rem!important;}
  .navbar .navbar-links{gap:1rem!important;}
  .nav-right .search-wrap{width:210px!important;flex-basis:210px!important;}
  .navbar-cta{padding:.66rem 1rem!important;}
  .cart-drawer-toggle{padding:.65rem .9rem!important;}
  .mega-menu-content{grid-template-columns:1fr 1fr!important;}
  .mega-featured{grid-column:1/-1!important;max-width:460px!important;margin:0 auto!important;width:100%!important;}
}
@media (max-width:1040px){
  .navbar{grid-template-columns:auto 1fr auto!important;}
  .navbar .navbar-links{display:none!important;}
  .mobile-menu-toggle{display:grid!important;place-items:center!important;}
  .nav-right .search-wrap{display:none!important;}
  .navbar-cta{display:none!important;}
  .mega-menu{display:none!important;}
  .shop-layout{grid-template-columns:1fr!important;}
  .shop-sidebar{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important;}
  .shop-sidebar h3{grid-column:1/-1!important;margin:.5rem 0!important;}
  .smart-filter-card{grid-template-columns:1fr 1fr!important;}
  .smart-search-btn{grid-column:1/-1!important;width:100%!important;}
  .quote-checkout-grid,.wholesale-form-section .wholesale-grid{grid-template-columns:1fr!important;}
  .quote-summary-panel,.wholesale-form-section .wholesale-grid > div:first-child{position:relative!important;top:auto!important;}
}
@media (max-width:767px){
  .navbar{padding:.78rem 1rem!important;}
  .navbar-logo img{max-width:118px!important;max-height:40px!important;}
  .nav-right .cart-drawer-toggle{display:inline-flex!important;}
  .smart-filter-card{grid-template-columns:1fr!important;border-radius:30px!important;padding:1rem!important;}
  .filter-field{text-align:left!important;}
  .shop-top-bar{display:grid!important;grid-template-columns:1fr!important;text-align:center!important;}
  .shop-top-filters{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important;justify-content:center!important;}
  .shop-sidebar{grid-template-columns:1fr!important;}
  .shop-search-form{max-width:100%!important;}
  .shop-hero{min-height:360px!important;height:auto!important;padding:5rem 1rem 3rem!important;}
  .shop-hero-content h1{font-size:clamp(2.4rem,13vw,3.4rem)!important;}
  .quote-summary-product{grid-template-columns:58px 1fr!important;}
  .quote-summary-product img{width:58px!important;height:52px!important;}
  .wholesale-form-section .wholesale-grid > div:first-child{text-align:center!important;}
  .showcase-main{grid-template-columns:1fr!important;}
  .showcase-img-side{min-height:280px!important;}
  .showcase-info-side{text-align:center!important;}
}

/* === MBI v17 final UI alignment: full-width premium sections + clean centered containers === */
:root{
  --mbi-shell: 1420px;
  --mbi-wide-shell: 1540px;
  --mbi-gutter-final: clamp(18px, 4vw, 72px);
  --mbi-section-y: clamp(64px, 7vw, 112px);
  --mbi-title-normal: clamp(2.25rem, 4vw, 4.1rem);
  --mbi-title-mid: clamp(1.9rem, 3vw, 3rem);
}

/* Outer sections stay full-bleed; only their inner content is constrained. */
.hero,
.about-hero,
.wholesale-hero,
.contact-hero,
.quote-checkout-hero,
.shop-hero,
.smart-filter,
.categories-section,
.showcase-section,
.why-section,
.testimonials-section,
.cta-section,
.products-section,
.wholesale-benefits,
.wholesale-form-section,
.contact-section,
.quote-checkout-wrap,
.footer,
.shop-top-bar{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

.hero-content,
.smart-filter .section-header,
.smart-filter-card,
.categories-section > .section-header,
.categories-grid,
.showcase-section > .section-header,
.showcase-main,
.showcase-nav,
.filmstrip-container,
.why-grid,
.testimonials-section > .section-header,
.testimonials-grid,
.products-section > .section-header,
.products-section .filter-tabs-row,
.products-section .shop-grid,
.wholesale-benefits > .section-header,
.benefit-grid,
.wholesale-form-section .wholesale-grid,
.contact-grid,
.quote-checkout-grid,
.footer-grid,
.footer-bottom{
  width:100%!important;
  max-width:var(--mbi-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.smart-filter,
.categories-section,
.showcase-section,
.why-section,
.testimonials-section,
.products-section,
.wholesale-benefits,
.wholesale-form-section,
.contact-section,
.quote-checkout-wrap,
.footer{
  padding-left:var(--mbi-gutter-final)!important;
  padding-right:var(--mbi-gutter-final)!important;
}

.hero-content{padding-left:var(--mbi-gutter-final)!important;padding-right:var(--mbi-gutter-final)!important;}

/* Preserve full-width premium CTA banner instead of boxed/limited banner. */
.cta-section{
  padding:clamp(4.5rem,7vw,7rem) var(--mbi-gutter-final)!important;
  background:var(--grad)!important;
  text-align:center!important;
  overflow:hidden!important;
}
.cta-section h2,
.cta-section p,
.cta-section .btn-primary,
.cta-section .btn-white{position:relative;z-index:2;margin-left:auto!important;margin-right:auto!important;}
.cta-section h2{font-size:var(--mbi-title-mid)!important;line-height:1.05!important;max-width:980px!important;}
.cta-section p{max-width:760px!important;line-height:1.65!important;}

/* Consistent section heading scale without crushing hero typography. */
.section-title,
.section-header h2,
.products-section .section-title,
.showcase-section .section-title,
.categories-section .section-title,
.testimonials-section .section-title,
.wholesale-benefits .section-title{
  font-size:var(--mbi-title-mid)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
.smart-filter h2,
.shop-by-title,
.wholesale-form-section .section-title,
.quote-form-panel h2,
.quote-summary-panel h2{
  font-size:clamp(1.75rem,2.55vw,2.65rem)!important;
  line-height:1.12!important;
}
.section-header,.smart-filter .section-header{text-align:left!important;}
.categories-section .section-header,.testimonials-section .section-header,.wholesale-benefits .section-header,.products-section .section-header{text-align:center!important;}

/* Hero spacing restored: visual breathing room under the header. */
.hero{min-height:clamp(680px,88vh,940px)!important;}
.about-hero{
  height:auto!important;
  min-height:clamp(620px,78vh,820px)!important;
  padding:clamp(6rem,8vw,8rem) var(--mbi-gutter-final) clamp(5rem,7vw,7rem)!important;
}
.about-hero-content{max-width:980px!important;margin:auto!important;}
.about-hero .hero-title{font-size:clamp(3.3rem,7vw,7.2rem)!important;line-height:.96!important;}
.wholesale-hero,
.quote-checkout-hero{
  height:auto!important;
  min-height:clamp(430px,48vh,620px)!important;
  padding:clamp(6rem,7vw,8rem) var(--mbi-gutter-final) clamp(4.2rem,6vw,6.5rem)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
}
.wholesale-hero .hero-title,.quote-checkout-hero .hero-title{font-size:clamp(3rem,6.2vw,6.4rem)!important;line-height:1!important;}

/* Search suggestions must float above page content, not behind product/shop sections. */
.navbar,.shop-hero,.shop-hero-content,.shop-search-form,.search-wrap{overflow:visible!important;}
.shop-hero{z-index:25!important;position:relative!important;}
.shop-top-bar{z-index:10!important;position:relative!important;}
.shop-layout{z-index:1!important;position:relative!important;}
.mbi-search-suggestions{z-index:999999!important;max-height:min(430px,70vh)!important;overflow:auto!important;}
.shop-search-form{position:relative!important;width:min(100%,640px)!important;max-width:640px!important;margin:2rem auto 0!important;}
.shop-search-form input{width:100%!important;text-align:left!important;}

/* Shop filters and top bar center better on all desktop widths. */
.shop-top-bar{padding-left:var(--mbi-gutter-final)!important;padding-right:var(--mbi-gutter-final)!important;}
.shop-top-bar > *{max-width:var(--mbi-wide-shell)!important;}
.shop-top-filters{margin-left:auto!important;}
.shop-layout{max-width:var(--mbi-wide-shell)!important;gap:clamp(1.5rem,3vw,3rem)!important;padding-left:var(--mbi-gutter-final)!important;padding-right:var(--mbi-gutter-final)!important;}
.shop-grid{align-items:stretch!important;}

/* Wholesale: make the short intro a proper centered form header, not an awkward side column. */
.wholesale-form-section{padding-top:clamp(4.5rem,7vw,7rem)!important;padding-bottom:clamp(5rem,8vw,8rem)!important;}
.wholesale-form-section .wholesale-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:2rem!important;
  max-width:980px!important;
  justify-items:center!important;
  text-align:center!important;
}
.wholesale-form-section .wholesale-grid > div:first-child{
  position:relative!important;
  top:auto!important;
  max-width:760px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:clamp(1.8rem,3vw,2.5rem)!important;
  border-radius:32px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.26)!important;
}
.wholesale-form-section .wholesale-grid > div:first-child .section-title,
.wholesale-form-section .wholesale-grid > div:first-child h2{
  max-width:720px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.wholesale-form-section .wholesale-grid > div:first-child p{max-width:660px!important;margin-left:auto!important;margin-right:auto!important;}
.wholesale-form-section .form-panel,
.wholesale-form-section .wholesale-form-panel{
  width:100%!important;
  max-width:920px!important;
  margin:0 auto!important;
  text-align:left!important;
}
.wholesale-form-section .wholesale-form .btn-primary{margin-left:auto!important;margin-right:auto!important;display:flex!important;justify-content:center!important;}

/* Quote checkout: sticky selected-products card and balanced columns. */
.quote-checkout-wrap{padding-top:clamp(4.5rem,7vw,7rem)!important;padding-bottom:clamp(5rem,8vw,8rem)!important;}
.quote-checkout-grid{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;gap:clamp(1.4rem,3vw,2.8rem)!important;align-items:start!important;}
.quote-summary-panel{position:sticky!important;top:calc(110px + 1rem)!important;align-self:start!important;}
.quote-form-panel,.quote-summary-panel{border-radius:34px!important;}
.quote-checkout-summary:not(:empty){margin-top:1rem!important;}

/* Mega menu: normal premium size, viewport-safe, not huge on laptop/tablet. */
.navbar .nav-item-shop .mega-menu,.mega-menu{
  width:min(900px,calc(100vw - 40px))!important;
  max-width:min(900px,calc(100vw - 40px))!important;
  max-height:min(60vh,540px)!important;
  left:50%!important;
  transform:translateX(-50%) translateY(8px)!important;
  overflow:auto!important;
  padding:clamp(1.25rem,2.5vw,2.1rem)!important;
  border-radius:32px!important;
}
.navbar .nav-item-shop:hover .mega-menu,.navbar .nav-item-shop.is-mega-open .mega-menu{transform:translateX(-50%) translateY(0)!important;}
.mega-menu-content{grid-template-columns:1fr 1fr minmax(230px,.95fr)!important;gap:clamp(1.25rem,3vw,2.8rem)!important;}
.mega-links a{font-size:clamp(.9rem,1.05vw,1rem)!important;padding:.15rem 0!important;}
.mega-featured-card{padding:1.35rem!important;border-radius:26px!important;}
.mega-featured-card img{height:clamp(98px,11vw,130px)!important;}

/* Elementor canvas should respect the same final layout. */
.elementor-editor-active .mbi-editable-section,
.elementor-editor-preview .mbi-editable-section{max-width:none!important;width:100%!important;overflow:visible!important;}
.elementor-editor-active .cta-section,
.elementor-editor-preview .cta-section{max-width:none!important;width:100%!important;}

@media (min-width:1600px){
  :root{--mbi-shell:1480px;--mbi-wide-shell:1600px;}
}
@media (max-width:1240px){
  :root{--mbi-gutter-final:clamp(16px,3vw,36px);} 
  .hero-content{gap:clamp(2rem,4vw,3.2rem)!important;}
  .navbar .nav-item-shop .mega-menu,.mega-menu{width:min(820px,calc(100vw - 32px))!important;}
  .mega-menu-content{grid-template-columns:1fr 1fr!important;}
  .mega-featured{grid-column:1/-1!important;max-width:420px!important;margin:0 auto!important;}
  .shop-layout{grid-template-columns:minmax(200px,240px) minmax(0,1fr)!important;}
}
@media (max-width:1040px){
  .navbar .nav-item-shop .mega-menu,.mega-menu{display:none!important;}
  .hero-content{grid-template-columns:1fr!important;text-align:center!important;}
  .hero-desc,.hero-actions{margin-left:auto!important;margin-right:auto!important;justify-content:center!important;}
  .section-header,.smart-filter .section-header{text-align:center!important;}
  .quote-checkout-grid{grid-template-columns:1fr!important;}
  .quote-summary-panel{position:relative!important;top:auto!important;}
  .shop-layout{grid-template-columns:1fr!important;}
  .shop-sidebar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.8rem!important;}
  .shop-sidebar h3{grid-column:1/-1!important;text-align:center!important;}
}
@media (max-width:767px){
  :root{--mbi-gutter-final:16px;--mbi-section-y:56px;}
  .hero{min-height:calc(100vh - 90px)!important;}
  .hero-content{padding-top:4rem!important;padding-bottom:4rem!important;}
  .about-hero,.wholesale-hero,.quote-checkout-hero{min-height:auto!important;padding-top:5rem!important;padding-bottom:4rem!important;}
  .about-hero .hero-title,.wholesale-hero .hero-title,.quote-checkout-hero .hero-title{font-size:clamp(2.55rem,12vw,3.6rem)!important;}
  .smart-filter,.categories-section,.showcase-section,.why-section,.testimonials-section,.products-section,.wholesale-benefits,.wholesale-form-section,.contact-section,.quote-checkout-wrap,.footer{padding-left:16px!important;padding-right:16px!important;}
  .smart-filter-card{grid-template-columns:1fr!important;border-radius:28px!important;padding:1rem!important;}
  .section-title,.section-header h2{font-size:clamp(2rem,9vw,2.8rem)!important;}
  .shop-sidebar{grid-template-columns:1fr!important;}
  .wholesale-form-section .wholesale-grid > div:first-child{padding:1.4rem!important;border-radius:26px!important;}
  .wholesale-form-section .form-panel,.quote-form-panel,.quote-summary-panel{border-radius:26px!important;padding:1.25rem!important;}
  .form-row{grid-template-columns:1fr!important;}
}

/* =========================================================
   v17 UI RESPONSIVE AUDIT FIXES
   Focus: no search icons inside fields, compact mega menu,
   contact hero/CTA spacing, laptop/tablet/mobile optimization.
   ========================================================= */

:root{
  --mbi-page-max: 1400px;
  --mbi-gutter-v17: clamp(18px, 4vw, 64px);
}

/* Search fields: remove icon/emoji-looking glyphs from header and shop search */
.search-wrap .search-icon,
.search-wrap .search-submit,
.shop-search-form .search-icon,
.shop-search-form .search-submit,
.mbi-header-search .search-icon,
.mbi-header-search .search-submit{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}
.search-wrap input,
.mbi-header-search input,
.shop-search-form input,
.shop-hero .search-wrap input,
.shop-page .shop-search-form input{
  padding-left:1.25rem!important;
  padding-right:1.25rem!important;
  text-indent:0!important;
  background-image:none!important;
}
.search-wrap input::-webkit-search-decoration,
.search-wrap input::-webkit-search-cancel-button,
.search-wrap input::-webkit-search-results-button,
.search-wrap input::-webkit-search-results-decoration{
  -webkit-appearance:none!important;
  appearance:none!important;
}

/* Header responsive structure */
.navbar{
  padding:1rem var(--mbi-gutter-v17)!important;
  gap:clamp(.7rem,1.5vw,1.6rem)!important;
  justify-content:flex-start!important;
  min-height:86px!important;
}
.navbar-logo{flex:0 0 auto!important;max-width:145px!important;min-width:112px!important;overflow:visible!important;}
.navbar-logo img{height:clamp(40px,4vw,54px)!important;width:auto!important;max-width:145px!important;object-fit:contain!important;}
.navbar .navbar-links{
  position:static!important;
  transform:none!important;
  flex:0 1 auto!important;
  gap:clamp(1rem,2vw,2rem)!important;
  margin-left:auto!important;
  white-space:nowrap!important;
}
.navbar-links a{font-size:clamp(.8rem,.9vw,.9rem)!important;}
.nav-right{
  margin-left:clamp(.75rem,2vw,2rem)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:clamp(.65rem,1vw,1.1rem)!important;
  flex:0 0 auto!important;
}
.nav-right .search-wrap{
  flex:0 1 auto!important;
  width:clamp(180px,18vw,300px)!important;
  max-width:300px!important;
  min-width:180px!important;
  margin-left:0!important;
}
.nav-right .navbar-cta{white-space:nowrap!important;padding:.78rem clamp(1rem,1.7vw,1.55rem)!important;}
.nav-right .cart-drawer-toggle{white-space:nowrap!important;}
.topbar{padding:.5rem var(--mbi-gutter-v17)!important;}

/* Compact premium mega menu. Reduced width/height so it works on laptop screens. */
.navbar .nav-item-shop .mega-menu,
.mega-menu{
  left:50%!important;
  right:auto!important;
  top:calc(100% + .55rem)!important;
  width:min(720px,calc(100vw - 40px))!important;
  max-width:720px!important;
  max-height:min(440px,calc(100vh - 150px))!important;
  overflow:auto!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,rgba(39,18,31,.96),rgba(16,11,18,.97))!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.74),inset 0 1px 0 rgba(255,255,255,.07)!important;
  transform:translateX(-50%) translateY(8px)!important;
  padding:0!important;
  scrollbar-width:thin!important;
}
.navbar .nav-item-shop:hover .mega-menu,
.navbar .nav-item-shop.is-mega-open .mega-menu,
.navbar .nav-item-shop:focus-within .mega-menu{
  transform:translateX(-50%) translateY(0)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.mega-menu-content{
  display:grid!important;
  grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(200px,.9fr)!important;
  gap:1.2rem!important;
  padding:1.55rem!important;
  align-items:start!important;
}
.mega-title{font-size:.74rem!important;letter-spacing:.18em!important;margin:0 0 .8rem!important;color:#ff7474!important;}
.mega-links{gap:.25rem!important;display:flex!important;flex-direction:column!important;}
.mega-links a{font-size:.88rem!important;line-height:1.25!important;padding:.42rem .5rem!important;border-radius:12px!important;color:rgba(255,255,255,.72)!important;}
.mega-featured-card{padding:1rem!important;border-radius:24px!important;}
.mega-featured-card img{height:92px!important;max-width:130px!important;margin:0 auto .75rem!important;padding:.25rem!important;object-fit:contain!important;}
.mega-featured-card h4{font-size:.88rem!important;line-height:1.18!important;margin:.25rem 0!important;}
.mega-featured-card p{font-size:.76rem!important;margin-bottom:.7rem!important;}
.mega-btn{min-height:38px!important;padding:.65rem .95rem!important;font-size:.76rem!important;}

/* Shop search and suggestions */
.shop-hero-content{text-align:center!important;max-width:980px!important;margin:0 auto!important;padding-left:var(--mbi-gutter-v17)!important;padding-right:var(--mbi-gutter-v17)!important;}
.shop-hero .search-wrap,
.shop-search-form{
  width:min(520px,92vw)!important;
  max-width:520px!important;
  margin:1.55rem auto 0!important;
  flex:none!important;
}
.mbi-search-suggestions{
  z-index:100080!important;
  top:calc(100% + .65rem)!important;
  left:0!important;
  right:0!important;
  max-height:min(360px,55vh)!important;
  overflow:auto!important;
  border-radius:22px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.72)!important;
}
.shop-page .mbi-search-suggestions{z-index:80!important;}
.shop-top-bar{position:relative!important;z-index:4!important;}
.shop-layout{position:relative!important;z-index:2!important;}

/* Contact and other hero spacing */
.contact-hero{
  height:auto!important;
  min-height:520px!important;
  padding:8rem var(--mbi-gutter-v17) 5rem!important;
}
.contact-hero .parallax-hero-content{max-width:760px!important;margin:0 auto!important;}
.contact-hero .hero-title{font-size:clamp(3rem,6vw,5.5rem)!important;line-height:1.02!important;}
.contact-hero .hero-subtitle{font-size:clamp(1rem,1.35vw,1.2rem)!important;line-height:1.6!important;}
.wholesale-hero,.quote-checkout-hero,.shop-hero,.about-hero{padding-left:var(--mbi-gutter-v17)!important;padding-right:var(--mbi-gutter-v17)!important;}

/* Full-width CTA banners should break out of centered Elementor/content wrappers */
.cta-section{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  border-radius:0!important;
  padding:clamp(4rem,6vw,6rem) var(--mbi-gutter-v17)!important;
  text-align:center!important;
}
.cta-section h2{font-size:clamp(2rem,4vw,3.6rem)!important;line-height:1.05!important;max-width:1000px!important;margin-left:auto!important;margin-right:auto!important;}
.cta-section p{max-width:760px!important;margin-left:auto!important;margin-right:auto!important;line-height:1.65!important;}

/* General page gutters on content sections */
.smart-filter,.categories-section,.showcase-section,.why-section,.testimonials-section,
.about-values,.about-craftsmanship,.about-trusted,.wholesale-benefits,.quote-checkout-wrap,
.contact-page > section:not(.contact-hero){
  padding-left:var(--mbi-gutter-v17)!important;
  padding-right:var(--mbi-gutter-v17)!important;
}
.smart-filter > *, .showcase-section > *, .why-section > *, .testimonials-section > *,
.about-values > *, .wholesale-benefits > *, .contact-page > section:not(.contact-hero) > *{
  max-width:var(--mbi-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Tablet / short laptop */
@media (max-width:1320px){
  .navbar{padding:.95rem 1.5rem!important;}
  .topbar{padding:.48rem 1.5rem!important;}
  .navbar .navbar-links{gap:1.25rem!important;}
  .nav-right{gap:.7rem!important;margin-left:1rem!important;}
  .nav-right .search-wrap{width:220px!important;min-width:190px!important;}
  .nav-right .navbar-cta{padding:.72rem 1.05rem!important;font-size:.78rem!important;}
  .navbar .nav-item-shop .mega-menu,.mega-menu{width:min(640px,calc(100vw - 36px))!important;}
  .mega-menu-content{grid-template-columns:1fr 1fr!important;gap:1rem!important;padding:1.35rem!important;}
  .mega-featured{display:none!important;}
}
@media (max-width:1180px){
  .nav-right .search-wrap{display:none!important;}
  .navbar .navbar-links{gap:1.05rem!important;}
}
@media (max-width:980px){
  .navbar .navbar-links,.nav-right .navbar-cta{display:none!important;}
  .mobile-menu-toggle{display:grid!important;place-items:center!important;margin-left:auto!important;}
  .navbar{min-height:74px!important;}
  .mega-menu{display:none!important;}
}
@media (max-width:767px){
  :root{--mbi-gutter-v17:18px;}
  .contact-hero{min-height:430px!important;padding:6.25rem 1rem 3.5rem!important;}
  .contact-hero .hero-title{font-size:clamp(2.35rem,13vw,3.6rem)!important;}
  .cta-section{padding:3.4rem 1.1rem!important;}
  .cta-section h2{font-size:clamp(1.85rem,9vw,2.55rem)!important;}
  .shop-hero .search-wrap,.shop-search-form{width:100%!important;max-width:360px!important;}
  .shop-hero-content{padding-left:1rem!important;padding-right:1rem!important;}
  .mobile-panel{text-align:center!important;}
  .mobile-panel a{border-radius:18px!important;}
}

/* =========================================================
   MBI v18 FINAL UI AUDIT PATCH
   Fixes: cart/checkout images, form spacing, contact cards, related title,
   compact glass mega menu, mobile-first hero/filter/showcase behavior.
   ========================================================= */
:root{
  --mbi-v18-container: 1360px;
  --mbi-v18-gutter: clamp(18px, 4vw, 56px);
  --mbi-v18-card-bg: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}

/* Search inputs: completely remove inner icon/glyph from header + shop */
.search-wrap .search-icon,
.search-wrap .search-icon-right,
.search-wrap .search-submit,
.shop-search-form .search-icon,
.shop-search-form .search-icon-right,
.shop-search-form .search-submit,
.mbi-header-search .search-icon,
.mbi-header-search .search-icon-right,
.mbi-header-search .search-submit{
  display:none!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.search-wrap input,
.shop-search-form input,
.mbi-header-search input{
  padding-left:1.25rem!important;
  padding-right:1.25rem!important;
  background-image:none!important;
  text-indent:0!important;
}

/* Global containers and gutters */
.hero-content,
.smart-filter-card,
.categories-grid,
.showcase-section > div,
.why-grid,
.testimonials-grid,
.shop-layout,
.shop-top-bar,
.product-layout,
.related-shop-grid,
.contact-grid,
.wholesale-grid,
.footer-grid,
.footer-bottom{
  max-width:var(--mbi-v18-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.smart-filter,
.categories-section,
.showcase-section,
.why-section,
.testimonials-section,
.products-section,
.about-values,
.about-craftsmanship,
.about-trusted,
.wholesale-benefits,
.wholesale-form-section,
.contact-section,
.quote-checkout-wrap,
.footer{
  padding-left:var(--mbi-v18-gutter)!important;
  padding-right:var(--mbi-v18-gutter)!important;
}

/* Header short laptop sanity */
.navbar{min-height:82px!important;padding:1rem var(--mbi-v18-gutter)!important;}
.navbar-logo{max-width:150px!important;min-width:118px!important;}
.navbar-logo img{max-width:150px!important;height:clamp(40px,3.5vw,52px)!important;}
.navbar .navbar-links{gap:clamp(.85rem,1.45vw,1.8rem)!important;}
.nav-right{gap:clamp(.6rem,1vw,1.1rem)!important;}
.nav-right .search-wrap{width:clamp(175px,16vw,280px)!important;min-width:175px!important;max-width:280px!important;}

/* Mega menu: compact normal glass, no broken product card, no oversized dropdown */
.navbar .nav-item-shop .mega-menu,
.mega-menu{
  width:min(560px, calc(100vw - 42px))!important;
  max-width:560px!important;
  max-height:min(360px, calc(100vh - 155px))!important;
  overflow:auto!important;
  border-radius:26px!important;
  background:linear-gradient(135deg, rgba(48,21,38,.88), rgba(13,9,16,.84))!important;
  -webkit-backdrop-filter: blur(28px) saturate(170%)!important;
  backdrop-filter: blur(28px) saturate(170%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 26px 76px rgba(0,0,0,.74), inset 0 1px 0 rgba(255,255,255,.08)!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%) translateY(10px)!important;
  top:calc(100% + .55rem)!important;
}
.navbar .nav-item-shop:hover .mega-menu,
.navbar .nav-item-shop.is-mega-open .mega-menu,
.navbar .nav-item-shop:focus-within .mega-menu{
  transform:translateX(-50%) translateY(0)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.navbar .nav-item-shop .mega-menu:before,
.mega-menu:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 20% 0%,rgba(255,42,143,.18),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0))!important;
  z-index:0!important;
  pointer-events:none!important;
}
.mega-menu-content{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:1.35rem!important;
  padding:1.45rem!important;
  align-items:start!important;
}
.mega-featured{display:none!important;}
.mega-title{font-size:.72rem!important;letter-spacing:.18em!important;margin-bottom:.75rem!important;color:#ff7b7b!important;}
.mega-links{gap:.25rem!important;}
.mega-links a{font-size:.86rem!important;line-height:1.25!important;padding:.44rem .55rem!important;border-radius:12px!important;}

/* Contact page: breathe room between icons/text, optimized mobile stacking */
.contact-section{padding-top:clamp(4rem,6vw,7rem)!important;padding-bottom:clamp(4rem,6vw,7rem)!important;}
.contact-grid{grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr)!important;gap:clamp(2.2rem,4vw,4.5rem)!important;align-items:start!important;}
.contact-card-panel,
.form-panel{
  background:var(--mbi-v18-card-bg)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:34px!important;
  padding:clamp(2rem,3.6vw,3.2rem)!important;
}
.contact-card-panel > div,
.contact-page .contact-grid > div:first-child > div:first-child > div,
.contact-info-list{gap:1.45rem!important;}
.contact-row{gap:1.25rem!important;align-items:center!important;margin-bottom:1.15rem!important;}
.contact-row:last-child{margin-bottom:0!important;}
.contact-icon{width:54px!important;height:54px!important;min-width:54px!important;display:grid!important;place-items:center!important;border-radius:18px!important;padding:0!important;background:rgba(233,30,140,.13)!important;}
.contact-row h4{margin-bottom:.25rem!important;line-height:1.2!important;}
.contact-row p{line-height:1.55!important;}
.form-panel h3{margin-bottom:1.4rem!important;}
.wholesale-form .form-group{gap:.6rem!important;margin-bottom:1.15rem!important;}
.wholesale-form label{line-height:1.25!important;margin-left:.2rem!important;color:rgba(255,255,255,.82)!important;}
.wholesale-form input,.wholesale-form select,.wholesale-form textarea{min-height:56px!important;line-height:1.35!important;}
.wholesale-form textarea{min-height:150px!important;}

/* Quote/cart selected product images: fixed box + fallback-friendly */
.quote-item,
.quote-summary-product{overflow:hidden!important;}
.quote-item img,
.quote-summary-product img{
  display:block!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:rgba(255,255,255,.055)!important;
  border-radius:14px!important;
  padding:.35rem!important;
  font-size:0!important;
}
.quote-item-title,.quote-summary-product strong{line-height:1.25!important;}

/* Related products: centered header and balanced cards */
.mbi-related-products{padding:clamp(4rem,6vw,6rem) var(--mbi-v18-gutter)!important;}
.related-section-header{text-align:center!important;max-width:760px!important;margin:0 auto 2.4rem!important;}
.related-section-header .section-tag{display:flex!important;justify-content:center!important;margin-left:auto!important;margin-right:auto!important;}
.related-section-header h2{text-align:center!important;font-size:clamp(2.2rem,4vw,3.4rem)!important;line-height:1.05!important;}
.related-shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1.5rem!important;}
.related-shop-grid .shop-card{text-align:left!important;}

/* Hero slider and mobile order: text first, product carousel after */
.hero-slider{position:relative!important;overflow:hidden!important;}
.hero-slide{width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;}
.hero-slide.active{display:flex!important;opacity:1!important;visibility:visible!important;}
.hero-slide:not(.active){display:none!important;opacity:0!important;visibility:hidden!important;}
.hero-dots{bottom:.75rem!important;}

/* Home showcase on mobile: single product, cleaner, no filter overflow */
.smart-filter{overflow:hidden!important;}
.smart-filter-card{width:100%!important;min-width:0!important;}
.filter-field,.filter-field select{min-width:0!important;}
.showcase-section{overflow:hidden!important;}
.showcase-main{min-width:0!important;}
.showcase-info-side{min-width:0!important;}
.filmstrip-container{max-width:100%!important;overflow-x:auto!important;}
.filmstrip{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}

/* Shop mobile: only compact dropdown filters, no sidebar/pills */
@media (max-width: 1024px){
  .navbar .nav-item-shop .mega-menu,.mega-menu{display:none!important;}
  .mobile-panel{display:block!important;}
}
@media (max-width: 767px){
  :root{--mbi-v18-gutter:16px;}
  .hero{padding-top:0!important;min-height:auto!important;}
  .hero-content{display:flex!important;flex-direction:column!important;text-align:center!important;padding:3.2rem 1rem 2.75rem!important;gap:1.7rem!important;}
  .hero-content > .reveal:first-child{order:1!important;}
  .hero-slider{order:2!important;width:100%!important;height:280px!important;margin-top:.35rem!important;}
  .hero-title{font-size:clamp(2.35rem,13vw,3.45rem)!important;line-height:1!important;}
  .hero-desc{font-size:.98rem!important;line-height:1.62!important;max-width:340px!important;margin-left:auto!important;margin-right:auto!important;}
  .hero-actions{width:100%!important;align-items:center!important;}
  .hero-actions .btn-primary,.hero-actions .btn-outline{width:100%!important;max-width:340px!important;}
  .scroll-indicator{display:none!important;}

  .smart-filter{padding:3rem 1rem!important;}
  .smart-filter > div{text-align:center!important;}
  .smart-filter-card{display:grid!important;grid-template-columns:1fr!important;padding:1rem!important;border-radius:26px!important;gap:.9rem!important;}
  .filter-field label{justify-content:center!important;}
  .filter-field select,.smart-search-btn{width:100%!important;min-height:54px!important;text-align:center!important;}

  .categories-section{padding:3.5rem 1rem!important;}
  .categories-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important;}
  .cat-card{min-width:0!important;width:100%!important;}

  .showcase-section{padding:3.8rem 1rem!important;}
  .showcase-section .section-header,.showcase-section > div > div:first-child{text-align:center!important;justify-content:center!important;}
  .filter-tabs-row{display:none!important;}
  .showcase-main{display:grid!important;grid-template-columns:1fr!important;border-radius:28px!important;min-height:auto!important;}
  .showcase-img-side{min-height:245px!important;padding:1.25rem!important;}
  .showcase-img-side .img-watermark{max-height:190px!important;}
  .showcase-info-side{padding:1.35rem!important;text-align:center!important;align-items:center!important;}
  .showcase-title{font-size:1.55rem!important;}
  .showcase-desc{font-size:.92rem!important;}
  .showcase-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important;}
  .showcase-actions .btn-primary,.showcase-actions .btn-add{width:100%!important;justify-content:center!important;}
  .showcase-actions .btn-wish{display:none!important;}
  .showcase-nav{justify-content:center!important;text-align:center!important;gap:1rem!important;}
  .filmstrip-thumb{min-width:86px!important;width:86px!important;border-radius:16px!important;}
  .filmstrip-thumb-img{height:66px!important;}
  .filmstrip-thumb-label{display:none!important;}

  .shop-top-filters{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:.75rem!important;}
  .shop-sidebar,.sidebar-pills,.shop-sidebar h3{display:none!important;}
  .shop-top-bar{text-align:center!important;}
  .shop-search-form,.shop-hero .search-wrap{max-width:360px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;}

  .related-shop-grid{grid-template-columns:1fr!important;max-width:390px!important;}
  .related-shop-grid .shop-card{text-align:center!important;}
  .related-shop-grid .shop-card-info{text-align:center!important;align-items:center!important;}

  .contact-grid{grid-template-columns:1fr!important;display:grid!important;gap:1.2rem!important;}
  .contact-card-panel,.form-panel{padding:1.35rem!important;border-radius:26px!important;text-align:center!important;}
  .contact-row{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:.75rem!important;margin-bottom:1.4rem!important;}
  .contact-icon{margin:0 auto!important;}
  .form-panel h3{text-align:center!important;font-size:1.6rem!important;}
  .wholesale-form label{text-align:center!important;margin-left:0!important;}
  .wholesale-form input,.wholesale-form select{text-align:center!important;}
  .wholesale-form textarea{text-align:left!important;}

  .quote-item{grid-template-columns:58px 1fr auto!important;gap:.75rem!important;}
  .quote-item img,.quote-summary-product img{width:58px!important;height:58px!important;min-width:58px!important;}
}

/* ======================================================================
   MBI v18.1 layout optimization patch
   - Modern glass mega menu under Shop with product cards
   - Hero product slider with hover tooltip
   - Cleaner product/related-card spacing and mobile alignment
   ====================================================================== */

.navbar,
.navbar .nav-item-shop{overflow:visible!important;}
.navbar .nav-item-shop{position:relative!important;display:flex!important;align-items:center!important;min-height:44px!important;}
.navbar .nav-item-shop > .shop-nav-trigger{display:inline-flex!important;align-items:center!important;gap:.35rem!important;}
.navbar .nav-item-shop > .shop-nav-trigger:after{bottom:-.2rem!important;}
.navbar .nav-item-shop > .shop-nav-trigger:before{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-1px);opacity:.65;order:2;transition:transform .25s ease,opacity .25s ease;}
.navbar .nav-item-shop:hover > .shop-nav-trigger:before,
.navbar .nav-item-shop.is-mega-open > .shop-nav-trigger:before,
.navbar .nav-item-shop:focus-within > .shop-nav-trigger:before{transform:rotate(225deg) translate(-1px,-2px);opacity:1;}

.navbar .nav-item-shop .mega-menu,
.mega-menu{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:calc(100% + 12px)!important;
  width:min(920px,calc(100vw - 48px))!important;
  max-width:920px!important;
  max-height:calc(100vh - 145px)!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,rgba(30,14,25,.78),rgba(8,8,15,.72))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 26px 85px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.13)!important;
  -webkit-backdrop-filter:blur(26px) saturate(170%)!important;
  backdrop-filter:blur(26px) saturate(170%)!important;
  transform:translateX(-50%) translateY(14px) scale(.985)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  display:block!important;
  transition:opacity .22s ease, visibility .22s ease, transform .22s ease!important;
  z-index:100050!important;
}
.navbar .nav-item-shop .mega-menu:after{content:"";position:absolute;left:50%;top:-7px;width:14px;height:14px;transform:translateX(-50%) rotate(45deg);background:rgba(30,14,25,.88);border-left:1px solid rgba(255,255,255,.13);border-top:1px solid rgba(255,255,255,.13);}
.navbar .nav-item-shop:hover .mega-menu,
.navbar .nav-item-shop.is-mega-open .mega-menu,
.navbar .nav-item-shop:focus-within .mega-menu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0) scale(1)!important;
}
.mega-menu-content.mbi-modern-mega,
.navbar .nav-item-shop .mega-menu .mega-menu-content.mbi-modern-mega{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(150px,.82fr) minmax(150px,.82fr) minmax(330px,1.45fr)!important;
  gap:clamp(1.05rem,2vw,1.8rem)!important;
  padding:clamp(1.15rem,2.2vw,1.75rem)!important;
  align-items:stretch!important;
  max-height:calc(100vh - 145px)!important;
  overflow:auto!important;
}
.mega-link-col,
.mega-products-panel{min-width:0!important;}
.mega-title{font-size:.74rem!important;text-transform:uppercase!important;letter-spacing:.18em!important;line-height:1.1!important;color:#ff8a8a!important;margin:0 0 .78rem!important;}
.mega-links{display:grid!important;gap:.32rem!important;}
.mega-links a{
  display:flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:.58rem .72rem!important;
  border-radius:14px!important;
  font-size:.9rem!important;
  line-height:1.18!important;
  color:rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid transparent!important;
  white-space:normal!important;
}
.mega-links a:hover{background:rgba(233,30,140,.13)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important;transform:translateX(3px)!important;}
.mega-featured-mini{margin-top:.85rem;padding:.8rem;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);}
.mega-featured-mini span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--primary-light);font-weight:800;margin-bottom:.3rem;}
.mega-featured-mini a{font-size:.86rem;line-height:1.25;color:#fff;font-weight:700;}
.mega-panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:1rem!important;margin-bottom:.85rem!important;}
.mega-panel-head p{font-size:.78rem!important;color:rgba(255,255,255,.58)!important;margin:.28rem 0 0!important;line-height:1.4!important;}
.mega-view-all{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;padding:.48rem .78rem!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;font-size:.76rem!important;font-weight:800!important;}
.mega-view-all:hover{background:var(--grad)!important;}
.mega-product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.68rem!important;}
.mega-product-card{
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr)!important;
  align-items:center!important;
  gap:.72rem!important;
  min-width:0!important;
  min-height:92px!important;
  padding:.72rem!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  transition:transform .25s ease,border-color .25s ease,background .25s ease!important;
}
.mega-product-card:hover{transform:translateY(-3px)!important;background:rgba(255,255,255,.085)!important;border-color:rgba(233,30,140,.35)!important;}
.mega-product-img{width:68px!important;height:68px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:radial-gradient(circle,rgba(233,30,140,.16),rgba(255,255,255,.04) 70%)!important;overflow:hidden!important;}
.mega-product-img img{width:90%!important;height:90%!important;object-fit:contain!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))!important;transition:transform .25s ease!important;}
.mega-product-card:hover img{transform:scale(1.08)!important;}
.mega-product-copy{display:block!important;min-width:0!important;}
.mega-product-copy strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:.86rem!important;line-height:1.18!important;color:#fff!important;font-weight:800!important;margin-bottom:.35rem!important;}
.mega-product-copy small{display:block!important;color:rgba(255,255,255,.56)!important;font-size:.73rem!important;line-height:1.2!important;}

.mobile-shop-products{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);display:grid!important;gap:.65rem!important;}
.mobile-shop-products > span{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--primary-light);font-weight:900;}
.mobile-product-link{display:grid!important;grid-template-columns:48px 1fr!important;align-items:center!important;gap:.72rem!important;text-align:left!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:.55rem!important;}
.mobile-product-link img{width:48px!important;height:48px!important;object-fit:contain!important;background:rgba(0,0,0,.22)!important;border-radius:12px!important;padding:.2rem!important;}
.mobile-product-link em{font-style:normal!important;font-size:.84rem!important;line-height:1.25!important;color:#fff!important;}

.hero-slider{isolation:isolate!important;min-height:440px!important;}
.hero-slide{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.95rem!important;opacity:0!important;visibility:hidden!important;transform:translateY(12px) scale(.96)!important;transition:opacity .42s ease,transform .42s ease,visibility .42s ease!important;}
.hero-slide.active{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;z-index:3!important;}
.hero-slide-img{width:100%!important;height:min(390px,70vw)!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.img-with-mark.hero-product-hotspot{position:relative!important;width:min(86%,500px)!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;cursor:pointer!important;}
.img-with-mark.hero-product-hotspot img{max-width:100%!important;max-height:100%!important;object-fit:contain!important;pointer-events:none!important;filter:drop-shadow(0 22px 35px rgba(0,0,0,.58))!important;}
.hero-product-tooltip{position:absolute!important;left:50%!important;bottom:7%!important;transform:translate(-50%,10px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;max-width:min(290px,82vw)!important;padding:.62rem .9rem!important;border-radius:999px!important;background:rgba(10,8,15,.74)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;font-size:.82rem!important;font-weight:800!important;line-height:1.2!important;text-align:center!important;box-shadow:0 18px 45px rgba(0,0,0,.38)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;backdrop-filter:blur(18px) saturate(150%)!important;transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important;}
.hero-product-hotspot:hover .hero-product-tooltip,
.hero-product-hotspot:focus-visible .hero-product-tooltip{opacity:1!important;visibility:visible!important;transform:translate(-50%,0)!important;}
.hero-slide-caption{display:flex!important;align-items:center!important;justify-content:center!important;gap:.6rem!important;max-width:92%!important;padding:.56rem .8rem!important;border-radius:999px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;color:rgba(255,255,255,.72)!important;font-size:.78rem!important;}
.hero-slide-caption span{color:var(--primary-light)!important;font-weight:900!important;letter-spacing:.08em!important;}
.hero-slide-caption strong{font-size:.86rem!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.slider-arrow{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;font-size:2rem!important;line-height:1!important;z-index:8!important;box-shadow:0 14px 35px rgba(0,0,0,.32)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;transition:transform .2s ease,background .2s ease!important;}
.slider-arrow:hover{background:var(--grad)!important;transform:translateY(-50%) scale(1.06)!important;}
.slider-arrow.prev{left:clamp(.3rem,1vw,1rem)!important;}
.slider-arrow.next{right:clamp(.3rem,1vw,1rem)!important;}
.hero-dots{position:absolute!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;display:flex!important;gap:.55rem!important;z-index:9!important;}
.hero-dot{width:9px!important;height:9px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.32)!important;background:rgba(255,255,255,.12)!important;transition:width .25s ease,background .25s ease!important;}
.hero-dot.active{width:28px!important;background:var(--grad)!important;border-color:transparent!important;}

.shop-card,
.related-product-card{display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;padding:clamp(1rem,1.5vw,1.35rem)!important;border-radius:28px!important;}
.shop-card-img-wrap{height:clamp(175px,18vw,220px)!important;margin-bottom:1rem!important;flex:0 0 auto!important;}
.shop-card-info{display:flex!important;flex-direction:column!important;gap:.5rem!important;min-height:142px!important;justify-content:flex-start!important;}
.shop-card-sku{margin-bottom:0!important;line-height:1.2!important;}
.shop-card h4{margin:0!important;line-height:1.28!important;min-height:2.6em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.shop-card-bottom{margin-top:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:.8rem!important;width:100%!important;}
.shop-card-price{font-size:clamp(1.1rem,1.5vw,1.35rem)!important;line-height:1!important;}
.shop-card .btn-primary{padding:.72rem 1rem!important;font-size:.82rem!important;min-height:42px!important;white-space:nowrap!important;}
.mbi-related-products{padding:clamp(4rem,6vw,6.25rem) var(--mbi-v18-gutter, clamp(1.25rem,4vw,4rem))!important;overflow:hidden!important;}
.related-section-header{display:block!important;text-align:center!important;max-width:780px!important;margin:0 auto clamp(1.8rem,3vw,2.6rem)!important;}
.related-section-header .section-tag{display:inline-flex!important;margin:0 auto .75rem!important;text-align:center!important;}
.related-section-header h2{text-align:center!important;margin:0!important;line-height:1.05!important;font-size:clamp(2.1rem,4vw,3.45rem)!important;}
.related-shop-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(1rem,2vw,1.5rem)!important;align-items:stretch!important;max-width:1400px!important;margin:0 auto!important;}
.related-product-card{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important;}
.related-product-card .shop-card-info{min-height:132px!important;}
.related-view-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.55rem .85rem!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;font-size:.78rem!important;font-weight:800!important;white-space:nowrap!important;}
.related-product-card:hover .related-view-link{background:var(--grad)!important;border-color:transparent!important;}

.shop-layout{align-items:start!important;}
.shop-grid{align-items:stretch!important;}
.shop-top-bar{gap:1rem!important;}
.shop-top-filters{align-items:center!important;gap:.65rem!important;}
.shop-top-filters label{line-height:1!important;}

@media (max-width:1320px){
  .navbar .nav-item-shop .mega-menu,.mega-menu{width:min(760px,calc(100vw - 36px))!important;}
  .mega-menu-content.mbi-modern-mega{grid-template-columns:1fr 1fr!important;}
  .mega-products-panel{grid-column:1/-1!important;}
  .mega-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .mega-product-card{grid-template-columns:58px 1fr!important;min-height:78px!important;}
  .mega-product-img{width:58px!important;height:58px!important;}
}

@media (max-width:1040px){
  .navbar .nav-item-shop .mega-menu,.mega-menu{display:none!important;}
  .mobile-panel{display:block!important;overflow:auto!important;}
  .mobile-menu-toggle{display:grid!important;place-items:center!important;}
  .nav-right{margin-left:auto!important;}
  .related-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hero-slider{min-height:340px!important;}
}

@media (max-width:767px){
  .topbar{display:none!important;}
  .navbar{min-height:68px!important;padding:.82rem 1rem!important;}
  .mobile-panel{width:100vw!important;text-align:left!important;background:rgba(7,7,14,.92)!important;-webkit-backdrop-filter:blur(26px) saturate(170%)!important;backdrop-filter:blur(26px) saturate(170%)!important;}
  .mobile-panel-brand{text-align:center!important;}
  .mobile-panel > a{border-radius:16px!important;margin-bottom:.35rem!important;background:rgba(255,255,255,.035)!important;}
  .mobile-shop-box{border-radius:24px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;padding:1rem!important;margin:1rem 0!important;}
  .hero-slider{height:300px!important;min-height:300px!important;max-width:100%!important;}
  .hero-slide-img{height:230px!important;}
  .img-with-mark.hero-product-hotspot{width:88%!important;}
  .hero-slide-caption{max-width:94%!important;font-size:.72rem!important;padding:.5rem .7rem!important;}
  .hero-slide-caption strong{font-size:.76rem!important;}
  .slider-arrow{width:38px!important;height:38px!important;font-size:1.65rem!important;}
  .hero-dots{bottom:-.1rem!important;}
  .hero-product-tooltip{opacity:1!important;visibility:visible!important;transform:translate(-50%,0)!important;bottom:4%!important;font-size:.74rem!important;padding:.5rem .72rem!important;}
  .shop-grid{grid-template-columns:1fr!important;gap:1rem!important;}
  .shop-card,.related-product-card{padding:1rem!important;border-radius:24px!important;text-align:center!important;}
  .shop-card-img-wrap{height:170px!important;margin-bottom:.85rem!important;}
  .shop-card-info{align-items:center!important;text-align:center!important;min-height:auto!important;gap:.45rem!important;}
  .shop-card h4{min-height:auto!important;font-size:.98rem!important;}
  .shop-card-bottom{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:.7rem!important;}
  .shop-card .btn-primary,.related-view-link{width:100%!important;max-width:220px!important;}
  .related-shop-grid{grid-template-columns:1fr!important;max-width:390px!important;gap:1rem!important;}
  .related-section-header h2{font-size:clamp(2rem,10vw,2.65rem)!important;}
  .shop-top-bar{display:grid!important;grid-template-columns:1fr!important;text-align:center!important;}
  .shop-top-filters{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  .shop-top-filters label{margin-top:.2rem!important;}
}
.hero-product-hotspot.is-tooltip-visible .hero-product-tooltip{opacity:1!important;visibility:visible!important;transform:translate(-50%,0)!important;}

/* ======================================================================
   MBI v18.2 refinement patch
   Client screenshot fixes: stronger mega blur, tighter hero slider, mobile
   filters, CTA contrast, mobile spacing, centered wholesale icons, scroll UX.
   ====================================================================== */

:root{--mbi-v182-panel:rgba(12,8,14,.94);--mbi-v182-panel-2:rgba(28,14,24,.91);}

/* Stronger glass mega panel so page/product text never merges into it */
.navbar{z-index:100100!important;}
.navbar .nav-item-shop .mega-menu,
.mega-menu{
  width:min(940px,calc(100vw - 72px))!important;
  background:linear-gradient(135deg,var(--mbi-v182-panel-2),var(--mbi-v182-panel))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 36px 110px rgba(0,0,0,.88),0 0 0 1px rgba(255,255,255,.06) inset,0 0 55px rgba(233,30,140,.12)!important;
  -webkit-backdrop-filter:blur(34px) saturate(185%) brightness(.92)!important;
  backdrop-filter:blur(34px) saturate(185%) brightness(.92)!important;
  isolation:isolate!important;
}
.navbar .nav-item-shop .mega-menu:before{
  content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,69,152,.20),transparent 34%),
    radial-gradient(circle at 78% 12%,rgba(255,255,255,.075),transparent 28%),
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.22))!important;
  pointer-events:none!important;z-index:0!important;
}
.navbar .nav-item-shop .mega-menu:after{background:var(--mbi-v182-panel-2)!important;z-index:1!important;}
.navbar .nav-item-shop .mega-menu .mega-menu-content{z-index:2!important;}
.mega-product-card,.mega-links a,.mega-featured-mini{background:rgba(255,255,255,.065)!important;}
.mega-product-copy strong{max-width:100%!important;}

/* Home hero: left column gets more room, slider stays on right but slimmer */
.mbi-home-page .hero{min-height:84vh!important;}
.mbi-home-page .hero-content{
  grid-template-columns:minmax(440px,1.18fr) minmax(360px,.82fr)!important;
  gap:clamp(2rem,4vw,3.2rem)!important;
  align-items:center!important;
  padding-top:clamp(4rem,6vw,6rem)!important;
  padding-bottom:clamp(3.5rem,5vw,5rem)!important;
}
.mbi-home-page .hero-slider{height:clamp(360px,36vw,440px)!important;max-width:540px!important;justify-self:end!important;}
.mbi-home-page .hero-slide-img{width:min(100%,410px)!important;height:min(100%,410px)!important;}
.mbi-home-page .hero-slide-ring{transform:scale(.86)!important;}
.mbi-home-page .img-with-mark.hero-product-hotspot{width:min(92%,420px)!important;}
.mbi-home-page .hero-slide img{max-height:clamp(230px,26vw,315px)!important;}
.hero-slide:not(.active){opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:scale(.94) translateY(10px)!important;}
.hero-slide.active{visibility:visible!important;pointer-events:auto!important;}

/* Cleaner scroll button on Home and About */
.scroll-indicator{
  width:max-content!important;max-width:100%!important;padding:.62rem .9rem!important;border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.28)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;
  transition:transform .22s ease,background .22s ease,border-color .22s ease!important;
}
.scroll-indicator:hover{transform:translateY(-3px)!important;background:rgba(255,255,255,.09)!important;border-color:rgba(255,74,162,.35)!important;}
.scroll-indicator > div{width:24px!important;height:38px!important;border-color:rgba(255,255,255,.42)!important;align-items:flex-start!important;}
.scroll-indicator span{font-size:.72rem!important;letter-spacing:.14em!important;color:rgba(255,255,255,.72)!important;}
.scroll-indicator-dot{width:5px!important;height:9px!important;border-radius:999px!important;background:var(--primary-light)!important;animation:mbiScrollDot 1.35s ease-in-out infinite!important;}
@keyframes mbiScrollDot{0%{transform:translateY(0);opacity:.35}45%{transform:translateY(15px);opacity:1}100%{transform:translateY(0);opacity:.35}}
.about-page .scroll-indicator{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.55rem!important;padding:.72rem .82rem!important;}
.about-page .scroll-indicator > div{margin:0!important;}

/* Mobile-friendly selector replacing hidden category pills in Professional Favorites */
.mobile-filter-select-row{display:none;}
.mobile-filter-select-row label{display:block;margin:0 0 .58rem;color:rgba(255,255,255,.64);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;text-align:center;}
.mobile-filter-select{
  width:100%;min-height:56px;padding:0 1rem;border-radius:18px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:800;text-align:center;outline:none;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.mobile-filter-select option{background:#101018;color:#fff;}

/* CTA contrast: black/dark button on pink/red CTA sections */
.cta-section .btn-white,
.cta-section .btn-primary,
.wholesale-page .cta-section .btn-primary{
  background:#07070d!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 16px 38px rgba(0,0,0,.34)!important;
}
.cta-section .btn-white:hover,
.cta-section .btn-primary:hover{background:#fff!important;color:#090910!important;transform:translateY(-4px)!important;box-shadow:0 20px 48px rgba(0,0,0,.42)!important;}

/* Mobile spacing and alignment refinements */
@media (max-width:1040px){
  .mbi-home-page .hero-content{grid-template-columns:1fr!important;}
  .mbi-home-page .hero-slider{justify-self:center!important;order:2!important;max-width:520px!important;}
}

@media (max-width:767px){
  .navbar .nav-item-shop .mega-menu,.mega-menu{display:none!important;}
  .mbi-home-page .hero{padding-top:1.6rem!important;min-height:auto!important;}
  .mbi-home-page .hero-content{padding:5.1rem 1rem 3.2rem!important;gap:1.85rem!important;}
  .mbi-home-page .hero .hero-badge{display:none!important;} /* hide the small feature/premium line on mobile */
  .mbi-home-page .hero-slider{order:2!important;height:250px!important;min-height:250px!important;margin-top:.35rem!important;}
  .mbi-home-page .hero-slide-img{height:205px!important;width:100%!important;}
  .mbi-home-page .hero-slide img{max-height:170px!important;}
  .mbi-home-page .hero-slide-caption{bottom:.25rem!important;max-width:92%!important;}
  .mbi-home-page .hero-actions{margin-top:.25rem!important;}

  .mbi-home-page .scroll-indicator,
  .about-page .scroll-indicator{display:flex!important;}
  .mbi-home-page .scroll-indicator{margin:1.25rem auto 0!important;justify-content:center!important;align-items:center!important;gap:.65rem!important;padding:.52rem .72rem!important;}
  .mbi-home-page .scroll-indicator span{display:none!important;}
  .about-page .scroll-indicator{bottom:18px!important;left:50%!important;}
  .about-page .scroll-indicator span{display:none!important;}

  .showcase-section{padding-top:4.75rem!important;}
  .mobile-filter-select-row{display:block!important;width:100%!important;max-width:360px!important;margin:1.15rem auto 1rem!important;}
  .filter-tabs-row{display:none!important;}

  .product-detail-page .product-layout{padding-top:6.8rem!important;}
  .product-gallery{scroll-margin-top:92px!important;}
  #product-top-image{scroll-margin-top:92px!important;}

  .benefit-card{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;}
  .benefit-icon{margin-left:auto!important;margin-right:auto!important;display:grid!important;place-items:center!important;}
  .benefit-icon svg{margin:auto!important;}
  .wholesale-benefits{padding:4.6rem 1rem!important;}
  .benefit-grid{gap:1rem!important;}

  .cta-section{padding:4rem 1rem!important;text-align:center!important;}
  .cta-section h2{font-size:clamp(2rem,11vw,3rem)!important;line-height:1.05!important;}
}

@media (max-width:420px){
  .mbi-home-page .hero-title{font-size:clamp(2.25rem,14vw,3.05rem)!important;}
  .mbi-home-page .hero-desc{font-size:.95rem!important;}
  .mbi-home-page .hero-slider{height:230px!important;min-height:230px!important;}
}

/* ======================================================================
   MBI v18.3 emergency layout patch
   - Proper right-side product image carousel in hero
   - Removed broken scroll indicator from Home/About
   - Stable quote cart drawer with backdrop and mobile-safe sizing
   ====================================================================== */

.scroll-indicator{display:none!important;}

.mbi-home-page .hero{
  min-height:clamp(560px,74vh,760px)!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
}
.mbi-home-page .hero-content{
  grid-template-columns:minmax(500px,1.08fr) minmax(430px,.92fr)!important;
  gap:clamp(2.25rem,4.2vw,4.8rem)!important;
  align-items:center!important;
  padding-top:clamp(3.2rem,4.5vw,5rem)!important;
  padding-bottom:clamp(2.8rem,4vw,4.5rem)!important;
}
.mbi-home-page .hero-content > .reveal:first-child{max-width:610px!important;}
.mbi-home-page .hero-title{font-size:clamp(3.4rem,5.25vw,6rem)!important;line-height:.99!important;}
.mbi-home-page .hero-desc{max-width:520px!important;}

/* Make the right side clearly read as a product slider, not one static image. */
.mbi-home-page .hero-slider{
  justify-self:end!important;
  width:min(100%,560px)!important;
  max-width:560px!important;
  height:clamp(430px,42vw,520px)!important;
  min-height:430px!important;
  display:block!important;
  overflow:visible!important;
  padding-bottom:86px!important;
}
.mbi-home-page .hero-slide-img{
  width:min(100%,500px)!important;
  height:clamp(300px,30vw,390px)!important;
  margin:0 auto!important;
}
.mbi-home-page .img-with-mark.hero-product-hotspot{width:min(94%,470px)!important;}
.mbi-home-page .hero-slide img{max-height:clamp(235px,25vw,315px)!important;}
.mbi-home-page .hero-slide-caption{
  position:absolute!important;
  left:50%!important;
  bottom:86px!important;
  transform:translateX(-50%)!important;
  max-width:min(92%,460px)!important;
}
.mbi-home-page .hero-product-thumbs,
.hero-dots.hero-product-thumbs{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  width:min(100%,520px)!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:.55rem!important;
  z-index:20!important;
}
.mbi-home-page .hero-product-thumbs .hero-dot,
.hero-dots.hero-product-thumbs .hero-dot{
  width:auto!important;
  height:64px!important;
  min-width:0!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  padding:.35rem!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
}
.mbi-home-page .hero-product-thumbs .hero-dot img,
.hero-dots.hero-product-thumbs .hero-dot img{
  width:100%!important;
  height:42px!important;
  display:block!important;
  object-fit:contain!important;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.48))!important;
}
.mbi-home-page .hero-product-thumbs .hero-dot span,
.hero-dots.hero-product-thumbs .hero-dot span{display:none!important;}
.mbi-home-page .hero-product-thumbs .hero-dot.active,
.hero-dots.hero-product-thumbs .hero-dot.active{
  background:rgba(233,30,140,.18)!important;
  border-color:rgba(255,78,164,.52)!important;
  box-shadow:0 18px 42px rgba(233,30,140,.18),0 0 0 1px rgba(255,255,255,.07) inset!important;
}
.mbi-home-page .slider-arrow{opacity:1!important;visibility:visible!important;}
.mbi-home-page .slider-arrow.prev{left:-4px!important;}
.mbi-home-page .slider-arrow.next{right:-4px!important;}

/* Quote cart drawer: keep it polished, separate from the page and not broken on checkout. */
.cart-drawer-overlay{
  position:fixed!important;
  inset:0!important;
  background:rgba(0,0,0,.64)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  backdrop-filter:blur(5px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .28s ease,visibility .28s ease!important;
  z-index:1000000!important;
}
.cart-drawer-overlay.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
body.cart-drawer-open{overflow:hidden!important;}
.cart-drawer{
  top:0!important;
  right:0!important;
  width:min(460px,calc(100vw - 18px))!important;
  height:100dvh!important;
  max-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  border-radius:30px 0 0 30px!important;
  background:linear-gradient(180deg,rgba(15,13,22,.985),rgba(6,6,12,.985))!important;
  border-left:1px solid rgba(255,255,255,.12)!important;
  box-shadow:-34px 0 90px rgba(0,0,0,.78), inset 1px 0 0 rgba(255,255,255,.05)!important;
  z-index:1000001!important;
  overflow:hidden!important;
}
body.admin-bar .cart-drawer,
body.admin-bar .cart-drawer-overlay{top:32px!important;height:calc(100dvh - 32px)!important;}
.cart-drawer-head{
  flex:0 0 auto!important;
  padding:1.25rem 1.25rem 1rem!important;
  margin:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012))!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
.cart-drawer-head h3{font-size:1.25rem!important;line-height:1.1!important;margin:0 0 .25rem!important;}
.quote-drawer-sub{font-size:.86rem!important;line-height:1.4!important;color:rgba(255,255,255,.62)!important;margin:0!important;}
.cart-close{flex:0 0 auto!important;display:grid!important;place-items:center!important;}
.quote-empty{min-height:0!important;flex:1 1 auto!important;padding:1.4rem!important;}
.quote-items{
  flex:1 1 auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  padding:1.05rem 1.1rem!important;
  display:grid!important;
  gap:.85rem!important;
}
.quote-item{
  grid-template-columns:64px minmax(0,1fr) 34px!important;
  gap:.85rem!important;
  padding:.82rem!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.095)!important;
}
.quote-item-title{font-size:.94rem!important;line-height:1.22!important;font-weight:900!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.quote-item-meta{font-size:.78rem!important;color:rgba(255,255,255,.62)!important;line-height:1.35!important;}
.quote-item-controls{display:flex!important;align-items:center!important;gap:.45rem!important;margin-top:.55rem!important;}
.quote-item-controls button,.quote-remove{display:grid!important;place-items:center!important;}
.quote-drawer-actions{
  flex:0 0 auto!important;
  margin:0!important;
  padding:1rem 1.1rem 1.2rem!important;
  background:linear-gradient(0deg,rgba(0,0,0,.36),rgba(255,255,255,.018))!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
}
.quote-drawer-actions .btn-primary,
.quote-drawer-actions .btn-outline{width:100%!important;max-width:none!important;min-height:54px!important;}

@media (max-width:1040px){
  .mbi-home-page .hero{min-height:auto!important;}
  .mbi-home-page .hero-content{grid-template-columns:1fr!important;text-align:center!important;padding-top:4.4rem!important;}
  .mbi-home-page .hero-content > .reveal:first-child{max-width:720px!important;margin:0 auto!important;}
  .mbi-home-page .hero-slider{justify-self:center!important;order:2!important;}
}
@media (max-width:767px){
  .mbi-home-page .hero-content{padding:3.4rem 1rem 2.6rem!important;gap:1.45rem!important;}
  .mbi-home-page .hero-title{font-size:clamp(2.45rem,13vw,3.55rem)!important;}
  .mbi-home-page .hero-slider{width:100%!important;height:330px!important;min-height:330px!important;padding-bottom:72px!important;}
  .mbi-home-page .hero-slide-img{height:220px!important;}
  .mbi-home-page .hero-slide img{max-height:175px!important;}
  .mbi-home-page .hero-slide-caption{bottom:72px!important;font-size:.72rem!important;}
  .mbi-home-page .hero-product-thumbs,
  .hero-dots.hero-product-thumbs{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important;}
  .mbi-home-page .hero-product-thumbs .hero-dot,
  .hero-dots.hero-product-thumbs .hero-dot{height:54px!important;border-radius:14px!important;}
  .mbi-home-page .hero-product-thumbs .hero-dot img,
  .hero-dots.hero-product-thumbs .hero-dot img{height:34px!important;}
  .mbi-home-page .slider-arrow{top:38%!important;width:38px!important;height:38px!important;}
  .cart-drawer{width:100vw!important;border-radius:0!important;}
  body.admin-bar .cart-drawer,
  body.admin-bar .cart-drawer-overlay{top:46px!important;height:calc(100dvh - 46px)!important;}
  .cart-drawer-head{padding:1rem!important;}
  .quote-items{padding:.9rem!important;}
  .quote-drawer-actions{padding:.9rem!important;}
}


/* ======================================================================
   MBI v18.3.1 finishing patch
   Space between Master/Instrument headings and sliders + clean anchoring.
   ====================================================================== */
.smart-filter > div:first-child,
.showcase-section > div:first-child{
  margin-bottom:clamp(1.35rem,2.4vw,2.25rem)!important;
}
.smart-filter-card{
  margin-top:clamp(1rem,1.9vw,1.65rem)!important;
}
.showcase-section .filter-tabs-row{
  margin-top:clamp(1.35rem,2.4vw,2.1rem)!important;
  margin-bottom:clamp(1.35rem,2.2vw,2rem)!important;
}
.showcase-section .mobile-filter-select-row{
  margin-top:clamp(1.15rem,3vw,1.75rem)!important;
  margin-bottom:clamp(1.25rem,3vw,1.9rem)!important;
}
.showcase-main,
.showcase-img-side,
#product-top-image,
.product-gallery{
  scroll-margin-top:118px!important;
}
.showcase-section .showcase-main{
  margin-top:clamp(1rem,1.8vw,1.6rem)!important;
}
.showcase-nav{
  margin-top:clamp(1.15rem,2vw,1.75rem)!important;
  margin-bottom:clamp(.85rem,1.4vw,1.2rem)!important;
}
.filmstrip-container{
  margin-top:.35rem!important;
}
.shop-page .shop-hero{
  margin-bottom:clamp(1rem,2.4vw,2rem)!important;
}
.shop-page .shop-top-bar{
  margin-top:0!important;
  margin-bottom:clamp(1rem,2vw,1.6rem)!important;
}
@media (max-width:767px){
  .smart-filter > div:first-child,
  .showcase-section > div:first-child{margin-bottom:1.45rem!important;}
  .showcase-section .showcase-main{margin-top:1.25rem!important;}
  .showcase-main,.showcase-img-side,#product-top-image,.product-gallery{scroll-margin-top:96px!important;}
  .shop-page .shop-hero{margin-bottom:1.2rem!important;}
}

/* ======================================================================
   MBI v18.4 final hero/plugin patch
   Applies the product carousel layout to Elementor hero widgets too.
   ====================================================================== */
.hero.mbi-elem-hero{
  min-height:clamp(560px,74vh,760px)!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  padding:0!important;
}
.hero.mbi-elem-hero .hero-content{
  grid-template-columns:minmax(500px,1.08fr) minmax(430px,.92fr)!important;
  gap:clamp(2.25rem,4.2vw,4.8rem)!important;
  align-items:center!important;
  padding-top:clamp(3.2rem,4.5vw,5rem)!important;
  padding-bottom:clamp(4rem,5.8vw,6.25rem)!important;
}
.hero.mbi-elem-hero .hero-text{max-width:610px!important;}
.hero.mbi-elem-hero .hero-title{font-size:clamp(3.4rem,5.25vw,6rem)!important;line-height:.99!important;}
.hero.mbi-elem-hero .hero-desc{max-width:520px!important;}
.hero.mbi-elem-hero .hero-slider{
  justify-self:end!important;
  width:min(100%,560px)!important;
  max-width:560px!important;
  height:clamp(430px,42vw,520px)!important;
  min-height:430px!important;
  display:block!important;
  overflow:visible!important;
  padding-bottom:86px!important;
}
.hero.mbi-elem-hero .hero-slide{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:scale(.94) translateY(10px)!important;}
.hero.mbi-elem-hero .hero-slide.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:scale(1) translateY(0)!important;z-index:2!important;}
.hero.mbi-elem-hero .hero-slide-img{width:min(100%,500px)!important;height:clamp(300px,30vw,390px)!important;margin:0 auto!important;}
.hero.mbi-elem-hero .img-with-mark.hero-product-hotspot{width:min(94%,470px)!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;}
.hero.mbi-elem-hero .hero-slide img{max-height:clamp(235px,25vw,315px)!important;max-width:100%!important;object-fit:contain!important;}
.hero.mbi-elem-hero .hero-slide-caption{
  position:absolute!important;
  left:50%!important;
  bottom:86px!important;
  transform:translateX(-50%)!important;
  max-width:min(92%,460px)!important;
  width:max-content!important;
  text-align:center!important;
  color:#fff!important;
  z-index:12!important;
  display:grid!important;
  gap:.2rem!important;
  text-shadow:0 12px 32px rgba(0,0,0,.85)!important;
}
.hero.mbi-elem-hero .hero-slide-caption span{font-size:.78rem!important;color:rgba(255,255,255,.7)!important;font-weight:800!important;letter-spacing:.05em!important;}
.hero.mbi-elem-hero .hero-slide-caption strong{font-size:.95rem!important;font-weight:900!important;line-height:1.15!important;}
.hero.mbi-elem-hero .hero-product-thumbs,
.hero.mbi-elem-hero .hero-dots.hero-product-thumbs{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  width:min(100%,520px)!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:.55rem!important;
  z-index:20!important;
}
.hero.mbi-elem-hero .hero-product-thumbs .hero-dot,
.hero.mbi-elem-hero .hero-dots.hero-product-thumbs .hero-dot{
  width:auto!important;
  height:64px!important;
  min-width:0!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  padding:.35rem!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
}
.hero.mbi-elem-hero .hero-product-thumbs .hero-dot img,
.hero.mbi-elem-hero .hero-dots.hero-product-thumbs .hero-dot img{width:100%!important;height:42px!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 7px 10px rgba(0,0,0,.48))!important;}
.hero.mbi-elem-hero .hero-product-thumbs .hero-dot span,
.hero.mbi-elem-hero .hero-dots.hero-product-thumbs .hero-dot span{display:none!important;}
.hero.mbi-elem-hero .hero-product-thumbs .hero-dot.active,
.hero.mbi-elem-hero .hero-dots.hero-product-thumbs .hero-dot.active{background:rgba(233,30,140,.18)!important;border-color:rgba(255,78,164,.52)!important;box-shadow:0 18px 42px rgba(233,30,140,.18),0 0 0 1px rgba(255,255,255,.07) inset!important;}
.hero.mbi-elem-hero .slider-arrow{opacity:1!important;visibility:visible!important;z-index:24!important;}
.hero.mbi-elem-hero .slider-arrow.prev{left:-4px!important;}
.hero.mbi-elem-hero .slider-arrow.next{right:-4px!important;}
.hero.mbi-elem-hero .hero-product-chip{display:none!important;}
@media (max-width:1040px){
  .hero.mbi-elem-hero{min-height:auto!important;}
  .hero.mbi-elem-hero .hero-content{grid-template-columns:1fr!important;text-align:center!important;padding-top:4.4rem!important;}
  .hero.mbi-elem-hero .hero-text{max-width:720px!important;margin:0 auto!important;}
  .hero.mbi-elem-hero .hero-slider{justify-self:center!important;order:2!important;}
  .hero.mbi-elem-hero .hero-actions{justify-content:center!important;}
}
@media (max-width:767px){
  .hero-badge,.hero.mbi-elem-hero .hero-badge,.mbi-home-page .hero .hero-badge{display:none!important;}
  .stats-marquee,.mbi-elem-stats{display:none!important;}
  .hero.mbi-elem-hero .hero-content{padding:3.4rem 1rem 2.6rem!important;gap:1.45rem!important;}
  .hero.mbi-elem-hero .hero-title{font-size:clamp(2.45rem,13vw,3.55rem)!important;}
  .hero.mbi-elem-hero .hero-slider{width:100%!important;height:330px!important;min-height:330px!important;padding-bottom:72px!important;}
  .hero.mbi-elem-hero .hero-slide-img{height:220px!important;}
  .hero.mbi-elem-hero .hero-slide img{max-height:175px!important;}
  .hero.mbi-elem-hero .hero-slide-caption{bottom:72px!important;font-size:.72rem!important;max-width:90%!important;}
  .hero.mbi-elem-hero .hero-product-thumbs,
  .hero.mbi-elem-hero .hero-dots.hero-product-thumbs{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important;}
  .hero.mbi-elem-hero .hero-product-thumbs .hero-dot,
  .hero.mbi-elem-hero .hero-dots.hero-product-thumbs .hero-dot{height:54px!important;border-radius:14px!important;}
  .hero.mbi-elem-hero .hero-product-thumbs .hero-dot img,
  .hero.mbi-elem-hero .hero-dots.hero-product-thumbs .hero-dot img{height:34px!important;}
  .hero.mbi-elem-hero .slider-arrow{top:38%!important;width:38px!important;height:38px!important;}
}


/* === MBI v18.5 client preference scale-up: bigger visuals, red/black/white, 3-col products, 3-up category carousel === */
:root{
  --primary:#d71920!important;
  --primary-2:#ff2b2b!important;
  --primary-pink:#c91018!important;
  --primary-light:#ff4a4a!important;
  --primary-glow:rgba(215,25,32,.38)!important;
  --pink-glow:rgba(215,25,32,.24)!important;
  --grad:linear-gradient(135deg,#d71920 0%,#a20d14 100%)!important;
  --grad-hover:linear-gradient(135deg,#ff3030 0%,#d71920 100%)!important;
  --bg:#151010!important;
  --bg-2:#1b1313!important;
  --surface:#221818!important;
  --surface-2:#2a1d1d!important;
  --border:rgba(255,255,255,.105)!important;
  --muted:rgba(255,255,255,.72)!important;
  --sub:rgba(255,255,255,.48)!important;
  --mbi-container:1520px;
}
html,body,.site-shell,.wp-page-content{background:radial-gradient(circle at 22% 18%,rgba(215,25,32,.10),transparent 32%),linear-gradient(180deg,#171111 0%,#120e0e 52%,#181111 100%)!important;}
.navbar{padding:1.05rem clamp(1rem,4vw,5rem)!important;background:rgba(18,13,13,.90)!important;border-bottom:1px solid rgba(255,255,255,.11)!important;}
.navbar-logo img{height:70px!important;width:auto!important;max-width:230px!important;object-fit:contain!important;}
.navbar-links a{font-size:1rem!important;color:rgba(255,255,255,.82)!important;}
.search-wrap{max-width:360px!important;}
.navbar-cta,.cart-drawer-toggle{font-size:.95rem!important;padding:.85rem 1.55rem!important;}
.topbar{background:#d71920!important;color:#fff!important;}

.hero,.mbi-elem-hero{min-height:calc(100vh - 88px)!important;background:linear-gradient(180deg,#161010,#120d0d)!important;}
.hero-bg{background:radial-gradient(circle at 24% 42%,rgba(215,25,32,.20) 0%,rgba(21,16,16,.94) 48%,#120e0e 100%)!important;}
.hero-content{max-width:var(--mbi-container)!important;grid-template-columns:minmax(0,1fr) minmax(520px,.95fr)!important;gap:clamp(3rem,6vw,7rem)!important;padding:clamp(5.5rem,8vw,8rem) clamp(1.2rem,4vw,5rem) clamp(4.5rem,7vw,7rem)!important;align-items:center!important;}
.hero-badge,.status-pill{font-size:.86rem!important;padding:.72rem 1.35rem!important;border-radius:999px!important;background:rgba(215,25,32,.16)!important;border-color:rgba(215,25,32,.38)!important;color:#fff!important;letter-spacing:.13em!important;}
.hero-title{font-size:clamp(4.15rem,6.8vw,7.7rem)!important;line-height:.94!important;letter-spacing:-.055em!important;margin-bottom:1.7rem!important;}
.hero-desc{font-size:clamp(1.12rem,1.35vw,1.34rem)!important;line-height:1.78!important;max-width:650px!important;color:rgba(255,255,255,.78)!important;margin-bottom:3rem!important;}
.btn-primary,.btn-outline,.btn-white{font-size:1.14rem!important;min-height:64px!important;padding:1.08rem 2.55rem!important;border-radius:999px!important;}
.hero-slider{height:clamp(560px,52vw,700px)!important;min-width:0!important;}
.hero-slide-img{width:min(640px,48vw)!important;height:min(640px,48vw)!important;}
.hero-slide img{max-height:min(560px,44vw)!important;max-width:115%!important;transform:scale(1.18)!important;filter:drop-shadow(0 34px 70px rgba(0,0,0,.55)) drop-shadow(0 0 42px rgba(215,25,32,.20))!important;}
.hero-slide-caption,.hero-product-chip{font-size:1.12rem!important;bottom:1.2rem!important;color:#fff!important;}
.hero-product-thumbs{bottom:-.75rem!important;gap:.8rem!important;}
.hero-product-thumbs .hero-dot{width:82px!important;height:62px!important;border-radius:16px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.15)!important;display:grid!important;place-items:center!important;overflow:hidden!important;}
.hero-product-thumbs .hero-dot img{width:100%!important;height:100%!important;object-fit:contain!important;transform:scale(1.34)!important;}
.hero-product-thumbs .hero-dot span{display:none!important;}
.slider-arrow,.nav-arrow,.cat-carousel-arrow{background:#fff!important;color:#151010!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 15px 35px rgba(0,0,0,.28)!important;}
.slider-arrow{width:54px!important;height:54px!important;font-size:2rem!important;}

.section-title{font-size:clamp(3.25rem,5.3vw,6rem)!important;line-height:.98!important;letter-spacing:-.045em!important;margin-bottom:clamp(1.7rem,3vw,3rem)!important;}
.section-tag{font-size:.92rem!important;padding:.55rem 1.2rem!important;letter-spacing:.14em!important;color:#fff!important;background:rgba(215,25,32,.15)!important;border:1px solid rgba(215,25,32,.32)!important;border-radius:999px!important;}
.smart-filter,.categories-section,.showcase-section,.products-section,.why-section,.testimonials-section,.cta-section,.about-values,.about-craftsmanship,.about-trusted{padding:clamp(5rem,8vw,8.5rem) clamp(1.1rem,4vw,5rem)!important;}
.smart-filter-card,.showcase-main,.shop-card,.cat-card,.testimonial-card,.benefit-card,.quote-form-panel,.quote-summary-panel,.form-panel{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 28px 80px rgba(0,0,0,.24)!important;}

.categories-carousel-wrap{position:relative;max-width:var(--mbi-container)!important;margin:3.25rem auto 0!important;padding:0 4.2rem!important;}
.categories-grid{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 3rem)/3)!important;grid-template-columns:none!important;gap:1.5rem!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-padding:0!important;padding:.6rem .1rem 1.2rem!important;-ms-overflow-style:none;scrollbar-width:none;}
.categories-grid::-webkit-scrollbar{display:none!important;}
.cat-card{scroll-snap-align:start!important;min-height:430px!important;padding:2rem!important;border-radius:38px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:1.4rem!important;}
.cat-img-wrap{height:300px!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;display:grid!important;place-items:center!important;overflow:hidden!important;}
.cat-img-wrap img{width:100%!important;height:100%!important;object-fit:contain!important;transform:scale(1.22)!important;filter:drop-shadow(0 26px 35px rgba(0,0,0,.45))!important;}
.cat-name{font-size:1.45rem!important;line-height:1.1!important;font-weight:900!important;color:#fff!important;}
.cat-count{font-size:1rem!important;color:rgba(255,255,255,.72)!important;margin-top:.4rem!important;}
.cat-carousel-arrow{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:6!important;width:56px!important;height:56px!important;border-radius:50%!important;font-size:2rem!important;display:grid!important;place-items:center!important;}
.cat-prev{left:.5rem!important;}.cat-next{right:.5rem!important;}

.showcase-section .section-header{margin-bottom:3.5rem!important;}
.showcase-main{grid-template-columns:minmax(0,1.1fr) minmax(430px,.9fr)!important;gap:clamp(2rem,4vw,4rem)!important;border-radius:48px!important;padding:clamp(1.5rem,3vw,3rem)!important;max-width:var(--mbi-container)!important;}
.showcase-img-side{min-height:680px!important;border-radius:38px!important;background:radial-gradient(circle at center,rgba(215,25,32,.20),rgba(255,255,255,.035) 45%,rgba(255,255,255,.02) 100%)!important;display:grid!important;place-items:center!important;overflow:hidden!important;}
.showcase-img-side .img-watermark{max-height:600px!important;max-width:105%!important;object-fit:contain!important;transform:scale(1.16)!important;filter:drop-shadow(0 34px 70px rgba(0,0,0,.55))!important;}
.showcase-info-side{padding:clamp(2rem,4vw,4rem)!important;align-self:center!important;}
.showcase-title{font-size:clamp(2.4rem,4.2vw,4.3rem)!important;line-height:1.02!important;letter-spacing:-.035em!important;margin:1rem 0 1.25rem!important;}
.showcase-desc{font-size:1.15rem!important;line-height:1.75!important;color:rgba(255,255,255,.78)!important;}
.showcase-price{font-size:3.4rem!important;margin:1.5rem 0!important;color:#fff!important;}
.showcase-nav{max-width:var(--mbi-container)!important;margin:2.5rem auto 1.1rem!important;}
.filmstrip-container{max-width:var(--mbi-container)!important;margin:0 auto!important;overflow:hidden!important;}
.filmstrip{gap:1.2rem!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:1rem 0 1.3rem!important;}
.filmstrip-thumb{min-width:310px!important;max-width:310px!important;padding:1.15rem!important;border-radius:28px!important;background:rgba(255,255,255,.055)!important;scroll-snap-align:start!important;}
.filmstrip-thumb-img{height:150px!important;border-radius:22px!important;background:rgba(255,255,255,.045)!important;}
.filmstrip-thumb-img img{width:100%!important;height:100%!important;object-fit:contain!important;transform:scale(1.28)!important;}
.filmstrip-thumb-label{font-size:1.05rem!important;}

.products-section .shop-grid,.shop-page .shop-grid,.shop-layout .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2.1rem!important;max-width:var(--mbi-container)!important;margin:0 auto!important;}
.related-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2.1rem!important;max-width:var(--mbi-container)!important;}
.shop-card{border-radius:36px!important;min-height:520px!important;padding:1.3rem!important;overflow:hidden!important;}
.shop-card-img-wrap{height:330px!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;display:grid!important;place-items:center!important;overflow:hidden!important;}
.shop-card-img-wrap img{width:100%!important;height:100%!important;object-fit:contain!important;transform:scale(1.22)!important;filter:drop-shadow(0 24px 42px rgba(0,0,0,.44))!important;}
.shop-card-info{padding:1.35rem .3rem .25rem!important;gap:.7rem!important;}
.shop-card-info h4{font-size:1.35rem!important;line-height:1.14!important;color:#fff!important;}
.shop-card-sku{font-size:.92rem!important;color:#ff4a4a!important;}
.shop-card-price{font-size:1.35rem!important;font-weight:900!important;color:#fff!important;}
.shop-card-bottom{gap:1rem!important;align-items:center!important;}

.product-layout{max-width:var(--mbi-container)!important;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr)!important;gap:clamp(2.5rem,5vw,6rem)!important;}
.product-main-image-wrap{height:clamp(560px,48vw,760px)!important;border-radius:48px!important;background:rgba(255,255,255,.05)!important;}
.product-main-image-wrap img{max-height:92%!important;max-width:112%!important;transform:scale(1.14)!important;object-fit:contain!important;}
.product-title{font-size:clamp(3.2rem,5vw,5.8rem)!important;line-height:.98!important;}
.product-price-large{font-size:4.2rem!important;color:#fff!important;}
.product-desc-large{font-size:1.2rem!important;line-height:1.75!important;}

.cta-section{background:linear-gradient(135deg,#d71920,#9e0d13)!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.13)!important;border-bottom:1px solid rgba(255,255,255,.13)!important;}
.cta-section h2{font-size:clamp(3rem,5.2vw,6rem)!important;line-height:1!important;}
.cta-section .btn-primary,.cta-section .btn-white{background:#fff!important;color:#151010!important;box-shadow:0 24px 48px rgba(0,0,0,.28)!important;}

@media (max-width:1200px){
  .hero-content{grid-template-columns:1fr!important;text-align:center!important;gap:3rem!important;}
  .hero-desc,.hero-actions{margin-left:auto!important;margin-right:auto!important;justify-content:center!important;}
  .hero-slider{max-width:760px!important;margin:0 auto!important;}
  .products-section .shop-grid,.shop-page .shop-grid,.shop-layout .shop-grid,.related-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .showcase-main{grid-template-columns:1fr!important;}
  .showcase-info-side{text-align:center!important;}
  .showcase-actions{justify-content:center!important;}
}
@media (max-width:767px){
  .topbar{display:none!important;}
  .navbar{padding:.75rem 1rem!important;}
  .navbar-logo img{height:52px!important;max-width:180px!important;}
  .hero,.mbi-elem-hero{min-height:auto!important;padding-top:1rem!important;}
  .hero-content{padding:3rem 1rem 3.5rem!important;gap:2rem!important;}
  .hero-title{font-size:clamp(3.1rem,16vw,4.6rem)!important;}
  .hero-desc{font-size:1.05rem!important;}
  .hero-slider{height:430px!important;order:2!important;}
  .hero-slide-img{width:390px!important;height:390px!important;max-width:94vw!important;max-height:94vw!important;}
  .hero-slide img{max-height:350px!important;transform:scale(1.16)!important;}
  .hero-product-thumbs{display:none!important;}
  .stats-marquee,.mbi-elem-stats{display:none!important;}
  .section-title{font-size:clamp(2.7rem,13vw,3.8rem)!important;}
  .categories-carousel-wrap{padding:0 3.1rem!important;margin-top:2rem!important;}
  .categories-grid{grid-auto-columns:88%!important;gap:1rem!important;}
  .cat-card{min-height:390px!important;padding:1.4rem!important;}
  .cat-img-wrap{height:260px!important;}
  .cat-carousel-arrow{width:44px!important;height:44px!important;font-size:1.55rem!important;}
  .showcase-img-side{min-height:420px!important;}
  .showcase-img-side .img-watermark{max-height:380px!important;transform:scale(1.22)!important;}
  .showcase-title{font-size:2.6rem!important;}
  .showcase-price{font-size:3rem!important;}
  .filmstrip-thumb{min-width:245px!important;max-width:245px!important;}
  .products-section .shop-grid,.shop-page .shop-grid,.shop-layout .shop-grid,.related-shop-grid{grid-template-columns:1fr!important;gap:1.25rem!important;}
  .shop-card{min-height:470px!important;border-radius:32px!important;}
  .shop-card-img-wrap{height:300px!important;}
  .product-layout{grid-template-columns:1fr!important;padding-left:1rem!important;padding-right:1rem!important;}
  .product-main-image-wrap{height:430px!important;border-radius:34px!important;}
  .product-title{font-size:2.8rem!important;}
  .product-price-large{font-size:3.2rem!important;}
}


/* === MBI v18.6 spacious client polish: clearer typography, light sections, correct large category images === */
:root{
  --mbi-light-section:#f8f4f1!important;
  --mbi-light-card:#ffffff!important;
  --mbi-light-text:#151010!important;
  --mbi-light-muted:#625858!important;
}
body{letter-spacing:.006em!important;}
.hero-title,.section-title,.product-title,.showcase-title,.cta-section h2{letter-spacing:-.012em!important;text-rendering:optimizeLegibility!important;}
.navbar-links a,.navbar-cta,.cart-drawer-toggle,.btn-primary,.btn-outline,.btn-white,.filter-tab,.sidebar-pill{letter-spacing:.012em!important;}
.section-header{margin-bottom:clamp(2.1rem,4vw,4rem)!important;}
.section-header .section-tag,.section-tag{display:inline-flex!important;width:auto!important;max-width:max-content!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;margin-right:auto!important;white-space:normal!important;line-height:1.15!important;}
.section-title{margin-top:.75rem!important;margin-bottom:0!important;}
.products-section .filter-tabs-row{margin-top:clamp(1.8rem,3vw,3rem)!important;margin-bottom:clamp(2rem,3.5vw,3.4rem)!important;justify-content:center!important;}
.products-section .shop-grid,.categories-section .categories-carousel-wrap{margin-top:0!important;}

/* Light/white sections so the site is not fully black, while keeping red/black/white branding */
.categories-section,.products-section,.mbi-elem-categories,.mbi-elem-products{
  background:linear-gradient(180deg,#fff 0%,var(--mbi-light-section) 100%)!important;
  color:var(--mbi-light-text)!important;
}
.categories-section .section-title,.products-section .section-title,
.categories-section .section-header h2,.products-section .section-header h2,
.categories-section .cat-name,.products-section .shop-card-info h4,
.categories-section h2,.products-section h2{color:var(--mbi-light-text)!important;-webkit-text-fill-color:initial!important;text-shadow:none!important;}
.categories-section .section-title span,.products-section .section-title span{color:#d71920!important;background:none!important;-webkit-text-fill-color:#d71920!important;}
.categories-section .section-tag,.products-section .section-tag{background:rgba(215,25,32,.08)!important;border-color:rgba(215,25,32,.24)!important;color:#b20f16!important;box-shadow:none!important;}
.categories-section .cat-count,.products-section .shop-card-price{color:#d71920!important;}
.products-section .shop-card-sku{color:#a20d14!important;}
.products-section .filter-tab{background:#fff!important;color:#161010!important;border-color:rgba(21,16,16,.12)!important;box-shadow:0 10px 25px rgba(0,0,0,.05)!important;}
.products-section .filter-tab.active,.products-section .filter-tab:hover{background:#d71920!important;color:#fff!important;border-color:#d71920!important;}
.products-section .mobile-filter-select-row label{color:#161010!important;}
.products-section .mobile-filter-select{background:#fff!important;color:#161010!important;border-color:rgba(21,16,16,.18)!important;}

/* Correct category carousel/card layout: full-width image area, no narrow/tiny vertical image */
.categories-carousel-wrap{max-width:var(--mbi-container)!important;padding:0 5.2rem!important;overflow:hidden!important;}
.categories-grid{grid-auto-columns:calc((100% - 2.4rem)/3)!important;gap:1.2rem!important;padding:.45rem .05rem 1.4rem!important;align-items:stretch!important;}
.cat-card{
  width:100%!important;min-width:0!important;min-height:560px!important;padding:1.15rem 1.15rem 1.55rem!important;
  border-radius:42px!important;background:#fff!important;border:1px solid rgba(21,16,16,.10)!important;
  box-shadow:0 30px 70px rgba(21,16,16,.10)!important;color:#151010!important;text-decoration:none!important;
  align-items:stretch!important;justify-content:flex-start!important;gap:1.45rem!important;overflow:hidden!important;
}
.cat-card:hover{transform:translateY(-8px)!important;box-shadow:0 34px 90px rgba(215,25,32,.16)!important;border-color:rgba(215,25,32,.28)!important;}
.cat-img-wrap{
  width:100%!important;max-width:none!important;height:400px!important;aspect-ratio:auto!important;border-radius:34px!important;
  border:1px solid rgba(21,16,16,.08)!important;background:#211717!important;padding:0!important;display:block!important;overflow:hidden!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.cat-img-wrap img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;transform:scale(1.04)!important;filter:none!important;}
.cat-card[data-cat="nippers"] .cat-img-wrap img,.cat-card[data-cat="foot"] .cat-img-wrap img,.cat-card[data-cat="pushers"] .cat-img-wrap img{object-fit:contain!important;padding:2.2rem!important;transform:scale(1.18)!important;filter:drop-shadow(0 26px 34px rgba(0,0,0,.32))!important;background:radial-gradient(circle at center,#342020 0%,#130d0d 72%)!important;}
.cat-card>div:last-child{padding:0 .45rem!important;text-align:left!important;}
.cat-name{font-size:clamp(2rem,2.25vw,2.7rem)!important;line-height:1.02!important;letter-spacing:-.008em!important;max-width:none!important;text-align:left!important;}
.cat-count{font-size:1.08rem!important;letter-spacing:.02em!important;color:#6d5e5e!important;text-align:left!important;margin-top:.65rem!important;}
.cat-carousel-arrow{top:52%!important;width:62px!important;height:62px!important;font-size:2.15rem!important;background:#151010!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 18px 42px rgba(0,0,0,.18)!important;}
.cat-prev{left:1rem!important;}.cat-next{right:1rem!important;}

/* Larger but less crowded masterpiece/showcase carousel */
.showcase-section{padding-top:clamp(6rem,8vw,9rem)!important;}
.showcase-section .section-header{margin-bottom:clamp(2.8rem,4.5vw,5rem)!important;}
.filmstrip{justify-content:center!important;gap:1.6rem!important;}
.filmstrip-thumb{min-width:350px!important;max-width:350px!important;}
.filmstrip-thumb-img{height:175px!important;}

/* Light product cards on the light product section */
.products-section .shop-card{background:#fff!important;border-color:rgba(21,16,16,.10)!important;box-shadow:0 28px 72px rgba(21,16,16,.10)!important;}
.products-section .shop-card-img-wrap{background:linear-gradient(145deg,#f4eeee,#fff)!important;border:1px solid rgba(21,16,16,.08)!important;}
.products-section .shop-card-info,.products-section .shop-card-info p{color:#151010!important;}
.products-section .shop-card-info h4{letter-spacing:-.005em!important;}

@media (max-width:1200px){
  .categories-grid{grid-auto-columns:calc((100% - 1.2rem)/2)!important;}
  .cat-card{min-height:520px!important;}
  .cat-img-wrap{height:360px!important;}
}
@media (max-width:767px){
  body{letter-spacing:.003em!important;}
  .section-header{margin-bottom:2.2rem!important;}
  .section-header .section-tag,.section-tag{max-width:calc(100vw - 2rem)!important;}
  .categories-carousel-wrap{padding:0 3.2rem!important;}
  .categories-grid{grid-auto-columns:86%!important;gap:1rem!important;}
  .cat-card{min-height:455px!important;padding:.95rem .95rem 1.2rem!important;border-radius:32px!important;}
  .cat-img-wrap{height:310px!important;border-radius:26px!important;}
  .cat-card[data-cat="nippers"] .cat-img-wrap img,.cat-card[data-cat="foot"] .cat-img-wrap img,.cat-card[data-cat="pushers"] .cat-img-wrap img{padding:1.3rem!important;transform:scale(1.12)!important;}
  .cat-name{font-size:2rem!important;text-align:center!important;}
  .cat-count{text-align:center!important;font-size:1rem!important;}
  .cat-card>div:last-child{text-align:center!important;}
  .cat-carousel-arrow{width:46px!important;height:46px!important;font-size:1.6rem!important;}
  .cat-prev{left:.55rem!important;}.cat-next{right:.55rem!important;}
  .filmstrip{justify-content:flex-start!important;}
  .filmstrip-thumb{min-width:275px!important;max-width:275px!important;}
}


/* === MBI v18.7 final scale/filter polish: red particles, bigger logo, bigger sliders/headings === */
:root{
  --primary-pink:#d71920!important;
  --primary-light:#ff3b3b!important;
  --pink-glow:rgba(215,25,32,.32)!important;
  --grad:linear-gradient(135deg,#d71920 0%,#ff3333 100%)!important;
  --grad-hover:linear-gradient(135deg,#ad0d13 0%,#e21b22 100%)!important;
}
.hero-glow-ring.small,
.hero-slide-ring{border-color:rgba(215,25,32,.14)!important;}
.hero .hero-badge span,.wholesale-hero .hero-badge span{background:#ff3333!important;}

/* Header logo slightly larger, without changing the header layout */
.navbar{min-height:96px!important;padding-top:1rem!important;padding-bottom:1rem!important;}
.navbar-logo img{height:76px!important;max-width:250px!important;width:auto!important;object-fit:contain!important;}
.navbar-links a{font-size:1rem!important;letter-spacing:.015em!important;}
.navbar-cta,.cart-drawer-toggle{font-size:1rem!important;min-height:54px!important;padding:.9rem 1.45rem!important;}

/* Bigger section headings and more confident letter spacing */
.section-tag{letter-spacing:.18em!important;font-size:.88rem!important;padding:.55rem 1.35rem!important;}
.products-section .section-title,
.mbi-elem-products .section-title,
.showcase-section .section-title,
.mbi-elem-showcase .section-title,
.categories-section .section-title,
.mbi-elem-categories .section-title{
  font-size:clamp(3.4rem,5.4vw,6.25rem)!important;
  line-height:.96!important;
  letter-spacing:-.018em!important;
}
.products-section .section-header,
.mbi-elem-products .section-header{margin-bottom:clamp(3.2rem,5vw,5.6rem)!important;}
.products-section .filter-tabs-row,
.mbi-elem-products .filter-tabs-row{margin-top:0!important;margin-bottom:clamp(3rem,4vw,4.6rem)!important;gap:1rem!important;}
.products-section .filter-tab,
.mbi-elem-products .filter-tab{font-size:1rem!important;min-height:52px!important;padding:.95rem 1.55rem!important;border-radius:999px!important;letter-spacing:.01em!important;}

/* Professional Favorites filters: visible states and proper empty message */
.products-section[data-active-cat] .shop-grid [data-cat],
.mbi-elem-products[data-active-cat] .shop-grid [data-cat]{transition:opacity .22s ease,transform .22s ease!important;}
.products-section .shop-grid [data-cat].is-filter-hidden,
.mbi-elem-products .shop-grid [data-cat].is-filter-hidden{opacity:0!important;transform:scale(.96)!important;}
.products-section .js-product-filter-empty,
.mbi-elem-products .js-product-filter-empty{color:#151010!important;background:#fff!important;border:1px solid rgba(21,16,16,.1)!important;border-radius:26px!important;}

/* Masterpiece/featured instrument slider: fewer cards, much larger cards/images */
.showcase-nav{margin-top:3.25rem!important;margin-bottom:1.7rem!important;}
.showcase-nav span{font-size:1.05rem!important;letter-spacing:.01em!important;}
.showcase-nav-arrows{gap:1rem!important;}
.nav-arrow,.showcase-nav-arrows .nav-arrow{
  width:70px!important;height:70px!important;border-radius:999px!important;
  font-size:3.2rem!important;line-height:.75!important;font-weight:900!important;
  display:grid!important;place-items:center!important;background:#fff!important;color:#151010!important;
  border:1px solid rgba(21,16,16,.12)!important;box-shadow:0 18px 45px rgba(0,0,0,.22)!important;
}
.nav-arrow:hover,.showcase-nav-arrows .nav-arrow:hover{background:#d71920!important;color:#fff!important;transform:translateY(-3px)!important;}
.filmstrip-container{overflow:hidden!important;}
.filmstrip{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:2rem!important;overflow:visible!important;padding:1.25rem 0 1.6rem!important;
}
.filmstrip-thumb{
  min-width:0!important;max-width:none!important;width:100%!important;min-height:330px!important;
  padding:1.45rem!important;border-radius:38px!important;background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.12)!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;
}
.filmstrip-thumb.active{border-color:rgba(215,25,32,.72)!important;box-shadow:0 30px 75px rgba(215,25,32,.18)!important;}
.filmstrip-thumb-img{height:235px!important;border-radius:30px!important;background:rgba(255,255,255,.06)!important;display:grid!important;place-items:center!important;overflow:hidden!important;}
.filmstrip-thumb-img img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;transform:scale(1.72)!important;transform-origin:center!important;}
.filmstrip-thumb-label{font-size:1.32rem!important;line-height:1.15!important;margin-top:1rem!important;text-align:center!important;}
.filmstrip-thumb-label div:first-child{font-size:1.35rem!important;color:#fff!important;}

/* Category carousel arrow icons also larger */
.cat-carousel-arrow{width:74px!important;height:74px!important;font-size:3.25rem!important;line-height:.75!important;font-weight:900!important;}
.cat-prev{left:.85rem!important}.cat-next{right:.85rem!important}

/* Bigger product cards/images in product listing */
.products-section .shop-card,
.mbi-elem-products .shop-card{min-height:570px!important;border-radius:42px!important;}
.products-section .shop-card-img-wrap,
.mbi-elem-products .shop-card-img-wrap{height:370px!important;border-radius:34px!important;}
.products-section .shop-card-img-wrap img,
.mbi-elem-products .shop-card-img-wrap img{transform:scale(1.38)!important;}
.products-section .shop-card-info h4,
.mbi-elem-products .shop-card-info h4{font-size:1.55rem!important;line-height:1.1!important;letter-spacing:-.012em!important;}
.products-section .shop-card-sku,
.mbi-elem-products .shop-card-sku{font-size:1rem!important;letter-spacing:.08em!important;}
.products-section .shop-card-price,
.mbi-elem-products .shop-card-price{font-size:1.55rem!important;}

@media (max-width:1100px){
  .navbar-logo img{height:66px!important;max-width:220px!important;}
  .filmstrip{grid-template-columns:1fr!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;display:flex!important;}
  .filmstrip-thumb{min-width:min(84vw,430px)!important;max-width:min(84vw,430px)!important;scroll-snap-align:start!important;}
}
@media (max-width:767px){
  .navbar{min-height:78px!important;padding:.72rem 1rem!important;}
  .navbar-logo img{height:60px!important;max-width:205px!important;}
  .products-section .section-title,.mbi-elem-products .section-title,.showcase-section .section-title,.mbi-elem-showcase .section-title,.categories-section .section-title,.mbi-elem-categories .section-title{font-size:clamp(3.05rem,14vw,4.8rem)!important;}
  .product-grid-mobile-select{display:block!important;margin:0 auto 2.4rem!important;max-width:420px!important;}
  .products-section .filter-tabs-row,.mbi-elem-products .filter-tabs-row{display:none!important;}
  .mobile-filter-select{font-size:1rem!important;min-height:60px!important;border-radius:20px!important;}
  .showcase-nav{align-items:center!important;gap:1rem!important;}
  .nav-arrow,.showcase-nav-arrows .nav-arrow{width:58px!important;height:58px!important;font-size:2.65rem!important;}
  .filmstrip{gap:1.15rem!important;overflow-x:auto!important;padding-bottom:1.2rem!important;}
  .filmstrip-thumb{min-width:82vw!important;max-width:82vw!important;min-height:300px!important;}
  .filmstrip-thumb-img{height:215px!important;}
  .filmstrip-thumb-img img{transform:scale(1.62)!important;}
  .cat-carousel-arrow{width:54px!important;height:54px!important;font-size:2.35rem!important;}
  .products-section .shop-card,.mbi-elem-products .shop-card{min-height:510px!important;}
  .products-section .shop-card-img-wrap,.mbi-elem-products .shop-card-img-wrap{height:330px!important;}
}

/* === MBI v18.8 image/logo/category alignment patch ===
   - Stop product/category images from being cropped by scale transforms
   - Make header/footer logos visually larger
   - Start category carousel at the left with full first card visible
   ====================================================================== */
:root{
  --mbi-logo-desktop:clamp(190px,15vw,300px);
  --mbi-logo-mobile:clamp(160px,46vw,230px);
}
.navbar{min-height:108px!important;align-items:center!important;overflow:visible!important;}
.navbar-logo{width:var(--mbi-logo-desktop)!important;max-width:var(--mbi-logo-desktop)!important;min-width:var(--mbi-logo-desktop)!important;display:flex!important;align-items:center!important;flex:0 0 var(--mbi-logo-desktop)!important;}
.navbar-logo a{display:flex!important;align-items:center!important;width:100%!important;}
.navbar-logo img{width:100%!important;height:auto!important;max-width:none!important;max-height:92px!important;object-fit:contain!important;object-position:left center!important;display:block!important;}
.footer-brand img{width:clamp(190px,16vw,270px)!important;height:auto!important;max-height:110px!important;object-fit:contain!important;object-position:left center!important;margin-bottom:1.25rem!important;}

/* Category carousel should begin from the left, with full cards visible. */
.categories-carousel-wrap{max-width:var(--mbi-container)!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;overflow:visible!important;}
.categories-grid{justify-content:start!important;scroll-padding-left:0!important;scroll-padding-right:0!important;padding-left:0!important;padding-right:0!important;scrollbar-width:none!important;}
.categories-grid::-webkit-scrollbar{display:none!important;}
.cat-card{scroll-snap-align:start!important;scroll-snap-stop:always!important;overflow:hidden!important;}
.cat-img-wrap{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important;}
.cat-img-wrap img,
.cat-card:hover .cat-img-wrap img,
.cat-card[data-cat] .cat-img-wrap img,
.cat-card[data-cat="nippers"] .cat-img-wrap img,
.cat-card[data-cat="foot"] .cat-img-wrap img,
.cat-card[data-cat="pushers"] .cat-img-wrap img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  padding:clamp(.65rem,1.4vw,1.15rem)!important;
  filter:none!important;
  background:transparent!important;
}
.cat-carousel-arrow{z-index:20!important;}
.cat-prev{left:-36px!important;}.cat-next{right:-36px!important;}

/* Masterpiece / featured slider: keep products large but never cropped. */
.showcase-img-side{overflow:hidden!important;}
.showcase-img-side .img-watermark,
.showcase-main:hover .showcase-img-side .img-watermark{
  max-width:94%!important;
  max-height:92%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:drop-shadow(0 26px 52px rgba(0,0,0,.38))!important;
}
.filmstrip-thumb-img{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
.filmstrip-thumb-img img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  padding:.55rem!important;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.32))!important;
}

/* Product grids/listings: full visible images, no side cropping. */
.shop-card-img-wrap,
.products-section .shop-card-img-wrap,
.mbi-elem-products .shop-card-img-wrap,
.related-shop-grid .shop-card-img-wrap{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
.shop-card-img-wrap img,
.products-section .shop-card-img-wrap img,
.mbi-elem-products .shop-card-img-wrap img,
.related-shop-grid .shop-card-img-wrap img,
.shop-card:hover .shop-card-img-wrap img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  padding:clamp(.75rem,1.4vw,1.25rem)!important;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.28))!important;
}
.product-main-image-wrap{overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.product-main-image-wrap img,
.product-main-image-wrap:hover img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  padding:clamp(1rem,2vw,2rem)!important;
}

@media (min-width:1201px){
  .categories-grid{grid-auto-columns:calc((100% - 2.4rem)/3)!important;gap:1.2rem!important;}
}
@media (max-width:1200px){
  .navbar-logo{width:220px!important;max-width:220px!important;min-width:220px!important;flex-basis:220px!important;}
  .navbar-logo img{max-height:78px!important;}
  .cat-prev{left:-22px!important;}.cat-next{right:-22px!important;}
}
@media (max-width:767px){
  .navbar{min-height:86px!important;padding:.7rem 1rem!important;}
  .navbar-logo{width:var(--mbi-logo-mobile)!important;max-width:var(--mbi-logo-mobile)!important;min-width:0!important;flex:0 0 var(--mbi-logo-mobile)!important;}
  .navbar-logo img{max-height:66px!important;}
  .footer-brand{text-align:center!important;}
  .footer-brand img{width:clamp(170px,56vw,230px)!important;max-height:86px!important;object-position:center!important;margin-left:auto!important;margin-right:auto!important;}
  .categories-carousel-wrap{padding:0!important;overflow:hidden!important;}
  .categories-grid{grid-auto-columns:88%!important;padding-left:0!important;padding-right:0!important;}
  .cat-img-wrap img{padding:.75rem!important;}
  .cat-prev{left:.45rem!important;}.cat-next{right:.45rem!important;}
  .showcase-img-side .img-watermark{max-width:92%!important;max-height:86%!important;}
  .filmstrip-thumb-img img{padding:.45rem!important;}
  .shop-card-img-wrap img{padding:.8rem!important;}
}


/* === MBI v18.9 impact-safe polish: viewport-safe mega menu, real SVG arrows, full image visibility === */
:root{
  --mbi-v189-red:#d71920;
  --mbi-v189-red-dark:#8f1015;
  --mbi-v189-black:#151010;
  --mbi-v189-white:#ffffff;
}

/* Header rebuild: bigger logo without squeezing the menu or nav actions */
.navbar{
  display:grid!important;
  grid-template-columns:minmax(190px,260px) minmax(380px,1fr) auto!important;
  align-items:center!important;
  gap:clamp(1rem,2vw,2.25rem)!important;
  min-height:112px!important;
  padding:1.05rem clamp(2rem,4vw,4rem)!important;
  overflow:visible!important;
}
.navbar .navbar-logo{width:clamp(190px,16vw,250px)!important;max-width:250px!important;min-width:180px!important;display:flex!important;align-items:center!important;position:relative!important;z-index:3!important;}
.navbar-logo img{width:100%!important;height:auto!important;max-height:92px!important;object-fit:contain!important;object-position:left center!important;display:block!important;}
.navbar .navbar-links{position:static!important;left:auto!important;transform:none!important;justify-self:center!important;display:flex!important;align-items:center!important;gap:clamp(1.05rem,1.75vw,2rem)!important;white-space:nowrap!important;z-index:20!important;}
.nav-right{justify-self:end!important;display:flex!important;align-items:center!important;gap:.95rem!important;min-width:0!important;position:relative!important;z-index:19!important;}
.search-wrap,.mbi-header-search{width:clamp(200px,18vw,270px)!important;min-width:190px!important;}
.navbar-cta{padding:1rem 1.6rem!important;white-space:nowrap!important;}
.cart-drawer-toggle{padding:.9rem 1.35rem!important;white-space:nowrap!important;}
.nav-item-shop{position:relative!important;}
.shop-nav-trigger{display:inline-flex!important;align-items:center!important;gap:.25rem!important;}

/* Mega menu: position is calculated by JS so it stays under Shop but never clips off-screen. */
.navbar .nav-item-shop .mega-menu,
.mega-menu{
  position:fixed!important;
  left:var(--mbi-mega-left,24px)!important;
  top:var(--mbi-mega-top,130px)!important;
  width:var(--mbi-mega-width,min(920px,calc(100vw - 48px)))!important;
  max-width:calc(100vw - 48px)!important;
  transform:none!important;
  padding:0!important;
  border-radius:32px!important;
  background:linear-gradient(135deg,rgba(38,18,22,.98),rgba(18,12,14,.98))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
  overflow:visible!important;
  z-index:100004!important;
}
.navbar .nav-item-shop .mega-menu:after,
.mega-menu:after{
  content:""!important;
  position:absolute!important;
  top:-8px!important;
  left:var(--mbi-mega-arrow-left,50%)!important;
  width:16px!important;
  height:16px!important;
  transform:translateX(-50%) rotate(45deg)!important;
  background:rgba(38,18,22,.98)!important;
  border-left:1px solid rgba(255,255,255,.14)!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
}
.mega-menu-content.mbi-modern-mega,
.navbar .nav-item-shop .mega-menu .mega-menu-content.mbi-modern-mega,
.mega-menu-content{
  display:grid!important;
  grid-template-columns:minmax(155px,.75fr) minmax(170px,.8fr) minmax(360px,1.55fr)!important;
  gap:clamp(1.1rem,2vw,2rem)!important;
  padding:clamp(1.45rem,2vw,2.15rem)!important;
  align-items:start!important;
  max-height:min(72vh,560px)!important;
  overflow:auto!important;
}
.mega-title{font-size:.82rem!important;letter-spacing:.18em!important;margin-bottom:.9rem!important;color:#ff5258!important;}
.mega-links{gap:.55rem!important;}
.mega-links a{font-size:clamp(.92rem,1vw,1.03rem)!important;line-height:1.15!important;padding:.82rem 1rem!important;border-radius:15px!important;min-height:42px!important;display:flex!important;align-items:center!important;background:rgba(255,255,255,.055)!important;}
.mega-links a:hover{background:rgba(215,25,32,.18)!important;transform:translateX(4px)!important;color:#fff!important;}
.mega-featured-mini{margin-top:.75rem!important;padding:.85rem 1rem!important;border-radius:18px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.09)!important;}
.mega-featured-mini span{display:block!important;color:#ff5258!important;letter-spacing:.16em!important;font-size:.72rem!important;text-transform:uppercase!important;font-weight:900!important;margin-bottom:.35rem!important;}
.mega-featured-mini a{font-size:.95rem!important;line-height:1.2!important;color:#fff!important;}
.mega-panel-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:.9rem!important;margin-bottom:.9rem!important;}
.mega-panel-head p{margin:.35rem 0 0!important;font-size:.85rem!important;line-height:1.35!important;color:rgba(255,255,255,.66)!important;}
.mega-view-all{flex:0 0 auto!important;min-width:82px!important;text-align:center!important;border-radius:999px!important;padding:.8rem 1rem!important;background:rgba(255,255,255,.09)!important;color:#fff!important;font-weight:900!important;}
.mega-product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.85rem!important;}
.mega-product-card{min-width:0!important;padding:.72rem!important;gap:.75rem!important;border-radius:19px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;display:grid!important;grid-template-columns:70px 1fr!important;align-items:center!important;overflow:hidden!important;}
.mega-product-img{width:70px!important;height:70px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.06)!important;overflow:hidden!important;}
.mega-product-img img{width:92%!important;height:92%!important;object-fit:contain!important;transform:none!important;padding:.18rem!important;}
.mega-product-copy{min-width:0!important;display:block!important;}
.mega-product-copy strong{display:block!important;font-size:.93rem!important;line-height:1.14!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.mega-product-copy small{display:block!important;margin-top:.28rem!important;font-size:.76rem!important;line-height:1.15!important;color:rgba(255,255,255,.64)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

/* Replace text arrows with proper SVG icon buttons across all carousels. */
.slider-arrow,.nav-arrow,.cat-carousel-arrow{
  font-size:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#161010!important;
  border:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}
.slider-arrow svg,.nav-arrow svg,.cat-carousel-arrow svg,.mbi-svg-chevron{display:block!important;width:34px!important;height:34px!important;stroke:currentColor!important;stroke-width:2.45!important;fill:none!important;}
.slider-arrow:hover,.nav-arrow:hover,.cat-carousel-arrow:hover{background:var(--mbi-v189-red)!important;color:#fff!important;transform:translateY(-2px)!important;}
.slider-arrow{width:64px!important;height:64px!important;}
.nav-arrow,.cat-carousel-arrow{width:72px!important;height:72px!important;}

/* Full-image visibility: client wanted big visuals, but no product should be cropped. */
.cat-img-wrap,.filmstrip-thumb-img,.showcase-img-side,.shop-card-img-wrap,.product-main-image-wrap,.hero-slide-img{overflow:visible!important;}
.cat-img-wrap img,.cat-card[data-cat] .cat-img-wrap img,.cat-card[data-cat="nippers"] .cat-img-wrap img,.cat-card[data-cat="foot"] .cat-img-wrap img,.cat-card[data-cat="pushers"] .cat-img-wrap img,
.filmstrip-thumb-img img,.showcase-img-side .img-watermark,.showcase-main:hover .showcase-img-side .img-watermark,
.shop-card-img-wrap img,.products-section .shop-card-img-wrap img,.mbi-elem-products .shop-card-img-wrap img,.related-shop-grid .shop-card-img-wrap img,.shop-card:hover .shop-card-img-wrap img,
.product-main-image-wrap img,.product-main-image-wrap:hover img,.hero-slide-img img{
  object-fit:contain!important;
  transform:none!important;
  max-width:96%!important;
  max-height:92%!important;
  width:auto!important;
  height:auto!important;
  padding:.4rem!important;
}
.showcase-img-side .img-watermark{max-width:92%!important;max-height:90%!important;}
.filmstrip-thumb-img img{max-width:96%!important;max-height:92%!important;}
.shop-card-img-wrap img{max-width:94%!important;max-height:88%!important;}
.cat-img-wrap img{max-width:100%!important;max-height:100%!important;}
.hero-slide-img img{max-width:min(92%,620px)!important;max-height:82%!important;}

/* Category carousel always starts with a complete left-aligned card. */
.categories-carousel-wrap{max-width:var(--mbi-container,1400px)!important;margin-left:auto!important;margin-right:auto!important;overflow:visible!important;padding-left:0!important;padding-right:0!important;}
.categories-grid{justify-content:start!important;align-items:stretch!important;scroll-padding-left:0!important;padding-left:0!important;margin-left:0!important;}
.categories-grid .cat-card{scroll-snap-align:start!important;scroll-snap-stop:always!important;}

/* Footer logo large but not distorted. */
.footer-brand img{width:clamp(220px,18vw,310px)!important;max-width:310px!important;height:auto!important;max-height:130px!important;object-fit:contain!important;object-position:left center!important;}

@media (max-width:1280px){
  .navbar{grid-template-columns:minmax(170px,220px) 1fr auto!important;gap:1rem!important;padding-left:2rem!important;padding-right:2rem!important;}
  .navbar .navbar-logo{width:clamp(170px,15vw,220px)!important;min-width:165px!important;}
  .navbar .navbar-links{gap:1rem!important;}
  .search-wrap,.mbi-header-search{width:210px!important;min-width:180px!important;}
  .navbar-cta{padding:.9rem 1.15rem!important;}
  .mega-menu-content.mbi-modern-mega,.mega-menu-content{grid-template-columns:minmax(135px,.7fr) minmax(150px,.75fr) minmax(310px,1.4fr)!important;gap:1rem!important;}
}
@media (max-width:1100px){
  .navbar{grid-template-columns:minmax(165px,210px) 1fr auto!important;}
  .nav-right{gap:.65rem!important;}
  .search-wrap,.mbi-header-search{display:none!important;}
  .mega-product-grid{grid-template-columns:1fr!important;}
  .mega-menu-content.mbi-modern-mega,.mega-menu-content{grid-template-columns:1fr 1fr minmax(280px,1.25fr)!important;}
}
@media (max-width:980px){
  .navbar{display:flex!important;min-height:96px!important;padding:1rem 1.25rem!important;}
  .navbar .navbar-logo{width:clamp(165px,42vw,215px)!important;min-width:0!important;}
  .navbar .navbar-links,.nav-right{display:none!important;}
  .mobile-menu-toggle{display:grid!important;place-items:center!important;margin-left:auto!important;}
  .mega-menu{display:none!important;}
}
@media (max-width:767px){
  .navbar{min-height:88px!important;}
  .navbar .navbar-logo{width:clamp(155px,52vw,205px)!important;}
  .navbar-logo img{max-height:78px!important;}
  .nav-arrow,.cat-carousel-arrow{width:56px!important;height:56px!important;}
  .slider-arrow{width:52px!important;height:52px!important;}
  .slider-arrow svg,.nav-arrow svg,.cat-carousel-arrow svg{width:28px!important;height:28px!important;}
  .footer-brand img{width:clamp(190px,66vw,250px)!important;object-position:center!important;margin-left:auto!important;margin-right:auto!important;}
}


/* === MBI v19.0 MEGA MENU FINAL FIX ===
   Full-width desktop mega menu with viewport-safe alignment.
   This intentionally overrides earlier centered/floating mega-menu rules. */
@media (min-width:981px){
  .navbar,
  .navbar .navbar-links,
  .navbar .nav-item-shop{
    overflow:visible!important;
  }

  .navbar .nav-item-shop .mega-menu,
  .mega-menu{
    position:fixed!important;
    left:var(--mbi-mega-left-v190,max(24px,calc((100vw - 1500px)/2)))!important;
    top:var(--mbi-mega-top,148px)!important;
    width:var(--mbi-mega-width-v190,min(1500px,calc(100vw - 48px)))!important;
    max-width:none!important;
    min-width:0!important;
    right:auto!important;
    margin:0!important;
    transform:none!important;
    padding:0!important;
    border-radius:30px!important;
    background:linear-gradient(135deg,rgba(42,18,22,.985),rgba(20,12,14,.985))!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 34px 92px rgba(0,0,0,.64), inset 0 1px 0 rgba(255,255,255,.1)!important;
    -webkit-backdrop-filter:blur(26px) saturate(150%)!important;
    backdrop-filter:blur(26px) saturate(150%)!important;
    overflow:visible!important;
    z-index:100200!important;
  }

  .navbar .nav-item-shop .mega-menu:before,
  .mega-menu:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:-18px!important;
    height:18px!important;
    background:transparent!important;
    border:0!important;
    pointer-events:auto!important;
  }

  .navbar .nav-item-shop .mega-menu:after,
  .mega-menu:after{
    content:""!important;
    position:absolute!important;
    top:-9px!important;
    left:var(--mbi-mega-arrow-left,50%)!important;
    width:18px!important;
    height:18px!important;
    transform:translateX(-50%) rotate(45deg)!important;
    background:rgba(42,18,22,.985)!important;
    border-left:1px solid rgba(255,255,255,.14)!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    z-index:1!important;
  }

  .navbar .nav-item-shop:hover .mega-menu,
  .navbar .nav-item-shop.is-mega-open .mega-menu,
  .navbar .nav-item-shop:focus-within .mega-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .mega-menu-content.mbi-modern-mega,
  .navbar .nav-item-shop .mega-menu .mega-menu-content.mbi-modern-mega,
  .mega-menu-content{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    max-width:1500px!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(220px,.78fr) minmax(230px,.82fr) minmax(520px,1.75fr)!important;
    align-items:start!important;
    gap:clamp(1.25rem,2.4vw,2.75rem)!important;
    padding:clamp(1.6rem,2.5vw,2.4rem) clamp(1.75rem,3vw,3.2rem)!important;
    max-height:min(74vh,620px)!important;
    overflow:auto!important;
    box-sizing:border-box!important;
  }

  .mega-link-col,
  .mega-products-panel{
    min-width:0!important;
  }

  .mega-title{
    font-size:.86rem!important;
    letter-spacing:.2em!important;
    line-height:1.1!important;
    margin:0 0 1rem!important;
    color:#ff5454!important;
  }

  .mega-links{
    display:grid!important;
    gap:.62rem!important;
  }

  .mega-links a{
    min-height:48px!important;
    padding:.85rem 1rem!important;
    border-radius:16px!important;
    font-size:clamp(.98rem,1vw,1.08rem)!important;
    line-height:1.18!important;
    background:rgba(255,255,255,.06)!important;
    border:1px solid rgba(255,255,255,.04)!important;
    white-space:normal!important;
  }

  .mega-featured-mini{
    margin-top:1rem!important;
    padding:1rem!important;
    border-radius:18px!important;
  }

  .mega-panel-head{
    margin-bottom:1rem!important;
  }

  .mega-panel-head p{
    font-size:.9rem!important;
  }

  .mega-product-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.95rem!important;
  }

  .mega-product-card{
    min-height:104px!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:.85rem!important;
    padding:.85rem!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.06)!important;
    border:1px solid rgba(255,255,255,.1)!important;
  }

  .mega-product-img{
    width:82px!important;
    height:82px!important;
    border-radius:18px!important;
  }

  .mega-product-img img{
    width:94%!important;
    height:94%!important;
    max-width:94%!important;
    max-height:94%!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:.2rem!important;
  }

  .mega-product-copy strong{
    font-size:.98rem!important;
    line-height:1.16!important;
  }

  .mega-product-copy small{
    font-size:.8rem!important;
  }
}

@media (min-width:981px) and (max-width:1280px){
  .navbar .nav-item-shop .mega-menu,
  .mega-menu{
    left:var(--mbi-mega-left-v190,18px)!important;
    width:var(--mbi-mega-width-v190,calc(100vw - 36px))!important;
  }
  .mega-menu-content.mbi-modern-mega,
  .navbar .nav-item-shop .mega-menu .mega-menu-content.mbi-modern-mega,
  .mega-menu-content{
    grid-template-columns:minmax(190px,.78fr) minmax(205px,.82fr) minmax(430px,1.6fr)!important;
    gap:1.15rem!important;
    padding:1.55rem!important;
  }
  .mega-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .mega-product-card{
    grid-template-columns:76px minmax(0,1fr)!important;
    min-height:96px!important;
  }
  .mega-product-img{
    width:76px!important;
    height:76px!important;
  }
}

@media (min-width:981px) and (max-width:1080px){
  .mega-menu-content.mbi-modern-mega,
  .navbar .nav-item-shop .mega-menu .mega-menu-content.mbi-modern-mega,
  .mega-menu-content{
    grid-template-columns:minmax(175px,.78fr) minmax(185px,.82fr) minmax(360px,1.5fr)!important;
    padding:1.35rem!important;
  }
  .mega-links a{
    font-size:.94rem!important;
    padding:.72rem .82rem!important;
  }
  .mega-product-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

/* === MBI v19.1 REAL 100VW MEGA MENU FIX ===
   The mega menu is now viewport-based, not tied to the centered nav item.
   It prevents right-side clipping and hides any extra overflow instead of showing broken partial cards. */
@media (min-width:981px){
  html,body{overflow-x:hidden!important;}
  .site-shell,.wp-page-content,.navbar,.navbar-inner,.header,.site-header,
  .navbar .navbar-links,.navbar .nav-item-shop{overflow:visible!important;}

  .navbar .nav-item-shop .mega-menu,
  body .mega-menu{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:var(--mbi-mega-top,148px)!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    border-radius:0 0 34px 34px!important;
    background:linear-gradient(135deg,rgba(43,19,22,.99),rgba(18,12,13,.985))!important;
    border-left:0!important;
    border-right:0!important;
    border-top:1px solid rgba(255,255,255,.09)!important;
    border-bottom:1px solid rgba(255,77,77,.22)!important;
    box-shadow:0 36px 100px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.08)!important;
    -webkit-backdrop-filter:blur(28px) saturate(150%)!important;
    backdrop-filter:blur(28px) saturate(150%)!important;
    overflow:hidden!important;
    z-index:100500!important;
  }

  .navbar .nav-item-shop .mega-menu:before,
  body .mega-menu:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:-22px!important;
    height:22px!important;
    background:transparent!important;
    border:0!important;
    pointer-events:auto!important;
  }

  .navbar .nav-item-shop .mega-menu:after,
  body .mega-menu:after{
    content:""!important;
    position:absolute!important;
    top:-10px!important;
    left:var(--mbi-mega-arrow-left,50vw)!important;
    width:20px!important;
    height:20px!important;
    transform:translateX(-50%) rotate(45deg)!important;
    background:rgba(43,19,22,.99)!important;
    border-left:1px solid rgba(255,255,255,.12)!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    z-index:3!important;
  }

  .navbar .nav-item-shop:hover .mega-menu,
  .navbar .nav-item-shop.is-mega-open .mega-menu,
  .navbar .nav-item-shop:focus-within .mega-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .navbar .nav-item-shop .mega-menu .mega-menu-content.mbi-modern-mega,
  .mega-menu-content.mbi-modern-mega,
  body .mega-menu .mega-menu-content{
    width:100%!important;
    max-width:min(1320px,calc(100vw - 72px))!important;
    margin:0 auto!important;
    padding:clamp(1.45rem,2.2vw,2.35rem) clamp(1.25rem,2.4vw,2.2rem)!important;
    display:grid!important;
    grid-template-columns:minmax(190px,.85fr) minmax(200px,.9fr) minmax(440px,1.55fr)!important;
    gap:clamp(1.25rem,2.2vw,2.5rem)!important;
    align-items:start!important;
    box-sizing:border-box!important;
    max-height:min(68vh,560px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-width:none!important;
  }
  .mega-menu-content.mbi-modern-mega::-webkit-scrollbar{display:none!important;}

  .mega-col,.mega-link-col,.mega-products-panel{min-width:0!important;max-width:100%!important;overflow:hidden!important;}
  .mega-products-panel{justify-self:stretch!important;}
  .mega-panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:1rem!important;margin-bottom:1rem!important;}
  .mega-view-all{flex:0 0 auto!important;white-space:nowrap!important;}

  .mega-product-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.95rem!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .mega-product-card:nth-child(n+5){display:none!important;}
  .mega-product-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:104px!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:.85rem!important;
    padding:.82rem!important;
    border-radius:20px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .mega-product-img{width:82px!important;height:82px!important;min-width:82px!important;overflow:hidden!important;}
  .mega-product-img img{width:96%!important;height:96%!important;max-width:96%!important;max-height:96%!important;object-fit:contain!important;object-position:center!important;transform:none!important;padding:.16rem!important;}
  .mega-product-copy{min-width:0!important;max-width:100%!important;overflow:hidden!important;}
  .mega-product-copy strong{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:.98rem!important;
    line-height:1.16!important;
  }
  .mega-product-copy small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.78rem!important;}
}

@media (min-width:981px) and (max-width:1180px){
  .navbar .nav-item-shop .mega-menu .mega-menu-content.mbi-modern-mega,
  .mega-menu-content.mbi-modern-mega,
  body .mega-menu .mega-menu-content{
    max-width:calc(100vw - 36px)!important;
    grid-template-columns:minmax(170px,.8fr) minmax(185px,.84fr) minmax(350px,1.35fr)!important;
    gap:1rem!important;
    padding:1.25rem!important;
  }
  .mega-links a{min-height:44px!important;padding:.75rem .85rem!important;font-size:.92rem!important;}
  .mega-product-card{grid-template-columns:68px minmax(0,1fr)!important;min-height:88px!important;padding:.7rem!important;}
  .mega-product-img{width:68px!important;height:68px!important;min-width:68px!important;}
  .mega-product-copy strong{font-size:.88rem!important;}
  .mega-product-copy small{font-size:.72rem!important;}
}


/* === MBI v19.2 CATEGORY HOVER STABILITY FIX ===
   Client requested no forward/down hover movement on category cards.
   Keep hover premium but remove translate/scale/3D movement. */
.categories-section .cat-card,
.categories-section .cat-card:hover,
.categories-section .cat-card:focus,
.categories-section .cat-card:focus-visible,
.mbi-elem-categories .cat-card,
.mbi-elem-categories .cat-card:hover,
.mbi-elem-categories .cat-card:focus,
.mbi-elem-categories .cat-card:focus-visible{
  transform:none!important;
  translate:none!important;
  scale:1!important;
  top:auto!important;
  left:auto!important;
  will-change:auto!important;
  transition:border-color .22s ease, box-shadow .22s ease, background-color .22s ease!important;
}
.categories-section .cat-card:hover,
.mbi-elem-categories .cat-card:hover{
  border-color:rgba(218,18,28,.38)!important;
  box-shadow:0 22px 58px rgba(218,18,28,.14), 0 14px 42px rgba(0,0,0,.10)!important;
}
.categories-section .cat-img-wrap,
.categories-section .cat-card:hover .cat-img-wrap,
.categories-section .cat-img-wrap img,
.categories-section .cat-card:hover .cat-img-wrap img,
.mbi-elem-categories .cat-img-wrap,
.mbi-elem-categories .cat-card:hover .cat-img-wrap,
.mbi-elem-categories .cat-img-wrap img,
.mbi-elem-categories .cat-card:hover .cat-img-wrap img{
  transform:none!important;
  translate:none!important;
  scale:1!important;
  will-change:auto!important;
}
.categories-section .cat-card:hover .cat-name,
.mbi-elem-categories .cat-card:hover .cat-name{
  color:#111!important;
}
/* keep carousel controls stable too */
.categories-carousel-wrap .cat-carousel-arrow,
.categories-carousel-wrap .cat-carousel-arrow:hover,
.categories-carousel-wrap .cat-carousel-arrow:focus-visible{
  transform:none!important;
  translate:none!important;
}