/* ==========================================================================
   VIP TINTS MELBOURNE — MASTER STYLESHEET (CONSOLIDATED)
   ========================================================================== */

:root {
  /* Brand Core & Accents */
  --color-primary: #EA1C24;
  --color-primary-hover: #C81017;
  --color-primary-glow: rgba(234, 28, 36, 0.45);

  /* Dark Theme Surfaces */
  --color-bg-dark: #0A0A0A;
  --color-bg-card-dark: #121212;
  --color-bg-glass: rgba(18, 18, 18, 0.65);
  --color-bg-nav: rgba(25, 25, 25, 0.75);
  --color-bg-testimonial: rgba(255, 255, 255, 0.05);

  /* Light Theme Surfaces */
  --color-bg-light: #FFFFFF;
  --color-bg-light-subtle: #F8F9FA;

  /* Typography Colors */
  --color-text-white: #FFFFFF;
  --color-text-gray: #CCCCCC;
  --color-text-muted: #8E8E93;
  --color-text-dark: #111111;
  --color-text-body: #555555;

  /* Borders & Shadows */
  --border-glass: rgba(255, 255, 255, 0.18);
  --border-input: rgba(255, 255, 255, 0.25);
  --border-dark: #222222;
}

/* Base Reset & Typography */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

img, svg, video {
  max-width: 100%;
  height: auto;
}

.vip-social-image img,
.vip-footer-social img {
  width: 17px !important;
  height: 17px !important;
  max-width: 17px !important;
  max-height: 17px !important;
  object-fit: contain !important;
  display: block !important;
}

html {
  scroll-behavior: smooth;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--color-text-dark);
  background-color: var(--color-bg-dark);
}

body {
  overflow-x: hidden;
  line-height: 1.6;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0A0A0A;
}
::-webkit-scrollbar-thumb {
  background: #2A2A2A;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}

/* ==========================================================================
   HEADER & NAVIGATION — COMPLETE CORE STYLES
   ========================================================================== */

#vip-site-header,
.vip-site-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background: rgba(8, 8, 8, 0.88) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
}

#vip-site-header.scrolled,
.vip-site-header.scrolled {
  position: fixed !important;
  background: rgba(6, 6, 6, 0.96) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* TOPBAR */
.vip-topbar {
  width: 100% !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.vip-topbar-inner {
  width: min(1280px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
}

.vip-phone-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  letter-spacing: 0.3px !important;
  transition: color 0.2s ease !important;
}

.vip-phone-link:hover {
  color: var(--color-primary) !important;
}

.vip-phone-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--color-primary) !important;
}

.vip-phone-label {
  color: rgba(255, 255, 255, 0.7) !important;
  font-weight: 500 !important;
  font-size: 11px !important;
}

.vip-phone-number {
  color: #fff !important;
  font-weight: 700 !important;
}

.vip-opening-hours {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
}

.vip-opening-hours span {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--color-primary) !important;
  box-shadow: 0 0 8px rgba(234, 28, 36, 0.8) !important;
}

.vip-header-socials {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.vip-social-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  padding: 4px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.vip-social-image:hover {
  background: rgba(234, 28, 36, 0.2) !important;
  border-color: var(--color-primary) !important;
  transform: translateY(-2px) !important;
}

.vip-social-image img {
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

/* NAVBAR */
.vip-navbar {
  width: 100% !important;
}

.vip-navbar-inner {
  width: min(1280px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
  min-height: 74px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  box-sizing: border-box !important;
  transition: min-height 0.3s ease !important;
}

#vip-site-header.scrolled .vip-navbar-inner {
  min-height: 64px !important;
}

.vip-header-logo {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
}

.vip-header-logo img,
.vip-header-logo .custom-logo {
  display: block !important;
  width: auto !important;
  height: 48px !important;
  max-height: 48px !important;
  object-fit: contain !important;
  transition: height 0.3s ease !important;
}

#vip-site-header.scrolled .vip-header-logo img,
#vip-site-header.scrolled .vip-header-logo .custom-logo {
  height: 40px !important;
}

.vip-desktop-navigation {
  display: flex !important;
  align-items: center !important;
  margin-left: auto !important;
}

.vip-main-menu {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 4px !important;
}

.vip-main-menu li {
  position: relative !important;
}

.vip-menu-link {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  height: 74px !important;
  padding: 0 14px !important;
  color: rgba(255, 255, 255, 0.82) !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  transition: color 0.2s ease, height 0.3s ease !important;
}

#vip-site-header.scrolled .vip-menu-link {
  height: 64px !important;
}

.vip-menu-link:hover,
.vip-menu-link.active {
  color: #ffffff !important;
}

.vip-menu-link:after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 20px !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: var(--color-primary) !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform 0.25s ease !important;
}

.vip-menu-link:hover:after,
.vip-menu-link.active:after {
  transform: scaleX(1) !important;
}

/* Services Dropdown */
.vip-services-dropdown:hover .vip-submenu,
.vip-main-menu li:hover > .vip-submenu,
.vip-main-menu li:hover > .sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

.vip-submenu,
.vip-main-menu .sub-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  min-width: 210px !important;
  background: #111111 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  padding: 10px 0 !important;
  list-style: none !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(10px) !important;
  transition: all 0.25s ease !important;
  pointer-events: none !important;
  z-index: 100 !important;
}

.vip-submenu li a,
.vip-main-menu .sub-menu li a {
  display: block !important;
  padding: 10px 20px !important;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.vip-submenu li a:hover,
.vip-main-menu .sub-menu li a:hover {
  color: #fff !important;
  background: rgba(234, 28, 36, 0.12) !important;
  padding-left: 24px !important;
}

.vip-dropdown-arrow {
  font-size: 10px !important;
  opacity: 0.6 !important;
  margin-left: 2px !important;
}

/* CONTACT BUTTON */
.vip-header-contact {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 140px !important;
  height: 44px !important;
  padding: 0 20px !important;
  background: var(--color-primary) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  box-shadow: 0 4px 18px rgba(234, 28, 36, 0.35) !important;
  transition: all 0.25s ease !important;
}

.vip-header-contact:hover {
  background: var(--color-primary-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(234, 28, 36, 0.55) !important;
}

.vip-arrow {
  font-size: 14px !important;
}

/* MOBILE TOGGLE & DRAWER */
#mobile-menu-toggle {
  display: none;
  width: 42px !important;
  height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  color: #fff !important;
}

.vip-mobile-drawer,
#mobile-menu-drawer {
  display: none !important;
  width: 100% !important;
  background: #0d0d0d !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 16px 20px 24px !important;
}

.vip-mobile-drawer[style*="display: block"],
.vip-mobile-drawer:not(.hidden):not([style*="display: none"]) {
  display: block !important;
}

.vip-mobile-menu-list {
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.vip-mobile-menu-list a {
  display: block !important;
  padding: 8px 0 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.vip-mobile-service-submenu,
.vip-mobile-drawer .sub-menu {
  list-style: none !important;
  padding-left: 16px !important;
  margin-top: 6px !important;
}

.vip-mobile-service-submenu a,
.vip-mobile-drawer .sub-menu a {
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.65) !important;
}

/* Responsive Header */
@media (max-width: 1024px) {
  .vip-desktop-navigation {
    display: none !important;
  }
  #mobile-menu-toggle {
    display: flex !important;
  }
  .vip-topbar-inner {
    padding: 0 16px !important;
  }
  .vip-navbar-inner {
    padding: 0 16px !important;
    min-height: 64px !important;
  }
}

@media (max-width: 640px) {
  .vip-opening-hours {
    display: none !important;
  }
  .vip-header-contact {
    display: none !important;
  }
}

/* ==========================================================================
   FOOTER — COMPLETE CORE STYLES
   ========================================================================== */

.vip-modern-footer {
  position: relative !important;
  background: #070707 !important;
  color: #fff !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  overflow: hidden !important;
  padding: 0 0 25px !important;
}

.vip-modern-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.15;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 50px 50px;
}

.vip-footer-glow {
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: #ea1c24;
  filter: blur(140px);
  opacity: 0.07;
  pointer-events: none;
}

.vip-footer-glow-one {
  left: -200px;
  top: 15%;
}

.vip-footer-glow-two {
  right: -200px;
  bottom: 5%;
}

.vip-footer-wrap {
  width: min(1200px, calc(100% - 36px)) !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 2 !important;
}

/* CTA BANNER */
.vip-footer-cta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  padding: 34px 38px !important;
  margin: 40px 0 45px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-left: 3px solid #ea1c24 !important;
  border-radius: 0 16px 16px 16px !important;
  background: linear-gradient(110deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.015) 100%) !important;
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.35) !important;
}

.vip-footer-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.2em !important;
  color: #ea1c24 !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}

.vip-footer-kicker span {
  display: inline-block !important;
  width: 26px !important;
  height: 1px !important;
  background: #ea1c24 !important;
}

.vip-footer-cta h2 {
  font-size: clamp(24px, 3.2vw, 34px) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #fff !important;
  margin: 0 0 8px !important;
  text-transform: uppercase !important;
}

.vip-footer-cta h2 span {
  color: #ea1c24 !important;
  display: inline !important;
}

.vip-footer-cta p {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 13.5px !important;
  max-width: 520px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.vip-footer-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: linear-gradient(135deg, #ff2d38, #d90812) !important;
  color: #fff !important;
  height: 46px !important;
  padding: 0 24px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  box-shadow: 0 8px 24px rgba(234, 28, 36, 0.35) !important;
  transition: all 0.25s ease !important;
}

.vip-footer-cta-btn svg {
  width: 16px !important;
  height: 16px !important;
  transition: transform 0.25s ease !important;
}

.vip-footer-cta-btn:hover {
  background: linear-gradient(135deg, #ff4d55, #ea1c24) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(234, 28, 36, 0.55) !important;
  color: #fff !important;
}

.vip-footer-cta-btn:hover svg {
  transform: translateX(4px) !important;
}

/* MAIN 4-COLUMN FOOTER */
.vip-footer-main {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 1fr 1.35fr !important;
  gap: 36px !important;
  padding: 48px 0 40px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.vip-footer-brand {
  min-width: 0 !important;
}

.vip-footer-logo {
  display: inline-block !important;
  text-decoration: none !important;
  margin-bottom: 14px !important;
}

.vip-footer-logo-text {
  font-size: 32px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  line-height: 1 !important;
  color: #fff !important;
}

.vip-footer-logo-text span {
  color: #ea1c24 !important;
}

.vip-footer-logo img,
.vip-footer-logo .custom-logo {
  height: 42px !important;
  width: auto !important;
  object-fit: contain !important;
}

.vip-footer-about {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  margin: 0 0 18px !important;
  max-width: 320px !important;
}

.vip-footer-social {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

.vip-footer-social a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.vip-footer-social a:hover {
  background: rgba(234, 28, 36, 0.15) !important;
  border-color: #ea1c24 !important;
  transform: translateY(-2px) !important;
}

.vip-footer-social img {
  width: 17px !important;
  height: 17px !important;
  max-width: 17px !important;
  max-height: 17px !important;
  object-fit: contain !important;
  display: block !important;
}

.vip-footer-column-head {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.vip-col-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #ea1c24 !important;
  box-shadow: 0 0 8px rgba(234, 28, 36, 0.8) !important;
}

.vip-footer-column-head h3 {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  color: #fff !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

.vip-footer-links {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.vip-footer-links a {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 13px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

.vip-footer-links a::before {
  content: "›" !important;
  color: #ea1c24 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  transition: transform 0.2s ease !important;
}

.vip-footer-links a:hover {
  color: #fff !important;
  transform: translateX(3px) !important;
}

/* CONTACT BOXES */
.vip-footer-contact {
  min-width: 0 !important;
}

.vip-contact-box {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 14px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  color: #fff !important;
  margin-bottom: 8px !important;
  transition: all 0.25s ease !important;
}

.vip-contact-box:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(234, 28, 36, 0.4) !important;
  transform: translateY(-1px) !important;
}

.vip-contact-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 6px !important;
  background: rgba(234, 28, 36, 0.1) !important;
  border: 1px solid rgba(234, 28, 36, 0.25) !important;
  color: #ea1c24 !important;
  flex-shrink: 0 !important;
}

.vip-contact-icon svg {
  width: 15px !important;
  height: 15px !important;
}

.vip-contact-box small {
  display: block !important;
  font-size: 8.5px !important;
  letter-spacing: 0.1em !important;
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 700 !important;
  margin-bottom: 1px !important;
}

.vip-contact-box strong {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
}

.vip-contact-arrow {
  margin-left: auto !important;
  color: rgba(255, 255, 255, 0.3) !important;
  font-size: 16px !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

.vip-contact-box:hover .vip-contact-arrow {
  color: #ea1c24 !important;
  transform: translateX(2px) !important;
}

/* OPENING HOURS */
.vip-footer-hours {
  margin-top: 10px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

.vip-hours-title {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 6px !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
}

.vip-open-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #22c55e !important;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.7) !important;
}

.vip-hours-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 2px 0 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 10.5px !important;
}

.vip-hours-row strong {
  color: rgba(255, 255, 255, 0.8) !important;
  font-weight: 600 !important;
}

/* FOOTER BOTTOM */
.vip-footer-bottom {
  padding-top: 22px !important;
  text-align: center !important;
}

.vip-footer-bottom p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 11.5px !important;
  line-height: 1.6 !important;
}

.vip-footer-separator {
  margin: 0 8px !important;
  color: #ea1c24 !important;
}

.vip-footer-bottom a {
  color: #fff !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.vip-footer-bottom a:hover {
  color: #ea1c24 !important;
}

/* Responsive Footer */
@media (max-width: 1000px) {
  .vip-footer-main {
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
  }
  .vip-footer-brand {
    grid-column: 1 / -1 !important;
  }
  .vip-footer-about {
    max-width: 600px !important;
  }
}

@media (max-width: 650px) {
  .vip-footer-cta {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 30px 0 !important;
  }
  .vip-footer-cta-btn {
    width: 100% !important;
    justify-content: center !important;
  }
  .vip-footer-main {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .vip-footer-bottom {
    flex-direction: column !important;
    gap: 14px !important;
    text-align: center !important;
  }
}

/* ==========================================================================
   Utility Classes & Buttons
   ========================================================================== */

.btn-primary {
  background: var(--color-primary);
  color: #FFFFFF;
  font-weight: 700;
  border-radius: 8px;
  padding: 12px 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(234, 28, 36, 0.25);
}

.btn-primary:hover {
  background: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(234, 28, 36, 0.5);
}

.btn-primary:active {
  transform: translateY(0);
}

/* Button Shimmer Effect */
.btn-primary::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -60%;
  width: 40%;
  height: 200%;
  background: linear-gradient(
    60deg,
    rgba(255, 255, 255, 0) 20%,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0) 80%
  );
  transform: rotate(30deg);
  transition: all 0.6s ease;
}

.btn-primary:hover::after {
  left: 130%;
}

.btn-pill {
  border-radius: 9999px !important;
}

/* ==========================================================================
   Section 1: Topbar & Section 2: Navbar
   ========================================================================== */

.topbar-wrapper {
  background: transparent;
}

.navbar-glass {
  background: rgba(30, 30, 30, 0.65);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.45);
  transition: all 0.3s ease;
}

.navbar-glass.scrolled {
  background: rgba(18, 18, 18, 0.92);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.75);
  border-color: rgba(234, 28, 36, 0.4);
}

.nav-link {
  position: relative;
  font-size: 13.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  transition: color 0.2s ease;
}

.nav-link::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0%;
  height: 2px;
  background: var(--color-primary);
  transition: width 0.3s ease;
}

.nav-link:hover,
.nav-link.active {
  color: var(--color-primary);
}

.nav-link:hover::after,
.nav-link.active::after {
  width: 100%;
}

/* ==========================================================================
   Section 3: Hero Section & Glass Card
   ========================================================================== */

.hero-bg-overlay {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.45) 50%,
    rgba(10, 10, 10, 0.95) 100%
  );
}

.hero-glass-card {
  background: rgba(20, 20, 20, 0.62);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6), 0 0 30px rgba(0, 0, 0, 0.3);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.hero-glass-card:hover {
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.75), 0 0 25px rgba(234, 28, 36, 0.18);
}

.glass-input {
  width: 100%;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 8px;
  padding: 11px 16px;
  color: #FFFFFF;
  font-size: 13.5px;
  outline: none;
  transition: all 0.25s ease;
}

.glass-input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.glass-input:focus {
  border-color: var(--color-primary);
  background: rgba(255, 255, 255, 0.18);
  box-shadow: 0 0 0 3px rgba(234, 28, 36, 0.35);
}

/* ==========================================================================
   Section 4: About Us & Speech-Bubble Tabs
   ========================================================================== */

.about-badge-tab {
  background: var(--color-primary);
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 6px;
  position: relative;
  cursor: pointer;
  transition: all 0.25s ease;
  user-select: none;
  box-shadow: 0 4px 10px rgba(234, 28, 36, 0.3);
}

.about-badge-tab:hover,
.about-badge-tab.active {
  background: #FFFFFF;
  color: var(--color-primary);
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.about-badge-tab::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px 5px 0;
  border-style: solid;
  border-color: var(--color-primary) transparent transparent transparent;
  transition: border-color 0.25s ease;
}

.about-badge-tab:hover::after,
.about-badge-tab.active::after {
  border-color: #FFFFFF transparent transparent transparent;
}

/* Image Card Hover Zoom */
.img-zoom-container {
  overflow: hidden;
  border-radius: 16px;
}

.img-zoom-container img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.img-zoom-container:hover img {
  transform: scale(1.06);
}

/* ==========================================================================
   Section 5: Pricing & Packages
   ========================================================================== */

.pricing-card {
  background: var(--color-bg-card-dark);
  border: 1px solid var(--border-dark);
  border-radius: 12px;
  transition: all 0.35s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pricing-card:hover {
  transform: translateY(-8px);
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
}

.pricing-card.featured {
  border: 1.5px solid var(--color-primary);
  box-shadow: 0 10px 40px rgba(234, 28, 36, 0.22);
}

.pricing-card.featured:hover {
  box-shadow: 0 20px 50px rgba(234, 28, 36, 0.35);
}

/* ==========================================================================
   Section 6: Services Showcase (Red Split & Tall Cards)
   ========================================================================== */

.services-top-red-bg {
  background: #E11D23;
}

.service-tall-card {
  position: relative;
  overflow: hidden;
  height: 580px;
  background: #111111;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.22);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.service-tall-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
}

.service-tall-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.service-tall-card:hover img {
  transform: scale(1.06);
}

.service-tall-card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 35%,
    rgba(0, 0, 0, 0.7) 70%,
    rgba(0, 0, 0, 0.95) 100%
  );
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 36px 30px;
  pointer-events: none;
}

/* ==========================================================================
   Section 8: Brands Continuous Marquee
   ========================================================================== */

.marquee-container {
  overflow: hidden;
  user-select: none;
  display: flex;
  gap: 40px;
}

.marquee-content {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 60px;
  min-width: 100%;
  animation: scroll-marquee 25s linear infinite;
}

@keyframes scroll-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.marquee-container:hover .marquee-content {
  animation-play-state: paused;
}

/* ==========================================================================
   Section 9: Testimonials & Crimson Glow
   ========================================================================== */

.testimonials-bg {
  position: relative;
  overflow: hidden;
  background: #080808;
}

.testimonials-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('../assets/testimonia.jpg') center / cover no-repeat;
  filter: hue-rotate(165deg) saturate(2.5) contrast(1.1) brightness(0.85);
  z-index: 0;
}

.testimonials-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 74% 38%, rgba(255, 60, 0, 0.95) 0%, rgba(220, 20, 20, 0.65) 18%, rgba(140, 0, 0, 0.3) 40%, transparent 65%),
              linear-gradient(180deg, rgba(80, 0, 0, 0.4) 0%, rgba(20, 0, 0, 0.2) 50%, rgba(10, 0, 0, 0.85) 100%);
  mix-blend-mode: screen;
  pointer-events: none;
  z-index: 1;
}

.testimonials-red-color-filter {
  position: absolute;
  inset: 0;
  background: rgba(220, 20, 20, 0.55);
  mix-blend-mode: color;
  pointer-events: none;
  z-index: 1;
}

.testimonial-glass-card {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 36px;
  transition: all 0.35s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 10;
}

.testimonial-glass-card:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.25);
  transform: translateY(-6px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.4);
}

/* ==========================================================================
   Section 10: Works Filter Gallery & Pebble Cards
   ========================================================================== */

.works-card-shape {
  border-radius: 76px 20px 76px 20px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  height: 390px;
  background: #F3F4F6;
}

.works-card-shape:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.works-filter-btn {
  background: #FF0000;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 14.5px;
  height: 52px;
  padding: 0 24px;
  border-radius: 9999px;
  text-align: center;
  transition: all 0.25s ease;
  box-shadow: 0 4px 14px rgba(255, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  border: none;
}

.works-filter-btn:hover {
  background: #D80000;
  transform: scale(1.02);
  box-shadow: 0 6px 18px rgba(255, 0, 0, 0.35);
}

.gallery-item {
  transition: all 0.4s ease;
}

.gallery-item.hide {
  opacity: 0;
  transform: scale(0.92);
  display: none;
}

/* ==========================================================================
   Section 11: FAQ Accordion
   ========================================================================== */

/* ==========================================================================
   Section 11: FAQ Accordion & Branded Image
   ========================================================================== */

.faq-item {
  border-bottom: 1px solid #E5E7EB;
  transition: all 0.3s ease;
  padding: 16px 0;
}

.faq-header {
  cursor: pointer;
  padding: 8px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  gap: 20px;
}

.faq-toggle-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #E2E4E8;
  color: #777777;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 700;
  flex-shrink: 0;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.faq-item.active .faq-toggle-icon {
  background: #FF0000;
  color: #FFFFFF;
  box-shadow: 0 4px 14px rgba(255, 0, 0, 0.4);
}

.faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
  opacity: 0;
}

.faq-item.active .faq-content {
  max-height: 250px;
  opacity: 1;
  padding-top: 8px;
  padding-bottom: 12px;
}

.faq-media-card {
  border-radius: 60px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.22);
  height: 640px;
  background: #F3F4F6;
}

.faq-rotated-watermark {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: center center;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 20px;
  user-select: none;
  pointer-events: none;
  z-index: 10;
  letter-spacing: 0.18em;
}

/* ==========================================================================
   Section 13: 3-Step Process Wave & Timeline Animations
   ========================================================================== */

.process-timeline-wrapper {
  position: relative;
  min-height: 480px;
}

.animated-timeline-path {
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500;
  animation: drawTimelinePath 2.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  filter: drop-shadow(0 6px 12px rgba(234, 28, 36, 0.25));
}

@keyframes drawTimelinePath {
  to {
    stroke-dashoffset: 0;
  }
}

.floating-step-icon-1 {
  animation: gentleFloat 4s ease-in-out infinite;
}
.floating-step-icon-2 {
  animation: gentleFloat 4s ease-in-out infinite 0.8s;
}
.floating-step-icon-3 {
  animation: gentleFloat 4s ease-in-out infinite 1.6s;
}

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

.step-node-badge {
  background: #E2E4E8;
  border-radius: 14px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  position: relative;
  transition: all 0.3s ease;
}

.step-node-badge:hover {
  transform: scale(1.12);
  background: #D8DBE0;
  box-shadow: 0 6px 18px rgba(234, 28, 36, 0.2);
}

.step-node-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FF0000;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
  position: relative;
}

.step-node-dot::after {
  content: '';
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  background: rgba(255, 0, 0, 0.3);
  animation: pulseDot 2s ease-in-out infinite;
}

@keyframes pulseDot {
  0%, 100% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.4);
    opacity: 0;
  }
}

/* ==========================================================================
   Scroll Reveal Animations
   ========================================================================== */

.reveal-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal-on-scroll.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Toast Feedback Modal */
.toast-feedback {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: #111111;
  border: 1px solid var(--color-primary);
  color: #FFFFFF;
  padding: 16px 24px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(30px);
  transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease;
}

.toast-feedback.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* ==========================================================================
   Section 14: Responsive Footer Styling
   ========================================================================== */

.footer-custom-bg {
  background: linear-gradient(
      180deg,
      rgba(5, 5, 5, 0.92) 0%,
      rgba(10, 10, 10, 0.82) 45%,
      rgba(5, 5, 5, 0.96) 100%
    ),
    url('../assets/footer.png') center / cover no-repeat;
  position: relative;
}

.footer-custom-bg p {
  font-weight: 500;
  color: #FFFFFF;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
}

.footer-custom-bg a {
  font-weight: 500;
  color: #FFFFFF;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
  transition: all 0.2s ease;
}

.footer-custom-bg a:hover {
  color: var(--color-primary) !important;
  transform: translateX(2px);
}

.footer-custom-bg span {
  font-weight: 500;
  color: #FFFFFF;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
}

.footer-custom-bg h4 {
  font-weight: 800;
  color: #FFFFFF;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
}


/* ==========================================================================
   SECTION: HEADER & NAVIGATION COMPONENT STYLES
   Source: header.php
   ========================================================================== */

/* --- header.php (Block 1) --- */
/* =========================================================
   NAVIGATION
   ========================================================= */

#vip-site-header .vip-main-menu {
	list-style:none;
	margin:0;
	padding:0;
	gap:2px;
}

#vip-site-header .vip-main-menu > li {
	list-style:none;
	margin:0;
	padding:0;
}

#vip-site-header .vip-menu-link {

	position:relative;

	display:flex;
	align-items:center;

	height:80px;

	padding:0 14px;

	color:rgba(255,255,255,.78);

	text-decoration:none;

	font-size:13px;

	font-weight:800;

	letter-spacing:.7px;

	transition:
		color .3s ease;

}

#vip-site-header .vip-menu-link:after {

	content:"";

	position:absolute;

	left:14px;
	right:14px;

	bottom:20px;

	height:2px;

	border-radius:10px;

	background:#ed1c24;

	transform:scaleX(0);

	transition:
		transform .3s ease;

	box-shadow:
		0 0 10px rgba(237,28,36,.55);

}

#vip-site-header .vip-menu-link:hover,
#vip-site-header .vip-menu-link.active {
	color:#fff;
}

#vip-site-header .vip-menu-link:hover:after,
#vip-site-header .vip-menu-link.active:after {
	transform:scaleX(1);
}


/* =========================================================
   PHONE - BLINKING PREMIUM HIGHLIGHT
   ========================================================= */

#vip-site-header .vip-phone-link {

	display:inline-flex;

	align-items:center;

	gap:8px;

	padding:4px 10px 4px 5px;

	border-radius:30px;

	border:1px solid rgba(237,28,36,.28);

	background:rgba(237,28,36,.06);

	color:#fff;

	text-decoration:none;

	font-size:12px;

	font-weight:700;

	letter-spacing:.35px;

	transition:
		all .3s ease;

	animation:
		vipPhoneGlow 2s ease-in-out infinite;

}

#vip-site-header .vip-phone-icon {

	display:flex;

	align-items:center;

	justify-content:center;

	width:23px;

	height:23px;

	flex-shrink:0;

	border-radius:50%;

	background:#ed1c24;

	color:#fff;

	animation:
		vipPhonePulse 1.7s ease-in-out infinite;

}

#vip-site-header .vip-phone-label {

	color:rgba(255,255,255,.55);

	font-size:9px;

	font-weight:700;

	letter-spacing:.8px;

}

#vip-site-header .vip-phone-number {

	color:#fff;

	font-size:12px;

	font-weight:800;

	white-space:nowrap;

}


/* Phone hover */

#vip-site-header .vip-phone-link:hover {

	background:rgba(237,28,36,.14);

	border-color:rgba(237,28,36,.75);

	transform:translateY(-1px);

	box-shadow:
		0 8px 24px rgba(237,28,36,.25);

}


/* =========================================================
   PHONE GLOW ANIMATION
   ========================================================= */

@keyframes vipPhoneGlow {

	0%,
	100% {

		box-shadow:
			0 0 0 rgba(237,28,36,0);

	}

	50% {

		box-shadow:
			0 0 18px rgba(237,28,36,.30);

	}

}


/* =========================================================
   PHONE ICON PULSE
   ========================================================= */

@keyframes vipPhonePulse {

	0%,
	100% {

		transform:scale(1);

		box-shadow:
			0 0 0 0 rgba(237,28,36,.55);

	}

	50% {

		transform:scale(1.08);

		box-shadow:
			0 0 0 7px rgba(237,28,36,0);

	}

}


/* =========================================================
   SOCIAL MEDIA
   Facebook → Instagram → Google → YouTube
   ========================================================= */

#vip-site-header .vip-header-socials {

	display:flex;

	align-items:center;

	gap:7px;

}

#vip-site-header .vip-social-image {

	display:flex;

	align-items:center;

	justify-content:center;

	width:28px;

	height:28px;

	padding:5px;

	box-sizing:border-box;

	border-radius:50%;

	background:rgba(255,255,255,.045);

	border:1px solid rgba(255,255,255,.10);

	text-decoration:none;

	overflow:hidden;

	transition:
		transform .3s ease,
		background .3s ease,
		border-color .3s ease,
		box-shadow .3s ease;

}

#vip-site-header .vip-social-image img {

	display:block;

	width:17px;

	height:17px;

	max-width:100%;

	max-height:100%;

	object-fit:contain;

	transition:
		transform .3s ease;

}

#vip-site-header .vip-social-image:hover {

	transform:translateY(-3px);

	background:rgba(255,255,255,.10);

	border-color:rgba(255,255,255,.30);

	box-shadow:
		0 7px 18px rgba(0,0,0,.35);

}

#vip-site-header .vip-social-image:hover img {

	transform:scale(1.12);

}


/* =========================================================
   CONTACT BUTTON
   ========================================================= */

#vip-site-header .vip-header-contact {

	display:inline-flex;

	align-items:center;

	justify-content:center;

	gap:10px;

	min-width:150px;

	height:46px;

	padding:0 22px;

	background:
		linear-gradient(
			135deg,
			#ed1c24,
			#b90e15
		);

	color:#fff;

	border:1px solid rgba(255,255,255,.1);

	border-radius:6px;

	text-decoration:none;

	font-size:13px;

	font-weight:800;

	letter-spacing:.5px;

	box-shadow:
		0 8px 25px rgba(237,28,36,.2);

	transition:
		all .3s ease;

}

#vip-site-header .vip-header-contact:hover {

	transform:translateY(-2px);

	box-shadow:
		0 13px 32px rgba(237,28,36,.34);

}

#vip-site-header .vip-header-contact:hover .vip-arrow {

	transform:translateX(4px);

}

#vip-site-header .vip-arrow {

	font-size:18px;

	line-height:1;

	transition:
		transform .3s ease;

}


/* =========================================================
   SCROLL HEADER
   ========================================================= */

#vip-site-header.scrolled {

	position:fixed!important;

	background:
		rgba(4,4,4,.97)!important;

	box-shadow:
		0 12px 35px rgba(0,0,0,.42);

}

#vip-site-header.scrolled .vip-menu-link {

	height:70px;

}

#vip-site-header.scrolled .vip-menu-link:after {

	bottom:17px;

}


/* =========================================================
   MOBILE MENU
   ========================================================= */

#vip-site-header .vip-mobile-menu-list {

	list-style:none;

	margin:0;

	padding:0;

}

#vip-site-header .vip-mobile-menu-list li {

	list-style:none;

	margin:0;

	padding:0;

}

#vip-site-header .vip-mobile-menu-list a {

	display:block;

	padding:14px 5px;

	color:rgba(255,255,255,.86);

	text-decoration:none;

	border-bottom:
		1px solid rgba(255,255,255,.07);

	font-size:13px;

	font-weight:800;

	letter-spacing:.55px;

	transition:
		all .25s ease;

}

#vip-site-header .vip-mobile-service-submenu{list-style:none;margin:0;padding:0 0 5px 12px;border-left:1px solid rgba(237,28,36,.35)}
#vip-site-header .vip-mobile-service-submenu li{margin:0;padding:0}
#vip-site-header .vip-mobile-service-submenu a{padding:10px 8px!important;border-bottom:1px solid rgba(255,255,255,.05)!important;color:rgba(255,255,255,.65)!important;font-size:11px!important;font-weight:700!important}
#vip-site-header .vip-mobile-service-submenu a:hover{color:#ed1c24!important;padding-left:14px!important}

#vip-site-header .vip-mobile-menu-list li:first-child a {

	color:#ed1c24;

}

#vip-site-header .vip-mobile-menu-list a:hover {

	color:#ed1c24;

	padding-left:12px;

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1100px) {

	#vip-site-header .vip-menu-link {

		padding:0 9px;

		font-size:12px;

	}

	#vip-site-header .vip-menu-link:after {

		left:9px;

		right:9px;

	}

	#vip-site-header .vip-header-contact {

		min-width:135px;

		padding:0 16px;

	}

}


/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media(max-width:900px) {

	#vip-site-header .vip-desktop-navigation,
	#vip-site-header .vip-header-contact {

		display:none!important;

	}

	#vip-site-header #mobile-menu-toggle {

		display:flex!important;

		align-items:center;

		justify-content:center;

	}

	#vip-site-header .vip-opening-hours {

		display:none!important;

	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px) {

	#vip-site-header > div:first-child > div,
	#vip-site-header > div:nth-child(2) {

		padding-left:5%!important;

		padding-right:5%!important;

	}


	#vip-site-header > div:nth-child(2) {

		min-height:68px!important;

	}


	#vip-site-header img {

		max-height:40px!important;

		width:auto!important;

	}


	#vip-site-header > div:first-child > div {

		min-height:34px!important;

	}


	#vip-site-header > div:first-child > div > div:first-child a {

		font-size:11px!important;

	}


	/* Mobile social */

	#vip-site-header .vip-header-socials {

		gap:5px;

	}


	#vip-site-header .vip-social-image {

		width:26px;

		height:26px;

		padding:4px;

	}


	#vip-site-header .vip-social-image img {

		width:16px;

		height:16px;

	}


	/* Mobile phone */

	#vip-site-header .vip-phone-label {

		display:none;

	}


	#vip-site-header .vip-phone-link {

		padding-right:7px;

	}


	#vip-site-header .vip-phone-number {

		font-size:11px;

	}

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media(max-width:390px) {

	#vip-site-header .vip-phone-number {

		font-size:10px;

	}

	#vip-site-header .vip-social-image {

		width:24px;

		height:24px;

	}

	#vip-site-header .vip-social-image img {

		width:15px;

		height:15px;

	}

}


/* =========================================================
   SERVICES DROPDOWN — PREMIUM HEADER FIX
   ========================================================= */

#vip-site-header .vip-main-menu > li.vip-services-dropdown,
#vip-site-header .vip-main-menu > li.menu-item-has-children {
	position:relative;
	display:flex;
	align-items:center;
	height:80px;
}

#vip-site-header .vip-main-menu > li.vip-services-dropdown > .vip-menu-link,
#vip-site-header .vip-main-menu > li.vip-services-dropdown > a,
#vip-site-header .vip-main-menu > li.menu-item-has-children > a {
	height:80px;
	display:flex;
	align-items:center;
	white-space:nowrap;
}

#vip-site-header .vip-services-dropdown > .vip-submenu,
#vip-site-header .vip-services-dropdown > .sub-menu,
#vip-site-header .menu-item-has-children > .vip-submenu,
#vip-site-header .menu-item-has-children > .sub-menu {
	position:absolute !important;
	top:calc(100% + 1px) !important;
	left:50% !important;
	transform:translateX(-50%) translateY(8px) !important;

	display:block !important;
	width:230px;
	margin:0 !important;
	padding:8px 0 !important;

	list-style:none;
	background:rgba(7,7,7,.98);
	border:1px solid rgba(255,255,255,.12);
	border-top:2px solid #ed1c24;
	border-radius:0 0 8px 8px;
	box-shadow:0 18px 40px rgba(0,0,0,.55);

	opacity:0;
	visibility:hidden;
	pointer-events:none;
	z-index:100000;

	transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
}

#vip-site-header .vip-services-dropdown:hover > .vip-submenu,
#vip-site-header .vip-services-dropdown:hover > .sub-menu,
#vip-site-header .vip-services-dropdown:focus-within > .vip-submenu,
#vip-site-header .vip-services-dropdown:focus-within > .sub-menu,
#vip-site-header .menu-item-has-children:hover > .vip-submenu,
#vip-site-header .menu-item-has-children:hover > .sub-menu,
#vip-site-header .menu-item-has-children:focus-within > .vip-submenu,
#vip-site-header .menu-item-has-children:focus-within > .sub-menu {
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transform:translateX(-50%) translateY(0) !important;
}

#vip-site-header .vip-services-dropdown > .vip-submenu > li,
#vip-site-header .vip-services-dropdown > .sub-menu > li,
#vip-site-header .menu-item-has-children > .vip-submenu > li,
#vip-site-header .menu-item-has-children > .sub-menu > li {
	display:block !important;
	width:100%;
	margin:0 !important;
	padding:0 !important;
	list-style:none;
	height:auto !important;
}

#vip-site-header .vip-services-dropdown > .vip-submenu > li > a,
#vip-site-header .vip-services-dropdown > .sub-menu > li > a,
#vip-site-header .menu-item-has-children > .vip-submenu > li > a,
#vip-site-header .menu-item-has-children > .sub-menu > li > a {
	display:flex !important;
	align-items:center;
	width:100%;
	box-sizing:border-box;
	padding:13px 20px !important;
	color:rgba(255,255,255,.9) !important;
	background:transparent !important;
	font-size:12px !important;
	font-weight:700 !important;
	letter-spacing:.55px;
	line-height:1.2;
	text-decoration:none !important;
	white-space:nowrap;
	transition:color .2s ease, background .2s ease, padding-left .2s ease;
}

#vip-site-header .vip-services-dropdown > .vip-submenu > li > a::before,
#vip-site-header .vip-services-dropdown > .sub-menu > li > a::before,
#vip-site-header .menu-item-has-children > .vip-submenu > li > a::before,
#vip-site-header .menu-item-has-children > .sub-menu > li > a::before {
	content:"→";
	display:inline-block;
	margin-right:10px;
	color:#ed1c24;
	font-size:13px;
}

#vip-site-header .vip-services-dropdown > .vip-submenu > li > a:hover,
#vip-site-header .vip-services-dropdown > .sub-menu > li > a:hover,
#vip-site-header .menu-item-has-children > .vip-submenu > li > a:hover,
#vip-site-header .menu-item-has-children > .sub-menu > li > a:hover {
	color:#fff !important;
	background:rgba(237,28,36,.10) !important;
	padding-left:25px !important;
}

#vip-site-header.scrolled .vip-main-menu > li.vip-services-dropdown,
#vip-site-header.scrolled .vip-main-menu > li.menu-item-has-children {
	height:70px;
}

#vip-site-header.scrolled .vip-main-menu > li.vip-services-dropdown > .vip-menu-link,
#vip-site-header.scrolled .vip-main-menu > li.vip-services-dropdown > a,
#vip-site-header.scrolled .vip-main-menu > li.menu-item-has-children > a {
	height:70px;
}

@media(max-width:900px) {
	#vip-site-header .vip-main-menu > li.vip-services-dropdown {
		height:auto;
	}
}


/* ==========================================================================
   SECTION: PAGE LOADER & FOOTER COMPONENT STYLES
   Source: footer.php
   ========================================================================== */

/* --- footer.php (Block 1) --- */
#vip-global-loader{
    position:fixed;
    inset:0;
    z-index:2147483647;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at center,rgba(245,27,36,.08),transparent 35%),
        #070707;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:opacity .2s ease,visibility .2s ease;
}

#vip-global-loader.vip-loader-hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

.vip-loader-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.vip-loader-mark{
    position:relative;
    width:65px;
    height:65px;
    margin-bottom:22px;
}

.vip-loader-ring{
    position:absolute;
    inset:0;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.08);
    border-top-color:#f51b24;
    border-right-color:#f51b24;
    animation:vipLoaderRotate .6s linear infinite;
}

.vip-loader-ring:before{
    content:"";
    position:absolute;
    inset:7px;
    border-radius:50%;
    border:1px solid rgba(245,27,36,.25);
}

.vip-loader-dot{
    position:absolute;
    width:7px;
    height:7px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:#f51b24;
    box-shadow:0 0 10px rgba(245,27,36,.8);
}

.vip-loader-brand{
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
    font-size:25px;
    line-height:1;
    font-weight:900;
    letter-spacing:3px;
}

.vip-loader-brand span{
    color:#f51b24;
}

.vip-loader-tagline{
    margin-top:10px;
    color:rgba(255,255,255,.45);
    font-family:Arial,Helvetica,sans-serif;
    font-size:8px;
    font-weight:600;
    letter-spacing:2px;
}

.vip-loader-progress{
    position:relative;
    width:140px;
    height:2px;
    margin-top:20px;
    overflow:hidden;
    background:rgba(255,255,255,.10);
}

.vip-loader-progress span{
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:#f51b24;
    box-shadow:0 0 8px rgba(245,27,36,.7);
    animation:vipLoaderProgress .5s linear forwards;
}

@keyframes vipLoaderRotate{
    to{transform:rotate(360deg)}
}

@keyframes vipLoaderProgress{
    from{left:-100%}
    to{left:100%}
}

@media(max-width:600px){
    .vip-loader-mark{
        width:55px;
        height:55px;
    }

    .vip-loader-brand{
        font-size:22px;
    }

    .vip-loader-progress{
        width:120px;
    }
}
	
	/* ==========================================================================
   SECTION: HERO SECTION & LEAD FORM COMPONENT STYLES
   Source: template-parts/hero.php
   ========================================================================== */

/* --- template-parts/hero.php (Block 1) --- */
/* =========================================================
   RESET FOR THIS HERO
   ========================================================= */

.vip-modern-hero,
.vip-modern-hero *{
	box-sizing:border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.vip-modern-hero{

	position:relative;

	width:100%;

	min-height:100vh;

	display:flex;

	align-items:center;

	overflow:hidden;

	background:#050505;

	color:#fff;

	padding-top:140px;

	padding-bottom:50px;

	box-sizing:border-box;

}


/* =========================================================
   IMAGE SLIDES
   ========================================================= */

.vip-hero-slides{

	position:absolute;

	inset:0;

	width:100%;
	height:100%;

	overflow:hidden;

}


.vip-hero-slide{

	position:absolute;

	inset:-4%;

	width:108%;
	height:108%;

	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;

	opacity:0;

	transform:scale(1.08);

	transition:
		opacity 1.4s ease,
		transform 6s cubic-bezier(.2,.7,.2,1);

	will-change:
		opacity,
		transform;

}


.vip-hero-slide.active{

	opacity:1;

	transform:scale(1.01);

}


.vip-hero-slide:nth-child(2).active{
	transform:scale(1.05) translateX(-1%);
}

.vip-hero-slide:nth-child(3).active{
	transform:scale(1.05) translateY(-1%);
}

.vip-hero-slide:nth-child(4).active{
	transform:scale(1.05) translateX(1%);
}

.vip-hero-slide:nth-child(5).active{
	transform:scale(1.05) translateY(1%);
}

.vip-hero-slide:nth-child(6).active{
	transform:scale(1.05) translateX(-1%);
}

.vip-hero-slide:nth-child(7).active{
	transform:scale(1.05) translateY(-1%);
}


/* =========================================================
   OVERLAY
   ========================================================= */

.vip-hero-overlay{

	position:absolute;

	inset:0;

	z-index:1;

	background:

		linear-gradient(
			90deg,
			rgba(3,3,3,.96) 0%,
			rgba(3,3,3,.86) 28%,
			rgba(3,3,3,.63) 57%,
			rgba(3,3,3,.78) 100%
		);

}


.vip-hero-overlay:after{

	content:"";

	position:absolute;

	inset:0;

	background:

		linear-gradient(
			180deg,
			rgba(0,0,0,.60) 0%,
			transparent 25%,
			transparent 72%,
			rgba(0,0,0,.82) 100%
		);

}


.vip-hero-red-light{

	position:absolute;

	z-index:1;

	left:-250px;
	top:30%;

	width:520px;
	height:520px;

	background:
		rgba(237,28,36,.13);

	border-radius:50%;

	filter:blur(120px);

	pointer-events:none;

}


/* =========================================================
   CONTAINER
   ========================================================= */

.vip-hero-container{

	position:relative;

	z-index:3;

	width:100%;

	max-width:1450px;

	margin:0 auto;

	padding:0 5.5%;

}


.vip-hero-grid{

	display:grid;

	grid-template-columns:
		minmax(0,1.15fr)
		minmax(380px,.85fr);

	align-items:center;

	gap:50px;

	width:100%;

}


/* =========================================================
   LEFT
   ========================================================= */

.vip-hero-left{

	min-width:0;

	max-width:800px;

}


.vip-hero-badge{

	display:inline-flex;

	align-items:center;

	gap:9px;

	padding:7px 12px;

	margin-bottom:18px;

	border:
		1px solid
		rgba(237,28,36,.38);

	border-radius:4px;

	background:
		rgba(237,28,36,.08);

	color:#ff343b;

	font-size:10px;

	font-weight:800;

	letter-spacing:1.2px;

	animation:
		vipFadeUp .8s ease both;

}


.vip-badge-dot{

	width:7px;
	height:7px;

	flex:0 0 7px;

	border-radius:50%;

	background:#ed1c24;

	box-shadow:
		0 0 12px
		rgba(237,28,36,.9);

	animation:
		vipDotPulse 1.8s infinite;

}


/* =========================================================
   HEADING
   ========================================================= */

.vip-hero-heading{

	display:block;

	width:100%;

	max-width:790px;

	margin:0;

	padding:0;

	color:#fff;

	font-size:
		clamp(
			42px,
			4.5vw,
			68px
		);

	font-family:inherit;

	font-weight:600 !important;

	line-height:1.04;

	letter-spacing:-2.2px;

	text-transform:none;

	text-shadow:
		0 7px 28px
		rgba(0,0,0,.5);

	animation:
		vipTitleReveal
		1s
		cubic-bezier(.16,1,.3,1)
		both;

}


/* FIRST LINE */

.vip-hero-heading span{

	display:block;

	width:100%;

	color:#fff;

	font-weight:600 !important;

	white-space:nowrap;

}


/* SECOND LINE */

.vip-hero-heading strong{

	display:block;

	width:100%;

	margin-top:4px;

	font-weight:600 !important;

	white-space:nowrap;

	background: linear-gradient(135deg, #FF3B30 0%, #EA1C24 60%, #FF6B6B 100%);

	-webkit-background-clip:text;

	background-clip:text;

	-webkit-text-fill-color:transparent;

	filter:
		drop-shadow(
			0 6px 20px
			rgba(237,28,36,.15)
		);

}


@keyframes vipTitleReveal{

	from{

		opacity:0;

		transform:
			translateY(28px);

		filter:blur(5px);

	}

	to{

		opacity:1;

		transform:
			translateY(0);

		filter:blur(0);

	}

}


/* =========================================================
   SUBTITLE
   ========================================================= */

.vip-hero-subtitle{

	margin:18px 0 0;

	color:#fff;

	font-size:
		clamp(
			16px,
			1.6vw,
			22px
		);

	font-weight:600;

	line-height:1.4;

	animation:
		vipFadeUp
		.9s
		.15s
		ease
		both;

}


.vip-hero-subtitle span{

	color:#ed1c24;

}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.vip-hero-description{

	max-width:680px;

	margin:14px 0 0;

	color:
		rgba(255,255,255,.72);

	font-size:13.5px;

	line-height:1.68;

	font-weight:400;

	animation:
		vipFadeUp
		.9s
		.25s
		ease
		both;

}


/* =========================================================
   BUTTONS
   ========================================================= */

.vip-hero-buttons{

	display:flex;

	align-items:center;

	flex-wrap:wrap;

	gap:12px;

	margin-top:24px;

	animation:
		vipFadeUp
		.9s
		.35s
		ease
		both;

}


.vip-btn{

	position:relative;

	display:inline-flex;

	align-items:center;

	justify-content:center;

	gap:12px;

	min-width:195px;

	height:50px;

	padding:
		0 22px;

	border-radius:6px;

	text-decoration:none;

	font-size:11px;

	font-weight:800;

	letter-spacing:.9px;

	overflow:hidden;

	transition:
		transform .3s ease,
		box-shadow .3s ease,
		border-color .3s ease;

}


/* PRIMARY */

.vip-btn-primary{

	color:#fff;

	background:

		linear-gradient(
			110deg,
			#a90c13,
			#ed1c24,
			#ff3e45,
			#b50c13
		);

	background-size:250% 100%;

	border:
		1px solid
		rgba(255,255,255,.12);

	box-shadow:
		0 12px 30px
		rgba(237,28,36,.27);

	animation:
		vipGradientMove
		4s
		ease
		infinite;

}


.vip-btn-primary:before{

	content:"";

	position:absolute;

	top:0;
	left:-120%;

	width:70%;
	height:100%;

	background:

		linear-gradient(
			90deg,
			transparent,
			rgba(255,255,255,.35),
			transparent
		);

	transform:skewX(-20deg);

	transition:left .7s ease;

}


.vip-btn-primary:hover{

	transform:
		translateY(-3px);

	box-shadow:
		0 18px 40px
		rgba(237,28,36,.4);

	color:#fff;

}


.vip-btn-primary:hover:before{

	left:140%;

}


/* SECONDARY */

.vip-btn-secondary{

	color:#fff;

	background:
		rgba(255,255,255,.055);

	border:
		1px solid
		rgba(255,255,255,.28);

	backdrop-filter:blur(10px);

	-webkit-backdrop-filter:blur(10px);

}


.vip-btn-secondary:hover{

	transform:
		translateY(-3px);

	background:
		rgba(255,255,255,.11);

	border-color:
		#ed1c24;

	color:#fff;

	box-shadow:
		0 12px 28px
		rgba(0,0,0,.3);

}


.vip-btn-arrow{

	font-size:18px;

	transition:
		transform .3s ease;

}

.vip-google-review{

	min-width:0;

	width:auto;

	height:50px;

	padding:0;

	background:transparent !important;

	border:0 !important;

	box-shadow:none !important;

	backdrop-filter:none;

	-webkit-backdrop-filter:none;

}

.vip-google-review img{

	display:block;

	width:auto;

	max-width:240px;

	height:54px;

	object-fit:contain;

	background:transparent;

	transition:transform .3s ease;

}

.vip-google-review:hover{

	background:transparent !important;

	border:0 !important;

	box-shadow:none !important;

}

.vip-google-review:hover img{

	transform:scale(1.04);

}



.vip-btn:hover .vip-btn-arrow{

	transform:
		translateX(5px);

}


@keyframes vipGradientMove{

	0%,100%{
		background-position:0% 50%;
	}

	50%{
		background-position:100% 50%;
	}

}


/* =========================================================
   TRUST
   ========================================================= */

.vip-hero-trust{

	display:flex;

	align-items:center;

	flex-wrap:wrap;

	gap:18px;

	margin-top:22px;

	padding-top:16px;

	border-top:
		1px solid
		rgba(255,255,255,.13);

	animation:
		vipFadeUp
		.9s
		.45s
		ease
		both;

}


.vip-trust-item{

	display:flex;

	align-items:center;

	gap:7px;

	color:
		rgba(255,255,255,.63);

	font-size:10px;

	font-weight:700;

}


.vip-trust-item span{

	display:flex;

	align-items:center;

	justify-content:center;

	width:18px;
	height:18px;

	border-radius:50%;

	background:
		rgba(237,28,36,.12);

	border:
		1px solid
		rgba(237,28,36,.3);

	color:#ed1c24;

	font-size:9px;

}


/* =========================================================
   FORM WRAPPER
   ========================================================= */

.vip-hero-form-wrapper{

	position:relative;

	z-index:5;

	width:100%;

	max-width:480px;

	margin-left:auto;

	min-width:0;

	margin-top:8px;

	animation:
		vipFormReveal
		1s
		.2s
		cubic-bezier(.16,1,.3,1)
		both;

}


@keyframes vipFormReveal{

	from{

		opacity:0;

		transform:
			translateY(24px)
			scale(.97);

	}

	to{

		opacity:1;

		transform:
			translateY(0)
			scale(1);

	}

}


/* FORM LABEL */

.vip-form-tag{

	position:absolute;

	right:20px;

	top:-12px;

	z-index:10;

	display:flex;

	align-items:center;

	gap:6px;

	padding:
		5px
		9px;

	background:#ed1c24;

	border-radius:4px;

	color:#fff;

	font-size:8px;

	font-weight:900;

	letter-spacing:1px;

	box-shadow:
		0 8px 20px
		rgba(237,28,36,.3);

}


.vip-form-tag span{

	width:5px;
	height:5px;

	border-radius:50%;

	background:#fff;

	box-shadow:
		0 0 8px #fff;

}


/* =========================================================
   FORM CARD
   ========================================================= */

.vip-hero-form-card{

	position:relative;

	width:100%;

	padding:
		24px
		26px
		22px;

	border-radius:16px;

	background:
		linear-gradient(
			145deg,
			rgba(22,22,22,.985),
			rgba(7,7,7,.985)
		);

	border:
		1px solid
		rgba(255,255,255,.16);

	box-shadow:

		0 25px 70px
		rgba(0,0,0,.65),

		0 8px 30px
		rgba(0,0,0,.35),

		inset
		0 1px 0
		rgba(255,255,255,.07);

	backdrop-filter:
		blur(25px);

	-webkit-backdrop-filter:
		blur(25px);

	overflow:hidden;

}


/* TOP RED LINE */

.vip-hero-form-card:before{

	content:"";

	position:absolute;

	top:0;
	left:0;

	width:100%;
	height:3px;

	background:

		linear-gradient(
			90deg,
			#ed1c24,
			#ff4b51,
			#ed1c24
		);

}


/* =========================================================
   FORM HEADER
   ========================================================= */

.vip-form-heading-row{

	position:relative;

	z-index:2;

	display:flex;

	align-items:center;

	justify-content:space-between;

	gap:16px;

}


.vip-form-kicker{

	margin-bottom:3px;

	color:#ed1c24;

	font-size:9px;

	font-weight:900;

	letter-spacing:1.5px;

}


.vip-form-heading-row h3{

	margin:0;

	color:#fff;

	font-size:24px;

	line-height:1.15;

	font-weight:600;

	letter-spacing:-.5px;

}


.vip-form-chat-icon{

	display:flex;

	align-items:center;

	justify-content:center;

	flex-shrink:0;

	width:38px;
	height:38px;

	color:#ed1c24;

	background:
		rgba(237,28,36,.08);

	border:
		1px solid
		rgba(237,28,36,.28);

	border-radius:9px;

}


.vip-form-intro{

	position:relative;

	z-index:2;

	margin:
		6px
		0
		15px;

	color:
		rgba(255,255,255,.57);

	font-size:11px;

	line-height:1.45;

}


/* =========================================================
   FORM
   ========================================================= */

.vip-modern-form{

	position:relative;

	z-index:2;

	display:flex;

	flex-direction:column;

	gap:10px;

}


.vip-form-row{

	display:grid;

	grid-template-columns:
		1fr 1fr;

	gap:10px;

}


.vip-input-group{

	display:flex;

	flex-direction:column;

	gap:4px;

}


.vip-input-group label{

	color:
		rgba(255,255,255,.62);

	font-size:8px;

	font-weight:800;

	letter-spacing:.8px;

	text-transform:uppercase;

}


.vip-input-group input,
.vip-input-group textarea{

	width:100%;

	box-sizing:border-box;

	font-family:inherit;

	color:#fff;

	background:
		rgba(255,255,255,.065);

	border:
		1px solid
		rgba(255,255,255,.15);

	border-radius:6px;

	outline:none;

	font-size:12px;

	transition:
		border-color .25s ease,
		background .25s ease,
		box-shadow .25s ease;

}


.vip-input-group input{

	height:41px;

	padding:
		0 12px;

}


.vip-input-group textarea{

	min-height:58px;

	height:58px;

	padding:
		8px 12px;

	resize:vertical;

}


.vip-input-group input::placeholder,
.vip-input-group textarea::placeholder{

	color:
		rgba(255,255,255,.33);

}


.vip-input-group input:focus,
.vip-input-group textarea:focus{

	background:
		rgba(255,255,255,.09);

	border-color:
		#ed1c24;

	box-shadow:
		0 0 0 3px
		rgba(237,28,36,.09);

}


/* INPUT ICON */

.vip-input-with-icon{

	position:relative;

}


.vip-input-with-icon svg{

	position:absolute;

	left:12px;

	top:50%;

	transform:
		translateY(-50%);

	color:
		rgba(255,255,255,.35);

	pointer-events:none;

}


.vip-input-with-icon input{

	padding-left:36px;

}


/* =========================================================
   SUBMIT
   ========================================================= */

.vip-form-submit{

	width:100%;

	height:46px;

	display:flex;

	align-items:center;

	justify-content:center;

	gap:10px;

	margin-top:2px;

	border:0;

	border-radius:6px;

	background:

		linear-gradient(
			110deg,
			#b00c13,
			#ed1c24,
			#ff343b
		);

	background-size:200% 100%;

	color:#fff;

	font-family:inherit;

	font-size:11px;

	font-weight:900;

	letter-spacing:1px;

	cursor:pointer;

	box-shadow:
		0 10px 25px
		rgba(237,28,36,.24);

	transition:
		transform .3s ease,
		box-shadow .3s ease,
		background-position .4s ease;

}


.vip-form-submit:hover{

	transform:
		translateY(-2px);

	background-position:
		100% 50%;

	box-shadow:
		0 16px 35px
		rgba(237,28,36,.38);

}


.vip-submit-arrow{

	font-size:17px;

	transition:
		transform .3s ease;

}


.vip-form-submit:hover
.vip-submit-arrow{

	transform:
		translateX(5px);

}


/* SECURITY */

.vip-form-security{

	display:flex;

	align-items:center;

	justify-content:center;

	gap:6px;

	margin-top:1px;

	color:
		rgba(255,255,255,.34);

	font-size:8px;

}


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes vipFadeUp{

	from{
		opacity:0;
		transform:translateY(20px);
	}

	to{
		opacity:1;
		transform:translateY(0);
	}

}


@keyframes vipDotPulse{

	0%,100%{
		box-shadow:
			0 0 5px #ed1c24;
	}

	50%{
		box-shadow:
			0 0 0 6px rgba(237,28,36,.08),
			0 0 18px #ed1c24;
	}

}


/* =========================================================
   DESKTOP
   ========================================================= */

@media(min-width:1101px){

	.vip-hero-left{
		padding-right:5px;
	}

	.vip-hero-heading{
		font-size:
			clamp(
				44px,
				4.4vw,
				68px
			);
	}

	.vip-hero-form-wrapper{
		max-width:480px;
	}

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1100px) and (min-width:851px){

	.vip-modern-hero{

		height:auto;

		min-height:800px;

		padding-top:130px;

		padding-bottom:50px;

	}

	.vip-hero-container{

		padding:0 5%;

	}

	.vip-hero-grid{

		grid-template-columns:
			minmax(0,1fr)
			minmax(350px,.75fr);

		gap:35px;

	}

	.vip-hero-heading{

		font-size:
			clamp(
				38px,
				4.8vw,
				54px
			);

		letter-spacing:-1.6px;

	}

	.vip-hero-form-card{

		padding:22px 20px;

	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:850px){

	.vip-modern-hero{

		height:auto;

		min-height:100vh;

		padding-top:125px;

		padding-bottom:60px;

	}


	.vip-hero-overlay{

		background:

			linear-gradient(
				180deg,
				rgba(3,3,3,.76) 0%,
				rgba(3,3,3,.67) 35%,
				rgba(3,3,3,.91) 100%
			);

	}


	.vip-hero-container{

		padding:0 5%;

	}


	.vip-hero-grid{

		grid-template-columns:1fr;

		gap:36px;

	}


	.vip-hero-left{

		max-width:750px;

	}


	.vip-hero-form-wrapper{

		width:100%;

		max-width:550px;

		margin:0 auto;

	}


	.vip-hero-heading{

		font-size:
			clamp(
				36px,
				7.5vw,
				54px
			);

		line-height:1.05;

		letter-spacing:-1.5px;

	}


	.vip-hero-heading span,
	.vip-hero-heading strong{

		white-space:normal;

	}

}


/* =========================================================
   MOBILE SMALL
   ========================================================= */

@media(max-width:600px){

	.vip-modern-hero{

		padding-top:115px;

		padding-bottom:50px;

	}


	.vip-hero-badge{

		font-size:8px;

		padding:
			6px
			9px;

		letter-spacing:.8px;

	}


	.vip-hero-heading{

		font-size:
			clamp(
				32px,
				9vw,
				44px
			);

		line-height:1.06;

		letter-spacing:-1px;

	}


	.vip-hero-heading strong{

		margin-top:4px;

	}


	.vip-hero-subtitle{

		font-size:15px;

		margin-top:16px;

	}


	.vip-hero-description{

		font-size:12px;

		line-height:1.65;

		margin-top:12px;

	}


	.vip-hero-buttons{

		flex-direction:column;

		align-items:stretch;

		gap:10px;

		margin-top:20px;

	}


	.vip-btn{

		width:100%;

		min-width:0;

		height:48px;

	}

	.vip-google-review{

		height:48px;

	}

	.vip-google-review img{

		max-width:220px;

		height:48px;

	}



	.vip-hero-trust{

		display:grid;

		grid-template-columns:1fr;

		gap:9px;

		margin-top:20px;

	}


	.vip-hero-form-card{

		padding:
			20px
			16px
			18px;

		border-radius:14px;

	}


	.vip-form-heading-row h3{

		font-size:22px;

	}


	.vip-form-row{

		grid-template-columns:1fr;

		gap:10px;

	}


	.vip-form-tag{

		right:14px;

		font-size:7px;

	}

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media(max-width:380px){

	.vip-hero-heading{

		font-size:30px;

		letter-spacing:-.8px;

	}

	.vip-hero-subtitle{

		font-size:14px;

	}

	.vip-hero-form-card{

		padding:
			18px
			12px;

	}

}


/* ==========================================================================
   SECTION: ABOUT US SECTION COMPONENT STYLES
   Source: template-parts/about.php
   ========================================================================== */

/* --- template-parts/about.php (Block 1) --- */
/* =========================================================
   SECTION
   ========================================================= */

.vip-about-section{

	position:relative;

	width:100%;

	padding:110px 5.5%;

	background:#ffffff;

	color:#111111;

	overflow:hidden;

}


.vip-about-section:before{

	content:"";

	position:absolute;

	width:500px;

	height:500px;

	left:-280px;

	top:100px;

	border-radius:50%;

	background:rgba(237,28,36,.035);

	filter:blur(80px);

	pointer-events:none;

}


.vip-about-container{

	position:relative;

	z-index:2;

	width:100%;

	max-width:1450px;

	margin:0 auto;

	display:grid;

	grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);

	align-items:center;

	gap:80px;

}


/* =========================================================
   LEFT VISUAL
   ========================================================= */

.vip-about-visual{

	position:relative;

	min-height:570px;

}


/* MAIN IMAGE */

.vip-about-main-image{

	position:absolute;

	left:0;

	top:0;

	width:61%;

	height:530px;

	border-radius:21px;

	overflow:hidden;

	background:#eeeeee;

	box-shadow:
		0 25px 55px rgba(0,0,0,.16);

}


.vip-about-main-image img{

	width:100%;

	height:100%;

	object-fit:cover;

	display:block;

	transition:
		transform 1s cubic-bezier(.2,.7,.2,1);

}


.vip-about-main-image:hover img{

	transform:scale(1.06);

}


/* IMAGE OVERLAY */

.vip-image-overlay{

	position:absolute;

	inset:0;

	background:
		linear-gradient(
			180deg,
			transparent 45%,
			rgba(0,0,0,.60) 100%
		);

	pointer-events:none;

}


/* IMAGE LABEL */

.vip-image-label{

	position:absolute;

	left:18px;

	bottom:18px;

	display:flex;

	align-items:center;

	gap:8px;

	padding:8px 12px;

	border-radius:5px;

	background:rgba(0,0,0,.58);

	border:1px solid rgba(255,255,255,.18);

	color:#ffffff;

	font-size:9px;

	font-weight:800;

	letter-spacing:1.3px;

	backdrop-filter:blur(10px);

	-webkit-backdrop-filter:blur(10px);

}


.vip-image-dot{

	width:6px;

	height:6px;

	border-radius:50%;

	background:#ed1c24;

	box-shadow:
		0 0 10px #ed1c24;

}


/* SECONDARY IMAGE */

.vip-about-secondary-image{

	position:absolute;

	right:0;

	top:95px;

	width:48%;

	height:380px;

	border-radius:18px;

	overflow:hidden;

	background:#eeeeee;

	border:8px solid #ffffff;

	box-shadow:
		0 20px 45px rgba(0,0,0,.17);

	z-index:2;

}


.vip-about-secondary-image img{

	width:100%;

	height:100%;

	object-fit:cover;

	display:block;

	transition:
		transform .9s cubic-bezier(.2,.7,.2,1);

}


.vip-about-secondary-image:hover img{

	transform:scale(1.08);

}


/* SHINE */

.vip-secondary-shine{

	position:absolute;

	top:0;

	left:-100%;

	width:60%;

	height:100%;

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(255,255,255,.22),
			transparent
		);

	transform:skewX(-20deg);

	transition:left .8s ease;

	pointer-events:none;

}


.vip-about-secondary-image:hover
.vip-secondary-shine{

	left:140%;

}


/* DECORATIVE DOTS */

.vip-about-decoration{

	position:absolute;

	left:-10px;

	bottom:5px;

	width:90px;

	height:90px;

	display:grid;

	grid-template-columns:repeat(4,5px);

	gap:7px;

	align-content:center;

	justify-content:center;

	opacity:.45;

}


.vip-about-decoration span{

	width:5px;

	height:5px;

	border-radius:50%;

	background:#ed1c24;

}


/* =========================================================
   CONTENT
   ========================================================= */

.vip-about-content{

	min-width:0;

}


.vip-about-eyebrow{

	display:flex;

	align-items:center;

	gap:9px;

	margin-bottom:14px;

	color:#ed1c24;

	font-size:15px;

	font-weight:900;

	letter-spacing:2px;

}


.vip-about-eyebrow span{

	width:25px;

	height:2px;

	background:#ed1c24;

}


/* MAIN TITLE */

.vip-about-title{

	max-width:700px;

	margin:0;

	color:#0b0b0b;

	font-size:clamp(38px,4vw,58px);

	font-weight:600;

	line-height:1.06;

	letter-spacing:-2px;

}


.vip-about-title span{

	display:block;

	color:#ed1c24;

}


/* INTRO */

.vip-about-intro{

	max-width:650px;

	margin:17px 0 24px;

	color:#626262;

	font-size:14px;

	line-height:1.7;

}


/* =========================================================
   COMPACT TABS
   ========================================================= */

.vip-about-tabs{

	display:flex;

	align-items:center;

	gap:2px;

	border-bottom:1px solid #e5e5e5;

	width:100%;

}


.vip-about-tab{

	position:relative;

	display:flex;

	align-items:center;

	justify-content:center;

	height:42px;

	padding:0 13px;

	border:0;

	background:transparent;

	color:#555555;

	font-family:inherit;

	font-size:10px;

	font-weight:800;

	white-space:nowrap;

	cursor:pointer;

	transition:
		color .3s ease,
		background .3s ease;

}


/* ACTIVE TAB */

.vip-about-tab.active {
    color: #ed1c24;
    background: rgba(237, 28, 36, .045);
    font-size: 14px;
    font-weight: 700;
}


/* ACTIVE UNDERLINE */

.vip-about-tab:after{

	content:"";

	position:absolute;

	left:0;

	right:0;

	bottom:-1px;

	height:2px;

	background:#ed1c24;

	transform:scaleX(0);

	transform-origin:center;

	transition:
		transform .3s ease;

}


.vip-about-tab.active:after{

	transform:scaleX(1);

}


/* =========================================================
   CONTENT PANEL
   ========================================================= */

.vip-about-panel{

	position:relative;

	min-height:325px;

	padding-top:28px;

}


.vip-about-tab-content{

	display:none;

	animation:
		vipAboutContent
		.5s
		cubic-bezier(.2,.7,.2,1)
		both;

}


.vip-about-tab-content.active{

	display:block;

}


@keyframes vipAboutContent{

	from{

		opacity:0;

		transform:translateY(14px);

	}

	to{

		opacity:1;

		transform:translateY(0);

	}

}


/* TAB HEADINGS */

.vip-about-tab-content h3{

	margin:0 0 14px;

	color:#111111;

	font-size:clamp(25px,2.3vw,33px);

	font-weight:600;

	line-height:1.14;

	letter-spacing:-1px;

}


.vip-about-tab-content h3 span{

	color:#ed1c24;

}


/* PARAGRAPHS */

.vip-about-tab-content p{

	max-width:720px;

	margin:0 0 13px;

	color:#626262;

	font-size:15px;

	line-height:1.72;

}


/* =========================================================
   HISTORY STATS
   ========================================================= */

.vip-about-highlights{

	display:flex;

	align-items:center;

	gap:0;

	margin-top:21px;

}


.vip-about-highlights > div{

	min-width:105px;

	padding-right:20px;

	margin-right:20px;

	border-right:1px solid #dddddd;

}


.vip-about-highlights > div:last-child{

	border-right:0;

}


.vip-about-highlights strong{

	display:block;

	color:#111111;

	font-size:21px;

	font-weight:700;

	line-height:1;

}


.vip-about-highlights span{

	display:block;

	margin-top:5px;

	color:#999999;

	font-size:9px;

	font-weight:700;

}


/* =========================================================
   MISSION LIST
   ========================================================= */

.vip-mission-list{

	list-style:none;

	padding:0;

	margin:19px 0 0;

	display:grid;

	grid-template-columns:repeat(3,1fr);

	gap:10px;

}


.vip-mission-list li{

	display:flex;

	gap:9px;

	padding:11px;

	border:1px solid #ededed;

	border-radius:8px;

	background:#fafafa;

	transition:
		transform .3s ease,
		border-color .3s ease,
		box-shadow .3s ease;

}


.vip-mission-list li:hover{

	transform:translateY(-3px);

	border-color:rgba(237,28,36,.28);

	box-shadow:
		0 10px 25px rgba(0,0,0,.06);

}


.vip-mission-list li > span{

	display:flex;

	align-items:center;

	justify-content:center;

	flex:0 0 24px;

	width:24px;

	height:24px;

	border-radius:5px;

	background:rgba(237,28,36,.09);

	color:#ed1c24;

	font-size:7px;

	font-weight:900;

}


.vip-mission-list strong{

	display:block;

	color:#222222;

	font-size:9px;

	font-weight:800;

}


.vip-mission-list small{

	display:block;

	margin-top:3px;

	color:#888888;

	font-size:8px;

	line-height:1.4;

}


/* =========================================================
   CTA
   ========================================================= */

.vip-about-cta{

	display:flex;

	align-items:center;

	flex-wrap:wrap;

	gap:20px;

	margin-top:5px;

}


/* READ MORE BUTTON */

.vip-about-button{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	gap:13px;

	height:48px;

	padding:0 21px;

	border-radius:6px;

	background:
		linear-gradient(
			110deg,
			#b20c13,
			#ed1c24,
			#ff3e45
		);

	background-size:200% 100%;

	color:#ffffff;

	text-decoration:none;

	font-size:10px;

	font-weight:900;

	letter-spacing:.9px;

	box-shadow:
		0 10px 25px rgba(237,28,36,.22);

	transition:
		transform .3s ease,
		box-shadow .3s ease,
		background-position .4s ease;

}


.vip-about-button:hover{

	color:#ffffff;

	transform:translateY(-3px);

	background-position:100% 50%;

	box-shadow:
		0 15px 32px rgba(237,28,36,.32);

}


.vip-about-button i{

	font-style:normal;

	font-size:17px;

	transition:
		transform .3s ease;

}


.vip-about-button:hover i{

	transform:translateX(5px);

}


/* =========================================================
   PHONE
   ========================================================= */

.vip-about-phone{

	display:inline-flex;

	align-items:center;

	gap:9px;

	color:#222222;

	text-decoration:none;

	font-size:12px;

	font-weight:700;

	transition:
		color .3s ease,
		transform .3s ease;

}


.vip-about-phone:hover{

	color:#ed1c24;

	transform:translateX(3px);

}


.vip-phone-icon{

	display:flex;

	align-items:center;

	justify-content:center;

	width:34px;

	height:34px;

	border-radius:50%;

	background:rgba(237,28,36,.08);

	border:1px solid rgba(237,28,36,.18);

	color:#ed1c24;

	transition:
		background .3s ease,
		color .3s ease,
		transform .3s ease;

}


.vip-about-phone:hover .vip-phone-icon{

	background:#ed1c24;

	color:#ffffff;

	transform:rotate(-8deg);

}


/* =========================================================
   REVEAL ANIMATION
   ========================================================= */

.vip-about-reveal{

	animation:
		vipAboutReveal
		.9s
		cubic-bezier(.16,1,.3,1)
		both;

}


@keyframes vipAboutReveal{

	from{

		opacity:0;

		transform:translateY(30px);

	}

	to{

		opacity:1;

		transform:translateY(0);

	}

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1100px){

	.vip-about-container{

		grid-template-columns:1fr;

		gap:60px;

	}


	.vip-about-visual{

		max-width:720px;

		width:100%;

		margin:0 auto;

	}


	.vip-about-content{

		max-width:850px;

		margin:0 auto;

		width:100%;

	}


	.vip-about-title{

		font-size:50px;

	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

	.vip-about-section{

		padding:75px 5%;

	}


	.vip-about-container{

		gap:50px;

	}


	.vip-about-visual{

		min-height:420px;

	}


	.vip-about-main-image{

		width:70%;

		height:380px;

	}


	.vip-about-secondary-image{

		width:47%;

		height:285px;

		top:70px;

		border-width:5px;

	}


	.vip-about-title{

		font-size:
			clamp(
				36px,
				9vw,
				48px
			);

		letter-spacing:-1.4px;

	}


	.vip-about-intro{

		font-size:13px;

	}


	/* Compact mobile tabs */

	.vip-about-tabs{

		gap:0;

		overflow-x:auto;

		scrollbar-width:none;

	}


	.vip-about-tabs::-webkit-scrollbar{

		display:none;

	}


	.vip-about-tab{

		flex:0 0 auto;

		height:42px;

		padding:0 12px;

		font-size:10px;

	}


	.vip-about-panel{

		min-height:0;

		padding-top:25px;

	}


	.vip-about-tab-content h3{

		font-size:26px;

	}


	.vip-about-tab-content p{

		font-size:12.5px;

	}


	.vip-about-highlights{

		gap:0;

	}


	.vip-about-highlights > div{

		min-width:0;

		flex:1;

		padding-right:10px;

		margin-right:10px;

	}


	.vip-about-highlights strong{

		font-size:18px;

	}


	.vip-about-highlights span{

		font-size:8px;

	}


	.vip-mission-list{

		grid-template-columns:1fr;

	}


	.vip-about-cta{

		flex-direction:row;

		align-items:center;

		gap:14px;

		margin-top:20px;

	}


	.vip-about-button{

		flex:0 0 auto;

	}


	.vip-about-phone{

		font-size:11px;

	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:420px){

	.vip-about-visual{

		min-height:350px;

	}


	.vip-about-main-image{

		height:320px;

		width:72%;

		border-radius:16px;

	}


	.vip-about-secondary-image{

		height:240px;

		width:49%;

		top:55px;

		border-radius:14px;

	}


	.vip-image-label{

		left:12px;

		bottom:12px;

		font-size:7px;

	}


	.vip-about-decoration{

		display:none;

	}


	.vip-about-title{

		font-size:34px;

	}


	.vip-about-eyebrow{

		font-size:8px;

	}


	.vip-about-cta{

		flex-direction:column;

		align-items:flex-start;

	}


	.vip-about-button{

		width:auto;

	}

}
	
	
	/* ALL PARAGRAPHS — 14px */
.vip-about-section p {
    font-size: 14px !important;
}


/* ==========================================================================
   SECTION: SPECIAL PACKAGES & WINDOW TINT OFFERS COMPONENT STYLES
   Source: template-parts/packages.php
   ========================================================================== */

/* --- template-parts/packages.php (Block 1) --- */
/* CAR WINDOW TINTS DESIGN */
*{box-sizing:border-box}

body{
    margin:0;
    background:#0a0a0a;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
}

.window-tint-section{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:70px 48px 90px;
}

/* SAME HEADING STYLE AS OUR PACKAGES */
.window-tint-heading{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-bottom:65px;
}

.window-tint-heading:before,
.window-tint-heading:after{
    content:"";
    width:80px;
    height:1px;
    background:rgba(255,255,255,.45);
}

.window-tint-heading h2{
    margin:0;
    font-size:40px;
    line-height:1.15;
    font-weight:800;
    letter-spacing:-1px;
    color:#fff;
}

/* 3 CARDS - SAME STYLE */
.window-tint-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:32px;
    align-items:stretch;
}

.window-tint-card{
    position:relative;
    background:#121212;
    border:1px solid #292929;
    border-radius:10px;
    min-height:500px;
    padding:34px 32px 35px;
    overflow:hidden;
    transition:transform .35s ease,
               border-color .35s ease,
               box-shadow .35s ease;
    animation:cardReveal .7s ease both;
}

.window-tint-card:nth-child(2){
    animation-delay:.15s;
}

.window-tint-card:nth-child(3){
    animation-delay:.3s;
}

.window-tint-card:hover{
    transform:translateY(-6px);
    border-color:#ea1c24;
    box-shadow:0 18px 45px rgba(0,0,0,.45);
}

/* subtle animated red glow */
.window-tint-card:after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-110px;
    top:-110px;
    background:radial-gradient(circle,rgba(234,28,36,.18),transparent 70%);
    pointer-events:none;
    animation:glowMove 4s ease-in-out infinite alternate;
}

/* card title */
.window-tint-card h3{
    position:relative;
    z-index:2;
    margin:0;
    text-align:center;
    color:#fff;
    font-size:24px;
    line-height:1.35;
    font-weight:700;
}

/* price */
.window-tint-price{
    position:relative;
    z-index:2;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:4px;
    margin:22px 0 24px;
}

.window-tint-price span{
    color:#aaa;
    font-size:13px;
    line-height:1;
    position:relative;
    top:2px;
}

.window-tint-price strong{
    position:relative;
    z-index:1;
    line-height:1;
}

.window-tint-price strong{
    color:#ea1c24;
    font-size:43px;
    line-height:1;
    font-weight:900;
    letter-spacing:-1px;
    text-shadow:0 0 15px rgba(234,28,36,.2);
}



/* divider */
.window-tint-divider{
    position:relative;
    z-index:2;
    width:100%;
    height:1px;
    background:#303030;
    margin-bottom:25px;
}

/* features */
.window-tint-features{
    position:relative;
    z-index:2;
    margin:0;
    padding:0;
    list-style:none;
}

.window-tint-features li{
    position:relative;
    margin:0 0 13px;
    padding-left:20px;
    color:#e4e4e4;
    font-size:15px;
    line-height:1.45;
    animation:featureReveal .5s ease both;
}

.window-tint-features li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#ea1c24;
    font-weight:900;
    font-size:17px;
}

/* individual animation delays */
.window-tint-card:nth-child(1) li:nth-child(1){animation-delay:.20s}
.window-tint-card:nth-child(1) li:nth-child(2){animation-delay:.25s}
.window-tint-card:nth-child(1) li:nth-child(3){animation-delay:.30s}
.window-tint-card:nth-child(1) li:nth-child(4){animation-delay:.35s}

.window-tint-card:nth-child(2) li:nth-child(1){animation-delay:.25s}
.window-tint-card:nth-child(2) li:nth-child(2){animation-delay:.30s}
.window-tint-card:nth-child(2) li:nth-child(3){animation-delay:.35s}
.window-tint-card:nth-child(2) li:nth-child(4){animation-delay:.40s}
.window-tint-card:nth-child(2) li:nth-child(5){animation-delay:.45s}
.window-tint-card:nth-child(2) li:nth-child(6){animation-delay:.50s}
.window-tint-card:nth-child(2) li:nth-child(7){animation-delay:.55s}

.window-tint-card:nth-child(3) li:nth-child(1){animation-delay:.30s}
.window-tint-card:nth-child(3) li:nth-child(2){animation-delay:.35s}
.window-tint-card:nth-child(3) li:nth-child(3){animation-delay:.40s}
.window-tint-card:nth-child(3) li:nth-child(4){animation-delay:.45s}
.window-tint-card:nth-child(3) li:nth-child(5){animation-delay:.50s}
.window-tint-card:nth-child(3) li:nth-child(6){animation-delay:.55s}
.window-tint-card:nth-child(3) li:nth-child(7){animation-delay:.60s}
.window-tint-card:nth-child(3) li:nth-child(8){animation-delay:.65s}

@keyframes cardReveal{
    from{
        opacity:0;
        transform:translateY(30px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes featureReveal{
    from{
        opacity:0;
        transform:translateX(-10px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes glowMove{
    from{transform:translate(0,0)}
    to{transform:translate(-35px,35px)}
}

/* TABLET */
@media(max-width:1000px) and (min-width:601px){
    .window-tint-section{
        padding:60px 20px 75px;
    }

    .window-tint-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:16px;
    }

    .window-tint-card{
        min-height:500px;
        padding:28px 20px 32px;
    }

    .window-tint-card h3{
        font-size:21px;
    }

    .window-tint-price strong{
        font-size:34px;
    }

    .window-tint-features li{
        font-size:13px;
        padding-left:18px;
    }
}

/* MOBILE */
@media(max-width:600px){
    .window-tint-section{
        padding:45px 15px 60px;
    }

    .window-tint-heading{
        gap:10px;
        margin-bottom:40px;
    }

    .window-tint-heading:before,
    .window-tint-heading:after{
        width:35px;
    }

    .window-tint-heading h2{
        font-size:30px;
    }

    .window-tint-card{
        padding:30px 23px 15px;
    }

    .window-tint-card h3{
        font-size:22px;
    }

    .window-tint-price strong{
        font-size:40px;
    }

    .window-tint-features li{
        font-size:15px;
    }
}

/* BOOK PREMIUM — exact red button style */
.window-tint-card a.window-tint-book,
.window-tint-card a.window-tint-book:link,
.window-tint-card a.window-tint-book:visited {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 22px 0 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    background: #f51b24 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 7px !important;
    text-decoration: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 44px !important;
    text-align: center !important;
    box-shadow: 0 8px 18px rgba(245,27,36,.18) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: background .2s ease !important;
}

.window-tint-card a.window-tint-book span {
    color: #ffffff !important;
    margin-left: 6px !important;
}

.window-tint-card a.window-tint-book:hover,
.window-tint-card a.window-tint-book:active,
.window-tint-card a.window-tint-book:focus {
    background: #f51b24 !important;
    background-image: none !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: none !important;
    box-shadow: 0 8px 18px rgba(245,27,36,.18) !important;
}


/* CREATIVE PREMIUM UPGRADE */
body {
    font-family: "Montserrat", "Arial", sans-serif !important;
}

.window-tint-card {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid #292929 !important;
    border-radius: 12px !important;
    background:
        radial-gradient(circle at 85% 8%, rgba(245,27,36,.10), transparent 28%),
        linear-gradient(145deg, #151515 0%, #0f0f0f 100%) !important;
    box-shadow: 0 14px 35px rgba(0,0,0,.32) !important;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease !important;
}

.window-tint-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 12% !important;
    width: 76% !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #f51b24, transparent) !important;
    opacity: .75 !important;
}

.window-tint-card::after {
    content: "" !important;
    position: absolute !important;
    width: 120px !important;
    height: 120px !important;
    right: -70px !important;
    top: -70px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(245,27,36,.18) !important;
    box-shadow: 0 0 0 14px rgba(245,27,36,.035), 0 0 0 28px rgba(245,27,36,.02) !important;
}

.window-tint-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(245,27,36,.65) !important;
    box-shadow: 0 18px 45px rgba(245,27,36,.12) !important;
}

.window-tint-card h3 {
    font-weight: 600 !important;
    letter-spacing: -.2px !important;
}

.window-tint-card .price,
.window-tint-card .amount {
    font-weight: 600 !important;
}

.window-tint-card li,
.window-tint-card p {
    font-weight: 500 !important;
}

.window-tint-card li::marker {
    color: #f51b24 !important;
}

.window-tint-card a.window-tint-book,
.window-tint-card a.window-tint-book:visited {
    font-weight: 600 !important;
    letter-spacing: .1px !important;
    border-radius: 7px !important;
    position: relative !important;
    overflow: hidden !important;
}

.window-tint-card a.window-tint-book::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -120% !important;
    width: 70% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent) !important;
    transform: skewX(-20deg) !important;
    transition: left .55s ease !important;
}

.window-tint-card a.window-tint-book:hover::before {
    left: 150% !important;
}

.window-tint-card a.window-tint-book span {
    position: relative !important;
    z-index: 2 !important;
    font-weight: 600 !important;
}

@media (max-width: 600px) {
    .window-tint-card:hover {
        transform: none !important;
    }
}

/* --- template-parts/packages.php (Block 2) --- */
<?php echo <<<CSS
$css
CSS; ?>

/* --- template-parts/packages.php (Block 3) --- */
/* FRONT END OFFER */
/* UNBEATABLE OFFER — TWO IMAGE CARDS */
.vip-unbeatable-offer{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:85px 48px 95px;
    box-sizing:border-box;
    background:#0a0a0a;
    color:#fff;
}

.vip-unbeatable-heading{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-bottom:48px;
}

.vip-unbeatable-heading .vip-heading-line{
    width:80px;
    height:1.5px;
    flex:0 1 80px;
    background:rgba(255,255,255,.40);
}

.vip-unbeatable-heading h2{
    margin:0;
    color:#fff;
    font-size:40px;
    line-height:1.15;
    font-weight:800;
    letter-spacing:-1px;
    text-align:center;
}

.vip-unbeatable-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:32px;
    align-items:stretch;
}

.vip-unbeatable-card{
    position:relative;
    min-width:0;
    padding:14px 14px 18px;
    border:1px solid #292929;
    border-radius:14px;
    background:linear-gradient(145deg,#151515 0%,#0f0f0f 100%);
    box-shadow:0 14px 35px rgba(0,0,0,.35);
    overflow:hidden;
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}

.vip-unbeatable-card::before{
    content:"";
    position:absolute;
    top:0;
    left:12%;
    width:76%;
    height:2px;
    background:linear-gradient(90deg,transparent,#ea1c24,transparent);
    opacity:.75;
    z-index:3;
}

.vip-unbeatable-card:hover{
    transform:translateY(-5px);
    border-color:rgba(234,28,36,.65);
    box-shadow:0 20px 50px rgba(234,28,36,.12);
}

.vip-unbeatable-image-wrap{
    position:relative;
    width:100%;
    min-height:300px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:9px;
    background:#080808;
}

.vip-unbeatable-image-wrap::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.08) 50%,transparent 75%);
    transform:translateX(-120%);
    animation:vipOfferImageShine 6s ease-in-out infinite;
}

.vip-unbeatable-image{
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    max-height:420px;
    object-fit:contain;
    object-position:center;
    transition:opacity .45s ease,filter .45s ease;
    animation:vipOfferImageBlink 3.8s ease-in-out infinite;
}

.vip-unbeatable-card:nth-child(2) .vip-unbeatable-image{
    animation-delay:1.1s;
}

.vip-unbeatable-card:hover .vip-unbeatable-image{
    transform:none;
}

.vip-unbeatable-book{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    min-height:48px;
    margin-top:16px;
    padding:0 18px;
    box-sizing:border-box;
    border-radius:7px;
    background:#ea1c24;
    color:#fff !important;
    text-decoration:none !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:800;
    letter-spacing:.4px;
    text-transform:uppercase;
    box-shadow:0 8px 22px rgba(234,28,36,.22);
    transition:background .25s ease,transform .25s ease,box-shadow .25s ease;
}

.vip-unbeatable-book:hover,
.vip-unbeatable-book:focus,
.vip-unbeatable-book:active{
    background:#c81017;
    color:#fff !important;
    text-decoration:none !important;
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(234,28,36,.35);
}

.vip-unbeatable-book span{
    font-size:19px;
    line-height:1;
    transition:transform .25s ease;
}

.vip-unbeatable-book:hover span{
    transform:translateX(4px);
}

@keyframes vipOfferImageBlink{
    0%,100%{opacity:1;filter:brightness(1)}
    46%{opacity:1;filter:brightness(1)}
    50%{opacity:.88;filter:brightness(1.08)}
    54%{opacity:1;filter:brightness(1)}
}

@keyframes vipOfferImageShine{
    0%,55%{transform:translateX(-120%)}
    75%,100%{transform:translateX(120%)}
}

@media (max-width:1100px){
    .vip-unbeatable-offer{
        padding:70px 28px 80px;
    }

    .vip-unbeatable-grid{
        gap:22px;
    }
}

@media (max-width:760px){
    .vip-unbeatable-offer{
        padding:55px 18px 65px;
    }

    .vip-unbeatable-heading{
        gap:10px;
        margin-bottom:35px;
    }

    .vip-unbeatable-heading .vip-heading-line{
        width:45px;
        flex-basis:45px;
    }

    .vip-unbeatable-heading h2{
        font-size:31px;
        white-space:nowrap;
    }

    .vip-unbeatable-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .vip-unbeatable-card{
        padding:10px 10px 14px;
    }
}

@media (max-width:480px){
    .vip-unbeatable-offer{
        padding:45px 13px 55px;
    }

    .vip-unbeatable-heading{
        gap:8px;
        margin-bottom:28px;
    }

    .vip-unbeatable-heading .vip-heading-line{
        width:25px;
        flex:1 1 25px;
    }

    .vip-unbeatable-heading h2{
        font-size:25px;
        letter-spacing:-.5px;
    }

    .vip-unbeatable-grid{
        gap:16px;
    }

    .vip-unbeatable-book{
        min-height:45px;
        font-size:13px;
    }

    .vip-unbeatable-image-wrap{
        min-height:0;
        padding:4px;
    }

    .vip-unbeatable-image{
        width:100%;
        height:auto;
        max-height:none;
        object-fit:contain;
    }
}

@media (prefers-reduced-motion:reduce){
    .vip-unbeatable-image,
    .vip-unbeatable-image-wrap::after{
        animation:none !important;
    }
}

/* WINDOW TINT OFFER */


@media(max-width:700px){.vip-front-offer{min-height:auto;border-radius:16px}.vip-front-content{padding:30px 18px 25px}.vip-front-title{letter-spacing:-1px}.vip-front-car{height:220px}.vip-front-car img{width:100%;max-height:240px}.vip-front-price{gap:8px;padding:12px}.vip-front-old{min-width:110px}.vip-front-new{min-width:125px}.vip-front-included{padding:15px}.vip-front-items{grid-template-columns:1fr;gap:10px}}
@media(max-width:480px){.vip-front-title{font-size:26px}.vip-front-subtitle{font-size:12px}.vip-front-price{gap:4px}.vip-front-old{min-width:100px}.vip-front-new{min-width:115px}.vip-front-arrow{width:38px;height:38px;font-size:19px}.vip-front-car{height:180px}.vip-front-included{padding:15px}.vip-front-book{padding:14px 30px}}

/* --- template-parts/packages.php (Block 4) --- */
/* =========================================================
   VIP TINTS — SERVICE ENQUIRY POPUP
   ========================================================= */

.vip-lead-modal{
	position:fixed;
	inset:0;
	z-index:999999;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px;
	visibility:hidden;
	opacity:0;
	pointer-events:none;
	transition:opacity .28s ease,visibility .28s ease;
}

.vip-lead-modal.is-open{
	visibility:visible;
	opacity:1;
	pointer-events:auto;
}

.vip-lead-backdrop{
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.82);
	backdrop-filter:blur(9px);
	-webkit-backdrop-filter:blur(9px);
}

.vip-lead-dialog{
	position:relative;
	z-index:2;
	width:min(620px,100%);
	max-height:92vh;
	overflow:auto;
	border:1px solid rgba(255,255,255,.12);
	border-radius:20px;
	background:
		radial-gradient(circle at 100% 0%,rgba(234,28,36,.13),transparent 30%),
		linear-gradient(145deg,#171717,#090909);
	box-shadow:0 30px 100px rgba(0,0,0,.75),0 0 45px rgba(234,28,36,.10);
	transform:translateY(20px) scale(.97);
	transition:transform .3s ease;
	scrollbar-width:thin;
}

.vip-lead-modal.is-open .vip-lead-dialog{
	transform:translateY(0) scale(1);
}

.vip-lead-dialog .vip-hero-form-card{
	padding:34px;
	background:transparent;
	border:0;
	box-shadow:none;
}

.vip-lead-dialog .vip-form-tag{
	margin:0 34px;
	padding-top:25px;
}

.vip-lead-close{
	position:absolute;
	top:18px;
	right:18px;
	z-index:5;
	width:38px;
	height:38px;
	padding:0;
	border:1px solid rgba(255,255,255,.16);
	border-radius:50%;
	background:rgba(255,255,255,.06);
	cursor:pointer;
}

.vip-lead-close span{
	position:absolute;
	left:10px;
	top:18px;
	width:17px;
	height:1.5px;
	background:#fff;
}

.vip-lead-close span:first-child{transform:rotate(45deg)}
.vip-lead-close span:last-child{transform:rotate(-45deg)}

.vip-selected-service-wrap{
	position:relative;
}

.vip-selected-service-wrap input{
	padding-left:40px !important;
	border-color:rgba(234,28,36,.55) !important;
	background:linear-gradient(90deg,rgba(234,28,36,.10),rgba(255,255,255,.04)) !important;
	color:#fff !important;
	font-weight:700 !important;
	cursor:not-allowed !important;
}

.vip-service-lock{
	position:absolute;
	left:14px;
	top:50%;
	z-index:2;
	transform:translateY(-50%);
	font-size:13px;
	pointer-events:none;
}

.vip-selected-price-group{
	margin-bottom:16px;
}

.vip-selected-price-group input{
	border-color:rgba(234,28,36,.55) !important;
	background:linear-gradient(90deg,rgba(234,28,36,.10),rgba(255,255,255,.04)) !important;
	color:#fff !important;
	font-weight:800 !important;
}

.vip-selected-service-group{
	margin-bottom:16px;
}

.vip-selected-service-group label{
	display:flex;
	align-items:center;
	gap:7px;
}

.vip-selected-service-group label:after{
	content:"AUTO SELECTED";
	font-size:8px;
	letter-spacing:1px;
	padding:3px 6px;
	border-radius:20px;
	color:#ff3b43;
	border:1px solid rgba(234,28,36,.35);
	background:rgba(234,28,36,.08);
}

body.vip-modal-open{
	overflow:hidden;
}

@media(max-width:600px){
	.vip-lead-modal{padding:10px}
	.vip-lead-dialog{
		max-height:96vh;
		border-radius:16px;
	}
	.vip-lead-dialog .vip-hero-form-card{padding:25px 18px}
	.vip-lead-dialog .vip-form-tag{margin:0 18px;padding-top:20px}
}


/* =========================================================
   CAR WINDOW TINTS — FULL RESPONSIVE FIX
   Keeps 3 cards desktop, 2 tablet, 1 mobile.
   ========================================================= */

.window-tint-section{
    width:100% !important;
    max-width:1280px !important;
    margin:0 auto !important;
    padding:70px 48px 90px !important;
    overflow:hidden !important;
}

.window-tint-grid{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:32px !important;
    align-items:stretch !important;
}

.window-tint-card{
    width:100% !important;
    min-width:0 !important;
    min-height:500px !important;
    padding:34px 32px 35px !important;
    display:flex !important;
    flex-direction:column !important;
}

.window-tint-card h3{
    width:100% !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
}

.window-tint-price{
    width:100% !important;
    flex-wrap:wrap !important;
}

.window-tint-features{
    width:100% !important;
    flex:1 1 auto !important;
}

.window-tint-features li{
    overflow-wrap:anywhere !important;
}

.window-tint-card a.window-tint-book{
    margin-top:auto !important;
    flex-shrink:0 !important;
}

/* Large tablet */
@media (max-width:1100px){
    .window-tint-section{
        padding:60px 28px 75px !important;
    }

    .window-tint-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:22px !important;
    }

    .window-tint-card{
        min-height:470px !important;
        padding:30px 25px 30px !important;
    }

    .window-tint-card h3{
        font-size:22px !important;
    }

    .window-tint-price strong{
        font-size:38px !important;
    }

    .window-tint-features li{
        font-size:14px !important;
    }
}

/* Small tablet / large phone */
@media (max-width:760px){
    .window-tint-section{
        padding:48px 18px 65px !important;
    }

    .window-tint-heading{
        gap:10px !important;
        margin-bottom:38px !important;
    }

    .window-tint-heading:before,
    .window-tint-heading:after{
        width:45px !important;
        flex:0 1 45px !important;
    }

    .window-tint-heading h2{
        font-size:31px !important;
        line-height:1.1 !important;
        white-space:nowrap !important;
    }

    .window-tint-grid{
        grid-template-columns:1fr !important;
        gap:20px !important;
    }

    .window-tint-card{
        min-height:0 !important;
        padding:28px 23px 27px !important;
    }

    .window-tint-card h3{
        font-size:23px !important;
    }

    .window-tint-price{
        margin:17px 0 20px !important;
    }

    .window-tint-price strong{
        font-size:40px !important;
    }

    .window-tint-features li{
        font-size:14px !important;
        line-height:1.5 !important;
        margin-bottom:11px !important;
    }

    .window-tint-card a.window-tint-book{
        height:46px !important;
        min-height:46px !important;
        margin-top:18px !important;
    }
}

/* Normal mobile */
@media (max-width:480px){
    .window-tint-section{
        padding:42px 13px 55px !important;
    }

    .window-tint-heading{
        width:100% !important;
        gap:8px !important;
        margin-bottom:30px !important;
    }

    .window-tint-heading:before,
    .window-tint-heading:after{
        width:25px !important;
        flex:1 1 25px !important;
    }

    .window-tint-heading h2{
        font-size:25px !important;
        letter-spacing:-.5px !important;
    }

    .window-tint-grid{
        gap:16px !important;
    }

    .window-tint-card{
        border-radius:11px !important;
        padding:25px 19px 23px !important;
    }

    .window-tint-card h3{
        font-size:21px !important;
    }

    .window-tint-price{
        margin:15px 0 18px !important;
    }

    .window-tint-price strong{
        font-size:36px !important;
    }

    .window-tint-price span{
        font-size:12px !important;
    }

    .window-tint-divider{
        margin-bottom:20px !important;
    }

    .window-tint-features li{
        font-size:13.5px !important;
        padding-left:19px !important;
        margin-bottom:10px !important;
    }

    .window-tint-features li:before{
        font-size:16px !important;
    }

    .window-tint-card a.window-tint-book{
        width:100% !important;
        height:44px !important;
        min-height:44px !important;
        font-size:13px !important;
    }
}

/* Very small phones */
@media (max-width:360px){
    .window-tint-section{
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .window-tint-heading h2{
        font-size:22px !important;
    }

    .window-tint-heading:before,
    .window-tint-heading:after{
        width:18px !important;
    }

    .window-tint-card{
        padding:22px 16px 20px !important;
    }

    .window-tint-card h3{
        font-size:19px !important;
    }

    .window-tint-price strong{
        font-size:33px !important;
    }

    .window-tint-features li{
        font-size:13px !important;
    }
}



/* ============================================================
   WINDOW TINT PRICE — SAME PRICE STRUCTURE
   From higher-left, main price large, Exd. GST lower-right
   ============================================================ */
.window-tint-price{
    display:flex !important;
    align-items:baseline !important;
    justify-content:center !important;
    gap:4px !important;
    white-space:nowrap !important;
    margin:25px 0 24px !important;
}

.window-tint-price .wt-price-prefix{
    position:relative !important;
    top:-22px !important;
    color:rgba(255,255,255,.78) !important;
    font-size:16px !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
}

.window-tint-price strong{
    color:#f51b24 !important;
    font-size:56px !important;
    line-height:.95 !important;
    font-weight:900 !important;
    letter-spacing:-.045em !important;
    margin:0 !important;
    text-shadow:0 0 15px rgba(234,28,36,.2) !important;
}

.window-tint-price .wt-price-suffix{
    position:relative !important;
    top:8px !important;
    color:rgba(255,255,255,.78) !important;
    font-size:16px !important;
    font-weight:500 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}

@media(max-width:760px){
    .window-tint-price{
        justify-content:flex-start !important;
        gap:3px !important;
    }
    .window-tint-price .wt-price-prefix{
        top:-9px !important;
        font-size:14px !important;
    }
    .window-tint-price strong{
        font-size:42px !important;
    }
    .window-tint-price .wt-price-suffix{
        top:6px !important;
        font-size:14px !important;
    }
}

@media(max-width:600px){
    .window-tint-price{
        gap:3px !important;
    }
    .window-tint-price .wt-price-prefix{
        top:-7px !important;
        font-size:12px !important;
    }
    .window-tint-price strong{
        font-size:36px !important;
    }
    .window-tint-price .wt-price-suffix{
        top:5px !important;
        font-size:12px !important;
    }
}


/* ==========================================================================
   SECTION: SERVICES GRID COMPONENT STYLES
   Source: template-parts/services.php
   ========================================================================== */

/* --- template-parts/services.php (Block 1) --- */
/* =========================================================
   VIP TINTS — COMPACT MODERN SERVICES SECTION
   ========================================================= */

.vip-services-modern{
	position:relative;
	width:100%;
	padding:65px 0 75px;
	background:#080808;
	color:#fff;
	overflow:hidden;
}

.vip-service-bg-grid{
	position:absolute;
	inset:0;
	opacity:.10;
	background-image:
		linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
	background-size:50px 50px;
	pointer-events:none;
}

.vip-service-glow{
	position:absolute;
	width:360px;
	height:360px;
	border-radius:50%;
	background:#ea1c24;
	filter:blur(130px);
	opacity:.08;
	pointer-events:none;
}

.vip-service-glow-left{
	left:-200px;
	top:20%;
}

.vip-service-glow-right{
	right:-200px;
	bottom:10%;
}

.vip-services-container{
	position:relative;
	z-index:2;
	width:min(1040px, calc(100% - 32px));
	margin:0 auto;
}

/* SECTION HEADER */
.vip-services-heading{
	text-align:center;
	max-width:700px;
	margin:0 auto 38px;
}

.vip-services-eyebrow{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	margin-bottom:10px;
	color:#ea1c24;
	font-size:10.5px;
	font-weight:800;
	letter-spacing:0.2em;
	text-transform:uppercase;
}

.vip-services-eyebrow span{
	display:inline-block;
	width:24px;
	height:1px;
	background:#ea1c24;
}

.vip-services-heading h2{
	margin:0 0 10px;
	color:#fff;
	font-size:clamp(28px, 4vw, 42px);
	font-weight:800;
	line-height:1.1;
	letter-spacing:-0.02em;
	text-transform:uppercase;
}

.vip-services-heading h2 span{
	color:#ea1c24;
	display:inline-block;
}

.vip-services-heading p{
	max-width:540px;
	margin:0 auto 18px;
	color:rgba(255,255,255,.68);
	font-size:13.5px;
	line-height:1.6;
}

.vip-services-main-btn{
	display:inline-flex;
	align-items:center;
	gap:10px;
	height:42px;
	padding:0 20px;
	border-radius:6px;
	background:#ea1c24;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-weight:800;
	letter-spacing:0.1em;
	box-shadow:0 6px 20px rgba(234,28,36,.32);
	transition:all .25s ease;
}

.vip-services-main-btn:hover{
	background:#ff2d38;
	transform:translateY(-2px);
	box-shadow:0 10px 28px rgba(234,28,36,.5);
	color:#fff;
}

/* SERVICES LIST */
.vip-services-list{
	display:flex;
	flex-direction:column;
	gap:16px;
}

/* SERVICE CARD */
.vip-service-card{
	position:relative;
	display:grid;
	grid-template-columns:280px 1fr;
	min-height:190px;
	border:1px solid rgba(255,255,255,.08);
	border-radius:12px;
	background:linear-gradient(135deg, rgba(20,20,20,.85), rgba(11,11,11,.95));
	text-decoration:none;
	overflow:hidden;
	box-shadow:0 10px 30px rgba(0,0,0,.35);
	transition:all .3s cubic-bezier(.16,1,.3,1);
}

.vip-service-card:hover{
	transform:translateY(-3px);
	border-color:rgba(234,28,36,.45);
	box-shadow:0 16px 40px rgba(0,0,0,.5), 0 0 24px rgba(234,28,36,.12);
}

.vip-service-card-featured{
	border-color:rgba(234,28,36,.3);
}

/* IMAGE */
.vip-service-image{
	position:relative;
	min-height:190px;
	height:100%;
	overflow:hidden;
	background:#111;
}

.vip-service-image img{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	transition:transform .5s ease;
}

.vip-service-card:hover .vip-service-image img{
	transform:scale(1.05);
}

.vip-image-overlay{
	position:absolute;
	inset:0;
	background:linear-gradient(90deg, rgba(0,0,0,.04), rgba(0,0,0,.25));
}

.vip-popular{
	position:absolute;
	top:12px;
	right:12px;
	padding:4px 8px;
	border-radius:3px;
	background:#ea1c24;
	color:#fff;
	font-size:8.5px;
	font-weight:800;
	letter-spacing:0.8px;
	box-shadow:0 3px 10px rgba(234,28,36,.4);
}

/* CONTENT */
.vip-service-content{
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-width:0;
	padding:20px 26px;
}

.vip-service-top{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:6px;
}

.vip-service-kicker{
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:#ea1c24;
	font-size:10px;
	font-weight:800;
	letter-spacing:1.3px;
	text-transform:uppercase;
}

.vip-kicker-dot{
	width:5px;
	height:5px;
	border-radius:50%;
	background:#ea1c24;
	box-shadow:0 0 6px rgba(234,28,36,.8);
}

.vip-service-arrow{
	display:flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:50%;
	background:rgba(255,255,255,.03);
	color:#fff;
	font-size:13px;
	transition:all .25s ease;
}

.vip-service-card:hover .vip-service-arrow{
	background:#ea1c24;
	border-color:#ea1c24;
	transform:translate(2px,-2px);
	box-shadow:0 0 12px rgba(234,28,36,.5);
}

.vip-service-content h3{
	margin:0 0 6px;
	color:#fff;
	font-size:clamp(20px, 2.2vw, 24px);
	font-weight:800;
	line-height:1.15;
	letter-spacing:-0.3px;
}

.vip-service-content p{
	max-width:540px;
	margin:0 0 12px;
	color:rgba(255,255,255,.68);
	font-size:13px;
	line-height:1.55;
}

.vip-service-points{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
	margin-bottom:14px;
}

.vip-service-points span{
	display:inline-flex;
	align-items:center;
	padding:4px 9px;
	border:1px solid rgba(255,255,255,.07);
	border-radius:4px;
	background:rgba(255,255,255,.035);
	color:rgba(255,255,255,.85);
	font-size:11px;
	font-weight:600;
}

.vip-service-link{
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:#fff;
	font-size:11px;
	font-weight:800;
	letter-spacing:1.1px;
	text-transform:uppercase;
	transition:all .2s ease;
}

.vip-service-link b{
	color:#ea1c24;
	font-size:14px;
	transition:transform .2s ease;
}

.vip-service-card:hover .vip-service-link{
	color:#ea1c24;
}

.vip-service-card:hover .vip-service-link b{
	transform:translateX(4px);
}

/* RESPONSIVENESS */
@media(max-width:860px){
	.vip-service-card{
		grid-template-columns:230px 1fr;
	}
	.vip-service-content{
		padding:18px 20px;
	}
}

@media(max-width:680px){
	.vip-services-modern{
		padding:55px 0 60px;
	}
	.vip-services-heading h2{
		font-size:28px;
	}
	.vip-service-card{
		grid-template-columns:1fr;
	}
	.vip-service-image{
		height:190px;
		min-height:190px;
	}
	.vip-service-content{
		padding:18px 16px;
	}
	.vip-service-content h3{
		font-size:20px;
	}
	.vip-service-content p{
		font-size:12.5px;
	}
}

@media(max-width:400px){
	.vip-services-heading h2{
		font-size:25px;
	}
	.vip-service-image{
		height:170px;
	}
	.vip-service-content{
		padding:15px 14px;
	}
	.vip-service-arrow{
		width:26px;
		height:26px;
	}
}


/* ==========================================================================
   SECTION: WHY CHOOSE VIP TINTS COMPONENT STYLES
   Source: template-parts/why-us.php
   ========================================================================== */

/* --- template-parts/why-us.php (Block 1) --- */
/* =========================================================
   MAIN SECTION
   ========================================================= */

.vip-why-light{

	position:relative;

	width:100%;

	padding:105px 5% 95px;

	background:#fff;

	color:#111;

	overflow:hidden;

}


/* =========================================================
   SOFT BACKGROUND
   ========================================================= */

.vip-why-light:before{

	content:"";

	position:absolute;

	width:420px;

	height:420px;

	right:-250px;

	top:10%;

	border-radius:50%;

	background:#ed1c24;

	filter:blur(150px);

	opacity:.055;

	pointer-events:none;

}


.vip-why-light-container{

	position:relative;

	z-index:2;

	max-width:1200px;

	margin:auto;

}


/* =========================================================
   HEADER
   ========================================================= */

.vip-why-light-header{

	max-width:850px;

	margin:0 auto 65px;

	text-align:center;

}


.vip-why-light-eyebrow{

	display:flex;

	align-items:center;

	justify-content:center;

	gap:11px;

	margin-bottom:17px;

	color:#ed1c24;

	font-size:15px;

	font-weight:900;

	letter-spacing:3px;

}


.vip-why-light-eyebrow span{

	width:34px;

	height:1px;

	background:#ed1c24;

}


.vip-why-light-header h2{

	margin:0;

	color:#151515;

	font-size:clamp(42px,6vw,68px);

	font-weight:500;

	line-height:.98;

	letter-spacing:-2.8px;

	text-transform:uppercase;

}


.vip-why-light-header h2 span{

	display:block;

	color:#ed1c24;

	font-weight:700;

}


.vip-why-light-header p{

	max-width:670px;

	margin:20px auto 0;

	color:#707070;

	font-size:15px;

	line-height:1.8;

}
	
	


/* =========================================================
   MAIN LAYOUT
   ========================================================= */

.vip-why-light-layout{

	display:grid;

	grid-template-columns:.88fr 1.12fr;

	gap:65px;

	align-items:center;

}


/* =========================================================
   IMAGE
   ========================================================= */

.vip-why-light-visual{

	position:relative;

}


.vip-why-light-image{

	position:relative;

	height:560px;

	overflow:hidden;

	border-radius:15px;

	background:#eee;

	box-shadow:
		0 25px 60px
		rgba(0,0,0,.12);

}


.vip-why-light-image img{

	width:100%;

	height:100%;

	display:block;

	object-fit:cover;

	transition:
		transform 1s
		cubic-bezier(.2,.7,.2,1);

}


.vip-why-light-visual:hover
.vip-why-light-image img{

	transform:scale(1.06);

}


.vip-why-light-image-overlay{

	position:absolute;

	inset:0;

	background:
		linear-gradient(
			180deg,
			transparent 45%,
			rgba(0,0,0,.72)
		);

}


.vip-why-light-image-label{

	position:absolute;

	left:24px;

	bottom:22px;

	display:flex;

	align-items:center;

	gap:8px;

	color:#fff;

	font-size:8px;

	font-weight:900;

	letter-spacing:1.7px;

}


.vip-why-light-image-label span{

	width:7px;

	height:7px;

	border-radius:50%;

	background:#ed1c24;

	box-shadow:
		0 0 12px
		rgba(237,28,36,.9);

}


/* =========================================================
   FLOATING BADGE
   ========================================================= */

.vip-why-light-badge{

	position:absolute;

	right:-22px;

	bottom:35px;

	display:flex;

	align-items:center;

	gap:13px;

	padding:16px 19px;

	background:#fff;

	border-radius:8px;

	border:1px solid #eee;

	box-shadow:
		0 18px 45px
		rgba(0,0,0,.14);

}


.vip-why-light-badge strong{

	color:#ed1c24;

	font-size:25px;

	font-weight:800;

	line-height:1;

}


.vip-why-light-badge div{

	display:flex;

	flex-direction:column;

	gap:3px;

}


.vip-why-light-badge span{

	color:#777;

	font-size:6px;

	font-weight:900;

	letter-spacing:1.2px;

}


/* =========================================================
   FEATURES
   ========================================================= */

.vip-why-light-features{

	display:flex;

	flex-direction:column;

	gap:12px;

}


/* =========================================================
   FEATURE CARD
   ========================================================= */

.vip-light-feature{

	position:relative;

	display:grid;

	grid-template-columns:
		56px
		1fr
		36px;

	align-items:center;

	gap:18px;

	padding:22px 24px;

	border:1px solid #ededed;

	border-radius:12px;

	background:#fff;

	box-shadow:
		0 8px 25px
		rgba(0,0,0,.035);

	transition:
		transform .35s ease,
		box-shadow .35s ease,
		border-color .35s ease;

}


.vip-light-feature:hover{

	transform:translateX(7px);

	border-color:
		rgba(237,28,36,.25);

	box-shadow:
		0 15px 35px
		rgba(0,0,0,.09);

}


/* =========================================================
   NUMBER
   ========================================================= */

.vip-light-feature-number{

	display: none !important;

}


/* =========================================================
   ICON
   ========================================================= */

.vip-light-feature-icon{

	width:52px;

	height:52px;

	display:flex;

	align-items:center;

	justify-content:center;

	border-radius:9px;

	background:
		linear-gradient(
			135deg,
			#fff1f1,
			#fff
		);

	border:
		1px solid
		rgba(237,28,36,.15);

	color:#ed1c24;

	transition:
		background .35s ease,
		color .35s ease,
		transform .35s ease;

}


.vip-light-feature-icon svg{

	width:23px;

	height:23px;

}


.vip-light-feature:hover
.vip-light-feature-icon{

	background:#ed1c24;

	color:#fff;

	transform:rotate(-4deg);

}


/* =========================================================
   FEATURE CONTENT
   ========================================================= */

.vip-light-feature-content h3{

	margin:0 0 7px;

	color:#171717;

	font-size:19px;

	font-weight:600;

	letter-spacing:-.3px;

}


.vip-light-feature-content p{

	margin:0;

	max-width:580px;

	color:#777;

	font-size:15px;

	line-height:1.7;

}


/* =========================================================
   ARROW
   ========================================================= */

.vip-light-feature-arrow{

	display:flex;

	align-items:center;

	justify-content:center;

	width:32px;

	height:32px;

	border:1px solid #e8e8e8;

	border-radius:50%;

	color:#aaa;

	font-size:14px;

	transition:
		background .3s ease,
		color .3s ease,
		border-color .3s ease,
		transform .3s ease;

}


.vip-light-feature:hover
.vip-light-feature-arrow{

	background:#ed1c24;

	border-color:#ed1c24;

	color:#fff;

	transform:translate(2px,-2px);

}


/* =========================================================
   BOTTOM STRIP
   ========================================================= */

.vip-why-light-bottom{

	display:grid;

	grid-template-columns:repeat(4,1fr);

	margin-top:65px;

	border-top:1px solid #e9e9e9;

	border-bottom:1px solid #e9e9e9;

}


.vip-why-light-bottom > div{

	padding:22px 15px;

	text-align:center;

	border-right:1px solid #e9e9e9;

}


.vip-why-light-bottom > div:last-child{

	border-right:0;

}


.vip-why-light-bottom strong{

	display:block;

	color:#222;

	font-size:11px;

	font-weight:900;

	letter-spacing:1.5px;

}


.vip-why-light-bottom span{

	display:block;

	margin-top:5px;

	color:#999;

	font-size:6.5px;

	font-weight:800;

	letter-spacing:1.4px;

}


/* =========================================================
   ANIMATION
   ========================================================= */

.vip-why-light-header,
.vip-why-light-visual,
.vip-light-feature,
.vip-why-light-bottom{

	animation:
		vipLightReveal
		.8s
		cubic-bezier(.16,1,.3,1)
		both;

}


.vip-light-feature:nth-child(1){
	animation-delay:.08s;
}

.vip-light-feature:nth-child(2){
	animation-delay:.16s;
}

.vip-light-feature:nth-child(3){
	animation-delay:.24s;
}

.vip-light-feature:nth-child(4){
	animation-delay:.32s;
}


@keyframes vipLightReveal{

	from{

		opacity:0;

		transform:translateY(25px);

	}

	to{

		opacity:1;

		transform:translateY(0);

	}

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:950px){

	.vip-why-light-layout{

		grid-template-columns:1fr;

		gap:50px;

	}


	.vip-why-light-image{

		height:480px;

		max-width:700px;

		margin:auto;

	}


	.vip-why-light-badge{

		right:20px;

	}


	.vip-why-light-features{

		max-width:750px;

		width:100%;

		margin:auto;

	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:650px){

	.vip-why-light{

		padding:
			80px
			18px
			70px;

	}


	.vip-why-light-header{

		margin-bottom:42px;

	}


	.vip-why-light-header h2{

		font-size:39px;

		letter-spacing:-1.8px;

	}


	.vip-why-light-header p{

		font-size:11px;

		line-height:1.7;

	}


	.vip-why-light-layout{

		gap:38px;

	}


	.vip-why-light-image{

		height:390px;

		border-radius:11px;

	}


	.vip-why-light-badge{

		right:12px;

		bottom:18px;

		padding:13px 15px;

	}


	.vip-why-light-badge strong{

		font-size:21px;

	}


	.vip-light-feature{

		grid-template-columns:
			42px
			1fr
			30px;

		gap:12px;

		padding:18px 15px;

	}


	.vip-light-feature-number{

		display:none;

	}


	.vip-light-feature-icon{

		width:42px;

		height:42px;

	}


	.vip-light-feature-icon svg{

		width:19px;

		height:19px;

	}


	.vip-light-feature-content h3{

		font-size:17px;

	}


	.vip-light-feature-content p{

		font-size:9px;

		line-height:1.65;

	}


	.vip-light-feature-arrow{

		width:28px;

		height:28px;

		font-size:12px;

	}


	.vip-why-light-bottom{

		grid-template-columns:repeat(2,1fr);

		margin-top:45px;

	}


	.vip-why-light-bottom > div{

		padding:18px 8px;

	}


	.vip-why-light-bottom > div:nth-child(2){

		border-right:0;

	}


	.vip-why-light-bottom > div:nth-child(1),
	.vip-why-light-bottom > div:nth-child(2){

		border-bottom:1px solid #e9e9e9;

	}


	.vip-why-light-bottom strong{

		font-size:9px;

	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:400px){

	.vip-why-light-header h2{

		font-size:34px;

	}


	.vip-why-light-image{

		height:340px;

	}


	.vip-light-feature-content h3{

		font-size:16px;

	}


	.vip-light-feature-content p{

		font-size:8.7px;

	}

}


/* ==========================================================================
   SECTION: WORKS GALLERY COMPONENT STYLES
   Source: template-parts/gallery.php
   ========================================================================== */

/* --- template-parts/gallery.php (Block 1) --- */
/* =========================================================
   VIP TINTS GALLERY
   COMPLETE ISOLATED CSS
   ========================================================= */

#gallery.viptints-gallery-section {

	position: relative !important;

	display: block !important;

	width: 100% !important;

	box-sizing: border-box !important;

	padding: 100px 30px 90px !important;

	background: #f6f6f5 !important;

	color: #111 !important;

	overflow: hidden !important;

}


/* =========================================================
   WRAPPER
   ========================================================= */

#gallery .viptints-gallery-wrapper {

	position: relative !important;

	display: block !important;

	width: 100% !important;

	max-width: 1280px !important;

	margin: 0 auto !important;

	box-sizing: border-box !important;

}


/* =========================================================
   HEADER
   ========================================================= */

#gallery .viptints-gallery-head {

	display: flex !important;

	align-items: flex-end !important;

	justify-content: space-between !important;

	gap: 60px !important;

	margin-bottom: 42px !important;

}


#gallery .viptints-gallery-title {

	flex: 1 1 auto !important;

	margin: 0 !important;

	padding: 0 !important;

}


#gallery .viptints-gallery-label {

	display: flex !important;

	align-items: center !important;

	gap: 10px !important;

	margin-bottom: 16px !important;

	color: #ed1c24 !important;

	font-size: 15px !important;

	font-weight: 700 !important;

	letter-spacing: 3px !important;

	line-height: 1 !important;

}


#gallery .viptints-gallery-label span {

	display: block !important;

	width: 32px !important;

	height: 2px !important;

	background: #ed1c24 !important;

}


/* =========================================================
   HEADING
   ========================================================= */

#gallery .viptints-gallery-title h2 {

	display: block !important;

	margin: 0 !important;

	padding: 0 !important;

	color: #111 !important;

	font-family: inherit !important;

	font-size: clamp(46px, 6vw, 76px) !important;

	font-weight: 400 !important;

	line-height: .94 !important;

	letter-spacing: -3px !important;

	text-transform: uppercase !important;

}


#gallery .viptints-gallery-title h2 strong {

	display: block !important;

	margin: 0 !important;

	padding: 0 !important;

	color: #ed1c24 !important;

	font-weight: 600 !important;

}


/* =========================================================
   INTRO
   ========================================================= */

#gallery .viptints-gallery-intro {

	width: 100% !important;

	max-width: 400px !important;

	flex: 0 0 400px !important;

	margin: 0 !important;

	padding: 0 0 3px !important;

}


#gallery .viptints-gallery-intro p {

	margin: 0 !important;

	padding: 0 !important;

	color: #666 !important;

	font-family: inherit !important;

	font-size: 14px !important;

	font-weight: 400 !important;

	line-height: 1.75 !important;

}


/* =========================================================
   FILTER
   ========================================================= */

#gallery .viptints-gallery-filters {

	display: flex !important;

	align-items: center !important;

	gap: 10px !important;

	width: 100% !important;

	margin: 0 0 25px !important;

	padding: 0 0 18px !important;

	border-bottom: 1px solid #dedede !important;

	overflow-x: auto !important;

	scrollbar-width: none !important;

}


#gallery .viptints-gallery-filters::-webkit-scrollbar {

	display: none !important;

}


#gallery .viptints-filter {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	flex: 0 0 auto !important;

	min-height: 42px !important;

	margin: 0 !important;

	padding: 0 21px !important;

	border: 1px solid #d6d6d6 !important;

	border-radius: 50px !important;

	outline: none !important;

	background: #fff !important;

	color: #555 !important;

	font-family: inherit !important;

	font-size: 9px !important;

	font-weight: 600 !important;

	letter-spacing: 1.2px !important;

	line-height: 1 !important;

	cursor: pointer !important;

	transition: all .3s ease !important;

}


#gallery .viptints-filter:hover {

	border-color: #ed1c24 !important;

	color: #ed1c24 !important;

}


#gallery .viptints-filter.active {

	border-color: #ed1c24 !important;

	background: #ed1c24 !important;

	color: #fff !important;

	box-shadow: 0 8px 20px rgba(237,28,36,.15) !important;

}


/* =========================================================
   GRID
   ========================================================= */

#gallery .viptints-gallery-grid {

	display: grid !important;

	width: 100% !important;

	grid-template-columns: 1.45fr 1fr 1fr !important;

	grid-template-rows: 260px 260px !important;

	gap: 15px !important;

	margin: 0 !important;

	padding: 0 !important;

	box-sizing: border-box !important;

}


/* =========================================================
   CARD
   ========================================================= */

#gallery .viptints-gallery-card {

	position: relative !important;

	display: block !important;

	width: 100% !important;

	height: 100% !important;

	min-width: 0 !important;

	min-height: 0 !important;

	margin: 0 !important;

	padding: 0 !important;

	overflow: hidden !important;

	border-radius: 18px !important;

	background: #ddd !important;

	box-sizing: border-box !important;

	cursor: pointer !important;

	box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;

	transition:
		transform .4s ease,
		box-shadow .4s ease !important;

}


/* BIG CARD */

#gallery .viptints-card-large {

	grid-row: 1 / 3 !important;

}


/* =========================================================
   IMAGE
   ========================================================= */

#gallery .viptints-gallery-card img {

	position: absolute !important;

	top: 0 !important;

	left: 0 !important;

	right: 0 !important;

	bottom: 0 !important;

	display: block !important;

	width: 100% !important;

	height: 100% !important;

	max-width: none !important;

	margin: 0 !important;

	padding: 0 !important;

	border: 0 !important;

	object-fit: cover !important;

	object-position: center !important;

	vertical-align: middle !important;

	transition: transform .7s cubic-bezier(.16,1,.3,1) !important;

}


#gallery .viptints-gallery-card:hover img {

	transform: scale(1.07) !important;

}


/* =========================================================
   OVERLAY
   ========================================================= */

#gallery .viptints-image-overlay {

	position: absolute !important;

	top: 0 !important;

	left: 0 !important;

	right: 0 !important;

	bottom: 0 !important;

	z-index: 2 !important;

	background:
		linear-gradient(
			to bottom,
			rgba(0,0,0,.02) 20%,
			rgba(0,0,0,.12) 42%,
			rgba(0,0,0,.88) 100%
		) !important;

	pointer-events: none !important;

}


/* =========================================================
   NUMBER
   ========================================================= */

#gallery .viptints-gallery-number {

	position: absolute !important;

	top: 18px !important;

	left: 20px !important;

	z-index: 5 !important;

	color: rgba(255,255,255,.8) !important;

	font-size: 10px !important;

	font-weight: 500 !important;

	letter-spacing: 2px !important;

	line-height: 1 !important;

}


/* =========================================================
   ARROW
   ========================================================= */

#gallery .viptints-gallery-arrow {

	position: absolute !important;

	top: 15px !important;

	right: 15px !important;

	z-index: 5 !important;

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	width: 38px !important;

	height: 38px !important;

	border: 1px solid rgba(255,255,255,.4) !important;

	border-radius: 50% !important;

	background: rgba(0,0,0,.2) !important;

	color: #fff !important;

	font-size: 18px !important;

	font-weight: 400 !important;

	line-height: 1 !important;

	backdrop-filter: blur(8px) !important;

	-webkit-backdrop-filter: blur(8px) !important;

	transition: all .35s ease !important;

}


#gallery .viptints-gallery-card:hover {

	transform: translateY(-5px) !important;

	box-shadow: 0 22px 45px rgba(0,0,0,.15) !important;

}


#gallery .viptints-gallery-card:hover
.viptints-gallery-arrow {

	border-color: #ed1c24 !important;

	background: #ed1c24 !important;

	transform: rotate(-45deg) !important;

}


/* =========================================================
   CONTENT
   ========================================================= */

#gallery .viptints-gallery-content {

	position: absolute !important;

	right: 22px !important;

	bottom: 20px !important;

	left: 22px !important;

	z-index: 5 !important;

	margin: 0 !important;

	padding: 0 !important;

}


#gallery .viptints-gallery-content span {

	display: block !important;

	margin: 0 0 7px !important;

	padding: 0 !important;

	color: #ff4d53 !important;

	font-size: 8px !important;

	font-weight: 700 !important;

	letter-spacing: 2px !important;

	line-height: 1.2 !important;

}


#gallery .viptints-gallery-content h3 {

	display: block !important;

	margin: 0 !important;

	padding: 0 !important;

	color: #fff !important;

	font-family: inherit !important;

	font-size: 23px !important;

	font-weight: 400 !important;

	line-height: 1.05 !important;

	letter-spacing: -.5px !important;

}


#gallery .viptints-gallery-content h3 strong {

	color: #fff !important;

	font-weight: 600 !important;

}


#gallery .viptints-gallery-content p {

	max-width: 330px !important;

	margin: 9px 0 0 !important;

	padding: 0 !important;

	color: rgba(255,255,255,.72) !important;

	font-size: 11px !important;

	font-weight: 400 !important;

	line-height: 1.5 !important;

}


/* =========================================================
   HIDDEN FILTER ITEMS
   ========================================================= */

#gallery .viptints-gallery-card.viptints-hidden {

	display: none !important;

}


/* =========================================================
   BOTTOM BAR
   ========================================================= */

#gallery .viptints-gallery-bottom {

	display: flex !important;

	align-items: center !important;

	justify-content: space-between !important;

	gap: 20px !important;

	width: 100% !important;

	margin: 24px 0 0 !important;

	padding: 20px 0 0 !important;

	border-top: 1px solid #ddd !important;

	box-sizing: border-box !important;

}


#gallery .viptints-gallery-bottom > div {

	color: #999 !important;

	font-size: 8px !important;

	font-weight: 600 !important;

	letter-spacing: 2px !important;

	line-height: 1.4 !important;

}


#gallery .viptints-gallery-bottom > div span {

	margin: 0 7px !important;

	color: #ed1c24 !important;

}


#gallery .viptints-gallery-bottom a {

	display: inline-flex !important;

	align-items: center !important;

	gap: 10px !important;

	margin: 0 !important;

	padding: 0 !important;

	color: #111 !important;

	background: transparent !important;

	font-size: 9px !important;

	font-weight: 700 !important;

	letter-spacing: 1.5px !important;

	line-height: 1 !important;

	text-decoration: none !important;

	transition: color .3s ease !important;

}


#gallery .viptints-gallery-bottom a span {

	font-size: 16px !important;

	line-height: 1 !important;

	transition: transform .3s ease !important;

}


#gallery .viptints-gallery-bottom a:hover {

	color: #ed1c24 !important;

}


#gallery .viptints-gallery-bottom a:hover span {

	transform: translateX(5px) !important;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

	#gallery.viptints-gallery-section {

		padding: 80px 22px !important;

	}


	#gallery .viptints-gallery-head {

		display: block !important;

	}


	#gallery .viptints-gallery-intro {

		max-width: 600px !important;

		margin-top: 25px !important;

	}


	#gallery .viptints-gallery-grid {

		grid-template-columns: 1fr 1fr !important;

		grid-template-rows: 300px 230px 230px !important;

	}


	#gallery .viptints-card-large {

		grid-column: 1 / 3 !important;

		grid-row: 1 !important;

	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

	#gallery.viptints-gallery-section {

		padding: 65px 15px 60px !important;

	}


	#gallery .viptints-gallery-head {

		margin-bottom: 30px !important;

	}


	#gallery .viptints-gallery-title h2 {

		font-size: 43px !important;

		letter-spacing: -2px !important;

	}


	#gallery .viptints-gallery-intro {

		margin-top: 20px !important;

	}


	#gallery .viptints-gallery-intro p {

		font-size: 12px !important;

		line-height: 1.7 !important;

	}


	#gallery .viptints-gallery-filters {

		margin-bottom: 20px !important;

	}


	#gallery .viptints-filter {

		min-height: 38px !important;

		padding: 0 16px !important;

		font-size: 8px !important;

	}


	#gallery .viptints-gallery-grid {

		grid-template-columns: 1fr 1fr !important;

		grid-template-rows: 270px 205px 205px !important;

		gap: 10px !important;

	}


	#gallery .viptints-card-large {

		grid-column: 1 / 3 !important;

		grid-row: 1 !important;

	}


	#gallery .viptints-gallery-card {

		border-radius: 13px !important;

	}


	#gallery .viptints-gallery-number {

		top: 12px !important;

		left: 13px !important;

		font-size: 8px !important;

	}


	#gallery .viptints-gallery-arrow {

		top: 10px !important;

		right: 10px !important;

		width: 31px !important;

		height: 31px !important;

		font-size: 14px !important;

	}


	#gallery .viptints-gallery-content {

		right: 14px !important;

		bottom: 14px !important;

		left: 14px !important;

	}


	#gallery .viptints-gallery-content span {

		font-size: 6px !important;

		letter-spacing: 1.3px !important;

	}


	#gallery .viptints-gallery-content h3 {

		font-size: 16px !important;

	}


	#gallery .viptints-gallery-content p {

		display: none !important;

	}


	#gallery .viptints-gallery-bottom {

		display: block !important;

	}


	#gallery .viptints-gallery-bottom > div {

		margin-bottom: 14px !important;

	}

}
	
	/* ALL GALLERY PARAGRAPHS — 14PX */
#gallery.viptints-gallery-section p {
    font-size: 14px !important;
    line-height: 1.7 !important;
}


/* ==========================================================================
   SECTION: CLIENT TESTIMONIALS COMPONENT STYLES
   Source: template-parts/testimonials.php
   ========================================================================== */

/* --- template-parts/testimonials.php (Block 1) --- */
/* ==========================================================================
   MAIN SECTION
   ========================================================================== */

.vip-testimonials {

  position: relative;

  width: 100%;

  overflow: hidden;

  padding: 105px 24px 90px;

  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(255, 20, 30, .10),
      transparent 28%
    ),
    radial-gradient(
      circle at 90% 80%,
      rgba(255, 20, 30, .07),
      transparent 30%
    ),
    #090909;

  color: #ffffff;

}


/* Premium grid */

.vip-testimonials::before {

  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  background-image:
    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    );

  background-size: 60px 60px;

}


.vip-testimonials-container {

  position: relative;

  z-index: 2;

  width: 100%;

  max-width: 1240px;

  margin: 0 auto;

}

.vip-trustindex-reviews-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0 auto 50px;
  min-height: 220px;
}

.vip-trustindex-reviews-wrap .ti-widget {
  margin: 0 auto !important;
}


/* ==========================================================================
   HEADING
   ========================================================================== */


.vip-testimonials-heading {

  max-width: 800px;

  margin: 0 auto 42px;

  text-align: center;

}


.vip-eyebrow {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  margin-bottom: 17px;

  color: #ff202d;

  font-size: 15px;

  font-weight: 800;

  letter-spacing: .28em;

}


.vip-eyebrow span {

  width: 35px;

  height: 1px;

  background: #ff202d;

}


.vip-testimonials-heading h2 {

  margin: 0;

  color: #ffffff;

  font-size: clamp(42px, 6vw, 72px);

  font-weight: 300;

  line-height: .95;

  letter-spacing: -.055em;

  text-transform: uppercase;

}


.vip-testimonials-heading h2 strong {

  display: block;

  color: #ff202d;

  font-weight: 800;

}


.vip-testimonials-heading p {

  max-width: 650px;

  margin: 22px auto 0;

  color: rgba(255,255,255,.60);

  font-size: 14px;

  line-height: 1.75;

}


/* ==========================================================================
   GOOGLE SUMMARY
   ========================================================================== */

.vip-review-summary {

  display: flex;

  align-items: center;

  justify-content: center;

  width: fit-content;

  max-width: 100%;

  margin: 0 auto 55px;

  padding: 12px 20px;

  border: 1px solid rgba(255,255,255,.10);

  border-radius: 14px;

  background: rgba(255,255,255,.045);

  box-shadow:
    0 15px 45px rgba(0,0,0,.25);

  backdrop-filter: blur(12px);

}


.vip-review-summary-left {

  display: flex;

  align-items: center;

  gap: 12px;

}


.vip-google-mark {

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 10px;

  background: #ffffff;

  color: #4285f4;

  font-family: Arial, sans-serif;

  font-size: 24px;

  font-weight: 700;

}


.vip-review-source {

  color: #ffffff;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.1;

}


.vip-review-source-label {

  margin-top: 4px;

  color: rgba(255,255,255,.38);

  font-size: 8px;

  font-weight: 700;

  letter-spacing: .16em;

}


.vip-review-summary-divider {

  width: 1px;

  height: 30px;

  margin: 0 20px;

  background: rgba(255,255,255,.13);

}


.vip-review-rating {

  display: flex;

  align-items: center;

  gap: 10px;

}


.vip-rating-number {

  color: #ffffff;

  font-size: 18px;

  font-weight: 800;

}


.vip-rating-stars {

  color: #fbbc04;

  font-size: 15px;

  letter-spacing: 2px;

}


/* ==========================================================================
   REVIEW GRID
   ========================================================================== */

.vip-review-slider{
  position:relative;
}

.vip-review-viewport{
  overflow:hidden;
  width:100%;
}

.vip-review-grid{
  display:grid;
  grid-template-columns:repeat(10, minmax(0, 1fr));
  gap:18px;
  transition:transform .55s ease;
  will-change:transform;
}

.vip-review-card{
  min-width:0;
}

.vip-review-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(20,20,20,.92);
  color:#fff;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 25px rgba(0,0,0,.3);
  transition:all .25s ease;
}

.vip-review-arrow:hover{
  background:#ff202d;
  border-color:#ff202d;
  transform:translateY(-50%) scale(1.06);
}

.vip-review-prev{left:-21px;}
.vip-review-next{right:-21px;}

.vip-review-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  margin-top:24px;
}

.vip-review-dot{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.28);
  cursor:pointer;
  transition:all .25s ease;
}

.vip-review-dot.active{
  width:24px;
  border-radius:10px;
  background:#ff202d;
}


/* ==========================================================================
   REVIEW CARD
   ========================================================================== */

.vip-review-card {

  position: relative;

  min-height: 315px;

  display: flex;

  flex-direction: column;

  padding: 26px;

  overflow: hidden;

  border: 1px solid #e7e7e7;

  border-radius: 17px;

  background: #ffffff;

  color: #222222;

  box-shadow:
    0 18px 50px rgba(0,0,0,.25);

  transition:
    transform .35s ease,
    box-shadow .35s ease;

}


.vip-review-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 3px;

  background:
    linear-gradient(
      90deg,
      #4285f4,
      #34a853,
      #fbbc04,
      #ea4335
    );

}


.vip-review-card:hover {

  transform: translateY(-7px);

  box-shadow:
    0 28px 65px rgba(0,0,0,.40);

}


/* ==========================================================================
   USER
   ========================================================================== */

.vip-review-top {

  display: flex;

  align-items: center;

  gap: 12px;

}


.vip-review-avatar {

  width: 47px;

  height: 47px;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  color: #ffffff;

  font-size: 18px;

  font-weight: 700;

}


.avatar-gold {

  background: #d99b2b;

}


.avatar-purple {

  background: #7651b8;

}


.avatar-blue {

  background: #4285f4;

}


.avatar-green {

  background: #3c9b55;

}


.vip-review-user {

  min-width: 0;

}


.vip-review-user h3 {

  margin: 0;

  color: #202124;

  font-size: 14px;

  font-weight: 700;

}


.vip-review-meta {

  display: flex;

  align-items: center;

  gap: 7px;

  margin-top: 4px;

  color: #80868b;

  font-size: 10px;

}


.vip-google-small {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 17px;

  height: 17px;

  border-radius: 50%;

  background: #f5f5f5;

  color: #4285f4;

  font-family: Arial, sans-serif;

  font-size: 11px;

  font-weight: 800;

}


.vip-review-menu {

  margin-left: auto;

  color: #a0a0a0;

  font-size: 15px;

  letter-spacing: 2px;

}


/* ==========================================================================
   STARS
   ========================================================================== */

.vip-review-stars {

  margin-top: 19px;

  color: #fbbc04;

  font-size: 16px;

  letter-spacing: 2px;

}


/* ==========================================================================
   REVIEW TEXT
   ========================================================================== */

.vip-review-card p {

  margin: 15px 0 0;

  color: #5f6368;

  font-size: 12.5px;

  line-height: 1.7;

}


/* ==========================================================================
   REVIEW FOOTER
   ========================================================================== */

.vip-review-footer {

  display: flex;

  align-items: center;

  gap: 7px;

  margin-top: auto;

  padding-top: 20px;

  color: #8a8a8a;

  font-size: 10px;

  font-weight: 600;

}


.vip-google-badge {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 17px;

  height: 17px;

  border-radius: 50%;

  background: #ffffff;

  color: #4285f4;

  border: 1px solid #e2e2e2;

  font-family: Arial, sans-serif;

  font-size: 10px;

  font-weight: 800;

}


/* ==========================================================================
   CTA
   ========================================================================== */

.vip-review-cta {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  margin-top: 55px;

  padding: 27px 32px;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.10);

  border-left: 3px solid #ff202d;

  border-radius: 17px;

  background:
    linear-gradient(
      105deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.015)
    );

}


.vip-review-cta-content {

  position: relative;

  z-index: 2;

}


.vip-review-cta-content span {

  display: block;

  margin-bottom: 7px;

  color: #ff202d;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .23em;

}


.vip-review-cta-content h3 {

  margin: 0;

  color: #ffffff;

  font-size: clamp(21px,3vw,30px);

  font-weight: 500;

  line-height: 1.1;

}


.vip-review-cta-content h3 strong {

  color: #ff202d;

  font-weight: 800;

}


/* ==========================================================================
   WRITE REVIEW
   ========================================================================== */

.vip-write-review {

  position: relative;

  z-index: 3;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 11px;

  flex-shrink: 0;

  padding: 14px 23px;

  border-radius: 7px;

  background:
    linear-gradient(
      135deg,
      #ed1c24,
      #ff3b43
    );

  color: #ffffff !important;

  text-decoration: none !important;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .08em;

  box-shadow:
    0 12px 30px rgba(237,28,36,.22);

  transition:
    transform .3s ease,
    box-shadow .3s ease;

}


.vip-write-review:hover {

  color: #ffffff !important;

  transform: translateY(-3px);

  box-shadow:
    0 18px 40px rgba(237,28,36,.35);

}


.vip-write-review svg {

  transition: transform .3s ease;

}


.vip-write-review:hover svg {

  transform: translateX(4px);

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1050px) {

  .vip-review-grid{
    grid-template-columns:repeat(10, minmax(0, 1fr));
  }

  .vip-review-card{
    width:calc((100% - 18px) / 2);
  }

  .vip-review-arrow{
    width:38px;
    height:38px;
  }

  .vip-review-prev{left:-15px;}
  .vip-review-next{right:-15px;}

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 650px) {

  .vip-testimonials {

    padding: 75px 16px 65px;

  }


  .vip-testimonials-heading {

    margin-bottom: 32px;

  }


  .vip-testimonials-heading h2 {

    font-size: 43px;

  }


  .vip-testimonials-heading p {

    font-size: 13px;

  }


  .vip-review-summary {

    width: 100%;

    justify-content: center;

    margin-bottom: 35px;

    padding: 11px 14px;

  }


  .vip-review-summary-divider {

    margin: 0 14px;

  }


  .vip-google-mark {

    width: 36px;

    height: 36px;

    font-size: 21px;

  }


  .vip-review-source {

    font-size: 12px;

  }


  .vip-review-source-label {

    font-size: 7px;

  }


  .vip-rating-number {

    font-size: 16px;

  }


  .vip-rating-stars {

    font-size: 13px;

    letter-spacing: 1px;

  }


  .vip-review-grid{
    grid-template-columns:repeat(10, minmax(0, 1fr));
    gap:15px;
  }

  .vip-review-card{
    width:100%;
  }

  .vip-review-arrow{
    width:34px;
    height:34px;
    font-size:16px;
  }

  .vip-review-prev{left:-9px;}
  .vip-review-next{right:-9px;}


  .vip-review-card {

    min-height: 285px;

    padding: 23px;

  }


  .vip-review-cta {

    flex-direction: column;

    align-items: stretch;

    gap: 20px;

    margin-top: 40px;

    padding: 24px 20px;

    text-align: center;

  }


  .vip-write-review {

    width: 100%;

  }

}


/* ==========================================================================
   SECTION: FREQUENTLY ASKED QUESTIONS COMPONENT STYLES
   Source: template-parts/faqs.php
   ========================================================================== */

/* --- template-parts/faqs.php (Block 1) --- */
/* =========================================================
   VIP TINTS — PREMIUM LIGHT FAQ
   IMPORTANT:
   NO opacity:0
   NO visibility:hidden
   NO reveal-on-scroll dependency
   ========================================================= */

.vip-faq-section {
	position: relative;
	overflow: hidden;
	background: #f7f7f8;
	padding: 110px 24px 100px;
	color: #111;
}

.vip-faq-bg {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(
			circle at 0% 20%,
			rgba(237,28,36,.08),
			transparent 30%
		),
		radial-gradient(
			circle at 100% 80%,
			rgba(237,28,36,.06),
			transparent 30%
		),
		linear-gradient(
			135deg,
			#ffffff 0%,
			#f7f7f8 55%,
			#eeeeef 100%
		);
	z-index: 0;
}

.vip-faq-grid {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	background-image:
		linear-gradient(
			rgba(0,0,0,.018) 1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(0,0,0,.018) 1px,
			transparent 1px
		);
	background-size: 60px 60px;
}

.vip-faq-glow {
	position: absolute;
	border-radius: 50%;
	filter: blur(100px);
	pointer-events: none;
	z-index: 1;
}

.vip-faq-glow-one {
	width: 280px;
	height: 280px;
	left: -180px;
	top: 25%;
	background: rgba(237,28,36,.07);
}

.vip-faq-glow-two {
	width: 320px;
	height: 320px;
	right: -200px;
	bottom: 10%;
	background: rgba(237,28,36,.05);
}


/* =========================================================
   CONTAINER
   ========================================================= */

.vip-faq-container {
	position: relative;
	z-index: 5;
	max-width: 1220px;
	margin: 0 auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.vip-faq-heading {
	max-width: 780px;
	margin: 0 auto 65px;
	text-align: center;
}

.vip-faq-eyebrow {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 18px;
	color: #ed1c24;
	font-size: 15px;
	font-weight: 900;
	letter-spacing: 4px;
}

.vip-faq-eyebrow span {
	width: 42px;
	height: 1px;
	background: #ed1c24;
	opacity: .6;
}

.vip-faq-heading h2 {
	margin: 0;
	color: #111;
	font-size: clamp(42px, 6vw, 70px);
	font-weight: 500;
	line-height: .95;
	letter-spacing: -4px;
	text-transform: uppercase;
}

.vip-faq-heading h2 strong {
	display: block;
	color: #ed1c24;
	font-weight: 800;
}

.vip-faq-heading p {
	max-width: 650px;
	margin: 22px auto 0;
	color: #777;
	font-size: 14px;
	line-height: 1.8;
}


/* =========================================================
   LAYOUT
   ========================================================= */

.vip-faq-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
	gap: 65px;
	align-items: center;
}


/* =========================================================
   FAQ LIST
   ========================================================= */

.vip-faq-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.vip-faq-item {
	position: relative;
	overflow: hidden;
	background: rgba(255,255,255,.94);
	border: 1px solid #e3e3e5;
	border-radius: 14px;
	box-shadow: 0 8px 28px rgba(0,0,0,.035);
	transition:
		border-color .3s ease,
		box-shadow .3s ease,
		transform .3s ease;
}

.vip-faq-item:hover {
	transform: translateY(-2px);
	border-color: #d5d5d7;
	box-shadow: 0 15px 35px rgba(0,0,0,.07);
}

.vip-faq-item.active {
	border-color: rgba(237,28,36,.5);
	box-shadow: 0 18px 42px rgba(237,28,36,.08);
}


/* =========================================================
   QUESTION
   ========================================================= */

.vip-faq-question {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 22px 24px;
	border: 0;
	background: transparent;
	text-align: left;
	cursor: pointer;
	font-family: inherit;
}

.vip-faq-question-text {
	color: #171717;
	font-size: clamp(14px, 1.7vw, 16.5px);
	font-weight: 750;
	line-height: 1.4;
	flex: 1;
}


/* =========================================================
   PLUS ICON
   ========================================================= */

.vip-faq-icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	border-radius: 50%;
	background: #f1f1f2;
	transition: .3s ease;
}

.vip-faq-icon span {
	position: absolute;
	width: 12px;
	height: 1.5px;
	background: #333;
	transition: .3s ease;
}

.vip-faq-icon span:last-child {
	transform: rotate(90deg);
}

.vip-faq-item.active .vip-faq-icon {
	background: #ed1c24;
	transform: rotate(180deg);
}

.vip-faq-item.active .vip-faq-icon span {
	background: #fff;
}

.vip-faq-item.active .vip-faq-icon span:last-child {
	transform: rotate(0deg);
}


/* =========================================================
   ANSWER
   ========================================================= */

.vip-faq-answer {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows .4s ease;
}

.vip-faq-answer p {
	overflow: hidden;
	margin: 0;
	padding: 0 24px 0 24px;
	color: #666;
	font-size: 13.5px;
	line-height: 1.75;
}

.vip-faq-item.active .vip-faq-answer {
	grid-template-rows: 1fr;
}

.vip-faq-item.active .vip-faq-answer p {
	padding-bottom: 22px;
}


/* =========================================================
   IMAGE
   ========================================================= */

.vip-faq-visual {
	position: relative;
}

.vip-faq-image-card {
	position: relative;
	height: 560px;
	overflow: hidden;
	border-radius: 24px;
	background: #111;
	box-shadow: 0 30px 70px rgba(0,0,0,.16);
}

.vip-faq-image-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 1s cubic-bezier(.16,1,.3,1);
}

.vip-faq-image-card:hover img {
	transform: scale(1.05);
}

.vip-faq-image-overlay {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			180deg,
			rgba(0,0,0,.02),
			transparent 45%,
			rgba(0,0,0,.72)
		);
}


/* =========================================================
   BRAND
   ========================================================= */

.vip-faq-brand {
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	display: flex;
	gap: 8px;
	align-items: center;
	opacity: .9;
}

.vip-faq-brand span {
	color: #ed1c24;
	font-size: 48px;
	font-weight: 900;
	letter-spacing: 5px;
}

.vip-faq-brand strong {
	color: #fff;
	font-size: 48px;
	font-weight: 900;
	letter-spacing: 5px;
}


/* =========================================================
   IMAGE LABEL
   ========================================================= */

.vip-faq-image-label {
	position: absolute;
	left: 22px;
	bottom: 22px;
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 10px 14px;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 7px;
	background: rgba(0,0,0,.45);
	backdrop-filter: blur(12px);
	color: #fff;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: 1.8px;
}

.vip-faq-status-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ed1c24;
	box-shadow: 0 0 10px rgba(237,28,36,.9);
}


/* =========================================================
   CTA
   ========================================================= */

.vip-faq-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
	margin-top: 55px;
	padding: 26px 30px;
	background: #111;
	border-radius: 14px;
	box-shadow: 0 18px 45px rgba(0,0,0,.12);
}

.vip-faq-bottom > div {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.vip-faq-bottom span {
	color: #ed1c24;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 2px;
}

.vip-faq-bottom strong {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

.vip-faq-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 14px 22px;
	border-radius: 7px;
	background: linear-gradient(135deg,#ed1c24,#ff3940);
	color: #fff !important;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1px;
	text-decoration: none !important;
	box-shadow: 0 10px 28px rgba(237,28,36,.25);
	transition: .3s ease;
}

.vip-faq-cta svg {
	width: 15px;
	height: 15px;
	transition: .3s ease;
}

.vip-faq-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 15px 35px rgba(237,28,36,.35);
}

.vip-faq-cta:hover svg {
	transform: translateX(4px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

	.vip-faq-layout {
		grid-template-columns: 1fr;
		gap: 45px;
	}

	.vip-faq-image-card {
		height: 480px;
		max-width: 650px;
		margin: 0 auto;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

	.vip-faq-section {
		padding: 75px 14px 70px;
	}

	.vip-faq-heading {
		margin-bottom: 40px;
	}

	.vip-faq-eyebrow {
		font-size: 8px;
		letter-spacing: 2px;
	}

	.vip-faq-heading h2 {
		font-size: 38px;
		letter-spacing: -2px;
	}

	.vip-faq-heading p {
		font-size: 11px;
		line-height: 1.7;
		margin-top: 17px;
	}

	.vip-faq-list {
		gap: 8px;
	}

	.vip-faq-question {
		grid-template-columns: 32px 1fr 30px;
		gap: 10px;
		padding: 17px 13px;
	}

	.vip-faq-number {
		width: 28px;
		height: 28px;
		font-size: 8px;
	}

	.vip-faq-question-text {
		font-size: 13px;
		line-height: 1.4;
	}

	.vip-faq-icon {
		width: 29px;
		height: 29px;
	}

	.vip-faq-answer p {
		padding: 0 18px 0 55px;
		font-size: 10.5px;
		line-height: 1.75;
	}

	.vip-faq-item.active .vip-faq-answer p {
		padding-bottom: 18px;
	}

	.vip-faq-image-card {
		height: 420px;
		border-radius: 17px;
	}

	.vip-faq-brand {
		right: -20px;
	}

	.vip-faq-brand span,
	.vip-faq-brand strong {
		font-size: 34px;
	}

	.vip-faq-image-label {
		left: 15px;
		bottom: 15px;
		font-size: 6px;
		padding: 8px 10px;
	}

	.vip-faq-bottom {
		flex-direction: column;
		align-items: flex-start;
		padding: 21px 18px;
		margin-top: 35px;
	}

	.vip-faq-bottom strong {
		font-size: 15px;
	}

	.vip-faq-cta {
		width: 100%;
	}

}


/* =========================================================
   SAFETY — FORCE FAQ VISIBILITY
   ========================================================= */

#faqs,
#faqs * {
	visibility: visible;
}

#faqs .vip-faq-heading,
#faqs .vip-faq-list,
#faqs .vip-faq-visual,
#faqs .vip-faq-bottom {
	opacity: 1;
	transform: none;
}
	
	/* ALL FAQ PARAGRAPHS — 14PX */
#faqs .vip-faq-section p,
#faqs p {
    font-size: 14px !important;
    line-height: 1.7 !important;
}


/* ==========================================================================
   SECTION: PROCESS TIMELINE COMPONENT STYLES
   Source: template-parts/process-timeline.php
   ========================================================================== */

#viptints-process.viptints-process-section {
  position: relative !important;
  width: 100% !important;
  padding: 100px 24px 95px !important;
  background: #f8f8f7 !important;
  overflow: hidden !important;
  color: #111111 !important;
  box-sizing: border-box !important;
}

#viptints-process.viptints-process-section::before {
  content: "" !important;
  position: absolute !important;
  width: 600px !important;
  height: 600px !important;
  right: -200px !important;
  top: -200px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(234, 28, 36, 0.04) 0%, transparent 70%) !important;
  pointer-events: none !important;
}

#viptints-process.viptints-process-section::after {
  content: "" !important;
  position: absolute !important;
  width: 500px !important;
  height: 500px !important;
  left: -200px !important;
  bottom: -200px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(0, 0, 0, 0.03) 0%, transparent 70%) !important;
  pointer-events: none !important;
}

#viptints-process .viptints-process-container {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
}

/* HEADER */
#viptints-process .viptints-process-header {
  text-align: center !important;
  margin-bottom: 60px !important;
}

#viptints-process .viptints-process-heading {
  max-width: 760px !important;
  margin: 0 auto !important;
}

#viptints-process .viptints-process-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  color: #ea1c24 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}

#viptints-process .viptints-process-eyebrow span {
  display: inline-block !important;
  width: 28px !important;
  height: 1px !important;
  background: #ea1c24 !important;
}

#viptints-process .viptints-process-heading h2 {
  font-size: clamp(28px, 4vw, 44px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  color: #111111 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

#viptints-process .viptints-process-heading h2 strong {
  color: #ea1c24 !important;
  font-weight: 800 !important;
  display: inline-block !important;
  position: relative !important;
}

#viptints-process .viptints-process-subtitle {
  color: #666666 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  max-width: 580px !important;
  margin: 14px auto 0 !important;
}

/* TRACK & GRID */
#viptints-process .viptints-process-track {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
}

#viptints-process .viptints-process-line {
  position: absolute !important;
  top: 48px !important;
  left: 16.66% !important;
  right: 16.66% !important;
  height: 2px !important;
  background: rgba(0, 0, 0, 0.08) !important;
  z-index: 1 !important;
}

#viptints-process .viptints-process-line-active {
  position: absolute !important;
  top: 48px !important;
  left: 16.66% !important;
  width: 66.66% !important;
  height: 2px !important;
  background: linear-gradient(90deg, #ea1c24 0%, #ff4d55 100%) !important;
  box-shadow: 0 0 10px rgba(234, 28, 36, 0.3) !important;
  z-index: 2 !important;
}

/* STEP ITEM */
#viptints-process .viptints-process-step {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
}

#viptints-process .viptints-process-icon-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 96px !important;
  margin-bottom: 22px !important;
}

#viptints-process .viptints-process-icon {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important;
  height: 76px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 2px solid rgba(234, 28, 36, 0.15) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06), 0 0 0 8px #f8f8f7 !important;
  transition: all 0.35s ease !important;
}

#viptints-process .viptints-process-icon img {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  transition: transform 0.35s ease !important;
}

#viptints-process .viptints-process-step:hover .viptints-process-icon {
  border-color: #ea1c24 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 32px rgba(234, 28, 36, 0.22), 0 0 0 8px #f8f8f7 !important;
}

#viptints-process .viptints-process-step:hover .viptints-process-icon img {
  transform: scale(1.1) !important;
}

/* HIDE ANY PREVIOUS NUMBER BUBBLE */
#viptints-process .viptints-step-number {
  display: none !important;
}

/* CARDS */
#viptints-process .viptints-process-card {
  position: relative !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 30px 28px !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#viptints-process .viptints-process-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 3px !important;
  background: #ea1c24 !important;
  transition: width 0.35s ease !important;
}

#viptints-process .viptints-process-card::after {
  display: none !important;
}

#viptints-process .viptints-process-step:hover .viptints-process-card {
  transform: translateY(-6px) !important;
  border-color: rgba(234, 28, 36, 0.3) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08) !important;
}

#viptints-process .viptints-process-step:hover .viptints-process-card::before {
  width: 100% !important;
}

/* CARD TOP */
#viptints-process .viptints-card-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 20px !important;
}

#viptints-process .viptints-card-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  background: rgba(234, 28, 36, 0.08) !important;
  color: #ea1c24 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

#viptints-process .viptints-card-arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #f5f5f5 !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  color: #555555 !important;
  transition: all 0.3s ease !important;
}

#viptints-process .viptints-card-arrow svg {
  width: 14px !important;
  height: 14px !important;
  transition: transform 0.3s ease !important;
}

#viptints-process .viptints-process-step:hover .viptints-card-arrow {
  background: #ea1c24 !important;
  border-color: #ea1c24 !important;
  color: #ffffff !important;
}

#viptints-process .viptints-process-step:hover .viptints-card-arrow svg {
  transform: translateX(2px) !important;
}

/* CARD HEADINGS */
#viptints-process .viptints-process-card h3 {
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
  color: #111111 !important;
  margin: 0 0 12px !important;
}

#viptints-process .viptints-process-card h3 strong {
  display: block !important;
  font-weight: 800 !important;
  color: #111111 !important;
}

#viptints-process .viptints-process-card p {
  font-size: 13.5px !important;
  line-height: 1.65 !important;
  color: #555555 !important;
  margin: 0 !important;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  #viptints-process .viptints-process-track {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  #viptints-process .viptints-process-line,
  #viptints-process .viptints-process-line-active {
    display: none !important;
  }
  #viptints-process .viptints-process-icon-wrap {
    height: auto !important;
    margin-bottom: 14px !important;
    justify-content: flex-start !important;
  }
}



/* ==========================================================================
   SECTION: WINDOW TINTING DEDICATED PAGE STYLES
   Source: page-window-tint.php
   ========================================================================== */

/* --- page-window-tint.php (Block 1) --- */
.viptints-window-tint{--red:#ea1c24;--red2:#ff303b;--bg:#080808;--card:#111;--line:rgba(255,255,255,.1);font-family:'Plus Jakarta Sans',Arial,sans-serif;background:#080808;color:#fff;overflow:hidden}.viptints-window-tint *{box-sizing:border-box}.wt-container{width:min(1180px,calc(100% - 44px));margin:auto}.wt-hero{position:relative;min-height:680px;display:flex;align-items:center;background:#050505;isolation:isolate;overflow:hidden}.wt-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 48%,rgba(0,0,0,.45)),var(--wt-hero) center/cover;filter:saturate(.8)}.wt-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:55px 55px;opacity:.35}.wt-glow{position:absolute;width:500px;height:500px;border-radius:50%;right:-180px;top:60px;background:rgba(234,28,36,.16);filter:blur(90px)}.wt-hero-inner{position:relative;z-index:2;padding:120px 0 100px}.wt-kicker,.wt-eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:#aaa;display:flex;align-items:center;gap:12px}.wt-kicker span,.wt-eyebrow span{display:inline-block;width:42px;height:1px;background:var(--red)}.wt-hero h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.05em;margin:22px 0}.wt-hero h1 strong,.wt-section-head h2 strong,.wt-copy h2 strong,.wt-copy-center h2 strong,.wt-carbon-copy h2 strong{font-weight:800}.wt-hero em,.wt-section-head em,.wt-copy em,.wt-copy-center em,.wt-carbon-copy em{font-style:normal;color:var(--red)}.wt-hero p{max-width:650px;color:#bbb;line-height:1.8;font-size:15px}.wt-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.wt-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:0 20px;border-radius:6px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.12em}.wt-btn-red{background:var(--red);color:#fff;box-shadow:0 12px 35px rgba(234,28,36,.22)}.wt-btn-red:hover{background:var(--red2);transform:translateY(-2px)}.wt-btn-ghost{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.04)}.wt-trust{display:flex;gap:35px;margin-top:50px;color:#888;font-size:9px;letter-spacing:.15em}.wt-trust b{color:#fff;margin-right:6px}.wt-scroll{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.2em;color:#777}.wt-scroll span{display:block;width:1px;height:30px;background:var(--red);margin:10px auto 0}.wt-pricing,.wt-intro,.wt-benefits,.wt-materials,.wt-carbon-copy,.wt-testimonials{background:#fff;color:#101010;padding:100px 0}.wt-section-head{max-width:760px;margin-bottom:50px}.wt-section-head.center{text-align:center;margin-left:auto;margin-right:auto}.wt-section-head.center .wt-eyebrow{justify-content:center}.wt-section-head h2,.wt-copy h2,.wt-copy-center h2,.wt-carbon-copy h2{font-size:clamp(35px,5vw,60px);line-height:1;letter-spacing:-.045em;margin:18px 0}.wt-section-head p,.wt-copy p,.wt-copy-center p{color:#666;line-height:1.85;font-size:14px}.wt-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.wt-price-card{background:#111;color:#fff;border:1px solid #292929;border-radius:10px;padding:35px;min-height:480px;position:relative;overflow:hidden;transition:.3s}.wt-price-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(234,28,36,.2),transparent 35%);pointer-events:none}.wt-price-card:hover{transform:translateY(-8px);border-color:rgba(234,28,36,.6)}.wt-price-badge{display:inline-block;background:var(--red);padding:7px 10px;font-size:8px;letter-spacing:.15em;font-weight:800}.wt-price-index,.wt-price-note{font-size:9px;color:#777;letter-spacing:.15em;text-transform:uppercase;margin-top:25px}.wt-price-card h3{font-size:28px;margin:12px 0}.wt-price{font-size:64px;font-weight:800;letter-spacing:-.05em;color:var(--red)}.wt-price small{font-size:22px;vertical-align:top}.wt-price-card ul{list-style:none;padding:0;margin:25px 0}.wt-price-card li{padding:11px 0;border-bottom:1px solid #252525;color:#ccc;font-size:13px}.wt-price-card li:before{content:'✓';color:var(--red);font-weight:800;margin-right:10px}.wt-book{display:flex;justify-content:space-between;align-items:center;background:var(--red);color:#fff;text-decoration:none;padding:15px 18px;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.15em;margin-top:25px}.wt-split,.wt-material-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.wt-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd;margin-top:35px}.wt-mini-stats div{padding:20px 10px;border-right:1px solid #ddd}.wt-mini-stats div:last-child{border:0}.wt-mini-stats strong{display:block;font-size:25px}.wt-mini-stats span{font-size:8px;letter-spacing:.15em;color:#888}.wt-image-card{position:relative}.wt-image-frame{background:#111;padding:10px;border:1px solid #ddd}.wt-image-frame img{display:block;width:100%;height:470px;object-fit:cover}.wt-image-tag{position:absolute;right:-20px;bottom:35px;background:var(--red);padding:18px 22px;color:#fff;font-size:9px;letter-spacing:.15em;line-height:1.6}.wt-dark-section{background:#080808;color:#fff;padding:105px 0}.wt-why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.wt-why-grid article{border:1px solid #252525;padding:28px;min-height:260px;position:relative;background:linear-gradient(145deg,#121212,#090909)}.wt-why-grid article span{font-size:9px;color:#777;letter-spacing:.15em}.wt-why-grid i{display:block;color:var(--red);font-style:normal;font-size:24px;margin:25px 0}.wt-why-grid h3{font-size:18px}.wt-why-grid p,.wt-type-grid li{font-size:12px;line-height:1.7;color:#999}.wt-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wt-benefit-grid article{border:1px solid #ddd;padding:30px;min-height:260px}.wt-benefit-grid article:nth-child(4),.wt-benefit-grid article:nth-child(5){grid-column:span 1}.wt-benefit-no{font-size:10px;color:var(--red);font-weight:800;letter-spacing:.15em}.wt-benefit-grid h3{font-size:21px;margin:15px 0}.wt-benefit-grid ul,.wt-type-grid ul{padding:0;list-style:none}.wt-benefit-grid li{font-size:12px;color:#666;padding:8px 0;border-bottom:1px solid #eee;line-height:1.55}.wt-benefit-grid li:before,.wt-type-grid li:before{content:'✓';color:var(--red);font-weight:800;margin-right:9px}.wt-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wt-type-grid article{border:1px solid #252525;padding:30px;background:#101010}.wt-type-num{color:var(--red);font-size:10px;letter-spacing:.15em;font-weight:800}.wt-type-grid h3{font-size:21px}.wt-material-image img{width:100%;height:500px;object-fit:cover}.wt-carbon-copy{text-align:center}.wt-copy-center{max-width:850px}.wt-copy-center .wt-eyebrow{justify-content:center}.wt-testimonials{background:#f4f4f4}.wt-rating{display:inline-flex;gap:12px;align-items:center;color:var(--red);font-size:18px}.wt-rating span{color:#777;font-size:11px}.wt-review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.wt-review-grid article{background:#fff;border:1px solid #ddd;padding:27px;min-height:230px}.wt-review-grid .stars{color:#f4b400;letter-spacing:2px}.wt-review-grid p{font-size:13px;color:#555;line-height:1.7}.wt-review-grid strong{display:block;margin-top:20px}.wt-review-grid small{color:#999}.wt-cta{background:#090909;padding:80px 0}.wt-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.wt-cta h2{font-size:clamp(35px,5vw,58px);line-height:1;letter-spacing:-.04em;margin:18px 0 0}.vip-lead-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;opacity:0;pointer-events:none;transition:.25s}.vip-lead-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}.vip-lead-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(9px)}.vip-lead-dialog{position:relative;z-index:2;width:min(620px,100%);max-height:94vh;overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:linear-gradient(145deg,#171717,#090909);box-shadow:0 30px 100px #000;transform:translateY(18px) scale(.97);transition:.3s}.vip-lead-modal.is-open .vip-lead-dialog{transform:none}.vip-lead-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:1px solid #444;border-radius:50%;background:#222;z-index:4;cursor:pointer}.vip-lead-close span{position:absolute;left:11px;top:19px;width:17px;height:2px;background:#fff}.vip-lead-close span:first-child{transform:rotate(45deg)}.vip-lead-close span:last-child{transform:rotate(-45deg)}.vip-form-tag{padding:25px 34px 0;color:#777;font-size:10px;letter-spacing:.18em}.vip-form-tag span{display:inline-block;width:30px;height:1px;background:var(--red);vertical-align:middle;margin-right:9px}.vip-hero-form-card{padding:25px 34px 32px}.vip-form-kicker{font-size:9px;letter-spacing:.18em;color:var(--red);font-weight:800}.vip-form-heading-row{display:flex;justify-content:space-between;align-items:center}.vip-form-heading-row h3{font-size:34px;margin:8px 0;color:#fff}.vip-form-chat-icon{color:var(--red);font-size:25px}.vip-form-intro{color:#777;font-size:12px;margin-bottom:25px}.vip-input-group{margin-bottom:15px}.vip-input-group label{display:block;color:#ccc;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:7px}.vip-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vip-modern-form input,.vip-modern-form textarea{width:100%;display:block!important;min-height:48px;padding:0 14px!important;border:1px solid #333!important;border-radius:6px!important;background:#121212!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;outline:none!important;box-shadow:none!important}.vip-modern-form textarea{padding:13px 14px!important;min-height:100px!important;resize:vertical}.vip-modern-form input:focus,.vip-modern-form textarea:focus{border-color:var(--red)!important}.vip-selected-service-wrap{position:relative}.vip-selected-service-wrap input{padding-left:40px!important;border-color:rgba(234,28,36,.55)!important;background:linear-gradient(90deg,rgba(234,28,36,.12),#121212)!important;font-weight:700!important;cursor:not-allowed!important}.vip-service-lock{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2}.vip-selected-service-group label:after{content:'AUTO SELECTED';margin-left:8px;color:#ff3b43;border:1px solid rgba(234,28,36,.35);border-radius:20px;padding:3px 6px;font-size:8px}.vip-form-submit{width:100%;min-height:52px;border:0;border-radius:7px;background:var(--red);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-weight:800;letter-spacing:.12em;cursor:pointer}.vip-form-security{text-align:center;color:#666;font-size:9px;margin-top:12px}body.vip-modal-open{overflow:hidden}
/* MODERN CAR WINDOW TINT PRICING — screenshot-inspired layout */
.viptints-window-tint .wt-pricing-modern{
  background:#080808;
  color:#fff;
  padding:92px 0 105px;
  position:relative;
  overflow:hidden;
}
.viptints-window-tint .wt-pricing-modern:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:55px 55px;
  pointer-events:none;
}
.viptints-window-tint .wt-pricing-modern > .wt-container{position:relative;z-index:2}
.viptints-window-tint .wt-pricing-heading{
  max-width:760px;
  margin:0 auto 52px;
  text-align:center;
}
.viptints-window-tint .wt-pricing-heading .wt-eyebrow{justify-content:center;color:#777}
.viptints-window-tint .wt-pricing-heading h2{
  color:#fff;
  font-size:clamp(42px,5vw,64px);
  line-height:1;
  letter-spacing:-.055em;
  margin:16px 0 14px;
}
.viptints-window-tint .wt-pricing-heading h2 em{color:#ea1c24;font-style:normal}
.viptints-window-tint .wt-pricing-heading p{color:#858585;max-width:620px;margin:0 auto;line-height:1.75}
.viptints-window-tint .wt-modern-price-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px;
  align-items:stretch;
}
.viptints-window-tint .wt-modern-card{
  min-height:0;
  padding:0;
  border:1px solid rgba(255,255,255,.13);
  border-radius:13px;
  background:
    radial-gradient(circle at 100% 0,rgba(234,28,36,.14),transparent 34%),
    linear-gradient(145deg,#181818 0%,#101010 48%,#0d0d0d 100%);
  box-shadow:0 22px 65px rgba(0,0,0,.35);
  overflow:hidden;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.viptints-window-tint .wt-modern-card:hover{
  transform:translateY(-7px);
  border-color:rgba(234,28,36,.55);
  box-shadow:0 30px 75px rgba(0,0,0,.5);
}
.viptints-window-tint .wt-modern-card:before{display:none}
.viptints-window-tint .wt-modern-card-inner{padding:34px 32px 30px}
.viptints-window-tint .wt-modern-card h3{
  margin:0;
  color:#f4f4f4;
  text-align:center;
  font-size:25px;
  line-height:1.25;
  letter-spacing:-.025em;
  min-height:32px;
}
.viptints-window-tint .wt-modern-price{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  margin:15px 0 23px;
}

.viptints-window-tint .wt-modern-price strong{
  color:#ed1d25;
  font-size:48px;
  line-height:1;
  letter-spacing:-.055em;
  font-weight:800;
  text-shadow:0 0 25px rgba(234,28,36,.16);
}

.viptints-window-tint .wt-modern-price span{
  color:#999;
  font-size:13px;
  line-height:1;
  position:relative;
  top:2px;
}

.viptints-window-tint .wt-modern-divider{
  height:1px;
  background:rgba(255,255,255,.14);
  margin-bottom:16px;
}
.viptints-window-tint .wt-modern-card ul{
  margin:0;
  padding:0;
  list-style:none;
}
.viptints-window-tint .wt-modern-card li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:11px 0;
  margin:0;
  border-bottom:1px solid rgba(255,255,255,.09);
  color:#d5d5d5;
  font-size:13px;
  line-height:1.45;
}
.viptints-window-tint .wt-modern-card li:before{
  content:'✓';
  flex:0 0 auto;
  color:#ed1d25;
  font-size:15px;
  font-weight:800;
  line-height:1.2;
  margin:0;
}
.viptints-window-tint .wt-modern-card .wt-book{
  margin-top:22px;
  min-height:48px;
  border-radius:6px;
  padding:0 17px;
  background:#ea1c24;
  box-shadow:0 10px 28px rgba(234,28,36,.18);
}
.viptints-window-tint .wt-modern-card .wt-book:hover{background:#ff303b}
.viptints-window-tint .wt-modern-featured{
  border-color:#e51b23;
  box-shadow:0 25px 70px rgba(0,0,0,.42),0 0 0 1px rgba(234,28,36,.10);
}
.viptints-window-tint .wt-featured-label{
  position:absolute;
  top:0;
  right:0;
  background:#ea1c24;
  color:#fff;
  padding:7px 12px;
  border-radius:0 12px 0 8px;
  font-size:8px;
  letter-spacing:.14em;
  font-weight:800;
}
@media(max-width:1000px){
  .viptints-window-tint .wt-modern-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .viptints-window-tint .wt-carbon-copy{
    min-height:560px;
    padding:90px 0;
  }
  .viptints-window-tint .wt-carbon-copy .wt-copy-center{
    width:calc(100% - 28px);
    max-width:680px;
    margin:0 auto;
  }
  .viptints-window-tint .wt-carbon-copy .wt-copy-center h2{
    font-size:clamp(38px,12vw,54px);
    line-height:.98;
  }
  .viptints-window-tint .wt-carbon-copy .wt-copy-center p{
    font-size:13px;
    line-height:1.75;
  }
}
@media(max-width:760px){
  .viptints-window-tint .wt-pricing-modern{padding:70px 0 80px}
  .viptints-window-tint .wt-modern-price-grid{grid-template-columns:1fr;gap:20px}
  .viptints-window-tint .wt-modern-card-inner{padding:30px 24px 26px}
  .viptints-window-tint .wt-modern-card h3{font-size:24px}
  .viptints-window-tint .wt-modern-price strong{font-size:44px}
}

@media(max-width:1000px){.wt-why-grid{grid-template-columns:repeat(3,1fr)}.wt-review-grid{grid-template-columns:repeat(2,1fr)}.wt-price-grid,.wt-type-grid{grid-template-columns:repeat(2,1fr)}.wt-benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wt-container{width:min(100% - 28px,680px)}.wt-hero{min-height:620px}.wt-hero-inner{padding:95px 0 75px}.wt-hero h1{font-size:42px}.wt-trust{gap:15px;flex-wrap:wrap}.wt-scroll{display:none}.wt-split,.wt-material-split{grid-template-columns:1fr;gap:40px}.wt-price-grid,.wt-type-grid,.wt-benefit-grid,.wt-why-grid,.wt-review-grid{grid-template-columns:1fr}.wt-image-frame img,.wt-material-image img{height:330px}.wt-cta-inner{display:block}.wt-cta .wt-btn{margin-top:20px}.vip-form-row{grid-template-columns:1fr}.vip-hero-form-card{padding:22px 18px}.vip-form-tag{padding-left:18px}.vip-form-heading-row h3{font-size:28px}}


/* =========================================================
   WINDOW TINT FINAL VISUAL UPGRADES
   ========================================================= */

/* PACKAGE: full dark section, including area outside the card */
.viptints-window-tint .wt-pricing{
  position:relative;
  background:
    radial-gradient(circle at 50% 0, rgba(234,28,36,.14), transparent 34%),
    linear-gradient(180deg,#070707 0%,#0b0b0b 55%,#070707 100%);
  color:#fff;
  overflow:hidden;
}
.viptints-window-tint .wt-pricing:before{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:55px 55px;
}
.viptints-window-tint .wt-pricing > .wt-container{position:relative;z-index:2}
.viptints-window-tint .wt-pricing .wt-section-head h2{color:#fff}
.viptints-window-tint .wt-pricing .wt-section-head p{color:#888}
.viptints-window-tint .wt-price-card{
  width:100%;
  background:
    radial-gradient(circle at 100% 0,rgba(234,28,36,.20),transparent 32%),
    linear-gradient(145deg,#171717,#090909);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 25px 70px rgba(0,0,0,.35);
}
.viptints-window-tint .wt-price-card:after{
  content:"";
  position:absolute;left:-80px;bottom:-100px;width:240px;height:240px;
  border-radius:50%;background:rgba(234,28,36,.10);filter:blur(55px);pointer-events:none;
}
.viptints-window-tint .wt-price-card h3{font-size:30px}
.viptints-window-tint .wt-price{
  text-shadow:0 0 28px rgba(234,28,36,.24);
}
.viptints-window-tint .wt-price-card li{
  color:#ddd;
  border-bottom-color:rgba(255,255,255,.09);
}

/* HERO STATS / TRUST: turn simple text stats into premium cards */
.viptints-window-tint .wt-mini-stats{
  gap:12px;
  border-top:0;
  margin-top:38px;
}
.viptints-window-tint .wt-mini-stats div{
  position:relative;
  min-height:104px;
  padding:20px 16px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  background:linear-gradient(145deg,#fff,#f4f4f4);
  box-shadow:0 14px 35px rgba(0,0,0,.08);
  overflow:hidden;
}
.viptints-window-tint .wt-mini-stats div:before{
  content:"";
  position:absolute;left:0;top:0;width:100%;height:3px;background:var(--red);
}
.viptints-window-tint .wt-mini-stats div:after{
  content:"";
  position:absolute;width:70px;height:70px;right:-25px;top:-25px;
  border-radius:50%;background:rgba(234,28,36,.10);filter:blur(4px);
}
.viptints-window-tint .wt-mini-stats strong{
  position:relative;z-index:1;
  color:var(--red);
  font-size:31px;
  line-height:1;
}
.viptints-window-tint .wt-mini-stats span{
  position:relative;z-index:1;
  display:block;margin-top:9px;
  color:#555;font-size:8px;font-weight:800;letter-spacing:.13em;
}

/* FEATURES & BENEFITS: premium dark presentation */
.viptints-window-tint .wt-benefits{
  position:relative;
  background:
    radial-gradient(circle at 15% 10%,rgba(234,28,36,.11),transparent 28%),
    #080808;
  color:#fff;
  overflow:hidden;
}
.viptints-window-tint .wt-benefits:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:60px 60px;
}
.viptints-window-tint .wt-benefits > .wt-container{position:relative;z-index:2}
.viptints-window-tint .wt-benefits .wt-section-head h2{color:#fff}
.viptints-window-tint .wt-benefits .wt-section-head p{color:#888}
.viptints-window-tint .wt-benefit-grid{
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.viptints-window-tint .wt-benefit-grid article{
  position:relative;
  min-height:330px;
  padding:28px 22px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:15px;
  background:linear-gradient(145deg,#151515,#0b0b0b);
  overflow:hidden;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.viptints-window-tint .wt-benefit-grid article:before{
  content:"";
  position:absolute;left:0;top:0;width:100%;height:2px;
  background:linear-gradient(90deg,transparent,var(--red),transparent);
}
.viptints-window-tint .wt-benefit-grid article:after{
  content:"";
  position:absolute;width:120px;height:120px;right:-65px;top:-65px;
  border-radius:50%;background:rgba(234,28,36,.12);filter:blur(20px);
}
.viptints-window-tint .wt-benefit-grid article:hover{
  transform:translateY(-8px);
  border-color:rgba(234,28,36,.48);
  box-shadow:0 25px 60px rgba(0,0,0,.35);
}
.viptints-window-tint .wt-benefit-no{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;
  background:rgba(234,28,36,.10);
  border:1px solid rgba(234,28,36,.35);
  color:#ff3942;font-size:10px;
}
.viptints-window-tint .wt-benefit-grid h3{
  position:relative;z-index:2;
  color:#fff;font-size:18px;line-height:1.2;margin:22px 0 17px;
}
.viptints-window-tint .wt-benefit-grid ul{position:relative;z-index:2}
.viptints-window-tint .wt-benefit-grid li{
  color:#999;
  border-bottom-color:rgba(255,255,255,.08);
}
.viptints-window-tint .wt-benefit-grid li:before{color:#ff303b}

/* CARBON TINT: cinematic image background + CTA */
.viptints-window-tint .wt-carbon-copy{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  text-align:left;
  padding:110px 0;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 46%,rgba(0,0,0,.34) 100%),
    linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.48)),
    url('<?php echo esc_url($window_tint_carbon_image); ?>') center/cover no-repeat;
  overflow:hidden;
}
.viptints-window-tint .wt-carbon-copy:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(234,28,36,.10) 48%,transparent 72%);
}
.viptints-window-tint .wt-carbon-copy .wt-container{position:relative;z-index:2}
.viptints-window-tint .wt-carbon-copy .wt-copy-center{
  width:min(1180px,calc(100% - 44px));
  max-width:720px;
  margin:0;
  margin-right:auto;
}
.viptints-window-tint .wt-carbon-copy .wt-eyebrow{
  color:#ccc;
}
.viptints-window-tint .wt-carbon-copy .wt-copy-center h2{
  color:#fff;
  font-size:clamp(38px,5.4vw,68px);
  line-height:.98;
  letter-spacing:-.055em;
  margin:20px 0 22px;
  max-width:720px;
}
.viptints-window-tint .wt-carbon-copy .wt-copy-center p{
  max-width:680px;
  color:rgba(255,255,255,.78);
  font-size:14px;
  line-height:1.9;
  margin:0;
}
.viptints-window-tint .wt-carbon-copy .wt-copy-center:after{
  content:"BOOK YOUR CARBON TINT  →";
  display:inline-flex;align-items:center;justify-content:center;
  margin-top:30px;padding:16px 25px;
  border-radius:6px;background:var(--red);color:#fff;
  font-size:10px;font-weight:800;letter-spacing:.13em;
  box-shadow:0 14px 40px rgba(234,28,36,.30);
}

/* Keep the real button usable: insert it directly after the carbon text via markup override below */
.viptints-window-tint .wt-carbon-book{
  display:inline-flex!important;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-top:30px;
  min-height:52px;
  padding:0 21px;
  border-radius:6px;
  background:var(--red);
  color:#fff!important;
  text-decoration:none!important;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  box-shadow:0 14px 40px rgba(234,28,36,.30);
  transition:transform .3s ease,background .3s ease;
}
.viptints-window-tint .wt-carbon-book:hover{
  transform:translateY(-3px);
  background:var(--red2);
}
.viptints-window-tint .wt-carbon-copy .wt-copy-center:after{display:none}

/* supplied testimonial design is used below */

/* ==========================================================================
   MAIN SECTION
   ========================================================================== */

.viptints-window-tint .vip-testimonials {

  position: relative;

  width: 100%;

  overflow: hidden;

  padding: 105px 24px 90px;

  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(255, 20, 30, .10),
      transparent 28%
    ),
    radial-gradient(
      circle at 90% 80%,
      rgba(255, 20, 30, .07),
      transparent 30%
    ),
    #090909;

  color: #ffffff;

}


/* Premium grid */

.viptints-window-tint .vip-testimonials::before {

  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  background-image:
    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    );

  background-size: 60px 60px;

}


.viptints-window-tint .vip-testimonials-container {

  position: relative;

  z-index: 2;

  width: 100%;

  max-width: 1240px;

  margin: 0 auto;

}


/* ==========================================================================
   HEADING
   ========================================================================== */

.viptints-window-tint .vip-testimonials-heading {

  max-width: 800px;

  margin: 0 auto 42px;

  text-align: center;

}


.viptints-window-tint .vip-testimonials .vip-eyebrow {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  margin-bottom: 17px;

  color: #ff202d;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .28em;

}


.viptints-window-tint .vip-testimonials .vip-eyebrow span {

  width: 35px;

  height: 1px;

  background: #ff202d;

}


.viptints-window-tint .vip-testimonials-heading h2 {

  margin: 0;

  color: #ffffff;

  font-size: clamp(42px, 6vw, 72px);

  font-weight: 300;

  line-height: .95;

  letter-spacing: -.055em;

  text-transform: uppercase;

}


.viptints-window-tint .vip-testimonials-heading h2 strong {

  display: block;

  color: #ff202d;

  font-weight: 800;

}


.viptints-window-tint .vip-testimonials-heading p {

  max-width: 650px;

  margin: 22px auto 0;

  color: rgba(255,255,255,.60);

  font-size: 14px;

  line-height: 1.75;

}


/* ==========================================================================
   GOOGLE SUMMARY
   ========================================================================== */

.viptints-window-tint .vip-review-summary {

  display: flex;

  align-items: center;

  justify-content: center;

  width: fit-content;

  max-width: 100%;

  margin: 0 auto 55px;

  padding: 12px 20px;

  border: 1px solid rgba(255,255,255,.10);

  border-radius: 14px;

  background: rgba(255,255,255,.045);

  box-shadow:
    0 15px 45px rgba(0,0,0,.25);

  backdrop-filter: blur(12px);

}


.viptints-window-tint .vip-review-summary-left {

  display: flex;

  align-items: center;

  gap: 12px;

}


.vip-google-mark {

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 10px;

  background: #ffffff;

  color: #4285f4;

  font-family: Arial, sans-serif;

  font-size: 24px;

  font-weight: 700;

}


.viptints-window-tint .vip-review-source {

  color: #ffffff;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.1;

}


.viptints-window-tint .vip-review-source-label {

  margin-top: 4px;

  color: rgba(255,255,255,.38);

  font-size: 8px;

  font-weight: 700;

  letter-spacing: .16em;

}


.viptints-window-tint .vip-review-summary-divider {

  width: 1px;

  height: 30px;

  margin: 0 20px;

  background: rgba(255,255,255,.13);

}


.viptints-window-tint .vip-review-rating {

  display: flex;

  align-items: center;

  gap: 10px;

}


.vip-rating-number {

  color: #ffffff;

  font-size: 18px;

  font-weight: 800;

}


.vip-rating-stars {

  color: #fbbc04;

  font-size: 15px;

  letter-spacing: 2px;

}


/* ==========================================================================
   REVIEW GRID
   ========================================================================== */

.viptints-window-tint .vip-review-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 18px;

}


/* ==========================================================================
   REVIEW CARD
   ========================================================================== */

.viptints-window-tint .vip-review-card {

  position: relative;

  min-height: 315px;

  display: flex;

  flex-direction: column;

  padding: 26px;

  overflow: hidden;

  border: 1px solid #e7e7e7;

  border-radius: 17px;

  background: #ffffff;

  color: #222222;

  box-shadow:
    0 18px 50px rgba(0,0,0,.25);

  transition:
    transform .35s ease,
    box-shadow .35s ease;

}


.viptints-window-tint .vip-review-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 3px;

  background:
    linear-gradient(
      90deg,
      #4285f4,
      #34a853,
      #fbbc04,
      #ea4335
    );

}


.viptints-window-tint .vip-review-card:hover {

  transform: translateY(-7px);

  box-shadow:
    0 28px 65px rgba(0,0,0,.40);

}


/* ==========================================================================
   USER
   ========================================================================== */

.viptints-window-tint .vip-review-top {

  display: flex;

  align-items: center;

  gap: 12px;

}


.viptints-window-tint .vip-review-avatar {

  width: 47px;

  height: 47px;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  color: #ffffff;

  font-size: 18px;

  font-weight: 700;

}


.avatar-gold {

  background: #d99b2b;

}


.avatar-purple {

  background: #7651b8;

}


.avatar-blue {

  background: #4285f4;

}


.avatar-green {

  background: #3c9b55;

}


.viptints-window-tint .vip-review-user {

  min-width: 0;

}


.viptints-window-tint .vip-review-user h3 {

  margin: 0;

  color: #202124;

  font-size: 14px;

  font-weight: 700;

}


.viptints-window-tint .vip-review-meta {

  display: flex;

  align-items: center;

  gap: 7px;

  margin-top: 4px;

  color: #80868b;

  font-size: 10px;

}


.vip-google-small {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 17px;

  height: 17px;

  border-radius: 50%;

  background: #f5f5f5;

  color: #4285f4;

  font-family: Arial, sans-serif;

  font-size: 11px;

  font-weight: 800;

}


.viptints-window-tint .vip-review-menu {

  margin-left: auto;

  color: #a0a0a0;

  font-size: 15px;

  letter-spacing: 2px;

}


/* ==========================================================================
   STARS
   ========================================================================== */

.viptints-window-tint .vip-review-stars {

  margin-top: 19px;

  color: #fbbc04;

  font-size: 16px;

  letter-spacing: 2px;

}


/* ==========================================================================
   REVIEW TEXT
   ========================================================================== */

.viptints-window-tint .vip-review-card p {

  margin: 15px 0 0;

  color: #5f6368;

  font-size: 12.5px;

  line-height: 1.7;

}


/* ==========================================================================
   REVIEW FOOTER
   ========================================================================== */

.viptints-window-tint .vip-review-footer {

  display: flex;

  align-items: center;

  gap: 7px;

  margin-top: auto;

  padding-top: 20px;

  color: #8a8a8a;

  font-size: 10px;

  font-weight: 600;

}


.vip-google-badge {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 17px;

  height: 17px;

  border-radius: 50%;

  background: #ffffff;

  color: #4285f4;

  border: 1px solid #e2e2e2;

  font-family: Arial, sans-serif;

  font-size: 10px;

  font-weight: 800;

}


/* ==========================================================================
   CTA
   ========================================================================== */

.viptints-window-tint .vip-review-cta {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  margin-top: 55px;

  padding: 27px 32px;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.10);

  border-left: 3px solid #ff202d;

  border-radius: 17px;

  background:
    linear-gradient(
      105deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.015)
    );

}


.viptints-window-tint .vip-review-cta-content {

  position: relative;

  z-index: 2;

}


.viptints-window-tint .vip-review-cta-content span {

  display: block;

  margin-bottom: 7px;

  color: #ff202d;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .23em;

}


.viptints-window-tint .vip-review-cta-content h3 {

  margin: 0;

  color: #ffffff;

  font-size: clamp(21px,3vw,30px);

  font-weight: 500;

  line-height: 1.1;

}


.viptints-window-tint .vip-review-cta-content h3 strong {

  color: #ff202d;

  font-weight: 800;

}


/* ==========================================================================
   WRITE REVIEW
   ========================================================================== */

.vip-write-review {

  position: relative;

  z-index: 3;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 11px;

  flex-shrink: 0;

  padding: 14px 23px;

  border-radius: 7px;

  background:
    linear-gradient(
      135deg,
      #ed1c24,
      #ff3b43
    );

  color: #ffffff !important;

  text-decoration: none !important;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .08em;

  box-shadow:
    0 12px 30px rgba(237,28,36,.22);

  transition:
    transform .3s ease,
    box-shadow .3s ease;

}


.vip-write-review:hover {

  color: #ffffff !important;

  transform: translateY(-3px);

  box-shadow:
    0 18px 40px rgba(237,28,36,.35);

}


.vip-write-review svg {

  transition: transform .3s ease;

}


.vip-write-review:hover svg {

  transform: translateX(4px);

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1050px) {

  .viptints-window-tint .vip-review-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 650px) {

  .viptints-window-tint .vip-testimonials {

    padding: 75px 16px 65px;

  }


  .viptints-window-tint .vip-testimonials-heading {

    margin-bottom: 32px;

  }


  .viptints-window-tint .vip-testimonials-heading h2 {

    font-size: 43px;

  }


  .viptints-window-tint .vip-testimonials-heading p {

    font-size: 13px;

  }


  .viptints-window-tint .vip-review-summary {

    width: 100%;

    justify-content: center;

    margin-bottom: 35px;

    padding: 11px 14px;

  }


  .viptints-window-tint .vip-review-summary-divider {

    margin: 0 14px;

  }


  .vip-google-mark {

    width: 36px;

    height: 36px;

    font-size: 21px;

  }


  .viptints-window-tint .vip-review-source {

    font-size: 12px;

  }


  .viptints-window-tint .vip-review-source-label {

    font-size: 7px;

  }


  .vip-rating-number {

    font-size: 16px;

  }


  .vip-rating-stars {

    font-size: 13px;

    letter-spacing: 1px;

  }


  .viptints-window-tint .vip-review-grid {

    grid-template-columns: 1fr;

    gap: 15px;

  }


  .viptints-window-tint .vip-review-card {

    min-height: 285px;

    padding: 23px;

  }


  .viptints-window-tint .vip-review-cta {

    flex-direction: column;

    align-items: stretch;

    gap: 20px;

    margin-top: 40px;

    padding: 24px 20px;

    text-align: center;

  }


  .vip-write-review {

    width: 100%;

  }

}

/* --- page-window-tint.php (Block 2) --- */
@media(max-width:1000px){
  .viptints-window-tint .wt-benefit-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .viptints-window-tint .wt-mini-stats{grid-template-columns:1fr;gap:10px}
  .viptints-window-tint .wt-mini-stats div{min-height:88px}
  .viptints-window-tint .wt-benefit-grid{grid-template-columns:1fr}
  .viptints-window-tint .wt-benefit-grid article{min-height:260px}
  .viptints-window-tint .wt-carbon-copy{
    min-height:560px;
    padding:85px 0;
    background-position:center;
  }
  .viptints-window-tint .wt-carbon-copy .wt-copy-center h2{font-size:43px}
  .viptints-window-tint .wt-carbon-copy .wt-copy-center p{font-size:13px}
}
@media(max-width:480px){
  .viptints-window-tint .wt-carbon-copy{min-height:520px}
  .viptints-window-tint .wt-carbon-copy .wt-copy-center h2{font-size:36px}
  .viptints-window-tint .wt-carbon-book{width:100%}
}

/* --- page-window-tint.php (Block 3) --- */
/* FINAL SECTION CLEANUP — remove decorative numbering only from requested sections */
.viptints-window-tint .wt-why-grid article > span,
.viptints-window-tint .wt-benefit-no,
.viptints-window-tint .wt-type-num{
  display:none!important;
}

/* Keep all requested section cards visually balanced after number removal */
.viptints-window-tint .wt-why-grid article i{
  margin-top:0;
}

.viptints-window-tint .wt-benefit-grid article h3{
  margin-top:8px;
}

.viptints-window-tint .wt-type-grid article h3{
  margin-top:8px;
}

/* --- page-window-tint.php (Block 4) --- */
/* Updated testimonial slider */
.vip-review-slider{position:relative}
.vip-review-viewport{overflow:hidden;width:100%}
.vip-review-grid{
  display:flex!important;
  gap:18px;
  transition:transform .55s ease;
  will-change:transform;
}
.vip-review-card{
  flex:0 0 calc((100% - 54px)/4);
  min-width:0;
}
.vip-review-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:50%;
}
.vip-review-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(20,20,20,.92);
  color:#fff;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 25px rgba(0,0,0,.3);
  transition:all .25s ease;
}
.vip-review-arrow:hover{
  background:#ff202d;
  border-color:#ff202d;
  transform:translateY(-50%) scale(1.06);
}
.vip-review-arrow:disabled{cursor:default}
.vip-review-prev{left:-21px}
.vip-review-next{right:-21px}
.vip-review-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  margin-top:24px;
}
.vip-review-dot{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.28);
  cursor:pointer;
}
.vip-review-dot.active{
  width:24px;
  border-radius:10px;
  background:#ff202d;
}
@media(max-width:1050px){
  .vip-review-card{flex-basis:calc((100% - 18px)/2)}
  .vip-review-arrow{width:38px;height:38px}
  .vip-review-prev{left:-15px}
  .vip-review-next{right:-15px}
}
@media(max-width:650px){
  .vip-review-grid{gap:15px}
  .vip-review-card{flex-basis:100%}
  .vip-review-arrow{width:34px;height:34px;font-size:16px}
  .vip-review-prev{left:-9px}
  .vip-review-next{right:-9px}
}


/* ============================================================
   WINDOW TINT PRICE — MATCH PPF / CERAMIC PRICE POSITION
   From higher-left, main price large, Exd. GST lower-right
   ============================================================ */
.viptints-window-tint .wt-modern-price{
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:4px !important;
  white-space:nowrap !important;
  margin:25px 0 24px !important;
  font-size:inherit !important;
  color:inherit !important;
  text-shadow:none !important;
}

.viptints-window-tint .wt-modern-price .wt-price-prefix{
  position:relative !important;
  top:-22px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}

.viptints-window-tint .wt-modern-price strong{
  color:#f51b24 !important;
  font-size:56px !important;
  line-height:.95 !important;
  font-weight:900 !important;
  letter-spacing:-.045em !important;
  margin:0 !important;
  text-shadow:0 0 15px rgba(234,28,36,.2) !important;
}

.viptints-window-tint .wt-modern-price .wt-price-suffix{
  position:relative !important;
  top:8px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

@media(max-width:760px){
  .viptints-window-tint .wt-modern-price{
    justify-content:flex-start !important;
    gap:3px !important;
  }
  .viptints-window-tint .wt-modern-price .wt-price-prefix{
    top:-9px !important;
    font-size:14px !important;
  }
  .viptints-window-tint .wt-modern-price strong{
    font-size:42px !important;
  }
  .viptints-window-tint .wt-modern-price .wt-price-suffix{
    top:6px !important;
    font-size:14px !important;
  }
}

@media(max-width:600px){
  .viptints-window-tint .wt-modern-price{
    gap:3px !important;
  }
  .viptints-window-tint .wt-modern-price .wt-price-prefix{
    top:-7px !important;
    font-size:12px !important;
  }
  .viptints-window-tint .wt-modern-price strong{
    font-size:36px !important;
  }
  .viptints-window-tint .wt-modern-price .wt-price-suffix{
    top:5px !important;
    font-size:12px !important;
  }
}


/* =========================================================
   WINDOW TINT — FINAL PARAGRAPH SIZE FIX
   ========================================================= */
.viptints-window-tint .wt-copy p {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

@media (max-width: 760px) {
    .viptints-window-tint .wt-copy p {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }
}


/* ==========================================================================
   SECTION: PAINT PROTECTION FILM (PPF) DEDICATED PAGE STYLES
   Source: page-car-ppf.php
   ========================================================================== */

/* --- page-car-ppf.php (Block 1) --- */
*{box-sizing:border-box}

body{
    margin:0;
    background:#0a0a0a;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
}

.window-tint-section{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:70px 48px 90px;
}

/* SAME HEADING STYLE AS OUR PACKAGES */
.window-tint-heading{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-bottom:65px;
}

.window-tint-heading:before,
.window-tint-heading:after{
    content:"";
    width:80px;
    height:1px;
    background:rgba(255,255,255,.45);
}

.window-tint-heading h2{
    margin:0;
    font-size:40px;
    line-height:1.15;
    font-weight:800;
    letter-spacing:-1px;
    color:#fff;
}

/* 3 CARDS - SAME STYLE */
.window-tint-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:32px;
    align-items:stretch;
}

.window-tint-card{
    position:relative;
    background:#121212;
    border:1px solid #292929;
    border-radius:10px;
    min-height:500px;
    padding:34px 32px 35px;
    overflow:hidden;
    transition:transform .35s ease,
               border-color .35s ease,
               box-shadow .35s ease;
    animation:cardReveal .7s ease both;
}

.window-tint-card:nth-child(2){
    animation-delay:.15s;
}

.window-tint-card:nth-child(3){
    animation-delay:.3s;
}

.window-tint-card:hover{
    transform:translateY(-6px);
    border-color:#ea1c24;
    box-shadow:0 18px 45px rgba(0,0,0,.45);
}

/* subtle animated red glow */
.window-tint-card:after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-110px;
    top:-110px;
    background:radial-gradient(circle,rgba(234,28,36,.18),transparent 70%);
    pointer-events:none;
    animation:glowMove 4s ease-in-out infinite alternate;
}

/* card title */
.window-tint-card h3{
    position:relative;
    z-index:2;
    margin:0;
    text-align:center;
    color:#fff;
    font-size:24px;
    line-height:1.35;
    font-weight:700;
}

/* price */
.window-tint-price{
    position:relative;
    z-index:2;
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:7px;
    margin:22px 0 24px;
}

.window-tint-price strong{
    color:#ea1c24;
    font-size:43px;
    line-height:1;
    font-weight:900;
    letter-spacing:-1px;
    text-shadow:0 0 15px rgba(234,28,36,.2);
}

.window-tint-price span{
    color:#aaa;
    font-size:13px;
}

/* divider */
.window-tint-divider{
    position:relative;
    z-index:2;
    width:100%;
    height:1px;
    background:#303030;
    margin-bottom:25px;
}

/* features */
.window-tint-features{
    position:relative;
    z-index:2;
    margin:0;
    padding:0;
    list-style:none;
}

.window-tint-features li{
    position:relative;
    margin:0 0 13px;
    padding-left:20px;
    color:#e4e4e4;
    font-size:15px;
    line-height:1.45;
    animation:featureReveal .5s ease both;
}

.window-tint-features li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#ea1c24;
    font-weight:900;
    font-size:17px;
}

/* individual animation delays */
.window-tint-card:nth-child(1) li:nth-child(1){animation-delay:.20s}
.window-tint-card:nth-child(1) li:nth-child(2){animation-delay:.25s}
.window-tint-card:nth-child(1) li:nth-child(3){animation-delay:.30s}
.window-tint-card:nth-child(1) li:nth-child(4){animation-delay:.35s}

.window-tint-card:nth-child(2) li:nth-child(1){animation-delay:.25s}
.window-tint-card:nth-child(2) li:nth-child(2){animation-delay:.30s}
.window-tint-card:nth-child(2) li:nth-child(3){animation-delay:.35s}
.window-tint-card:nth-child(2) li:nth-child(4){animation-delay:.40s}
.window-tint-card:nth-child(2) li:nth-child(5){animation-delay:.45s}
.window-tint-card:nth-child(2) li:nth-child(6){animation-delay:.50s}
.window-tint-card:nth-child(2) li:nth-child(7){animation-delay:.55s}

.window-tint-card:nth-child(3) li:nth-child(1){animation-delay:.30s}
.window-tint-card:nth-child(3) li:nth-child(2){animation-delay:.35s}
.window-tint-card:nth-child(3) li:nth-child(3){animation-delay:.40s}
.window-tint-card:nth-child(3) li:nth-child(4){animation-delay:.45s}
.window-tint-card:nth-child(3) li:nth-child(5){animation-delay:.50s}
.window-tint-card:nth-child(3) li:nth-child(6){animation-delay:.55s}
.window-tint-card:nth-child(3) li:nth-child(7){animation-delay:.60s}
.window-tint-card:nth-child(3) li:nth-child(8){animation-delay:.65s}

@keyframes cardReveal{
    from{
        opacity:0;
        transform:translateY(30px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes featureReveal{
    from{
        opacity:0;
        transform:translateX(-10px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes glowMove{
    from{transform:translate(0,0)}
    to{transform:translate(-35px,35px)}
}

/* TABLET */
@media(max-width:1000px) and (min-width:601px){
    .window-tint-section{
        padding:60px 20px 75px;
    }

    .window-tint-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:16px;
    }

    .window-tint-card{
        min-height:500px;
        padding:28px 20px 32px;
    }

    .window-tint-card h3{
        font-size:21px;
    }

    .window-tint-price strong{
        font-size:34px;
    }

    .window-tint-features li{
        font-size:13px;
        padding-left:18px;
    }
}

/* MOBILE */
@media(max-width:600px){
    .window-tint-section{
        padding:45px 15px 60px;
    }

    .window-tint-heading{
        gap:10px;
        margin-bottom:40px;
    }

    .window-tint-heading:before,
    .window-tint-heading:after{
        width:35px;
    }

    .window-tint-heading h2{
        font-size:30px;
    }

    .window-tint-card{
        padding:30px 23px 34px;
    }

    .window-tint-card h3{
        font-size:22px;
    }

    .window-tint-price strong{
        font-size:40px;
    }

    .window-tint-features li{
        font-size:15px;
    }
}

/* BOOK PREMIUM — exact red button style */
.window-tint-card a.window-tint-book,
.window-tint-card a.window-tint-book:link,
.window-tint-card a.window-tint-book:visited {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 22px 0 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    background: #f51b24 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 7px !important;
    text-decoration: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 44px !important;
    text-align: center !important;
    box-shadow: 0 8px 18px rgba(245,27,36,.18) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: background .2s ease !important;
}

.window-tint-card a.window-tint-book span {
    color: #ffffff !important;
    margin-left: 6px !important;
}

.window-tint-card a.window-tint-book:hover,
.window-tint-card a.window-tint-book:active,
.window-tint-card a.window-tint-book:focus {
    background: #f51b24 !important;
    background-image: none !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transform: none !important;
    box-shadow: 0 8px 18px rgba(245,27,36,.18) !important;
}


/* CREATIVE PREMIUM UPGRADE */
body {
    font-family: "Montserrat", "Arial", sans-serif !important;
}

.window-tint-card {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid #292929 !important;
    border-radius: 12px !important;
    background:
        radial-gradient(circle at 85% 8%, rgba(245,27,36,.10), transparent 28%),
        linear-gradient(145deg, #151515 0%, #0f0f0f 100%) !important;
    box-shadow: 0 14px 35px rgba(0,0,0,.32) !important;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease !important;
}

.window-tint-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 12% !important;
    width: 76% !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #f51b24, transparent) !important;
    opacity: .75 !important;
}

.window-tint-card::after {
    content: "" !important;
    position: absolute !important;
    width: 120px !important;
    height: 120px !important;
    right: -70px !important;
    top: -70px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(245,27,36,.18) !important;
    box-shadow: 0 0 0 14px rgba(245,27,36,.035), 0 0 0 28px rgba(245,27,36,.02) !important;
}

.window-tint-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(245,27,36,.65) !important;
    box-shadow: 0 18px 45px rgba(245,27,36,.12) !important;
}

.window-tint-card h3 {
    font-weight: 600 !important;
    letter-spacing: -.2px !important;
}

.window-tint-card .price,
.window-tint-card .amount {
    font-weight: 600 !important;
}

.window-tint-card li,
.window-tint-card p {
    font-weight: 500 !important;
}

.window-tint-card li::marker {
    color: #f51b24 !important;
}

.window-tint-card a.window-tint-book,
.window-tint-card a.window-tint-book:visited {
    font-weight: 600 !important;
    letter-spacing: .1px !important;
    border-radius: 7px !important;
    position: relative !important;
    overflow: hidden !important;
}

.window-tint-card a.window-tint-book::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -120% !important;
    width: 70% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent) !important;
    transform: skewX(-20deg) !important;
    transition: left .55s ease !important;
}

.window-tint-card a.window-tint-book:hover::before {
    left: 150% !important;
}

.window-tint-card a.window-tint-book span {
    position: relative !important;
    z-index: 2 !important;
    font-weight: 600 !important;
}

@media (max-width: 600px) {
    .window-tint-card:hover {
        transform: none !important;
    }
}

.ppf-source-packages{
    background:#0a0a0a;
    max-width:1280px;
}
.ppf-source-packages .ppf-package-card{
    min-height:560px;
    display:flex;
    flex-direction:column;
}
.ppf-source-packages .ppf-package-badge{
    position:relative;
    z-index:2;
    width:max-content;
    max-width:100%;
    margin:0 auto 17px;
    padding:6px 10px;
    border:1px solid rgba(245,27,36,.35);
    border-radius:999px;
    color:#f51b24;
    font-size:8px;
    line-height:1;
    font-weight:800;
    letter-spacing:.12em;
}
.ppf-source-packages .window-tint-features{
    flex:1;
}
.ppf-source-packages .window-tint-book{
    margin-top:auto !important;
}

/* --- page-car-ppf.php (Block 2) --- */
/* =========================================================
   VIP TINTS — PREMIUM PPF CREATIVE LAYER
   Scoped so it does not disturb the supplied testimonial source.
   ========================================================= */
.viptints-ppf-v2 .ppf-source-packages{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding-top:92px !important;
    padding-bottom:108px !important;
    background:
        radial-gradient(circle at 8% 18%,rgba(245,27,36,.13),transparent 24%),
        radial-gradient(circle at 92% 82%,rgba(245,27,36,.08),transparent 28%),
        linear-gradient(180deg,#080808 0%,#0b0b0b 48%,#070707 100%) !important;
}
.viptints-ppf-v2 .ppf-source-packages:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.28;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:44px 44px;
    mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent);
}
.viptints-ppf-v2 .ppf-source-packages:after{
    content:"PPF / 01";
    position:absolute;
    top:38px;
    right:5%;
    color:rgba(255,255,255,.10);
    font-size:11px;
    font-weight:800;
    letter-spacing:.28em;
}
.viptints-ppf-v2 .ppf-package-intro{
    width:min(1160px,92%);
    margin:0 auto 44px;
    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:34px;
    align-items:end;
}
.viptints-ppf-v2 .ppf-package-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
    color:#f51b24;
    font-size:11px;
    font-weight:800;
    letter-spacing:.22em;
    text-transform:uppercase;
}
.viptints-ppf-v2 .ppf-package-kicker:before{
    content:"";
    width:32px;
    height:2px;
    background:#f51b24;
    box-shadow:0 0 18px rgba(245,27,36,.7);
}
.viptints-ppf-v2 .ppf-package-intro h2{
    margin:0;
    color:#fff;
    font-size:clamp(34px,4vw,58px);
    line-height:.98;
    letter-spacing:-.045em;
    font-weight:800;
}
.viptints-ppf-v2 .ppf-package-intro h2 span{color:#f51b24;}
.viptints-ppf-v2 .ppf-package-intro p{
    margin:0;
    color:rgba(255,255,255,.62);
    font-size:14px;
    line-height:1.8;
    font-weight:500;
}
.viptints-ppf-v2 .ppf-package-rail{
    width:min(1160px,92%);
    margin:0 auto 24px;
    display:flex;
    align-items:center;
    gap:12px;
    color:rgba(255,255,255,.4);
    font-size:10px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.viptints-ppf-v2 .ppf-package-rail:after{
    content:"";
    flex:1;
    height:1px;
    background:linear-gradient(90deg,rgba(245,27,36,.75),rgba(255,255,255,.08));
}
.viptints-ppf-v2 .ppf-source-packages .window-tint-grid{
    width:min(1160px,92%);
    margin:0 auto;
    gap:22px !important;
    perspective:1200px;
}
.viptints-ppf-v2 .ppf-source-packages .ppf-package-card{
    position:relative;
    min-height:555px !important;
    padding:38px 30px 30px !important;
    border:1px solid rgba(255,255,255,.11) !important;
    border-radius:18px !important;
    background:
        linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018) 34%,rgba(0,0,0,.36)),
        #0d0d0d !important;
    box-shadow:0 18px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05) !important;
    transform-style:preserve-3d;
    transition:transform .45s cubic-bezier(.2,.75,.2,1),border-color .35s,box-shadow .35s !important;
}
.viptints-ppf-v2 .ppf-source-packages .ppf-package-card:before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:18px;
    padding:1px;
    background:linear-gradient(145deg,rgba(245,27,36,.0),rgba(245,27,36,.6),rgba(255,255,255,.04));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
    opacity:0;
    transition:opacity .35s;
}
.viptints-ppf-v2 .ppf-source-packages .ppf-package-card:hover{
    transform:translateY(-12px) rotateX(1deg);
    border-color:rgba(245,27,36,.55) !important;
    box-shadow:0 30px 80px rgba(0,0,0,.58),0 0 45px rgba(245,27,36,.11) !important;
}
.viptints-ppf-v2 .ppf-source-packages .ppf-package-card:hover:before{opacity:1;}
.viptints-ppf-v2 .ppf-package-card:nth-child(2){
    border-color:rgba(245,27,36,.42) !important;
    background:
        radial-gradient(circle at 80% 0%,rgba(245,27,36,.18),transparent 32%),
        linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 36%,rgba(0,0,0,.4)),
        #0d0d0d !important;
}
.viptints-ppf-v2 .ppf-package-card:nth-child(2):after{
    content:"MOST POPULAR";
    position:absolute;
    top:18px;
    right:18px;
    padding:7px 10px;
    border-radius:999px;
    background:#f51b24;
    color:#fff;
    font-size:8px;
    line-height:1;
    font-weight:900;
    letter-spacing:.15em;
    box-shadow:0 8px 24px rgba(245,27,36,.28);
}
.viptints-ppf-v2 .ppf-package-badge{
    display:inline-flex !important;
    align-items:center;
    gap:7px;
    margin-bottom:22px !important;
    padding:7px 10px !important;
    border:1px solid rgba(245,27,36,.3) !important;
    border-radius:999px !important;
    background:rgba(245,27,36,.07);
    box-shadow:inset 0 0 18px rgba(245,27,36,.05);
}
.viptints-ppf-v2 .ppf-package-badge:before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:#f51b24;
    box-shadow:0 0 10px rgba(245,27,36,.9);
}
.viptints-ppf-v2 .ppf-source-packages .window-tint-card h3{
    font-size:clamp(23px,2.2vw,30px) !important;
    line-height:1.05 !important;
    letter-spacing:-.035em !important;
}
.viptints-ppf-v2 .ppf-source-packages .window-tint-price{
    margin-top:24px !important;
}
.viptints-ppf-v2 .ppf-source-packages .window-tint-price strong{
    font-size:46px !important;
    letter-spacing:-.045em !important;
}
.viptints-ppf-v2 .ppf-source-packages .window-tint-divider{
    background:linear-gradient(90deg,#f51b24,rgba(255,255,255,.08),transparent) !important;
    margin:22px 0 25px !important;
}
.viptints-ppf-v2 .ppf-source-packages .window-tint-features li{
    position:relative;
    padding-left:27px !important;
    margin-bottom:13px !important;
    color:rgba(255,255,255,.78) !important;
}
.viptints-ppf-v2 .ppf-source-packages .window-tint-features li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    display:grid;
    place-items:center;
    width:17px;
    height:17px;
    border-radius:50%;
    background:rgba(245,27,36,.12);
    color:#f51b24;
    font-size:10px;
    font-weight:900;
}
.viptints-ppf-v2 .ppf-source-packages .window-tint-book{
    height:50px !important;
    border-radius:10px !important;
    box-shadow:0 12px 28px rgba(245,27,36,.18);
}
.viptints-ppf-v2 .ppf-protection-strip{
    width:min(1160px,92%);
    margin:42px auto 0;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    overflow:hidden;
    background:rgba(255,255,255,.025);
}
.viptints-ppf-v2 .ppf-protection-item{
    position:relative;
    padding:22px 20px;
    border-right:1px solid rgba(255,255,255,.07);
}
.viptints-ppf-v2 .ppf-protection-item:last-child{border-right:0;}
.viptints-ppf-v2 .ppf-protection-item b{
    display:block;
    color:#fff;
    font-size:13px;
    letter-spacing:.04em;
    margin-bottom:5px;
}
.viptints-ppf-v2 .ppf-protection-item span{
    color:rgba(255,255,255,.45);
    font-size:11px;
    line-height:1.5;
}
.viptints-ppf-v2 .ppf-protection-num{
    color:#f51b24 !important;
    font-size:9px !important;
    font-weight:900;
    letter-spacing:.16em;
    display:block;
    margin-bottom:9px;
}
@media(max-width:850px){
    .viptints-ppf-v2 .ppf-package-intro{grid-template-columns:1fr;gap:16px;}
    .viptints-ppf-v2 .ppf-source-packages .window-tint-grid{grid-template-columns:1fr !important;}
    .viptints-ppf-v2 .ppf-protection-strip{grid-template-columns:repeat(2,1fr);}
    .viptints-ppf-v2 .ppf-protection-item:nth-child(2){border-right:0;}
    .viptints-ppf-v2 .ppf-protection-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07);}
}
@media(max-width:600px){
    .viptints-ppf-v2 .ppf-source-packages{padding-top:70px !important;padding-bottom:80px !important;}
    .viptints-ppf-v2 .ppf-package-intro h2{font-size:38px;}
    .viptints-ppf-v2 .ppf-source-packages .ppf-package-card{min-height:0 !important;}
    .viptints-ppf-v2 .ppf-protection-strip{grid-template-columns:1fr;}
    .viptints-ppf-v2 .ppf-protection-item{border-right:0 !important;border-bottom:1px solid rgba(255,255,255,.07);}
    .viptints-ppf-v2 .ppf-protection-item:last-child{border-bottom:0;}
}
@media(prefers-reduced-motion:reduce){
    .viptints-ppf-v2 .ppf-source-packages .ppf-package-card{transition:none !important;}
}
.viptints-ppf-v2 .ppf-package-index{
    display:block;
    margin:-4px 0 18px;
    color:rgba(255,255,255,.34);
    font-size:9px;
    font-weight:800;
    letter-spacing:.17em;
}

/* --- page-car-ppf.php (Block 3) --- */
/* =========================================================
   VIP TINTS PPF V6 — FINAL LAYOUT FIXES
   ========================================================= */

/* Full-width package background */
.viptints-ppf-v2 .ppf-source-packages{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    border-radius:0 !important;
}

/* Keep only the cards/content inside a controlled width */
.viptints-ppf-v2 .ppf-source-packages .ppf-package-intro,
.viptints-ppf-v2 .ppf-source-packages .ppf-package-rail,
.viptints-ppf-v2 .ppf-source-packages .window-tint-grid,
.viptints-ppf-v2 .ppf-source-packages .ppf-protection-strip{
    width:min(1160px, calc(100% - 40px)) !important;
    max-width:1160px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Price: Exd. GST $ 1599 */
.viptints-ppf-v2 .ppf-package-price{
    display:flex !important;
    align-items:baseline !important;
    justify-content:center !important;
    gap:4px !important;
    margin:25px 0 24px !important;
    white-space:nowrap !important;
}
.viptints-ppf-v2 .ppf-price-prefix{
    position:relative !important;
    top:-18px !important;
    color:rgba(255,255,255,.78) !important;
    font-size:16px !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
}
.viptints-ppf-v2 .ppf-package-price strong{
    color:#f51b24 !important;
    font-size:56px !important;
    line-height:.95 !important;
    font-weight:900 !important;
    letter-spacing:-.045em !important;
    margin:0 !important;
    text-shadow:0 0 15px rgba(234,28,36,.2) !important;
}
.viptints-ppf-v2 .ppf-price-suffix{
    position:relative !important;
    top:8px !important;
    color:rgba(255,255,255,.78) !important;
    font-size:16px !important;
    font-weight:500 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}

/* Clean image section */
.viptints-ppf-v2 .ppf-v2-intro{
    background:#fff !important;
    padding-top:100px !important;
    padding-bottom:100px !important;
}
.viptints-ppf-v2 .ppf-v2-intro-grid{
    width:min(1160px,calc(100% - 40px)) !important;
    max-width:1160px !important;
    margin:0 auto !important;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
    gap:70px !important;
    align-items:center !important;
}
.viptints-ppf-v2 .ppf-v2-image-wrap{
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
}
.viptints-ppf-v2 .ppf-v2-image-wrap:before,
.viptints-ppf-v2 .ppf-v2-image-frame,
.viptints-ppf-v2 .ppf-v2-image-tag{
    display:none !important;
}
.viptints-ppf-v2 .ppf-v2-image-wrap img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16/10 !important;
    object-fit:cover !important;
    display:block !important;
    border-radius:0 !important;
    filter:none !important;
    background:#111 !important;
    box-shadow:0 24px 60px rgba(0,0,0,.14) !important;
}
.viptints-ppf-v2 .ppf-v2-intro-copy{
    max-width:560px !important;
}
.viptints-ppf-v2 .ppf-v2-intro-copy>p{
    font-size:15px !important;
    line-height:1.9 !important;
}

/* Process is intentionally removed */
.viptints-ppf-v2 .ppf-v2-process{
    display:none !important;
}

/* Mobile */
@media (max-width:820px){
    .viptints-ppf-v2 .ppf-package-price{
        justify-content:flex-start !important;
        gap:3px !important;
    }
    .viptints-ppf-v2 .ppf-price-prefix{
        top:-15px !important;
        font-size:14px !important;
    }
    .viptints-ppf-v2 .ppf-package-price strong{
        font-size:42px !important;
    }
    .viptints-ppf-v2 .ppf-price-suffix{
        top:6px !important;
        font-size:14px !important;
    }
    .viptints-ppf-v2 .ppf-v2-intro{
        padding-top:70px !important;
        padding-bottom:70px !important;
    }
    .viptints-ppf-v2 .ppf-v2-intro-grid{
        width:min(100% - 28px,600px) !important;
        grid-template-columns:1fr !important;
        gap:42px !important;
    }
    .viptints-ppf-v2 .ppf-v2-intro-copy{
        max-width:none !important;
    }
}
@media (max-width:600px){
    .viptints-ppf-v2 .ppf-source-packages .ppf-package-intro,
    .viptints-ppf-v2 .ppf-source-packages .ppf-package-rail,
    .viptints-ppf-v2 .ppf-source-packages .window-tint-grid,
    .viptints-ppf-v2 .ppf-source-packages .ppf-protection-strip{
        width:calc(100% - 28px) !important;
    }
    .viptints-ppf-v2 .ppf-package-price{
        gap:3px !important;
    }
    .viptints-ppf-v2 .ppf-price-prefix{
        top:-13px !important;
        font-size:12px !important;
    }
    .viptints-ppf-v2 .ppf-package-price strong{
        font-size:36px !important;
    }
    .viptints-ppf-v2 .ppf-price-suffix{
        top:5px !important;
        font-size:12px !important;
    }
    .viptints-ppf-v2 .ppf-v2-image-wrap img{
        aspect-ratio:4/3 !important;
    }
}

/* --- page-car-ppf.php (Block 4) --- */
/* ==========================================================================
   MAIN SECTION
   ========================================================================== */

.vip-testimonials {

  position: relative;

  width: 100%;

  overflow: hidden;

  padding: 105px 24px 90px;

  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(255, 20, 30, .10),
      transparent 28%
    ),
    radial-gradient(
      circle at 90% 80%,
      rgba(255, 20, 30, .07),
      transparent 30%
    ),
    #090909;

  color: #ffffff;

}


/* Premium grid */

.vip-testimonials::before {

  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  background-image:
    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    );

  background-size: 60px 60px;

}


.vip-testimonials-container {

  position: relative;

  z-index: 2;

  width: 100%;

  max-width: 1240px;

  margin: 0 auto;

}


/* ==========================================================================
   HEADING
   ========================================================================== */

.vip-testimonials-heading {

  max-width: 800px;

  margin: 0 auto 42px;

  text-align: center;

}


.vip-eyebrow {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  margin-bottom: 17px;

  color: #ff202d;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .28em;

}


.vip-eyebrow span {

  width: 35px;

  height: 1px;

  background: #ff202d;

}


.vip-testimonials-heading h2 {

  margin: 0;

  color: #ffffff;

  font-size: clamp(42px, 6vw, 72px);

  font-weight: 300;

  line-height: .95;

  letter-spacing: -.055em;

  text-transform: uppercase;

}


.vip-testimonials-heading h2 strong {

  display: block;

  color: #ff202d;

  font-weight: 800;

}


.vip-testimonials-heading p {

  max-width: 650px;

  margin: 22px auto 0;

  color: rgba(255,255,255,.60);

  font-size: 14px;

  line-height: 1.75;

}


/* ==========================================================================
   GOOGLE SUMMARY
   ========================================================================== */

.vip-review-summary {

  display: flex;

  align-items: center;

  justify-content: center;

  width: fit-content;

  max-width: 100%;

  margin: 0 auto 55px;

  padding: 12px 20px;

  border: 1px solid rgba(255,255,255,.10);

  border-radius: 14px;

  background: rgba(255,255,255,.045);

  box-shadow:
    0 15px 45px rgba(0,0,0,.25);

  backdrop-filter: blur(12px);

}


.vip-review-summary-left {

  display: flex;

  align-items: center;

  gap: 12px;

}


.vip-google-mark {

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 10px;

  background: #ffffff;

  color: #4285f4;

  font-family: Arial, sans-serif;

  font-size: 24px;

  font-weight: 700;

}


.vip-review-source {

  color: #ffffff;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.1;

}


.vip-review-source-label {

  margin-top: 4px;

  color: rgba(255,255,255,.38);

  font-size: 8px;

  font-weight: 700;

  letter-spacing: .16em;

}


.vip-review-summary-divider {

  width: 1px;

  height: 30px;

  margin: 0 20px;

  background: rgba(255,255,255,.13);

}


.vip-review-rating {

  display: flex;

  align-items: center;

  gap: 10px;

}


.vip-rating-number {

  color: #ffffff;

  font-size: 18px;

  font-weight: 800;

}


.vip-rating-stars {

  color: #fbbc04;

  font-size: 15px;

  letter-spacing: 2px;

}


/* ==========================================================================
   REVIEW GRID
   ========================================================================== */

.vip-review-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 18px;

}


/* ==========================================================================
   REVIEW CARD
   ========================================================================== */

.vip-review-card {

  position: relative;

  min-height: 315px;

  display: flex;

  flex-direction: column;

  padding: 26px;

  overflow: hidden;

  border: 1px solid #e7e7e7;

  border-radius: 17px;

  background: #ffffff;

  color: #222222;

  box-shadow:
    0 18px 50px rgba(0,0,0,.25);

  transition:
    transform .35s ease,
    box-shadow .35s ease;

}


.vip-review-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 3px;

  background:
    linear-gradient(
      90deg,
      #4285f4,
      #34a853,
      #fbbc04,
      #ea4335
    );

}


.vip-review-card:hover {

  transform: translateY(-7px);

  box-shadow:
    0 28px 65px rgba(0,0,0,.40);

}


/* ==========================================================================
   USER
   ========================================================================== */

.vip-review-top {

  display: flex;

  align-items: center;

  gap: 12px;

}


.vip-review-avatar {

  width: 47px;

  height: 47px;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  color: #ffffff;

  font-size: 18px;

  font-weight: 700;

}


.avatar-gold {

  background: #d99b2b;

}


.avatar-purple {

  background: #7651b8;

}


.avatar-blue {

  background: #4285f4;

}


.avatar-green {

  background: #3c9b55;

}


.vip-review-user {

  min-width: 0;

}


.vip-review-user h3 {

  margin: 0;

  color: #202124;

  font-size: 14px;

  font-weight: 700;

}


.vip-review-meta {

  display: flex;

  align-items: center;

  gap: 7px;

  margin-top: 4px;

  color: #80868b;

  font-size: 10px;

}


.vip-google-small {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 17px;

  height: 17px;

  border-radius: 50%;

  background: #f5f5f5;

  color: #4285f4;

  font-family: Arial, sans-serif;

  font-size: 11px;

  font-weight: 800;

}


.vip-review-menu {

  margin-left: auto;

  color: #a0a0a0;

  font-size: 15px;

  letter-spacing: 2px;

}


/* ==========================================================================
   STARS
   ========================================================================== */

.vip-review-stars {

  margin-top: 19px;

  color: #fbbc04;

  font-size: 16px;

  letter-spacing: 2px;

}


/* ==========================================================================
   REVIEW TEXT
   ========================================================================== */

.vip-review-card p {

  margin: 15px 0 0;

  color: #5f6368;

  font-size: 12.5px;

  line-height: 1.7;

}


/* ==========================================================================
   REVIEW FOOTER
   ========================================================================== */

.vip-review-footer {

  display: flex;

  align-items: center;

  gap: 7px;

  margin-top: auto;

  padding-top: 20px;

  color: #8a8a8a;

  font-size: 10px;

  font-weight: 600;

}


.vip-google-badge {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 17px;

  height: 17px;

  border-radius: 50%;

  background: #ffffff;

  color: #4285f4;

  border: 1px solid #e2e2e2;

  font-family: Arial, sans-serif;

  font-size: 10px;

  font-weight: 800;

}


/* ==========================================================================
   CTA
   ========================================================================== */

.vip-review-cta {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  margin-top: 55px;

  padding: 27px 32px;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.10);

  border-left: 3px solid #ff202d;

  border-radius: 17px;

  background:
    linear-gradient(
      105deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.015)
    );

}


.vip-review-cta-content {

  position: relative;

  z-index: 2;

}


.vip-review-cta-content span {

  display: block;

  margin-bottom: 7px;

  color: #ff202d;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .23em;

}


.vip-review-cta-content h3 {

  margin: 0;

  color: #ffffff;

  font-size: clamp(21px,3vw,30px);

  font-weight: 500;

  line-height: 1.1;

}


.vip-review-cta-content h3 strong {

  color: #ff202d;

  font-weight: 800;

}


/* ==========================================================================
   WRITE REVIEW
   ========================================================================== */

.vip-write-review {

  position: relative;

  z-index: 3;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 11px;

  flex-shrink: 0;

  padding: 14px 23px;

  border-radius: 7px;

  background:
    linear-gradient(
      135deg,
      #ed1c24,
      #ff3b43
    );

  color: #ffffff !important;

  text-decoration: none !important;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .08em;

  box-shadow:
    0 12px 30px rgba(237,28,36,.22);

  transition:
    transform .3s ease,
    box-shadow .3s ease;

}


.vip-write-review:hover {

  color: #ffffff !important;

  transform: translateY(-3px);

  box-shadow:
    0 18px 40px rgba(237,28,36,.35);

}


.vip-write-review svg {

  transition: transform .3s ease;

}


.vip-write-review:hover svg {

  transform: translateX(4px);

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1050px) {

  .vip-review-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 650px) {

  .vip-testimonials {

    padding: 75px 16px 65px;

  }


  .vip-testimonials-heading {

    margin-bottom: 32px;

  }


  .vip-testimonials-heading h2 {

    font-size: 43px;

  }


  .vip-testimonials-heading p {

    font-size: 13px;

  }


  .vip-review-summary {

    width: 100%;

    justify-content: center;

    margin-bottom: 35px;

    padding: 11px 14px;

  }


  .vip-review-summary-divider {

    margin: 0 14px;

  }


  .vip-google-mark {

    width: 36px;

    height: 36px;

    font-size: 21px;

  }


  .vip-review-source {

    font-size: 12px;

  }


  .vip-review-source-label {

    font-size: 7px;

  }


  .vip-rating-number {

    font-size: 16px;

  }


  .vip-rating-stars {

    font-size: 13px;

    letter-spacing: 1px;

  }


  .vip-review-grid {

    grid-template-columns: 1fr;

    gap: 15px;

  }


  .vip-review-card {

    min-height: 285px;

    padding: 23px;

  }


  .vip-review-cta {

    flex-direction: column;

    align-items: stretch;

    gap: 20px;

    margin-top: 40px;

    padding: 24px 20px;

    text-align: center;

  }


  .vip-write-review {

    width: 100%;

  }

}

/* --- page-car-ppf.php (Block 5) --- */
/* =========================================================
   VIP TINTS — SERVICE ENQUIRY POPUP
   ========================================================= */

.vip-lead-modal{
	position:fixed;
	inset:0;
	z-index:999999;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px;
	visibility:hidden;
	opacity:0;
	pointer-events:none;
	transition:opacity .28s ease,visibility .28s ease;
}

.vip-lead-modal.is-open{
	visibility:visible;
	opacity:1;
	pointer-events:auto;
}

.vip-lead-backdrop{
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.82);
	backdrop-filter:blur(9px);
	-webkit-backdrop-filter:blur(9px);
}

.vip-lead-dialog{
	position:relative;
	z-index:2;
	width:min(620px,100%);
	max-height:92vh;
	overflow:auto;
	border:1px solid rgba(255,255,255,.12);
	border-radius:20px;
	background:
		radial-gradient(circle at 100% 0%,rgba(234,28,36,.13),transparent 30%),
		linear-gradient(145deg,#171717,#090909);
	box-shadow:0 30px 100px rgba(0,0,0,.75),0 0 45px rgba(234,28,36,.10);
	transform:translateY(20px) scale(.97);
	transition:transform .3s ease;
	scrollbar-width:thin;
}

.vip-lead-modal.is-open .vip-lead-dialog{
	transform:translateY(0) scale(1);
}

.vip-lead-dialog .vip-hero-form-card{
	padding:34px;
	background:transparent;
	border:0;
	box-shadow:none;
}

.vip-lead-dialog .vip-form-tag{
	margin:0 34px;
	padding-top:25px;
}

.vip-lead-close{
	position:absolute;
	top:18px;
	right:18px;
	z-index:5;
	width:38px;
	height:38px;
	padding:0;
	border:1px solid rgba(255,255,255,.16);
	border-radius:50%;
	background:rgba(255,255,255,.06);
	cursor:pointer;
}

.vip-lead-close span{
	position:absolute;
	left:10px;
	top:18px;
	width:17px;
	height:1.5px;
	background:#fff;
}

.vip-lead-close span:first-child{transform:rotate(45deg)}
.vip-lead-close span:last-child{transform:rotate(-45deg)}

.vip-selected-service-wrap{
	position:relative;
}

.vip-selected-service-wrap input{
	padding-left:40px !important;
	border-color:rgba(234,28,36,.55) !important;
	background:linear-gradient(90deg,rgba(234,28,36,.10),rgba(255,255,255,.04)) !important;
	color:#fff !important;
	font-weight:700 !important;
	cursor:not-allowed !important;
}

.vip-service-lock{
	position:absolute;
	left:14px;
	top:50%;
	z-index:2;
	transform:translateY(-50%);
	font-size:13px;
	pointer-events:none;
}

.vip-selected-service-group{
	margin-bottom:16px;
}

.vip-selected-service-group label{
	display:flex;
	align-items:center;
	gap:7px;
}

.vip-selected-service-group label:after{
	content:"AUTO SELECTED";
	font-size:8px;
	letter-spacing:1px;
	padding:3px 6px;
	border-radius:20px;
	color:#ff3b43;
	border:1px solid rgba(234,28,36,.35);
	background:rgba(234,28,36,.08);
}

body.vip-modal-open{
	overflow:hidden;
}

@media(max-width:600px){
	.vip-lead-modal{padding:10px}
	.vip-lead-dialog{
		max-height:96vh;
		border-radius:16px;
	}
	.vip-lead-dialog .vip-hero-form-card{padding:25px 18px}
	.vip-lead-dialog .vip-form-tag{margin:0 18px;padding-top:20px}
}

/* --- page-car-ppf.php (Block 6) --- */
/* Updated testimonial slider */
.vip-review-slider{position:relative}
.vip-review-viewport{overflow:hidden;width:100%}
.vip-review-grid{
  display:flex!important;
  gap:18px;
  transition:transform .55s ease;
  will-change:transform;
}
.vip-review-card{
  flex:0 0 calc((100% - 54px)/4);
  min-width:0;
}
.vip-review-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:50%;
}
.vip-review-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(20,20,20,.92);
  color:#fff;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 25px rgba(0,0,0,.3);
  transition:all .25s ease;
}
.vip-review-arrow:hover{
  background:#ff202d;
  border-color:#ff202d;
  transform:translateY(-50%) scale(1.06);
}
.vip-review-arrow:disabled{cursor:default}
.vip-review-prev{left:-21px}
.vip-review-next{right:-21px}
.vip-review-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  margin-top:24px;
}
.vip-review-dot{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.28);
  cursor:pointer;
}
.vip-review-dot.active{
  width:24px;
  border-radius:10px;
  background:#ff202d;
}
@media(max-width:1050px){
  .vip-review-card{flex-basis:calc((100% - 18px)/2)}
  .vip-review-arrow{width:38px;height:38px}
  .vip-review-prev{left:-15px}
  .vip-review-next{right:-15px}
}
@media(max-width:650px){
  .vip-review-grid{gap:15px}
  .vip-review-card{flex-basis:100%}
  .vip-review-arrow{width:34px;height:34px;font-size:16px}
  .vip-review-prev{left:-9px}
  .vip-review-next{right:-9px}
}

/* --- page-car-ppf.php (Block 7) --- */
/* =========================================================
   VIP TINTS — CAR PPF CREATIVE PREMIUM
   Scoped to .viptints-ppf-v2 so it does not disturb the theme.
========================================================= */

.viptints-ppf-v2{
	--ppf-red:#f51f2b;
	--ppf-red-dark:#c81017;
	--ppf-black:#070707;
	--ppf-black-2:#0d0d0d;
	--ppf-card:#111111;
	--ppf-white:#ffffff;
	--ppf-muted:#a5a5a5;
	--ppf-border:rgba(255,255,255,.12);
	--ppf-shadow:0 28px 70px rgba(0,0,0,.30);
	background:#fff;
	color:#111;
	overflow:hidden;
	font-family:'Plus Jakarta Sans',Arial,sans-serif;
}
.viptints-ppf-v2 *{box-sizing:border-box}
.viptints-ppf-v2 a{text-decoration:none}
.ppf-v2-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.ppf-v2-section{position:relative;padding:105px 0}
.ppf-v2-kicker{display:flex;align-items:center;gap:11px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.ppf-v2-kicker span{display:block;width:28px;height:2px;background:var(--ppf-red)}
.ppf-v2-kicker.dark{color:#171717}
.ppf-v2-section h2{margin:18px 0 0;font-size:clamp(35px,4.3vw,62px);line-height:.98;letter-spacing:-.045em;font-weight:800}
.ppf-v2-section h2 em{font-style:normal;color:var(--ppf-red)}
.ppf-reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s ease}
.ppf-reveal.ppf-visible{opacity:1;transform:none}
.ppf-delay-1{transition-delay:.12s!important}
.ppf-delay-2{transition-delay:.22s!important}

/* HERO */
.ppf-v2-hero{position:relative;min-height:680px;display:flex;align-items:center;background:#050505;color:#fff}
.ppf-v2-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 43%,rgba(0,0,0,.38) 100%),var(--hero-img);background-size:cover;background-position:center}
.ppf-v2-hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 85%)}
.ppf-v2-hero-glow{position:absolute;width:430px;height:430px;border-radius:50%;right:4%;top:8%;background:rgba(245,31,43,.15);filter:blur(80px)}
.ppf-v2-hero-inner{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:50px;padding:125px 0 90px}
.ppf-v2-hero-copy{max-width:760px}
.ppf-v2-hero h1{margin:18px 0 24px;font-size:clamp(52px,7vw,94px);line-height:.88;letter-spacing:-.055em;font-weight:800}
.ppf-v2-hero h1 strong{font-weight:800}
.ppf-v2-hero h1 em{font-style:normal;color:var(--ppf-red)}
.ppf-v2-hero-copy>p{max-width:660px;margin:0;color:#d3d3d3;font-size:16px;line-height:1.85;font-weight:500}
.ppf-v2-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.ppf-v2-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 25px;border-radius:4px;font-size:11px;font-weight:800;letter-spacing:.1em}
.ppf-v2-btn b{font-size:18px}
.ppf-v2-btn-red{background:var(--ppf-red);color:#fff;box-shadow:0 15px 35px rgba(245,31,43,.23)}
.ppf-v2-btn-red:hover{background:#ff303b;transform:translateY(-2px)}
.ppf-v2-btn-ghost{border:1px solid rgba(255,255,255,.24);color:#fff;background:rgba(255,255,255,.04)}
.ppf-v2-btn-ghost:hover{border-color:var(--ppf-red);color:#fff}
.ppf-v2-trust-row{display:flex;gap:26px;flex-wrap:wrap;margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
.ppf-v2-trust-row span{font-size:9px;letter-spacing:.13em;color:#aaa;font-weight:800}
.ppf-v2-trust-row b{color:var(--ppf-red);margin-right:7px}
.ppf-v2-hero-side{width:210px;flex:0 0 210px}
.ppf-v2-side-card{position:relative;padding:26px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.28);backdrop-filter:blur(12px)}
.ppf-v2-side-card:before{content:"";position:absolute;left:-1px;top:20px;width:3px;height:55px;background:var(--ppf-red)}
.ppf-v2-side-card .side-label{font-size:9px;letter-spacing:.18em;font-weight:800;color:#aaa}
.ppf-v2-side-card strong{display:block;margin:18px 0 8px;font-size:55px;line-height:1;letter-spacing:-.08em}
.ppf-v2-side-card .side-line{display:block;width:100%;height:1px;background:rgba(255,255,255,.14);margin:15px 0}
.ppf-v2-side-card p{font-size:11px;line-height:1.7;color:#bbb;margin:0}
.ppf-v2-scroll{position:absolute;z-index:3;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:.2em;color:#aaa;font-weight:800}
.ppf-v2-scroll span{display:block;width:42px;height:1px;background:var(--ppf-red)}

/* PRICING */
.ppf-v2-pricing{background:#f5f5f5}
.ppf-v2-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:46px}
.ppf-v2-section-head>div{flex:1}
.ppf-v2-section-head>p{max-width:390px;color:#666;font-size:14px;line-height:1.8;margin:0 0 4px;font-weight:500}
.ppf-v2-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.ppf-v2-price-card{position:relative;min-height:570px;padding:34px 28px 25px;background:linear-gradient(145deg,#171717,#0d0d0d);color:#fff;border:1px solid #252525;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--ppf-shadow)}
.ppf-v2-price-card:after{content:"";position:absolute;right:-65px;top:-65px;width:160px;height:160px;border-radius:50%;border:1px solid rgba(245,31,43,.26);box-shadow:0 0 0 25px rgba(245,31,43,.035),0 0 0 50px rgba(245,31,43,.02)}
.ppf-v2-price-card.featured{border-color:var(--ppf-red);transform:translateY(-10px);background:linear-gradient(145deg,#1a1717,#0b0b0b)}
.ppf-v2-popular{position:absolute;top:0;right:0;padding:8px 15px;background:var(--ppf-red);color:#fff;font-size:8px;font-weight:900;letter-spacing:.14em}
.ppf-v2-card-number{position:absolute;right:22px;bottom:22px;color:rgba(255,255,255,.035);font-size:100px;line-height:.8;font-weight:900;letter-spacing:-.1em}
.ppf-v2-card-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.13)}
.ppf-v2-card-top span{font-size:8px;letter-spacing:.16em;color:#999;font-weight:800}
.ppf-v2-card-top i{font-size:8px;color:#666;font-style:normal;font-weight:800}
.ppf-v2-price-card h3{position:relative;z-index:2;font-size:26px;margin:0 0 19px;letter-spacing:-.03em;font-weight:800}
.ppf-v2-price{position:relative;z-index:2;display:flex;align-items:flex-end;gap:10px;margin-bottom:18px}
.ppf-v2-price strong{font-size:50px;line-height:.9;color:var(--ppf-red);letter-spacing:-.06em;font-weight:900}
.ppf-v2-price span{font-size:8px;color:#8d8d8d;font-weight:800;letter-spacing:.1em;padding-bottom:4px}
.ppf-v2-price-card>p{position:relative;z-index:2;color:#aaa;font-size:12px;line-height:1.7;min-height:61px;margin:0 0 18px}
.ppf-v2-includes-title{position:relative;z-index:2;color:#666;font-size:8px;font-weight:900;letter-spacing:.18em;margin-bottom:11px}
.ppf-v2-price-card ul{position:relative;z-index:2;list-style:none;padding:0;margin:0}
.ppf-v2-price-card li{position:relative;padding:8px 0 8px 21px;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;color:#e3e3e3;font-weight:600}
.ppf-v2-price-card li:before{content:"✓";position:absolute;left:0;color:var(--ppf-red);font-weight:900}
.ppf-v2-card-footer{position:relative;z-index:2;margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:12px}
.ppf-v2-card-footer>span{font-size:8px;color:#777;font-weight:800;letter-spacing:.14em}
.ppf-v2-card-footer a{height:48px;display:flex;align-items:center;justify-content:center;gap:15px;background:var(--ppf-red);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}
.ppf-v2-card-footer a:hover{background:#ff2a35}
.ppf-v2-card-footer a b{font-size:16px}
.ppf-v2-price-note{margin-top:20px;padding:17px 20px;background:#fff;border:1px solid #e2e2e2;color:#666;font-size:11px;font-weight:600}
.ppf-v2-price-note span{color:var(--ppf-red);font-size:15px;margin-right:8px}

/* INTRO */
.ppf-v2-intro{background:#fff}
.ppf-v2-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.ppf-v2-image-wrap{position:relative;padding:0 0 24px 24px}
.ppf-v2-image-wrap:before{content:"";position:absolute;left:0;bottom:0;width:70%;height:70%;border-left:2px solid var(--ppf-red);border-bottom:2px solid var(--ppf-red)}
.ppf-v2-image-frame{position:absolute;right:-15px;top:-15px;width:120px;height:120px;border-top:1px solid #ddd;border-right:1px solid #ddd}
.ppf-v2-image-wrap img{position:relative;z-index:2;width:100%;aspect-ratio:4/4.2;object-fit:cover;display:block;background:#111;filter:saturate(.9)}
.ppf-v2-image-tag{position:absolute;z-index:3;right:-20px;bottom:50px;width:135px;padding:20px 18px;background:var(--ppf-red);color:#fff;box-shadow:0 20px 40px rgba(0,0,0,.18)}
.ppf-v2-image-tag span{display:block;font-size:8px;letter-spacing:.18em;font-weight:900}
.ppf-v2-image-tag strong{display:block;font-size:34px;line-height:1;margin:8px 0}
.ppf-v2-image-tag small{font-size:7px;letter-spacing:.13em;font-weight:800}
.ppf-v2-intro-copy>p{color:#666;font-size:14px;line-height:1.9;margin:24px 0 0;font-weight:500}
.ppf-v2-stat-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.ppf-v2-stat-row div{padding:20px 15px;border-right:1px solid #ddd;display:flex;align-items:center;gap:10px}
.ppf-v2-stat-row div:last-child{border-right:0}
.ppf-v2-stat-row strong{font-size:32px;line-height:1;color:var(--ppf-red);font-weight:900}
.ppf-v2-stat-row span{font-size:7px;line-height:1.45;letter-spacing:.12em;font-weight:900;color:#555}

/* WHY */
.ppf-v2-why{background:#090909;color:#fff}
.ppf-v2-section-head.centered{text-align:center;display:block;max-width:850px;margin:0 auto 55px}
.ppf-v2-section-head.centered>p{max-width:620px;margin:22px auto 0;color:#999}
.ppf-v2-why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#262626;border:1px solid #262626}
.ppf-v2-why-card{min-height:310px;padding:31px 24px;background:#0d0d0d;transition:background .3s,transform .3s}
.ppf-v2-why-card:hover{background:#151515;transform:translateY(-5px)}
.why-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid #333;color:var(--ppf-red);font-size:10px;font-weight:900;margin-bottom:55px}
.ppf-v2-why-card h3{font-size:17px;line-height:1.25;letter-spacing:-.02em;margin:0 0 15px}
.ppf-v2-why-card p{color:#8f8f8f;font-size:11px;line-height:1.75;margin:0}

/* BENEFITS */
.ppf-v2-benefits{background:#f4f4f4}
.ppf-v2-benefits-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}
.ppf-v2-big-number{font-size:130px;line-height:.72;color:#dedede;font-weight:900;letter-spacing:-.09em}
.ppf-v2-benefit-list{border-top:1px solid #ccc}
.ppf-v2-benefit{display:grid;grid-template-columns:75px 1.2fr 1fr;gap:30px;align-items:center;padding:31px 0;border-bottom:1px solid #ccc}
.benefit-num{font-size:12px;color:var(--ppf-red);font-weight:900}
.benefit-main h3{font-size:21px;margin:0 0 8px;letter-spacing:-.03em}
.benefit-main p{font-size:12px;line-height:1.7;color:#666;margin:0;max-width:600px}
.benefit-points{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.benefit-points span{padding:7px 9px;border:1px solid #d2d2d2;font-size:7px;letter-spacing:.1em;font-weight:900;color:#666}

/* PROCESS */
.ppf-v2-process{background:#fff}
.ppf-v2-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ppf-v2-step{position:relative;padding:35px 30px 40px;border:1px solid #ddd;min-height:235px;background:#fafafa}
.ppf-v2-step:hover{border-color:var(--ppf-red)}
.step-top{display:flex;align-items:center;gap:15px;margin-bottom:45px}
.step-top span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#111;color:#fff;font-size:10px;font-weight:900}
.step-top i{height:1px;flex:1;background:#ddd}
.ppf-v2-step h3{font-size:24px;margin:0 0 10px;font-weight:900}
.ppf-v2-step p{font-size:12px;line-height:1.75;color:#666;margin:0}

/* Testimonials use the uploaded source design above. */

/* ENQUIRY */
.ppf-v2-enquiry{background:#0a0a0a;color:#fff}
.ppf-v2-enquiry-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}
.ppf-v2-enquiry-copy h2{font-size:clamp(38px,5vw,66px);margin-top:18px}
.ppf-v2-enquiry-copy>p{color:#999;font-size:13px;line-height:1.85;max-width:470px;margin-top:24px}
.ppf-v2-contact-pill{display:inline-flex;flex-direction:column;gap:7px;margin-top:28px;padding:15px 18px;border-left:3px solid var(--ppf-red);background:#111}
.ppf-v2-contact-pill span{font-size:7px;letter-spacing:.16em;color:#777;font-weight:900}
.ppf-v2-contact-pill a{font-size:18px;color:#fff;font-weight:800}
.ppf-v2-contact-pill a b{color:var(--ppf-red);margin-left:8px}
.ppf-v2-enquiry-box{padding:31px;background:#111;border:1px solid #2a2a2a}
.enquiry-box-top{display:flex;justify-content:space-between;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid #292929}
.enquiry-box-top span{font-size:9px;letter-spacing:.16em;font-weight:900}
.enquiry-box-top i{font-size:8px;color:#666;font-style:normal;font-weight:900}
.ppf-v2-form{display:flex;flex-direction:column;gap:15px}
.ppf-v2-form label{display:flex;flex-direction:column;gap:7px}
.ppf-v2-form label>span{font-size:7px;letter-spacing:.14em;color:#777;font-weight:900}
.ppf-v2-form input,.ppf-v2-form select,.ppf-v2-form textarea{width:100%;border:1px solid #303030;background:#090909;color:#fff;padding:13px 14px;border-radius:0;outline:none;font-family:inherit;font-size:12px}
.ppf-v2-form input:focus,.ppf-v2-form select:focus,.ppf-v2-form textarea:focus{border-color:var(--ppf-red)}
.ppf-v2-form input::placeholder,.ppf-v2-form textarea::placeholder{color:#555}
.ppf-v2-form select{appearance:auto}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ppf-v2-form button{margin-top:3px;height:52px;border:0;background:var(--ppf-red);color:#fff;cursor:pointer;font-family:inherit;font-size:9px;font-weight:900;letter-spacing:.12em}
.ppf-v2-form button:hover{background:#ff2d38}
.ppf-v2-form button b{font-size:16px;margin-left:9px}

/* RESPONSIVE */
@media (max-width:1050px){
	.ppf-v2-why-grid{grid-template-columns:repeat(3,1fr)}
	.ppf-v2-intro-grid{gap:55px}
	.ppf-v2-hero-side{display:none}
	.ppf-v2-price-card{padding-left:22px;padding-right:22px}
	.ppf-v2-price strong{font-size:43px}
}
@media (max-width:820px){
	.ppf-v2-section{padding:78px 0}
	.ppf-v2-section-head{display:block}
	.ppf-v2-section-head>p{margin-top:18px}
	.ppf-v2-price-grid{grid-template-columns:1fr}
	.ppf-v2-price-card{min-height:0}
	.ppf-v2-price-card.featured{transform:none}
	.ppf-v2-intro-grid,.ppf-v2-enquiry-grid{grid-template-columns:1fr;gap:55px}
	.ppf-v2-why-grid{grid-template-columns:repeat(2,1fr)}
	.ppf-v2-benefit{grid-template-columns:50px 1fr}
	.benefit-points{grid-column:2;justify-content:flex-start}
	.ppf-v2-process-grid{grid-template-columns:1fr}
	.ppf-v2-testimonial-grid{grid-template-columns:1fr}
	.ppf-v2-big-number{font-size:90px}
}
@media (max-width:600px){
	.ppf-v2-container{width:min(100% - 28px,1180px)}
	.ppf-v2-hero{min-height:650px}
	.ppf-v2-hero-inner{padding:110px 0 70px}
	.ppf-v2-hero h1{font-size:51px}
	.ppf-v2-hero-copy>p{font-size:13px}
	.ppf-v2-trust-row{gap:13px}
	.ppf-v2-trust-row span{font-size:7px}
	.ppf-v2-section h2{font-size:38px}
	.ppf-v2-why-grid{grid-template-columns:1fr}
	.ppf-v2-why-card{min-height:250px}
	.why-icon{margin-bottom:38px}
	.ppf-v2-benefits-top{align-items:center}
	.ppf-v2-big-number{font-size:65px}
	.ppf-v2-benefit{grid-template-columns:35px 1fr;gap:15px;padding:25px 0}
	.benefit-main h3{font-size:18px}
	.benefit-points{grid-column:2}
	.ppf-v2-testimonial-head{display:block}
	.ppf-v2-google-score{text-align:left;border-left:0;border-top:1px solid #333;margin-top:25px;padding:20px 0 0}
	.ppf-v2-review{padding:24px 20px;min-height:0}
	.ppf-v2-review-cta{display:block}
	.ppf-v2-review-cta a{display:block;margin-top:12px}
	.form-row{grid-template-columns:1fr}
	.ppf-v2-enquiry-box{padding:20px}
	.ppf-v2-image-wrap{padding-left:13px}
	.ppf-v2-image-tag{right:-5px;bottom:35px}
	.ppf-v2-stat-row{grid-template-columns:1fr}
	.ppf-v2-stat-row div{border-right:0;border-bottom:1px solid #ddd}
	.ppf-v2-stat-row div:last-child{border-bottom:0}
	.ppf-v2-scroll{display:none}
}

/* --- page-car-ppf.php (Block 8) --- */
.viptints-ppf-v2 .vip-testimonials{
    font-family:'Plus Jakarta Sans',Arial,sans-serif;
}
.viptints-ppf-v2 .vip-testimonials a{
    text-decoration:none;
}

/* --- page-car-ppf.php (Block 9) --- */
/* =========================================================
   VIP TINTS PPF V7 — FINAL VISUAL + BOOK NOW FIX
   ========================================================= */

/* ---------- PACKAGE SECTION: FULL WIDTH ---------- */
.viptints-ppf-v2 .ppf-source-packages{
    display:block !important;
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    background:#090909 !important;
    border-radius:0 !important;
    overflow:hidden !important;
}

/* ---------- PRICE ---------- */
.viptints-ppf-v2 .ppf-source-packages .ppf-package-price{
    display:flex !important;
    align-items:baseline !important;
    justify-content:center !important;
    gap:10px !important;
}
.viptints-ppf-v2 .ppf-source-packages .ppf-price-prefix{
    color:#bdbdbd !important;
    font-size:13px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
}
.viptints-ppf-v2 .ppf-source-packages .ppf-package-price strong{
    color:#f51b24 !important;
    font-size:46px !important;
    line-height:1 !important;
    font-weight:900 !important;
}

/* ---------- INTRO / IMAGE: REMOVE BAD SPACING AND FIX HEADING ---------- */
.viptints-ppf-v2 .ppf-v2-intro{
    background:#fff !important;
    padding:78px 0 90px !important;
}
.viptints-ppf-v2 .ppf-v2-intro-grid{
    width:min(1120px,calc(100% - 48px)) !important;
    max-width:1120px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:72px !important;
    align-items:center !important;
}
.viptints-ppf-v2 .ppf-v2-image-wrap{
    width:100% !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
}
.viptints-ppf-v2 .ppf-v2-image-wrap img{
    width:100% !important;
    height:500px !important;
    aspect-ratio:auto !important;
    object-fit:cover !important;
    object-position:center !important;
    display:block !important;
    filter:none !important;
    box-shadow:0 18px 45px rgba(0,0,0,.12) !important;
}
.viptints-ppf-v2 .ppf-v2-intro-copy{
    width:100% !important;
    max-width:540px !important;
}
.viptints-ppf-v2 .ppf-v2-intro-copy .ppf-v2-kicker{
    color:#111 !important;
}
.viptints-ppf-v2 .ppf-v2-intro-copy h2{
    display:block !important;
    color:#111 !important;
    font-size:clamp(36px,4vw,58px) !important;
    line-height:1.02 !important;
    margin:16px 0 0 !important;
}
.viptints-ppf-v2 .ppf-v2-intro-copy h2 em{
    color:#f51b24 !important;
}
.viptints-ppf-v2 .ppf-v2-intro-copy>p{
    color:#5d5d5d !important;
}

/* ---------- BENEFITS: WHITE TEXT ON WHITE BUG FIX ---------- */
.viptints-ppf-v2 .ppf-v2-benefits{
    background:#f4f4f4 !important;
    color:#111 !important;
}
.viptints-ppf-v2 .ppf-v2-benefits .ppf-v2-benefits-top h2{
    color:#111 !important;
    display:block !important;
}
.viptints-ppf-v2 .ppf-v2-benefits .ppf-v2-benefits-top h2 em{
    color:#f51b24 !important;
}
.viptints-ppf-v2 .ppf-v2-benefits .benefit-main h3{
    color:#111 !important;
}
.viptints-ppf-v2 .ppf-v2-benefits .benefit-main p{
    color:#666 !important;
}
.viptints-ppf-v2 .ppf-v2-benefits .benefit-num{
    color:#f51b24 !important;
}
.viptints-ppf-v2 .ppf-v2-benefits .benefit-points span{
    color:#555 !important;
    border-color:#ccc !important;
}

/* ---------- PROCESS: GUARANTEED HIDDEN ---------- */
.viptints-ppf-v2 section.ppf-v2-process,
.viptints-ppf-v2 .ppf-v2-process{
    display:none !important;
}

/* ---------- POPUP: KEEP ABOVE EVERYTHING ---------- */
#vip-lead-modal{
    z-index:2147483647 !important;
}
#vip-lead-modal .vip-lead-dialog{
    z-index:2 !important;
}

@media (max-width:820px){
    .viptints-ppf-v2 .ppf-v2-intro{
        padding:60px 0 70px !important;
    }
    .viptints-ppf-v2 .ppf-v2-intro-grid{
        width:calc(100% - 28px) !important;
        grid-template-columns:1fr !important;
        gap:38px !important;
    }
    .viptints-ppf-v2 .ppf-v2-image-wrap img{
        height:360px !important;
    }
    .viptints-ppf-v2 .ppf-v2-intro-copy{
        max-width:none !important;
    }
}
@media (max-width:600px){
    .viptints-ppf-v2 .ppf-source-packages .ppf-package-price strong{
        font-size:36px !important;
    }
    .viptints-ppf-v2 .ppf-source-packages .ppf-price-prefix{
        font-size:12px !important;
    }
    .viptints-ppf-v2 .ppf-v2-image-wrap img{
        height:280px !important;
    }
}

/* --- page-car-ppf.php (Block 10) --- */
/* =========================================================
   VIP TINTS — FINAL POPUP FORM OVERRIDE
   Fixes theme/global CSS conflicts visible on PPF page.
   ========================================================= */
#vip-lead-modal,
#vip-lead-modal *{
    box-sizing:border-box !important;
}
#vip-lead-modal{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100vh !important;
    padding:20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    z-index:2147483647 !important;
    font-family:'Plus Jakarta Sans',Arial,sans-serif !important;
    color:#fff !important;
}
#vip-lead-modal .vip-lead-backdrop{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    background:rgba(0,0,0,.88) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
}
#vip-lead-modal .vip-lead-dialog{
    position:relative !important;
    z-index:3 !important;
    width:min(620px,100%) !important;
    max-width:620px !important;
    max-height:calc(100vh - 40px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:22px !important;
    background:#101010 !important;
    color:#fff !important;
    box-shadow:0 35px 100px rgba(0,0,0,.85),0 0 60px rgba(234,28,36,.12) !important;
}
#vip-lead-modal .vip-hero-form-card{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:30px 34px 32px !important;
    background:transparent !important;
    color:#fff !important;
    border:0 !important;
    box-shadow:none !important;
}
#vip-lead-modal .vip-form-tag{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    margin:0 !important;
    padding:26px 34px 0 !important;
    color:#f51f2b !important;
    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
}
#vip-lead-modal .vip-form-tag span{
    display:block !important;
    width:22px !important;
    height:2px !important;
    background:#f51f2b !important;
    flex:0 0 22px !important;
}
#vip-lead-modal .vip-form-heading-row{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:20px !important;
    width:100% !important;
    margin:0 0 8px !important;
}
#vip-lead-modal .vip-form-kicker{
    display:block !important;
    margin:0 0 5px !important;
    color:#f51f2b !important;
    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.18em !important;
    text-transform:uppercase !important;
}
#vip-lead-modal h3#vip-lead-title{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#fff !important;
    font-size:32px !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    letter-spacing:-.035em !important;
}
#vip-lead-modal .vip-form-chat-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    border:1px solid rgba(245,31,43,.35) !important;
    border-radius:50% !important;
    color:#f51f2b !important;
    background:rgba(245,31,43,.08) !important;
}
#vip-lead-modal .vip-form-intro{
    display:block !important;
    margin:0 0 24px !important;
    padding:0 !important;
    color:#a9a9a9 !important;
    font-size:13px !important;
    line-height:1.65 !important;
}
#vip-lead-modal form.vip-modern-form{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:#fff !important;
}
#vip-lead-modal .vip-input-group{
    display:block !important;
    width:100% !important;
    margin:0 0 17px !important;
    padding:0 !important;
    color:#fff !important;
}
#vip-lead-modal .vip-input-group > label{
    display:block !important;
    width:100% !important;
    margin:0 0 8px !important;
    padding:0 !important;
    color:#dcdcdc !important;
    font-size:10px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
}
#vip-lead-modal .vip-form-row{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}
#vip-lead-modal input[type="text"],
#vip-lead-modal input[type="email"],
#vip-lead-modal input[type="tel"],
#vip-lead-modal textarea{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:13px 14px !important;
    border:1px solid rgba(255,255,255,.13) !important;
    border-radius:8px !important;
    outline:none !important;
    background:#191919 !important;
    color:#fff !important;
    font-family:'Plus Jakarta Sans',Arial,sans-serif !important;
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
    box-shadow:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;
}
#vip-lead-modal input::placeholder,
#vip-lead-modal textarea::placeholder{
    color:#777 !important;
    opacity:1 !important;
}
#vip-lead-modal input:focus,
#vip-lead-modal textarea:focus{
    border-color:rgba(245,31,43,.75) !important;
    background:#1c1c1c !important;
    color:#fff !important;
    box-shadow:0 0 0 3px rgba(245,31,43,.09) !important;
}
#vip-lead-modal .vip-selected-service-wrap,
#vip-lead-modal .vip-input-with-icon{
    position:relative !important;
    display:block !important;
    width:100% !important;
}
#vip-lead-modal .vip-selected-service-wrap input{
    padding-left:42px !important;
    border-color:rgba(245,31,43,.55) !important;
    background:linear-gradient(90deg,rgba(245,31,43,.11),#191919) !important;
    color:#fff !important;
    font-weight:700 !important;
    cursor:not-allowed !important;
}
#vip-lead-modal .vip-service-lock{
    position:absolute !important;
    left:14px !important;
    top:50% !important;
    z-index:4 !important;
    transform:translateY(-50%) !important;
    font-size:14px !important;
    line-height:1 !important;
    pointer-events:none !important;
}
#vip-lead-modal .vip-input-with-icon svg{
    position:absolute !important;
    left:14px !important;
    top:50% !important;
    z-index:3 !important;
    transform:translateY(-50%) !important;
    color:#777 !important;
    pointer-events:none !important;
}
#vip-lead-modal .vip-input-with-icon input{
    padding-left:40px !important;
}
#vip-lead-modal textarea{
    min-height:96px !important;
    resize:vertical !important;
}
#vip-lead-modal .vip-form-submit{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:52px !important;
    margin:6px 0 14px !important;
    padding:0 17px 0 20px !important;
    border:0 !important;
    border-radius:8px !important;
    background:#f51f2b !important;
    color:#fff !important;
    cursor:pointer !important;
    font-family:'Plus Jakarta Sans',Arial,sans-serif !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    box-shadow:0 12px 28px rgba(245,31,43,.22) !important;
}
#vip-lead-modal .vip-form-submit:hover{
    background:#ff303b !important;
    transform:translateY(-1px) !important;
}
#vip-lead-modal .vip-submit-arrow{
    font-size:19px !important;
    line-height:1 !important;
}
#vip-lead-modal .vip-form-security{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:#707070 !important;
    font-size:10px !important;
    line-height:1.4 !important;
}
#vip-lead-modal .vip-form-security svg{
    color:#777 !important;
    flex:0 0 auto !important;
}
#vip-lead-modal .vip-lead-close{
    position:absolute !important;
    top:18px !important;
    right:18px !important;
    z-index:99 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:38px !important;
    height:38px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.22) !important;
    border-radius:50% !important;
    background:#1c1c1c !important;
    color:#ffffff !important;
    cursor:pointer !important;
    box-shadow:0 4px 12px rgba(0,0,0,.4) !important;
    transition:background-color .2s ease, border-color .2s ease, transform .2s ease !important;
    pointer-events:auto !important;
}
#vip-lead-modal .vip-lead-close:hover{
    background:#ea1c24 !important;
    border-color:#ea1c24 !important;
    color:#ffffff !important;
    transform:scale(1.08) !important;
}
#vip-lead-modal .vip-lead-close svg{
    display:block !important;
    width:18px !important;
    height:18px !important;
    stroke:#ffffff !important;
    pointer-events:none !important;
}
#vip-lead-modal .vip-form-heading-row{
    padding-right:45px !important;
}

@media(max-width:768px){
    #vip-lead-modal{padding:14px !important}
    #vip-lead-modal .vip-lead-dialog{width:100% !important;max-width:540px !important;max-height:calc(100vh - 28px) !important;border-radius:18px !important}
    #vip-lead-modal .vip-hero-form-card{padding:26px 22px 24px !important}
    #vip-lead-modal h3#vip-lead-title{font-size:26px !important}
}

@media(max-width:560px){
    #vip-lead-modal{padding:8px !important}
    #vip-lead-modal .vip-lead-dialog{width:100% !important;max-height:calc(100vh - 16px) !important;border-radius:16px !important}
    #vip-lead-modal .vip-hero-form-card{padding:22px 16px 20px !important}
    #vip-lead-modal h3#vip-lead-title{font-size:23px !important}
    #vip-lead-modal .vip-form-intro{font-size:12px !important;margin-bottom:18px !important}
    #vip-lead-modal .vip-form-row{grid-template-columns:1fr !important;gap:0 !important}
    #vip-lead-modal .vip-input-group{margin-bottom:13px !important}
    #vip-lead-modal .vip-form-submit{min-height:48px !important;font-size:11px !important}
    #vip-lead-modal .vip-lead-close{top:14px !important;right:14px !important;width:34px !important;height:34px !important}
    #vip-lead-modal .vip-form-chat-icon{display:none !important}
}


/* ==========================================================================
   SECTION: CERAMIC COATING DEDICATED PAGE STYLES
   Source: page-ceramic-coating.php
   ========================================================================== */

/* --- page-ceramic-coating.php (Block 1) --- */
.viptints-ceramic-coating{--red:#ea1c24;--red2:#ff303b;--bg:#080808;--card:#111;--line:rgba(255,255,255,.1);font-family:'Plus Jakarta Sans',Arial,sans-serif;background:#080808;color:#fff;overflow:hidden}.viptints-ceramic-coating *{box-sizing:border-box}.wt-container{width:min(1180px,calc(100% - 44px));margin:auto}.wt-hero{position:relative;min-height:680px;display:flex;align-items:center;background:#050505;isolation:isolate;overflow:hidden}.wt-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 48%,rgba(0,0,0,.45)),var(--wt-hero) center/cover;filter:saturate(.8)}.wt-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:55px 55px;opacity:.35}.wt-glow{position:absolute;width:500px;height:500px;border-radius:50%;right:-180px;top:60px;background:rgba(234,28,36,.16);filter:blur(90px)}.wt-hero-inner{position:relative;z-index:2;padding:120px 0 100px}.wt-kicker,.wt-eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:#aaa;display:flex;align-items:center;gap:12px}.wt-kicker span,.wt-eyebrow span{display:inline-block;width:42px;height:1px;background:var(--red)}.wt-hero h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.05em;margin:22px 0}.wt-hero h1 strong,.wt-section-head h2 strong,.wt-copy h2 strong,.wt-copy-center h2 strong,.wt-carbon-copy h2 strong{font-weight:800}.wt-hero em,.wt-section-head em,.wt-copy em,.wt-copy-center em,.wt-carbon-copy em{font-style:normal;color:var(--red)}.wt-hero p{max-width:650px;color:#bbb;line-height:1.8;font-size:15px}.wt-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.wt-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:0 20px;border-radius:6px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.12em}.wt-btn-red{background:var(--red);color:#fff;box-shadow:0 12px 35px rgba(234,28,36,.22)}.wt-btn-red:hover{background:var(--red2);transform:translateY(-2px)}.wt-btn-ghost{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.04)}.wt-trust{display:flex;gap:35px;margin-top:50px;color:#888;font-size:9px;letter-spacing:.15em}.wt-trust b{color:#fff;margin-right:6px}.wt-scroll{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.2em;color:#777}.wt-scroll span{display:block;width:1px;height:30px;background:var(--red);margin:10px auto 0}.wt-pricing,.wt-intro,.wt-benefits,.wt-materials,.wt-carbon-copy,.wt-testimonials{background:#fff;color:#101010;padding:100px 0}.wt-section-head{max-width:760px;margin-bottom:50px}.wt-section-head.center{text-align:center;margin-left:auto;margin-right:auto}.wt-section-head.center .wt-eyebrow{justify-content:center}.wt-section-head h2,.wt-copy h2,.wt-copy-center h2,.wt-carbon-copy h2{font-size:clamp(35px,5vw,60px);line-height:1;letter-spacing:-.045em;margin:18px 0}.wt-section-head p,.wt-copy p,.wt-copy-center p{color:#666;line-height:1.85;font-size:14px}.wt-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.wt-single-price{grid-template-columns:minmax(280px,430px);justify-content:center}.wt-price-card{background:#111;color:#fff;border:1px solid #292929;border-radius:10px;padding:35px;min-height:480px;position:relative;overflow:hidden;transition:.3s}.wt-price-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(234,28,36,.2),transparent 35%);pointer-events:none}.wt-price-card:hover{transform:translateY(-8px);border-color:rgba(234,28,36,.6)}.wt-price-badge{display:inline-block;background:var(--red);padding:7px 10px;font-size:8px;letter-spacing:.15em;font-weight:800}.wt-price-index,.wt-price-note{font-size:9px;color:#777;letter-spacing:.15em;text-transform:uppercase;margin-top:25px}.wt-price-card h3{font-size:28px;margin:12px 0}.wt-price{font-size:64px;font-weight:800;letter-spacing:-.05em;color:var(--red)}.wt-price small{font-size:22px;vertical-align:top}.wt-price-card ul{list-style:none;padding:0;margin:25px 0}.wt-price-card li{padding:11px 0;border-bottom:1px solid #252525;color:#ccc;font-size:13px}.wt-price-card li:before{content:'✓';color:var(--red);font-weight:800;margin-right:10px}.wt-book{display:flex;justify-content:space-between;align-items:center;background:var(--red);color:#fff;text-decoration:none;padding:15px 18px;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.15em;margin-top:25px}.wt-split,.wt-material-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.wt-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd;margin-top:35px}.wt-mini-stats div{padding:20px 10px;border-right:1px solid #ddd}.wt-mini-stats div:last-child{border:0}.wt-mini-stats strong{display:block;font-size:25px}.wt-mini-stats span{font-size:8px;letter-spacing:.15em;color:#888}.wt-image-card{position:relative}.wt-image-frame{background:#111;padding:10px;border:1px solid #ddd}.wt-image-frame img{display:block;width:100%;height:470px;object-fit:cover}.wt-image-tag{position:absolute;right:-20px;bottom:35px;background:var(--red);padding:18px 22px;color:#fff;font-size:9px;letter-spacing:.15em;line-height:1.6}.wt-dark-section{background:#080808;color:#fff;padding:105px 0}.wt-why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.wt-why-grid article{border:1px solid #252525;padding:28px;min-height:260px;position:relative;background:linear-gradient(145deg,#121212,#090909)}.wt-why-grid article span{font-size:9px;color:#777;letter-spacing:.15em}.wt-why-grid i{display:block;color:var(--red);font-style:normal;font-size:24px;margin:25px 0}.wt-why-grid h3{font-size:18px}.wt-why-grid p,.wt-type-grid li{font-size:12px;line-height:1.7;color:#999}.wt-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wt-benefit-grid article{border:1px solid #ddd;padding:30px;min-height:260px}.wt-benefit-grid article:nth-child(4),.wt-benefit-grid article:nth-child(5){grid-column:span 1}.wt-benefit-no{font-size:10px;color:var(--red);font-weight:800;letter-spacing:.15em}.wt-benefit-grid h3{font-size:21px;margin:15px 0}.wt-benefit-grid ul,.wt-type-grid ul{padding:0;list-style:none}.wt-benefit-grid li{font-size:12px;color:#666;padding:8px 0;border-bottom:1px solid #eee;line-height:1.55}.wt-benefit-grid li:before,.wt-type-grid li:before{content:'✓';color:var(--red);font-weight:800;margin-right:9px}.wt-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wt-type-grid article{border:1px solid #252525;padding:30px;background:#101010}.wt-type-num{color:var(--red);font-size:10px;letter-spacing:.15em;font-weight:800}.wt-type-grid h3{font-size:21px}.wt-material-image img{width:100%;height:500px;object-fit:cover}.wt-carbon-copy{text-align:center}.wt-copy-center{max-width:850px}.wt-copy-center .wt-eyebrow{justify-content:center}.wt-testimonials{background:#f4f4f4}.wt-rating{display:inline-flex;gap:12px;align-items:center;color:var(--red);font-size:18px}.wt-rating span{color:#777;font-size:11px}.wt-review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.wt-review-grid article{background:#fff;border:1px solid #ddd;padding:27px;min-height:230px}.wt-review-grid .stars{color:#f4b400;letter-spacing:2px}.wt-review-grid p{font-size:13px;color:#555;line-height:1.7}.wt-review-grid strong{display:block;margin-top:20px}.wt-review-grid small{color:#999}.wt-cta{background:#090909;padding:80px 0}.wt-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.wt-cta h2{font-size:clamp(35px,5vw,58px);line-height:1;letter-spacing:-.04em;margin:18px 0 0}.vip-lead-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;opacity:0;pointer-events:none;transition:.25s}.vip-lead-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}.vip-lead-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(9px)}.vip-lead-dialog{position:relative;z-index:2;width:min(620px,100%);max-height:94vh;overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:linear-gradient(145deg,#171717,#090909);box-shadow:0 30px 100px #000;transform:translateY(18px) scale(.97);transition:.3s}.vip-lead-modal.is-open .vip-lead-dialog{transform:none}.vip-lead-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:1px solid #444;border-radius:50%;background:#222;z-index:4;cursor:pointer}.vip-lead-close span{position:absolute;left:11px;top:19px;width:17px;height:2px;background:#fff}.vip-lead-close span:first-child{transform:rotate(45deg)}.vip-lead-close span:last-child{transform:rotate(-45deg)}.vip-form-tag{padding:25px 34px 0;color:#777;font-size:10px;letter-spacing:.18em}.vip-form-tag span{display:inline-block;width:30px;height:1px;background:var(--red);vertical-align:middle;margin-right:9px}.vip-hero-form-card{padding:25px 34px 32px}.vip-form-kicker{font-size:9px;letter-spacing:.18em;color:var(--red);font-weight:800}.vip-form-heading-row{display:flex;justify-content:space-between;align-items:center}.vip-form-heading-row h3{font-size:34px;margin:8px 0;color:#fff}.vip-form-chat-icon{color:var(--red);font-size:25px}.vip-form-intro{color:#777;font-size:12px;margin-bottom:25px}.vip-input-group{margin-bottom:15px}.vip-input-group label{display:block;color:#ccc;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:7px}.vip-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vip-modern-form input,.vip-modern-form textarea{width:100%;display:block!important;min-height:48px;padding:0 14px!important;border:1px solid #333!important;border-radius:6px!important;background:#121212!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;outline:none!important;box-shadow:none!important}.vip-modern-form textarea{padding:13px 14px!important;min-height:100px!important;resize:vertical}.vip-modern-form input:focus,.vip-modern-form textarea:focus{border-color:var(--red)!important}.vip-selected-service-wrap{position:relative}.vip-selected-service-wrap input{padding-left:40px!important;border-color:rgba(234,28,36,.55)!important;background:linear-gradient(90deg,rgba(234,28,36,.12),#121212)!important;font-weight:700!important;cursor:not-allowed!important}.vip-service-lock{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2}.vip-selected-service-group label:after{content:'AUTO SELECTED';margin-left:8px;color:#ff3b43;border:1px solid rgba(234,28,36,.35);border-radius:20px;padding:3px 6px;font-size:8px}.vip-form-submit{width:100%;min-height:52px;border:0;border-radius:7px;background:var(--red);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-weight:800;letter-spacing:.12em;cursor:pointer}.vip-form-security{text-align:center;color:#666;font-size:9px;margin-top:12px}body.vip-modal-open{overflow:hidden}

/* CERAMIC PACKAGES — EQUAL SIZE / CLEAN ALIGNMENT */
.viptints-ceramic-coating .wt-ceramic-packages{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}
.viptints-ceramic-coating .wt-ceramic-packages .wt-price-card{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  padding:32px !important;
}
.viptints-ceramic-coating .wt-ceramic-packages .wt-price-card h3{
  min-height:76px;
  display:flex;
  align-items:flex-start;
  margin:12px 0 8px !important;
  font-size:30px !important;
  line-height:1.18 !important;
}
.viptints-ceramic-coating .wt-ceramic-packages .wt-price{
  min-height:78px;
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  white-space:nowrap !important;
  gap:4px !important;
  margin:10px 0 8px !important;
}
.viptints-ceramic-coating .wt-ceramic-packages .ceramic-price-prefix{
  position:relative !important;
  top:-12px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}
.viptints-ceramic-coating .wt-ceramic-packages .ceramic-price-main{
  color:#f51b24 !important;
  font-size:56px !important;
  line-height:.95 !important;
  font-weight:900 !important;
  letter-spacing:-.045em !important;
}
.viptints-ceramic-coating .wt-ceramic-packages .ceramic-price-main small{
  font-size:22px !important;
  vertical-align:top !important;
}
.viptints-ceramic-coating .wt-ceramic-packages .ceramic-price-suffix{
  position:relative !important;
  top:8px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}
.viptints-ceramic-coating .wt-ceramic-packages .wt-price-note{
  min-height:32px;
  margin-top:6px !important;
}
.viptints-ceramic-coating .wt-ceramic-packages .wt-price-card ul{
  flex:1 1 auto !important;
  margin:22px 0 0 !important;
}
.viptints-ceramic-coating .wt-ceramic-packages .wt-book{
  margin-top:24px !important;
  flex-shrink:0 !important;
}

@media(max-width:1000px){
  .viptints-ceramic-coating .wt-ceramic-packages{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px){
  .viptints-ceramic-coating .wt-ceramic-packages{
    grid-template-columns:1fr !important;
  }
  .viptints-ceramic-coating .wt-ceramic-packages .wt-price-card h3{
    min-height:0;
    font-size:28px !important;
  }
  .viptints-ceramic-coating .wt-ceramic-packages .wt-price{
    min-height:70px;
  }
}
@media(max-width:480px){
  .viptints-ceramic-coating .wt-ceramic-packages .wt-price-card{
    padding:25px 22px !important;
  }
  .viptints-ceramic-coating .wt-ceramic-packages .ceramic-price-prefix{
    top:-7px !important;
    font-size:12px !important;
  }
  .viptints-ceramic-coating .wt-ceramic-packages .ceramic-price-main{
    font-size:36px !important;
  }
  .viptints-ceramic-coating .wt-ceramic-packages .ceramic-price-main small{
    font-size:16px !important;
  }
  .viptints-ceramic-coating .wt-ceramic-packages .ceramic-price-suffix{
    top:5px !important;
    font-size:12px !important;
  }
}
@media(max-width:1000px){.wt-why-grid{grid-template-columns:repeat(3,1fr)}.wt-review-grid{grid-template-columns:repeat(2,1fr)}.wt-price-grid,.wt-type-grid{grid-template-columns:repeat(2,1fr)}.wt-single-price{grid-template-columns:minmax(280px,430px)}.wt-benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wt-container{width:min(100% - 28px,680px)}.wt-hero{min-height:620px}.wt-hero-inner{padding:95px 0 75px}.wt-hero h1{font-size:42px}.wt-trust{gap:15px;flex-wrap:wrap}.wt-scroll{display:none}.wt-split,.wt-material-split{grid-template-columns:1fr;gap:40px}.wt-price-grid,.wt-type-grid,.wt-benefit-grid,.wt-why-grid,.wt-review-grid{grid-template-columns:1fr}.wt-image-frame img,.wt-material-image img{height:330px}.wt-cta-inner{display:block}.wt-cta .wt-btn{margin-top:20px}.vip-form-row{grid-template-columns:1fr}.vip-hero-form-card{padding:22px 18px}.vip-form-tag{padding-left:18px}.vip-form-heading-row h3{font-size:28px}}


/* =========================================================
   CERAMIC COATING FINAL VISUAL UPGRADES
   ========================================================= */

/* PACKAGE: full dark section, including area outside the card */
.viptints-ceramic-coating .wt-pricing{
  position:relative;
  background:
    radial-gradient(circle at 50% 0, rgba(234,28,36,.14), transparent 34%),
    linear-gradient(180deg,#070707 0%,#0b0b0b 55%,#070707 100%);
  color:#fff;
  overflow:hidden;
}
.viptints-ceramic-coating .wt-pricing:before{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:55px 55px;
}
.viptints-ceramic-coating .wt-pricing > .wt-container{position:relative;z-index:2}
.viptints-ceramic-coating .wt-pricing .wt-section-head h2{color:#fff}
.viptints-ceramic-coating .wt-pricing .wt-section-head p{color:#888}
.viptints-ceramic-coating .wt-price-card{
  width:100%;
  background:
    radial-gradient(circle at 100% 0,rgba(234,28,36,.20),transparent 32%),
    linear-gradient(145deg,#171717,#090909);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 25px 70px rgba(0,0,0,.35);
}
.viptints-ceramic-coating .wt-price-card:after{
  content:"";
  position:absolute;left:-80px;bottom:-100px;width:240px;height:240px;
  border-radius:50%;background:rgba(234,28,36,.10);filter:blur(55px);pointer-events:none;
}
.viptints-ceramic-coating .wt-price-card h3{font-size:34px}
.viptints-ceramic-coating .wt-price{
  text-shadow:0 0 28px rgba(234,28,36,.24);
}
.viptints-ceramic-coating .wt-price-card li{
  color:#ddd;
  border-bottom-color:rgba(255,255,255,.09);
}

/* HERO STATS / TRUST: turn simple text stats into premium cards */
.viptints-ceramic-coating .wt-mini-stats{
  gap:12px;
  border-top:0;
  margin-top:38px;
}
.viptints-ceramic-coating .wt-mini-stats div{
  position:relative;
  min-height:104px;
  padding:20px 16px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  background:linear-gradient(145deg,#fff,#f4f4f4);
  box-shadow:0 14px 35px rgba(0,0,0,.08);
  overflow:hidden;
}
.viptints-ceramic-coating .wt-mini-stats div:before{
  content:"";
  position:absolute;left:0;top:0;width:100%;height:3px;background:var(--red);
}
.viptints-ceramic-coating .wt-mini-stats div:after{
  content:"";
  position:absolute;width:70px;height:70px;right:-25px;top:-25px;
  border-radius:50%;background:rgba(234,28,36,.10);filter:blur(4px);
}
.viptints-ceramic-coating .wt-mini-stats strong{
  position:relative;z-index:1;
  color:var(--red);
  font-size:31px;
  line-height:1;
}
.viptints-ceramic-coating .wt-mini-stats span{
  position:relative;z-index:1;
  display:block;margin-top:9px;
  color:#555;font-size:8px;font-weight:800;letter-spacing:.13em;
}

/* FEATURES & BENEFITS: premium dark presentation */
.viptints-ceramic-coating .wt-benefits{
  position:relative;
  background:
    radial-gradient(circle at 15% 10%,rgba(234,28,36,.11),transparent 28%),
    #080808;
  color:#fff;
  overflow:hidden;
}
.viptints-ceramic-coating .wt-benefits:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:60px 60px;
}
.viptints-ceramic-coating .wt-benefits > .wt-container{position:relative;z-index:2}
.viptints-ceramic-coating .wt-benefits .wt-section-head h2{color:#fff}
.viptints-ceramic-coating .wt-benefits .wt-section-head p{color:#888}
.viptints-ceramic-coating .wt-benefit-grid{
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.viptints-ceramic-coating .wt-benefit-grid article{
  position:relative;
  min-height:330px;
  padding:28px 22px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:15px;
  background:linear-gradient(145deg,#151515,#0b0b0b);
  overflow:hidden;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.viptints-ceramic-coating .wt-benefit-grid article:before{
  content:"";
  position:absolute;left:0;top:0;width:100%;height:2px;
  background:linear-gradient(90deg,transparent,var(--red),transparent);
}
.viptints-ceramic-coating .wt-benefit-grid article:after{
  content:"";
  position:absolute;width:120px;height:120px;right:-65px;top:-65px;
  border-radius:50%;background:rgba(234,28,36,.12);filter:blur(20px);
}
.viptints-ceramic-coating .wt-benefit-grid article:hover{
  transform:translateY(-8px);
  border-color:rgba(234,28,36,.48);
  box-shadow:0 25px 60px rgba(0,0,0,.35);
}
.viptints-ceramic-coating .wt-benefit-no{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;
  background:rgba(234,28,36,.10);
  border:1px solid rgba(234,28,36,.35);
  color:#ff3942;font-size:10px;
}
.viptints-ceramic-coating .wt-benefit-grid h3{
  position:relative;z-index:2;
  color:#fff;font-size:18px;line-height:1.2;margin:22px 0 17px;
}
.viptints-ceramic-coating .wt-benefit-grid ul{position:relative;z-index:2}
.viptints-ceramic-coating .wt-benefit-grid li{
  color:#999;
  border-bottom-color:rgba(255,255,255,.08);
}
.viptints-ceramic-coating .wt-benefit-grid li:before{color:#ff303b}

/* CERAMIC COATING: cinematic image background + CTA */
.viptints-ceramic-coating .wt-carbon-copy{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  text-align:left;
  padding:110px 0;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 46%,rgba(0,0,0,.34) 100%),
    linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.48)),
    url('<?php echo esc_url($window_tint_carbon_image); ?>') center/cover no-repeat;
  overflow:hidden;
}
.viptints-ceramic-coating .wt-carbon-copy:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(234,28,36,.10) 48%,transparent 72%);
}
.viptints-ceramic-coating .wt-carbon-copy .wt-container{position:relative;z-index:2}
.viptints-ceramic-coating .wt-carbon-copy .wt-copy-center{max-width:720px;margin:0}
.viptints-ceramic-coating .wt-carbon-copy .wt-eyebrow{color:#ccc}
.viptints-ceramic-coating .wt-carbon-copy .wt-copy-center h2{
  color:#fff;font-size:clamp(42px,6vw,76px);
  margin:20px 0 22px;
}
.viptints-ceramic-coating .wt-carbon-copy .wt-copy-center p{
  max-width:700px;color:rgba(255,255,255,.74);
  font-size:14px;line-height:1.9;
}
.viptints-ceramic-coating .wt-carbon-copy .wt-copy-center:after{
  content:"BOOK YOUR CERAMIC COATING  →";
  display:inline-flex;align-items:center;justify-content:center;
  margin-top:30px;padding:16px 25px;
  border-radius:6px;background:var(--red);color:#fff;
  font-size:10px;font-weight:800;letter-spacing:.13em;
  box-shadow:0 14px 40px rgba(234,28,36,.30);
}

/* Keep the real button usable: insert it directly after the carbon text via markup override below */
.viptints-ceramic-coating .wt-carbon-book{
  display:inline-flex!important;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-top:30px;
  min-height:52px;
  padding:0 21px;
  border-radius:6px;
  background:var(--red);
  color:#fff!important;
  text-decoration:none!important;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  box-shadow:0 14px 40px rgba(234,28,36,.30);
  transition:transform .3s ease,background .3s ease;
}
.viptints-ceramic-coating .wt-carbon-book:hover{
  transform:translateY(-3px);
  background:var(--red2);
}
.viptints-ceramic-coating .wt-carbon-copy .wt-copy-center:after{display:none}

/* supplied testimonial design is used below */

/* ==========================================================================
   MAIN SECTION
   ========================================================================== */

.viptints-ceramic-coating .vip-testimonials {

  position: relative;

  width: 100%;

  overflow: hidden;

  padding: 105px 24px 90px;

  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(255, 20, 30, .10),
      transparent 28%
    ),
    radial-gradient(
      circle at 90% 80%,
      rgba(255, 20, 30, .07),
      transparent 30%
    ),
    #090909;

  color: #ffffff;

}


/* Premium grid */

.viptints-ceramic-coating .vip-testimonials::before {

  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  background-image:
    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    );

  background-size: 60px 60px;

}


.viptints-ceramic-coating .vip-testimonials-container {

  position: relative;

  z-index: 2;

  width: 100%;

  max-width: 1240px;

  margin: 0 auto;

}


/* ==========================================================================
   HEADING
   ========================================================================== */

.viptints-ceramic-coating .vip-testimonials-heading {

  max-width: 800px;

  margin: 0 auto 42px;

  text-align: center;

}


.viptints-ceramic-coating .vip-testimonials .vip-eyebrow {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  margin-bottom: 17px;

  color: #ff202d;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .28em;

}


.viptints-ceramic-coating .vip-testimonials .vip-eyebrow span {

  width: 35px;

  height: 1px;

  background: #ff202d;

}


.viptints-ceramic-coating .vip-testimonials-heading h2 {

  margin: 0;

  color: #ffffff;

  font-size: clamp(42px, 6vw, 72px);

  font-weight: 300;

  line-height: .95;

  letter-spacing: -.055em;

  text-transform: uppercase;

}


.viptints-ceramic-coating .vip-testimonials-heading h2 strong {

  display: block;

  color: #ff202d;

  font-weight: 800;

}


.viptints-ceramic-coating .vip-testimonials-heading p {

  max-width: 650px;

  margin: 22px auto 0;

  color: rgba(255,255,255,.60);

  font-size: 14px;

  line-height: 1.75;

}


/* ==========================================================================
   GOOGLE SUMMARY
   ========================================================================== */

.viptints-ceramic-coating .vip-review-summary {

  display: flex;

  align-items: center;

  justify-content: center;

  width: fit-content;

  max-width: 100%;

  margin: 0 auto 55px;

  padding: 12px 20px;

  border: 1px solid rgba(255,255,255,.10);

  border-radius: 14px;

  background: rgba(255,255,255,.045);

  box-shadow:
    0 15px 45px rgba(0,0,0,.25);

  backdrop-filter: blur(12px);

}


.viptints-ceramic-coating .vip-review-summary-left {

  display: flex;

  align-items: center;

  gap: 12px;

}


.vip-google-mark {

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 10px;

  background: #ffffff;

  color: #4285f4;

  font-family: Arial, sans-serif;

  font-size: 24px;

  font-weight: 700;

}


.viptints-ceramic-coating .vip-review-source {

  color: #ffffff;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.1;

}


.viptints-ceramic-coating .vip-review-source-label {

  margin-top: 4px;

  color: rgba(255,255,255,.38);

  font-size: 8px;

  font-weight: 700;

  letter-spacing: .16em;

}


.viptints-ceramic-coating .vip-review-summary-divider {

  width: 1px;

  height: 30px;

  margin: 0 20px;

  background: rgba(255,255,255,.13);

}


.viptints-ceramic-coating .vip-review-rating {

  display: flex;

  align-items: center;

  gap: 10px;

}


.vip-rating-number {

  color: #ffffff;

  font-size: 18px;

  font-weight: 800;

}


.vip-rating-stars {

  color: #fbbc04;

  font-size: 15px;

  letter-spacing: 2px;

}


/* ==========================================================================
   REVIEW GRID
   ========================================================================== */

.viptints-ceramic-coating .vip-review-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 18px;

}


/* ==========================================================================
   REVIEW CARD
   ========================================================================== */

.viptints-ceramic-coating .vip-review-card {

  position: relative;

  min-height: 315px;

  display: flex;

  flex-direction: column;

  padding: 26px;

  overflow: hidden;

  border: 1px solid #e7e7e7;

  border-radius: 17px;

  background: #ffffff;

  color: #222222;

  box-shadow:
    0 18px 50px rgba(0,0,0,.25);

  transition:
    transform .35s ease,
    box-shadow .35s ease;

}


.viptints-ceramic-coating .vip-review-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 3px;

  background:
    linear-gradient(
      90deg,
      #4285f4,
      #34a853,
      #fbbc04,
      #ea4335
    );

}


.viptints-ceramic-coating .vip-review-card:hover {

  transform: translateY(-7px);

  box-shadow:
    0 28px 65px rgba(0,0,0,.40);

}


/* ==========================================================================
   USER
   ========================================================================== */

.viptints-ceramic-coating .vip-review-top {

  display: flex;

  align-items: center;

  gap: 12px;

}


.viptints-ceramic-coating .vip-review-avatar {

  width: 47px;

  height: 47px;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  color: #ffffff;

  font-size: 18px;

  font-weight: 700;

}


.avatar-gold {

  background: #d99b2b;

}


.avatar-purple {

  background: #7651b8;

}


.avatar-blue {

  background: #4285f4;

}


.avatar-green {

  background: #3c9b55;

}


.viptints-ceramic-coating .vip-review-user {

  min-width: 0;

}


.viptints-ceramic-coating .vip-review-user h3 {

  margin: 0;

  color: #202124;

  font-size: 14px;

  font-weight: 700;

}


.viptints-ceramic-coating .vip-review-meta {

  display: flex;

  align-items: center;

  gap: 7px;

  margin-top: 4px;

  color: #80868b;

  font-size: 10px;

}


.vip-google-small {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 17px;

  height: 17px;

  border-radius: 50%;

  background: #f5f5f5;

  color: #4285f4;

  font-family: Arial, sans-serif;

  font-size: 11px;

  font-weight: 800;

}


.viptints-ceramic-coating .vip-review-menu {

  margin-left: auto;

  color: #a0a0a0;

  font-size: 15px;

  letter-spacing: 2px;

}


/* ==========================================================================
   STARS
   ========================================================================== */

.viptints-ceramic-coating .vip-review-stars {

  margin-top: 19px;

  color: #fbbc04;

  font-size: 16px;

  letter-spacing: 2px;

}


/* ==========================================================================
   REVIEW TEXT
   ========================================================================== */

.viptints-ceramic-coating .vip-review-card p {

  margin: 15px 0 0;

  color: #5f6368;

  font-size: 12.5px;

  line-height: 1.7;

}


/* ==========================================================================
   REVIEW FOOTER
   ========================================================================== */

.viptints-ceramic-coating .vip-review-footer {

  display: flex;

  align-items: center;

  gap: 7px;

  margin-top: auto;

  padding-top: 20px;

  color: #8a8a8a;

  font-size: 10px;

  font-weight: 600;

}


.vip-google-badge {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 17px;

  height: 17px;

  border-radius: 50%;

  background: #ffffff;

  color: #4285f4;

  border: 1px solid #e2e2e2;

  font-family: Arial, sans-serif;

  font-size: 10px;

  font-weight: 800;

}


/* ==========================================================================
   CTA
   ========================================================================== */

.viptints-ceramic-coating .vip-review-cta {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  margin-top: 55px;

  padding: 27px 32px;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.10);

  border-left: 3px solid #ff202d;

  border-radius: 17px;

  background:
    linear-gradient(
      105deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.015)
    );

}


.viptints-ceramic-coating .vip-review-cta-content {

  position: relative;

  z-index: 2;

}


.viptints-ceramic-coating .vip-review-cta-content span {

  display: block;

  margin-bottom: 7px;

  color: #ff202d;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .23em;

}


.viptints-ceramic-coating .vip-review-cta-content h3 {

  margin: 0;

  color: #ffffff;

  font-size: clamp(21px,3vw,30px);

  font-weight: 500;

  line-height: 1.1;

}


.viptints-ceramic-coating .vip-review-cta-content h3 strong {

  color: #ff202d;

  font-weight: 800;

}


/* ==========================================================================
   WRITE REVIEW
   ========================================================================== */

.vip-write-review {

  position: relative;

  z-index: 3;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 11px;

  flex-shrink: 0;

  padding: 14px 23px;

  border-radius: 7px;

  background:
    linear-gradient(
      135deg,
      #ed1c24,
      #ff3b43
    );

  color: #ffffff !important;

  text-decoration: none !important;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .08em;

  box-shadow:
    0 12px 30px rgba(237,28,36,.22);

  transition:
    transform .3s ease,
    box-shadow .3s ease;

}


.vip-write-review:hover {

  color: #ffffff !important;

  transform: translateY(-3px);

  box-shadow:
    0 18px 40px rgba(237,28,36,.35);

}


.vip-write-review svg {

  transition: transform .3s ease;

}


.vip-write-review:hover svg {

  transform: translateX(4px);

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1050px) {

  .viptints-ceramic-coating .vip-review-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 650px) {

  .viptints-ceramic-coating .vip-testimonials {

    padding: 75px 16px 65px;

  }


  .viptints-ceramic-coating .vip-testimonials-heading {

    margin-bottom: 32px;

  }


  .viptints-ceramic-coating .vip-testimonials-heading h2 {

    font-size: 43px;

  }


  .viptints-ceramic-coating .vip-testimonials-heading p {

    font-size: 13px;

  }


  .viptints-ceramic-coating .vip-review-summary {

    width: 100%;

    justify-content: center;

    margin-bottom: 35px;

    padding: 11px 14px;

  }


  .viptints-ceramic-coating .vip-review-summary-divider {

    margin: 0 14px;

  }


  .vip-google-mark {

    width: 36px;

    height: 36px;

    font-size: 21px;

  }


  .viptints-ceramic-coating .vip-review-source {

    font-size: 12px;

  }


  .viptints-ceramic-coating .vip-review-source-label {

    font-size: 7px;

  }


  .vip-rating-number {

    font-size: 16px;

  }


  .vip-rating-stars {

    font-size: 13px;

    letter-spacing: 1px;

  }


  .viptints-ceramic-coating .vip-review-grid {

    grid-template-columns: 1fr;

    gap: 15px;

  }


  .viptints-ceramic-coating .vip-review-card {

    min-height: 285px;

    padding: 23px;

  }


  .viptints-ceramic-coating .vip-review-cta {

    flex-direction: column;

    align-items: stretch;

    gap: 20px;

    margin-top: 40px;

    padding: 24px 20px;

    text-align: center;

  }


  .vip-write-review {

    width: 100%;

  }

}

/* --- page-ceramic-coating.php (Block 2) --- */
/* ============================================================
   CERAMIC COATING — SAME MASTER DESIGN, CERAMIC-SPECIFIC POLISH
   ============================================================ */
.viptints-ceramic-coating .wt-price-card h3{
  max-width:420px;
}
.viptints-ceramic-coating .wt-price-card ul{
  max-width:720px;
}
.viptints-ceramic-coating .wt-ceramic-benefit-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1120px;
  margin:0 auto;
}
.viptints-ceramic-coating .wt-ceramic-benefit-grid article{
  min-height:360px;
}
.viptints-ceramic-coating .wt-ceramic-spotlight{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.62)),
    var(--wt-ceramic-bg) center/cover no-repeat;
}
.viptints-ceramic-coating .wt-ceramic-spotlight:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 72% 35%,rgba(234,28,36,.24),transparent 34%),
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.40));
}
.viptints-ceramic-coating .wt-ceramic-spotlight .wt-copy-center{
  position:relative;
  z-index:2;
}
.viptints-ceramic-coating .wt-why-grid article h3{
  max-width:240px;
}
@media(max-width:1000px){
  .viptints-ceramic-coating .wt-ceramic-benefit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .viptints-ceramic-coating .wt-ceramic-benefit-grid{
    grid-template-columns:1fr;
  }
}

/* --- page-ceramic-coating.php (Block 3) --- */
@media(max-width:1000px){
  .viptints-ceramic-coating .wt-benefit-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .viptints-ceramic-coating .wt-mini-stats{grid-template-columns:1fr;gap:10px}
  .viptints-ceramic-coating .wt-mini-stats div{min-height:88px}
  .viptints-ceramic-coating .wt-benefit-grid{grid-template-columns:1fr}
  .viptints-ceramic-coating .wt-benefit-grid article{min-height:260px}
  .viptints-ceramic-coating .wt-carbon-copy{
    min-height:560px;
    padding:85px 0;
    background-position:center;
  }
  .viptints-ceramic-coating .wt-carbon-copy .wt-copy-center h2{font-size:43px}
  .viptints-ceramic-coating .wt-carbon-copy .wt-copy-center p{font-size:13px}
}
@media(max-width:480px){
  .viptints-ceramic-coating .wt-carbon-copy{min-height:520px}
  .viptints-ceramic-coating .wt-carbon-copy .wt-copy-center h2{font-size:36px}
  .viptints-ceramic-coating .wt-carbon-book{width:100%}
}


/* ============================================================
   CERAMIC PRICE — MATCH PPF PRICE POSITION
   From higher-left, main price large, Exd. GST lower-right
   ============================================================ */
.viptints-ceramic-coating .wt-price.ceramic-price{
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:4px !important;
  white-space:nowrap !important;
  margin:25px 0 24px !important;
  font-size:inherit !important;
  color:inherit !important;
  text-shadow:none !important;
}

.viptints-ceramic-coating .ceramic-price-prefix{
  position:relative !important;
  top:-20px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}

.viptints-ceramic-coating .ceramic-price-main{
  display:inline-flex !important;
  align-items:baseline !important;
  color:var(--red) !important;
  font-size:56px !important;
  line-height:.95 !important;
  font-weight:900 !important;
  letter-spacing:-.045em !important;
  text-shadow:0 0 28px rgba(234,28,36,.24) !important;
}

.viptints-ceramic-coating .ceramic-price-main small{
  font-size:22px !important;
  line-height:1 !important;
  vertical-align:baseline !important;
  margin-right:1px !important;
  color:inherit !important;
}

.viptints-ceramic-coating .ceramic-price-suffix{
  position:relative !important;
  top:8px !important;
  color:rgba(255,255,255,.78) !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

@media(max-width:760px){
  .viptints-ceramic-coating .wt-price.ceramic-price{
    justify-content:flex-start !important;
    gap:3px !important;
  }
  .viptints-ceramic-coating .ceramic-price-prefix{
    top:-9px !important;
    font-size:14px !important;
  }
  .viptints-ceramic-coating .ceramic-price-main{
    font-size:42px !important;
  }
  .viptints-ceramic-coating .ceramic-price-main small{
    font-size:18px !important;
  }
  .viptints-ceramic-coating .ceramic-price-suffix{
    top:6px !important;
    font-size:14px !important;
  }
}

@media(max-width:480px){
  .viptints-ceramic-coating .wt-price.ceramic-price{
    gap:2px !important;
  }
  .viptints-ceramic-coating .ceramic-price-prefix{
    top:-7px !important;
    font-size:12px !important;
  }
  .viptints-ceramic-coating .ceramic-price-main{
    font-size:36px !important;
  }
  .viptints-ceramic-coating .ceramic-price-main small{
    font-size:16px !important;
  }
  .viptints-ceramic-coating .ceramic-price-suffix{
    top:5px !important;
    font-size:12px !important;
  }
}

/* --- page-ceramic-coating.php (Block 4) --- */
/* VIP TINTS — 4 REVIEW SLIDER */
.viptints-ceramic-coating .vip-review-slider-wrap{
  position:relative;
  display:flex;
  align-items:stretch;
  gap:18px;
  width:100%;
}
.viptints-ceramic-coating .vip-review-slider{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  width:100%;
  overflow:hidden;
}
.viptints-ceramic-coating .vip-review-card{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.viptints-ceramic-coating .vip-review-card p{
  flex:1;
}
.viptints-ceramic-coating .vip-review-arrow{
  display:none;
  flex:0 0 44px;
  width:44px;
  height:44px;
  align-self:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:#151515;
  color:#fff;
  cursor:pointer;
  font-size:20px;
  transition:.25s ease;
  z-index:3;
}
.viptints-ceramic-coating .vip-review-arrow:hover{
  background:var(--red);
  border-color:var(--red);
}
.viptints-ceramic-coating .vip-review-dots{
  display:none;
  justify-content:center;
  gap:8px;
  margin-top:24px;
}
.viptints-ceramic-coating .vip-review-dot{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#555;
  cursor:pointer;
  transition:.25s ease;
}
.viptints-ceramic-coating .vip-review-dot.is-active{
  width:24px;
  border-radius:10px;
  background:var(--red);
}
@media(max-width:1000px){
  .viptints-ceramic-coating .vip-review-slider{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .viptints-ceramic-coating .vip-review-arrow{
    display:block;
  }
}
@media(max-width:650px){
  .viptints-ceramic-coating .vip-review-slider-wrap{
    gap:8px;
  }
  .viptints-ceramic-coating .vip-review-slider{
    grid-template-columns:1fr;
  }
  .viptints-ceramic-coating .vip-review-arrow{
    flex-basis:38px;
    width:38px;
    height:38px;
    font-size:17px;
  }
  .viptints-ceramic-coating .vip-review-dots{
    display:flex;
  }
}


/* ==========================================================================
   SECTION: ABOUT US DEDICATED PAGE STYLES
   Source: page-about.php
   ========================================================================== */

/* --- page-about.php (Block 1) --- */
.vip-about-page{--r:#EA1C24;--rd:#C81017;--line:rgba(255,255,255,.10);background:#070707;color:#fff;overflow:hidden;font-family:"Plus Jakarta Sans",Arial,sans-serif}
		.vip-about-page *{box-sizing:border-box}
		.vip-about-page a{color:inherit}
		.va-wrap{width:min(1240px,calc(100% - 40px));margin:auto}
		.va-sec{padding:80px 0;position:relative}.va-page-banner + .va-sec{padding-top:80px}
		.va-eye{display:inline-flex;align-items:center;gap:9px;color:#ff3a42;font-size:11px;font-weight:700;letter-spacing:2.8px;text-transform:uppercase}
		.va-eye:before{content:"";width:28px;height:2px;background:var(--r)}
		.va-h{margin:15px 0 20px;font-size:clamp(38px,5vw,70px);line-height:.98;font-weight:800;letter-spacing:-2.8px}
		.va-h span{color:var(--r)}
		.va-copy{color:#aaa;font-size:15px;line-height:1.85;max-width:700px}
		.va-btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px 24px;border-radius:7px;background:var(--r);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:700;box-shadow:0 12px 30px rgba(234,28,36,.24);transition:.25s}
		.va-btn:hover{background:var(--rd);transform:translateY(-3px)}
		.va-btn.alt{background:transparent;border:1px solid rgba(255,255,255,.2);box-shadow:none}
		.va-btn.alt:hover{background:#fff;color:#111!important}
		/* Premium image + title banner */
		.va-page-banner{position:relative;min-height:330px;display:flex;align-items:center;overflow:hidden;background:#070707;border-bottom:1px solid rgba(234,28,36,.22)}
		.va-banner-bg{position:absolute;inset:0;background:radial-gradient(circle at 78% 45%,rgba(234,28,36,.13),transparent 25%),linear-gradient(105deg,#050505 0%,#090909 55%,#050505 100%)}
		.va-banner-grid{position:absolute;inset:0;opacity:.055;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:64px 64px;animation:vaGridMove 18s linear infinite}
		.va-banner-glow{position:absolute;width:330px;height:330px;border-radius:50%;filter:blur(80px);opacity:.12;pointer-events:none;background:#EA1C24}
		.va-banner-glow-one{left:-140px;top:-180px;animation:vaFloatOne 7s ease-in-out infinite}
		.va-banner-glow-two{right:-130px;bottom:-200px;animation:vaFloatTwo 9s ease-in-out infinite}
		.va-banner-layout{position:relative;z-index:3;display:grid;grid-template-columns:43% 57%;align-items:center;gap:55px;padding-top:80px;padding-bottom:80px}
		.va-banner-image-wrap{position:relative;height:210px}
		.va-banner-image{position:absolute;left:0;top:0;width:76%;height:210px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 60px rgba(0,0,0,.5);transform:perspective(900px) rotateY(5deg);transition:transform .6s ease}
		.va-banner-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05);transition:transform 1s ease}
		.va-banner-image-wrap:hover .va-banner-image{transform:perspective(900px) rotateY(0deg) translateY(-4px)}
		.va-banner-image-wrap:hover .va-banner-image img{transform:scale(1.08)}
		.va-banner-image-frame{position:absolute;left:24px;top:18px;width:76%;height:210px;border:1px solid rgba(234,28,36,.6);border-radius:14px;transform:translate(15px,15px);pointer-events:none;animation:vaFramePulse 3s ease-in-out infinite}
		.va-banner-badge{position:absolute;right:0;bottom:12px;width:92px;height:92px;border-radius:50%;background:#0d0d0d;border:1px solid rgba(234,28,36,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 15px 40px rgba(0,0,0,.5);animation:vaBadgeFloat 4s ease-in-out infinite}
		.va-banner-badge span{font-size:22px;font-weight:900;color:#fff;letter-spacing:1px}.va-banner-badge small{font-size:7px;letter-spacing:1.6px;color:#888;margin-top:3px}
		.va-banner-content{padding-left:10px}
		.va-banner-kicker{display:flex;align-items:center;gap:11px;color:#ff3a42;font-size:10px;font-weight:800;letter-spacing:3px;text-transform:uppercase}
		.va-banner-kicker i{display:block;width:38px;height:1px;background:var(--r);box-shadow:0 0 12px rgba(234,28,36,.7)}
		.va-banner-content h1{margin:12px 0 12px;font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:clamp(48px,6vw,76px);font-weight:800;letter-spacing:-3.4px;line-height:.98;color:#fff;text-shadow:0 10px 35px rgba(0,0,0,.45);animation:vaTitleIn .85s cubic-bezier(.2,.8,.2,1) both}
		.va-banner-content p{margin:0;color:#999;font-size:14px;line-height:1.7;max-width:510px}
		.va-banner-rule{position:relative;width:170px;height:2px;background:rgba(255,255,255,.1);margin-top:24px;overflow:hidden}
		.va-banner-rule span{position:absolute;left:0;top:0;width:55px;height:100%;background:var(--r);box-shadow:0 0 14px rgba(234,28,36,.8);animation:vaRuleMove 2.8s ease-in-out infinite}
		.va-banner-scroll{position:absolute;right:30px;bottom:20px;z-index:4;color:#555;font-size:8px;font-weight:700;letter-spacing:2px}
		.va-banner-scroll span{color:var(--r);font-size:14px;margin-left:7px;animation:vaArrowBounce 1.4s ease-in-out infinite}
		@keyframes vaTitleIn{from{opacity:0;transform:translateX(28px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
		@keyframes vaRuleMove{0%,100%{left:0}50%{left:115px}}
		@keyframes vaFramePulse{0%,100%{opacity:.55}50%{opacity:1;transform:translate(19px,19px)}}
		@keyframes vaBadgeFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}}
		@keyframes vaArrowBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
		@keyframes vaGridMove{from{transform:translate3d(0,0,0)}to{transform:translate3d(64px,64px,0)}}
		@keyframes vaFloatOne{0%,100%{transform:translate(0,0)}50%{transform:translate(55px,45px)}}
		@keyframes vaFloatTwo{0%,100%{transform:translate(0,0)}50%{transform:translate(-45px,-35px)}}

		.va-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(234,28,36,.2),transparent 28%),linear-gradient(90deg,#050505 0%,rgba(5,5,5,.94) 38%,rgba(5,5,5,.2) 100%);z-index:1}
		.va-hero-grid{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:70px 70px}
		.va-hero-img{position:absolute;right:-4%;top:0;width:59%;height:100%;overflow:hidden}
		.va-hero-img img{width:100%;height:100%;object-fit:cover;animation:vaZoom 9s ease-in-out infinite alternate}
		.va-hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505,rgba(5,5,5,.45) 35%,transparent 72%),linear-gradient(0deg,#050505,transparent 25%)}
		.va-hero-content{position:relative;z-index:3;width:63%;padding:120px 0 80px}
		.va-hero-content .va-h{font-size:clamp(46px,6vw,84px)}
		.va-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
		.va-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
		.va-stat{text-align:center;padding:30px 20px;border-right:1px solid var(--line)}
		.va-stat:last-child{border:0}
		.va-stat strong{display:block;font-size:34px;font-weight:800}
		.va-stat small{color:#777;font-size:10px;letter-spacing:2px;text-transform:uppercase}
		.va-story{background:#0a0a0a}
		.va-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
		.va-images{position:relative;min-height:570px}
		.va-img-main{position:absolute;left:0;top:0;width:78%;height:470px;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px #000}
		.va-img-main img,.va-img-small img{width:100%;height:100%;object-fit:cover;transition:.7s}
		.va-img-main:hover img{transform:scale(1.05)}
		.va-img-small{position:absolute;right:0;bottom:0;width:48%;height:245px;border:8px solid #0a0a0a;border-radius:15px;overflow:hidden}
		.va-year{position:absolute;left:25px;bottom:25px;padding:17px 21px;background:rgba(10,10,10,.92);border:1px solid rgba(234,28,36,.55);border-radius:10px}
		.va-year strong{display:block;color:var(--r);font-size:29px}
		.va-year small{color:#aaa;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}
		.va-list{display:grid;gap:12px;margin-top:28px}
		.va-list-item{display:flex;gap:15px;padding:16px 0;border-top:1px solid var(--line)}
		.va-list-item>b{color:var(--r);font-size:12px}
		.va-list-item h4{margin:0 0 5px;font-size:15px}
		.va-list-item p{margin:0;color:#888;font-size:12px;line-height:1.7}
		.va-center{text-align:center;max-width:800px;margin:0 auto 50px}
		.va-center .va-eye{justify-content:center}
		.va-center .va-copy{margin:auto}
		.va-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
		.va-panel{position:relative;padding:38px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#151515,#0d0d0d);overflow:hidden;transition:.35s}
		.va-panel:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--r);transform:scaleY(.2);transform-origin:top;transition:.35s}
		.va-panel:hover{transform:translateY(-7px);border-color:rgba(234,28,36,.5)}
		.va-panel:hover:before{transform:scaleY(1)}
		.va-panel small{color:#555;letter-spacing:2px}
		.va-panel h3{margin:16px 0 12px;font-size:28px}
		.va-panel p{margin:0;color:#929292;font-size:13px;line-height:1.85}
		.va-values{background:#0a0a0a}
		.va-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
		.va-value{min-height:235px;padding:27px 23px;border:1px solid var(--line);background:#101010;border-radius:12px;transition:.35s}
		.va-value:hover{transform:translateY(-8px);border-color:rgba(234,28,36,.55);box-shadow:0 20px 50px rgba(234,28,36,.08)}
		.va-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(234,28,36,.1);border:1px solid rgba(234,28,36,.3);color:var(--r);font-size:18px}
		.va-value small{display:block;margin-top:23px;color:#555;letter-spacing:2px}
		.va-value h3{margin:7px 0 9px;font-size:18px}
		.va-value p{margin:0;color:#888;font-size:12px;line-height:1.7}
		.va-services{background:#050505}
		.va-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
		.va-service{padding:31px;border:1px solid var(--line);border-radius:14px;background:#101010;transition:.35s}
		.va-service:hover{transform:translateY(-6px);border-color:rgba(234,28,36,.5)}
		.va-service .no{color:var(--r);font-size:11px;font-weight:700;letter-spacing:2px}
		.va-service h3{margin:18px 0 10px;font-size:22px}
		.va-service p{margin:0;color:#888;font-size:12px;line-height:1.8}
		.va-service a{display:inline-flex;margin-top:20px;color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
		.va-service a span{color:var(--r);margin-left:8px}
		.va-process{border-top:1px solid var(--line)}
		.va-process-grid{display:grid;grid-template-columns:repeat(3,1fr)}
		.va-step{position:relative;padding-right:35px}
		.va-step:not(:last-child):after{content:"";position:absolute;right:20px;top:21px;width:calc(100% - 65px);height:1px;background:linear-gradient(90deg,var(--r),rgba(255,255,255,.08))}
		.va-step-num{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0b0b0b;border:1px solid var(--r);color:var(--r);font-size:11px;font-weight:700}
		.va-step h3{margin:20px 0 9px;font-size:18px}
		.va-step p{margin:0;color:#888;font-size:12px;line-height:1.75}
		.va-cta{margin-bottom:80px;padding:65px 50px;border-radius:18px;border:1px solid rgba(234,28,36,.35);background:radial-gradient(circle at 85% 50%,rgba(234,28,36,.22),transparent 30%),linear-gradient(135deg,#141414,#090909)}
		.va-cta-in{display:flex;align-items:center;justify-content:space-between;gap:30px}
		.va-cta h2{margin:0;font-size:clamp(30px,4vw,52px);line-height:1}
		.va-cta p{margin:12px 0 0;color:#888;font-size:13px}
		.va-reveal{opacity:1;transform:none;transition:opacity .75s ease,transform .75s ease}
		.va-reveal.show{opacity:1;transform:none}
		.d1{transition-delay:.12s}.d2{transition-delay:.24s}.d3{transition-delay:.36s}
		@keyframes vaZoom{from{transform:scale(1)}to{transform:scale(1.07)}}
		.va-white{background:#f7f7f7;color:#111}
		.va-white .va-copy{color:#555}
		.va-white .va-eye{color:#d6151c}
		.va-white .va-h{color:#111}
		.va-white .va-panel,.va-white .va-value,.va-white .va-service{background:#fff;border-color:rgba(0,0,0,.10)}
		.va-white .va-panel p,.va-white .va-value p,.va-white .va-service p,.va-white .va-step p{color:#666}
		.va-white .va-panel small,.va-white .va-value small{color:#777}
		.va-white .va-list-item{border-color:rgba(0,0,0,.10)}
		.va-white .va-img-small{border-color:#f7f7f7}
		.va-white .va-step-num{background:#fff}
		.va-white .va-cta{background:#fff}
		.va-black{background:#070707;color:#fff}
		.va-story.va-white{background:#f7f7f7}
		.va-values.va-white{background:#f7f7f7}
		.va-process.va-white{background:#f7f7f7}
		/* Premium section treatments */
		.va-story.va-white,.va-values.va-white,.va-process.va-white{background:#f5f5f5}
		.va-story.va-white:before,.va-values.va-white:before,.va-process.va-white:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.025) 50%,transparent 100%)}
		.va-story-grid{position:relative;z-index:1}
		.va-images{filter:drop-shadow(0 25px 40px rgba(0,0,0,.12))}
		.va-img-main{box-shadow:0 30px 65px rgba(0,0,0,.22)}
		.va-white .va-h{font-weight:800}
		.va-white .va-list-item{transition:padding-left .3s ease,border-color .3s ease}
		.va-white .va-list-item:hover{padding-left:10px;border-color:rgba(234,28,36,.35)}
		.va-panels,.va-value-grid,.va-service-grid,.va-process-grid{position:relative;z-index:1}
		.va-panel,.va-value,.va-service{box-shadow:0 12px 35px rgba(0,0,0,.05)}
		.va-panel:after,.va-value:after,.va-service:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--r),transparent);transform:scaleX(0);transform-origin:center;transition:transform .45s ease}
		.va-panel:hover:after,.va-value:hover:after,.va-service:hover:after{transform:scaleX(1)}
		.va-value{position:relative;overflow:hidden}
		.va-value:before{content:attr(data-number);position:absolute;right:-8px;top:-25px;font-size:100px;font-weight:900;color:rgba(234,28,36,.035);line-height:1}
		.va-service{position:relative;overflow:hidden}
		.va-service .no{position:relative;z-index:1}
		.va-service h3{font-weight:800}
		.va-process-grid{gap:28px}
		.va-step{padding:28px 35px 28px 0;border-top:1px solid rgba(0,0,0,.1)}
		.va-white .va-step-num{box-shadow:0 10px 25px rgba(234,28,36,.12)}
		.va-cta{position:relative;overflow:hidden}
		.va-cta:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-110px;background:rgba(234,28,36,.09);filter:blur(25px);animation:vaCtaGlow 5s ease-in-out infinite}
		.va-cta-in{position:relative;z-index:1}
		@keyframes vaCtaGlow{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}

		/* WHAT DRIVES US SECTION */
		.va-drives{background:radial-gradient(circle at 80% 20%,rgba(234,28,36,.08),transparent 40%),radial-gradient(circle at 15% 80%,rgba(234,28,36,.05),transparent 45%),#070707;position:relative;padding:90px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
		.va-drives-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}
		.va-drives-head .va-h{margin:12px 0 0;font-size:clamp(34px,4.5vw,56px);line-height:1.05;letter-spacing:-2px}
		.va-drives-head .va-copy{max-width:460px;margin:0;color:#999;font-size:14px;line-height:1.75}
		.va-drives-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
		.va-drive-card{position:relative;padding:38px 32px;border-radius:16px;background:linear-gradient(150deg,#141414 0%,#0d0d0d 100%);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.35)}
		.va-drive-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--r),transparent);opacity:0;transition:opacity .35s ease}
		.va-drive-card:hover{transform:translateY(-7px);border-color:rgba(234,28,36,.45);box-shadow:0 20px 45px rgba(234,28,36,.12)}
		.va-drive-card:hover::before{opacity:1}
		.va-drive-card.featured{border-color:rgba(234,28,36,.25);background:linear-gradient(150deg,#181213 0%,#0d090a 100%)}
		.va-drive-icon{width:46px;height:46px;border-radius:12px;background:rgba(234,28,36,.12);border:1px solid rgba(234,28,36,.3);color:var(--r);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:22px;transition:transform .3s ease}
		.va-drive-card:hover .va-drive-icon{transform:scale(1.1) rotate(6deg)}
		.va-drive-meta{color:var(--r);font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:10px}
		.va-drive-card h3{font-size:24px;font-weight:800;color:#fff;margin:0 0 12px;line-height:1.2}
		.va-drive-card h3 span{color:var(--r)}
		.va-drive-card p{color:#8f8f8f;font-size:13.5px;line-height:1.75;margin:0;flex-grow:1}
		.va-drive-arrow{margin-top:24px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .3s ease;align-self:flex-start}
		.va-drive-card:hover .va-drive-arrow{background:var(--r);border-color:var(--r);transform:translate(3px,-3px)}
		.va-drive-statement{position:relative;padding:38px 32px;border-radius:16px;background:radial-gradient(circle at 90% 10%,rgba(234,28,36,.22),transparent 55%),linear-gradient(145deg,#1a0d0f 0%,#0d0708 100%);border:1px solid rgba(234,28,36,.35);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 15px 35px rgba(234,28,36,.1);transition:transform .35s ease,border-color .35s ease}
		.va-drive-statement:hover{transform:translateY(-7px);border-color:rgba(234,28,36,.6)}
		.va-drive-statement span{color:var(--r);font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;display:block;margin-bottom:20px}
		.va-drive-statement strong{font-size:clamp(24px,2.2vw,32px);font-weight:900;line-height:1.15;color:#fff;letter-spacing:-.8px}
		.va-drive-statement em{color:var(--r);font-style:normal;display:block;margin-top:4px}
		.va-scan-line{position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--r),transparent);animation:vaScan 3s ease-in-out infinite}
		@keyframes vaScan{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}

		@media(max-width:900px){
			.va-drives-head{flex-direction:column;align-items:flex-start;gap:20px}
			.va-drives-grid{grid-template-columns:1fr;gap:20px}
			.va-page-banner{min-height:310px}
			.va-banner-layout{grid-template-columns:1fr 1fr;gap:28px;padding-top:70px;padding-bottom:70px}
			.va-banner-image-wrap,.va-banner-image,.va-banner-image-frame{height:175px}
			.va-banner-image{width:88%}.va-banner-image-frame{width:88%}
			.va-banner-badge{width:72px;height:72px}.va-banner-badge span{font-size:18px}
			.va-banner-content h1{font-size:clamp(42px,7vw,62px)}
			.va-menu{display:none}
			.va-hero{min-height:650px}
			.va-hero-img{width:100%;right:0;opacity:.4}
			.va-hero-content{width:100%}
			.va-stats{grid-template-columns:repeat(2,1fr)}
			.va-stat:nth-child(2){border-right:0}
			.va-stat:nth-child(n+3){border-top:1px solid var(--line)}
			.va-story-grid{grid-template-columns:1fr;gap:55px}
			.va-value-grid{grid-template-columns:repeat(2,1fr)}
			.va-service-grid{grid-template-columns:1fr 1fr}
		}
		@media(max-width:600px){
			.va-page-banner{min-height:420px}
			.va-banner-layout{grid-template-columns:1fr;gap:28px;padding-top:60px;padding-bottom:70px}
			.va-banner-image-wrap{height:175px;width:100%;max-width:390px}
			.va-banner-image,.va-banner-image-frame{height:175px;width:82%}
			.va-banner-badge{right:3%;bottom:0}
			.va-banner-content{padding-left:0}
			.va-banner-content h1{font-size:48px;letter-spacing:-2.2px}
			.va-banner-content p{font-size:12px}
			.va-banner-scroll{right:15px;bottom:16px}
			.va-wrap{width:calc(100% - 30px)}
			.va-sec{padding:80px 0}
			.va-nav{min-height:70px}
			.va-logo{font-size:21px}
			.va-header-btn{font-size:10px!important;padding:9px 12px}
			.va-hero-content{padding:105px 0 75px}
			.va-stats{grid-template-columns:1fr 1fr}
			.va-stat{padding:22px 8px}
			.va-stat strong{font-size:27px}
			.va-images{min-height:440px}
			.va-img-main{width:88%;height:340px}
			.va-img-small{width:50%;height:165px}
			.va-panels,.va-value-grid,.va-service-grid{grid-template-columns:1fr}
			.va-process-grid{grid-template-columns:1fr;gap:38px}
			.va-step{padding:0}
			.va-step:after{display:none}
			.va-cta{padding:42px 24px}
			.va-cta-in{display:block}
			.va-cta .va-btn{margin-top:24px}
		}
		@media(prefers-reduced-motion:reduce){
			.va-banner-grid,.va-banner-glow,.va-banner-image-frame,.va-banner-badge,.va-banner-scroll span,.va-banner-rule span{animation:none}
			.va-banner-content h1{animation:none}
			.va-reveal{opacity:1;transform:none;transition:none}
		}
		
		/* ALL ABOUT PAGE PARAGRAPHS — 14PX */
.vip-about-page p {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* --- page-about.php (Block 2) --- */
/* =========================================================
   SECTION
   ========================================================= */

.vip-about-section{

	position:relative;

	width:100%;

	padding:110px 5.5%;

	background:#ffffff;

	color:#111111;

	overflow:hidden;

}


.vip-about-section:before{

	content:"";

	position:absolute;

	width:500px;

	height:500px;

	left:-280px;

	top:100px;

	border-radius:50%;

	background:rgba(237,28,36,.035);

	filter:blur(80px);

	pointer-events:none;

}


.vip-about-container{

	position:relative;

	z-index:2;

	width:100%;

	max-width:1450px;

	margin:0 auto;

	display:grid;

	grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);

	align-items:center;

	gap:80px;

}


/* =========================================================
   LEFT VISUAL
   ========================================================= */

.vip-about-visual{

	position:relative;

	min-height:570px;

}


/* MAIN IMAGE */

.vip-about-main-image{

	position:absolute;

	left:0;

	top:0;

	width:61%;

	height:530px;

	border-radius:21px;

	overflow:hidden;

	background:#eeeeee;

	box-shadow:
		0 25px 55px rgba(0,0,0,.16);

}


.vip-about-main-image img{

	width:100%;

	height:100%;

	object-fit:cover;

	display:block;

	transition:
		transform 1s cubic-bezier(.2,.7,.2,1);

}


.vip-about-main-image:hover img{

	transform:scale(1.06);

}


/* IMAGE OVERLAY */

.vip-image-overlay{

	position:absolute;

	inset:0;

	background:
		linear-gradient(
			180deg,
			transparent 45%,
			rgba(0,0,0,.60) 100%
		);

	pointer-events:none;

}


/* IMAGE LABEL */

.vip-image-label{

	position:absolute;

	left:18px;

	bottom:18px;

	display:flex;

	align-items:center;

	gap:8px;

	padding:8px 12px;

	border-radius:5px;

	background:rgba(0,0,0,.58);

	border:1px solid rgba(255,255,255,.18);

	color:#ffffff;

	font-size:9px;

	font-weight:800;

	letter-spacing:1.3px;

	backdrop-filter:blur(10px);

	-webkit-backdrop-filter:blur(10px);

}


.vip-image-dot{

	width:6px;

	height:6px;

	border-radius:50%;

	background:#ed1c24;

	box-shadow:
		0 0 10px #ed1c24;

}


/* SECONDARY IMAGE */

.vip-about-secondary-image{

	position:absolute;

	right:0;

	top:95px;

	width:48%;

	height:380px;

	border-radius:18px;

	overflow:hidden;

	background:#eeeeee;

	border:8px solid #ffffff;

	box-shadow:
		0 20px 45px rgba(0,0,0,.17);

	z-index:2;

}


.vip-about-secondary-image img{

	width:100%;

	height:100%;

	object-fit:cover;

	display:block;

	transition:
		transform .9s cubic-bezier(.2,.7,.2,1);

}


.vip-about-secondary-image:hover img{

	transform:scale(1.08);

}


/* SHINE */

.vip-secondary-shine{

	position:absolute;

	top:0;

	left:-100%;

	width:60%;

	height:100%;

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(255,255,255,.22),
			transparent
		);

	transform:skewX(-20deg);

	transition:left .8s ease;

	pointer-events:none;

}


.vip-about-secondary-image:hover
.vip-secondary-shine{

	left:140%;

}


/* DECORATIVE DOTS */

.vip-about-decoration{

	position:absolute;

	left:-10px;

	bottom:5px;

	width:90px;

	height:90px;

	display:grid;

	grid-template-columns:repeat(4,5px);

	gap:7px;

	align-content:center;

	justify-content:center;

	opacity:.45;

}


.vip-about-decoration span{

	width:5px;

	height:5px;

	border-radius:50%;

	background:#ed1c24;

}


/* =========================================================
   CONTENT
   ========================================================= */

.vip-about-content{

	min-width:0;

}


.vip-about-eyebrow{

	display:flex;

	align-items:center;

	gap:9px;

	margin-bottom:14px;

	color:#ed1c24;

	font-size:10px;

	font-weight:900;

	letter-spacing:2px;

}


.vip-about-eyebrow span{

	width:25px;

	height:2px;

	background:#ed1c24;

}


/* MAIN TITLE */

.vip-about-title{

	max-width:700px;

	margin:0;

	color:#0b0b0b;

	font-size:clamp(38px,4vw,58px);

	font-weight:600;

	line-height:1.06;

	letter-spacing:-2px;

}


.vip-about-title span{

	display:block;

	color:#ed1c24;

}


/* INTRO */

.vip-about-intro{

	max-width:650px;

	margin:17px 0 24px;

	color:#626262;

	font-size:14px;

	line-height:1.7;

}


/* =========================================================
   COMPACT TABS
   ========================================================= */

.vip-about-tabs{

	display:flex;

	align-items:center;

	gap:2px;

	border-bottom:1px solid #e5e5e5;

	width:100%;

}


.vip-about-tab{

	position:relative;

	display:flex;

	align-items:center;

	justify-content:center;

	height:42px;

	padding:0 13px;

	border:0;

	background:transparent;

	color:#555555;

	font-family:inherit;

	font-size:10px;

	font-weight:800;

	white-space:nowrap;

	cursor:pointer;

	transition:
		color .3s ease,
		background .3s ease;

}


/* ACTIVE TAB */

.vip-about-tab.active{

	color:#ed1c24;

	background:rgba(237,28,36,.045);

	font-weight:900;

}


/* ACTIVE UNDERLINE */

.vip-about-tab:after{

	content:"";

	position:absolute;

	left:0;

	right:0;

	bottom:-1px;

	height:2px;

	background:#ed1c24;

	transform:scaleX(0);

	transform-origin:center;

	transition:
		transform .3s ease;

}


.vip-about-tab.active:after{

	transform:scaleX(1);

}


/* =========================================================
   CONTENT PANEL
   ========================================================= */

.vip-about-panel{

	position:relative;

	min-height:325px;

	padding-top:28px;

}


.vip-about-tab-content{

	display:none;

	animation:
		vipAboutContent
		.5s
		cubic-bezier(.2,.7,.2,1)
		both;

}


.vip-about-tab-content.active{

	display:block;

}


@keyframes vipAboutContent{

	from{

		opacity:0;

		transform:translateY(14px);

	}

	to{

		opacity:1;

		transform:translateY(0);

	}

}


/* TAB HEADINGS */

.vip-about-tab-content h3{

	margin:0 0 14px;

	color:#111111;

	font-size:clamp(25px,2.3vw,33px);

	font-weight:600;

	line-height:1.14;

	letter-spacing:-1px;

}


.vip-about-tab-content h3 span{

	color:#ed1c24;

}


/* PARAGRAPHS */

.vip-about-tab-content p{

	max-width:720px;

	margin:0 0 13px;

	color:#626262;

	font-size:13px;

	line-height:1.72;

}


/* =========================================================
   HISTORY STATS
   ========================================================= */

.vip-about-highlights{

	display:flex;

	align-items:center;

	gap:0;

	margin-top:21px;

}


.vip-about-highlights > div{

	min-width:105px;

	padding-right:20px;

	margin-right:20px;

	border-right:1px solid #dddddd;

}


.vip-about-highlights > div:last-child{

	border-right:0;

}


.vip-about-highlights strong{

	display:block;

	color:#111111;

	font-size:21px;

	font-weight:700;

	line-height:1;

}


.vip-about-highlights span{

	display:block;

	margin-top:5px;

	color:#999999;

	font-size:9px;

	font-weight:700;

}


/* =========================================================
   MISSION LIST
   ========================================================= */

.vip-mission-list{

	list-style:none;

	padding:0;

	margin:19px 0 0;

	display:grid;

	grid-template-columns:repeat(3,1fr);

	gap:10px;

}


.vip-mission-list li{

	display:flex;

	gap:9px;

	padding:11px;

	border:1px solid #ededed;

	border-radius:8px;

	background:#fafafa;

	transition:
		transform .3s ease,
		border-color .3s ease,
		box-shadow .3s ease;

}


.vip-mission-list li:hover{

	transform:translateY(-3px);

	border-color:rgba(237,28,36,.28);

	box-shadow:
		0 10px 25px rgba(0,0,0,.06);

}


.vip-mission-list li > span{

	display:flex;

	align-items:center;

	justify-content:center;

	flex:0 0 24px;

	width:24px;

	height:24px;

	border-radius:5px;

	background:rgba(237,28,36,.09);

	color:#ed1c24;

	font-size:7px;

	font-weight:900;

}


.vip-mission-list strong{

	display:block;

	color:#222222;

	font-size:9px;

	font-weight:800;

}


.vip-mission-list small{

	display:block;

	margin-top:3px;

	color:#888888;

	font-size:8px;

	line-height:1.4;

}


/* =========================================================
   CTA
   ========================================================= */

.vip-about-cta{

	display:flex;

	align-items:center;

	flex-wrap:wrap;

	gap:20px;

	margin-top:5px;

}


/* READ MORE BUTTON */

.vip-about-button{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	gap:13px;

	height:48px;

	padding:0 21px;

	border-radius:6px;

	background:
		linear-gradient(
			110deg,
			#b20c13,
			#ed1c24,
			#ff3e45
		);

	background-size:200% 100%;

	color:#ffffff;

	text-decoration:none;

	font-size:10px;

	font-weight:900;

	letter-spacing:.9px;

	box-shadow:
		0 10px 25px rgba(237,28,36,.22);

	transition:
		transform .3s ease,
		box-shadow .3s ease,
		background-position .4s ease;

}


.vip-about-button:hover{

	color:#ffffff;

	transform:translateY(-3px);

	background-position:100% 50%;

	box-shadow:
		0 15px 32px rgba(237,28,36,.32);

}


.vip-about-button i{

	font-style:normal;

	font-size:17px;

	transition:
		transform .3s ease;

}


.vip-about-button:hover i{

	transform:translateX(5px);

}


/* =========================================================
   PHONE
   ========================================================= */

.vip-about-phone{

	display:inline-flex;

	align-items:center;

	gap:9px;

	color:#222222;

	text-decoration:none;

	font-size:12px;

	font-weight:700;

	transition:
		color .3s ease,
		transform .3s ease;

}


.vip-about-phone:hover{

	color:#ed1c24;

	transform:translateX(3px);

}


.vip-phone-icon{

	display:flex;

	align-items:center;

	justify-content:center;

	width:34px;

	height:34px;

	border-radius:50%;

	background:rgba(237,28,36,.08);

	border:1px solid rgba(237,28,36,.18);

	color:#ed1c24;

	transition:
		background .3s ease,
		color .3s ease,
		transform .3s ease;

}


.vip-about-phone:hover .vip-phone-icon{

	background:#ed1c24;

	color:#ffffff;

	transform:rotate(-8deg);

}


/* =========================================================
   REVEAL ANIMATION
   ========================================================= */

.vip-about-reveal{

	animation:
		vipAboutReveal
		.9s
		cubic-bezier(.16,1,.3,1)
		both;

}


@keyframes vipAboutReveal{

	from{

		opacity:0;

		transform:translateY(30px);

	}

	to{

		opacity:1;

		transform:translateY(0);

	}

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1100px){

	.vip-about-container{

		grid-template-columns:1fr;

		gap:60px;

	}


	.vip-about-visual{

		max-width:720px;

		width:100%;

		margin:0 auto;

	}


	.vip-about-content{

		max-width:850px;

		margin:0 auto;

		width:100%;

	}


	.vip-about-title{

		font-size:50px;

	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

	.vip-about-section{

		padding:75px 5%;

	}


	.vip-about-container{

		gap:50px;

	}


	.vip-about-visual{

		min-height:420px;

	}


	.vip-about-main-image{

		width:70%;

		height:380px;

	}


	.vip-about-secondary-image{

		width:47%;

		height:285px;

		top:70px;

		border-width:5px;

	}


	.vip-about-title{

		font-size:
			clamp(
				36px,
				9vw,
				48px
			);

		letter-spacing:-1.4px;

	}


	.vip-about-intro{

		font-size:13px;

	}


	/* Compact mobile tabs */

	.vip-about-tabs{

		gap:0;

		overflow-x:auto;

		scrollbar-width:none;

	}


	.vip-about-tabs::-webkit-scrollbar{

		display:none;

	}


	.vip-about-tab{

		flex:0 0 auto;

		height:42px;

		padding:0 12px;

		font-size:10px;

	}


	.vip-about-panel{

		min-height:0;

		padding-top:25px;

	}


	.vip-about-tab-content h3{

		font-size:26px;

	}


	.vip-about-tab-content p{

		font-size:12.5px;

	}


	.vip-about-highlights{

		gap:0;

	}


	.vip-about-highlights > div{

		min-width:0;

		flex:1;

		padding-right:10px;

		margin-right:10px;

	}


	.vip-about-highlights strong{

		font-size:18px;

	}


	.vip-about-highlights span{

		font-size:8px;

	}


	.vip-mission-list{

		grid-template-columns:1fr;

	}


	.vip-about-cta{

		flex-direction:row;

		align-items:center;

		gap:14px;

		margin-top:20px;

	}


	.vip-about-button{

		flex:0 0 auto;

	}


	.vip-about-phone{

		font-size:11px;

	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media(max-width:420px){

	.vip-about-visual{

		min-height:350px;

	}


	.vip-about-main-image{

		height:320px;

		width:72%;

		border-radius:16px;

	}


	.vip-about-secondary-image{

		height:240px;

		width:49%;

		top:55px;

		border-radius:14px;

	}


	.vip-image-label{

		left:12px;

		bottom:12px;

		font-size:7px;

	}


	.vip-about-decoration{

		display:none;

	}


	.vip-about-title{

		font-size:34px;

	}


	.vip-about-eyebrow{

		font-size:8px;

	}


	.vip-about-cta{

		flex-direction:column;

		align-items:flex-start;

	}


	.vip-about-button{

		width:auto;

	}

}

/* --- page-about.php (Block 6) --- */
/* ==========================================================================
   MAIN SECTION
   ========================================================================== */

.vip-testimonials {

  position: relative;

  width: 100%;

  overflow: hidden;

  padding: 105px 24px 90px;

  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(255, 20, 30, .10),
      transparent 28%
    ),
    radial-gradient(
      circle at 90% 80%,
      rgba(255, 20, 30, .07),
      transparent 30%
    ),
    #090909;

  color: #ffffff;

}


/* Premium grid */

.vip-testimonials::before {

  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  background-image:
    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    );

  background-size: 60px 60px;

}


.vip-testimonials-container {

  position: relative;

  z-index: 2;

  width: 100%;

  max-width: 1240px;

  margin: 0 auto;

}


/* ==========================================================================
   HEADING
   ========================================================================== */

.vip-testimonials-heading {

  max-width: 800px;

  margin: 0 auto 42px;

  text-align: center;

}


.vip-eyebrow {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  margin-bottom: 17px;

  color: #ff202d;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .28em;

}


.vip-eyebrow span {

  width: 35px;

  height: 1px;

  background: #ff202d;

}


.vip-testimonials-heading h2 {

  margin: 0;

  color: #ffffff;

  font-size: clamp(42px, 6vw, 72px);

  font-weight: 300;

  line-height: .95;

  letter-spacing: -.055em;

  text-transform: uppercase;

}


.vip-testimonials-heading h2 strong {

  display: block;

  color: #ff202d;

  font-weight: 800;

}


.vip-testimonials-heading p {

  max-width: 650px;

  margin: 22px auto 0;

  color: rgba(255,255,255,.60);

  font-size: 14px;

  line-height: 1.75;

}


/* ==========================================================================
   GOOGLE SUMMARY
   ========================================================================== */

.vip-review-summary {

  display: flex;

  align-items: center;

  justify-content: center;

  width: fit-content;

  max-width: 100%;

  margin: 0 auto 55px;

  padding: 12px 20px;

  border: 1px solid rgba(255,255,255,.10);

  border-radius: 14px;

  background: rgba(255,255,255,.045);

  box-shadow:
    0 15px 45px rgba(0,0,0,.25);

  backdrop-filter: blur(12px);

}


.vip-review-summary-left {

  display: flex;

  align-items: center;

  gap: 12px;

}


.vip-google-mark {

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 10px;

  background: #ffffff;

  color: #4285f4;

  font-family: Arial, sans-serif;

  font-size: 24px;

  font-weight: 700;

}


.vip-review-source {

  color: #ffffff;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.1;

}


.vip-review-source-label {

  margin-top: 4px;

  color: rgba(255,255,255,.38);

  font-size: 8px;

  font-weight: 700;

  letter-spacing: .16em;

}


.vip-review-summary-divider {

  width: 1px;

  height: 30px;

  margin: 0 20px;

  background: rgba(255,255,255,.13);

}


.vip-review-rating {

  display: flex;

  align-items: center;

  gap: 10px;

}


.vip-rating-number {

  color: #ffffff;

  font-size: 18px;

  font-weight: 800;

}


.vip-rating-stars {

  color: #fbbc04;

  font-size: 15px;

  letter-spacing: 2px;

}


/* ==========================================================================
   REVIEW GRID
   ========================================================================== */

.vip-review-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 18px;

}


/* ==========================================================================
   REVIEW CARD
   ========================================================================== */

.vip-review-card {

  position: relative;

  min-height: 315px;

  display: flex;

  flex-direction: column;

  padding: 26px;

  overflow: hidden;

  border: 1px solid #e7e7e7;

  border-radius: 17px;

  background: #ffffff;

  color: #222222;

  box-shadow:
    0 18px 50px rgba(0,0,0,.25);

  transition:
    transform .35s ease,
    box-shadow .35s ease;

}


.vip-review-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 3px;

  background:
    linear-gradient(
      90deg,
      #4285f4,
      #34a853,
      #fbbc04,
      #ea4335
    );

}


.vip-review-card:hover {

  transform: translateY(-7px);

  box-shadow:
    0 28px 65px rgba(0,0,0,.40);

}


/* ==========================================================================
   USER
   ========================================================================== */

.vip-review-top {

  display: flex;

  align-items: center;

  gap: 12px;

}


.vip-review-avatar {

  width: 47px;

  height: 47px;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  color: #ffffff;

  font-size: 18px;

  font-weight: 700;

}


.avatar-gold {

  background: #d99b2b;

}


.avatar-purple {

  background: #7651b8;

}


.avatar-blue {

  background: #4285f4;

}


.avatar-green {

  background: #3c9b55;

}


.vip-review-user {

  min-width: 0;

}


.vip-review-user h3 {

  margin: 0;

  color: #202124;

  font-size: 14px;

  font-weight: 700;

}


.vip-review-meta {

  display: flex;

  align-items: center;

  gap: 7px;

  margin-top: 4px;

  color: #80868b;

  font-size: 10px;

}


.vip-google-small {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 17px;

  height: 17px;

  border-radius: 50%;

  background: #f5f5f5;

  color: #4285f4;

  font-family: Arial, sans-serif;

  font-size: 11px;

  font-weight: 800;

}


.vip-review-menu {

  margin-left: auto;

  color: #a0a0a0;

  font-size: 15px;

  letter-spacing: 2px;

}


/* ==========================================================================
   STARS
   ========================================================================== */

.vip-review-stars {

  margin-top: 19px;

  color: #fbbc04;

  font-size: 16px;

  letter-spacing: 2px;

}


/* ==========================================================================
   REVIEW TEXT
   ========================================================================== */

.vip-review-card p {

  margin: 15px 0 0;

  color: #5f6368;

  font-size: 12.5px;

  line-height: 1.7;

}


/* ==========================================================================
   REVIEW FOOTER
   ========================================================================== */

.vip-review-footer {

  display: flex;

  align-items: center;

  gap: 7px;

  margin-top: auto;

  padding-top: 20px;

  color: #8a8a8a;

  font-size: 10px;

  font-weight: 600;

}


.vip-google-badge {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 17px;

  height: 17px;

  border-radius: 50%;

  background: #ffffff;

  color: #4285f4;

  border: 1px solid #e2e2e2;

  font-family: Arial, sans-serif;

  font-size: 10px;

  font-weight: 800;

}


/* ==========================================================================
   CTA
   ========================================================================== */

.vip-review-cta {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  margin-top: 55px;

  padding: 27px 32px;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.10);

  border-left: 3px solid #ff202d;

  border-radius: 17px;

  background:
    linear-gradient(
      105deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.015)
    );

}


.vip-review-cta-content {

  position: relative;

  z-index: 2;

}


.vip-review-cta-content span {

  display: block;

  margin-bottom: 7px;

  color: #ff202d;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .23em;

}


.vip-review-cta-content h3 {

  margin: 0;

  color: #ffffff;

  font-size: clamp(21px,3vw,30px);

  font-weight: 500;

  line-height: 1.1;

}


.vip-review-cta-content h3 strong {

  color: #ff202d;

  font-weight: 800;

}


/* ==========================================================================
   WRITE REVIEW
   ========================================================================== */

.vip-write-review {

  position: relative;

  z-index: 3;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 11px;

  flex-shrink: 0;

  padding: 14px 23px;

  border-radius: 7px;

  background:
    linear-gradient(
      135deg,
      #ed1c24,
      #ff3b43
    );

  color: #ffffff !important;

  text-decoration: none !important;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .08em;

  box-shadow:
    0 12px 30px rgba(237,28,36,.22);

  transition:
    transform .3s ease,
    box-shadow .3s ease;

}


.vip-write-review:hover {

  color: #ffffff !important;

  transform: translateY(-3px);

  box-shadow:
    0 18px 40px rgba(237,28,36,.35);

}


.vip-write-review svg {

  transition: transform .3s ease;

}


.vip-write-review:hover svg {

  transform: translateX(4px);

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1050px) {

  .vip-review-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 650px) {

  .vip-testimonials {

    padding: 75px 16px 65px;

  }


  .vip-testimonials-heading {

    margin-bottom: 32px;

  }


  .vip-testimonials-heading h2 {

    font-size: 43px;

  }


  .vip-testimonials-heading p {

    font-size: 13px;

  }


  .vip-review-summary {

    width: 100%;

    justify-content: center;

    margin-bottom: 35px;

    padding: 11px 14px;

  }


  .vip-review-summary-divider {

    margin: 0 14px;

  }


  .vip-google-mark {

    width: 36px;

    height: 36px;

    font-size: 21px;

  }


  .vip-review-source {

    font-size: 12px;

  }


  .vip-review-source-label {

    font-size: 7px;

  }


  .vip-rating-number {

    font-size: 16px;

  }


  .vip-rating-stars {

    font-size: 13px;

    letter-spacing: 1px;

  }


  .vip-review-grid {

    grid-template-columns: 1fr;

    gap: 15px;

  }


  .vip-review-card {

    min-height: 285px;

    padding: 23px;

  }


  .vip-review-cta {

    flex-direction: column;

    align-items: stretch;

    gap: 20px;

    margin-top: 40px;

    padding: 24px 20px;

    text-align: center;

  }


  .vip-write-review {

    width: 100%;

  }

}

/* --- page-about.php (Block 7) --- */
/* VIP TINTS — clean final polish */
.vip-about-page,.vip-about-page *{font-family:"Plus Jakarta Sans",Arial,sans-serif}
.vip-about-page p{font-weight:600}

/* Phone CTA */
.vip-about-cta .vip-about-phone{
    min-height:48px;display:inline-flex;align-items:center;gap:10px;
    padding:5px 14px 5px 6px;border:1px solid rgba(20,20,20,.12);
    border-radius:999px;background:#fff;color:#171717;
    box-shadow:0 8px 24px rgba(0,0,0,.07);text-decoration:none!important;
    font-size:12px;font-weight:700;letter-spacing:.1px;
    transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,color .28s ease
}
.vip-about-cta .vip-about-phone:hover{
    color:#EA1C24;transform:translateY(-2px);border-color:rgba(234,28,36,.35);
    box-shadow:0 12px 28px rgba(0,0,0,.11)
}
.vip-about-cta .vip-phone-icon{
    width:36px;height:36px;flex:0 0 36px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;background:#EA1C24;
    color:#fff;border:0;box-shadow:0 5px 14px rgba(234,28,36,.22)
}
.vip-about-cta .vip-phone-icon svg{display:block}
.vip-about-cta .vip-phone-text{white-space:nowrap}
.vip-about-cta .vip-phone-arrow{margin-left:2px;color:#EA1C24;font-size:15px;line-height:1;transition:transform .28s ease}
.vip-about-cta .vip-about-phone:hover .vip-phone-arrow{transform:translateX(3px)}

/* Keep the design premium and restrained */
.vip-about-section .vip-about-title{font-weight:700}
.vip-about-section .vip-about-intro,.vip-about-section .vip-about-tab-content p{font-weight:600}
.vip-why-light{border-top:1px solid #ededed}
.vip-light-feature-content p,.vip-why-light-header p{font-weight:600}
.vip-light-feature{min-height:96px}
.vip-light-feature:hover{transform:translateX(4px)}
.vip-testimonials-heading p,.vip-review-card p{font-weight:600}
.vip-review-card:hover{transform:translateY(-5px)}
.viptints-process-description p,.viptints-process-card p{font-weight:600}

@media(max-width:650px){
    .vip-about-cta .vip-about-phone{min-height:46px;padding-right:12px}
    .vip-about-cta .vip-phone-icon{width:34px;height:34px;flex-basis:34px}
    .vip-about-cta .vip-phone-text{font-size:11px}
}

/* --- page-about.php (Block 8) --- */
/* Final button contrast fix */
		.vip-about-page .vip-about-button,
		.vip-about-page .va-btn,
		.vip-about-page .vip-write-review,
		.vip-about-page .viptints-process-cta a,
		.vip-about-page a[class*="btn"],
		.vip-about-page a[class*="button"]{
			color:#fff !important;
		}
		.vip-about-page .vip-about-button svg,
		.vip-about-page .va-btn svg,
		.vip-about-page .viptints-process-cta a svg{
			color:#fff !important;
			stroke:currentColor;
		}


		/* =========================================================
		   NATURAL SCROLL MOTION — ALL ABOUT PAGE SECTIONS
		   ========================================================= */
		.vip-about-page > section{
			opacity:0;
			transform:translateY(28px);
			transition:opacity .75s cubic-bezier(.22,.61,.36,1),
				transform .75s cubic-bezier(.22,.61,.36,1);
			will-change:opacity,transform;
		}
		.vip-about-page > section.is-visible{
			opacity:1;
			transform:none;
		}
		.vip-about-page > section.is-visible .vip-about-image-main,
		.vip-about-page > section.is-visible .vip-about-image-secondary{
			animation:vipNaturalImageIn .8s cubic-bezier(.22,.61,.36,1) both;
		}
		.vip-about-page > section.is-visible .vip-light-feature,
		.vip-about-page > section.is-visible .vip-review-card,
		.vip-about-page > section.is-visible .viptints-process-card{
			animation:vipCardIn .65s cubic-bezier(.22,.61,.36,1) both;
		}
		.vip-about-page > section.is-visible .vip-light-feature:nth-child(2),
		.vip-about-page > section.is-visible .vip-review-card:nth-child(2),
		.vip-about-page > section.is-visible .viptints-process-card:nth-child(2){animation-delay:.08s}
		.vip-about-page > section.is-visible .vip-light-feature:nth-child(3),
		.vip-about-page > section.is-visible .vip-review-card:nth-child(3),
		.vip-about-page > section.is-visible .viptints-process-card:nth-child(3){animation-delay:.16s}
		.vip-about-page > section.is-visible .vip-light-feature:nth-child(4),
		.vip-about-page > section.is-visible .vip-review-card:nth-child(4){animation-delay:.24s}

		@keyframes vipNaturalImageIn{
			from{opacity:0;transform:scale(.985) translateY(10px)}
			to{opacity:1;transform:none}
		}
		@keyframes vipCardIn{
			from{opacity:0;transform:translateY(16px)}
			to{opacity:1;transform:none}
		}
		@media(prefers-reduced-motion:reduce){
			.vip-about-page > section,
			.vip-about-page > section.is-visible,
			.vip-about-page > section.is-visible .vip-about-image-main,
			.vip-about-page > section.is-visible .vip-about-image-secondary,
			.vip-about-page > section.is-visible .vip-light-feature,
			.vip-about-page > section.is-visible .vip-review-card,
			.vip-about-page > section.is-visible .viptints-process-card{
				opacity:1!important;
				transform:none!important;
				animation:none!important;
				transition:none!important;
			}
		}


/* ==========================================================================
   SECTION: ALL SERVICES DEDICATED PAGE STYLES
   Source: page-services.php
   ========================================================================== */

/* --- page-services.php (Block 1) --- */
/* =========================================================
   SERVICES SOURCE-DESIGN BANNER
   ========================================================= */

.vip-services-source-banner{
    position:relative;
    min-height:390px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    isolation:isolate;
    background:var(--vip-services-banner) center 55% / cover no-repeat;
    color:#fff;
}

.vip-services-source-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.82)),
        linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.20),rgba(0,0,0,.58));
    z-index:-1;
}

.vip-services-source-banner-overlay{
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 50% 48%,rgba(237,28,36,.14),transparent 42%),
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:auto,60px 60px,60px 60px;
    opacity:.55;
}

.vip-services-source-banner-content{
    position:relative;
    z-index:2;
    width:min(900px,92%);
    text-align:center;
    padding:80px 20px 70px;
}

.vip-services-source-banner .vip-services-eyebrow{
    margin-bottom:14px;
}

.vip-services-source-banner h1{
    margin:0;
    color:#fff;
    font-size:clamp(48px,7vw,82px);
    line-height:.95;
    font-weight:500;
    letter-spacing:-3px;
    text-transform:uppercase;
    text-shadow:0 8px 35px rgba(0,0,0,.35);
}

.vip-services-source-banner h1 span{
    color:#ed1c24;
    font-weight:700;
}

.vip-services-source-banner p{
    max-width:650px;
    margin:20px auto 0;
    color:#d0d0d0;
    font-size:13px;
    line-height:1.75;
}

.vip-services-source-banner .vip-services-main-btn{
    margin-top:26px;
}

@media(max-width:650px){
    .vip-services-source-banner{
        min-height:330px;
    }

    .vip-services-source-banner-content{
        padding:65px 16px 55px;
    }

    .vip-services-source-banner h1{
        font-size:48px;
        letter-spacing:-2px;
    }

    .vip-services-source-banner p{
        font-size:12px;
    }
}



/* Obsolete duplicate services block removed */
	
	/* ALL SERVICES PAGE PARAGRAPHS — 14PX */
.viptints-exact-services-page p {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* PROCESS SECTION PARAGRAPHS */
#viptints-process p {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* --- page-services.php (Block 3) --- */
/* ==========================================================================
   MAIN SECTION
   ========================================================================== */

.vip-testimonials {

  position: relative;

  width: 100%;

  overflow: hidden;

  padding: 105px 24px 90px;

  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(255, 20, 30, .10),
      transparent 28%
    ),
    radial-gradient(
      circle at 90% 80%,
      rgba(255, 20, 30, .07),
      transparent 30%
    ),
    #090909;

  color: #ffffff;

}


/* Premium grid */

.vip-testimonials::before {

  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  background-image:
    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    );

  background-size: 60px 60px;

}


.vip-testimonials-container {

  position: relative;

  z-index: 2;

  width: 100%;

  max-width: 1240px;

  margin: 0 auto;

}


/* ==========================================================================
   HEADING
   ========================================================================== */

.vip-testimonials-heading {

  max-width: 800px;

  margin: 0 auto 42px;

  text-align: center;

}


.vip-eyebrow {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  margin-bottom: 17px;

  color: #ff202d;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .28em;

}


.vip-eyebrow span {

  width: 35px;

  height: 1px;

  background: #ff202d;

}


.vip-testimonials-heading h2 {

  margin: 0;

  color: #ffffff;

  font-size: clamp(42px, 6vw, 72px);

  font-weight: 300;

  line-height: .95;

  letter-spacing: -.055em;

  text-transform: uppercase;

}


.vip-testimonials-heading h2 strong {

  display: block;

  color: #ff202d;

  font-weight: 800;

}


.vip-testimonials-heading p {

  max-width: 650px;

  margin: 22px auto 0;

  color: rgba(255,255,255,.60);

  font-size: 14px;

  line-height: 1.75;

}


/* ==========================================================================
   GOOGLE SUMMARY
   ========================================================================== */

.vip-review-summary {

  display: flex;

  align-items: center;

  justify-content: center;

  width: fit-content;

  max-width: 100%;

  margin: 0 auto 55px;

  padding: 12px 20px;

  border: 1px solid rgba(255,255,255,.10);

  border-radius: 14px;

  background: rgba(255,255,255,.045);

  box-shadow:
    0 15px 45px rgba(0,0,0,.25);

  backdrop-filter: blur(12px);

}


.vip-review-summary-left {

  display: flex;

  align-items: center;

  gap: 12px;

}


.vip-google-mark {

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 10px;

  background: #ffffff;

  color: #4285f4;

  font-family: Arial, sans-serif;

  font-size: 24px;

  font-weight: 700;

}


.vip-review-source {

  color: #ffffff;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.1;

}


.vip-review-source-label {

  margin-top: 4px;

  color: rgba(255,255,255,.38);

  font-size: 8px;

  font-weight: 700;

  letter-spacing: .16em;

}


.vip-review-summary-divider {

  width: 1px;

  height: 30px;

  margin: 0 20px;

  background: rgba(255,255,255,.13);

}


.vip-review-rating {

  display: flex;

  align-items: center;

  gap: 10px;

}


.vip-rating-number {

  color: #ffffff;

  font-size: 18px;

  font-weight: 800;

}


.vip-rating-stars {

  color: #fbbc04;

  font-size: 15px;

  letter-spacing: 2px;

}


/* ==========================================================================
   REVIEW GRID
   ========================================================================== */

.vip-review-grid {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 18px;

}


/* ==========================================================================
   REVIEW CARD
   ========================================================================== */

.vip-review-card {

  position: relative;

  min-height: 315px;

  display: flex;

  flex-direction: column;

  padding: 26px;

  overflow: hidden;

  border: 1px solid #e7e7e7;

  border-radius: 17px;

  background: #ffffff;

  color: #222222;

  box-shadow:
    0 18px 50px rgba(0,0,0,.25);

  transition:
    transform .35s ease,
    box-shadow .35s ease;

}


.vip-review-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 3px;

  background:
    linear-gradient(
      90deg,
      #4285f4,
      #34a853,
      #fbbc04,
      #ea4335
    );

}


.vip-review-card:hover {

  transform: translateY(-7px);

  box-shadow:
    0 28px 65px rgba(0,0,0,.40);

}


/* ==========================================================================
   USER
   ========================================================================== */

.vip-review-top {

  display: flex;

  align-items: center;

  gap: 12px;

}


.vip-review-avatar {

  width: 47px;

  height: 47px;

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  color: #ffffff;

  font-size: 18px;

  font-weight: 700;

}


.avatar-gold {

  background: #d99b2b;

}


.avatar-purple {

  background: #7651b8;

}


.avatar-blue {

  background: #4285f4;

}


.avatar-green {

  background: #3c9b55;

}


.vip-review-user {

  min-width: 0;

}


.vip-review-user h3 {

  margin: 0;

  color: #202124;

  font-size: 14px;

  font-weight: 700;

}


.vip-review-meta {

  display: flex;

  align-items: center;

  gap: 7px;

  margin-top: 4px;

  color: #80868b;

  font-size: 10px;

}


.vip-google-small {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 17px;

  height: 17px;

  border-radius: 50%;

  background: #f5f5f5;

  color: #4285f4;

  font-family: Arial, sans-serif;

  font-size: 11px;

  font-weight: 800;

}


.vip-review-menu {

  margin-left: auto;

  color: #a0a0a0;

  font-size: 15px;

  letter-spacing: 2px;

}


/* ==========================================================================
   STARS
   ========================================================================== */

.vip-review-stars {

  margin-top: 19px;

  color: #fbbc04;

  font-size: 16px;

  letter-spacing: 2px;

}


/* ==========================================================================
   REVIEW TEXT
   ========================================================================== */

.vip-review-card p {

  margin: 15px 0 0;

  color: #5f6368;

  font-size: 12.5px;

  line-height: 1.7;

}


/* ==========================================================================
   REVIEW FOOTER
   ========================================================================== */

.vip-review-footer {

  display: flex;

  align-items: center;

  gap: 7px;

  margin-top: auto;

  padding-top: 20px;

  color: #8a8a8a;

  font-size: 10px;

  font-weight: 600;

}


.vip-google-badge {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 17px;

  height: 17px;

  border-radius: 50%;

  background: #ffffff;

  color: #4285f4;

  border: 1px solid #e2e2e2;

  font-family: Arial, sans-serif;

  font-size: 10px;

  font-weight: 800;

}


/* ==========================================================================
   CTA
   ========================================================================== */

.vip-review-cta {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;

  margin-top: 55px;

  padding: 27px 32px;

  overflow: hidden;

  border: 1px solid rgba(255,255,255,.10);

  border-left: 3px solid #ff202d;

  border-radius: 17px;

  background:
    linear-gradient(
      105deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.015)
    );

}


.vip-review-cta-content {

  position: relative;

  z-index: 2;

}


.vip-review-cta-content span {

  display: block;

  margin-bottom: 7px;

  color: #ff202d;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .23em;

}


.vip-review-cta-content h3 {

  margin: 0;

  color: #ffffff;

  font-size: clamp(21px,3vw,30px);

  font-weight: 500;

  line-height: 1.1;

}


.vip-review-cta-content h3 strong {

  color: #ff202d;

  font-weight: 800;

}


/* ==========================================================================
   WRITE REVIEW
   ========================================================================== */

.vip-write-review {

  position: relative;

  z-index: 3;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 11px;

  flex-shrink: 0;

  padding: 14px 23px;

  border-radius: 7px;

  background:
    linear-gradient(
      135deg,
      #ed1c24,
      #ff3b43
    );

  color: #ffffff !important;

  text-decoration: none !important;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .08em;

  box-shadow:
    0 12px 30px rgba(237,28,36,.22);

  transition:
    transform .3s ease,
    box-shadow .3s ease;

}


.vip-write-review:hover {

  color: #ffffff !important;

  transform: translateY(-3px);

  box-shadow:
    0 18px 40px rgba(237,28,36,.35);

}


.vip-write-review svg {

  transition: transform .3s ease;

}


.vip-write-review:hover svg {

  transform: translateX(4px);

}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1050px) {

  .vip-review-grid {

    grid-template-columns: repeat(2, 1fr);

  }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 650px) {

  .vip-testimonials {

    padding: 75px 16px 65px;

  }


  .vip-testimonials-heading {

    margin-bottom: 32px;

  }


  .vip-testimonials-heading h2 {

    font-size: 43px;

  }


  .vip-testimonials-heading p {

    font-size: 13px;

  }


  .vip-review-summary {

    width: 100%;

    justify-content: center;

    margin-bottom: 35px;

    padding: 11px 14px;

  }


  .vip-review-summary-divider {

    margin: 0 14px;

  }


  .vip-google-mark {

    width: 36px;

    height: 36px;

    font-size: 21px;

  }


  .vip-review-source {

    font-size: 12px;

  }


  .vip-review-source-label {

    font-size: 7px;

  }


  .vip-rating-number {

    font-size: 16px;

  }


  .vip-rating-stars {

    font-size: 13px;

    letter-spacing: 1px;

  }


  .vip-review-grid {

    grid-template-columns: 1fr;

    gap: 15px;

  }


  .vip-review-card {

    min-height: 285px;

    padding: 23px;

  }


  .vip-review-cta {

    flex-direction: column;

    align-items: stretch;

    gap: 20px;

    margin-top: 40px;

    padding: 24px 20px;

    text-align: center;

  }


  .vip-write-review {

    width: 100%;

  }

}


/* ==========================================================================
   SECTION: FULL GALLERY & LIGHTBOX DEDICATED PAGE STYLES
   Source: page-gallery.php
   ========================================================================== */

/* --- page-gallery.php (Block 1) --- */
.viptints-gallery-page {
    --vg-red:#ea1c24;
    --vg-black:#070707;
    --vg-white:#fff;
    --vg-grey:#8b8b8b;
    background:#f5f5f5;
    color:#080808;
    font-family:'Plus Jakarta Sans',Arial,sans-serif;
}
.viptints-gallery-page * { box-sizing:border-box; }
.vg-hero {
    background:#070707;
    color:#fff;
    min-height:440px;
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
}
.vg-hero:after {
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    right:-180px;
    top:-150px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:50%;
    box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018);
}
.vg-hero-inner {
    width:min(1240px,calc(100% - 48px));
    margin:auto;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:50px;
    position:relative;
    z-index:2;
    padding:90px 0;
}
.vg-eyebrow {
    font-size:10px;
    font-weight:900;
    letter-spacing:2.2px;
    color:#777;
    display:flex;
    align-items:center;
    gap:9px;
}
.vg-eyebrow span {
    width:26px;
    height:2px;
    background:var(--vg-red);
    display:inline-block;
}
.vg-hero h1 {
    margin:18px 0 0;
    font-size:clamp(46px,5.2vw,72px);
    line-height:.82;
    letter-spacing:-4px;
    font-weight:900;
}
.vg-hero h1 em,.vg-section-head h2 em,.vg-cta h2 em {
    color:var(--vg-red);
    font-style:normal;
}
.vg-hero-copy p {
    max-width:550px;
    color:#999;
    font-size:13px;
    line-height:1.8;
    font-weight:600;
    margin:28px 0 0;
}

.vg-gallery-section {
    width:min(1240px,calc(100% - 48px));
    margin:auto;
    padding:88px 0 105px;
}
.vg-section-head {
    display:grid;
    grid-template-columns:1fr .7fr;
    gap:70px;
    align-items:end;
    margin-bottom:42px;
}
.vg-section-head h2 {
    margin:15px 0 0;
    font-size:clamp(42px,5vw,70px);
    line-height:.9;
    letter-spacing:-3px;
    font-weight:900;
}
.vg-section-head>p {
    margin:0;
    color:#777;
    font-size:12px;
    line-height:1.9;
    font-weight:600;
}
.vg-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    align-items:stretch;
}
.vg-card {
    display:block;
    position:relative;
    overflow:hidden;
    background:#111;
    cursor:zoom-in;
    border-radius:2px;
}

.vg-image-wrap {
    position:relative;
    overflow:hidden;
    background:#111;
    aspect-ratio:4/3;
}
.vg-image {
    width:100%;
    height:100%;
    min-height:0;
    display:block;
    object-fit:cover;
    transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease;
}
.vg-overlay {
    position:absolute;
    inset:0;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    padding:20px;
    background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.72));
    opacity:0;
    transition:opacity .35s ease;
}
.vg-card:hover .vg-image {
    transform:scale(1.045);
    filter:brightness(.75);
}
.vg-card:hover .vg-overlay { opacity:1; }
.vg-number,.vg-view {
    color:#fff;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.5px;
}
.vg-view b {
    display:inline-flex;
    width:30px;
    height:30px;
    align-items:center;
    justify-content:center;
    margin-left:7px;
    background:var(--vg-red);
    border-radius:50%;
    font-size:15px;
}
.vg-cta {
    width:min(1240px,calc(100% - 48px));
    margin:0 auto 100px;
    background:#080808;
    color:#fff;
    padding:60px 70px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:35px;
}
.vg-cta h2 {
    margin:14px 0 0;
    font-size:clamp(38px,5vw,65px);
    line-height:.88;
    letter-spacing:-3px;
    font-weight:900;
}
.vg-cta-button {
    display:inline-flex;
    align-items:center;
    gap:15px;
    padding:15px 20px;
    color:#fff!important;
    background:var(--vg-red);
    font-size:10px;
    font-weight:900;
    letter-spacing:1.4px;
    text-decoration:none!important;
    white-space:nowrap;
}
.vg-cta-button span {
    font-size:17px;
}
.vg-reveal {
    opacity:0;
    transform:translateY(28px);
    transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);
}
.vg-reveal.vg-visible {
    opacity:1;
    transform:none;
}
/* Lightbox */
.vg-lightbox {
    position:fixed;
    inset:0;
    z-index:99999;
    background:rgba(0,0,0,.94);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px;
    opacity:0;
    visibility:hidden;
    transition:.25s ease;
}
.vg-lightbox.is-open {
    opacity:1;
    visibility:visible;
}
.vg-lightbox img {
    max-width:min(1200px,92vw);
    max-height:88vh;
    object-fit:contain;
    box-shadow:0 25px 80px rgba(0,0,0,.5);
}
.vg-lightbox-close,.vg-lightbox-prev,.vg-lightbox-next {
    position:absolute;
    width:46px;
    height:46px;
    border:1px solid rgba(255,255,255,.2);
    background:#111;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:20px;
}
.vg-lightbox-close { right:25px; top:25px; }
.vg-lightbox-prev { left:25px; top:50%; transform:translateY(-50%); }
.vg-lightbox-next { right:25px; top:50%; transform:translateY(-50%); }
@media(max-width:850px){
    .vg-hero-inner { display:block; padding:75px 0; }
    .vg-section-head { grid-template-columns:1fr; gap:25px; }
    .vg-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
    .vg-cta { padding:45px 30px; display:block; }
    .vg-cta-button { margin-top:28px; }
}
@media(max-width:560px){
    .vg-hero-inner,.vg-gallery-section,.vg-cta { width:min(100% - 30px,1240px); }
    .vg-hero h1 { letter-spacing:-3px; }
    .vg-gallery-section { padding:65px 0 75px; }
    .vg-grid { grid-template-columns:1fr; gap:14px; }
    .vg-card .vg-image-wrap { aspect-ratio:4/3!important; }
    .vg-overlay { opacity:1; }
    .vg-lightbox-prev { left:10px; }
    .vg-lightbox-next { right:10px; }
}

.vg-card:nth-child(4n+2) .vg-overlay { transition-delay:.02s; }
.vg-card::after {
    content:"";
    position:absolute;
    inset:0;
    border:1px solid rgba(255,255,255,.08);
    pointer-events:none;
    z-index:3;
}
.vg-card:hover::after { border-color:rgba(234,28,36,.55); }
.vg-card:nth-child(4n+4){ transform:translateY(-12px); }
.vg-card.vg-visible:nth-child(4n+2){ transform:translateY(24px); }
.vg-card.vg-visible:nth-child(4n+4){ transform:translateY(-12px); }

.vg-hero {
    background-size:cover;
    background-position:center 58%;
}
.vg-hero::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.62) 48%,rgba(0,0,0,.38) 100%),
        linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%);
}
.vg-hero-inner { z-index:3; }
.vg-hero:after { z-index:2; }
.vg-card {
    min-width:0;
}
.vg-card .vg-image-wrap {
    width:100%;
}
.vg-card .vg-image {
    aspect-ratio:4/3;
}
.vg-card:nth-child(4n) .vg-overlay {
    background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.78));
}

	/* ALL GALLERY PAGE PARAGRAPHS — 14PX */
.viptints-gallery-page p {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* MOBILE — KEEP 14PX */
@media (max-width: 560px) {
    .viptints-gallery-page p {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }
}


/* ==========================================================================
   SECTION: PROTECTION PACKAGES & MODAL DEDICATED PAGE STYLES
   Source: page-package1.php
   ========================================================================== */

/* --- page-package1.php (Block 1) --- */
.vip-packages-page{
	--vip-red:#EA1C24;
	--vip-red-dark:#C81017;
	--vip-black:#070707;
	--vip-card:#111111;
	--vip-border:rgba(255,255,255,.10);
	background:#080808;
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	overflow:hidden;
}

.vip-packages-page *{box-sizing:border-box}

.vip-packages-hero{
	position:relative;
	min-height:520px;
	display:flex;
	align-items:center;
	overflow:hidden;
	background:
		linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.78) 42%,rgba(0,0,0,.38) 100%),
		url('https://viptints.webzeeinfotech.com/wp-content/uploads/2026/09/560547187_17844383637588946_9085286274758201042_n.jpg') center/cover no-repeat;
	border-bottom:1px solid rgba(234,28,36,.25);
}

.vip-packages-hero-grid{
	position:absolute;
	inset:0;
	opacity:.28;
	background-image:
		linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
	background-size:70px 70px;
	mask-image:linear-gradient(to right,transparent,#000 30%,#000 80%,transparent);
}

.vip-packages-hero-glow{
	position:absolute;
	width:520px;
	height:520px;
	right:-180px;
	top:-150px;
	border-radius:50%;
	border:1px solid rgba(234,28,36,.18);
	box-shadow:0 0 0 40px rgba(234,28,36,.025),0 0 0 80px rgba(234,28,36,.015);
}

.vip-packages-wrap{
	position:relative;
	z-index:2;
	width:min(1200px,90%);
	margin:0 auto;
	padding:95px 0 70px;
}

.vip-packages-eyebrow,.vip-packages-small{
	color:#ea1c24;
	font-size:10px;
	font-weight:600;
	letter-spacing:2.4px;
	text-transform:uppercase;
}

.vip-packages-eyebrow{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:22px;
}

.vip-packages-eyebrow span{
	width:38px;
	height:1px;
	background:#ea1c24;
}

.vip-packages-hero h1{
	max-width:680px;
	margin:0;
	font-size:clamp(48px,5.8vw,78px);
	line-height:.94;
	font-weight:600;
	letter-spacing:-2.5px;
}

.vip-packages-hero h1 em,
.vip-packages-comparison h2 em,
.vip-packages-cta h2 em{
	color:#ea1c24;
	font-style:normal;
}

.vip-packages-hero p{
	max-width:610px;
	margin:24px 0 28px;
	color:rgba(255,255,255,.78);
	font-size:15px;
	line-height:1.65;
	font-weight:500;
}

.vip-packages-hero-btn,
.vip-cta-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	padding:15px 24px;
	background:#ea1c24;
	color:#fff!important;
	text-decoration:none!important;
	font-size:12px;
	font-weight:900;
	letter-spacing:1px;
	border-radius:5px;
	box-shadow:0 12px 30px rgba(234,28,36,.22);
	transition:.25s ease;
}

.vip-packages-hero-btn:hover,
.vip-cta-btn:hover{
	background:#c81017;
	transform:translateY(-2px);
}

.vip-packages-section{
	position:relative;
	padding:95px 20px 105px;
	background:
		radial-gradient(circle at 50% 0,rgba(234,28,36,.07),transparent 30%),
		#090909;
}

.vip-packages-container{
	width:min(1200px,100%);
	margin:0 auto;
}

.vip-packages-heading{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:24px;
	margin-bottom:55px;
	text-align:center;
}

.vip-packages-heading .vip-line{
	width:100px;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));
}

.vip-packages-heading .vip-line:last-child{
	background:linear-gradient(90deg,rgba(255,255,255,.4),transparent);
}

.vip-packages-heading h2{
	margin:8px 0 6px;
	font-size:44px;
	line-height:1;
	font-weight:900;
	letter-spacing:-1.5px;
}

.vip-packages-heading h2 strong{color:#fff}

.vip-packages-heading p{
	margin:0;
	color:#777;
	font-size:13px;
}

.vip-packages-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:26px;
	align-items:stretch;
}

.vip-package-card{
	position:relative;
	min-width:0;
	background:
		radial-gradient(circle at 85% 4%,rgba(234,28,36,.13),transparent 25%),
		linear-gradient(145deg,#151515,#0c0c0c);
	border:1px solid #292929;
	border-radius:12px;
	overflow:hidden;
	box-shadow:0 18px 45px rgba(0,0,0,.35);
	transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}

.vip-package-card:before{
	content:"";
	position:absolute;
	top:0;
	left:12%;
	width:76%;
	height:2px;
	background:linear-gradient(90deg,transparent,#ea1c24,transparent);
}

.vip-package-card:hover{
	transform:translateY(-9px);
	border-color:rgba(234,28,36,.58);
	box-shadow:0 25px 60px rgba(234,28,36,.12);
}

.vip-package-featured{
	border-color:rgba(234,28,36,.55);
	transform:translateY(-10px);
}

.vip-package-featured:hover{transform:translateY(-17px)}

.vip-card-number{
	position:absolute;
	right:22px;
	top:22px;
	color:rgba(255,255,255,.10);
	font-size:42px;
	font-weight:900;
	line-height:1;
}

.vip-card-label{
	position:absolute;
	left:25px;
	top:24px;
	color:#777;
	font-size:9px;
	font-weight:800;
	letter-spacing:2px;
}

.vip-recommended{
	position:relative;
	z-index:4;
	width:100%;
	padding:9px 10px;
	background:#ea1c24;
	color:#fff;
	text-align:center;
	font-size:10px;
	font-weight:900;
	letter-spacing:2px;
}

.vip-package-inner{
	position:relative;
	z-index:2;
	display:flex;
	flex-direction:column;
	height:100%;
	min-height:660px;
	padding:58px 30px 30px;
}

.vip-package-featured .vip-package-inner{padding-top:38px}

.vip-package-icon{
	display:flex;
	gap:4px;
	margin-bottom:22px;
}

.vip-package-icon span{
	width:18px;
	height:4px;
	background:#ea1c24;
	transform:skewX(-25deg);
}

.vip-package-inner h3{
	margin:0 45px 20px 0;
	color:#fff;
	font-size:23px;
	line-height:1.25;
	font-weight:800;
}

.vip-package-price{
	display:flex;
	align-items:baseline;
	gap:3px;
	margin-bottom:25px;
}

.vip-package-price .currency{
	color:#ea1c24;
	font-size:25px;
	font-weight:800;
}

.vip-package-price strong{
	color:#ea1c24;
	font-size:50px;
	line-height:1;
	font-weight:900;
	letter-spacing:-2px;
}

.vip-package-price small{
	margin-left:7px;
	color:#888;
	font-size:9px;
	font-weight:800;
	letter-spacing:1px;
}

.vip-package-rule{
	height:1px;
	margin-bottom:24px;
	background:#2c2c2c;
}

.vip-package-features{
	flex:1;
	margin:0;
	padding:0;
	list-style:none;
}

.vip-package-features li{
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin-bottom:12px;
	color:#d2d2d2;
	font-size:12px;
	line-height:1.5;
}

.vip-check{
	flex:0 0 19px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:19px;
	height:19px;
	margin-top:0;
	border-radius:50%;
	background:rgba(234,28,36,.11);
	border:1px solid rgba(234,28,36,.45);
	color:#ea1c24;
	font-size:11px;
	font-weight:900;
}

.vip-package-features li strong{font-weight:500}

.vip-package-note{
	margin-top:8px;
	color:#6f6f6f;
	font-size:10px;
	font-style:italic;
	line-height:1.5;
}

.vip-package-book{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	width:100%;
	height:48px;
	margin-top:23px;
	background:#ea1c24;
	color:#fff!important;
	text-decoration:none!important;
	border-radius:5px;
	font-size:12px;
	font-weight:900;
	letter-spacing:1px;
	box-shadow:0 9px 24px rgba(234,28,36,.20);
	transition:.25s ease;
}

.vip-package-book:hover{
	background:#c81017;
	transform:translateY(-2px);
	box-shadow:0 13px 30px rgba(234,28,36,.34);
}

.vip-package-book span,
.vip-cta-btn span,
.vip-packages-hero-btn span{
	font-size:18px;
	transition:transform .25s ease;
}

.vip-package-book:hover span,
.vip-cta-btn:hover span{
	transform:translateX(4px);
}

.vip-package-comparison{
	padding:100px 20px;
	background:#f3f3f3;
	color:#111;
}

.vip-comparison-head{
	max-width:720px;
	margin-bottom:45px;
}

.vip-comparison-head .vip-packages-small{color:#ea1c24}

.vip-comparison-head h2{
	margin:10px 0 15px;
	font-size:52px;
	line-height:.95;
	font-weight:900;
	letter-spacing:-2px;
}

.vip-comparison-head p{
	max-width:650px;
	margin:0;
	color:#666;
	font-size:15px;
	line-height:1.7;
}

.vip-comparison-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.vip-comparison-grid>div{
	min-height:190px;
	padding:30px;
	border-right:1px solid #ccc;
}

.vip-comparison-grid>div:last-child{border-right:0}

.vip-comparison-grid span{
	display:block;
	margin-bottom:30px;
	color:#999;
	font-size:11px;
	font-weight:800;
	letter-spacing:2px;
}

.vip-comparison-grid strong{
	display:block;
	margin-bottom:12px;
	font-size:20px;
	font-weight:900;
}

.vip-comparison-grid p{
	margin:0;
	color:#666;
	font-size:13px;
	line-height:1.6;
}

.vip-comparison-grid .vip-comparison-active{
	background:#111;
	color:#fff;
	border-color:#111;
}

.vip-comparison-grid .vip-comparison-active span,
.vip-comparison-grid .vip-comparison-active p{color:#aaa}

.vip-packages-cta{
	position:relative;
	overflow:hidden;
	padding:80px 20px;
	background:#080808;
}

.vip-cta-glow{
	position:absolute;
	width:500px;
	height:500px;
	right:-200px;
	top:-250px;
	border-radius:50%;
	border:1px solid rgba(234,28,36,.15);
	box-shadow:0 0 0 60px rgba(234,28,36,.025);
}

.vip-cta-inner{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:40px;
	padding:15px 0;
}

.vip-cta-inner h2{
	margin:10px 0 15px;
	font-size:48px;
	line-height:.95;
	font-weight:900;
	letter-spacing:-2px;
}

.vip-cta-inner p{
	max-width:600px;
	margin:0;
	color:#777;
	font-size:14px;
	line-height:1.7;
}

.vip-cta-btn{
	flex:0 0 auto;
	min-width:170px;
}

.vip-package-modal{
	position:fixed;
	inset:0;
	z-index:999999;
	display:none;
	align-items:center;
	justify-content:center;
	padding:25px;
}

.vip-package-modal.is-open{display:flex}

.vip-package-modal-backdrop{
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.82);
	backdrop-filter:blur(12px);
}

.vip-package-dialog{
	position:relative;
	z-index:2;
	width:min(620px,100%);
	max-height:90vh;
	overflow:auto;
	padding:36px;
	background:#101010;
	border:1px solid rgba(255,255,255,.13);
	border-top:3px solid #ea1c24;
	border-radius:10px;
	box-shadow:0 30px 100px rgba(0,0,0,.65),0 0 60px rgba(234,28,36,.08);
}

.vip-package-close{
	position:absolute;
	right:18px;
	top:15px;
	width:38px;
	height:38px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:50%;
	background:#181818;
	color:#fff;
	font-size:25px;
	line-height:1;
	cursor:pointer;
}

.vip-modal-kicker{
	color:#ea1c24;
	font-size:10px;
	font-weight:900;
	letter-spacing:2px;
}

.vip-package-dialog h2{
	margin:8px 45px 8px 0;
	color:#fff;
	font-size:38px;
	font-weight:900;
	letter-spacing:-1px;
}

.vip-package-dialog h2 em{color:#ea1c24;font-style:normal}

.vip-package-dialog>p{
	margin:0 0 25px;
	color:#888;
	font-size:13px;
	line-height:1.6;
}

.vip-package-form{
	display:flex;
	flex-direction:column;
	gap:14px;
}

.vip-package-form label{
	display:block;
	margin-bottom:6px;
	color:#bbb;
	font-size:9px;
	font-weight:800;
	letter-spacing:1.2px;
}

.vip-package-form input,
.vip-package-form textarea{
	display:block;
	width:100%;
	padding:13px 14px;
	background:#171717!important;
	color:#fff!important;
	border:1px solid #333!important;
	border-radius:5px;
	outline:none;
	font:inherit;
	font-size:13px;
	box-shadow:none!important;
}

.vip-package-form textarea{
	resize:vertical;
	min-height:95px;
}

.vip-package-form input:focus,
.vip-package-form textarea:focus{
	border-color:#ea1c24!important;
}

.vip-selected-service-wrap input{
	color:#ea1c24!important;
	font-weight:700;
	background:rgba(234,28,36,.06)!important;
	border-color:rgba(234,28,36,.35)!important;
}

.vip-form-row{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:14px;
}

.vip-package-submit{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	width:100%;
	height:48px;
	margin-top:5px;
	border:0;
	border-radius:5px;
	background:#ea1c24;
	color:#fff;
	font-size:12px;
	font-weight:900;
	letter-spacing:1px;
	cursor:pointer;
}

.vip-package-submit:hover{background:#c81017}

.vip-package-form-message{
	min-height:18px;
	color:#aaa;
	font-size:12px;
	text-align:center;
}

@media(max-width:1000px){
	.vip-packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.vip-package-featured{transform:none}
	.vip-package-featured:hover{transform:translateY(-9px)}
	.vip-comparison-grid{grid-template-columns:1fr}
	.vip-comparison-grid>div{border-right:0;border-bottom:1px solid #ccc}
	.vip-comparison-grid>div:last-child{border-bottom:0}
}

@media(max-width:700px){
	.vip-packages-hero{min-height:470px}
	.vip-packages-wrap{padding:80px 0 55px}
	.vip-packages-hero h1{font-size:46px;letter-spacing:-1.5px;font-weight:600}
	.vip-packages-hero p{font-size:14px}
	.vip-packages-heading{gap:10px}
	.vip-packages-heading .vip-line{width:28px}
	.vip-packages-heading h2{font-size:31px}
	.vip-packages-grid{grid-template-columns:1fr}
	.vip-package-inner{min-height:0;padding:48px 23px 25px}
	.vip-package-featured .vip-package-inner{padding-top:32px}
	.vip-package-price strong{font-size:45px}
	.vip-comparison-head h2{font-size:40px}
	.vip-cta-inner{display:block}
	.vip-cta-inner h2{font-size:38px}
	.vip-cta-btn{margin-top:25px}
	.vip-form-row{grid-template-columns:1fr}
	.vip-package-dialog{padding:28px 20px}
}

@media(prefers-reduced-motion:reduce){
	.vip-package-card,
	.vip-package-book,
	.vip-packages-hero-btn,
	.vip-cta-btn{transition:none}
}


/* ==========================================================================
   SECTION: CONTACT & LOCATION DEDICATED PAGE STYLES
   Source: page-contact.php
   ========================================================================== */

/* --- page-contact.php (Block 1) --- */
.vip-contact-pro{--red:#ed1c24;--red-dark:#c90f16;--black:#070707;--black2:#0d0d0d;--ink:#151515;--muted:#707070;font-family:"Plus Jakarta Sans",Arial,sans-serif;color:var(--ink);overflow:hidden}
.vip-contact-pro *{box-sizing:border-box}
.vip-contact-pro a{text-decoration:none}
.vcp-wrap{width:min(1220px,calc(100% - 48px));margin:auto}
.vcp-hero{position:relative;min-height:650px;background:#050505;color:#fff;display:flex;align-items:center;overflow:hidden}
.vcp-hero-photo{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.72);transform:scale(1.04)}
.vcp-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.92) 27%,rgba(5,5,5,.58) 62%,rgba(5,5,5,.86) 100%)}
.vcp-hero-grid{position:absolute;inset:0;opacity:.055;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:75px 75px}
.vcp-hero-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:115px 0 105px}
.vcp-hero-copy{max-width:760px}
.vcp-kicker{display:inline-flex;align-items:center;gap:10px;color:#ff3b43;font-size:9px;font-weight:800;letter-spacing:2.8px}
.vcp-kicker i{display:block;width:32px;height:2px;background:var(--red)}
.vcp-hero h1{margin:20px 0 23px;font-size:clamp(52px,7vw,92px);line-height:.91;letter-spacing:-4px;font-weight:800}
.vcp-hero h1 em{font-style:normal;color:var(--red)}
.vcp-hero-copy>p{max-width:620px;margin:0;color:#b3b3b3;font-size:14px;line-height:1.85;font-weight:500}
.vcp-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.vcp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:51px;padding:0 22px;border-radius:7px;font-size:10px;font-weight:800;letter-spacing:.08em;transition:transform .3s,box-shadow .3s,background .3s}
.vcp-btn-red{background:var(--red);color:#fff!important;box-shadow:0 15px 35px rgba(237,28,36,.25)}
.vcp-btn-red:hover{background:var(--red-dark);transform:translateY(-3px);box-shadow:0 20px 42px rgba(237,28,36,.35)}
.vcp-btn-line{border:1px solid rgba(255,255,255,.24);color:#fff!important;background:rgba(255,255,255,.025)}
.vcp-btn-line:hover{background:#fff;color:#111!important;transform:translateY(-3px)}
.vcp-phone-icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--red)}
.vcp-phone-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vcp-hero-side{display:flex;flex-direction:column;align-items:center;gap:28px;margin-right:4%}
.vcp-orbit{width:235px;height:235px;border:1px solid rgba(237,28,36,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transform:rotate(-8deg)}
.vcp-orbit:before,.vcp-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%}
.vcp-orbit:before{inset:18px}.vcp-orbit:after{inset:39px}
.vcp-orbit-inner{text-align:center;transform:rotate(8deg);position:relative;z-index:2}
.vcp-orbit strong{display:block;color:var(--red);font-size:58px;line-height:.8;letter-spacing:-5px;font-weight:900}.vcp-orbit span{display:block;color:#fff;font-size:14px;font-weight:800;letter-spacing:7px;margin-left:7px}
.vcp-side-note{display:flex;align-items:center;gap:12px;color:#888;font-size:8px;font-weight:800;letter-spacing:2px}.vcp-side-note span{color:var(--red);font-size:10px}
.vcp-scroll{position:absolute;z-index:3;bottom:27px;left:50%;transform:translateX(-50%);color:#777;font-size:7px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:9px}.vcp-scroll span{width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red)}
.vcp-strip{background:#fff;border-bottom:1px solid #eee}
.vcp-strip-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.vcp-quick{min-height:112px;display:flex;align-items:center;gap:15px;padding:22px 28px;border-right:1px solid #eee;color:#171717!important;transition:background .3s,transform .3s}
.vcp-quick:last-child{border-right:0}.vcp-quick:hover{background:#fafafa;transform:translateY(-2px)}
.vcp-quick-icon{width:44px;height:44px;flex:0 0 44px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff2f2;color:var(--red);border:1px solid rgba(237,28,36,.13)}
.vcp-quick-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vcp-quick small{display:block;color:#aaa;font-size:7px;font-weight:800;letter-spacing:1.8px;margin-bottom:5px}.vcp-quick strong{display:block;font-size:12px;font-weight:700}.vcp-arrow{margin-left:auto;color:#aaa;font-size:18px;font-weight:400;transition:.25s}.vcp-quick:hover .vcp-arrow{color:var(--red);transform:translate(2px,-2px)}
.vcp-enquiry{position:relative;padding:105px 0 115px;background:#fff;overflow:hidden}
.vcp-enquiry:before{content:"";position:absolute;right:-250px;top:30px;width:560px;height:560px;border-radius:50%;background:rgba(237,28,36,.035);filter:blur(70px)}
.vcp-section-head{position:relative;z-index:2;max-width:770px;margin:0 auto 58px;text-align:center}.vcp-dark-kicker{color:var(--red)}
.vcp-section-head h2{margin:15px 0 17px;font-size:clamp(42px,5.7vw,70px);line-height:.96;letter-spacing:-3px;font-weight:800}.vcp-section-head h2 span{color:var(--red)}.vcp-section-head p{max-width:600px;margin:auto;color:#777;font-size:13px;line-height:1.8;font-weight:500}
.vcp-enquiry-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.16fr .84fr;gap:55px;align-items:start}
.vcp-form-card{padding:33px;border:1px solid #e7e7e7;border-radius:15px;background:#fff;box-shadow:0 25px 65px rgba(0,0,0,.08)}
.vcp-form-head{display:flex;align-items:center;gap:15px;padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid #eee}.vcp-form-number{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff1f1;color:var(--red);font-size:9px;font-weight:800}.vcp-form-head small{display:block;color:#aaa;font-size:7px;font-weight:800;letter-spacing:1.8px}.vcp-form-head h3{margin:4px 0 0;font-size:19px;font-weight:700}
.vcp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.vcp-form label>span{display:block;margin-bottom:8px;color:#777;font-size:7px;font-weight:800;letter-spacing:1.5px}.vcp-form label>span b{color:var(--red)}
.vcp-form input,.vcp-form select,.vcp-form textarea{width:100%;border:1px solid #e1e1e1;border-radius:7px;background:#fafafa;color:#222;font-family:inherit;font-size:12px;font-weight:500;outline:0;padding:0 14px;transition:border-color .25s,box-shadow .25s,background .25s}.vcp-form input,.vcp-form select{height:48px}.vcp-form textarea{min-height:145px;padding:14px;resize:vertical}.vcp-form input:focus,.vcp-form select:focus,.vcp-form textarea:focus{background:#fff;border-color:rgba(237,28,36,.5);box-shadow:0 0 0 3px rgba(237,28,36,.06)}.vcp-full{grid-column:1/-1}
.vcp-submit-row{margin-top:23px}.vcp-submit{width:100%;height:53px;border:0;border-radius:7px;background:var(--red);color:#fff!important;font-family:inherit;font-size:10px;font-weight:800;letter-spacing:.08em;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 13px 30px rgba(237,28,36,.2);transition:.25s}.vcp-submit:hover{background:var(--red-dark);transform:translateY(-2px)}.vcp-submit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vcp-private{text-align:center;margin-top:12px;color:#aaa;font-size:8px;font-weight:600}.vcp-private span{color:#1c9b4b;margin-right:4px}
.vcp-error{margin-bottom:18px;padding:12px 14px;background:#fff1f1;border:1px solid #ffd0d0;border-radius:7px;color:#b00008;font-size:11px;font-weight:600}
.vcp-success{text-align:center;padding:35px 15px}.vcp-success-mark{width:58px;height:58px;margin:0 auto 17px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#effbf2;color:#199447;font-size:26px;font-weight:800}.vcp-success-line{color:var(--red);font-size:8px;font-weight:800;letter-spacing:2px}.vcp-success h3{margin:7px 0;font-size:27px;font-weight:800}.vcp-success p{margin:0 0 22px;color:#777;font-size:12px}
.vcp-details{display:flex;flex-direction:column;gap:17px}.vcp-detail-intro{padding:7px 0 8px}.vcp-detail-intro>span{color:#aaa;font-size:9px;font-weight:800;letter-spacing:1px}.vcp-detail-intro h3{margin:13px 0 13px;font-size:40px;line-height:.98;letter-spacing:-1.8px;font-weight:800}.vcp-detail-intro h3 em{font-style:normal;color:var(--red)}.vcp-detail-intro p{margin:0;color:#777;font-size:11px;line-height:1.8;font-weight:500}
.vcp-address{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #e9e9e9;border-radius:11px;color:#171717!important;transition:.3s}.vcp-address:hover{border-color:rgba(237,28,36,.3);transform:translateX(4px);box-shadow:0 12px 30px rgba(0,0,0,.06)}.vcp-detail-icon{width:45px;height:45px;flex:0 0 45px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#fff2f2;color:var(--red)}.vcp-detail-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.vcp-address small{display:block;color:#aaa;font-size:7px;font-weight:800;letter-spacing:1.5px;margin-bottom:4px}.vcp-address strong{display:block;font-size:13px;font-weight:700}.vcp-address span{display:block;color:#777;font-size:9px;margin-top:3px}.vcp-address>b{margin-left:auto;color:#aaa;font-size:18px;font-weight:400}
.vcp-hours-box{padding:20px;border-radius:11px;background:#0b0b0b;color:#fff}.vcp-hours-title{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:#888;font-size:7px;font-weight:800;letter-spacing:1.7px}.vcp-hours-title i{height:1px;flex:1;background:#272727}.vcp-hour{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #202020}.vcp-hour:last-child{border-bottom:0}.vcp-hour span{color:#777;font-size:8px;font-weight:700}.vcp-hour strong{font-size:9px;font-weight:700}
.vcp-call-card{padding:19px 20px;border:1px solid rgba(237,28,36,.18);border-left:3px solid var(--red);border-radius:10px;background:#fffafa}.vcp-call-card small{display:block;color:#aaa;font-size:7px;font-weight:800;letter-spacing:1.5px;margin-bottom:5px}.vcp-call-card strong{display:block;font-size:12px;font-weight:700}.vcp-call-card>a{display:inline-block;margin-top:9px;color:var(--red)!important;font-size:13px;font-weight:800}.vcp-call-card>a span{margin-left:5px}
.vcp-final{position:relative;background:#080808;color:#fff;padding:82px 0;overflow:hidden}.vcp-final-lines{position:absolute;inset:0;opacity:.045;background-image:linear-gradient(90deg,transparent 49.8%,#fff 50%,transparent 50.2%);background-size:100px 100%}.vcp-final-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:35px}.vcp-final h2{margin:13px 0 0;font-size:clamp(42px,5vw,68px);line-height:.9;letter-spacing:-3px;font-weight:800}.vcp-final h2 span{color:var(--red)}.vcp-final-phone{display:flex;align-items:center;gap:13px;padding:11px 16px 11px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#fff!important;background:rgba(255,255,255,.035);transition:.3s}.vcp-final-phone:hover{border-color:rgba(237,28,36,.5);transform:translateY(-3px)}.vcp-final-phone>span{width:43px;height:43px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--red)}.vcp-final-phone svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vcp-final-phone strong{font-size:14px;font-weight:800}.vcp-final-phone em{font-style:normal;color:#777;font-size:7px;font-weight:800;letter-spacing:1.5px;margin-left:8px}
.vcp-reveal{opacity:0;transform:translateY(25px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1)}.vcp-reveal.vcp-visible{opacity:1;transform:none}
@media(max-width:950px){.vcp-hero-side{margin-right:0}.vcp-orbit{width:180px;height:180px}.vcp-orbit strong{font-size:45px}.vcp-enquiry-layout{grid-template-columns:1fr}.vcp-details{max-width:720px;width:100%;margin:auto}}
@media(max-width:700px){
	.vcp-wrap{width:min(100% - 30px,1220px)}
	.vcp-hero{min-height:620px}.vcp-hero-inner{padding:95px 0 90px}.vcp-hero-side{display:none}.vcp-hero h1{font-size:51px;letter-spacing:-2.5px}.vcp-hero-copy>p{font-size:12px}.vcp-actions{flex-direction:column;align-items:stretch}.vcp-btn{width:100%}
	.vcp-strip-grid{grid-template-columns:1fr}.vcp-quick{min-height:85px;border-right:0;border-bottom:1px solid #eee}.vcp-quick:last-child{border-bottom:0}
	.vcp-enquiry{padding:75px 0}.vcp-section-head{margin-bottom:40px}.vcp-section-head h2{font-size:42px;letter-spacing:-2px}
	.vcp-form-card{padding:21px 16px}.vcp-form-grid{grid-template-columns:1fr;gap:16px}.vcp-full{grid-column:auto}.vcp-detail-intro h3{font-size:37px}
	.vcp-final{padding:65px 0}.vcp-final-inner{flex-direction:column;align-items:stretch}.vcp-final-phone{width:100%;justify-content:flex-start}.vcp-scroll{display:none}
}
@media(prefers-reduced-motion:reduce){.vcp-reveal{opacity:1;transform:none;transition:none}.vcp-btn,.vcp-quick,.vcp-address,.vcp-final-phone{transition:none}}

/* BLACK FORM + CONSOLIDATED CONTACT DETAILS */
.vip-contact-pro .vcp-enquiry{
	background:#f3f3f3;
}
.vip-contact-pro .vcp-enquiry-layout{
	grid-template-columns:1.12fr .88fr;
	gap:32px;
	align-items:stretch;
}
.vip-contact-pro .vcp-form-card{
	background:#070707;
	border:1px solid #1d1d1d;
	border-radius:16px;
	padding:36px;
	box-shadow:0 28px 70px rgba(0,0,0,.16);
	color:#fff;
}
.vip-contact-pro .vcp-form-head{
	border-bottom:1px solid rgba(255,255,255,.13);
}
.vip-contact-pro .vcp-form-number{
	background:#ed1c24;
	color:#fff;
}
.vip-contact-pro .vcp-form-head small{
	color:#8e8e8e;
}
.vip-contact-pro .vcp-form-head h3{
	color:#fff;
	font-weight:800;
}
.vip-contact-pro .vcp-form label>span{
	color:#b8b8b8;
	font-weight:800;
}
.vip-contact-pro .vcp-form input,
.vip-contact-pro .vcp-form select,
.vip-contact-pro .vcp-form textarea{
	background:#111;
	border:1px solid #292929;
	color:#fff;
	font-weight:600;
}
.vip-contact-pro .vcp-form input::placeholder,
.vip-contact-pro .vcp-form textarea::placeholder{
	color:#777;
}
.vip-contact-pro .vcp-form select{
	color:#fff;
}
.vip-contact-pro .vcp-form input:focus,
.vip-contact-pro .vcp-form select:focus,
.vip-contact-pro .vcp-form textarea:focus{
	background:#151515;
	border-color:rgba(237,28,36,.8);
	box-shadow:0 0 0 3px rgba(237,28,36,.12);
}
.vip-contact-pro .vcp-private{
	color:#777;
	font-weight:700;
}
.vip-contact-pro .vcp-details.vcp-contact-panel{
	background:#070707;
	border-radius:16px;
	padding:38px 34px;
	color:#fff;
	border:1px solid #1d1d1d;
	box-shadow:0 28px 70px rgba(0,0,0,.16);
	display:flex;
	flex-direction:column;
	gap:24px;
	height:100%;
}
.vip-contact-pro .vcp-contact-panel-top>span{
	display:block;
	color:#ed1c24;
	font-size:9px;
	font-weight:900;
	letter-spacing:1.8px;
	margin-bottom:16px;
}
.vip-contact-pro .vcp-contact-panel-top .vcp-kicker{
	color:#999;
}
.vip-contact-pro .vcp-contact-panel-top h3{
	margin:13px 0 13px;
	color:#fff;
	font-size:clamp(34px,3.4vw,48px);
	line-height:.94;
	letter-spacing:-2px;
	font-weight:900;
}
.vip-contact-pro .vcp-contact-panel-top h3 em{
	font-style:normal;
	color:#ed1c24;
}
.vip-contact-pro .vcp-contact-panel-top p{
	margin:0;
	color:#9a9a9a;
	font-size:11px;
	line-height:1.8;
	font-weight:600;
	max-width:470px;
}
.vip-contact-pro .vcp-contact-info-list{
	display:flex;
	flex-direction:column;
	border-top:1px solid rgba(255,255,255,.12);
}
.vip-contact-pro .vcp-contact-info{
	display:flex;
	align-items:center;
	gap:15px;
	padding:18px 0;
	border-bottom:1px solid rgba(255,255,255,.12);
	color:#fff!important;
	transition:.25s;
}
.vip-contact-pro .vcp-contact-info:hover{
	padding-left:5px;
}
.vip-contact-pro .vcp-contact-info-icon{
	width:45px;
	height:45px;
	flex:0 0 45px;
	border-radius:9px;
	background:#ed1c24;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
}
.vip-contact-pro .vcp-contact-info-icon svg{
	width:19px;
	height:19px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.vip-contact-pro .vcp-contact-info small{
	display:block;
	color:#777;
	font-size:7px;
	font-weight:900;
	letter-spacing:1.6px;
	margin-bottom:4px;
}
.vip-contact-pro .vcp-contact-info strong{
	display:block;
	color:#fff;
	font-size:14px;
	line-height:1.25;
	font-weight:900;
}
.vip-contact-pro .vcp-contact-info span{
	display:block;
	color:#8a8a8a;
	font-size:9px;
	font-weight:600;
	margin-top:4px;
}
.vip-contact-pro .vcp-contact-info>b{
	margin-left:auto;
	color:#777;
	font-size:18px;
	font-weight:400;
	transition:.25s;
}
.vip-contact-pro .vcp-contact-info:hover>b{
	color:#ed1c24;
	transform:translate(2px,-2px);
}
.vip-contact-pro .vcp-contact-hours{
	margin-top:auto;
	padding-top:2px;
}
.vip-contact-pro .vcp-contact-hours .vcp-hours-title{
	color:#777;
}
.vip-contact-pro .vcp-contact-hours .vcp-hour{
	border-bottom-color:rgba(255,255,255,.10);
}
.vip-contact-pro .vcp-contact-hours .vcp-hour span{
	color:#777;
	font-weight:800;
}
.vip-contact-pro .vcp-contact-hours .vcp-hour strong{
	color:#fff;
	font-weight:900;
}
@media(max-width:950px){
	.vip-contact-pro .vcp-enquiry-layout{
		grid-template-columns:1fr;
	}
	.vip-contact-pro .vcp-details.vcp-contact-panel{
		height:auto;
	}
}
@media(max-width:640px){
	.vip-contact-pro .vcp-form-card,
	.vip-contact-pro .vcp-details.vcp-contact-panel{
		padding:25px 18px;
	}
}
	
	/* ALL CONTACT PAGE PARAGRAPHS — 14PX */
.vip-contact-pro p {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* MOBILE — KEEP 14PX */
@media (max-width: 700px) {
    .vip-contact-pro p {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }
}


/* ==========================================================================
   SECTION: THANK YOU CONFIRMATION PAGE STYLES
   Source: page-thank-you.php
   ========================================================================== */

/* --- page-thank-you.php (Block 1) --- */
/* =========================================================
   VIP THANK YOU PAGE STYLES
   ========================================================= */

.vip-thank-you-page {
	position: relative;
	min-height: 100vh;
	width: 100%;
	background: #070707;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 140px 20px 80px;
	overflow: hidden;
	box-sizing: border-box;
	font-family: inherit;
}

.vty-grid-overlay {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
	background-size: 50px 50px;
	pointer-events: none;
}

.vty-bg-glow {
	position: absolute;
	border-radius: 50%;
	filter: blur(120px);
	pointer-events: none;
}

.vty-bg-glow-1 {
	width: 500px;
	height: 500px;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(237, 28, 36, 0.14);
}

.vty-bg-glow-2 {
	width: 400px;
	height: 400px;
	bottom: 5%;
	right: 10%;
	background: rgba(237, 28, 36, 0.08);
}

.vty-container {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
}

.vty-card {
	background: linear-gradient(160deg, rgba(24, 24, 24, 0.96), rgba(10, 10, 10, 0.98));
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 20px;
	padding: 50px 45px 40px;
	text-align: center;
	box-shadow:
		0 30px 80px rgba(0, 0, 0, 0.8),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	animation: vtyFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* SUCCESS ICON */
.vty-icon-wrapper {
	position: relative;
	width: 86px;
	height: 86px;
	margin: 0 auto 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vty-icon-circle {
	position: relative;
	z-index: 2;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: linear-gradient(135deg, #ed1c24, #b90e15);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 30px rgba(237, 28, 36, 0.5);
}

.vty-icon-circle svg {
	width: 40px;
	height: 40px;
}

.vty-pulse-ring {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 2px solid rgba(237, 28, 36, 0.45);
	animation: vtyPulse 2.2s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
}

.vty-pulse-ring-2 {
	animation-delay: 0.7s;
}

@keyframes vtyPulse {
	0% {
		transform: scale(0.9);
		opacity: 0.9;
	}
	100% {
		transform: scale(1.6);
		opacity: 0;
	}
}

/* TEXT */
.vty-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #ed1c24;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 2px;
	margin-bottom: 12px;
}

.vty-kicker span {
	width: 24px;
	height: 1px;
	background: #ed1c24;
}

.vty-title {
	font-size: clamp(28px, 4.2vw, 44px);
	font-weight: 900;
	line-height: 1.15;
	letter-spacing: -1px;
	margin: 0 0 16px;
	color: #fff;
}

.vty-title em {
	font-style: normal;
	color: #ed1c24;
	background: linear-gradient(100deg, #fff 0%, #ff4b51 50%, #ed1c24 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.vty-subtitle {
	font-size: 15px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.75);
	max-width: 620px;
	margin: 0 auto 34px;
}

/* TIMELINE BOX */
.vty-steps-box {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.09);
	border-radius: 14px;
	padding: 26px 22px 24px;
	margin-bottom: 30px;
	text-align: left;
}

.vty-steps-title {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.5px;
	color: #ed1c24;
	margin-bottom: 18px;
	text-transform: uppercase;
	text-align: center;
}

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

.vty-step-item {
	background: rgba(10, 10, 10, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 10px;
	padding: 16px;
}

.vty-step-num {
	font-size: 14px;
	font-weight: 900;
	color: #ed1c24;
	margin-bottom: 8px;
}

.vty-step-content strong {
	display: block;
	font-size: 13.5px;
	color: #fff;
	margin-bottom: 4px;
}

.vty-step-content span {
	font-size: 11.5px;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.58);
	display: block;
}

/* URGENT BOX & BUTTONS */
.vty-urgent-box {
	margin-bottom: 30px;
}

.vty-urgent-box p {
	font-size: 13.5px;
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 16px;
}

.vty-btn-group {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	flex-wrap: wrap;
}

.vty-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 0 26px;
	border-radius: 6px;
	text-decoration: none;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.8px;
	transition: all 0.3s ease;
}

.vty-btn-primary {
	background: linear-gradient(110deg, #b00c13, #ed1c24, #ff343b);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.15);
	box-shadow: 0 10px 25px rgba(237, 28, 36, 0.35);
}

.vty-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 15px 35px rgba(237, 28, 36, 0.5);
	color: #fff;
}

.vty-btn-secondary {
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.vty-btn-secondary:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: #ed1c24;
	transform: translateY(-2px);
	color: #fff;
}

.vty-arrow {
	font-size: 16px;
	transition: transform 0.25s ease;
}

.vty-btn-secondary:hover .vty-arrow {
	transform: translateX(4px);
}

/* INFO GRID */
.vty-info-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	padding-top: 24px;
	border-top: 1px solid rgba(255, 255, 255, 0.09);
	text-align: left;
}

.vty-info-col {
	background: rgba(0, 0, 0, 0.35);
	padding: 14px 18px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.vty-info-label {
	display: block;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 1px;
	color: #ed1c24;
	margin-bottom: 4px;
}

.vty-info-value {
	font-size: 12.5px;
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
}

.vty-info-value:hover {
	color: #fff;
}

/* ANIMATION */
@keyframes vtyFadeUp {
	from {
		opacity: 0;
		transform: translateY(30px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

/* RESPONSIVE */
@media (max-width: 768px) {
	.vty-card {
		padding: 40px 22px 30px;
	}
	.vty-steps-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.vty-info-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.vty-btn-group {
		flex-direction: column;
	}
	.vty-btn {
		width: 100%;
	}
}
/* ==========================================================================
   HERO & FORM HIGH-PRECISION POLISH OVERRIDES
   ========================================================================== */
.vip-modern-hero {
	min-height: 100vh;
	padding-top: 125px !important;
	padding-bottom: 25px !important;
	display: flex;
	align-items: center;
}

.vip-hero-heading span {
	color: #ffffff !important;
	font-weight: 800 !important;
	white-space: nowrap;
}

.vip-hero-heading strong {
	background: linear-gradient(135deg, #FF3B30 0%, #EA1C24 60%, #FF6B6B 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	filter: drop-shadow(0 4px 18px rgba(234,28,36,.4)) !important;
	font-weight: 800 !important;
	white-space: nowrap;
}

.vip-form-tag {
	position: absolute !important;
	right: 18px !important;
	top: -11px !important;
	z-index: 10 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 4px 11px !important;
	background: linear-gradient(135deg, #EA1C24, #C81017) !important;
	border: 1px solid rgba(255,255,255,.2) !important;
	border-radius: 4px !important;
	color: #fff !important;
	font-size: 8.5px !important;
	font-weight: 900 !important;
	letter-spacing: 1.2px !important;
	box-shadow: 0 4px 14px rgba(234,28,36,.45) !important;
}

.vip-hero-form-card {
	padding: 18px 22px 16px !important;
	border-radius: 14px !important;
	background: linear-gradient(145deg, rgba(20,20,20,.985), rgba(8,8,8,.985)) !important;
	border: 1px solid rgba(255,255,255,.14) !important;
	box-shadow: 0 20px 60px rgba(0,0,0,.7), 0 6px 20px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.vip-form-kicker {
	margin-bottom: 2px !important;
	color: #EA1C24 !important;
	font-size: 8.5px !important;
	font-weight: 900 !important;
	letter-spacing: 1.5px !important;
}

.vip-form-heading-row h3 {
	margin: 0 !important;
	color: #fff !important;
	font-size: 21px !important;
	line-height: 1.15 !important;
	font-weight: 700 !important;
	letter-spacing: -.4px !important;
}

.vip-form-chat-icon {
	width: 32px !important;
	height: 32px !important;
	border-radius: 8px !important;
}

.vip-form-intro {
	margin: 3px 0 8px !important;
	font-size: 10.5px !important;
	line-height: 1.35 !important;
	color: rgba(255,255,255,.6) !important;
}

.vip-modern-form {
	gap: 7px !important;
}

.vip-form-row {
	gap: 7px !important;
}

.vip-input-group {
	gap: 2px !important;
}

.vip-input-group label {
	color: rgba(255,255,255,.7) !important;
	font-size: 8px !important;
	font-weight: 800 !important;
	letter-spacing: .8px !important;
	margin-bottom: 1px !important;
}

.vip-input-group input {
	height: 35px !important;
	padding: 0 11px !important;
	font-size: 11.5px !important;
}

.vip-input-group textarea {
	min-height: 44px !important;
	height: 44px !important;
	padding: 6px 11px !important;
	font-size: 11.5px !important;
	resize: none !important;
}

.vip-input-with-icon {
	position: relative !important;
	width: 100% !important;
}

.vip-input-with-icon svg {
	position: absolute !important;
	left: 11px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 14px !important;
	height: 14px !important;
	color: rgba(255,255,255,.45) !important;
	pointer-events: none !important;
	z-index: 3 !important;
}

.vip-input-with-icon input,
.vip-input-group .vip-input-with-icon input,
.vip-modern-form .vip-input-with-icon input {
	padding-left: 36px !important;
}

.vip-form-submit {
	height: 40px !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: .8px !important;
	margin-top: 2px !important;
	background: linear-gradient(110deg, #A90C13, #EA1C24, #FF3E45, #B50C13) !important;
	background-size: 200% 100% !important;
	box-shadow: 0 8px 22px rgba(234,28,36,.3) !important;
}

.vip-form-submit:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 30px rgba(234,28,36,.45) !important;
}

.vip-form-security {
	margin-top: 2px !important;
	font-size: 9px !important;
	color: rgba(255,255,255,.45) !important;
}

.vip-hero-buttons {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 14px !important;
	margin-top: 20px !important;
}

.vip-btn-primary {
	height: 48px !important;
	min-width: 190px !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	border-radius: 6px !important;
}

.vip-google-review {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 48px !important;
	padding: 0 14px !important;
	background: rgba(255,255,255,.05) !important;
	border: 1px solid rgba(255,255,255,.18) !important;
	border-radius: 6px !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
	transition: all .3s ease !important;
}

.vip-google-review:hover {
	background: rgba(255,255,255,.1) !important;
	border-color: rgba(255,255,255,.35) !important;
	transform: translateY(-2px) !important;
}

.vip-google-review img {
	height: 38px !important;
	width: auto !important;
	object-fit: contain !important;
	display: block !important;
}

/* ==========================================================================
   HEADER & NAVIGATION SLEEK POLISH
   ========================================================================== */

#vip-site-header,
.vip-site-header {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	z-index: 9999 !important;
	background: rgba(8, 8, 8, 0.82) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	box-sizing: border-box !important;
	transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#vip-site-header.scrolled,
.vip-site-header.scrolled {
	position: fixed !important;
	background: rgba(6, 6, 6, 0.96) !important;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.65) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.vip-topbar {
	width: 100% !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.vip-topbar-inner {
	width: 100% !important;
	min-height: 38px !important;
	padding: 0 5.5% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px !important;
	box-sizing: border-box !important;
	font-size: 12px !important;
}

.vip-navbar {
	width: 100% !important;
}

.vip-navbar-inner {
	width: 100% !important;
	min-height: 74px !important;
	padding: 0 5.5% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 25px !important;
	box-sizing: border-box !important;
	transition: min-height 0.3s ease !important;
}

#vip-site-header.scrolled .vip-navbar-inner {
	min-height: 64px !important;
}

.vip-header-logo {
	display: flex !important;
	align-items: center !important;
	flex-shrink: 0 !important;
	text-decoration: none !important;
}

.vip-header-logo img {
	display: block !important;
	width: auto !important;
	height: 46px !important;
	transition: height 0.3s ease !important;
}

#vip-site-header.scrolled .vip-header-logo img {
	height: 40px !important;
}

#vip-site-header .vip-main-menu {
	display: flex !important;
	align-items: center !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 6px !important;
}

#vip-site-header .vip-menu-link {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	height: 74px !important;
	padding: 0 16px !important;
	color: rgba(255, 255, 255, 0.82) !important;
	text-decoration: none !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	transition: color 0.25s ease, height 0.3s ease !important;
}

#vip-site-header .vip-menu-link:hover,
#vip-site-header .vip-menu-link.active {
	color: #ffffff !important;
}

#vip-site-header .vip-menu-link:after {
	content: "" !important;
	position: absolute !important;
	left: 16px !important;
	right: 16px !important;
	bottom: 22px !important;
	height: 2px !important;
	border-radius: 4px !important;
	background: #EA1C24 !important;
	transform: scaleX(0) !important;
	transform-origin: center !important;
	transition: transform 0.25s ease !important;
	box-shadow: 0 0 10px rgba(234, 28, 36, 0.6) !important;
}

#vip-site-header .vip-menu-link:hover:after,
#vip-site-header .vip-menu-link.active:after {
	transform: scaleX(1) !important;
}

#vip-site-header.scrolled .vip-menu-link {
	height: 64px !important;
}

#vip-site-header.scrolled .vip-menu-link:after {
	bottom: 18px !important;
}

#vip-site-header .vip-header-contact {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-width: 145px !important;
	height: 44px !important;
	padding: 0 20px !important;
	background: linear-gradient(135deg, #EA1C24 0%, #C81017 100%) !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.6px !important;
	box-shadow: 0 4px 18px rgba(234, 28, 36, 0.35) !important;
	transition: all 0.3s ease !important;
}

#vip-site-header .vip-header-contact:hover {
	background: linear-gradient(135deg, #FF2E36 0%, #D6141B 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 25px rgba(234, 28, 36, 0.55) !important;
	color: #fff !important;
}

.vip-mobile-drawer {
	display: none;
	width: 100% !important;
	padding: 12px 5.5% 24px !important;
	background: rgba(6, 6, 6, 0.98) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	box-sizing: border-box !important;
}

/* ==========================================================================
   HERO SECTION — FULLY RESPONSIVE & POLISHED STYLES
   ========================================================================== */

.vip-modern-hero {
	position: relative;
	width: 100%;
	min-height: 100vh;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: #050505;
	color: #fff;
	padding-top: 125px;
	padding-bottom: 30px;
	box-sizing: border-box;
}

.vip-hero-container {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	padding: 0 4.5%;
	box-sizing: border-box;
}

.vip-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
	align-items: center;
	gap: 40px;
	width: 100%;
}

.vip-hero-left {
	min-width: 0;
	max-width: 720px;
}

.vip-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	margin-bottom: 16px;
	border: 1px solid rgba(234, 28, 36, 0.38);
	border-radius: 4px;
	background: rgba(234, 28, 36, 0.08);
	color: #ff343b;
	font-size: 9.5px;
	font-weight: 800;
	letter-spacing: 1.2px;
}

.vip-badge-dot {
	width: 6px;
	height: 6px;
	flex: 0 0 6px;
	border-radius: 50%;
	background: #EA1C24;
	box-shadow: 0 0 10px rgba(234, 28, 36, 0.9);
}

.vip-hero-heading {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: clamp(34px, 3.4vw, 54px) !important;
	font-family: inherit;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	letter-spacing: -1.5px !important;
	text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
	word-break: break-word;
}

.vip-hero-heading span {
	display: block;
	width: 100%;
	color: #ffffff !important;
	font-weight: 800 !important;
	white-space: normal !important;
}

.vip-hero-heading strong {
	display: block;
	width: 100%;
	margin-top: 4px;
	font-weight: 800 !important;
	white-space: normal !important;
	background: linear-gradient(135deg, #FF3B30 0%, #EA1C24 60%, #FF6B6B 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	filter: drop-shadow(0 4px 18px rgba(234, 28, 36, 0.4)) !important;
}

.vip-hero-subtitle {
	margin: 14px 0 0;
	color: #fff;
	font-size: clamp(15px, 1.4vw, 19px);
	font-weight: 600;
	line-height: 1.4;
}

.vip-hero-subtitle span {
	color: #EA1C24;
}

.vip-hero-description {
	max-width: 620px;
	margin: 12px 0 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 13px;
	line-height: 1.65;
	font-weight: 400;
}

.vip-hero-buttons {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 20px;
}

.vip-btn-primary {
	color: #fff;
	background: linear-gradient(110deg, #A90C13, #EA1C24, #FF3E45, #B50C13);
	background-size: 200% 100%;
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 10px 25px rgba(234, 28, 36, 0.3);
	height: 46px;
	min-width: 185px;
	padding: 0 20px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.8px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	transition: all 0.3s ease;
}

.vip-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 35px rgba(234, 28, 36, 0.45);
	color: #fff;
}

.vip-google-review {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	padding: 0 14px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 6px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	text-decoration: none;
	transition: all 0.3s ease;
}

.vip-google-review:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.35);
	transform: translateY(-2px);
}

.vip-google-review img {
	height: 36px;
	width: auto;
	object-fit: contain;
	display: block;
}

.vip-hero-trust {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.vip-trust-item {
	display: flex;
	align-items: center;
	gap: 6px;
	color: rgba(255, 255, 255, 0.68);
	font-size: 10.5px;
	font-weight: 700;
}

.vip-trust-item span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: rgba(234, 28, 36, 0.14);
	border: 1px solid rgba(234, 28, 36, 0.35);
	color: #EA1C24;
	font-size: 9px;
	font-weight: 800;
}

/* FORM WRAPPER & CARD */
.vip-hero-form-wrapper {
	position: relative;
	z-index: 5;
	width: 100%;
	max-width: 470px;
	margin-left: auto;
	min-width: 0;
}

.vip-form-tag {
	position: absolute;
	right: 18px;
	top: -11px;
	z-index: 10;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 11px;
	background: linear-gradient(135deg, #EA1C24, #C81017);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	color: #fff;
	font-size: 8.5px;
	font-weight: 900;
	letter-spacing: 1.2px;
	box-shadow: 0 4px 14px rgba(234, 28, 36, 0.45);
}

.vip-form-tag span {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 6px #fff;
}

.vip-hero-form-card {
	position: relative;
	width: 100%;
	padding: 18px 22px 16px;
	border-radius: 14px;
	background: linear-gradient(145deg, rgba(20, 20, 20, 0.985), rgba(8, 8, 8, 0.985));
	border: 1px solid rgba(255, 255, 255, 0.14);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7), 0 6px 20px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(25px);
	-webkit-backdrop-filter: blur(25px);
	overflow: hidden;
	box-sizing: border-box;
}

.vip-hero-form-card:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #EA1C24, #FF4B51, #EA1C24);
}

.vip-form-heading-row {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.vip-form-kicker {
	margin-bottom: 2px;
	color: #EA1C24;
	font-size: 8.5px;
	font-weight: 900;
	letter-spacing: 1.5px;
}

.vip-form-heading-row h3 {
	margin: 0;
	color: #fff;
	font-size: 21px;
	line-height: 1.15;
	font-weight: 700;
	letter-spacing: -0.4px;
}

.vip-form-chat-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	color: #EA1C24;
	background: rgba(234, 28, 36, 0.08);
	border: 1px solid rgba(234, 28, 36, 0.28);
	border-radius: 8px;
}

.vip-form-intro {
	position: relative;
	z-index: 2;
	margin: 3px 0 8px;
	color: rgba(255, 255, 255, 0.6);
	font-size: 10.5px;
	line-height: 1.35;
}

.vip-modern-form {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.vip-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 7px;
}

.vip-input-group {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.vip-input-group label {
	color: rgba(255, 255, 255, 0.7);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	margin-bottom: 1px;
}

.vip-input-group input,
.vip-input-group textarea {
	width: 100%;
	box-sizing: border-box;
	font-family: inherit;
	color: #fff;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 6px;
	outline: none;
	font-size: 11.5px;
	transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.vip-input-group input {
	height: 35px;
	padding: 0 11px;
}

.vip-input-group textarea {
	min-height: 44px;
	height: 44px;
	padding: 6px 11px;
	resize: none;
}

.vip-input-group input::placeholder,
.vip-input-group textarea::placeholder {
	color: rgba(255, 255, 255, 0.35);
}

.vip-input-group input:focus,
.vip-input-group textarea:focus {
	background: rgba(255, 255, 255, 0.09);
	border-color: #EA1C24;
	box-shadow: 0 0 0 3px rgba(234, 28, 36, 0.12);
}

.vip-input-with-icon {
	position: relative;
	width: 100%;
}

.vip-input-with-icon svg {
	position: absolute;
	left: 11px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	color: rgba(255, 255, 255, 0.45);
	pointer-events: none;
	z-index: 3;
}

.vip-input-with-icon input,
.vip-input-group .vip-input-with-icon input,
.vip-modern-form .vip-input-with-icon input {
	padding-left: 36px !important;
}

.vip-form-submit {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 2px;
	border: 0;
	border-radius: 6px;
	background: linear-gradient(110deg, #A90C13, #EA1C24, #FF3E45, #B50C13);
	background-size: 200% 100%;
	color: #fff;
	font-family: inherit;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.8px;
	cursor: pointer;
	box-shadow: 0 8px 22px rgba(234, 28, 36, 0.3);
	transition: transform 0.3s ease, box-shadow 0.3s ease, background-position 0.4s ease;
}

.vip-form-submit:hover {
	transform: translateY(-2px);
	background-position: 100% 50%;
	box-shadow: 0 12px 30px rgba(234, 28, 36, 0.45);
	color: #fff;
}

.vip-submit-arrow {
	font-size: 13px;
	transition: transform 0.25s ease;
}

.vip-form-submit:hover .vip-submit-arrow {
	transform: translateX(3px);
}

.vip-form-security {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 2px;
	color: rgba(255, 255, 255, 0.45);
	font-size: 9px;
}

/* ==========================================================================
   RESPONSIVE BREAKPOINTS FOR HERO
   ========================================================================== */

@media (max-width: 1100px) {
	.vip-modern-hero {
		min-height: auto;
		padding-top: 135px;
		padding-bottom: 50px;
	}

	.vip-hero-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.vip-hero-left {
		max-width: 100%;
		text-align: center;
	}

	.vip-hero-badge {
		margin-left: auto;
		margin-right: auto;
	}

	.vip-hero-heading {
		font-size: clamp(34px, 5.5vw, 48px) !important;
	}

	.vip-hero-description {
		margin-left: auto;
		margin-right: auto;
	}

	.vip-hero-buttons {
		justify-content: center;
	}

	.vip-hero-trust {
		justify-content: center;
	}

	.vip-hero-form-wrapper {
		max-width: 480px;
		margin: 0 auto;
	}
}

@media (max-width: 640px) {
	.vip-modern-hero {
		padding-top: 115px;
		padding-bottom: 40px;
	}

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

	.vip-hero-badge {
		margin-left: 0;
		margin-right: 0;
	}

	.vip-hero-heading {
		font-size: clamp(28px, 8vw, 38px) !important;
		letter-spacing: -1px !important;
	}

	.vip-hero-subtitle {
		font-size: 14px;
	}

	.vip-hero-buttons {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.vip-btn-primary {
		width: 100%;
	}

	.vip-google-review {
		width: 100%;
	}

	.vip-hero-trust {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.vip-hero-form-card {
		padding: 16px 16px 14px;
	}

	.vip-form-row {
		grid-template-columns: 1fr;
		gap: 7px;
	}
}

/* ==========================================================================
   UNIVERSAL TYPOGRAPHY & READABILITY OVERHAUL
   Ensures consistent Plus Jakarta Sans font, balanced headings, and readable paragraphs
   ========================================================================== */

/* Universal Font Enforcement */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input, select, textarea {
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Base Paragraph Readability */
p {
	font-size: 15.5px !important;
	line-height: 1.75 !important;
}

/* ==========================================================================
   ABOUT US SECTION TYPOGRAPHY & DESIGN POLISH
   ========================================================================== */

.vip-about-section {
	padding: 100px 5.5% !important;
	background: #ffffff !important;
	color: #111111 !important;
}

.vip-about-eyebrow {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin-bottom: 12px !important;
	color: #EA1C24 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 1.8px !important;
	text-transform: uppercase !important;
}

.vip-about-eyebrow span {
	width: 28px !important;
	height: 2px !important;
	background: #EA1C24 !important;
}

.vip-about-title {
	font-size: clamp(34px, 3.8vw, 50px) !important;
	font-weight: 800 !important;
	line-height: 1.12 !important;
	letter-spacing: -1.2px !important;
	color: #0B0B0B !important;
	margin-bottom: 14px !important;
}

.vip-about-title span {
	display: block !important;
	color: #EA1C24 !important;
}

.vip-about-intro {
	font-size: 16px !important;
	line-height: 1.75 !important;
	color: #4B5563 !important;
	font-weight: 500 !important;
	margin-bottom: 24px !important;
}

.vip-about-tabs {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	border-bottom: 2px solid #E5E7EB !important;
	width: 100% !important;
	margin-bottom: 20px !important;
}

.vip-about-tab {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 44px !important;
	padding: 0 16px !important;
	border: 0 !important;
	background: transparent !important;
	color: #6B7280 !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
}

.vip-about-tab.active {
	color: #EA1C24 !important;
	background: rgba(234, 28, 36, 0.05) !important;
	border-radius: 6px 6px 0 0 !important;
}

.vip-about-tab:after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: -2px !important;
	height: 2.5px !important;
	background: #EA1C24 !important;
	transform: scaleX(0) !important;
	transition: transform 0.25s ease !important;
}

.vip-about-tab.active:after {
	transform: scaleX(1) !important;
}

.vip-about-tab-content h3 {
	font-size: clamp(22px, 2.2vw, 28px) !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.6px !important;
	color: #111827 !important;
	margin-bottom: 12px !important;
}

.vip-about-tab-content h3 span {
	color: #EA1C24 !important;
}

.vip-about-tab-content p {
	font-size: 15.5px !important;
	line-height: 1.78 !important;
	color: #4B5563 !important;
	margin-bottom: 14px !important;
}

.vip-about-highlights {
	display: flex !important;
	align-items: center !important;
	gap: 24px !important;
	margin-top: 24px !important;
	padding-top: 18px !important;
	border-top: 1px solid #E5E7EB !important;
}

.vip-about-highlights > div {
	padding-right: 24px !important;
	margin-right: 0 !important;
	border-right: 1px solid #E5E7EB !important;
}

.vip-about-highlights > div:last-child {
	border-right: 0 !important;
}

.vip-about-highlights strong {
	display: block !important;
	color: #111827 !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

.vip-about-highlights span {
	display: block !important;
	margin-top: 5px !important;
	color: #6B7280 !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
}

.vip-mission-list {
	gap: 12px !important;
	margin-top: 18px !important;
}

.vip-mission-list li {
	padding: 12px 14px !important;
	border: 1px solid #E5E7EB !important;
	background: #F9FAFB !important;
	border-radius: 8px !important;
}

.vip-mission-list strong {
	font-size: 12.5px !important;
	font-weight: 800 !important;
	color: #111827 !important;
}

.vip-mission-list small {
	font-size: 11.5px !important;
	line-height: 1.55 !important;
	color: #6B7280 !important;
	margin-top: 3px !important;
}

.vip-about-button {
	height: 48px !important;
	padding: 0 24px !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.6px !important;
	border-radius: 6px !important;
	background: linear-gradient(135deg, #EA1C24 0%, #C81017 100%) !important;
	box-shadow: 0 6px 20px rgba(234, 28, 36, 0.3) !important;
}

.vip-about-button:hover {
	background: linear-gradient(135deg, #FF2E36 0%, #D6141B 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 10px 28px rgba(234, 28, 36, 0.45) !important;
}

/* ==========================================================================
   GLOBAL COMPONENT PARAGRAPH ENHANCEMENTS
   ========================================================================== */

.vip-services-heading p,
.vip-service-content p,
.vip-why-light-header p,
.vip-light-feature-content p,
.viptints-gallery-intro p,
.viptints-gallery-section p,
.vip-testimonials-heading p,
.testimonial-glass-card p,
.vip-faq-heading p,
.vip-faq-answer p,
.viptints-process-description p,
.process-step p,
.window-tint-card p,
.wt-hero p,
.wt-section-head p,
.wt-copy p,
.wt-copy-center p,
.wt-review-grid p,
.ppf-v2-desc,
.ppf-v2-benefit p,
.va-copy,
.va-card p,
.vcp-hero-p,
.vcp-faq-item p {
	font-size: 15.5px !important;
	line-height: 1.75 !important;
}

/* Headings consistency across all components */
.section-title,
.window-tint-heading h2,
.vip-services-heading h2,
.vip-why-light-header h2,
.viptints-gallery-heading h2,
.vip-testimonials-heading h2,
.vip-faq-heading h2,
.viptints-process-heading h2,
.wt-section-head h2,
.ppf-v2-section-head h2 {
	font-size: clamp(32px, 3.8vw, 48px) !important;
	font-weight: 800 !important;
	letter-spacing: -1px !important;
	line-height: 1.15 !important;
}