/* 🎨 ألوان وهوية عامة مستوحاة من Vapekit */
:root {
  --vk-bg: #05060a;
  --vk-bg-alt: #0b0d14;
  --vk-card: #11131c;
  --vk-text: #ffffff;
  --vk-muted: #a5a7b5;
  --vk-accent: #ff3366;      /* لون رئيسي (وردي/أحمر نيون) */
  --vk-accent-2: #4dd0e1;    /* لون ثانوي (سماوي نيون) */
}

/* Gradient background with more color */
body::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:
		linear-gradient(135deg,
			#0a0014 0%,
			#1a0a2e 25%,
			#16213e 50%,
			#0f3460 75%,
			#0a0014 100%),
		radial-gradient(ellipse at top left, rgba(138, 43, 226, 0.25) 0%, transparent 50%),
		radial-gradient(ellipse at bottom right, rgba(255, 0, 110, 0.25) 0%, transparent 50%),
		radial-gradient(ellipse at center, rgba(0, 245, 255, 0.15) 0%, transparent 60%);
	z-index: -3;important;
}

/* الهيدر / الشريط العلوي */
.header,
.site-header,
.navbar,
.navbar-default {
  background: radial-gradient(circle at top, #1b1f2b 0, #05060a 55%) !important;
  border-bottom: 1px solid #222 !important;
}

/* شعار المتجر */
.header .logo img,
.site-header .logo img {
  filter: drop-shadow(0 0 6px rgba(0,0,0,0.7));
}

/* روابط القائمة العلوية */
.header a,
.site-header a,
.navbar a {
  color: var(--vk-text) !important;
  position: relative;
}

.header a:hover,
.site-header a:hover,
.navbar a:hover {
  color: var(--vk-accent) !important;
}

.header a::after,
.site-header a::after,
.navbar a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--vk-accent), var(--vk-accent-2));
  transition: width 0.25s ease;
}

.header a:hover::after,
.site-header a:hover::after,
.navbar a:hover::after {
  width: 100%;
}

/* الأزرار (إضافة للسلة، إكمال الطلب، إلخ) */
.btn,
button,
input[type="submit"],
.add-to-cart-btn,
.checkout-btn {
  background-image: linear-gradient(135deg, var(--vk-accent), var(--vk-accent-2)) !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: none !important;
  font-weight: 600 !important;
  padding-inline: 22px !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.5) !important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
.add-to-cart-btn:hover,
.checkout-btn:hover {
  filter: brightness(1.1) !important;
  transform: translateY(-1px);
}

/* كروت المنتجات */
.product-item,
.product-card,
.product-box,
.product {
  background-color: var(--vk-card) !important;
  border-radius: 14px !important;
  border: 1px solid #222 !important;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,0.45);
}

.product-item .product-title,
.product-card .product-title,
.product-box .product-title,
.product .product-title {
  color: var(--vk-text) !important;
  font-weight: 600;
  text-align: center;
}

.product-item .price,
.product-card .price,
.product-box .price,
.product .price {
  color: var(--vk-accent-2) !important;
  font-weight: 700;
  text-align: center;
}

/* صور المنتجات */
.product-item img,
.product-card img,
.product-box img,
.product img {
  background-color: #181b26 !important;
  border-bottom: 1px solid #222 !important;
}

/* عناوين الأقسام */
.section-title,
h1, h2, h3 {
  color: var(--vk-accent) !important;
  text-align: center;
}

/* نصوص ثانوية */
.section-subtitle,
p,
.text-muted,
small {
  color: var(--vk-muted) !important;
}

/* البانرات / السلايدر الرئيسي إن وجد */
.hero,
.main-slider,
.banner,
.section--hero {
  background: radial-gradient(circle at top, #22263a 0, #05060a 55%) !important;
  color: var(--vk-text) !important;
}

/* الفوتر */
.footer,
.site-footer {
  background-color: #05060a !important;
  border-top: 1px solid #222 !important;
  color: var(--vk-muted) !important;
}

/* الحقول */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
.select2-container--default .select2-selection--single {
  background-color: #05060a !important;
  border: 1px solid #333 !important;
  color: var(--vk-text) !important;
  border-radius: 8px !important;
}

/* توسيط النصوص داخل كروت المنتجات (أرقام + عناوين) */
.product-item,
.product-card,
.product-box,
.product {
  text-align: center !important;
}
body, 
.section, 
.container, 
.content, 
p, 
h1, h2, h3, h4, h5, h6 {
    text-align: center !important;
}
.contact-info,
.footer-contact,
.store-contact,
.contact-section {
    text-align: center !important;
}
.social,
.social-links,
.footer-social,
.header-social,
.social-icons {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
}
.btn, 
button, 
.add-to-cart-btn {
    display: block !important;
    margin: 0 auto !important;
}
html {
    scroll-behavior: smooth !important;
}
body {
    padding-top: 80px !important; /* عدّل الرقم حسب ارتفاع الهيدر */
}/* MOBILE OPTIMIZATION */
@media (max-width: 768px) {

  .hero {
    padding: 40px 16px;
  }

  .hero h1 {
    font-size: 26px;
  }

  .product-card,
  .offer-card {
    padding: 14px;
  }

  .product-page .price {
    font-size: 22px;
  }

  .add-to-cart {
    width: 100%;
  }
}
.element {
  text-align: center;
}
.hero {
  text-align: center;
}
.product-card {
  text-align: center;
}
.section-title {
  text-align: center;
}
body {
  text-align: center;
}
/* CATEGORY GRID */
.category-grid .product-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 14px;
  border: 1px solid #e8e8e8;
  transition: 0.25s ease;
}

.category-grid .product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  border-color: #c7a86f;
}

.category-grid .product-card img {
  border-radius: 14px;
}

.category-grid .product-card .price {
  color: #a88954;
  font-weight: 700;
}
/* PRODUCT PAGE */
.product-page .product-images img {
  border-radius: 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.product-page .price {
  color: #a88954;
  font-size: 28px;
  font-weight: 800;
}

.product-page .add-to-cart {
  background: #c7a86f;
  color: #fff;
  padding: 14px 22px;
  border-radius: 14px;
  font-weight: 700;
  transition: 0.25s ease;
}

.product-page .add-to-cart:hover {
  background: #a88954;
  transform: translateY(-3px);
}

.product-page .details-box {
  background: #faf8f4;
  padding: 20px;
  border-radius: 16px;
  border: 1px solid #e8e8e8;
}
/* OFFERS SECTION */
.offers-section {
  margin: 40px 0;
}

.offer-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 18px;
  border: 1px solid #e8e8e8;
  transition: 0.25s ease;
}

.offer-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  border-color: #c7a86f;
}

.offer-card .discount {
  background: #c7a86f;
  color: #fff;
  padding: 6px 12px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
}
/* HERO SECTION */
.hero {
  background: linear-gradient(135deg, #f8f5ef, #e9e3d7);
  padding: 60px 20px;
  border-radius: 20px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

.hero h1 {
  font-size: 34px;
  font-weight: 800;
  color: #a88954;
  margin-bottom: 12px;
}

.hero p {
  color: #6f6f6f;
  font-size: 18px;
  margin-bottom: 20px;
}

.hero .btn-main {
  background: #c7a86f;
  color: #fff;
  padding: 14px 26px;
  border-radius: 12px;
  font-weight: 700;
  transition: 0.25s ease;
}

.hero .btn-main:hover {
  background: #a88954;
  transform: translateY(-3px);
footer .row,
footer .footer-widgets,
footer .footer-columns {
  display: flex;
  justify-content: center;
  text-align: center;
}
footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center !important;
}
footer {
  text-align: center !important;
}

footer .footer-widgets,
footer .footer-columns,
footer .row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}

footer a {
  text-align: center !important;
  margin: 6px 12px;
}
  <div class="social-icons">
  <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
  <a href="#" class="social-icon"><i class="fab fa-snapchat"></i></a>
  <a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
  <a href="#" class="social-icon"><i class="fab fa-whatsapp"></i></a>
</div>
/* توسيط قسم السوشيال ميديا */
.footer-nine .social-icons {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-top: 20px;
}

/* شكل الأيقونات */
.footer-nine .social-icon i {
  font-size: 28px;
  color: #fff;
  text-shadow: 
    0 0 10px #ff00ff,
    0 0 20px #a200ff,
    0 0 35px #ff00ff;
  transition: 0.3s;
}

/* تأثير Hover */
.footer-nine .social-icon:hover i {
  transform: scale(1.2);
  text-shadow: 
    0 0 15px #ff00ff,
    0 0 30px #a200ff,
    0 0 45px #ff00ff;
}
/* حركة نيون متحركة */
@keyframes neonPulse {
  0% {
    transform: scale(1) rotate(0deg);
    text-shadow: 0 0 10px #ff00ff, 0 0 20px #a200ff;
  }
  50% {
    transform: scale(1.15) rotate(5deg);
    text-shadow: 0 0 20px #ff00ff, 0 0 35px #a200ff;
  }
  100% {
    transform: scale(1) rotate(0deg);
    text-shadow: 0 0 10px #ff00ff, 0 0 20px #a200ff;
  }
}

/* تطبيق الحركة على الأيقونات */
.footer-nine .social-icon i {
  font-size: 28px;
  color: #fff;
  animation: neonPulse 2.2s infinite ease-in-out;
  transition: 0.3s;
}

/* حركة إضافية عند المرور */
.footer-nine .social-icon:hover i {
  transform: scale(1.25) rotate(10deg);
  text-shadow: 0 0 25px #ff00ff, 0 0 45px #a200ff;
}
/* توسيط نصوص المنتجات */
.product-grid .product-card,
.product-grid .product-card * {
  text-align: center !important;
}

/* تغيير لون اسم المنتج للوردي النيون */
.product-grid .product-card .product-title,
.product-grid .product-card h3,
.product-grid .product-card h2 {
  color: #ff00ff !important;
  text-shadow: 0 0 10px #ff00ff;
}

/* تغيير لون السعر للوردي */
.product-grid .product-card .price,
.product-grid .product-card .product-price {
  color: #ff00ff !important;
  text-shadow: 0 0 8px #ff00ff;
}
  /* توسيط السعر داخل كرت المنتج */
.product-grid .product-card .price,
.product-grid .product-card .product-price,
.product-grid .product-card .product-price * {
  text-align: center !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}