:root {
  --brand: #c5a47e; /* warm sand */
  --brand-dark: #a9855c; /* deeper sand */
  --accent: #f3d67a; /* light gold */
  --dark: #0c0a06; /* near-black */
  --ink: #333333; /* dark neutral */
  --muted: #6f5b39; /* muted gold/brown */
  --line: #e9dec4;
  --bg: #fdf9f1; /* warm off-white */
  --white: #ffffff;
}

/* Ensure 1rem = 16px (default browser setting) - Fix for rem calculation */
html {
  font-size: 16px !important;
}

/* Override any 62.5% or 10px settings that might make 1rem = 10px */
html[style*="font-size: 10px"],
html[style*="font-size: 62.5%"] {
  font-size: 16px !important;
}

.section-padding{padding:55px 0;}

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

body {
  margin: 0;
  font-family: "Poppins", system-ui, -apple-system, sans-serif;
  background: var(--bg);
  color: var(--ink);
  line-height: 1.6;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
}

.container {
  width: 100%;
  margin: 0 auto;
}

/* Top header */
.top-header {
  background: var(--dark);
  color: #f2e6c8;
  font-size: 14px;
  padding: 6px 0;
  position: relative;
  z-index: 1;
}

.top-left,
.top-right {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.top-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #f2e6c8;
  opacity: 0.92;
}

.language-select {
  display: inline-flex;
  align-items: center;
  gap: 8px;overflow:hidden;
    border-radius: 8px;
  background: rgba(243, 214, 122, 0.14);
  border: 1px solid rgba(243, 214, 122, 0.18);
}

.language-select select {
  background:#1f1a14;
  border: none;
  color: #f2e6c8;
  font-weight: 600;    width: 100px;
}

.language-select select:focus {
  outline: none;
}


.waveWrapper{overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;z-index: -1;}
  .waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
  }
  .bgTop {
    z-index: 15;
    opacity: 0.5;
  }
  .bgMiddle {
    z-index: 10;
    opacity: 0.75;
  }
  .bgBottom {
    z-index: 5;
  }

  .waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
      animation-delay: 0s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  .waveTop {
    background-size: 50% 100px;
  }
  .wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
  }
  .waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
  }
  .waveMiddle {
    background-size: 50% 120px;
  }
  .waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
  }
  .waveBottom {
    background-size: 50% 100px;
  }
  @keyframes move_wave{
    0% {
      transform: translateX(0) translateZ(0) scaleY(1);
    }
    50% {
      transform: translateX(-25%) translateZ(0) scaleY(0.55);
    }
    100% {
      transform: translateX(-50%) translateZ(0) scaleY(1);
    }
  }


/* Navigation */
.site-header {
  position: sticky;
  top: 0;
  z-index: 999;
  backdrop-filter: blur(10px);
}

.nav-wrapper {
  background: linear-gradient(135deg, #26201a, #1b1711);
  box-shadow: 0 10px 40px rgba(26, 18, 8, 0.18);
  border-bottom: 1px solid rgba(243, 214, 122, 0.18);
}

.nav-wrapper .container {
  padding: 10px 0;
}

.bottom-header {
  width: 100%;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: 0.3px;
}

.brand img {
  height: 48px;
  width: auto;
}

.nav-toggle {
  display: none;
  border: none;
  background: var(--bg);
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 18px;
  cursor: pointer;
}

.nav-menu {
  display: flex;
  align-items: center;
  gap: 18px;
  justify-content: center;
}

.nav-wrapper .mobile-collapse .nav-menu {
  margin-top: 12px;
}

.nav-menu a {
  position: relative;
  font-weight: 500;
  color: #f7f7f7;
  padding: 8px 12px;
  border-radius: 12px;
  transition: color 0.2s ease, background 0.2s ease;
}

.nav-menu a:hover,
.nav-menu a:focus {
  color: var(--accent);
  background: rgba(243, 214, 122, 0.14);
}

.nav-menu a::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 6px;
  height: 2px;
  background: var(--brand);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;
}

.nav-menu a:hover::after {
  transform: scaleX(1);
}

.nav-menu a.active {
  color: var(--accent);
  background: rgba(243, 214, 122, 0.14);
}

.nav-menu a.active::after {
  transform: scaleX(1);
}

.nav-dropdown {
  position: relative;
}

.nav-link-btn {
  border: none;
  background: transparent;
  color: #f7f7f7;
  font-weight: 500;
  padding: 8px 12px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease;
}

.nav-link-btn:hover,
.nav-link-btn:focus {
  color: var(--accent);
  background: rgba(243, 214, 122, 0.14);
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: var(--white);
  border: 1px solid #e9dec4;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  display: none;
  flex-direction: column;
  padding: 8px;
  z-index: 2000;
}

.dropdown-menu a {
  padding: 8px 10px;
  border-radius: 10px;
  color: var(--muted);
}

.dropdown-menu a:hover {
  background: #f6edda;
  color: var(--ink);
}

.nav-dropdown.open .dropdown-menu {
  display: flex;
}
.nav-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.icon-btn {
  border: none;
  background: rgba(243, 214, 122, 0.12);
  color: #f2e6c8;
  padding: 10px 12px;
  border-radius: 12px;
  cursor: pointer;
  font-size: 16px;
  transition: background 0.2s ease, transform 0.2s ease;
}

.icon-btn:hover {
  background: rgba(243, 214, 122, 0.2);
  transform: translateY(-1px);
}

.search-toggle {
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  color: #fff;
  border: none;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
  gap: 8px;
  padding: 7px 16px;
  border-radius: 5px;
  font-weight: 500;
  letter-spacing: 0.2px;
}

.search-toggle .label {
  font-size: 14px;
}

.search-toggle i {
  font-size: 14px;
}

.search-toggle:hover {
  background: linear-gradient(135deg, var(--brand-dark), var(--brand));
  transform: translateY(-1px) scale(1.01);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.search-bar {
  display: inline-flex;
  align-items: center;
  background: #fbf4e3;
  border: 1px solid #efe1c4;
  border-radius: 14px;
  padding: 6px 8px 6px 14px;
  min-width: 260px;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.search-bar input {
  border: none;
  background: transparent;
  flex: 1;
  font-size: 14px;
}

.search-bar input:focus {
  outline: none;
}

.search-bar button {
  border: none;
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  color: var(--white);
  border-radius: 10px;
  padding: 10px 12px;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.search-bar button:hover {
  background: var(--brand-dark);
  transform: translateY(-1px);
}

.search-bar.expanded {
  width: min(620px, 90vw);
  background: #fff8ea;
  border-color: #e9dec4;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

.search-overlay {
  position: fixed;
  inset: 0;
  background: rgba(12, 10, 6, 0.7);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 3000;
  backdrop-filter: blur(3px);
}

.search-overlay.open {
  display: flex;
}

.search-dialog {
  position: relative;
  padding: 22px 22px 24px;
  background: linear-gradient(145deg, rgba(255, 248, 234, 0.96), rgba(249, 236, 206, 0.98));
  border-radius: 18px;
  border: 1px solid rgba(233, 222, 196, 0.9);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
  width: min(760px, 92vw);
  backdrop-filter: blur(6px);
}

.search-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 0;
}

.search-title h3 {
  margin: 2px 0 6px;
  font-size: 22px;
  color: var(--ink);
}

.muted {
  color: #6f6456;
  font-size: 14px;
}

.close-search {
  position: static;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0d0b07;
  color: #fff;
  border: 1px solid #e9dec4;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}

.close-search:hover {
  background: #1b1711;
}

.search-bar.expanded {
  width: 100%;
}


.cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 5px;
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.cta-btn.primary {
  background: #c5a47e;
  color: #000;
  border-color: #c5a47e;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
}

.cta-btn.primary:hover {
  transform: translateY(-1px);
  background: #b4926d;
  border-color: #b4926d;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.32);
}

/* nav cart removed */

.cta-btn.ghost {
  background: var(--white);
  color: var(--ink);
  border: 1px solid #e9dec4;
}

.cta-btn.ghost:hover {
  border-color: var(--brand);
  color: var(--brand);
}

.cta-btn.block {
  width: 100%;
}

/* Hero */
.hero {
  position: relative;
  padding: 120px 0 120px;
  background: radial-gradient(circle at 20% 20%, rgba(248, 214, 122, 0.18), transparent 38%), radial-gradient(circle at 80% 0%, rgba(156, 111, 21, 0.26), transparent 32%), #0d0b07;
  color: var(--white);
  overflow: hidden;
}

#hero-canvas,
.hero-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  opacity: 0.3;
  mix-blend-mode: screen;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
  opacity: 0.6;
  mix-blend-mode: screen;
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
    url("images/banner1.jpg") center/cover no-repeat;
  opacity: 1;
  filter: saturate(0.72);
  z-index: 0;
}

.hero .container {
  position: relative;
  z-index: 3;
}

.hero-copy {
  display: grid;
  gap: 12px;
}

.hero-copy h1 {
  font-size: clamp(36px, 4vw, 52px);
  font-weight: 600;
  margin: 10px 0 12px;
  line-height: 1.4;
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.hero-copy p {
  color: #f3e7c9;
  max-width: 640px;
  margin-bottom: 20px;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #c5a47e;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: 12px;
  width: fit-content;
  align-self: flex-start;
}

.search-dialog .eyebrow {
  background: #c5a47e;
  color: #000;
}

.hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 26px;
}

.supremacy-section {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 12% 18%, rgba(197, 164, 126, 0.14), transparent 40%), radial-gradient(circle at 78% 10%, rgba(30, 102, 255, 0.1), transparent 36%), #fdfdfd;
  color: #171717;
}

.supremacy-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(250, 248, 244, 0.9));
  filter: blur(1px);
  opacity: 0.9;
  z-index: 0;
}

.supremacy-section .container {
  position: relative;
  z-index: 1;
}

.supremacy-header {
  text-align: center;
  display: grid;
  gap: 12px;
  max-width: 820px;
  margin: 0 auto 32px;
}

.supremacy-kicker {
  margin: 0 auto;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(197, 164, 126, 0.3);
  color: #a9855c;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  font-size: 12px;
  width: fit-content;
  background: rgba(197, 164, 126, 0.16);
}

.supremacy-header h2 {
  margin: 0;
  font-size: clamp(32px, 5vw, 52px);
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0f1218;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.supremacy-subtitle {
  margin: 0 auto;
  color: #4b4f57;
  line-height: 1.7;
  max-width: 720px;
  font-size: 15px;
}

.supremacy-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
}

.supremacy-card {
  position: relative;
  padding: 20px 18px;
  border-radius: 14px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.96), rgba(249, 247, 241, 0.94));
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(6px);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.supremacy-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.12), 0 0 24px rgba(76, 140, 255, 0.25);
  border-color: rgba(76, 140, 255, 0.3);
}

.supremacy-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(197, 164, 126, 0.14);
  color: #a9855c;
  font-size: 20px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.glow-blue {
  box-shadow:
    0 0 0 1px rgba(197, 164, 126, 0.22),
    0 10px 28px rgba(197, 164, 126, 0.2);
  color: #a9855c;
}

.glow-red {
  box-shadow:
    0 0 0 1px rgba(255, 84, 84, 0.2),
    0 10px 28px rgba(255, 84, 84, 0.16);
  color: #d22f4c;
}

.supremacy-body h3 {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: 800;
  color: #12141a;
  letter-spacing: 0.2px;
}

.supremacy-body p {
  margin: 0;
  color: #4b4f57;
  font-size: 14px;
  line-height: 1.6;
}

.supremacy-edge {
  position: absolute;
  inset: 0;
  border-radius: 14px;
  border: 1px solid rgba(120, 170, 255, 0.08);
  pointer-events: none;
}

.supremacy-card.grid-animated .supremacy-lines {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(31, 107, 255, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(31, 107, 255, 0.08) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.12;
  mix-blend-mode: multiply;
  animation: grid-shift 12s linear infinite;
}

.supremacy-card.dark-quiet {
  background: linear-gradient(170deg, #f6f8fc, #eef1f7);
  border-color: rgba(0, 0, 0, 0.04);
}

.owner-elite {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 18% 20%, rgba(76, 140, 255, 0.16), transparent 46%),
    radial-gradient(circle at 78% 10%, rgba(197, 164, 126, 0.18), transparent 40%),
    #050608;
  color: #e9eef8;
}

.owner-elite__bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(10, 12, 16, 0.92), rgba(5, 7, 10, 0.9));
  z-index: 0;
}

.owner-elite .container {
  position: relative;
  z-index: 1;
}

.owner-elite__grid {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(22px, 5vw, 42px);
  align-items: center;
}

.owner-elite__photo {
  justify-self: center;
}

.owner-elite__frame {
  position: relative;
  width: min(720px, 100%);
  aspect-ratio: 3 / 4;
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(160deg, rgba(20, 24, 32, 0.92), rgba(12, 14, 20, 0.9));
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.55), 0 0 26px rgba(79, 129, 255, 0.28);
  backdrop-filter: blur(8px);
}

.owner-elite__frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
	object-position:top;
  position: relative;
  z-index: 2;
}

.owner-elite__glow {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 28% 18%, rgba(79, 129, 255, 0.32), transparent 52%),
    radial-gradient(circle at 80% 70%, rgba(197, 164, 126, 0.28), transparent 55%);
  filter: blur(18px);
  z-index: 1;
}

.owner-elite__copy {
  display: grid;
  gap: 12px;
}

.owner-elite__kicker {
  margin: 0;
  font-size: 12px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #c5a47e;
  font-weight: 800;
}

.owner-elite__title {
  margin: 0;
  font-size: clamp(30px, 4vw, 38px);
  letter-spacing: 0.4px;
  color: #f7f9ff;
}

.owner-elite__body {
  display: grid;
  gap: 12px;
}

.owner-elite__body p {
  margin: 0;
  color: #cbd3e2;
  line-height: 1.7;
  font-size: 15px;
}

.owner-elite__highlight {
  color: #c5a47e;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(197, 164, 126, 0.5);
}

.owner-elite__cta {
  width: fit-content;
  padding: 12px 18px;
  border-radius: 12px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
}

@media (max-width: 720px) {
  .owner-elite__grid {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .owner-elite__photo {
    order: -1;
  }

  .owner-elite__frame {
    width: min(520px, 100%);
  }
}

.power-section {
  background: #f7f9fc;
  color: #1a1c22;
  position: relative;
  overflow: hidden;
}

.power-section .container {
  position: relative;
  z-index: 1;
}

.power-header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 26px;
  display: grid;
  gap: 8px;
}

.power-kicker {
  margin: 0 auto;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(197, 164, 126, 0.28);
  background: rgba(197, 164, 126, 0.18);
  color: #8c6a42;
  font-weight: 800;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  font-size: 12px;
  width: fit-content;
}

.power-header h3 {
  margin: 0;
  font-size: clamp(30px, 4vw, 38px);
  font-weight: 800;
  letter-spacing: 0.4px;
  color: #1a1c22;
}

.power-subtitle {
  margin: 0 auto;
  max-width: 760px;
  color: #4d5463;
  line-height: 1.6;
  font-size: 15px;
}

.power-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  align-items: stretch;
}

.power-card {
  position: relative;
  padding: 18px 16px 18px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.power-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  border: 1px solid rgba(76, 140, 255, 0.14);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.18s ease;
}

.power-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.12);
  border-color: rgba(76, 140, 255, 0.35);
}

.power-card:hover::after {
  opacity: 1;
}

.power-icon {
  width: 100%;
  height: 120px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(76, 140, 255, 0.12);
  color: #1f6bff;
  font-size: 50px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32);
  margin-top: 2px;
}

.power-card:nth-child(2) .power-icon {
  background: rgba(173, 122, 255, 0.16);
  color: #8b5fd3;
}

.power-card:nth-child(3) .power-icon {
  background: rgba(255, 182, 87, 0.16);
  color: #d77c14;
}

.power-body h4 {
  margin: 6px 0 6px;
  font-size: 15px;
  font-weight: 800;
  text-transform: none;
  letter-spacing: 0.2px;
  color: #1f2833;
  text-align: left;
}

.power-body p {
  margin: 0;
  color: #5a6270;
  line-height: 1.55;
  font-size: 14px;
  text-align: left;
}

@media (max-width: 640px) {
  .power-grid {
    grid-template-columns: 1fr;
  }

  .power-card {
    padding: 16px;
  }
}

.counter-section {
  background: linear-gradient(135deg, #05070c, #0b0f16);
  color: #f5f7ff;
}

.counter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  align-items: stretch;
}

.counter-card {
  padding: 18px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(197, 164, 126, 0.15);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.32);
  display: grid;
  gap: 6px;
  text-align: center;
}

.counter-number {
  font-size: clamp(34px, 5vw, 42px);
  font-weight: 800;
  letter-spacing: 0.6px;
  color: #c5a47e;
}

.counter-label {
  margin: 0;
  font-size: 14px;
  color: #d3d9e4;
  letter-spacing: 0.3px;
}

@media (max-width: 640px) {
  .counter-card {
    padding: 16px;
  }
}

.services-premium {
  background: #f9fafc;
  color: #1a1c22;
  position: relative;
  overflow: hidden;
}

.services-premium .container {
  position: relative;
  z-index: 1;
}

.services-header {
  text-align: center;
  max-width: 920px;
  margin: 0 auto 28px;
  display: grid;
  gap: 8px;
}

.services-kicker {
  margin: 0 auto;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(197, 164, 126, 0.3);
  background: rgba(197, 164, 126, 0.16);
  color: #8c6a42;
  font-weight: 800;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  font-size: 12px;
  width: fit-content;
}

.services-header h3 {
  margin: 0;
  font-size: clamp(30px, 4.4vw, 42px);
  font-weight: 800;
  letter-spacing: 0.2px;
}

.services-subtitle {
  margin: 0 auto;
  max-width: 720px;
  color: #4d5463;
  line-height: 1.6;
  font-size: 15px;
}

.services-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  padding: 6px;
}

.services-lines {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.blueprint-lines-svg {
  width: 100%;
  height: 100%;
}

.blueprint-lines-svg path {
  fill: none;
  stroke: rgba(209, 233, 255, 0.9);
  stroke-width: 2;
  stroke-dasharray: 8 8;
  animation: line-flow 8s linear infinite;
}

@keyframes line-flow {
  to {
    stroke-dashoffset: -200;
  }
}

.services-grid::before {
  content: "";
  position: absolute;
  inset: 12px 8px 12px 8px;
  background:
    radial-gradient(circle at 20% 30%, rgba(140, 169, 217, 0.35), transparent 32%),
    radial-gradient(circle at 80% 60%, rgba(197, 164, 126, 0.25), transparent 30%),
    repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0 1px, transparent 1px 16px),
    repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0 1px, transparent 1px 16px);
  opacity: 0.28;
  pointer-events: none;
  border-radius: 20px;
}

.service-card {
  position: relative;
  z-index: 1;
  padding: 18px 16px 20px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.08);
  display: grid;
  gap: 12px;
  align-items: start;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.service-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  border: 1px solid rgba(31, 107, 255, 0.12);
  opacity: 0;
  transition: opacity 0.18s ease;
  pointer-events: none;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.12);
  border-color: #a9855c;
}

.service-card:hover::after {
  opacity: 1;
}

.service-card:hover #blueprint-lines-svg path:nth-child(1){stroke: #0a0a0a;}

.service-icon {
  width: 55px;
  height: 55px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, rgba(197, 164, 126, 0.18), rgba(197, 164, 126, 0.12));
  color: #a9855c;
  font-size: 24px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.service-body h4 {
  margin: 10px 0;
  font-size: 18px;
  font-weight: 800;
  color: #1a1c22;
  letter-spacing: 0.2px;
}

.service-body p {
  margin: 0;
  color: #4f5664;
  line-height: 1.55;
  font-size: 14px;
}

@media (min-width: 900px) {
  .services-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .service-card {
    grid-column: span 2;
  }
  .service-card:nth-child(4) {
    grid-column: 1 / span 3;
  }
  .service-card:nth-child(5) {
    grid-column: 4 / span 3;
  }
}

@media (max-width: 640px) {
  .service-card {
    padding: 16px;
    margin-top: 0;
  }
}

.why-choose {
  position: relative;
  background: radial-gradient(circle at 18% 20%, rgba(31, 107, 255, 0.18), transparent 42%),
    radial-gradient(circle at 78% 12%, rgba(197, 164, 126, 0.18), transparent 38%),
    #05070c;
  color: #f5f7ff;
  overflow: hidden;
}

.why-choose .container {
  position: relative;
  z-index: 1;
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: clamp(20px, 5vw, 36px);
  align-items: center;
}

.why-visual {
  position: relative;
}

.why-image {
  height: 100%;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35);
  background: #0d1118;
}

.why-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.why-content {
  display: grid;
  gap: 12px;
}

.why-kicker {
  margin: 0;
  width: fit-content;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(197, 164, 126, 0.3);
  background: rgba(197, 164, 126, 0.14);
  color: #c5a47e;
  font-weight: 800;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  font-size: 12px;
}

.why-content h3 {
  margin: 0;
  font-size: clamp(26px, 1.2vw, 34px);
  line-height: 1.3;
  letter-spacing: 0.2px;
  color: #f7f9ff;
}

.why-cards {
  display: grid;
  gap: 12px;
}

.why-card {
  display: initial;
  gap: 12px;
  padding: 14px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(197, 164, 126, 0.12);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28);
  align-items: start;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.why-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
  border-color: rgba(31, 107, 255, 0.28);
}

.why-icon {
  margin-bottom: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(31, 107, 255, 0.14);
  color: #c5a47e;
  font-size: 18px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.why-card h4 {
  margin: 0 0 4px;
  font-size: 20px;
  font-weight: 500;
  color: #f7f9ff;
  line-height: 1.6;
}

.why-card p {
  margin: 0;
  font-size: 14px;
  color: #d5dbea;
  line-height: 1.55;
}

@media (max-width: 640px) {
  .why-card {
    padding: 12px;
  }
}

.services-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  margin-top: 40px;
}

.feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(197, 164, 126, 0.15);
  transition: all 0.3s ease;
  cursor: pointer;
}

.feature-item:hover {
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(197, 164, 126, 0.3);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}

.feature-icon {
  width: 60px;
  height: 60px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(197, 164, 126, 0.15);
  color: #c5a47e;
  font-size: 24px;
  margin-bottom: 16px;
  transition: all 0.3s ease;
}

.feature-item:hover .feature-icon {
  background: rgba(197, 164, 126, 0.25);
  transform: scale(1.1);
}

.feature-item h5 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #f7f9ff;
  letter-spacing: 0.3px;
}

@media (max-width: 768px) {
  .services-features-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  
  .feature-item {
    padding: 20px 12px;
  }
  
  .feature-icon {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
}

.our-commitment {
  position: relative;
  background: linear-gradient(135deg, #fdf9f1 0%, #f8f4eb 100%);
  overflow: hidden;
}

.our-commitment::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  background: radial-gradient(circle at center, rgba(197, 164, 126, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

.commitment-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 1;
}

.commitment-image {
  position: relative;
}

.commitment-image-wrapper {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.15);
  background: #fff;
  padding: 20px;
}

.commitment-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
  object-fit: contain;
}

.commitment-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(197, 164, 126, 0.05) 0%, transparent 50%);
  pointer-events: none;
  border-radius: 24px;
}

.commitment-image-name {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(197, 164, 126, 0.7);
  border: 1px solid rgba(197, 164, 126, 0.2);
  color: #333;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 2;
  white-space: nowrap;
}

.commitment-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.commitment-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(197, 164, 126, 0.12);
  border: 1px solid rgba(197, 164, 126, 0.2);
  color: #8c6a42;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  width: fit-content;
}

.commitment-content h2 {
  margin: 0;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 800;
  line-height: 1.2;
  color: #1a1c22;
  letter-spacing: -0.5px;
}

.commitment-subtitle {
  margin: 0;
  font-size: clamp(20px, 2.5vw, 28px);
  font-weight: 600;
  color: #c5a47e;
  letter-spacing: 0.3px;
}

.commitment-description {
  margin: 0;
  font-size: 17px;
  line-height: 1.8;
  color: #4f5664;
  max-width: 580px;
}

@media (max-width: 968px) {
  .commitment-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  
  .commitment-image {
    order: -1;
  }
  
  .commitment-image-wrapper {
    max-width: 500px;
    margin: 0 auto;
  }
}

@media (max-width: 640px) {
  .commitment-content h2 {
    font-size: 28px;
  }
  
  .commitment-subtitle {
    font-size: 20px;
  }
  
  .commitment-description {
    font-size: 16px;
  }
}

.onderdelen-section {
  position: relative;
  background: linear-gradient(135deg, #05070c 0%, #0a0d14 100%);
  color: #f5f7ff;
  overflow: hidden;
}

.onderdelen-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(circle at 20% 30%, rgba(197, 164, 126, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(31, 107, 255, 0.1) 0%, transparent 50%);
  pointer-events: none;
}

.onderdelen-content {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.onderdelen-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 999px;
  background: rgba(197, 164, 126, 0.15);
  border: 1px solid rgba(197, 164, 126, 0.3);
  color: #c5a47e;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  width: fit-content;
}

.onderdelen-content h2 {
  margin: 0;
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 800;
  line-height: 1.2;
  color: #f7f9ff;
  letter-spacing: -0.5px;
}

.onderdelen-description {
  margin: 0;
  font-size: 18px;
  line-height: 1.8;
  color: #d5dbea;
  max-width: 800px;
}

@media (max-width: 768px) {
  .onderdelen-content {
    gap: 20px;
  }
  
  .onderdelen-content h2 {
    font-size: 32px;
  }
  
  .onderdelen-description {
    font-size: 16px;
  }
  
  .onderdelen-kicker {
    font-size: 12px;
    padding: 8px 16px;
  }
}

.benefits-section {
  position: relative;
  background: linear-gradient(135deg, #fdf9f1 0%, #f8f4eb 100%);
  overflow: hidden;
}

.benefits-header {
  margin-bottom: 50px;
}

.benefits-header .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(197, 164, 126, 0.12);
  border: 1px solid rgba(197, 164, 126, 0.2);
  color: #8c6a42;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.benefits-header h2 {
  margin: 0 0 12px;
  font-size: clamp(32px, 4vw, 42px);
  font-weight: 800;
  color: #1a1c22;
  letter-spacing: -0.5px;
}

.benefits-subtitle {
  margin: 0;
  font-size: 18px;
  color: #4f5664;
  line-height: 1.6;
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.benefit-card {
  position: relative;
  padding: 32px 24px;
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.benefit-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  border-color: rgba(197, 164, 126, 0.3);
}

.benefit-icon {
  width: 70px;
  height: 70px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(197, 164, 126, 0.15) 0%, rgba(197, 164, 126, 0.08) 100%);
  color: #c5a47e;
  font-size: 28px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.benefit-card:hover .benefit-icon {
  background: linear-gradient(135deg, rgba(197, 164, 126, 0.25) 0%, rgba(197, 164, 126, 0.15) 100%);
  transform: scale(1.1);
}

.benefit-card h3 {
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 700;
  color: #1a1c22;
  letter-spacing: -0.3px;
}

.benefit-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #4f5664;
}

@media (max-width: 768px) {
  .benefits-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .benefit-card {
    padding: 28px 20px;
  }
  
  .benefit-icon {
    width: 60px;
    height: 60px;
    font-size: 24px;
  }
  
  .benefit-card h3 {
    font-size: 20px;
  }
}

.modern-cta {
  position: relative;
  background: #fff;
  overflow: hidden;
}

.modern-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(circle at 30% 50%, rgba(197, 164, 126, 0.08) 0%, transparent 60%),
    radial-gradient(circle at 70% 50%, rgba(31, 107, 255, 0.06) 0%, transparent 60%);
  pointer-events: none;
}

.modern-cta__content {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.modern-cta__heading {
  margin: 0;
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 800;
  line-height: 1.2;
  color: #1a1c22;
  letter-spacing: -0.5px;
}

.modern-cta__text {
  margin: 0;
  font-size: 18px;
  line-height: 1.7;
  color: #4f5664;
  max-width: 600px;
}

.modern-cta__button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 32px;
  background: linear-gradient(135deg, #c5a47e 0%, #a9855c 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 12px;
  border: 1px solid rgba(197, 164, 126, 0.3);
  box-shadow: 0 8px 24px rgba(197, 164, 126, 0.3);
  transition: all 0.3s ease;
  letter-spacing: 0.3px;
  margin-top: 8px;
}

.modern-cta__button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(197, 164, 126, 0.4);
  background: #181818;
  border-color: #181818;
	color:#fff;
}

.modern-cta__button i {
  transition: transform 0.3s ease;
}

.modern-cta__button:hover i {
  transform: translateX(4px);
}

@media (max-width: 768px) {
  .modern-cta__content {
    gap: 16px;
  }
  
  .modern-cta__heading {
    font-size: 28px;
  }
  
  .modern-cta__text {
    font-size: 16px;
  }
  
  .modern-cta__button {
    padding: 14px 28px;
    font-size: 15px;
  }
}

.team-section {
  background: #fff;
  color: #1a1c22;
}

.team-header {
  text-align: center;
  display: grid;
  gap: 8px;
  margin: 0 auto 24px;
}

.team-kicker {
  margin: 0 auto;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(197, 164, 126, 0.3);
  background: rgba(197, 164, 126, 0.16);
  color: #8c6a42;
  font-weight: 800;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  font-size: 12px;
  width: fit-content;
}

.team-header h3 {
  margin: 0;
  font-size: clamp(28px, 3.8vw, 36px);
  font-weight: 800;
  letter-spacing: 0.3px;
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  max-width: 767px;
  margin: auto;
}

.team-card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 18px;
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.06);
  display: grid;
  gap: 12px;
  padding: 12px;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.team-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.1);
  border-color: rgba(197, 164, 126, 0.35);
}

.team-photo {
  width: 100%;
  height: auto;
  border-radius: 14px;
  overflow: hidden;
  background: #f7f9fc;
  display: grid;
  place-items: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.team-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-body {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  padding: 10px 12px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.team-text {
  display: grid;
  gap: 0;
}

.team-body h4 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 800;
  color: #1a1c22;
}

.team-body p {
  margin: 0;
  color: #5a6270;
  font-size: 12px;
  letter-spacing: 0.2px;
}

.team-links {
  display: flex;
  gap: 8px;
}

.team-link {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: #f5f6fa;
  color: #1f6bff;
  border: 1px solid rgba(31, 107, 255, 0.18);
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.team-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(31, 107, 255, 0.18);
  background: rgba(31, 107, 255, 0.1);
}

@media (max-width: 640px) {
  .team-photo {
    height: 320px;
  }
}

.hubs-section {
  background: #f9fafc;
  color: #1a1c22;
}

.hubs-header {
  text-align: left;
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}

.hubs-kicker {
  margin: 0;
  font-size: 13px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  font-weight: 800;
  color: #8c6a42;
  width: fit-content;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(197, 164, 126, 0.28);
  background: rgba(197, 164, 126, 0.16);
}

.hubs-header h3 {
  margin: 0;
  font-size: clamp(26px, 4vw, 34px);
  line-height: 1.3;
  color: #1a1c22;
}

.hubs-subtitle {
  margin: 0;
  color: #4b5463;
}

.hubs-grid {
  display: grid;
  gap: clamp(20px, 5vw, 36px);
}

.hubs-row {
  margin-top: 8px;
}

.hubs-copy {
  display: grid;
  gap: 10px;
}

.hubs-map {
  background: #fff;
  border-radius: 15px;
  padding: 15px;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  height: 420px;
}

.map-svg {
  width: 100%;
  height: 100%;
  display: block;
  background: #191511;
  border-radius: 6px;
}

.water {
  fill: #f7f8fa;
}

.land {
  fill: #e6e9ed;
  stroke: #e0e3e7;
  stroke-width: 1.4;
}

.map-node {
  cursor: pointer;
}

.node-pulse,
.node-core {
  fill: transparent;
  stroke: none;
}

.node-label {
  fill: #111;
  font-size: 12px;
  text-anchor: middle;
}

.hubs-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.hub-info {
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: #fff;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.05);
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.hub-info.active {
  border-color: rgba(31, 107, 255, 0.25);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08);
}

.hub-title {
  font-weight: 800;
  color: #1a1c22;
  margin-bottom: 4px;
}

@keyframes grid-shift {
  0% {
    background-position: 0 0, 0 0;
  }
  100% {
    background-position: 56px 56px, 56px 56px;
  }
}

@media (max-width: 640px) {
  .supremacy-card {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .supremacy-icon {
    width: 44px;
    height: 44px;
  }
}

/* About hero banner */
.about-hero-banner {
  position: relative;
  width: 97%;
  margin: 28px auto 16px;
  min-height: 240px;
  border-radius: 18px;
  overflow: hidden;
  background: #0a0a0a url("images/aboutbanner.jpg") center/cover no-repeat;
  background-position: bottom;
  padding: 80px 0;
  text-align: center;
  display: flex;
  align-items: center;
  isolation: isolate;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

.about-hero-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.55));
  z-index: 0;
}

.about-hero-banner .hero-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  opacity: 0.7;
  mix-blend-mode: screen;
}

.about-banner__glass {
  position: relative;
  z-index: 2;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 40px 0;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(197, 164, 126, 0.16), rgba(197, 164, 126, 0.24));
  border: 1px solid rgba(197, 164, 126, 0.35);
  backdrop-filter: blur(6px);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22);
}

.about-banner__copy {
  color: #fff;
  display: grid;
  gap: 6px;
}

.about-banner__pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #f4f4f4;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  width: fit-content;
}

.about-banner__copy h2 {
  margin: 0;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0.2px;
  text-shadow: 0 6px 18px rgba(0, 0, 0, 0.42);
}

.about-banner__copy p {
  margin: 0;
  color: #e8e8e8;
  font-size: 15px;
}

@media (max-width: 768px) {
  .about-hero-banner {
    width: 94%;
    min-height: 220px;
  }

  .about-banner__glass {
    flex-direction: column;
    align-items: flex-start;
  }
}

.hero-stats {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}

.service_head h4{font-size: 42px;
  font-weight: 700;
  margin-top: 20px;}

.service_head h2{margin-top: 15px;}

.service_slider .slick-list{overflow:hidden;}  
.service_head p{font-size: 18px; color: #fff;}

#service-offerings .service_head h4,
#service-offerings .service_head h2 {
  color: #333333;
}

#service-offerings .service_head p {
  color: #4f5664;
}

#service-offerings .service_head .eyebrow {
  color: #333;
}  
.service_single{margin-top:10px;position: relative;padding:0 10px;}
.service_single .inner{border-radius: 5px;overflow: hidden;border-top: 4px solid #c5a47e;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.service_single .inner .service_image{position: relative;transition: all 0.5s;display: flex;align-items: center;justify-content: center;min-height: 260px;background: linear-gradient(135deg, rgba(197, 164, 126, 0.1), rgba(169, 133, 92, 0.05));}
.service_single .inner .service_image::before{position:absolute;content:'';width:100%;height:100%;background-color:rgba(0, 0, 0, 0);top:0;left:0;z-index:1;transition: all 0.5s;}
.service_single .inner:hover .service_image::before{background-color:rgba(0, 0, 0, 0.75);}
.service_single .inner .service_image img{width: 100%;height: 260px;object-fit: cover;}
.service_single .inner .service_image i{font-size: 64px;color: var(--brand);z-index: 2;position: relative;transition: all 0.3s ease;}
.service_single .inner:hover .service_image i{color: #fff;transform: scale(1.1);}
.service_single.reveal-card {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.service_single.reveal-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.service_details{background: #fff;padding: 10px;}
.service_details h4 a{font-size: 18px;font-weight:600;text-transform:capitalize;}
.service_single .inner:hover .service_details h4 a{color: #be9c75;}
.service_details p{margin: 0;font-size: 15px;font-weight: 500;height: auto;}
.text-limit{overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;}
.service_slider .slick-prev,
.service_slider .slick-next{
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid var(--brand);
  background: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,0.12);
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: var(--brand);
  cursor: pointer;
  padding: 0;
  z-index: 2;font-size: 0;
}
.service_slider .slick-prev{left: -18px;}
.service_slider .slick-next{right: -18px;}

.service_slider .slick-prev:before,
.service_slider .slick-next:before{
  font-family: inherit;
  font-size: 20px;
  line-height: 1;
  color: var(--brand);
}
.service_slider .slick-prev:before{content:"‹";}
.service_slider .slick-next:before{content:"›";}

.service_slider .slick-disabled{
  opacity: 0.35;
  cursor: default;
  box-shadow: none;
}

@media (max-width: 768px){
  .service_slider .slick-prev{left: 4px;}
  .service_slider .slick-next{right: 4px;}
}

/* Impact banner (two-column feature) */
.impact-banner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  min-height: 340px;
}

.impact-left {
  position: relative;
  background: url("images/Bomag-icon-9.jpg") center/cover no-repeat;
  min-height: 320px;
  display: flex;
  align-items: center;
}

.impact-left .impact-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
}

.impact-content {
  position: relative;
  z-index: 1;
  padding: clamp(20px, 4vw, 36px);
  color: #fff;
  display: grid;
  gap: 14px;
  max-width: 540px;
}

.impact-content h2 {
  margin: 0;
  font-size: clamp(30px, 4.6vw, 42px);
  line-height: 1.2;
}

.impact-content p {
  margin: 0;
  color: #f1f1f1;
  font-size: 15px;
}

.impact-right {
  background: #c5a47e;
  display: flex;
  align-items: center;
}

.impact-right-inner {
  padding: clamp(20px, 4vw, 36px);
  display: grid;
  gap: 24px;
  color: #1f1f1f;
}

.impact-right-inner h2 {
  margin: 0;
  font-size: clamp(28px, 4.4vw, 40px);
  line-height: 1.2;
  font-weight: 800;
}

.impact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 15px
}

.impact-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 700;
  color: #1f1f1f;
  flex-direction: column;
}

.impact-item i {
  font-size: 22px;
  flex-shrink: 0;
  margin-top: 2px;
}

.impact-item h5 {
  font-weight: 700;
  margin: 0 0 6px;
  font-size: 17px;
  line-height: 1.25;
}

.impact-item p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #2a2a2a;
}

.why-customers {
  position: relative;
  background: radial-gradient(circle at 20% 20%, rgba(197, 164, 126, 0.15), transparent 35%),
    radial-gradient(circle at 80% 10%, rgba(255, 255, 255, 0.18), transparent 30%),
    linear-gradient(180deg, #0f0b07, #16100b);
  color: #f8f4ea;
}

.why-customers::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.why-customers .container {
  position: relative;
  z-index: 1;
}

.why-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px;
  display: grid;
  gap: 10px;
}

.why-header .eyebrow {
  justify-self: center;
}

.why-header h2 {
  margin: 0;
  font-size: clamp(28px, 4vw, 38px);
}

.why-header p {
  margin: 0;
  color: #d9d0c0;
  font-size: 16px;
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 18px;
  align-items: stretch;
}

.why-card {
  position: relative;
  padding: 20px 18px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(8px);
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
  height: 100%;
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 10px;
}

.why-card.reveal-card {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.6s ease, transform 0.6s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.why-card.reveal-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.why-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  border: 1px solid rgba(197, 164, 126, 0.25);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.why-card:hover {
  transform: translateY(-6px);
  border-color: rgba(197, 164, 126, 0.4);
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.3);
}

.why-card:hover::after {
  opacity: 1;
}

.why-icon {
  margin-bottom: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(197, 164, 126, 0.2);
  color: #fefefe;
  font-size: 20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}

.why-card h3 {
  margin: 0 0 8px;
  font-size: 18px;
  color: #fff;
}

.why-card p {
  margin: 0;
  color: #dcd5c6;
  line-height: 1.5;
  font-size: 15px;
}

@media (max-width: 600px) {
  .why-card {
    padding: 18px 16px;
  }
}

.sell-surplus {
  background: radial-gradient(circle at 15% 20%, rgba(197, 164, 126, 0.12), transparent 30%),
    radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.08), transparent 25%),
    linear-gradient(180deg, #120e0a, #0d0a07);
  color: #f6f0e4;
}

.sell-surplus-light {
  background: #ffffff;
  color: #1f1f1f;
}

.sell-surplus-light .sell-copy h2 {
  color: #1f1f1f;
}

.sell-surplus-light .sell-copy p {
  color: #444;
}

.sell-surplus-light .sell-badge {
  background: rgba(0, 0, 0, 0.78);
  border-color: rgba(0, 0, 0, 0.25);
}

.sell-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 26px;
  align-items: center;
}

.sell-grid-reverse {
  align-items: center;
}

.sell-grid-reverse .sell-visual {
  justify-items: start;
}

.sell-grid-reverse .sell-copy {
  justify-self: start;
}

.sell-copy {
  display: grid;
  gap: 12px;
}

.sell-copy h2 {
  margin: 0;
  font-size: clamp(28px, 4vw, 40px);
}

.sell-copy p {
  margin: 0;
  color: #d8d0c2;
  font-size: 16px;
  line-height: 1.6;
}

.sell-copy .eyebrow {
  justify-self: flex-start;
  background: #c5a47e;
  color: #000;
}

.sell-visual {
  position: relative;
  display: grid;
  gap: 14px;
  justify-items: end;
}

.sell-image {
  position: relative;
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.sell-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.45));
}

.sell-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sell-badge {
  position: absolute;
  bottom: 14px;
  left: 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.72);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3);
}

.sell-badge i {
  color: #c5a47e;
  font-size: 18px;
}

.sell-badge strong {
  display: block;
  font-size: 15px;
}

.sell-badge span {
  display: block;
  font-size: 13px;
  color: #e5dccd;
}

/* Gallery with Fancybox */
.gallery {
  background: #fdf9f1;
}

/* Section block reveals */
.reveal-block {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal-block.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.gallery-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e9dec4;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.12);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  color: inherit;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}

.gallery-card.reveal-card {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.25s ease;
}

.gallery-card.reveal-card.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.gallery-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16);
}

.gallery-media {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
}

.gallery-media::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  transition: all 0.3s ease;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-media::after {
  content: '\f067';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  color: #fff;
  font-size: 32px;
  z-index: 3;
  transition: all 0.3s ease;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: rgba(197, 164, 126, 0.95);
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.gallery-card:hover .gallery-media::before {
  background: rgba(0, 0, 0, 0.6);
}

.gallery-card:hover .gallery-media::after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.gallery-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.gallery-card:hover .gallery-media img {
  transform: scale(1.1);
}

.gallery-body {
  position: absolute;
  inset: auto 0 0 0;
  padding: 16px 14px 14px;
  display: grid;
  gap: 8px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.82) 95%);
  color: #fff;
  backdrop-filter: blur(2px);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.gallery-body h5 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: #fff;
}

.gallery-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 4px;
  font-size: 13.5px;
  color: #f0f0f0;
}

.gallery-body li strong {
  font-weight: 700;
  color: #fff;
}

.gallery-card:hover .gallery-body {
  opacity: 1;
  transform: translateY(0);
}

/* Global Reach */
.global-reach {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #fdfbf5;
  padding: clamp(70px, 7vw, 120px) 0;
}

.global-reach::before {
  content: "";
  position: absolute;
  inset: clamp(12px, 1.6vw, 26px);
  background-image:
    linear-gradient(0deg, rgba(191, 158, 119, 0.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(191, 158, 119, 0.14) 1px, transparent 1px);
  background-size: 80px 80px;
  opacity: 0.6;
  z-index: 0;
}

.global-reach__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  align-items: center;
  gap: clamp(32px, 6vw, 80px);
}

.global-reach__copy {
  display: grid;
  gap: 16px;
  max-width: 640px;
}

.global-reach__copy .eyebrow {
  background: rgba(191, 158, 119, 0.22);
  color: #5b462d;
  letter-spacing: 1px;
}

.serif-heading {
  font-family: "Playfair Display", "Times New Roman", serif;
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 700;
  letter-spacing: -0.4px;
  margin: 8px 0 4px;
  color: #1d150d;
}

.global-reach__intro {
  margin: 0;
  font-size: 17px;
  line-height: 1.7;
  color: #4c3b24;
}

.global-reach__stats {
  display: grid;
  gap: 14px;
  padding-left: 20px;
  border-left: 2px solid rgba(191, 158, 119, 0.5);
}

.reach-stat {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(191, 158, 119, 0.08);
  border: 1px solid rgba(191, 158, 119, 0.3);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.06);
}

.reach-icon {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(191, 158, 119, 0.18), rgba(191, 158, 119, 0.06));
  border: 1px solid rgba(191, 158, 119, 0.4);
  color: #7a5b34;
}

.reach-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.reach-number {
  font-family: "Playfair Display", "Times New Roman", serif;
  font-size: 28px;
  font-weight: 700;
  color: #1f160c;
  line-height: 1.1;
}

.reach-label {
  font-weight: 600;
  color: #5c4b33;
  letter-spacing: 0.2px;
}



@media (max-width: 992px) {
  .global-reach {
    padding: 64px 0;
  }

  .global-reach__grid {
    grid-template-columns: 1fr;
  }

 
}

@media (max-width: 640px) {
  .global-reach__intro {
    font-size: 16px;
  }

  .reach-stat {
    align-items: flex-start;
  }

  .reach-icon {
    width: 44px;
    height: 44px;
  }

  .reach-number {
    font-size: 24px;
  }
}

.partners {
  background: linear-gradient(180deg, #ffffff 0%, #f7f3ed 100%);
  padding: 60px 0;
}

.partners-inner {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 32px;
}

.partners-head h4 {
  font-size: 26px;
  margin: 8px 0 0;
  font-weight: 700;
}

.partners-grid {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 32px 46px;
  justify-content: center;
  align-items: center;
}

.partner-card {
  padding: 6px 10px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: grayscale(0.25);
  transition: transform 0.2s ease, filter 0.2s ease;
}

.partner-card img {
  max-height: 60px;
  width: auto;
  display: block;
}

.partner-card:hover {
  transform: translateY(-4px);
  filter: grayscale(0);
}

#alpha-strategic-overview-v1 .reach-map-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 500px;
  position: relative;
  overflow: hidden;
}
#alpha-strategic-overview-v1 #globe-canvas {
  width: 100%;
  max-width: 520px;
  height: 100%;
  max-height: 520px;
  aspect-ratio: 1 / 1;
  display: block;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.32));
  box-shadow:
    inset 0 0 80px rgba(197, 164, 126, 0.18),
    0 40px 120px rgba(0, 0, 0, 0.25);
}
#alpha-strategic-overview-v1 .holographic-globe {
  width: 400px;
  height: 400px;
  position: relative;
  transform-style: preserve-3d;
  animation: rotate-globe 40s linear infinite;
}
#alpha-strategic-overview-v1 .globe-sphere {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 80px rgba(197, 164, 126, 0.2), 0 0 30px -10px var(--color-gold);
}
#alpha-strategic-overview-v1 .globe-line {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid rgba(197, 164, 126, 0.3);
}
#alpha-strategic-overview-v1 .globe-line:nth-child(2) {
  transform: rotateY(30deg);
}
#alpha-strategic-overview-v1 .globe-line:nth-child(3) {
  transform: rotateY(60deg);
}
#alpha-strategic-overview-v1 .globe-line:nth-child(4) {
  transform: rotateY(90deg);
}
#alpha-strategic-overview-v1 .globe-line:nth-child(5) {
  transform: rotateY(120deg);
}
#alpha-strategic-overview-v1 .globe-line:nth-child(6) {
  transform: rotateY(150deg);
}
#alpha-strategic-overview-v1 .globe-point {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #c5a47e;
  border-radius: 50%;
  box-shadow: 0 0 15px #c5a47e;
}
#alpha-strategic-overview-v1 .globe-point::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #c5a47e47;
  animation: pulse-point 2s infinite;
}
#alpha-strategic-overview-v1 .globe-point:nth-child(8) {
  top: 50%;
  left: 20%;
  transform: translateY(-50%);
  animation-delay: 0.7s;
}
#alpha-strategic-overview-v1 .globe-point:nth-child(9) {
  top: 60%;
  left: 80%;
  transform: translateY(-50%);
  animation-delay: 1.4s;
}


@keyframes pulse-point {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    
}
}
@keyframes rotate-globe {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }

}




@media (max-width: 992px) {
  .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #alpha-strategic-overview-v1 .reach-map-panel{min-height: auto;}
  #alpha-strategic-overview-v1 #globe-canvas{width: 100% !important;max-width: 320px !important;height: auto !important;aspect-ratio: 1 / 1;}
  .top-header{display:none;}
}

@media (max-width: 640px) {
  .gallery-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .impact-banner {
    grid-template-columns: 1fr;
  }
  .impact-grid {
    grid-template-columns: 1fr;
  }
  .service_head h4{
    font-size: 32px;
  }
  .brand img {
    height: 40px;}
  .nav-wrapper{padding: 0 10px;}
}


/*home Global Reach*/
#alpha-strategic-overview-v1 .reach-map-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 500px;
}
#alpha-strategic-overview-v1 .holographic-globe {
  width: 400px;
  height: 400px;
  position: relative;
  transform-style: preserve-3d;
  animation: rotate-globe 40s linear infinite;
}
#alpha-strategic-overview-v1 .globe-sphere {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 80px rgba(197, 164, 126, 0.2), 0 0 30px -10px var(--color-gold);
}
#alpha-strategic-overview-v1 .globe-line {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid rgba(197, 164, 126, 0.3);
}
#alpha-strategic-overview-v1 .globe-line:nth-child(2) {
  transform: rotateY(30deg);
}
#alpha-strategic-overview-v1 .globe-line:nth-child(3) {
  transform: rotateY(60deg);
}
#alpha-strategic-overview-v1 .globe-line:nth-child(4) {
  transform: rotateY(90deg);
}
#alpha-strategic-overview-v1 .globe-line:nth-child(5) {
  transform: rotateY(120deg);
}
#alpha-strategic-overview-v1 .globe-line:nth-child(6) {
  transform: rotateY(150deg);
}
#alpha-strategic-overview-v1 .globe-point {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #c5a47e;
  border-radius: 50%;
  box-shadow: 0 0 15px #c5a47e;
}
#alpha-strategic-overview-v1 .globe-point::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #c5a47e47;
  animation: pulse-point 2s infinite;
}
#alpha-strategic-overview-v1 .globe-point:nth-child(8) {
  top: 50%;
  left: 20%;
  transform: translateY(-50%);
  animation-delay: 0.7s;
}
#alpha-strategic-overview-v1 .globe-point:nth-child(9) {
  top: 60%;
  left: 80%;
  transform: translateY(-50%);
  animation-delay: 1.4s;
}


@keyframes pulse-point {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    
}
}
@keyframes rotate-globe {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }

}


/* Footer */
.site-footer {
  position: relative;
  overflow: hidden;
  background: var(--dark) url("images/footer-bg.png") center/cover no-repeat;
  color: #000;
  padding: 60px 0 30px;
  border-top: 1px solid rgba(243, 214, 122, 0.12);
}

.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.22));
  pointer-events: none;
  z-index: 1;
}

.site-footer > .container {
  position: relative;
  z-index: 2;
}

#footer-bubbles {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  background: transparent;
}

.footer-brand {
  min-height: 100%;
}

.footer-brand p {
  color: #000;
  max-width: 360px;
}

.footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  font-weight: 700;
}

.footer-logo img {
  height: 100px;
  width: auto;
}

.social-links {
  display: flex;
  gap: 12px;
  margin-top: 14px;
}

.social-links a {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(243, 214, 122, 0.12);
  color: #f2e6c8;
  transition: background 0.2s ease, transform 0.2s ease;
}

.social-links a:hover {
  background: var(--brand);
  transform: translateY(-2px);
}

.footer-col h4 {
  margin: 0 0 12px;
  font-size: 16px;
}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.footer-col a {
  color: #000;
}

.footer-col a:hover {
  color: var(--brand);
}

.footer-bottom {
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid #333;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  color: #000;
  font-size: 14px;
}

.footer-badges {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.footer-badges span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgb(191, 158, 119);
  border: 1px solid rgba(191, 158, 119, 0.8);
}

/* Achievement (Hero) */
.achievement {
  position: relative;
  min-height: 560px;
  padding: 80px 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("images/NH-Hero.jpg") center/cover no-repeat;
  color: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.achievement-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 45%, rgba(0, 0, 0, 0.05) 100%);
  z-index: 1;
}

.achievement .container {
  position: relative;
  z-index: 2;
}

.achievement-layout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  align-items: center;
  gap: 32px;
}

.achievement-content {
  display: grid;
  gap: 18px;
  max-width: 620px;
}

.achievement-kicker {
  margin: 0;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #f3a10a;
  text-transform: uppercase;
  font-size: 14px;
}

.achievement-content h1 {
  margin: 0;
  font-size: 42px;
  line-height: 1.5;
  font-weight: 700;
}

.achievement-subtext {
  margin: 0;
  color: #f1f1f1;
  max-width: 640px;
  font-size: 17px;
  line-height: 1.6;
}

.achievement-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-radius: 10px;
  background: #b4926d;
  border-color: #b4926d;
  color: #fff;
  border-radius: 5px;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.achievement-btn i {
  font-size: 14px;
}

.achievement-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
	color: #fff;
}

.achievement-stats {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  color: #fff;
  align-self: center;
}

.achievement-stat {
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 14px;
  padding: 16px 18px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
}

.achievement-stat .stat-number {
  display: block;
  font-size: clamp(38px, 6vw, 64px);
  font-weight: 800;
  line-height: 1.05;
}

.achievement-stat .stat-label {
  display: block;
  margin-top: 6px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

/* Responsive */
@media (max-width: 1024px) {
  .nav-toggle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
  }

  .nav-menu {
    width: 100%;
  }

  .nav-wrapper .container {
    width: 100%;
  }

  .nav-wrapper .mobile-collapse .nav-menu {
    width: 100%;
    align-items: stretch;
  }

  .nav-wrapper .mobile-collapse .nav-menu a,
  .nav-wrapper .mobile-collapse .nav-link-btn {
    width: 100%;
    color: #000;
  }

  .nav-wrapper .mobile-collapse .nav-menu a:hover,
  .nav-wrapper .mobile-collapse .nav-menu a:focus,
  .nav-wrapper .mobile-collapse .nav-link-btn:hover,
  .nav-wrapper .mobile-collapse .nav-link-btn:focus {
    color: #000;
    background: rgba(0, 0, 0, 0.06);
  }

  .nav-menu {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    background: var(--white);
    padding: 10px 0;
    border-radius: 12px;
    border: 1px solid #eef2f7;
  }

  .nav-menu.open {
    display: flex;
  }

  .nav-actions {
    align-items: stretch;
  }

  .nav-actions.open {
    display: flex;
  }

  .search-bar {
    width: 100%;
  }

  .hero-visual {
    justify-items: start;
  }

  .hero-copy {
    text-align: left;
  }

  .hero-stats {
    justify-content: flex-start;
  }

  .slider-btn {
    display: none;
  }

  .service-track {
    padding-right: 8px;
  }
}

@media (max-width: 768px) {
  .top-grid {
    grid-template-columns: 1fr;
  }

  .hero {
    padding: 60px 0;
  }

  .nav-grid {
    padding: 12px 0;
  }

  .cta-btn {
    width: auto;
    justify-content: center;
  }

  .hero-actions {
    flex-direction: column;
  }

  .glass-card {
    width: 100%;
  }

  .hero-stats {
    justify-content: flex-start;
    gap: 12px;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .achievement {
    padding: 60px 0;
    min-height: 480px;
  }
  .achievement-layout {
    grid-template-columns: 1fr;
  }
  .achievement-stats {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}

/* Contact page */
.contact-hero {
  background: radial-gradient(circle at 15% 20%, rgba(197, 164, 126, 0.16), transparent 34%),
    radial-gradient(circle at 80% 10%, rgba(255, 255, 255, 0.14), transparent 32%),
    linear-gradient(180deg, #0f0b07, #16100b);
  color: #f8f4ea;
  position: relative;
  overflow: hidden;
}

.contact-hero::after {
  content: "";
  position: absolute;
  inset: 8% 12%;
  background: radial-gradient(circle at 20% 20%, rgba(197, 164, 126, 0.12), transparent 32%),
    radial-gradient(circle at 90% 10%, rgba(255, 255, 255, 0.09), transparent 28%);
  filter: blur(18px);
  opacity: 0.8;
  z-index: 0;
}

.contact-hero__content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
  gap: 26px;
  position: relative;
  z-index: 1;
}

.contact-hero__text {
  display: grid;
  gap: 14px;
  max-width: 620px;
}

.contact-hero__text h1 {
  margin: 0;
  font-size: clamp(32px, 5vw, 48px);
  line-height: 1.15;
}

.contact-hero__text p {
  margin: 0;
  color: #e8ddc8;
}

.contact-hero__badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.contact-hero__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin-top: 4px;
}

.stat-pill {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(6px);
}

.stat-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(197, 164, 126, 0.18);
  color: #f8f4ea;
}

.stat-label {
  font-size: 12px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #e8ddc8;
  opacity: 0.9;
}

.stat-value {
  font-weight: 700;
  color: #fff;
  font-size: 15px;
}

.pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0px 25px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 13px;
  height: 45px;
}

.pill-success {
  background: rgba(86, 193, 115, 0.16);
  color: #d7f6e1;
  border: 1px solid rgba(86, 193, 115, 0.4);
}

.pill-ghost {
  background: rgba(255, 255, 255, 0.08);
  color: #f8f4ea;
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.contact-hero__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.contact-hero__actions .cta-btn {
  min-width: 190px;
}

.contact-hero__meta {
  display: grid;
  gap: 8px;
  color: #d3c7b2;
  font-weight: 600;
}

.contact-hero__meta i {
  color: #c5a47e;
  margin-right: 8px;
}

.contact-hero__card {
  background: #fff8ea;
  color: #1f1f1f;
  border: 1px solid #e9dec4;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16);
  display: grid;
  gap: 12px;
  position: relative;
  overflow: hidden;
}

.contact-hero__card::before {
  content: "";
  position: absolute;
  inset: 12px;
  background: radial-gradient(circle at 20% 30%, rgba(197, 164, 126, 0.12), transparent 45%),
    radial-gradient(circle at 90% 20%, rgba(0, 0, 0, 0.08), transparent 40%);
  filter: blur(12px);
  opacity: 0.6;
  z-index: 0;
}

.contact-hero__card > * {
  position: relative;
  z-index: 1;
}

.contact-card__top {
  display: grid;
  gap: 10px;
}

.contact-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(197, 164, 126, 0.16);
  color: #7a5b34;
  font-weight: 700;
  width: fit-content;
}

.contact-hero__channels {
  display: grid;
  gap: 10px;
}

.channel {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e9dec4;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}

.channel-icon {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(197, 164, 126, 0.16);
  color: #7a5b34;
}

.channel-label {
  font-size: 13px;
  font-weight: 700;
  color: #6b5538;
}

.channel-value {
  font-weight: 700;
  color: #1f1f1f;
  font-size: 15px;
}

.contact-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, #e3d5bb, transparent);
  margin: 2px 0;
}

.contact-form__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #2a1f11;
}

.contact-form__subtitle {
  margin: 0 0 4px;
  color: #5d4a33;
}

.contact-form {
  display: grid;
  gap: 12px;
}

.contact-form label {
  display: grid;
  gap: 6px;
  font-weight: 600;
  color: #3b2b15;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 12px 12px;
  border-radius: 10px;
  border: 1px solid #e4d5b7;
  background: #fff;
  font-size: 14px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: #c5a47e;
  box-shadow: 0 0 0 3px rgba(197, 164, 126, 0.2);
}

.contact-form textarea {
  resize: vertical;
}

.field-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}

.contact-info {
  background: #fdf9f1;
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 18px;
}

.contact-card {
  background: #fff;
  border: 1px solid #e9dec4;
  border-radius: 12px;
  padding: 18px;
  display: grid;
  gap: 10px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}

.contact-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(197, 164, 126, 0.12);
  color: #7a5b34;
  font-size: 18px;
}

.contact-card h3 {
  margin: 0;
  font-size: 18px;
}

.contact-card p {
  margin: 0;
  color: #5a4d38;
}

.contact-card .cta-btn {
  width: fit-content;
  padding: 10px 14px;
}

.contact-visit {
  background: linear-gradient(180deg, #120e0a, #0d0a07);
  color: #f6f0e4;
}

.contact-visit__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 22px;
  align-items: center;
}

.contact-visit__card {
  display: grid;
  gap: 12px;
}

.contact-visit__card h3 {
  margin: 0;
  font-size: clamp(26px, 4vw, 34px);
}

.contact-visit__card p {
  margin: 0;
  color: #dfd5c5;
}

.contact-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
  color: #e8ddc8;
}

.contact-list i {
  color: #c5a47e;
  margin-right: 8px;
}

.contact-visit__map {
  position: relative;
}

.map-embed iframe {
  width: 100%;
  height: 100%;
  min-height: 360px;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.account-hours {
  background: #fdf9f1;
}

.account-hours__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
  align-items: stretch;
}

.card-block {
  background: #fff;
  border: 1px solid #e9dec4;
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
  display: grid;
  gap: 14px;
  height: 100%;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.card-block:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.12);
  border-color: #d8c7a5;
}

.card-block__header {
  display: flex;
  gap: 12px;
  align-items: center;
}

.card-block__header h3 {
  margin: 0;
}

.card-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(197, 164, 126, 0.16);
  color: #7a5b34;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.eyebrow.small {
  font-size: 11px;
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.account-list {
  display: grid;
  gap: 10px;
}

.account-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 12px;
  background: #fffdf7;
  border: 1px solid #f0e3c7;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.account-item:hover {
  border-color: #d8c7a5;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}

.account-item__icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(197, 164, 126, 0.12);
  color: #7a5b34;
}

.account-label {
  font-size: 13px;
  font-weight: 700;
  color: #6b5538;
}

.account-value {
  font-weight: 700;
  color: #1f1f1f;
}

.hours-card {
  position: relative;
  overflow: hidden;
}

.hours-card::after {
  content: "";
  position: absolute;
  inset: 10% 5%;
  background: radial-gradient(circle at 20% 20%, rgba(197, 164, 126, 0.1), transparent 40%),
    radial-gradient(circle at 80% 10%, rgba(0, 0, 0, 0.04), transparent 40%);
  filter: blur(18px);
  z-index: 0;
}

.hours-card > * {
  position: relative;
  z-index: 1;
}

.hours-table {
  display: grid;
  gap: 10px;
}

.hours-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  border-radius: 12px;
  background: #fffdf7;
  border: 1px solid #f0e3c7;
  font-weight: 600;
}

.hours-row.highlight {
  background: #fff4e0;
  border-color: #d8c7a5;
  color: #5b462d;
}

.hours-day {
  font-size: 14px;
  color: #4a3a21;
}

.hours-time {
  font-size: 15px;
  color: #1f1f1f;
  font-weight: 800;
}

@media (max-width: 640px) {
  .hours-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}
@media (max-width: 768px) {
  .contact-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .contact-hero__card {
    padding: 18px;
  }
}

#alpha-contact-globe-v1 {
  width: 100%;
  height: 100vh;
  min-height: 800px;
  box-sizing: border-box;
  background-color: #ffffff;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: left;
  justify-content: left;
}

#contact-globe-canvas {
  position: absolute;
  top: 70px;
  left: 235px;
  width: 100%;
  height: 100%;
  outline: none;
}

.portal-container {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1200px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 60px;
  padding: 5%;
  pointer-events: none;
}

.portal-info {
  text-align: left;
  pointer-events: all;
}
.portal-info h1 {
  font-family: 'Exo 2', sans-serif;
  font-size: 4rem;
  font-weight: 800;
  color: #000000;
  margin-bottom: 1.5rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.portal-info p {
  font-size: 1.2rem;
  line-height: 1.8;
  color: #333333;
  margin-bottom: 40px;
}

.contact-details {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact-detail-item {
  display: flex;
  align-items: center;
  gap: 15px;
  background: rgba(255, 255, 255, 0.7);
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #e9ecef;
  transition: all 0.3s ease;
  cursor: pointer;
}
.contact-detail-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px -10px rgba(0,0,0,0.1);
  border-color: #c5a47e;
}
/* Added dark glow effect on click */
.contact-detail-item.active {
  background: rgba(30, 30, 30, 0.9);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6), 0 0 60px rgba(0, 0, 0, 0.4);
  border-color: #1a1a1a;
}
.contact-detail-item .icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: #c5a47e;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  transition: all 0.3s ease;
  animation: iconFloat 3s ease-in-out infinite;
}

@keyframes iconFloat {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
}

.contact-detail-item .icon svg {
  width: 20px;
  height: 20px;
}

@media (max-width: 992px) {
  .portal-container {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .portal-info { text-align: center; }
  .contact-details { align-items: center; }
  #contact-globe-canvas {
    opacity: 0.2;
  }
}

/* FAQ page */
.faq-hero {
  background: radial-gradient(circle at 18% 20%, rgba(197, 164, 126, 0.16), transparent 32%),
    radial-gradient(circle at 80% 6%, rgba(255, 255, 255, 0.12), transparent 30%),
    linear-gradient(180deg, #0f0b07, #16100b);
  color: #f8f4ea;
  position: relative;
  overflow: hidden;
}

.faq-hero::after {
  content: "";
  position: absolute;
  inset: 12% 10%;
  background: radial-gradient(circle at 20% 30%, rgba(197, 164, 126, 0.16), transparent 42%),
    radial-gradient(circle at 90% 10%, rgba(0, 0, 0, 0.08), transparent 38%);
  filter: blur(18px);
  opacity: 0.7;
  z-index: 0;
}

.faq-hero__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 22px;
  align-items: stretch;
  position: relative;
  z-index: 1;
}

.faq-hero__text {
  display: grid;
  gap: 14px;
  max-width: 640px;
}

.faq-hero__text h1 {
  margin: 0;
  font-size: clamp(32px, 5vw, 48px);
  line-height: 1.15;
}

.faq-hero__text p {
  margin: 0;
  color: #e8ddc8;
}

.faq-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tag-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  display: inline-block;
  margin-right: 6px;
  box-shadow: 0 0 0 6px rgba(197, 164, 126, 0.14);
}

.faq-hero__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.faq-hero__card {
  background: #fff8ea;
  color: #1f1f1f;
  border: 1px solid #e9dec4;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16);
  display: grid;
  gap: 14px;
  position: relative;
  overflow: hidden;
}

.faq-hero__card::before {
  content: "";
  position: absolute;
  inset: 12px;
  background: radial-gradient(circle at 24% 22%, rgba(197, 164, 126, 0.14), transparent 45%),
    radial-gradient(circle at 80% 18%, rgba(0, 0, 0, 0.05), transparent 38%);
  filter: blur(12px);
  opacity: 0.7;
  z-index: 0;
}

.faq-hero__card > * {
  position: relative;
  z-index: 1;
}

.faq-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(197, 164, 126, 0.16);
  color: #7a5b34;
  font-weight: 700;
  width: fit-content;
}

.faq-hero__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
  color: #4a3a21;
}

.faq-hero__list li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: flex-start;
}

.faq-hero__list i {
  color: #c5a47e;
  margin-top: 4px;
}

.faq-hero__visual {
  position: relative;
  min-height: 340px;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
}

.faq-hero-canvas {
  position: absolute;
  top: inherit;
  left: inherit;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}

.faq-section {
  background: #fdf9f1;
}

.faq-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 18px;
}

.faq-group {
  background: #fff;
  border: 1px solid #e9dec4;
  border-radius: 14px;
  padding: 20px;
  display: grid;
  gap: 12px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}

.faq-group__header {
  display: grid;
  gap: 6px;
  text-align: center;
  margin-bottom: 40px;
}

.faq-group__header h2 {
  margin: 0;
  font-size: clamp(22px, 3vw, 28px);
}

.faq-group__header p {
  margin: 4px 0 0;
  color: #5a4d38;
}

.faq-group__header .eyebrow {
  margin: 0 auto;
}

.faq-accordion {
  display: grid;
  gap: 12px;
}

.faq-accordion details {
  background: #fffdf7;
  border: 1px solid #efe1c4;
  border-radius: 14px;
  padding: 0;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.25s ease, color 0.2s ease;
  overflow: hidden;
}

.zigzag-section .faq-accordion details {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(197, 164, 126, 0.2);
  backdrop-filter: blur(10px);
}

.zigzag-section .faq-accordion summary {
  color: rgba(255, 255, 255, 0.9);
}

.faq-accordion details[open] {
  border-color: transparent;
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
}

.zigzag-section .faq-accordion details[open] {
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  box-shadow: 0 14px 40px rgba(197, 164, 126, 0.3);
}

.faq-accordion summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-weight: 500;
  color: #2a1f11;
  padding: 14px 16px;
  font-size: 20px;
}

.faq-accordion summary::-webkit-details-marker {
  display: none;
}

.faq-accordion summary::after {
  content: "\f078";
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(197, 164, 126, 0.18);
  color: #7a5b34;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 14px;
  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.zigzag-section .faq-accordion summary::after {
  background: rgba(197, 164, 126, 0.3);
  color: var(--brand);
}

.zigzag-section .faq-accordion details[open] {
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  box-shadow: 0 14px 40px rgba(197, 164, 126, 0.4);
}

.faq-accordion details[open] summary::after {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  transform: rotate(180deg);
}

.faq-body {
  padding: 0 16px 14px;
  color: #5a4d38;
  line-height: 1.6;
  font-size: 14px;
  transition: color 0.2s ease;
}

.faq-accordion details[open] summary {
  color: #fff;
}

.faq-accordion details[open] .faq-body {
  color: rgba(255, 255, 255, 0.9);
}

.faq-cta {
  background: linear-gradient(135deg, #120e0a, #0d0a07);
  color: #f6f0e4;
  position: relative;
  overflow: hidden;
}

.faq-cta__spans-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.faq-cta__spans {
  display: flex;
  width: 100%;
  height: 100%;
  gap: 0;
}

.faq-cta__spans span {
  display: inline-block;
  width: 1px;
  height: 100%;
  background: rgba(243, 214, 122, 0.1);
  margin-right: 29px;
  flex-shrink: 0;
}

.faq-cta__box {
  position: relative;
  z-index: 1;
}

.faq-cta__box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  align-items: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(243, 214, 122, 0.18);
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16);
}

.faq-cta__text h3 {
  margin: 4px 0;
  font-size: clamp(22px, 3vw, 28px);
}

.faq-cta__text p {
  margin: 0;
  color: #e8ddc8;
}

.faq-cta__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

@media (max-width: 990px) {
  .faq-hero__visual {
    display: none;
  }
  
  .faq-hero-canvas {
    display: none;
  }
}

@media (max-width: 768px) {
  .faq-hero__actions,
  .faq-cta__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .faq-hero__card {
    padding: 18px;
  }

  .faq-hero__visual {
    min-height: 260px;
  }

  .faq-hero-canvas {
    width: 100%;
    height: 100%;
  }
}

/* Product page */
.product-hero {
  padding: 70px 0 50px;
  color: var(--white);
}

.product-hero::after {
  background:
    linear-gradient(180deg, rgba(13, 11, 7, 0.6), rgba(13, 11, 7, 0.9)),
    url("images/NH-Hero.jpg") center/cover no-repeat;
  opacity: 1;
  filter: saturate(0.9);
}

.product-hero .hero-copy {
  text-align: center;
  justify-items: center;
  align-items: center;
  margin: 0 auto;
}

/* Product sections */
.product-section {
  background: #fff;
}

.product-section.alt {
  background: #fdf9f1;
}

.product-section__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}

.product-section__header h3 {
  margin: 6px 0;
  font-size: clamp(24px, 3vw, 32px);
}

.product-section__header p {
  margin: 0;
  color: #5c4d36;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
}

.product-card {
  background: #fff;
  border: 1px solid #e9dec4;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

.product-media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.product-card:hover .product-media img {
  transform: scale(1.03);
}

.status-pill {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(12, 10, 6, 0.88);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.4px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.status-pill.in-stock {
  background: rgba(22, 136, 78, 0.92);
}
.related-products .product-card .status-pill{width: fit-content;}

.status-pill.limited {
  background: rgba(197, 164, 126, 0.95);
  color: #0c0a06;
}

.status-pill.backorder {
  background: rgba(230, 83, 0, 0.92);
}

.product-tag {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 6px 10px;
  background: rgba(255, 255, 255, 0.9);
  color: #6f5b39;
  font-weight: 800;
  border-radius: 10px;
  font-size: 12px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}

.product-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}

.product-meta h4 {
  margin: 6px 0 4px;
  font-size: 20px;
}

.product-meta p {
  margin: 0;
}

.product-category {
  color: #8a744f;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.product-desc {
  color: #4b4133;
}

.product-specs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}

.product-specs li {
  background: #fdf9f1;
  border: 1px solid #efe1c4;
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #4b4133;
  font-size: 14px;
}

.product-specs span {
  color: #7a674b;
  font-weight: 600;
}

.product-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.product-actions .cta-btn {
  width: 100%;
  text-align: center;
}

.category-sidebar {
  position: sticky;
  top: 140px;
  background: #fff;
  border: 1px solid #e9dec4;
  border-radius: 12px;
  padding: 14px 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

.category-sidebar h5 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
}

.category-sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

.category-sidebar a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  color: #6f5b39;
  font-weight: 600;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}

.category-sidebar .count {
  background: #fdf9f1;
  border: 1px solid #e9dec4;
  border-radius: 10px;
  padding: 3px 8px;
  font-size: 12px;
  color: #6f5b39;
  min-width: 26px;
  text-align: center;
}

.category-sidebar a:hover {
  color: var(--brand-dark);
  border-color: #e9dec4;
  background: #fffaf0;
}
.product-link {
  color: #8a744f;
  font-weight: 700;
  text-decoration: none;
}

.product-link:hover {
  color: var(--brand-dark);
}

.product-promise {
  background: linear-gradient(135deg, #120e0a, #0d0a07);
  color: #f6f0e4;
}

.promise-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  align-items: stretch;
}

.promise-copy h3 {
  margin: 10px 0;
  font-size: clamp(24px, 3vw, 32px);
}

.promise-copy p {
  margin: 0;
  color: #e8ddc8;
}

.promise-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.promise-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(243, 214, 122, 0.2);
  border-radius: 12px;
}

.promise-item i {
  color: var(--brand);
  font-size: 18px;
}

.promise-card {
  background: #fff;
  color: #2b2014;
  border-radius: 14px;
  border: 1px solid #e9dec4;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.18);
  padding: 18px;
  display: grid;
  gap: 12px;
}

.promise-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(197, 164, 126, 0.14);
  color: #7a5b34;
  font-weight: 800;
  width: fit-content;
}

.promise-card p {
  margin: 0;
  color: #4b4133;
}

.promise-points {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

.promise-points li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4b4133;
}

.promise-points i {
  color: #3f7c3f;
}

.promise-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.product-cta {
  background: #fdf9f1;
}

.product-cta__box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  align-items: center;
  border: 1px solid #e9dec4;
  border-radius: 16px;
  padding: 22px;
  background: #fff;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08);
}

.product-cta__copy h3 {
  margin: 8px 0;
  font-size: clamp(22px, 3vw, 28px);
}

.product-cta__copy p {
  margin: 0;
  color: #5a4d38;
}

.product-cta__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

@media (max-width: 992px) {
  .product-hero {
    padding: 110px 0 90px;
  }

  .product-section__header {
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .product-head {
    align-items: flex-start;
  }

  .product-chips {
    width: 100%;
  }

  .product-actions .cta-btn,
  .product-cta__actions .cta-btn {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 540px) {
  .product-chip {
    width: 100%;
    justify-content: center;
  }

  .product-specs {
    grid-template-columns: 1fr;
  }
}

/* Product page */
.product-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #0f0c08, #16120c);
  color: #f5eddc;
}

.product-hero::before,
.product-hero::after {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.26;
  z-index: 0;
}

.product-hero::before {
  background: rgba(197, 164, 126, 0.8);
  top: -80px;
  left: -120px;
}

.product-hero::after {
  background: rgba(255, 255, 255, 0.24);
  bottom: -120px;
  right: -60px;
}

.product-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 28px;
  align-items: center;
}

.product-hero__text h1 {
  margin: 10px 0 14px;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.15;
}

.product-hero__text p {
  color: #e9dec6;
  margin: 0 0 12px;
}

.product-hero__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.product-hero__stats {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.stat-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(197, 164, 126, 0.14);
  color: #f0e5ce;
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-weight: 600;
  font-size: 14px;
}

.product-hero__card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  padding: 20px;
  display: grid;
  gap: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.32);
}

.product-hero__card h3 {
  margin: 0;
  color: #fff;
}

.product-hero__card ul {
  margin: 0;
  padding-left: 18px;
  color: #f0e5ce;
  display: grid;
  gap: 6px;
}

.card-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 10px;
  background: rgba(243, 214, 122, 0.16);
  color: #f3d67a;
  font-weight: 700;
  width: fit-content;
}

.product-hero__meta {
  display: grid;
  gap: 6px;
  color: #e9dec6;
  font-size: 14px;
}

.section-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 28px;
  display: grid;
  gap: 8px;
}

.section-header h2 {
  margin: 0;
  font-size: clamp(26px, 3.4vw, 34px);
}

.section-header p {
  margin: 0;
  color: #5a4d38;
}

.product-catalog {
  background: #fffdf7;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
}

.product-card {
  background: #fff;
  border: 1px solid #e9dec4;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.08);
}

.product-media {
  height: 200px;
  overflow: hidden;
}

.product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-body {
  padding: 18px;
  display: grid;
  gap: 10px;
  flex: 1;
}

.product-badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.badge-soft {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(197, 164, 126, 0.14);
  color: #7a5b34;
  font-weight: 700;
  font-size: 13px;
}

.badge-soft.success {
  background: rgba(32, 201, 151, 0.14);
  color: #1f7a5c;
}

.badge-soft.warning {
  background: rgba(243, 214, 122, 0.16);
  color: #9c7a33;
}

.badge-soft.neutral {
  background: rgba(0, 0, 0, 0.06);
  color: #333;
}

.product-meta {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
  color: #5a4d38;
}

.product-meta i {
  color: #c5a47e;
  margin-right: 6px;
}

.product-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: auto;
}

.text-link {
  color: #7a5b34;
  font-weight: 700;
}

.text-link:hover {
  color: #4e3615;
}

.text-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #fff8ea;
  border: 1px solid #e9dec4;
  border-radius: 12px;
  color: #5a4d38;
  font-weight: 600;
}

.product-spotlight {
  background: linear-gradient(135deg, #0d0a07, #14100b);
  color: #f6efe0;
}

.spotlight-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
}

.spotlight-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  padding: 20px;
  display: grid;
  gap: 12px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
}

.spotlight-card h3 {
  margin: 0;
}

.spotlight-card p {
  margin: 0;
  color: #e9dec6;
}

.spotlight-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(243, 214, 122, 0.16);
  color: #f3d67a;
  font-weight: 700;
}

.spotlight-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
  color: #e9dec6;
}

.spotlight-list i {
  color: #f3d67a;
  margin-right: 8px;
}

.product-support {
  background: #fffdf7;
}

.support-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}

.support-card {
  background: #fff;
  border: 1px solid #e9dec4;
  border-radius: 14px;
  padding: 18px;
  display: grid;
  gap: 8px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

.support-card h4 {
  margin: 0;
}

.support-card p {
  margin: 0;
  color: #5a4d38;
}

.support-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(197, 164, 126, 0.14);
  color: #7a5b34;
  font-size: 18px;
}

.product-cta {
  background: linear-gradient(135deg, #0f0c08, #16120c);
  color: #f6efe0;
  padding: 40px 0;
}

.product-cta__inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
  align-items: center;
}

.product-cta__text h2 {
  margin: 6px 0;
  font-size: clamp(24px, 3vw, 32px);
}

.product-cta__text p {
  margin: 0;
  color: #e9dec6;
}

.product-cta__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

@media (max-width: 768px) {
  .product-hero__grid {
    grid-template-columns: 1fr;
  }

  .product-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-cta__actions {
    justify-content: flex-start;
  }
}

/* Services page */
.page-hero {
  position: relative;
  overflow: hidden;
  color: #f9f7f1;
  padding: 70px 0 70px;
  background: linear-gradient(135deg, rgba(12, 10, 6, 0.9), rgba(12, 10, 6, 0.7)),
    url("images/wp2053175-transport-wallpapers.jpg") center/cover no-repeat;
}

.page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 30%, rgba(197, 164, 126, 0.18), transparent 32%),
    radial-gradient(circle at 80% 20%, rgba(243, 214, 122, 0.16), transparent 30%);
  z-index: 1;
}

.page-hero .container {
  position: relative;
  z-index: 2;
}

.page-hero h1 {
  margin: 12px 0 10px;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.15;
}

.page-hero h2 {
  font-size: 4rem;
  margin-top: 20px;font-weight: 600;
}

.page-hero p {
  margin: 0;
  max-width: 760px;
  color: #e8ddc8;
	font-size: 18px;
  font-weight: 300;
}

.page-hero .hero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.service-hero-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.service-hero-meta .meta-card {
  background: rgba(12, 10, 6, 0.55);
  border: 1px solid rgba(243, 214, 122, 0.18);
  border-radius: 12px;
  padding: 14px;
  display: grid;
  gap: 6px;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.22);
}

.service-hero-meta .meta-card h4 {
  margin: 0;
  color: #f7f0e0;
  font-size: 18px;
}

.service-hero-meta .meta-card p {
  margin: 0;
  color: #d9cdb7;
}

.service-hero-meta .meta-card i {
  color: #f3d67a;
}

.service-subtext {
  max-width: 820px;
  margin: 10px auto 0;
  color: #5a4d38;
}

.service-cta {
  background: linear-gradient(135deg, #0f0b07, #16100b);
  color: #f6efe0;
}

.service-cta__inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  align-items: center;
  border: 1px solid rgba(243, 214, 122, 0.22);
  border-radius: 16px;
  padding: 22px;
  background: rgba(255, 255, 255, 0.03);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

.service-cta__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.service-cta p {
  margin: 0;
  color: #e8ddc8;
}

@media (max-width: 768px) {
  .page-hero {
    padding: 90px 0 80px;
  }

  .service-hero-meta {
    grid-template-columns: 1fr;
  }

  .service-cta__actions {
    justify-content: flex-start;
  }
}

/* Services page overrides */
.services-page .service_single {
  padding: 0;
}

.services-page .service_single,
.services-page .service_single .inner {
  height: 100%;
}

.services-page .service_single .inner {
  display: flex;
  flex-direction: column;
}

.services-page .service_details {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: inherit;
}

/* Zigzag Section Styles */
.zigzag-section {
  background: linear-gradient(135deg, #0c0a06, #1a1610);
  position: relative;
}

.zigzag-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 30%, rgba(197, 164, 126, 0.15), transparent 50%),
              radial-gradient(circle at 80% 70%, rgba(169, 133, 92, 0.12), transparent 50%);
  pointer-events: none;
}

.zigzag-section .container {
  position: relative;
  z-index: 1;
}

.zigzag-section .service_head h2 {
  color: #fff;
}

.zigzag-section .service_head p {
  color: rgba(255, 255, 255, 0.8);
}

.zigzag-item {
  padding: 20px 0;
}

.zigzag-item .row {
  align-items: stretch;
}

.zigzag-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.zigzag-content h3 {
  font-size: clamp(24px, 3vw, 32px);
  margin-bottom: 16px;
  color: inherit;
  font-weight: 700;
}

.zigzag-content p {
  margin-bottom: 16px;
  line-height: 1.7;
  color: inherit;
}

.zigzag-content .price-note {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 16px;
}

.zigzag-image {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zigzag-section .zigzag-image {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(197, 164, 126, 0.2);
  background: #fff;
}

.zigzag-section .zigzag-image img {
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  height: 100%;
  object-fit: contain;
}

.zigzag-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #fff;
  padding: 10px;
}

.zigzag-section .zigzag-content h3 {
  color: rgba(255, 255, 255, 0.95);
}

.zigzag-section .zigzag-content p {
  color: rgba(255, 255, 255, 0.85);
}

.faq-accordion details[open] .zigzag-content h3 {
  color: #fff;
}

.faq-accordion details[open] .zigzag-content p {
  color: rgba(255, 255, 255, 0.95);
}

.zigzag-section .zigzag-content .price-note {
  color: rgba(255, 255, 255, 0.9);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* Company Profile Section Styles */
.company-profile {
  background: linear-gradient(135deg, #0c0a06, #1a1610);
  position: relative;
  overflow: hidden;
}

.company-profile::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 30%, rgba(197, 164, 126, 0.15), transparent 50%),
              radial-gradient(circle at 80% 70%, rgba(169, 133, 92, 0.12), transparent 50%);
  pointer-events: none;
}

.profile-wrapper {
  position: relative;
  z-index: 1;
}

/* Company Intro Section */
.company-intro {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.company-logo-main {
  max-width: 320px;
  opacity: 0;
  animation: fadeInUp 0.8s ease forwards;
}

.company-logo-main img {
  width: 100%;
  height: auto;
border-radius:6px;
  object-fit: contain;
  filter: drop-shadow(0 4px 20px rgba(197, 164, 126, 0.3));
}

.company-name h2 {
  font-size: clamp(28px, 3.5vw, 42px);
  font-weight: 700;
  color: #fff;
  margin: 0 0 8px 0;
  line-height: 1.2;
  opacity: 0;
  animation: fadeInUp 0.8s ease 0.2s forwards;
}

.company-tagline {
  font-size: 16px;
  color: var(--brand);
  font-weight: 600;
  margin: 0;
  opacity: 0;
  animation: fadeInUp 0.8s ease 0.4s forwards;
}

/* Profile Description */
.profile-description {
  opacity: 0;
  animation: fadeInUp 0.8s ease 0.3s forwards;
}

.profile-description p {
  font-size: 18px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  font-weight: 400;
}

/* Partner Logos Section */
.partner-logos-section {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid rgba(197, 164, 126, 0.2);
}

.partner-logos-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 900px;
  margin: 0 auto;
}

.partner-logo-card {
  opacity: 0;
  animation: fadeInUp 0.8s ease forwards;
}

.partner-logo-card:nth-child(1) {
  animation-delay: 0.6s;
}

.partner-logo-card:nth-child(2) {
  animation-delay: 0.7s;
}

.partner-logo-card:nth-child(3) {
  animation-delay: 0.8s;
}

.logo-container {
  background: rgba(255, 255, 255, 0.05);
  padding: 35px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  border: 1px solid rgba(197, 164, 126, 0.2);
  transition: all 0.4s ease;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.partner-logo-card:hover .logo-container {
  transform: translateY(-10px);
  border-color: var(--brand);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 50px rgba(197, 164, 126, 0.4);
}

.logo-container img {
  width: 100%;
  height: auto;
  max-width: 200px;
  object-fit: contain;
  filter: brightness(1.1);
  transition: all 0.4s ease;
}

.partner-logo-card:hover .logo-container img {
  filter: brightness(1.3);
  transform: scale(1.08);
}

/* Fade In Animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Flag Section Styles */
.flag-item {
  padding: 15px;
  background: #fffdf7;
  border: 1px solid #efe1c4;
  border-radius: 12px;
  transition: all 0.3s ease;
}

.flag-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  border-color: var(--brand);
}

.flag-image {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.flag-image img {
  width: 100%;
  max-width: 120px;
  height: auto;
  object-fit: contain;
  display: block;
  border-radius: 4px;
}

.flag-icon {
  font-size: 48px;
  margin-bottom: 12px;
  line-height: 1;
}

.flag-item p {
  margin: 0;
  font-weight: 600;
  color: var(--ink);
  font-size: 14px;
}

/* Icon Card Layout Styles */
.icon-card {
  background: #fff;
  border-radius: 16px;
  padding: 40px 30px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 1px solid #f0e8d8;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.icon-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(197, 164, 126, 0.2);
  border-color: var(--brand);
}

.icon-card__icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  transition: all 0.3s ease;
  box-shadow: 0 8px 20px rgba(197, 164, 126, 0.3);
}

.icon-card:hover .icon-card__icon {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 12px 30px rgba(197, 164, 126, 0.4);
}

.icon-card__icon i {
  font-size: 32px;
  color: #fff;
  transition: all 0.3s ease;
}

.icon-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.icon-card__content h4 {
  font-size: 22px;
  font-weight: 700;
  color: var(--ink);
  margin: 0 0 16px 0;
  line-height: 1.3;
}

.icon-card__content p {
  font-size: 15px;
  color: var(--muted);
  line-height: 1.7;
  margin: 0;
}

.icon-card:hover .icon-card__content h4 {
  color: var(--brand-dark);
}

/* Heavy Machine Page Specific Styles */
.heavy-machine-page .faq-accordion details {
  margin-bottom: 16px;
}

.heavy-machine-page .faq-body {
  padding: 24px 16px;
}

@media (max-width: 768px) {
  .zigzag-content h3 {
    font-size: 22px;
  }
  
  .zigzag-image {
    margin-top: 20px;
    height: auto;
    min-height: 300px;
  }

  .zigzag-image img {
    height: auto;
    object-fit: cover;
  }

  .zigzag-content {
    height: auto;
  }
  
  .flag-icon {
    font-size: 40px;
  }

  .flag-image img {
    max-width: 100px;
  }

  .company-intro {
    text-align: center;
    align-items: center;
  }

  .company-logo-main {
    max-width: 220px;
    margin: 0 auto;
  }

  .profile-description {
    text-align: center;
  }

  .profile-description p {
    font-size: 16px;
  }

  .partner-logos-section {
    margin-top: 30px;
    padding-top: 25px;
    border-top: none;
  }

  .partner-logos-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }

  .logo-container {
    min-height: 140px;
    padding: 30px;
  }

  .logo-container img {
    max-width: 160px;
  }

  @media (max-width: 576px) {
    .company-logo-main {
      max-width: 420px;
    }

    .company-name h2 {
      font-size: 24px;
    }

    .company-tagline {
      font-size: 14px;
    }

    .profile-description p {
      font-size: 15px;
    }

    .partner-logos-grid {
      grid-template-columns: 1fr;
      gap: 25px;
    }

    .logo-container {
      min-height: 120px;
      padding: 25px;
    }

    .partner-logos-section {
      margin-top: 25px;
      padding-top: 20px;
      border-top: none;
    }
  }

  .icon-card {
    padding: 30px 20px;
  }

  .icon-card__icon {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
  }

  .icon-card__icon i {
    font-size: 28px;
  }

  .icon-card__content h4 {
    font-size: 20px;
  }

  .icon-card__content p {
    font-size: 14px;
  }
}


/* Partners Marquee Section Styles */

.partners {
  background: linear-gradient(135deg, #f5f3f8 0%, #e8e4f0 100%);
  overflow: hidden;
  position: relative;
}

.partners-inner {
  width: 100%;
}

.partners-marquee {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.marquee-track {
  display: flex;
  gap: 30px;
  animation: marquee-scroll 30s linear infinite;
  will-change: transform;
}

/* Pause animation on hover */
.partners-marquee:hover .marquee-track {
  animation-play-state: paused;
}

.partner-card {
  flex-shrink: 0;
  width: 180px;
  height: 120px;
  background: #ffffff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.partner-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.15);
}

.partner-card img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: grayscale(20%);
  transition: filter 0.3s ease;
}

.partner-card:hover img {
  filter: grayscale(0%);
}

/* Marquee Animation */
@keyframes marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Responsive Design */
@media (max-width: 1200px) {
  .partner-card {
    width: 200px;
    height: 130px;
  }
  
  .marquee-track {
    gap: 25px;
  }
}

@media (max-width: 768px) {
  .partners-inner {
    padding: 40px 0;
  }
  
  .partner-card {
    width: 180px;
    height: 120px;
    padding: 15px;
  }
  
  .marquee-track {
    gap: 20px;
    animation-duration: 25s;
  }
}

@media (max-width: 576px) {
  .partner-card {
    width: 150px;
    height: 100px;
    padding: 12px;
  }
  
  .marquee-track {
    gap: 15px;
    animation-duration: 20s;
  }
}

/* Smooth scrolling for better performance */
@media (prefers-reduced-motion: reduce) {
  .marquee-track {
    animation: none;
  }
  
  .marquee-track {
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}

/* ==========================================================================
   WooCommerce Shop / Archive page – scoped under .woocommerce-shop
   ========================================================================== */
.woocommerce-shop .product-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #0f0c08, #16120c);
  color: #f5eddc;
  padding: 70px 0 50px;
}
.woocommerce-shop .product-hero::before,
.woocommerce-shop .product-hero::after {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.26;
  z-index: 0;
}
.woocommerce-shop .product-hero::before {
  background: rgba(197, 164, 126, 0.8);
  top: -80px;
  left: -120px;
}
.woocommerce-shop .product-hero::after {
  background: rgba(255, 255, 255, 0.24);
  bottom: -120px;
  right: -60px;
}
.woocommerce-shop .product-hero .hero-copy {
  text-align: center;
  justify-items: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.woocommerce-shop .product-hero .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(197, 164, 126, 0.2);
  border: 1px solid rgba(197, 164, 126, 0.3);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  color: #f3d67a;
  margin-bottom: 16px;
}
.woocommerce-shop .product-hero h1 {
  font-size: clamp(32px, 5vw, 56px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  color: #fff;
}
.woocommerce-shop .product-section {
  background: #fff;
}
.woocommerce-shop .product-section.alt {
  background: #fdf9f1;
}
.woocommerce-shop .product-section__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}
.woocommerce-shop .product-section__header .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: rgba(197, 164, 126, 0.14);
  border: 1px solid rgba(197, 164, 126, 0.2);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #7a5b34;
  margin-bottom: 10px;
}
.woocommerce-shop .product-section__header h3 {
  margin: 6px 0;
  font-size: clamp(24px, 3vw, 32px);
  color: #0c0a06;
}
.woocommerce-shop .product-section__header p {
  margin: 0;
  color: #5c4d36;
}
.woocommerce-shop .product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
}
.woocommerce-shop .product-card {
  background: #fff;
  border: 1px solid #e9dec4;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.woocommerce-shop .product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}
.woocommerce-shop .product-media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.woocommerce-shop .product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}
.woocommerce-shop .product-card:hover .product-media img {
  transform: scale(1.03);
}
.woocommerce-shop .status-pill {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(12, 10, 6, 0.88);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.4px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  z-index: 2;
}
.woocommerce-shop .status-pill.in-stock {
  background: rgba(22, 136, 78, 0.92);
}
.woocommerce-shop .status-pill.limited {
  background: rgba(197, 164, 126, 0.95);
  color: #0c0a06;
}
.woocommerce-shop .status-pill.backorder {
  background: rgba(230, 83, 0, 0.92);
}
.woocommerce-shop .product-tag {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 6px 10px;
  background: rgba(255, 255, 255, 0.9);
  color: #6f5b39;
  font-weight: 800;
  border-radius: 10px;
  font-size: 12px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
  z-index: 2;
}
.woocommerce-shop .product-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}
.woocommerce-shop .product-meta h4 {
  margin: 6px 0 4px;
  font-size: 20px;
  color: #0c0a06;
}
.woocommerce-shop .product-meta p {
  margin: 0;
}
.woocommerce-shop .product-category {
  color: #8a744f;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  margin: 0;
}
.woocommerce-shop .product-desc {
  color: #4b4133;
  font-size: 14px;
  line-height: 1.5;
}
.woocommerce-shop .product-specs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}
.woocommerce-shop .product-specs li {
  background: #fdf9f1;
  border: 1px solid #efe1c4;
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #4b4133;
  font-size: 14px;
}
.woocommerce-shop .product-specs span {
  color: #7a674b;
  font-weight: 600;
}
.woocommerce-shop .product-specs strong {
  color: #0c0a06;
  font-weight: 700;
}
.woocommerce-shop .product-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: auto;
}
.woocommerce-shop .product-actions .cta-btn {
  width: 100%;
  text-align: center;
}
.woocommerce-shop .category-sidebar {
  position: sticky;
  top: 140px;
  background: #fff;
  border: 1px solid #e9dec4;
  border-radius: 12px;
  padding: 14px 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.woocommerce-shop .category-sidebar h5 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  color: #0c0a06;
}
.woocommerce-shop .category-sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.woocommerce-shop .category-sidebar a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  color: #6f5b39;
  font-weight: 600;
  border: 1px solid transparent;
  transition: all 0.2s ease;
  text-decoration: none;
}
.woocommerce-shop .category-sidebar .count {
  background: #fdf9f1;
  border: 1px solid #e9dec4;
  border-radius: 10px;
  padding: 3px 8px;
  font-size: 12px;
  color: #6f5b39;
  min-width: 26px;
  text-align: center;
}
.woocommerce-shop .category-sidebar a:hover {
  color: #a9855c;
  border-color: #e9dec4;
  background: #fffaf0;
}

.woocommerce-shop .category-sidebar a.active {
  color: var(--brand-dark);
  border-color: var(--brand);
  background: #fffaf0;
  font-weight: 700;
}

/* Ensure product grid displays correctly */
.woocommerce-shop .product-grid {
  display: grid;
  /* grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); */
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 992px) {
  .woocommerce-shop .product-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 per row on tablets */
  }
}

@media (max-width: 600px) {
  .woocommerce-shop .product-grid {
    grid-template-columns: 1fr; /* 1 per row on mobile */
  }
}
.woocommerce-shop .product-grid > * {
  list-style: none;
}

/* Hide default WooCommerce product list styling */
.woocommerce-shop .products {
  list-style: none;
  padding: 0;
  margin: 0;
}
.woocommerce-shop .product-promise {
  background: linear-gradient(135deg, #120e0a, #0d0a07);
  color: #f6f0e4;
}
.woocommerce-shop .promise-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  align-items: stretch;
}
.woocommerce-shop .promise-copy .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(197, 164, 126, 0.2);
  border: 1px solid rgba(197, 164, 126, 0.3);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  color: #f3d67a;
  margin-bottom: 16px;
}
.woocommerce-shop .promise-copy h3 {
  margin: 10px 0;
  font-size: clamp(24px, 3vw, 32px);
  color: #fff;
}
.woocommerce-shop .promise-copy p {
  margin: 0;
  color: #e8ddc8;
}
.woocommerce-shop .promise-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}
.woocommerce-shop .promise-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(243, 214, 122, 0.2);
  border-radius: 12px;
}
.woocommerce-shop .promise-item i {
  color: #c5a47e;
  font-size: 18px;
}
.woocommerce-shop .promise-item strong {
  display: block;
  color: #fff;
  font-size: 16px;
  margin-bottom: 4px;
}
.woocommerce-shop .promise-item p {
  margin: 0;
  color: #e8ddc8;
  font-size: 14px;
}
.woocommerce-shop .promise-card {
  background: #fff;
  color: #2b2014;
  border-radius: 14px;
  border: 1px solid #e9dec4;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.18);
  padding: 18px;
  display: grid;
  gap: 12px;
}
.woocommerce-shop .promise-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(197, 164, 126, 0.14);
  color: #7a5b34;
  font-weight: 800;
  width: fit-content;
  font-size: 13px;
}
.woocommerce-shop .promise-card h4 {
  margin: 0;
  font-size: 24px;
  color: #0c0a06;
}
.woocommerce-shop .promise-card p {
  margin: 0;
  color: #4b4133;
  font-size: 14px;
}
.woocommerce-shop .promise-points {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.woocommerce-shop .promise-points li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4b4133;
  font-size: 14px;
}
.woocommerce-shop .promise-points i {
  color: #3f7c3f;
}
.woocommerce-shop .promise-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.woocommerce-shop .product-link {
  color: #8a744f;
  font-weight: 700;
  text-decoration: none;
}
.woocommerce-shop .product-link:hover {
  color: #a9855c;
}
.woocommerce-shop .product-cta {
  background: #fdf9f1;
}
.woocommerce-shop .product-cta__box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  align-items: center;
  border: 1px solid #e9dec4;
  border-radius: 16px;
  padding: 22px;
  background: #fff;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08);
}
.woocommerce-shop .product-cta__copy .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: rgba(197, 164, 126, 0.14);
  border: 1px solid rgba(197, 164, 126, 0.2);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #7a5b34;
  margin-bottom: 10px;
}
.woocommerce-shop .product-cta__copy h3 {
  margin: 8px 0;
  font-size: clamp(22px, 3vw, 28px);
  color: #0c0a06;
}
.woocommerce-shop .product-cta__copy p {
  margin: 0;
  color: #5a4d38;
  font-size: 14px;
}
.woocommerce-shop .product-cta__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 992px) {
  .woocommerce-shop .product-hero {
    padding: 110px 0 90px;
  }
  .woocommerce-shop .product-section__header {
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .woocommerce-shop .product-actions .cta-btn,
  .woocommerce-shop .product-cta__actions .cta-btn {
    width: 100%;
    text-align: center;
  }
  .woocommerce-shop .product-specs {
    grid-template-columns: 1fr;
  }
}

.report-abuse-modal .report-abuse-modal-content form#forminator-module-890 {padding:30px 40px 40px !important; margin:0}
.report-abuse-modal .report-abuse-modal-content form#forminator-module-890 .forminator-row {margin:0 !important}
.report-abuse-modal .report-abuse-modal-content input[type="email"], .report-abuse-modal-content textarea  {width: 100%;padding: 12px 16px !important;border: 1px solid var(--line) !important;;border-radius: 2px !important;font-size: 15px !important;font-family: inherit !important;transition: all 0.3s ease !important;background: var(--white) !important;}
  .policies_box{
        border-radius: 14px;
        padding:20px 40px;
        background: rgb(255 255 255 / 8%);
        border: 1px solid rgba(191, 158, 119, 0.3);
        box-shadow: 0 14px 32px rgba(0, 0, 0, 0.06);
    }

    form#forminator-module-889 {
		padding: 30px 40px 40px !important;
		margin: 0;
	}

	label#forminator-field-name-1_6979e1435cec0-label {
		display: block;
		font-size: 14px;
		font-weight: 600;
		color: var(--dark);
		margin-bottom: 8px;
	}

	.quote-modal .quote-modal-content #forminator-module-889 input[type="text"], .quote-modal .quote-modal-content #forminator-module-889 input[type="email"], .quote-modal .quote-modal-content #forminator-module-889 input[type="number"]{
		width: 100% !important;;
		padding: 12px 16px !important;;
		border: 2px solid var(--line) !important;
		border-radius: 8px !important;;
		font-size: 15px !important;;
		font-family: inherit !important;;
		transition: all 0.3s ease !important;;
		background: var(--white) !important;;
	}

	.quote-modal .quote-modal-content #forminator-module-889 textarea {
		width: 100%;
		padding: 12px 16px;
		border: 2px solid var(--line);
		border-radius: 8px;
		font-size: 15px;
		font-family: inherit;
		transition: all 0.3s ease;
		background: var(--white);
	}
	
	/* Readonly field styling for Product Interest */
	.quote-modal .quote-modal-content #forminator-module-889 input.readonly-field,
	.quote-modal .quote-modal-content #forminator-module-889 .product-interested input[readonly] {
		background: #fdf9f1 !important;
		cursor: not-allowed !important;
		opacity: 0.8;
	}
	
	/* WooCommerce Add to Cart Form Styling */
	.woocommerce-add-to-cart-wrapper {
		margin-top: 30px;
	}
	
	.woocommerce-add-to-cart-wrapper .quantity {
		display: inline-block;
		margin-right: 15px;
	}
	
	.woocommerce-add-to-cart-wrapper .quantity input {
		width: 80px;
		padding: 12px 16px;
		border: 2px solid #e9dec4;
		border-radius: 8px;
		font-size: 15px;
		text-align: center;
	}
	
	.woocommerce-add-to-cart-wrapper .single_add_to_cart_button {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 12px 24px;
		background: #c5a47e;
		color: #fff;
		border: none;
		border-radius: 8px;
		font-weight: 600;
		font-size: 16px;
		cursor: pointer;
		transition: all 0.3s ease;
		text-decoration: none;
	}
	
	.woocommerce-add-to-cart-wrapper .single_add_to_cart_button:hover {
		background: #b8946a;
		transform: translateY(-2px);
	}
	
	.woocommerce-add-to-cart-wrapper .single_add_to_cart_button:disabled {
		opacity: 0.6;
		cursor: not-allowed;
	}
	
	.woocommerce-add-to-cart-wrapper .variations {
		margin-bottom: 20px;
	}
	
	.woocommerce-add-to-cart-wrapper .variations tr {
		display: block;
		margin-bottom: 15px;
	}
	
	.woocommerce-add-to-cart-wrapper .variations td {
		display: block;
		padding: 0;
	}
	
	.woocommerce-add-to-cart-wrapper .variations label {
		display: block;
		font-weight: 600;
		margin-bottom: 8px;
		color: #0c0a06;
	}
	
	.woocommerce-add-to-cart-wrapper .variations select {
		width: 100%;
		padding: 12px 16px;
		border: 2px solid #e9dec4;
		border-radius: 8px;
		font-size: 15px;
		background: #fff;
	}
	
	.woocommerce-add-to-cart-wrapper .woocommerce-variation {
		margin-bottom: 20px;
		padding: 15px;
		background: #fdf9f1;
		border-radius: 8px;
	}
	
	.woocommerce-add-to-cart-wrapper .woocommerce-variation-price {
		font-size: 24px;
		font-weight: 700;
		color: #0c0a06;
		margin-bottom: 10px;
	}
	.product-details-hero {
		background: linear-gradient(135deg, #0c0a06 0%, #1a1610 100%);
		color: #f2e6c8;
		padding: 30px 0 10px;
		position: relative;
		overflow: hidden;
	}
	.product-details-hero .breadcrumb {
		margin-bottom: 20px;
		font-size: 14px;
	}
	.product-details-hero .breadcrumb a {
		color: #c5a47e;
		opacity: 0.9;
		text-decoration: none;
	}
	.product-details-hero .breadcrumb span {
		color: #f2e6c8;
		opacity: 0.7;
		margin: 0 8px;
	}
	.product-details-wrapper {
		padding: 60px 0;
	}
	.product-gallery {
		position: sticky;
		top: 100px;
	}
	.product-main-image {
		width: 100%;
		border-radius: 12px;
		overflow: hidden;
		margin-bottom: 20px;
		background: #fff;
		box-shadow: 0 4px 20px rgba(0,0,0,0.1);
		cursor: pointer;
		position: relative;
	}
	.product-main-image a {
		display: block;
		width: 100%;
		position: relative;
		z-index: 1;
		text-decoration: none;
	}
	.product-main-image img {
		width: 100%;
		height: auto;
		display: block;
		transition: transform 0.3s ease;
	}
	.product-main-image:hover img {
		transform: scale(1.02);
	}
	.product-main-image::after {
		content: "\f00e";
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: rgba(197, 164, 126, 0.9);
		color: white;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24px;
		opacity: 0;
		transition: opacity 0.3s ease;
		pointer-events: none;
		z-index: 2;
	}
	.product-main-image:hover::after {
		opacity: 1;
	}
	.product-main-image::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.2);
		opacity: 0;
		transition: opacity 0.3s ease;
		pointer-events: none;
		z-index: 1;
	}
	.product-main-image:hover::before {
		opacity: 1;
	}
	.product-thumbnails {
		display: flex;
		gap: 12px;
		flex-wrap: wrap;
	}
	.product-thumbnail {
		width: 80px;
		height: 80px;
		border-radius: 8px;
		overflow: hidden;
		cursor: pointer;
		border: 2px solid transparent;
		transition: all 0.3s ease;
		background: #fff;
		box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	}
	.product-thumbnail:hover {
		border-color: #c5a47e;
		transform: translateY(-2px);
	}
	.product-thumbnail.active {
		border-color: #c5a47e;
	}
	.product-thumbnail img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.3s ease;
	}
	.product-thumbnail:hover img {
		transform: scale(1.1);
	}
	.product-info {
		padding-left: 40px;
	}
	.product-status {
		display: inline-block;
		padding: 6px 16px;
		border-radius: 20px;
		font-size: 13px;
		font-weight: 600;
		margin-bottom: 20px;
	}
	.product-status.in-stock {
		background: rgba(76, 175, 80, 0.15);
		color: #4caf50;
	}
	.product-status.limited {
		background: rgba(255, 152, 0, 0.15);
		color: #ff9800;
	}
	.product-status.out-of-stock {
		background: rgba(244, 67, 54, 0.15);
		color: #f44336;
	}
	.product-title {
		font-size: 36px;
		font-weight: 700;
		margin-bottom: 16px;
		color: #0c0a06;
		line-height: 1.2;
	}
	.product-category {
		color: #6f5b39;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		margin-bottom: 12px;
	}
	.product-description {
		font-size: 16px;
		line-height: 1.8;
		color: #333;
		margin-bottom: 30px;
	}
	.product-specs-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
		margin: 30px 0;
		padding: 24px;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 2px 12px rgba(0,0,0,0.05);
	}
	.spec-item {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}
	.spec-label {
		font-size: 13px;
		color: #6f5b39;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	.spec-value {
		font-size: 16px;
		font-weight: 600;
		color: #0c0a06;
	}
	.product-specs {
		list-style: none;
		padding: 0;
		margin: 30px 0;
	}
	.product-specs li {
		padding: 12px 0;
		border-bottom: 1px solid #e9dec4;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.product-specs li:last-child {
		border-bottom: none;
	}
	.product-specs li span {
		color: #6f5b39;
		font-size: 14px;
	}
	.product-specs li strong {
		color: #0c0a06;
		font-weight: 600;
		font-size: 16px;
	}
	.product-actions {
		display: flex;
		gap: 16px;
		margin-top: 40px;
		flex-wrap: wrap;
	}
	
	/* WooCommerce Add to Cart Form Styling */
	.woocommerce-add-to-cart-wrapper {
		width: 100%;
	}
	
	.woocommerce-add-to-cart-wrapper .quantity {
		display: inline-block;
		margin-right: 15px;
		vertical-align: middle;
	}
	
	.woocommerce-add-to-cart-wrapper .quantity input.qty {
		width: 80px;
		padding: 12px 16px;
		border: 2px solid #e9dec4;
		border-radius: 8px;
		font-size: 15px;
		text-align: center;
		background: #fff;
	}
	
	.woocommerce-add-to-cart-wrapper .single_add_to_cart_button {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 12px 24px;
		background: #c5a47e;
		color: #fff;
		border: none;
		border-radius: 8px;
		font-weight: 600;
		font-size: 16px;
		cursor: pointer;
		transition: all 0.3s ease;
		text-decoration: none;
		font-family: inherit;
	}
	
	.woocommerce-add-to-cart-wrapper .single_add_to_cart_button:hover {
		background: #b8946a;
		transform: translateY(-2px);
	}
	
	.woocommerce-add-to-cart-wrapper .single_add_to_cart_button:disabled {
		opacity: 0.6;
		cursor: not-allowed;
		transform: none;
	}
	
	.woocommerce-add-to-cart-wrapper .variations {
		margin-bottom: 20px;
		width: 100%;
	}
	
	.woocommerce-add-to-cart-wrapper .variations tr {
		display: block;
		margin-bottom: 15px;
	}
	
	.woocommerce-add-to-cart-wrapper .variations td {
		display: block;
		padding: 0;
	}
	
	.woocommerce-add-to-cart-wrapper .variations label {
		display: block;
		font-weight: 600;
		margin-bottom: 8px;
		color: #0c0a06;
		font-size: 14px;
	}
	
	.woocommerce-add-to-cart-wrapper .variations select {
		width: 100%;
		padding: 12px 16px;
		border: 2px solid #e9dec4;
		border-radius: 8px;
		font-size: 15px;
		background: #fff;
		font-family: inherit;
	}
	
	.woocommerce-add-to-cart-wrapper .woocommerce-variation {
		margin-bottom: 20px;
		padding: 15px;
		background: #fdf9f1;
		border-radius: 8px;
	}
	
	.woocommerce-add-to-cart-wrapper .woocommerce-variation-price {
		font-size: 24px;
		font-weight: 700;
		color: #0c0a06;
		margin-bottom: 10px;
	}
	
	.woocommerce-add-to-cart-wrapper .woocommerce-variation-description {
		color: #666;
		font-size: 14px;
	}
	.product-utility-actions {
		display: flex;
		gap: 12px;
		margin-top: 20px;
		flex-wrap: wrap;
		padding-top: 20px;
		border-top: 1px solid #e9dec4;
	}
	.utility-btn-wrapper {
		position: relative;
	}
	.utility-btn {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 10px 18px;
		background: #fff;
		color: #333;
		border: 1px solid #e9dec4;
		border-radius: 8px;
		font-size: 14px;
		font-weight: 500;
		cursor: pointer;
		transition: all 0.3s ease;
		font-family: inherit;
		text-decoration: none;
	}
	.utility-btn:hover {
		border-color: #c5a47e;
		color: #0c0a06;
		background: #fdf9f1;
		transform: translateY(-1px);
	}
	.utility-btn i {
		font-size: 16px;
	}
	.utility-btn.share-btn.active {
		border-color: #c5a47e;
		background: #c5a47e;
		color: #fff;
	}
	.social-share-dropdown {
		position: absolute;
		top: calc(100% + 8px);
		left: 0;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
		padding: 8px;
		min-width: 200px;
		z-index: 1000;
		display: none;
		animation: dropdownSlideIn 0.2s ease;
	}
	.social-share-dropdown.active {
		display: block;
	}
	@keyframes dropdownSlideIn {
		from {
			opacity: 0;
			transform: translateY(-10px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.share-option {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 12px 16px;
		color: #333;
		text-decoration: none;
		border-radius: 8px;
		transition: all 0.2s ease;
		font-size: 14px;
		font-weight: 500;
		border: none;
		background: none;
		width: 100%;
		text-align: left;
		cursor: pointer;
		font-family: inherit;
	}
	.share-option:hover {
		background: #fdf9f1;
		color: #0c0a06;
	}
	.share-option i {
		font-size: 18px;
		width: 20px;
		text-align: center;
	}
	.share-option[data-platform="whatsapp"] i {
		color: #25D366;
	}
	.share-option[data-platform="facebook"] i {
		color: #1877F2;
	}
	.share-option[data-platform="twitter"] i {
		color: #000000;
	}
	.share-option[data-platform="linkedin"] i {
		color: #0A66C2;
	}
	.share-option.copy-link-btn i {
		color: #c5a47e;
	}
	.quote-modal, .report-abuse-modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		display: none;
		align-items: center;
		justify-content: center;
		padding: 20px;
	}
	.quote-modal.active, .report-abuse-modal.active {
		display: flex;
	}
	.quote-modal-overlay, .report-abuse-modal-overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		backdrop-filter: blur(4px);
	}
	.quote-modal-content, .report-abuse-modal-content {
		position: relative;
		background: #fff;
		border-radius: 16px;
		max-width: 600px;
		width: 100%;
		max-height: 90vh;
		overflow-y: auto;
		box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
		z-index: 1;
		animation: modalSlideIn 0.3s ease;
	}
	@keyframes modalSlideIn {
		from {
			opacity: 0;
			transform: translateY(-20px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.quote-modal-close, .report-abuse-modal-close {
		position: absolute;
		top: 20px;
		right: 20px;
		background: #fdf9f1;
		border: none;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-size: 20px;
		color: #333;
		transition: all 0.3s ease;
		z-index: 10;
	}
	.quote-modal-close:hover, .report-abuse-modal-close:hover {
		background: #e9dec4;
		transform: rotate(90deg);
	}
	.quote-modal-header, .report-abuse-modal-header {
		padding: 40px 40px 20px;
		border-bottom: 1px solid #e9dec4;
	}
	.quote-modal-header h3, .report-abuse-modal-header h3 {
		font-size: 28px;
		font-weight: 700;
		color: #0c0a06;
		margin-bottom: 8px;
		display: flex;
		align-items: center;
		gap: 12px;
	}
	.report-abuse-modal-header h3 i {
		color: #e74c3c;
	}
	.quote-modal-header p, .report-abuse-modal-header p {
		color: #6f5b39;
		font-size: 14px;
		margin-bottom:0!important;
	}
	.quote-form, .report-abuse-form {
		padding: 30px 40px 40px;
	}
	.form-group {
		margin-bottom: 24px;
	}
	.form-group label {
		display: block;
		font-size: 14px;
		font-weight: 600;
		color: #0c0a06;
		margin-bottom: 8px;
	}
	.form-group label span {
		color: #e74c3c;
	}
	.quote-form input, .quote-form textarea, .quote-form select {
		width: 100%;
		padding: 12px 16px;
		border: 2px solid #e9dec4;
		border-radius: 8px;
		font-size: 15px;
		font-family: inherit;
		transition: all 0.3s ease;
		background: #fff;
	}
	.form-group input:focus, .form-group textarea:focus, .form-group select:focus {
		outline: none;
		border-color: #c5a47e;
		box-shadow: 0 0 0 3px rgba(197, 164, 126, 0.1);
	}
	.form-group input[readonly] {
		background: #fdf9f1;
		cursor: not-allowed;
	}
	.form-group textarea {
		resize: vertical;
		min-height: 100px;
	}
	.form-actions {
		display: flex;
		gap: 12px;
		margin-top: 30px;
		flex-wrap: wrap;
	}
	.form-actions .cta-btn {
		flex: 1;
		min-width: 120px;
	}
	.product-tabs {
		margin-top: 60px;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 2px 12px rgba(0,0,0,0.05);
		overflow: hidden;
	}
	.tab-nav {
		display: flex;
		border-bottom: 2px solid #e9dec4;
		background: #fdf9f1;
	}
	.tab-button {
		padding: 20px 32px;
		background: transparent;
		border: none;
		font-size: 16px;
		font-weight: 600;
		color: #6f5b39;
		cursor: pointer;
		transition: all 0.3s ease;
		border-bottom: 3px solid transparent;
		margin-bottom: -2px;
	}
	.tab-button.active {
		color: #0c0a06;
		border-bottom-color: #c5a47e;
	}
	.tab-content {
		padding: 40px;
		display: none;
	}
	.tab-content.active {
		display: block;
	}
	.tab-content h4 {
		font-size: 20px;
		margin-top: 20px;
		color: #0c0a06;
	}
	.description-content {
		line-height: 1.8;
		color: #333;
	}
	.description-content p {
		margin-bottom: 16px;
		font-size: 15px;
	}
	.description-content p:last-child {
		margin-bottom: 0;
	}
	.tab-content ul {
		list-style: none;
		padding: 0;
	}
	.tab-content ul li {
		padding: 12px 0;
		border-bottom: 1px solid #e9dec4;
		display: flex;
		justify-content: space-between;
	}
	.tab-content ul li:last-child {
		border-bottom: none;
	}
	.tab-content ul li strong {
		color: #0c0a06;
	}
	.related-products {
		margin-top: 80px;
	}
	.related-products h3 {
		font-size: 28px;
		margin-bottom: 40px;
		color: #0c0a06;
	}
	.product-card {
		background: #fff;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 2px 12px rgba(0,0,0,0.05);
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}
	.product-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 4px 20px rgba(0,0,0,0.1);
	}
	.product-media {
		position: relative;
		overflow: hidden;
	}
	.product-media img {
		width: 100%;
		height: auto;
		display: block;
	}
	.status-pill {
		position: absolute;
		top: 15px;
		right: 15px;
		padding: 6px 12px;
		border-radius: 20px;
		font-size: 12px;
		font-weight: 600;
	}
	.status-pill.in-stock {
		background: rgba(76, 175, 80, 0.9);
		color: #fff;
	}
	.status-pill.limited {
		background: rgba(255, 152, 0, 0.9);
		color: #fff;
	}
	.product-body {
		padding: 20px;
	}
	.product-meta {
		margin-bottom: 20px;
	}
	.product-meta .product-category {
		color: #6f5b39;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		margin-bottom: 8px;
	}
	.product-meta h4 {
		font-size: 20px;
		font-weight: 700;
		color: #0c0a06;
		margin-bottom: 10px;
	}
	.product-desc {
		color: #666;
		font-size: 14px;
		line-height: 1.6;
	}
	.cta-btn {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 12px 24px;
		border-radius: 8px;
		font-weight: 400;
		text-decoration: none;
		transition: all 0.3s ease;
		border: 2px solid transparent;
		cursor: pointer;
	}
	.cta-btn.primary {
		background: #c19f79;
		color: #fff;
	}
	.cta-btn.primary:hover {
		background: #b8946a;
		transform: translateY(-2px);
	}
	.cta-btn.ghost {
		background: transparent;
		color: #fff;
		border-color: #e9dec4;
	}
	.cta-btn.ghost:hover {
		border-color: #c5a47e;
		background: #fdf9f1;
	}
	@media (max-width: 991px) {
		.product-info {
			padding-left: 0;
			margin-top: 40px;
		}
		.product-gallery {
			position: static;
		}
		.product-title {
			font-size: 28px;
		}
		.product-specs-grid {
			grid-template-columns: 1fr;
		}
		.product-utility-actions {
			flex-direction: column;
		}
		.utility-btn {
			width: 100%;
			justify-content: center;
		}
		.social-share-dropdown {
			left: 0;
			right: 0;
			width: 100%;
		}
		.quote-modal-content, .report-abuse-modal-content {
			max-width: 100%;
			margin: 10px;
		}
		.quote-modal-header, .quote-form, .report-abuse-modal-header, .report-abuse-form {
			padding: 30px 20px;
		}
		.form-actions {
			flex-direction: column;
		}
		.form-actions .cta-btn {
			width: 100%;
		}
	}
  .superior_power_boat .portal_container .contact-details .contact-detail-item {padding: 8px 10px !important;}



.wpfSearchFieldsFilter{border: 0;border: 1px solid #e3e3e3;padding: 10px;height: 42px!important;font-size: 15px;border-radius: 4px;margin-bottom: 15px!important;}
.category-sidebar h5{font-size: 22px;font-weight: 400;}
.wpfFilterWrapper .wfpTitle{font-weight:400 !important;}
.ui-slider.ui-widget-content:not(.iris-slider-offset){border:0;height: 6px;margin-bottom: 0;}
.ui-slider-horizontal .ui-slider-handle{top: -6px !important;
  border-radius: 100% !important;
  width: 16px !important;
  height: 16px !important;
  background:#c5a47e !important;}
.ui-slider .ui-slider-range{background: #101010 !important;}
.product-media .status-pill{width: 100px;text-align: center;}
.tab-content ul li{padding: 0;
	border-bottom: 0;
	display: inherit;}

.product-section__header{flex-direction: column;align-items: self-start;}
.product-section .products{display: flex;gap: 0 15px;flex-wrap: wrap;}
.product-meta{gap:0;margin-bottom:5px;}
.product-meta .product-category{text-align: left;margin: 0;}
.product-specs li {padding: 6px 12px;}
.product-specs li span,.product-specs li strong{font-size:13px;}
.product-actions{margin-top: 10px;}
.product-card{flex: 1 0 calc(33% - 15px);max-width:calc(33% - 15px);}
.product-specs li:last-child {border-bottom:1px solid #e9dec4;}
.product-media img {height: 100%;object-fit: cover;}


.owl-carousel{display:block!important;}



/* filter */
.wpfFilterWrapper{border-bottom: 1px solid #DFE4EC;
  padding-bottom: 15px !important;}
.wpfSingleInputSearch input{border: 1px solid #BF9E77;
	box-shadow: 0 0 0 2px #EBF0F4;
	padding: 8px 15px;
	border-radius: 4px;
	font-size: 16px;outline: none;}
.wpfSingleInputSearch button{right: 5px;}
.wpfFilterWrapper .wpfFilterTitle{padding: 5px 0 15px;}
.wfpClickable{padding:0!important;}
.wpfFilterWrapper .wpfFilterTaxNameWrapper{font-size:14px !important;}
.category-sidebar ul{gap: 3px;}
.wpfClearButton.wpfButton{width: 100%!important;
	min-height: 45px!important;
	font-weight: 500!important;
	font-size: 15px !important;
	background: #be9c75;}

/*============= product list page =============*/
.product_cat_wrapper .products .col {flex: inherit;max-width: calc(33.33% - 15px);flex: 1 0 calc(33.33% - 15px);}
.product_cat_wrapper ul.products .product{padding-left: 0;padding-right: 0;background: #fff;
	border-radius: 12px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;position:relative;}
.product_cat_wrapper ul.products li.product .woo-entry-inner li.image-wrap .woo-entry-image{height: 250px;}
.flickity-enabled.is-draggable .flickity-viewport{height:250px!important;}
.flickity-slider,
.oceanwp-slider-slide,
.oceanwp-slider-slide a,
.oceanwp-slider-slide a img
{height:100%;object-fit:cover;}
.product_cat_wrapper ul.products li.product .woo-entry-image-swap img{object-fit: cover;height: 100%;}
.product_cat_wrapper ul.products li.product li{padding:0 15px}
.product_cat_wrapper ul.products li.product .woo-entry-inner li.image-wrap{padding:0;}
.product_cat_wrapper ul.products li.product li.title h2{margin-bottom:0;}
.product_cat_wrapper ul.products li.product li.title a{font-size: 18px;text-decoration: initial!important;outline:none!important;}
.product_cat_wrapper ul.products li.product .price .amount{font-weight: 500;
	font-size: 22px;
	line-height: 150%;
	color: #1D2430;}
.product_cat_wrapper ul.products li.product .price del .amount{display:none;}

.product_cat_wrapper ul.products li.product .btn-wrap a,
.product_cat_wrapper ul.products li.product .product-inner .added_to_cart
{text-align:center;
  border: solid 1px #bc9a73;
  border-radius: 6px;
  padding: 14px 16px;
  font-size: 16px;
  line-height: 16px;
  width: 100%;
  font-weight: 400;
  text-decoration: initial!important;
  background: #bc9a73;
  color: #101010;
  margin-top: 15px;}
.product_cat_wrapper ul.products li.product .btn-wrap a:hover{border-color:#bc9a73!important;color:#101010!important;}
.product_cat_wrapper ul.products li.short-description{font-size: 15px;line-height:1.5 !important;color: #3d3b3b;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.product_cat_wrapper ul.products li.price-wrap{border-bottom: 1px solid #DFE4EC;margin-bottom: 0!important;padding-bottom: 10px !important;}
.product-spec-table table{background-color: #fdf9f1;
  padding:0;
  border-radius: 8px;
  display: block;
  margin-bottom: 15px;
  border: 1px solid #bc9a73;padding-bottom:0;border-bottom: 0;
  overflow: hidden;border-bottom: 1px solid #bc9a73;}
.product-spec-table table tbody{display: flex;
	flex-wrap: wrap;}
.product-spec-table table tbody tr{max-width: 50%;flex: 1 0 50%;}
.product-spec-table table tbody tr td{width:100%;display:block;padding:8px 15px;padding-bottom: 8px;border-bottom: 1px solid #e3c4a1;height: 100%;}
.product-spec-table table tbody tr:nth-child() td{}
.product-spec-table table tbody tr td span{font-weight: 400;font-size: 13px;line-height: 21px;color: #707B8B;}
.product-spec-table table tbody tr td p{font-weight: 600;font-size: 14px;line-height: 16px;color: #1D2430;margin-bottom:0;}
.product_cat_wrapper ul.products span.onsale{display:none;}
.product_cat_wrapper ul.products .stock-badge{background-color: #009951;
	color: #EAF6EB;
	padding: 4px 15px;
	border-radius: 9999px;
	font-size: 14px;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 222;}
.wpfFilterVerScroll li label{position: relative;}
.wpfMainWrapper .wpfCount{position: absolute;right: 4px;top: 2px;}

/*================ product single page ================*/
.single-product-breadcrumb{border-bottom: 1px solid #DFE4EC;padding: 12px 0;background: #fff;}
.custom_container{max-width: 1250px;margin: auto;}
.single-product-breadcrumb ul{display: flex;flex-wrap: wrap;align-items: center;gap: 0 25px;}
.single-product-breadcrumb ul li{font-size: 14px;position:relative;}
.single-product-breadcrumb ul li a{padding: 4px 8px;border-radius: 4px;border: 1px solid #fff;}
.single-product-breadcrumb ul li a:hover{border: 1px solid #c09f78;background: #fdf9f1;color:#101010;}
.single-product-breadcrumb ul li a i{font-size: 12px;}
.single-product-breadcrumb ul li::before{position: absolute;content: "\f105";font-family: "Font Awesome 6 Free";right: -15px;font-size: 12px;top: 3px;color: #101010;font-weight: 900;}
.single-product-breadcrumb ul li:last-child::before{display:none;}
.single_product_breadcrumb .page-header{display:none;}
body.single-product article{background: #fdf9f1;padding: 30px 0;}
body.single-product article .has-product-nav{max-width: 1250px;margin: auto;}
.woo-product-gallery-slider .slick-list{border-radius: 12px;}
.woocommerce-product-gallery img{width:100%;border-radius: 6px}
.wpgs-nav .slick-current {border-color:transparent;}
body.single-product div.product .product_title{font-size: 28px;font-weight: 600;padding: 0;border-bottom: 0;}
.woocommerce-product-details__short-description p{font-size: 14px;line-height: 1.7;}
body.single-product .woocommerce-Price-amount bdi{font-weight: 600;
	font-size: 26px;
	line-height: 1;
	color: #1D2430;}
.request_button{border-radius: 8px;
  padding: 14px 16px;
  font-weight: 500;
  font-size: 16px;
  display: block;
  background: #c1a079;
  color: #101010;text-align: center;
  line-height: 1.2;}
.request_button:hover{transform: translateY(-1px);
  background: #b4926d;
  border-color: #b4926d;color: #101010!important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);}

body.single-product .summary h2:nth-child(3){display:none;}
body.single-product .summary .stock-badge{background: #b8f9b8;
  padding: 6px 20px;
  display: inline-block;
  font-size: 15px;
  border-radius: 30px;
  font-weight: 500;
  color: #0b8612;}
.stock-badge.out-stock{background-color: #ffcece !important;color: red !important;}

body.single-product .single_add_to_cart_button,
.service_product_single .single_add_to_cart_button
{width: 100%;
  height: 50px;
  color: #101010;
  background: #c2a17b;
  border-radius: 6px;
  margin-top: 20px;
  font-size: 16px!important;
  font-weight: 500;}
body.single-product div.product form.cart div.quantity,
.service_product_single div.product form.cart div.quantity
{border: 1px solid #c2a17b;
  border-radius: 5px;}
body.single-product .quantity .minus,body.single-product .quantity .plus,body.single-product form input[type="number"],
.service_product_single .quantity .minus,.service_product_single .quantity .plus,.service_product_single form input[type="number"]
{width: 40px;
	height: 40px;
	font-size: 16px;
	color: #101010;}
body.single-product form input.qty[type="number"],
.service_product_single form input.qty[type="number"]
{border-left: 1px solid #c2a17b;
	border-right: 1px solid #c2a17b;}
.service_product_single div.product div.summary{margin-bottom:0;}
.social-share-dropdown{
display:none;
position:absolute;
background:#fff;
padding:10px;
border-radius:8px;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

.social-share-dropdown.active{
display:block;
}

.share-option{
display:block;
padding:6px 10px;
text-decoration:none;
color:#333;
}

#copy-feedback{position: fixed;
	top: 50px;
	right: 50px;
	background: green;
	padding: 10px 30px;
	color: #fff;
	border-radius: 0 15px 15px 15px;
	font-size: 18px;}

.forminator-field input, .forminator-field textarea {
	width: 100% !important;
	padding: 12px 16px !important;
	border: 2px solid var(--line) !important;
	border-radius: 8px !important;
	font-size: 15px !important;
	font-family: inherit !important;
	transition: all 0.3s ease !important;
	background: var(--white);
}
.quote-product input{background: var(--bg) !important;
	cursor: not-allowed;
	color: #101010 !important;}
.forminator-button{background-color: #c5a47e;
	color: #000;
	border-color: #c5a47e !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25) !important;
	width: 100% !important;
	padding: 12px 16px !important;
	border-radius: 5px !important;
	font-weight: 500;margin-top:30px!important;}
.forminator-error-message{font-size: 13px;
	font-weight: 500;
	color: #f10;
	margin: 0!important;
	line-height: 1.2!important;}
.forminator-row{margin-bottom:10px!important;}
.forminator-label{font-size:14px;}

/*================== product tabs ==================*/
.product-single-tabs{padding: 40px;background: #fff;border-radius: 10px;margin-top: 40px;display: inline-block;
  width: 100%;}
.product-single-tabs .single_tab{margin-bottom:35px;}
.product-single-tabs .single_tab .tab_title{flex: 1 0 100%;max-width: 100%;margin-bottom: 30px;position: relative;}
.product-single-tabs .single_tab .tab_title::before{position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background: #fbe2c7;
	top: 15px;}
.product-single-tabs .single_tab .tab_content{flex: 1 0 100%;max-width: 100%;}

.product-single-tabs .single_tab .tab_title h4{font-size: 22px;
	font-weight: 300;
	margin-bottom: 0;
	color: #b99770;
	display: initial;
	background: #fff;
	position: relative;
	z-index: 2;
	padding-right: 20px;}
.product-single-tabs .single_tab .tab_content h4{font-size: 18px;font-weight:400;}
.product-single-tabs .single_tab .tab_content p{font-size: 15px;margin-bottom: 10px;}
.product-single-tabs .single_tab .tab_content ol,
.product-single-tabs .single_tab .tab_content ul
{margin: 0;padding: 0;list-style: none;display:flex;flex-wrap:wrap;}
.product-single-tabs .single_tab .tab_content p strong{font-weight:400;}
.product-single-tabs .single_tab .tab_content ol li{flex:1 0 33%;max-width:33%;padding:0 10px;
	font-size: 16px;
	font-weight: 400;
	color: #101010;
	margin-bottom: 15px;}
.product-single-tabs .single_tab .tab_content ol li strong{display: block;
	font-size: 14px;
	font-weight: 400;
	color: #bc9a73;}
.product-single-tabs .single_tab .tab_content ul li{flex:1 0 50%;max-width:50%;padding:0 10px;margin-bottom:20px;position:relative;padding-left: 25px;}
.product-single-tabs .single_tab .tab_content ul li::before{position: absolute;content: "\f058";font-family: "Font Awesome 6 Free";font-weight: 900;left: 0;font-size: 16px;top: 0;color: #bb9972;}
.product-single-tabs .single_tab .video_tag{width:33%;float:left;padding-right:12px;}
.product-single-tabs .single_tab:last-child{margin-bottom:0;}
.related.products .product_cat_wrapper .products{display: flex;flex-wrap: wrap;margin: 0;gap: 0 15px;}
.related.products .product_cat_wrapper .products li{margin: inherit;}
.woocommerce .related.products h2 {margin: 0 0 35px;font-size: 32px;text-align: center;}
.woocommerce .related.products{display: inline-block;width: 100%;}

/*============ service single product ============*/
.service_product_single .product-single-tabs,
.service_product_single .related.products,
.service_product_single .wpgs-for > div,
.service_product_single .wpgs-nav{display:none;}
.service_product_single .wpgs-for .woocommerce-product-gallery__image {display:block;}
.service_product_single{padding:65px 0;}
.service_product_single .custom_contianer{max-width: 1250px;margin: auto;padding: 0 15px;}
.service_product_single .woocommerce-Price-amount bdi{font-size: 26px;font-weight: 500;color: #101010;}
.service_product_single .has-product-nav{display:flex;justify-content:space-between;}
.service_product_single .has-product-nav .wpgs-for{position: sticky;
  top: 130px;}
.service_product_single #ppcp-recaptcha-v2-container,
.service_product_single .owp-product-nav-wrap
{display:none;}


@media (max-width: 767px){
	.product-single-tabs .single_tab .video_tag{width:100%;float:left;padding-right:0;}
	.single-product-breadcrumb{padding:0 20px;}
	body.single-product article .has-product-nav{padding: 0 20px;}
	.product-single-tabs{padding:25px;}
	.product-single-tabs .single_tab .tab_title,
	.product-single-tabs .single_tab .tab_content
	{flex: 1 0 100%;max-width: 100%;}
	.product-single-tabs .single_tab .tab_title{margin-bottom:20px;border-bottom: 1px solid #ae906c;
  padding-bottom: 15px;}
	.product-single-tabs .single_tab .tab_content ol li,
	.product-single-tabs .single_tab .tab_content ul li,
	.product_cat_wrapper .products .col
	{flex:1 0 50%;max-width:50%;}
	.woocommerce ul.products {margin: 0;}
	 .product-hero { padding: 70px 0 50px;}
	.related.products .product_cat_wrapper .products li{margin-bottom:30px;}
	.service_product_single .has-product-nav{flex-direction:column;}
	.page-hero h2{font-size: 2rem;}
}
@media (max-width: 576px){
	.product-single-tabs .single_tab .tab_content ol li,
	.product-single-tabs .single_tab .tab_content ul li,
	.product_cat_wrapper .products .col
	{flex:1 0 100%;max-width:100%;}
	.hero-copy h1 {font-size: clamp(26px, 4vw, 46px);}
}



/*=============== sold page css ===============*/
 #globeContainer { cursor: grab; }
    #globeContainer:active { cursor: grabbing; }
    
    /* Shining effect on click for text labels */
    .shine-on-click {
      transition: all 0.3s ease;
      cursor: pointer;
    }
    .shine-on-click:hover {
      transform: scale(1.05);
      filter: brightness(1.5);
      text-shadow: 0 0 20px rgba(255, 255, 255, 0.9), 0 0 40px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4);
      color: #ffffff !important;
    }
    .shine-on-click.shining {
      animation: shineEffect 0.6s ease-out;
    }
    @keyframes shineEffect {
      0% { 
        text-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
        transform: scale(1);
      }
      50% { 
        text-shadow: 0 0 30px rgba(255, 255, 255, 0.9), 0 0 60px rgba(255, 255, 255, 0.6), 0 0 80px rgba(255, 255, 255, 0.4);
        transform: scale(1.1);
        color: #ffffff;
      }
      100% { 
        text-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
        transform: scale(1);
      }
    }

    /* Added shine effect for flags on hover */
    .flag-shine {
      transition: all 0.2s ease;
      cursor: pointer;
    }
    .flag-shine:hover {
      filter: brightness(1.3) drop-shadow(0 0 20px rgba(255, 255, 255, 0.8));
      transform: scale(1.05);
    }
    .flag-shine.shining {
      animation: flagShineEffect 0.2s ease-out;
    }
    @keyframes flagShineEffect {
      0% { 
        filter: brightness(1) drop-shadow(0 0 5px rgba(255, 255, 255, 0.3));
        transform: scale(1);
      }
      50% { 
        filter: brightness(1.5) drop-shadow(0 0 30px rgba(255, 255, 255, 1));
        transform: scale(1.08);
      }
      100% { 
        filter: brightness(1) drop-shadow(0 0 5px rgba(255, 255, 255, 0.3));
        transform: scale(1);
      }
    }




    /* ── SECTION ── */
    .ops-section {
      position: relative;
      background-color: #ffffff;
      padding: 110px 0 120px;
      overflow: hidden;
    }

    /* subtle decorative corner */
    .ops-section::after {
      content: '';
      position: absolute;
      top: 0; left: 0;
      width: 300px; height: 300px;
      border-left: 1px solid rgba(169,133,92,0.15);
      border-bottom: 1px solid rgba(169,133,92,0.15);
      pointer-events: none;
    }

    /* ── EYEBROW ── */
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: 0.72rem;
      font-weight: 500;
      letter-spacing: 0.22em;
      text-transform: uppercase;
    }
    .eyebrow-line {
      display: inline-block;
      width: 36px;
      height: 1px;
      background: var(--gold);
      opacity: 0.7;
    }

    /* ── HEADING ── */
    .ops-heading {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(2.4rem, 5vw, 4rem);
      font-weight: 600;
      line-height: 1.08;
      color: #1a1410;
      letter-spacing: -0.01em;
      margin-bottom: 28px;
    }
    .ops-heading span {
      color: var(--gold);
      font-style: italic;
      font-weight: 300;
    }

    /* ── BODY TEXT ── */
    .ops-body {
      font-size: 0.97rem;
      font-weight: 300;
      line-height: 1.85;
      color: #6b6056;
      max-width:760px;
		margin: auto;
    }

    /* ── DIVIDER ── */
    .gold-divider {
      width: 60px;
      height: 2px;
      background: linear-gradient(90deg, var(--gold), transparent);
      margin: 36px 0;
    }

    /* ── CARDS ── */
    .ops-card {
      position: relative;
      background: #faf8f5;
      border: 1px solid rgba(169,133,92,0.18);
      border-radius: 8px;
      padding: 44px 36px 40px;
      height: 100%;
      transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
      overflow: hidden;
    }

    .ops-card::before {
      content: '';
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 3px;
      background: linear-gradient(90deg, var(--gold) 0%, transparent 100%);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.4s ease;
    }

    .ops-card:hover {
      transform: translateY(-6px);
      border-color: rgba(169,133,92,0.4);
      box-shadow: 0 24px 52px rgba(169,133,92,0.1), 0 4px 16px rgba(0,0,0,0.06);
    }

    .ops-card:hover::before {
      transform: scaleX(1);
    }

    /* card number */
    .card-number {
      position: absolute;
      top: 24px; right: 30px;
      font-family: 'Cormorant Garamond', serif;
      font-size: 3.6rem;
      font-weight: 700;
      color: rgba(169,133,92,0.08);
      line-height: 1;
      letter-spacing: -0.04em;
      pointer-events: none;
      transition: color 0.35s ease;
    }

    .ops-card:hover .card-number {
      color: rgba(169,133,92,0.15);
    }

    /* icon circle */
    .card-icon-wrap {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      background: rgba(169,133,92,0.08);
      border: 1px solid rgba(169,133,92,0.25);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 26px;
      transition: background 0.35s ease, border-color 0.35s ease;
    }

    .ops-card:hover .card-icon-wrap {
      background: rgba(169,133,92,0.15);
      border-color: var(--gold);
    }

    .card-icon-wrap i {
      font-size: 1.25rem;
      color: var(--gold);
    }

    /* card title */
    .card-title-custom {
      font-size: 1.5rem;
      font-weight: 500;
      color: #1a1410;
      letter-spacing: 0.01em;
      margin-bottom: 14px;
    }

    /* card text */
    .card-text-custom {
      font-size: 0.9rem;
      font-weight: 300;
      line-height: 1.8;
      color: #7a6e64;
      margin-bottom: 0;
    }

    /* ── BOTTOM RULE ── */
    .bottom-rule {
      border: none;
      border-top: 1px solid rgba(169,133,92,0.15);
      margin-top: 80px;
    }

    /* ── ANIMATIONS ── */
    .fade-up {
      opacity: 0;
      transform: translateY(28px);
      animation: fadeUp 0.8s ease forwards;
    }
    .fade-up.d1 { animation-delay: 0.1s; }
    .fade-up.d2 { animation-delay: 0.25s; }
    .fade-up.d3 { animation-delay: 0.4s; }
    .fade-up.d4 { animation-delay: 0.2s; }
    .fade-up.d5 { animation-delay: 0.35s; }
    .fade-up.d6 { animation-delay: 0.5s; }

    @keyframes fadeUp {
      to { opacity: 1; transform: translateY(0); }
    }
.product-spec-table.hide{display:none;}
.sold_product_warpper .woocommerce-LoopProduct-link img{width: 100%;height: 100%;object-fit: cover;}
.sold_product_warpper .heading{text-align: center;margin-bottom: 45px;}
.sold_product_warpper .heading h4{font-size: 36px;font-weight: 600;}


/* Hero Section Container */
.hero-section {
  position: relative;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #1e1e1e;
}

/* Text Container */
.hero-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  padding: 20px;
}

.hero-content h1 {
  font-family: 'Playfair Display', serif;
  font-size: 3.2rem;
  color: #fff;
  margin-bottom: 15px;
}

.hero-content p {
  font-size: 1.15rem;
  line-height: 1.6;
  color: #fff;
  max-width: 700px;
  margin: 0 auto 25px;
}

.hero-content button {
  padding: 12px 28px;
  background-color: #c5a47e;
  color: white;
  border: none;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.hero-content button:hover {
  background-color: #b28f68;
  transform: translateY(-2px);
}

/* Wave Canvas */
#waves {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120%;
  z-index: 1;
}

.soldout-bottom-banner{background-image: url(http://dev.sektechnosoft.com/andalousia/wp-content/uploads/2026/03/Case-Backhoes-1.jpg);background-size: cover;background-position: center;position:relative;z-index:1;}
.soldout-bottom-banner::before{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.25);}
.soldout-bottom-banner a{background: #101010;
	font-weight: 400;
	border-radius: 5px;display: inline-block;
  padding: 12px 30px;
  color: #fff !important;}

.soldout-bottom-banner a:hover {
  background-color: #b28f68;
  transform: translateY(-2px);
}

@media print {
  .site-header,
.single-product-breadcrumb,
	.related.products,
	.site-footer,
	.owp-product-nav-wrap,
	iframe,
	.product-utility-actions,
	#request-quote-btn,.quantity,.single_add_to_cart_button{display: none !important;}
	.woocommerce div.product div.images,.woocommerce div.product div.summary {width: 100%;}
	.woocommerce div.product div.summary{margin-top:40px;}
	.product-single-tabs{margin-top: 0;}
	.woocommerce-product-gallery__image{width: 100%;}
	.product-single-tabs .single_tab{margin-bottom: 15px;padding-bottom: 10px;}
	
}


@media (max-width: 991px) {
	.ops-body { max-width: 100%; }
	.ops-section { padding: 80px 0 90px; }
}
@media (max-width: 990px){
	#globeContainer{height:100% !important;padding-bottom:60px;padding-left:20px;padding-right:20px;}
	.flag_box{display: flex;justify-content: center;gap:20px;}
	.flag_box .flag,.top_brading,.overlay_div{position:initial!important;}
	.log_box,.left_premium_box,.right_premium_box,.bottom_premium{position: initial !important;transform: translate(0) !important;}
	.left_premium_box,.right_premium_box,.bottom_premium{margin: 10px 0;}
	.log_box img{width:250px!important;margin:auto;}
	#globeContainer canvas,.log_box > div{display:none!important;}	
}



/*========================= Cart_wrapper =========================*/
.Cart_wrapper,.Checkout_wrapper{padding:65px 0;}
.Cart_wrapper #right-sidebar,.Checkout_wrapper #right-sidebar,.Cart_wrapper .wc-block-components-product-metadata{display:none;}
.Cart_wrapper .content-area,.Checkout_wrapper .content-area{width: 100%;}
.Cart_wrapper .wc-block-cart__submit-button,
.wc-block-components-button
{background: #c19f79!important;
  color: #101010!important;
  font-size: 15px!important;
  min-height: auto!important;
  padding: 15px 30px!important;
  font-weight: 500!important;
  border-radius: 5px;}

/*============= search =============*/
.dgwt-wcas-search-wrapp {max-width: 100%;}
.dgwt-wcas-sf-wrapp{background: transparent !important;padding: 0px !important;}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input{background: #fff;border-radius: 8px!important;padding: 10px 10px 10px 50px;}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{left: 5px;top: 8px;}
body.search-results #content-wrap{max-width:100%;padding:0;}
body.search-results .page-header{display:block;background: linear-gradient(135deg, #0f0c08, #16120c);padding: 45px 0;}
body.search-results .site-breadcrumbs{display:none;}
body.search-results .page-header .container{text-align: center;}
body.search-results .page-header h1{font-size: 38px;color: #fff;}
body.search-results .page-header .page-subheading{font-size: 16px;color: #cbc9c9;}
body.search-results .oceanwp-toolbar{display:none;}
body.search-results .product_cat_wrapper{max-width: 1140px;padding: 55px 0 !important;margin: auto;}
body.search-results ul.products {display: flex; flex-wrap: wrap;gap: 0 20px;}
.search-results article{padding:0;margin:0;}
.dgwt-wcas-si{width: 70px!important;max-width: 70px!important;flex: 1 0 70px!important;height:70px;}
.dgwt-wcas-si img{max-height: 100%;max-width: 100%;height: 100%;object-fit: cover;}
.dgwt-wcas-sd{font-size: 13px;line-height: 1.4;}

.faq-cta a{color:#fff;}

.related.products ul.products li.product li.title a{font-size: 20px;text-align: left;}
.related.products ul.products li.product li.btn-wrap{padding-bottom:15px;}


/*================== responsive ==================*/
@media (max-width: 990px){
	.nav-wrapper .bottom-header{position:relative;padding-right:45px;}
	.site-header .header-nav{display:none;}
	.search-toggle .label{display:none;}
	.search-toggle{padding: 0;background: transparent;}
	.search-toggle i{font-size: 22px;}
	.navbar_toggler{position: absolute;
		right: 0;
		top: 3px;
		font-size: 24px;
		color: #fff;
		width: 40px;
		text-align: center;cursor:pointer;display:block!important;}
	.overlay_header{position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: #fdf9f1;overflow: auto;opacity:0;visibility:hidden;transition:all 0.5s;display:block!important;}
	.overlay_header.active{opacity:1;visibility:visible;}
	.overlay_header .head{display: flex;
		align-items: center;
		padding: 12px 30px;
		background: linear-gradient(135deg, #26201a, #1b1711);
		justify-content: space-between;}
	.overlay_header .head .logo img{height: 45px;}
	.overlay_header .header_m_close span{font-size: 28px;color: #fff;cursor:pointer;}
	.mobile_menu{padding: 15px 30px;}
	.mobile_menu ul{margin: 0;padding: 0;list-style:none;}
	.mobile_menu ul li{border-bottom: 1px solid #d6d6d6;padding: 10px 0;position:relative;}
	.mobile_menu ul ul{display:none;}
	.mobile_menu ul ul li{border-bottom: 0;
		padding-bottom: 0px;
		padding-left: 0;
		list-style: circle;
		margin-left: 28px;}
	.mobile_menu ul ul li a{font-size: 14px;}
	.mobile_menu ul li a:hover{color:#bc9a73;}
	.mobile_menu .down_arrow{position: absolute;right: 12px;top: 10px;width:20px;cursor:pointer;text-align:center;}
	
	.category-sidebar{position: fixed;top: 0;left: -100%;width: 90%;height: 100%;border-radius: 0;z-index: 2222;overflow: auto;transition:all 0.5s;}
	.category-sidebar.active{left:0;}
	.filter_section{display:block!important;}
	.filter_section .container{margin: 0;padding: 0;max-width: 100%;}
	.filter_section .filter-box{display:block!important;}
	.filter_section .wpfFilterWrapper{border: 0;padding: 0 !important;margin: 0;}
	.filter_section .wpfMainWrapper{flex: 1 0 80%;max-width: 80%;}
	.filter_section .filter-head h4{display: flex;align-items: center;justify-content:space-between;border-bottom: 1px solid #ECDFC6;padding-bottom: 15px;margin-bottom: 20px;}
	.filter_section .filter-head .filter_icon{width: 45px;height: 45px;background: #fff;border: 1px solid #BF9E77;border-radius: 4px;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 0 2px #EBF0F4;color: #595959;cursor:pointer;}
	.category-sidebar .close{display: block !important;width: 30px;text-align: center;cursor: pointer;}
	.category-sidebar h5{display: flex;align-items: center;justify-content: space-between;}
}
@media (max-width: 767px){
	#alpha-strategic-overview-v1 .reach-map-panel{min-height:auto;}
	#alpha-strategic-overview-v1 .holographic-globe {width: 100%;height: 350px;}
	.partners-inner {padding: 0;}
	.product-single-tabs .single_tab .tab_content ol li, .product-single-tabs .single_tab .tab_content ul li, 			.product_cat_wrapper .products .col{width: 100%;}
	.soldout-bottom-banner{height:auto;padding:55px 0;}
	.faq-section .container{margin: 0;
  max-width: 100%;}
	.faq-accordion summary{font-size: 17px;position:relative;padding-right: 45px;}
	.faq-accordion summary::after{position: absolute;
		top: 50%;
		right: 11px;
		transform: translateY(-50%);}
	#contact-globe-canvas{left: 0px!important;}
	#alpha-contact-globe-v1{height: auto!important;min-height: auto!important;padding: 30px 0!important;}
}

.wc-block-cart-items__header th span,.wc-block-cart .wc-block-cart__totals-title{font-size: 20px;}

.product_cat_wrapper ul.products .product-inner{height:100%;}
.product_cat_wrapper ul.products li.product .woo-entry-inner{display: flex;flex-direction: column;height:100%;}
.woocommerce ul.products li.product .woo-entry-inner li:last-child{margin-top: auto;}


.tiered-pricing-blocks--style-3 .tiered-pricing-block-inner{padding: 5px 10px;}
.tiered-pricing-block__price{font-size: 1em;}
.woocommerce-Price-amount{color: #1d1913;font-weight: 500;}
body.single-product div.product p.price {font-size: 26px;line-height: 1;font-weight: 500;}
.tiered-pricing-blocks--style-3 .tiered-pricing-block__discount{background: #C19F79!important;color: #000!important;top: -2px!important;}
.tpt__tiered-pricing {border-bottom: 1px solid #eaeaea;margin-bottom: 20px;padding-bottom: 15px;}
.tiered-pricing--active { border:none !important;background: #b5926b;transform: scale(1.0)!important;}
body.single-product .summary h2:nth-child(4){display:none;}
.str_rating{display:flex;align-items:center;gap: 0 10px;margin-bottom: 10px;}
.str_rating ul{display:flex;align-items:center;gap:0 3px;list-style:none!important;margin:0!important;}
.str_rating ul li{font-size: 13px;color: #ffd757;}
.str_rating span{font-size: 14px;font-weight: 500;}
.related.products .filter_section{display:none!important;}

  /* ===== CAN I HELP YOU SECTION ===== */
  .help-section {
    background: var(--white); border: 1px solid #b5926b;
    border-radius: 4px; overflow: hidden;
    border-top: 3px solid #b5926b;
  }
  .help-header {
    padding: 16px 20px 12px;
    background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
  }
  .help-header-text h3 {
    font-size: 19px; font-weight: 400; color: #fff;
    text-transform: uppercase; letter-spacing: 0.5px;
  }
  .help-header-text p { font-size: 12px; color: #aaa; margin:0; }
  .help-header-text p a { text-decoration: none; font-weight: 600; color: #b5926b;}
  .help-header-text p a:hover { text-decoration: underline; }
  .agent-card {
    display: flex; flex-direction: column; align-items: center; gap: 6px; flex-shrink: 0;
  }
  .agent-avatar {
    width: 55px; height: 55px; border-radius: 50%;
    background: #444; overflow: hidden; position: relative;
  }
  .agent-avatar-inner {
    width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
    font-size: 20px; font-weight: 800; color: white; background: #3a3a3a;
  }
  .agent-name { font-size: 11px; color: #ccc; font-weight: 600; text-align: center; }
  .agent-flags { display: flex; gap: 4px; justify-content: center; font-size: 15px; }
  .help-body { padding: 16px 20px; display: flex; flex-direction: column; gap: 10px; }
  .help-contact-btn {
    display: flex; align-items: center; gap: 10px;
    border: 1.5px solid #ddd; border-radius: 3px;
    padding: 11px 16px; text-decoration: none;
    transition: all 0.15s; color: var(--dark); background: var(--white);
    font-weight: 600; font-size: 14px; cursor: pointer;
  }
  .help-contact-btn:hover {
    border-color: var(--primary); color: var(--primary);
    background: #fff5f5;
  }
  .help-contact-btn.phone { border-color: #2e7d32; }
  .help-contact-btn.phone:hover { background: #f0fff0; color: #2e7d32; border-color: #2e7d32; }
  .help-contact-btn .icon-wrap {
    width: 34px; height: 34px; border-radius: 50%; background: #f4f4f2;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  }
  .help-contact-btn.phone .icon-wrap { background: #e8f5e9; }
  .help-contact-btn svg { width: 16px; height: 16px; }
  .phone-svg { fill: #2e7d32; }
  .mail-svg { fill: var(--primary); }
  .help-contact-btn .btn-label { font-size: 11px; font-weight: 400; color: var(--muted); display: block; }
  .help-divider { border: none; border-top: 1px solid var(--border); margin: 2px 0; }
  .help-faq-link {
    text-align: center; font-size: 12.5px; color: var(--muted); padding: 4px 0;
  }
  .help-faq-link a { color: var(--primary); font-weight: 600; text-decoration: none; }
  .help-faq-link a:hover { text-decoration: underline; }





/* ─── SECTION ─── */
  .sc-section {
    width: 100%;
    padding: 64px 0 72px;
    overflow: hidden;
    position: relative;
  }

  /* ─── TRACK ─── */
  .sc-track {
    position: relative;
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
  }

  /* ─── SLIDE ─── */
  .sc-slide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 18px;
    overflow: hidden;
    cursor: pointer;
    transition:
      left .55s cubic-bezier(.4,0,.2,1),
      width .55s cubic-bezier(.4,0,.2,1),
      height .55s cubic-bezier(.4,0,.2,1),
      filter .55s cubic-bezier(.4,0,.2,1),
      opacity .55s cubic-bezier(.4,0,.2,1),
      box-shadow .55s cubic-bezier(.4,0,.2,1);
    will-change: left, width, height, filter, opacity;
	  background:#fff;
  }

  .sc-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
    user-select: none;
    transition: transform .6s cubic-bezier(.4,0,.2,1);
    -webkit-user-drag: none;
  }

  .sc-slide.active               { z-index:10; filter:none; opacity:1; box-shadow: 0 32px 80px rgba(0,0,0,.22); }
  .sc-slide.prev1,
  .sc-slide.next1                { z-index:7;  filter:brightness(.7) saturate(.6); opacity:.88; box-shadow: 0 10px 28px rgba(0,0,0,.10); }
  .sc-slide.prev2,
  .sc-slide.next2                { z-index:4;  filter:brightness(.48) saturate(.4); opacity:.55; box-shadow: none; }
  .sc-slide.hidden               { z-index:-1;  filter:brightness(.25); opacity:0; pointer-events:none;display:none; }

  .sc-slide.active:hover img,
  .sc-slide.prev1:hover img,
  .sc-slide.next1:hover img      { transform: scale(1.05); }

  /* overlay shimmer on hover */
  .sc-slide::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 18px;
    background: rgba(255,255,255,.07);
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none;
  }
  .sc-slide:hover::after { opacity: 1; }

  /* ─── NAV ─── */
  .sc-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 48px;
    position: relative;
    z-index: 20;
  }

  .sc-btn {
    width: 44px; height: 44px;
    border-radius: 50%;
    background: #fff;
    border: 1.5px solid #dde2ec;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: background .2s, border-color .2s, transform .2s, box-shadow .2s;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
    -webkit-tap-highlight-color: transparent;
  }
  .sc-btn:hover, .sc-btn:active {
    background: #bf9d77;
    border-color: #bf9d77;
    box-shadow: 0 4px 18px rgba(26,58,107,.3);
    transform: scale(1.08);
  }
  .sc-btn:hover svg, .sc-btn:active svg { stroke: #fff; }
  .sc-btn svg {
    width: 17px; height: 17px;
    stroke: #556;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .2s;
  }

  .sc-dots { display: flex; gap: 8px; align-items: center; }
  .sc-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #c8cdd8;
    cursor: pointer;
    border: none;
    transition: background .28s, transform .28s;
    -webkit-tap-highlight-color: transparent;
  }
  .sc-dot.active        { background: #bf9d77; transform: scale(1.55); }
  .sc-dot:hover:not(.active) { background: #8892a4; transform: scale(1.2); }

  /* ─── LIGHTBOX ─── */
  .lb-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(5,10,22,.94);
    align-items: center;
    justify-content: center;
  }
  .lb-backdrop.open { display: flex; }

  .lb-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 64px;
  }

  .lb-frame {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    max-width: 860px;
    width: 100%;
    box-shadow: 0 48px 120px rgba(0,0,0,.55);
    border: 1px solid rgba(255,255,255,.08);
    animation: lbIn .3s cubic-bezier(.4,0,.2,1);
  }
  @keyframes lbIn {
    from { opacity:0; transform:scale(.94); }
    to   { opacity:1; transform:scale(1); }
  }

  .lb-frame img {
    width: 100%;
    max-height: 78vh;
    object-fit: contain;
    display: block;background-color:#fff;
  }

  .lb-close {
    position: absolute;
    top: 14px; right: 14px;
    width: 36px; height: 36px;
    background: #c2a07a;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background .2s;
  }
  .lb-close:hover { background: rgba(255,80,80,.4); }
  .lb-close svg { width: 13px; height: 13px; stroke: #fff; fill: none; stroke-width: 2.5; }

  .lb-arrow {
    position: absolute;
    top: 50%; transform: translateY(-50%);
    width: 42px; height: 42px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: background .2s;
    flex-shrink: 0;
    z-index: 20;
    -webkit-tap-highlight-color: transparent;
  }
  .lb-arrow:hover { background: rgba(255,255,255,.2); }
  .lb-arrow svg { width: 16px; height: 16px; stroke: #fff; fill: none; stroke-width: 2; stroke-linecap: round; }
  .lb-arrow.left  { left: 12px; }
  .lb-arrow.right { right: 12px; }

  /* ─── RESPONSIVE ─── */
  @media (max-width: 900px) {
    .sc-track { height: 310px; }
    .sc-section { padding: 44px 0 52px; }
  }
  @media (max-width: 600px) {
    .sc-track { height: 240px; }
    .sc-section { padding: 32px 0 40px; }
    .sc-btn { width: 38px; height: 38px; }
    .sc-btn svg { width: 14px; height: 14px; }
    .lb-inner { padding: 0 46px; }
    .lb-frame img { max-height: 60vh; }
    .lb-arrow { width: 34px; height: 34px; }
    .lb-arrow.left  { left: 6px; }
    .lb-arrow.right { right: 6px; }
  }
  @media (max-width: 380px) {
    .sc-track { height: 200px; }
  }